{"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"]}]}