ecf60ab653943e4c02fdc60f6072f07b.json 4.1 KB

1
  1. {"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\\mobileConfigRight\\c_brand.vue?vue&type=style&index=0&id=0cfff1b4&scoped=true&lang=scss","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\components\\mobileConfigRight\\c_brand.vue","mtime":1761185179986},{"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:DQouc2xpZGVyLWJveCB7DQogIHBhZGRpbmc6IDAgMTVweDsNCiAgLmxhYmVsIHsNCiAgICBjb2xvcjogIzk5OTk5OTsNCiAgICBmb250LXNpemU6IDEycHg7DQogICAgd2lkdGg6IDc1cHg7DQogICAgbWFyZ2luLXJpZ2h0OiAxNnB4Ow0KICB9DQp9DQouY19yb3ctaXRlbSB7DQogIG1hcmdpbi1ib3R0b206IDIwcHg7DQp9DQo6OnYtZGVlcC5lbC1jYXNjYWRlcl9fc2VhcmNoLWlucHV0IHsNCiAgbWFyZ2luLWxlZnQ6IDhweDsNCn0NCjo6di1kZWVwLmVsLWNhc2NhZGVyIHsNCiAgd2lkdGg6IDEwMCU7DQp9DQo="},{"version":3,"sources":["c_brand.vue"],"names":[],"mappings":";AAgFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"c_brand.vue","sourceRoot":"src/components/mobileConfigRight","sourcesContent":["<template>\r\n <div class=\"slider-box\">\r\n <div class=\"c_row-item\" v-if=\"configData.title\">\r\n <el-col class=\"label\" :span=\"4\">\r\n {{ configData.title }}\r\n </el-col>\r\n <el-col :span=\"18\">\r\n <el-cascader\r\n @change=\"sliderChange\"\r\n placeholder=\"请选择品牌\"\r\n size=\"mini\"\r\n v-model=\"configData.brandVal\"\r\n :options=\"brandData\"\r\n :props=\"props\"\r\n filterable\r\n clearable\r\n >\r\n </el-cascader>\r\n </el-col>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n// import { brandList } from '@/api/product';\r\nexport default {\r\n name: 'c_brand',\r\n props: {\r\n configObj: {\r\n type: Object,\r\n },\r\n configNme: {\r\n type: String,\r\n },\r\n number: {\r\n type: null,\r\n },\r\n },\r\n data() {\r\n return {\r\n defaults: {},\r\n configData: {},\r\n props: { emitPath: false, multiple: true },\r\n brandData: [],\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.getBrandList();\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 },\r\n deep: true,\r\n },\r\n },\r\n methods: {\r\n sliderChange() {\r\n this.$emit('getConfig', { name: 'brands' });\r\n },\r\n getBrandList() {\r\n brandList()\r\n .then((res) => {\r\n this.brandData = res.data;\r\n })\r\n .catch((err) => {\r\n this.$message.error(err.msg);\r\n });\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.slider-box {\r\n padding: 0 15px;\r\n .label {\r\n color: #999999;\r\n font-size: 12px;\r\n width: 75px;\r\n margin-right: 16px;\r\n }\r\n}\r\n.c_row-item {\r\n margin-bottom: 20px;\r\n}\r\n::v-deep.el-cascader__search-input {\r\n margin-left: 8px;\r\n}\r\n::v-deep.el-cascader {\r\n width: 100%;\r\n}\r\n</style>\r\n"]}]}