| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\components\\rightConfig\\index.vue?vue&type=style&index=0&id=c733c8be&lang=scss&scoped=true","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\components\\rightConfig\\index.vue","mtime":1761614938984},{"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:DQoucmlnaHQtYm94IHsNCiAgd2lkdGg6IDcwMHB4Ow0KICBtYXJnaW4tbGVmdDogNTBweDsNCiAgYm9yZGVyOiAxcHggc29saWQgI2RkZDsNCiAgYm9yZGVyLXJhZGl1czogNHB4Ow0KICBoZWlnaHQ6IDcwMHB4Ow0KICBvdmVyZmxvdy15OiBzY3JvbGw7DQogICY6Oi13ZWJraXQtc2Nyb2xsYmFyIHsNCiAgICAvKiDmu5rliqjmnaHmlbTkvZPmoLflvI8gKi8NCiAgICB3aWR0aDogNHB4OyAvKiDpq5jlrr3liIbliKvlr7nlupTmqKrnq5bmu5rliqjmnaHnmoTlsLrlr7ggKi8NCiAgICBoZWlnaHQ6IDFweDsNCiAgfQ0KICAmOjotd2Via2l0LXNjcm9sbGJhci10aHVtYiB7DQogICAgLyog5rua5Yqo5p2h6YeM6Z2i5bCP5pa55Z2XICovDQogICAgYm9yZGVyLXJhZGl1czogNHB4Ow0KICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCA1cHggcmdiYSgwLCAwLCAwLCAwLjIpOw0KICAgIGJhY2tncm91bmQ6ICM1MzUzNTM7DQogIH0NCiAgJjo6LXdlYmtpdC1zY3JvbGxiYXItdHJhY2sgew0KICAgIC8qIOa7muWKqOadoemHjOmdoui9qOmBkyAqLw0KICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCA1cHggI2ZmZjsNCiAgICBib3JkZXItcmFkaXVzOiA0cHg7DQogICAgYmFja2dyb3VuZDogI2ZmZjsNCiAgfQ0KfQ0KLnRpdGxlLWJhciB7DQogIHdpZHRoOiAxMDAlOw0KICBoZWlnaHQ6IDM4cHg7DQogIGxpbmUtaGVpZ2h0OiAzOHB4Ow0KICBwYWRkaW5nLWxlZnQ6IDI0cHg7DQogIGNvbG9yOiAjMzMzOw0KICBib3JkZXItcmFkaXVzOiA0cHg7DQogIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZWVlOw0KfQ0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";AA2KA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/components/rightConfig","sourcesContent":["<template>\r\n <div class=\"right-box\" v-if=\"rCom.length\">\r\n <div class=\"title-bar\">模块配置</div>\r\n <div class=\"mobile-config\" v-if=\"rCom.length\">\r\n <div v-for=\"(item, key) in rCom\" :key=\"key\">\r\n <component\r\n :is=\"item.components.name\"\r\n :moduleName=\"name.name\"\r\n :name=\"item.configNme\"\r\n :configData=\"configData\"\r\n :configNum=\"configNum\"\r\n ></component>\r\n </div>\r\n <div style=\"text-align: center\" v-if=\"rCom.length\">\r\n <el-button type=\"primary\" style=\"width: 100%; margin: 0 auto; height: 40px\" v-db-click @click=\"saveConfig\"\r\n >保存</el-button\r\n >\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { getCategory, getByCategory, diySave, storeStatus } from '@/api/diy';\r\nimport toolCom from '@/components/diyComponents/index.js';\r\nimport { mapMutations } from 'vuex';\r\nimport { mapState } from 'vuex';\r\nexport default {\r\n name: 'rightConfig',\r\n components: {\r\n ...toolCom,\r\n },\r\n props: {\r\n name: {\r\n type: Object,\r\n default: {},\r\n },\r\n pageId: {\r\n type: Number,\r\n default: 0,\r\n },\r\n configNum: {\r\n type: Number | String,\r\n default: 'default',\r\n },\r\n },\r\n computed: {\r\n // ...mapState({\r\n // defultArr:(state)=>state.goodSelect.component,\r\n // })\r\n defultArr() {\r\n return this.$store.state.moren.component;\r\n },\r\n },\r\n watch: {\r\n name: {\r\n handler(nVal, oVal) {\r\n this.rCom = [];\r\n this.configData = this.$store.state.moren.defaultConfig[nVal.name];\r\n if (!this.configData.hasOwnProperty(this.configNum)) {\r\n let defaultObj = JSON.parse(JSON.stringify(this.configData.defaultVal));\r\n this.configData[nVal.num] = defaultObj;\r\n this.$store.commit('moren/upDataName', this.configData);\r\n }\r\n let that = this;\r\n setTimeout(function () {\r\n that.rCom = that.$store.state.moren.component[nVal.name].list;\r\n }, 30);\r\n if (this.configData[nVal.num].selectConfig) {\r\n let type = this.configData[nVal.num].selectConfig.type ? this.configData[nVal.num].selectConfig.type : 0;\r\n if (type) {\r\n this.getByCategory();\r\n } else {\r\n this.getCategory();\r\n }\r\n }\r\n },\r\n deep: true,\r\n },\r\n defultArr: {\r\n handler(nVal, oVal) {\r\n this.rCom = [];\r\n let tempArr = this.objToArray(nVal);\r\n this.rCom = nVal[this.name.name].list;\r\n },\r\n deep: true,\r\n },\r\n },\r\n data() {\r\n return {\r\n rCom: [],\r\n configData: {},\r\n isShow: true,\r\n categoryList: [],\r\n status: 0,\r\n };\r\n },\r\n mounted() {\r\n this.storeStatus();\r\n },\r\n methods: {\r\n storeStatus() {\r\n storeStatus().then((res) => {\r\n this.status = parseInt(res.data.store_status);\r\n });\r\n },\r\n getCategory() {\r\n getCategory().then((res) => {\r\n let data = [];\r\n res.data.map((item) => {\r\n data.push({\r\n title: item.title,\r\n pid: item.pid,\r\n activeValue: item.id.toString(),\r\n });\r\n });\r\n this.configData[this.name.num].selectConfig.list = data;\r\n this.bus.$emit('upData', data);\r\n });\r\n },\r\n //获取二级分类\r\n getByCategory() {\r\n getByCategory().then((res) => {\r\n let data = [];\r\n res.data.map((item) => {\r\n data.push({\r\n title: item.cate_name,\r\n pid: item.pid,\r\n activeValue: item.id.toString(),\r\n });\r\n });\r\n this.configData[this.name.num].selectConfig.list = data;\r\n this.bus.$emit('upData', data);\r\n });\r\n },\r\n // 保存数据\r\n saveConfig() {\r\n let data = this.$store.state.moren.defaultConfig;\r\n if (this.name.name == 'tabBar') {\r\n if (!this.status) {\r\n let list = data.tabBar.default.tabBarList.list;\r\n for (let i = 0; i < list.length; i++) {\r\n if (list[i].link == '/pages/storeList/index' || list[i].link == 'pages/storeList/index') {\r\n return this.$message.error('请先开启您的周边功能(/pages/storeList/index)');\r\n }\r\n }\r\n }\r\n if (data.tabBar.default.tabBarList.list.length < 2) {\r\n return this.$message.error('您最少应添加2个导航');\r\n }\r\n }\r\n\r\n diySave(this.pageId, {\r\n value: data,\r\n }).then((res) => {\r\n this.$message.success('保存成功');\r\n });\r\n },\r\n // 对象转数组\r\n objToArray(array) {\r\n var arr = [];\r\n for (var i in array) {\r\n arr.push(array[i]);\r\n }\r\n return arr;\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.right-box {\r\n width: 700px;\r\n margin-left: 50px;\r\n border: 1px solid #ddd;\r\n border-radius: 4px;\r\n height: 700px;\r\n overflow-y: scroll;\r\n &::-webkit-scrollbar {\r\n /* 滚动条整体样式 */\r\n width: 4px; /* 高宽分别对应横竖滚动条的尺寸 */\r\n height: 1px;\r\n }\r\n &::-webkit-scrollbar-thumb {\r\n /* 滚动条里面小方块 */\r\n border-radius: 4px;\r\n box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);\r\n background: #535353;\r\n }\r\n &::-webkit-scrollbar-track {\r\n /* 滚动条里面轨道 */\r\n box-shadow: inset 0 0 5px #fff;\r\n border-radius: 4px;\r\n background: #fff;\r\n }\r\n}\r\n.title-bar {\r\n width: 100%;\r\n height: 38px;\r\n line-height: 38px;\r\n padding-left: 24px;\r\n color: #333;\r\n border-radius: 4px;\r\n border-bottom: 1px solid #eee;\r\n}\r\n</style>\r\n"]}]}
|
