| 1 |
- {"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"]}]}
|
