| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\components\\diyComponents\\c_txt_list.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\components\\diyComponents\\c_txt_list.vue","mtime":1761614938953},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1761614927320},{"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:DQppbXBvcnQgdnVlZHJhZ2dhYmxlIGZyb20gJ3Z1ZWRyYWdnYWJsZSc7DQppbXBvcnQgbGlua2FkZHJlc3MgZnJvbSAnQC9jb21wb25lbnRzL2xpbmthZGRyZXNzJzsNCg0KZXhwb3J0IGRlZmF1bHQgew0KICBuYW1lOiAnY190eHRfbGlzdCcsDQogIHByb3BzOiB7DQogICAgbmFtZTogew0KICAgICAgdHlwZTogU3RyaW5nLA0KICAgIH0sDQogICAgY29uZmlnRGF0YTogew0KICAgICAgdHlwZTogbnVsbCwNCiAgICB9LA0KICAgIGNvbmZpZ051bTogew0KICAgICAgdHlwZTogTnVtYmVyIHwgU3RyaW5nLA0KICAgICAgZGVmYXVsdDogJ2RlZmF1bHQnLA0KICAgIH0sDQogIH0sDQogIGNvbXBvbmVudHM6IHsNCiAgICBkcmFnZ2FibGU6IHZ1ZWRyYWdnYWJsZSwNCiAgICBsaW5rYWRkcmVzcywNCiAgfSwNCiAgZGF0YSgpIHsNCiAgICByZXR1cm4gew0KICAgICAgZGVmYXVsdHM6IHt9LA0KICAgICAgaXRlbU9iajoge30sDQogICAgICBhY3RpdmVJbmRleDogMCwNCiAgICAgIGtleUluZGV4OiAwLA0KICAgICAgZGF0YXM6IHRoaXMuY29uZmlnRGF0YVt0aGlzLmNvbmZpZ051bV0sDQogICAgfTsNCiAgfSwNCiAgbW91bnRlZCgpIHt9LA0KICB3YXRjaDogew0KICAgIGNvbmZpZ0RhdGE6IHsNCiAgICAgIGhhbmRsZXIoblZhbCwgb1ZhbCkgew0KICAgICAgICB0aGlzLmRhdGFzID0gblZhbFt0aGlzLmNvbmZpZ051bV07DQogICAgICB9LA0KICAgICAgZGVlcDogdHJ1ZSwNCiAgICB9LA0KICB9LA0KICBtZXRob2RzOiB7DQogICAgZ2V0TGluayhpbmRleCwga2V5KSB7DQogICAgICB0aGlzLmFjdGl2ZUluZGV4ID0gaW5kZXg7DQogICAgICB0aGlzLmtleUluZGV4ID0ga2V5Ow0KICAgICAgdGhpcy4kcmVmcy5saW5rYWRkcmVzLm1vZGFscyA9IHRydWU7DQogICAgfSwNCiAgICBsaW5rVXJsKGUpIHsNCiAgICAgIHRoaXMuZGF0YXNbdGhpcy5uYW1lXS5saXN0W3RoaXMuYWN0aXZlSW5kZXhdLmNoaWlsZFt0aGlzLmtleUluZGV4XS52YWwgPSBlOw0KICAgIH0sDQogICAgYWRkSG90VHh0KCkgew0KICAgICAgbGV0IHZhbCA9IHsNCiAgICAgICAgY2hpaWxkOiBbDQogICAgICAgICAgew0KICAgICAgICAgICAgbWF4OiAyMCwNCiAgICAgICAgICAgIHBsYTogJ+mAieWhq++8jOS4jei2hei/h+Wbm+S4quWtlycsDQogICAgICAgICAgICB0aXRsZTogJ+agh+mimCcsDQogICAgICAgICAgICB2YWw6ICcnLA0KICAgICAgICAgIH0sDQogICAgICAgICAgew0KICAgICAgICAgICAgbWF4OiA5OSwNCiAgICAgICAgICAgIHBsYTogJ+mAieWhqycsDQogICAgICAgICAgICB0aXRsZTogJ+mTvuaOpScsDQogICAgICAgICAgICB2YWw6ICcnLA0KICAgICAgICAgIH0sDQogICAgICAgIF0sDQogICAgICB9Ow0KICAgICAgaWYgKHRoaXMubmFtZSA9PSAnbmV3TGlzdCcpIHsNCiAgICAgICAgbGV0IGFycnMgPSB0aGlzLmRhdGFzW3RoaXMubmFtZV0ubGlzdFt0aGlzLmRhdGFzW3RoaXMubmFtZV0ubGlzdC5sZW5ndGggLSAxXTsNCiAgICAgICAgbGV0IG9iaiA9IGFycnMgPyBKU09OLnBhcnNlKEpTT04uc3RyaW5naWZ5KGFycnMpKSA6ICcnOw0KICAgICAgICB0aGlzLmRhdGFzW3RoaXMubmFtZV0ubGlzdC5wdXNoKG9iaiB8fCB2YWwpOw0KICAgICAgICByZXR1cm47DQogICAgICB9DQogICAgICBpZiAodGhpcy5kYXRhc1t0aGlzLm5hbWVdLmxpc3QubGVuZ3RoID09IDApIHsNCiAgICAgICAgbGV0IHR4dExpc3REYXRhID0gdGhpcy4kc3RvcmUuc3RhdGUudXNlckluZm8udHh0TGlzdERhdGE7DQogICAgICAgIHRoaXMuZGF0YXNbdGhpcy5uYW1lXS5saXN0LnB1c2godHh0TGlzdERhdGEpOw0KICAgICAgfSBlbHNlIHsNCiAgICAgICAgbGV0IG9iaiA9IEpTT04ucGFyc2UoSlNPTi5zdHJpbmdpZnkodGhpcy5kYXRhc1t0aGlzLm5hbWVdLmxpc3RbdGhpcy5kYXRhc1t0aGlzLm5hbWVdLmxpc3QubGVuZ3RoIC0gMV0pKTsNCiAgICAgICAgdGhpcy5kYXRhc1t0aGlzLm5hbWVdLmxpc3QucHVzaChvYmopOw0KICAgICAgfQ0KICAgIH0sDQogICAgLy8g5Yig6Zmk5pWw57uEDQogICAgYmluZERlbGV0ZShpbmRleCkgew0KICAgICAgaWYgKHRoaXMuZGF0YXNbdGhpcy5uYW1lXS5saXN0Lmxlbmd0aCA9PSAxKSB7DQogICAgICAgIGxldCBpdGVtT2JqID0gdGhpcy5kYXRhc1t0aGlzLm5hbWVdLmxpc3RbMF07DQogICAgICAgIHRoaXMuJHN0b3JlLmNvbW1pdCgndXNlckluZm8vdHh0TGlzdCcsIGl0ZW1PYmopOw0KICAgICAgfQ0KICAgICAgdGhpcy5kYXRhc1t0aGlzLm5hbWVdLmxpc3Quc3BsaWNlKGluZGV4LCAxKTsNCiAgICB9LA0KICB9LA0KfTsNCg=="},{"version":3,"sources":["c_txt_list.vue"],"names":[],"mappings":";AA4EA;AACA;;AAEA;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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"c_txt_list.vue","sourceRoot":"src/components/diyComponents","sourcesContent":["<template>\r\n <div class=\"c_product\" v-if=\"datas\">\r\n <div class=\"title\">{{ datas[name].title }}</div>\r\n <div class=\"list-box\">\r\n <draggable class=\"dragArea list-group\" :list=\"datas[name].list\" group=\"peoples\" handle=\".move-icon\">\r\n <div class=\"item\" v-for=\"(item, index) in datas[name].list\" :key=\"index\">\r\n <div class=\"move-icon\">\r\n <span class=\"iconfont icondrag2\"></span>\r\n </div>\r\n <div class=\"content\">\r\n <div class=\"con-item\" v-for=\"(list, key) in item.chiild\" :key=\"key\">\r\n <div class=\"dif\" v-if=\"list.title === '链接'\">\r\n <el-col class=\"label\" :span=\"4\">\r\n <span>{{ list.title }}</span>\r\n </el-col>\r\n <el-col class=\"slider-box\">\r\n <div class=\"input-box\" v-db-click>\r\n <el-input v-model=\"list.val\" :placeholder=\"list.pla\" :maxlength=\"list.max\">\r\n <i class=\"el-icon-link\" slot=\"suffix\" @click=\"getLink(index, key)\" />\r\n </el-input>\r\n </div>\r\n </el-col>\r\n </div>\r\n <div class=\"dif\" v-else>\r\n <el-col class=\"label\" :span=\"4\">\r\n <span>{{ list.title }}</span>\r\n </el-col>\r\n <el-col :span=\"19\" class=\"slider-box\">\r\n <el-input\r\n v-model=\"list.val\"\r\n :placeholder=\"list.pla\"\r\n :maxlength=\"list.max\"\r\n style=\"text-align: right\"\r\n />\r\n </el-col>\r\n </div>\r\n <!-- <span>{{ list.title }}</span>\r\n <el-input\r\n v-model=\"list.val\"\r\n :placeholder=\"list.pla\"\r\n :maxlength=\"list.max\"\r\n /> -->\r\n </div>\r\n <div class=\"con-item\" v-if=\"item.link\">\r\n <span>{{ item.link.title }}</span>\r\n <el-select v-model=\"item.link.activeVal\" style=\"\">\r\n <el-option\r\n v-for=\"(item, j) in item.link.optiops\"\r\n :value=\"item.value\"\r\n :key=\"j\"\r\n :label=\"item.label\"\r\n ></el-option>\r\n </el-select>\r\n </div>\r\n </div>\r\n <div class=\"delete\" v-db-click @click.stop=\"bindDelete(index)\" v-if=\"datas[name].max > 1\">\r\n <i class=\"el-icon-circle-close\" style=\"font-size: 24px\"></i>\r\n </div>\r\n </div>\r\n </draggable>\r\n </div>\r\n <div v-if=\"datas[name]\">\r\n <div class=\"add-btn\" v-db-click @click=\"addHotTxt\" v-if=\"datas[name].list.length < datas[name].max\">\r\n <el-button\r\n type=\"primary\"\r\n ghost\r\n style=\"width: 100%; height: 40px; border-color: var(--prev-color-primary); color: var(--prev-color-primary)\"\r\n >添加模块</el-button\r\n >\r\n </div>\r\n </div>\r\n <linkaddress ref=\"linkaddres\" @linkUrl=\"linkUrl\"></linkaddress>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport vuedraggable from 'vuedraggable';\r\nimport linkaddress from '@/components/linkaddress';\r\n\r\nexport default {\r\n name: 'c_txt_list',\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 },\r\n components: {\r\n draggable: vuedraggable,\r\n linkaddress,\r\n },\r\n data() {\r\n return {\r\n defaults: {},\r\n itemObj: {},\r\n activeIndex: 0,\r\n keyIndex: 0,\r\n datas: this.configData[this.configNum],\r\n };\r\n },\r\n mounted() {},\r\n watch: {\r\n configData: {\r\n handler(nVal, oVal) {\r\n this.datas = nVal[this.configNum];\r\n },\r\n deep: true,\r\n },\r\n },\r\n methods: {\r\n getLink(index, key) {\r\n this.activeIndex = index;\r\n this.keyIndex = key;\r\n this.$refs.linkaddres.modals = true;\r\n },\r\n linkUrl(e) {\r\n this.datas[this.name].list[this.activeIndex].chiild[this.keyIndex].val = e;\r\n },\r\n addHotTxt() {\r\n let val = {\r\n chiild: [\r\n {\r\n max: 20,\r\n pla: '选填，不超过四个字',\r\n title: '标题',\r\n val: '',\r\n },\r\n {\r\n max: 99,\r\n pla: '选填',\r\n title: '链接',\r\n val: '',\r\n },\r\n ],\r\n };\r\n if (this.name == 'newList') {\r\n let arrs = this.datas[this.name].list[this.datas[this.name].list.length - 1];\r\n let obj = arrs ? JSON.parse(JSON.stringify(arrs)) : '';\r\n this.datas[this.name].list.push(obj || val);\r\n return;\r\n }\r\n if (this.datas[this.name].list.length == 0) {\r\n let txtListData = this.$store.state.userInfo.txtListData;\r\n this.datas[this.name].list.push(txtListData);\r\n } else {\r\n let obj = JSON.parse(JSON.stringify(this.datas[this.name].list[this.datas[this.name].list.length - 1]));\r\n this.datas[this.name].list.push(obj);\r\n }\r\n },\r\n // 删除数组\r\n bindDelete(index) {\r\n if (this.datas[this.name].list.length == 1) {\r\n let itemObj = this.datas[this.name].list[0];\r\n this.$store.commit('userInfo/txtList', itemObj);\r\n }\r\n this.datas[this.name].list.splice(index, 1);\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.icondrag2 {\r\n font-size: 26px;\r\n color: #d8d8d8;\r\n}\r\n.c_product {\r\n margin-bottom: 20px;\r\n .list-box {\r\n .item {\r\n position: relative;\r\n display: flex;\r\n margin-top: 23px;\r\n padding: 18px 20px 18px 0;\r\n border: 1px solid rgba(238, 238, 238, 1);\r\n .delete {\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n right: -13px;\r\n top: -14px;\r\n color: #999999;\r\n cursor: pointer;\r\n }\r\n }\r\n .move-icon {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 50px;\r\n cursor: move;\r\n }\r\n .content {\r\n flex: 1;\r\n .con-item {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 15px;\r\n width: 300px;\r\n &:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n span {\r\n width: 45px;\r\n font-size: 13px;\r\n }\r\n }\r\n }\r\n }\r\n .add-btn {\r\n margin-top: 18px;\r\n }\r\n}\r\n.title {\r\n font-size: 12px;\r\n color: #999;\r\n}\r\n.iconfont {\r\n color: #dddddd;\r\n font-size: 28px;\r\n}\r\n.dif {\r\n display: flex;\r\n align-items: center;\r\n}\r\n.slider-box {\r\n margin-left: 10px;\r\n width: 250px;\r\n}\r\n</style>\r\n"]}]}
|
