| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\components\\diyComponents\\c_tab.vue?vue&type=style&index=0&id=17a8eb58&lang=scss&scoped=true","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\components\\diyComponents\\c_tab.vue","mtime":1761614938952},{"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:DQoucmFkaW8tYm94IHsNCiAgOjp2LWRlZXAgLml2dS1yYWRpby1ncm91cC1idXR0b24gew0KICAgIGRpc3BsYXk6IGZsZXg7DQogICAgd2lkdGg6IDEwMCU7DQogICAgLml2dS1yYWRpby13cmFwcGVyIHsNCiAgICAgIGZsZXg6IDE7DQogICAgICBkaXNwbGF5OiBmbGV4Ow0KICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyOw0KICAgIH0NCiAgfQ0KICAmLm9uIHsNCiAgICA6OnYtZGVlcCAuaXZ1LXJhZGlvLWdyb3VwLWJ1dHRvbiB7DQogICAgICAuaXZ1LXJhZGlvLXdyYXBwZXIgew0KICAgICAgICBmbGV4OiAxOw0KICAgICAgfQ0KICAgIH0NCiAgfQ0KfQ0KLnRpdGxlLXRpcHMgew0KICBwYWRkaW5nLWJvdHRvbTogMTBweDsNCiAgZm9udC1zaXplOiAxNHB4Ow0KICBjb2xvcjogIzMzMzsNCiAgc3BhbiB7DQogICAgbWFyZ2luLXJpZ2h0OiAxNHB4Ow0KICAgIGNvbG9yOiAjOTk5Ow0KICB9DQp9DQouaWNvbmZvbnQgew0KICBmb250LXNpemU6IDIwcHg7DQogIGxpbmUtaGVpZ2h0OiAxOHB4Ow0KfQ0K"},{"version":3,"sources":["c_tab.vue"],"names":[],"mappings":";AAiEA;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":"c_tab.vue","sourceRoot":"src/components/diyComponents","sourcesContent":["<template>\r\n <div>\r\n <div class=\"title-tips\" v-if=\"datas[name].tabList\">\r\n <span>选择模板</span>{{ datas[name].tabList[datas[name].tabVal].name }}\r\n </div>\r\n <div class=\"radio-box\" :class=\"{ on: datas[name].type == 1 }\">\r\n <el-radio-group v-model=\"datas[name].tabVal\" size=\"mini\" type=\"button\" @input=\"radioChange()\">\r\n <el-radio-button :label=\"index\" v-for=\"(item, index) in datas[name].tabList\" :key=\"index\">\r\n <span class=\"iconfont\" :class=\"item.icon\" v-if=\"item.icon\"></span>\r\n <span v-else>{{ item.name }}</span>\r\n </el-radio-button>\r\n </el-radio-group>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: 'c_tab',\r\n props: {\r\n name: {\r\n type: String,\r\n },\r\n configData: {\r\n type: null,\r\n },\r\n configNum: {\r\n type: Number | String,\r\n default: 'default',\r\n },\r\n moduleName: {\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 datas: this.configData[this.configNum],\r\n };\r\n },\r\n watch: {\r\n configData: {\r\n handler(nVal, oVal) {\r\n this.datas = nVal[this.configNum];\r\n this.$store.commit('moren/upDataGoodList', { name: this.moduleName, type: this.datas.tabConfig.tabVal });\r\n },\r\n deep: true,\r\n },\r\n },\r\n mounted() {\r\n this.$nextTick(() => {});\r\n },\r\n methods: {\r\n radioChange(e) {\r\n this.$emit('getConfig', this.datas[this.name].tabVal);\r\n this.$store.commit('moren/upDataGoodList', { name: this.moduleName, type: this.datas[this.name].tabVal });\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.radio-box {\r\n ::v-deep .ivu-radio-group-button {\r\n display: flex;\r\n width: 100%;\r\n .ivu-radio-wrapper {\r\n flex: 1;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n }\r\n &.on {\r\n ::v-deep .ivu-radio-group-button {\r\n .ivu-radio-wrapper {\r\n flex: 1;\r\n }\r\n }\r\n }\r\n}\r\n.title-tips {\r\n padding-bottom: 10px;\r\n font-size: 14px;\r\n color: #333;\r\n span {\r\n margin-right: 14px;\r\n color: #999;\r\n }\r\n}\r\n.iconfont {\r\n font-size: 20px;\r\n line-height: 18px;\r\n}\r\n</style>\r\n"]}]}
|
