{"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\components\\diyComponents\\c_bg_color.vue?vue&type=style&index=0&id=272c52ba&lang=scss&scoped=true","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\components\\diyComponents\\c_bg_color.vue","mtime":1761185179959},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQouY19yb3ctaXRlbSB7DQogIG1hcmdpbi10b3A6IDEwcHg7DQogIG1hcmdpbi1ib3R0b206IDEwcHg7DQogIDo6di1kZWVwIC5pdnUtc2VsZWN0LWRyb3Bkb3duIHsNCiAgICBsZWZ0OiAtMjdweCAhaW1wb3J0YW50Ow0KICB9DQp9DQouY29sb3ItYm94IHsNCiAgZGlzcGxheTogZmxleDsNCiAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDsNCiAgLmNvbG9yLWl0ZW0gew0KICAgIG1hcmdpbi1sZWZ0OiAxNXB4Ow0KDQogICAgc3BhbiB7DQogICAgICBtYXJnaW4tbGVmdDogNXB4Ow0KICAgICAgY29sb3I6ICM5OTk7DQogICAgICBmb250LXNpemU6IDEzcHg7DQogICAgICBjdXJzb3I6IHBvaW50ZXI7DQogICAgfQ0KICB9DQp9DQo="},{"version":3,"sources":["c_bg_color.vue"],"names":[],"mappings":";AA4EA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"c_bg_color.vue","sourceRoot":"src/components/diyComponents","sourcesContent":["<template>\r\n  <div>\r\n    <div class=\"c_row-item\" v-if=\"configData[this.configNum]\">\r\n      <el-col :span=\"8\" class=\"c_label\">{{ configData[this.configNum][name].title }}</el-col>\r\n      <el-col :span=\"14\" class=\"color-box\">\r\n        <div\r\n          class=\"color-item acea-row row-middle\"\r\n          v-for=\"(color, key) in configData[this.configNum][name].color\"\r\n          :key=\"key\"\r\n        >\r\n          <el-color-picker v-model=\"color.item\" @change=\"changeColor($event, color)\"></el-color-picker\r\n          ><span class=\"white-space-nowrap\" v-db-click @click=\"resetBgA(color, index, key)\">重置</span>\r\n        </div>\r\n      </el-col>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nlet restColor = '';\r\nexport default {\r\n  name: 'c_bg_color',\r\n  props: {\r\n    configData: {\r\n      type: Object,\r\n    },\r\n    name: {\r\n      type: String,\r\n    },\r\n    configNum: {\r\n      type: Number | String,\r\n      default: 'default',\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      defaults: {},\r\n      bgColor: {\r\n        bgStar: '',\r\n        bgEnd: '',\r\n      },\r\n      oldColor: {\r\n        bgStar: '',\r\n        bgEnd: '',\r\n      },\r\n      index: 0,\r\n    };\r\n  },\r\n  created() {\r\n    this.defaults = this.configData[this.configNum][this.configNum];\r\n  },\r\n  watch: {\r\n    configData: {\r\n      handler(nVal, oVal) {\r\n        this.defaults = nVal[this.configNum];\r\n      },\r\n      immediate: true,\r\n      deep: true,\r\n    },\r\n  },\r\n  methods: {\r\n    changeColor(e, color) {\r\n      if (!e) {\r\n        // color.item = 'transparent';\r\n      }\r\n      // this.$emit('getConfig', this.defaults)\r\n    },\r\n    // 重置\r\n    resetBgA(color, index, key) {\r\n      color.item = this.configData[this.configNum][this.name].default[key].item;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.c_row-item {\r\n  margin-top: 10px;\r\n  margin-bottom: 10px;\r\n  ::v-deep .ivu-select-dropdown {\r\n    left: -27px !important;\r\n  }\r\n}\r\n.color-box {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-end;\r\n  .color-item {\r\n    margin-left: 15px;\r\n\r\n    span {\r\n      margin-left: 5px;\r\n      color: #999;\r\n      font-size: 13px;\r\n      cursor: pointer;\r\n    }\r\n  }\r\n}\r\n</style>\r\n"]}]}