{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\components\\mobileConfigRight\\c_checkbox.vue?vue&type=style&index=0&id=00f55cb4&scoped=true&lang=scss","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\components\\mobileConfigRight\\c_checkbox.vue","mtime":1761614938965},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\css-loader\\index.js","mtime":1761614929364},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1761614937403},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\postcss-loader\\src\\index.js","mtime":1761614935133},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1761614936391},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQouY2hlY2tib3hzIHsNCiAgcGFkZGluZzogMCAxNXB4Ow0KICBtYXJnaW4tYm90dG9tOiAyMHB4Ow0KfQ0KLnRpdGxlLXRpcHMgew0KICBtYXJnaW4tcmlnaHQ6IDE0cHg7DQogIGNvbG9yOiAjOTk5Ow0KICBmb250LXNpemU6IDEycHg7DQogIHdpZHRoOiA4MnB4Ow0KfQ0KLmNoZWNrYm94LWJveCB7DQogIHdpZHRoOiAyNzBweDsNCn0NCi5pdnUtY2hlY2tib3gtZ3JvdXAtaXRlbSB7DQogIG1hcmdpbi1ib3R0b206IDE1cHg7DQogIG1hcmdpbi1yaWdodDogMTVweDsNCn0NCjo6di1kZWVwLml2dS1jaGVja2JveCB7DQogIG1hcmdpbi1yaWdodDogNHB4Ow0KfQ0KOjp2LWRlZXAuaXZ1LWNoZWNrYm94LWdyb3VwLWl0ZW0gew0KICBmb250LXNpemU6IDEycHg7DQp9DQo6OnYtZGVlcC5pdnUtY2hlY2tib3gtd3JhcHBlcjpudGgtbGFzdC1jaGlsZCgxKSB7DQogIG1hcmdpbi1yaWdodDogMDsNCn0NCg=="},{"version":3,"sources":["c_checkbox.vue"],"names":[],"mappings":";AA0HA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"c_checkbox.vue","sourceRoot":"src/components/mobileConfigRight","sourcesContent":["<template>\r\n  <div class=\"checkboxs acea-row row-top\">\r\n    <div class=\"title-tips\" v-if=\"configData\">\r\n      <span>{{ configData.title }}</span>\r\n    </div>\r\n    <div class=\"checkbox-box\">\r\n      <el-checkbox-group size=\"small\" v-model=\"configData.type\" @change=\"checkboxChange()\">\r\n        <el-checkbox\r\n          :label=\"item.id\"\r\n          :disabled=\"\r\n            selectedData.length >= 3 && userStyle && configData.userType && !selectedData.includes(item.id)\r\n              ? true\r\n              : false\r\n          \"\r\n          v-for=\"(item, index) in configData.list\"\r\n          :key=\"index\"\r\n        >\r\n          <span>{{ item.name }}</span>\r\n        </el-checkbox>\r\n      </el-checkbox-group>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'c_checkbox',\r\n  props: {\r\n    configObj: {\r\n      type: Object,\r\n    },\r\n    configNme: {\r\n      type: String,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      formData: {\r\n        type: 0,\r\n      },\r\n      defaults: {},\r\n      configData: {},\r\n      selectedData: [],\r\n      userStyle: 0,\r\n    };\r\n  },\r\n  watch: {\r\n    configObj: {\r\n      handler(nVal, oVal) {\r\n        this.defaults = nVal;\r\n        this.configData = nVal[this.configNme];\r\n        this.userStyle = nVal.styleConfig.tabVal;\r\n        this.selectedData = nVal.checkboxInfo.type;\r\n      },\r\n      deep: true,\r\n    },\r\n    'configObj.styleConfig.tabVal': {\r\n      handler(nVal, oVal) {\r\n        if (this.configData.userType) {\r\n          this.configData.type = [3, 1, 2];\r\n        }\r\n      },\r\n    },\r\n    'configObj.storeStyleConfig.tabVal': {\r\n      handler(nVal, oVal) {\r\n        if (this.configData.storeType) {\r\n          if (nVal == 1) {\r\n            this.configData.list = [\r\n              {\r\n                id: 0,\r\n                name: '配送方式',\r\n              },\r\n              {\r\n                id: 2,\r\n                name: '门店距离',\r\n              },\r\n              {\r\n                id: 3,\r\n                name: '门店地址',\r\n              },\r\n            ];\r\n          } else {\r\n            this.configData.list = [\r\n              {\r\n                id: 0,\r\n                name: '配送方式',\r\n              },\r\n              {\r\n                id: 1,\r\n                name: '营业时间',\r\n              },\r\n              {\r\n                id: 2,\r\n                name: '门店距离',\r\n              },\r\n              {\r\n                id: 3,\r\n                name: '门店地址',\r\n              },\r\n            ];\r\n          }\r\n        }\r\n      },\r\n    },\r\n  },\r\n  mounted() {\r\n    this.$nextTick(() => {\r\n      this.defaults = this.configObj;\r\n      this.configData = this.configObj[this.configNme];\r\n      this.userStyle = this.defaults.styleConfig.tabVal;\r\n      this.selectedData = this.defaults.checkboxInfo.type;\r\n    });\r\n  },\r\n  methods: {\r\n    checkboxChange(e) {\r\n      // this.$emit('getConfig', e);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.checkboxs {\r\n  padding: 0 15px;\r\n  margin-bottom: 20px;\r\n}\r\n.title-tips {\r\n  margin-right: 14px;\r\n  color: #999;\r\n  font-size: 12px;\r\n  width: 82px;\r\n}\r\n.checkbox-box {\r\n  width: 270px;\r\n}\r\n.ivu-checkbox-group-item {\r\n  margin-bottom: 15px;\r\n  margin-right: 15px;\r\n}\r\n::v-deep.ivu-checkbox {\r\n  margin-right: 4px;\r\n}\r\n::v-deep.ivu-checkbox-group-item {\r\n  font-size: 12px;\r\n}\r\n::v-deep.ivu-checkbox-wrapper:nth-last-child(1) {\r\n  margin-right: 0;\r\n}\r\n</style>\r\n"]}]}