| 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=style&index=0&id=7e67b6de&lang=scss&scoped=true","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\components\\diyComponents\\c_txt_list.vue","mtime":1761614938953},{"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:DQouaWNvbmRyYWcyIHsNCiAgZm9udC1zaXplOiAyNnB4Ow0KICBjb2xvcjogI2Q4ZDhkODsNCn0NCi5jX3Byb2R1Y3Qgew0KICBtYXJnaW4tYm90dG9tOiAyMHB4Ow0KICAubGlzdC1ib3ggew0KICAgIC5pdGVtIHsNCiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTsNCiAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICBtYXJnaW4tdG9wOiAyM3B4Ow0KICAgICAgcGFkZGluZzogMThweCAyMHB4IDE4cHggMDsNCiAgICAgIGJvcmRlcjogMXB4IHNvbGlkIHJnYmEoMjM4LCAyMzgsIDIzOCwgMSk7DQogICAgICAuZGVsZXRlIHsNCiAgICAgICAgcG9zaXRpb246IGFic29sdXRlOw0KICAgICAgICByaWdodDogMDsNCiAgICAgICAgdG9wOiAwOw0KICAgICAgICByaWdodDogLTEzcHg7DQogICAgICAgIHRvcDogLTE0cHg7DQogICAgICAgIGNvbG9yOiAjOTk5OTk5Ow0KICAgICAgICBjdXJzb3I6IHBvaW50ZXI7DQogICAgICB9DQogICAgfQ0KICAgIC5tb3ZlLWljb24gew0KICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsNCiAgICAgIHdpZHRoOiA1MHB4Ow0KICAgICAgY3Vyc29yOiBtb3ZlOw0KICAgIH0NCiAgICAuY29udGVudCB7DQogICAgICBmbGV4OiAxOw0KICAgICAgLmNvbi1pdGVtIHsNCiAgICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgICAgICAgbWFyZ2luLWJvdHRvbTogMTVweDsNCiAgICAgICAgd2lkdGg6IDMwMHB4Ow0KICAgICAgICAmOmxhc3QtY2hpbGQgew0KICAgICAgICAgIG1hcmdpbi1ib3R0b206IDA7DQogICAgICAgIH0NCg0KICAgICAgICBzcGFuIHsNCiAgICAgICAgICB3aWR0aDogNDVweDsNCiAgICAgICAgICBmb250LXNpemU6IDEzcHg7DQogICAgICAgIH0NCiAgICAgIH0NCiAgICB9DQogIH0NCiAgLmFkZC1idG4gew0KICAgIG1hcmdpbi10b3A6IDE4cHg7DQogIH0NCn0NCi50aXRsZSB7DQogIGZvbnQtc2l6ZTogMTJweDsNCiAgY29sb3I6ICM5OTk7DQp9DQouaWNvbmZvbnQgew0KICBjb2xvcjogI2RkZGRkZDsNCiAgZm9udC1zaXplOiAyOHB4Ow0KfQ0KLmRpZiB7DQogIGRpc3BsYXk6IGZsZXg7DQogIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQp9DQouc2xpZGVyLWJveCB7DQogIG1hcmdpbi1sZWZ0OiAxMHB4Ow0KICB3aWR0aDogMjUwcHg7DQp9DQo="},{"version":3,"sources":["c_txt_list.vue"],"names":[],"mappings":";AAwKA;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;;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","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"]}]}
|
