{"remainingRequest":"E:\\item\\newItem\\admin\\node_modules\\babel-loader\\lib\\index.js!E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\item\\newItem\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\item\\newItem\\admin\\node_modules\\iview-loader\\index.js??ref--0-2!E:\\item\\newItem\\admin\\src\\components\\diyComponents\\c_txt_list.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\newItem\\admin\\src\\components\\diyComponents\\c_txt_list.vue","mtime":1678166669639},{"path":"E:\\item\\newItem\\admin\\babel.config.js","mtime":1677828270071},{"path":"E:\\item\\newItem\\admin\\.babelrc","mtime":1677828270070},{"path":"E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\iview-loader\\index.js","mtime":1570440814000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMubnVtYmVyLmNvbnN0cnVjdG9yLmpzIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuZnVuY3Rpb24ubmFtZS5qcyI7CmltcG9ydCAiY29yZS1qcy9tb2R1bGVzL2VzLmpzb24uc3RyaW5naWZ5LmpzIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuYXJyYXkuc3BsaWNlLmpzIjsKLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHZ1ZWRyYWdnYWJsZSBmcm9tICd2dWVkcmFnZ2FibGUnOwppbXBvcnQgbGlua2FkZHJlc3MgZnJvbSAnQC9jb21wb25lbnRzL2xpbmthZGRyZXNzJzsKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICdjX3R4dF9saXN0JywKICBwcm9wczogewogICAgbmFtZTogewogICAgICB0eXBlOiBTdHJpbmcKICAgIH0sCiAgICBjb25maWdEYXRhOiB7CiAgICAgIHR5cGU6IG51bGwKICAgIH0sCiAgICBjb25maWdOdW06IHsKICAgICAgdHlwZTogTnVtYmVyIHwgU3RyaW5nLAogICAgICBkZWZhdWx0OiAnZGVmYXVsdCcKICAgIH0KICB9LAogIGNvbXBvbmVudHM6IHsKICAgIGRyYWdnYWJsZTogdnVlZHJhZ2dhYmxlLAogICAgbGlua2FkZHJlc3M6IGxpbmthZGRyZXNzCiAgfSwKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgZGVmYXVsdHM6IHt9LAogICAgICBpdGVtT2JqOiB7fSwKICAgICAgYWN0aXZlSW5kZXg6IDAsCiAgICAgIGtleUluZGV4OiAwLAogICAgICBkYXRhczogdGhpcy5jb25maWdEYXRhW3RoaXMuY29uZmlnTnVtXQogICAgfTsKICB9LAogIG1vdW50ZWQ6IGZ1bmN0aW9uIG1vdW50ZWQoKSB7fSwKICB3YXRjaDogewogICAgY29uZmlnRGF0YTogewogICAgICBoYW5kbGVyOiBmdW5jdGlvbiBoYW5kbGVyKG5WYWwsIG9WYWwpIHsKICAgICAgICB0aGlzLmRhdGFzID0gblZhbFt0aGlzLmNvbmZpZ051bV07CiAgICAgIH0sCiAgICAgIGRlZXA6IHRydWUKICAgIH0KICB9LAogIG1ldGhvZHM6IHsKICAgIGdldExpbms6IGZ1bmN0aW9uIGdldExpbmsoaW5kZXgsIGtleSkgewogICAgICB0aGlzLmFjdGl2ZUluZGV4ID0gaW5kZXg7CiAgICAgIHRoaXMua2V5SW5kZXggPSBrZXk7CiAgICAgIHRoaXMuJHJlZnMubGlua2FkZHJlcy5tb2RhbHMgPSB0cnVlOwogICAgfSwKICAgIGxpbmtVcmw6IGZ1bmN0aW9uIGxpbmtVcmwoZSkgewogICAgICB0aGlzLmRhdGFzW3RoaXMubmFtZV0ubGlzdFt0aGlzLmFjdGl2ZUluZGV4XS5jaGlpbGRbdGhpcy5rZXlJbmRleF0udmFsID0gZTsKICAgIH0sCiAgICBhZGRIb3RUeHQ6IGZ1bmN0aW9uIGFkZEhvdFR4dCgpIHsKICAgICAgdmFyIHZhbCA9IHsKICAgICAgICBjaGlsZHJlbjogWy8vIHsKICAgICAgICAgIC8vICAgbWF4OiAyMCwKICAgICAgICAgIC8vICAgcGxhOiAn6YCJ5aGr77yM5LiN6LaF6L+H5Zub5Liq5a2XJywKICAgICAgICAgIC8vICAgdGl0bGU6ICfmoIfpopgnLAogICAgICAgICAgLy8gICB2YWw6ICdDUk1FQiB2NC4yLjIg5q2j5byP5Y+R5biDJywKICAgICAgICAgIC8vIH0sCiAgICAgICAgICAvLyB7CiAgICAgICAgICAvLyAgIG1heDogOTksCiAgICAgICAgICAvLyAgIHBsYTogJ+mAieWhqycsCiAgICAgICAgICAvLyAgIHRpdGxlOiAn6ZO+5o6lJywKICAgICAgICAgIC8vICAgdmFsOiAn6ZO+5o6lJywKICAgICAgICAgIC8vIH0sCiAgICAgICAgXQogICAgICB9OwoKICAgICAgaWYgKHRoaXMubmFtZSA9PSAnbmV3TGlzdCcpIHsKICAgICAgICB2YXIgb2JqID0gSlNPTi5wYXJzZShKU09OLnN0cmluZ2lmeSh0aGlzLmRhdGFzW3RoaXMubmFtZV0ubGlzdFt0aGlzLmRhdGFzW3RoaXMubmFtZV0ubGlzdC5sZW5ndGggLSAxXSkpOwogICAgICAgIHRoaXMuZGF0YXNbdGhpcy5uYW1lXS5saXN0LnB1c2gob2JqKTsKICAgICAgICByZXR1cm47CiAgICAgIH0KCiAgICAgIGlmICh0aGlzLmRhdGFzW3RoaXMubmFtZV0ubGlzdC5sZW5ndGggPT0gMCkgewogICAgICAgIHZhciB0eHRMaXN0RGF0YSA9IHRoaXMuJHN0b3JlLnN0YXRlLnVzZXJJbmZvLnR4dExpc3REYXRhOwogICAgICAgIHRoaXMuZGF0YXNbdGhpcy5uYW1lXS5saXN0LnB1c2godHh0TGlzdERhdGEpOwogICAgICB9IGVsc2UgewogICAgICAgIHZhciBfb2JqID0gSlNPTi5wYXJzZShKU09OLnN0cmluZ2lmeSh0aGlzLmRhdGFzW3RoaXMubmFtZV0ubGlzdFt0aGlzLmRhdGFzW3RoaXMubmFtZV0ubGlzdC5sZW5ndGggLSAxXSkpOwoKICAgICAgICB0aGlzLmRhdGFzW3RoaXMubmFtZV0ubGlzdC5wdXNoKF9vYmopOwogICAgICB9CiAgICB9LAogICAgLy8g5Yig6Zmk5pWw57uECiAgICBiaW5kRGVsZXRlOiBmdW5jdGlvbiBiaW5kRGVsZXRlKGluZGV4KSB7CiAgICAgIGlmICh0aGlzLmRhdGFzW3RoaXMubmFtZV0ubGlzdC5sZW5ndGggPT0gMSkgewogICAgICAgIHZhciBpdGVtT2JqID0gdGhpcy5kYXRhc1t0aGlzLm5hbWVdLmxpc3RbMF07CiAgICAgICAgdGhpcy4kc3RvcmUuY29tbWl0KCd1c2VySW5mby90eHRMaXN0JywgaXRlbU9iaik7CiAgICAgIH0KCiAgICAgIHRoaXMuZGF0YXNbdGhpcy5uYW1lXS5saXN0LnNwbGljZShpbmRleCwgMSk7CiAgICB9CiAgfQp9Ow=="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmEA;AACA;AAEA;EACAA,kBADA;EAEAC;IACAD;MACAE;IADA,CADA;IAIAC;MACAD;IADA,CAJA;IAOAE;MACAF,qBADA;MAEAG;IAFA;EAPA,CAFA;EAcAC;IACAC,uBADA;IAEAC;EAFA,CAdA;EAkBAC,IAlBA,kBAkBA;IACA;MACAC,YADA;MAEAC,WAFA;MAGAC,cAHA;MAIAC,WAJA;MAKAC;IALA;EAOA,CA1BA;EA2BAC,OA3BA,qBA2BA,EA3BA;EA4BAC;IACAb;MACAc,OADA,mBACAC,IADA,EACAC,IADA,EACA;QACA;MACA,CAHA;MAIAC;IAJA;EADA,CA5BA;EAoCAC;IACAC,OADA,mBACAC,KADA,EACAC,GADA,EACA;MACA;MACA;MACA;IACA,CALA;IAMAC,OANA,mBAMAC,CANA,EAMA;MACA;IACA,CARA;IASAC,SATA,uBASA;MACA;QACAC,WACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;QAZA;MADA;;MAgBA;QACA;QACA;QACA;MACA;;MACA;QACA;QACA;MACA,CAHA,MAGA;QACA;;QACA;MACA;IACA,CAtCA;IAuCA;IACAC,UAxCA,sBAwCAN,KAxCA,EAwCA;MACA;QACA;QACA;MACA;;MACA;IACA;EA9CA;AApCA","names":["name","props","type","configData","configNum","default","components","draggable","linkaddress","data","defaults","itemObj","activeIndex","keyIndex","datas","mounted","watch","handler","nVal","oVal","deep","methods","getLink","index","key","linkUrl","e","addHotTxt","children","bindDelete"],"sourceRoot":"src/components/diyComponents","sources":["c_txt_list.vue"],"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                <Col class=\"label\">\r\n                  <span>{{ list.title }}</span>\r\n                </Col>\r\n                <Col class=\"slider-box\">\r\n                  <div class=\"input-box\" @click=\"getLink(index, key)\">\r\n                    <Input\r\n                      v-model=\"list.val\"\r\n                      :placeholder=\"list.pla\"\r\n                      :maxlength=\"list.max\"\r\n                      icon=\"ios-arrow-forward\"\r\n                      readonly\r\n                    />\r\n                  </div>\r\n                </Col>\r\n              </div>\r\n              <div class=\"dif\" v-else>\r\n                <Col class=\"label\">\r\n                  <span>{{ list.title }}</span>\r\n                </Col>\r\n                <Col span=\"19\" class=\"slider-box\">\r\n                  <Input v-model=\"list.val\" :placeholder=\"list.pla\" :maxlength=\"list.max\" style=\"text-align: right\" />\r\n                </Col>\r\n              </div>\r\n              <!-- <span>{{ list.title }}</span>\r\n              <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              <Select v-model=\"item.link.activeVal\" style=\"\">\r\n                <Option v-for=\"(item, j) in item.link.optiops\" :value=\"item.value\" :key=\"j\">{{ item.label }} </Option>\r\n              </Select>\r\n            </div>\r\n          </div>\r\n          <div class=\"delete\" @click.stop=\"bindDelete(index)\" v-if=\"datas[name].max > 1\">\r\n            <Icon type=\"ios-close-circle\" size=\"26\" />\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\" @click=\"addHotTxt\" v-if=\"datas[name].list.length < datas[name].max\">\r\n        <Button type=\"primary\" ghost style=\"width: 100%; height: 40px; border-color: #1890ff; color: #1890ff\"\r\n          >添加模块</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        children: [\r\n          // {\r\n          //   max: 20,\r\n          //   pla: '选填，不超过四个字',\r\n          //   title: '标题',\r\n          //   val: 'CRMEB v4.2.2 正式发布',\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 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        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 scoped lang=\"stylus\">\r\n.icondrag2 {\r\n  font-size: 26px;\r\n  color: #d8d8d8;\r\n}\r\n\r\n.c_product {\r\n  margin-bottom: 20px;\r\n\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\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\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\r\n    .content {\r\n      flex: 1;\r\n\r\n      .con-item {\r\n        display: flex;\r\n        align-items: center;\r\n        margin-bottom: 15px;\r\n        width: 300px;\r\n\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\r\n  .add-btn {\r\n    margin-top: 18px;\r\n  }\r\n}\r\n\r\n.title {\r\n  font-size: 12px;\r\n  color: #999;\r\n}\r\n\r\n.iconfont {\r\n  color: #DDDDDD;\r\n  font-size: 28px;\r\n}\r\n\r\n.dif {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.slider-box {\r\n  margin-left: 10px;\r\n  width: 250px;\r\n}\r\n</style>\r\n"]}]}