{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\components\\mobileConfigRight\\c_hot_word.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\components\\mobileConfigRight\\c_hot_word.vue","mtime":1761614938966},{"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:DQppbXBvcnQgeyBnZXRXb3Jkc0FsbCB9IGZyb20gJ0AvYXBpL2RpeSc7DQppbXBvcnQgdnVlZHJhZ2dhYmxlIGZyb20gJ3Z1ZWRyYWdnYWJsZSc7DQpleHBvcnQgZGVmYXVsdCB7DQogIG5hbWU6ICdjX2hvdF93b3JkJywNCiAgcHJvcHM6IHsNCiAgICBjb25maWdPYmo6IHsNCiAgICAgIHR5cGU6IE9iamVjdCwNCiAgICB9LA0KICAgIGNvbmZpZ05tZTogew0KICAgICAgdHlwZTogU3RyaW5nLA0KICAgIH0sDQogIH0sDQogIGNvbXBvbmVudHM6IHsNCiAgICBkcmFnZ2FibGU6IHZ1ZWRyYWdnYWJsZSwNCiAgfSwNCiAgZGF0YSgpIHsNCiAgICByZXR1cm4gew0KICAgICAgaG90V29yZExpc3Q6IFtdLA0KICAgICAgaG90SW5kZXg6IDEsDQogICAgICBkZWZhdWx0czoge30sDQogICAgICBjb25maWdEYXRhOiB7fSwNCiAgICAgIHdvcmRMaXN0OiBbXSwNCiAgICB9Ow0KICB9LA0KICBjcmVhdGVkKCkgew0KICAgIHRoaXMuZGVmYXVsdHMgPSB0aGlzLmNvbmZpZ09iajsNCiAgICB0aGlzLmNvbmZpZ0RhdGEgPSB0aGlzLmNvbmZpZ09ialt0aGlzLmNvbmZpZ05tZV07DQogICAgLy8gdGhpcy53b3Jkc0FsbCgpOw0KICB9LA0KICB3YXRjaDogew0KICAgIGNvbmZpZ09iajogew0KICAgICAgaGFuZGxlcihuVmFsLCBvVmFsKSB7DQogICAgICAgIC8vIHRoaXMuaG90V29yZExpc3QgPSBuVmFsLmhvdExpc3QNCiAgICAgICAgdGhpcy5jb25maWdEYXRhID0gblZhbFt0aGlzLmNvbmZpZ05tZV07DQogICAgICB9LA0KICAgICAgaW1tZWRpYXRlOiB0cnVlLA0KICAgICAgZGVlcDogdHJ1ZSwNCiAgICB9LA0KICB9LA0KICBtZXRob2RzOiB7DQogICAgd29yZHNBbGwoKSB7DQogICAgICBnZXRXb3Jkc0FsbCgpDQogICAgICAgIC50aGVuKChyZXMpID0+IHsNCiAgICAgICAgICB0aGlzLndvcmRMaXN0ID0gcmVzLmRhdGE7DQogICAgICAgIH0pDQogICAgICAgIC5jYXRjaCgoZXJyKSA9PiB7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcihlcnIubXNnKTsNCiAgICAgICAgfSk7DQogICAgfSwNCiAgICBhZGRIb3RUeHQoKSB7DQogICAgICAvLyBsZXQgb2JqID0ge30NCiAgICAgIC8vIGlmKHRoaXMuY29uZmlnRGF0YS5saXN0Lmxlbmd0aCl7DQogICAgICAvLyAgICAgb2JqID0gSlNPTi5wYXJzZShKU09OLnN0cmluZ2lmeSh0aGlzLmNvbmZpZ0RhdGEubGlzdFt0aGlzLmNvbmZpZ0RhdGEubGlzdC5sZW5ndGggLSAxXSkpDQogICAgICAvLyB9ZWxzZSB7DQogICAgICAvLyAgICAgb2JqID0gew0KICAgICAgLy8gICAgICAgICB2YWw6ICcnDQogICAgICAvLyAgICAgfQ0KICAgICAgLy8gfQ0KICAgICAgbGV0IG9iaiA9IHsNCiAgICAgICAgdmFsOiAnJywNCiAgICAgIH07DQogICAgICB0aGlzLmNvbmZpZ0RhdGEubGlzdC5wdXNoKG9iaik7DQogICAgICAvLyB0aGlzLiRlbWl0KCdpbnB1dCcsIHRoaXMuaG90V29yZExpc3QpOw0KICAgIH0sDQogICAgLy8g5Yig6Zmk5pWw57uEDQogICAgYmluZERlbGV0ZShpbmRleCkgew0KICAgICAgdGhpcy5jb25maWdEYXRhLmxpc3Quc3BsaWNlKGluZGV4LCAxKTsNCiAgICB9LA0KICB9LA0KfTsNCg=="},{"version":3,"sources":["c_hot_word.vue"],"names":[],"mappings":";AAwBA;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_hot_word.vue","sourceRoot":"src/components/mobileConfigRight","sourcesContent":["<template>\r\n  <div class=\"line-box\" v-if=\"configData\">\r\n    <div class=\"input-box\">\r\n      <draggable class=\"dragArea list-group\" :list=\"configData.list\" group=\"peoples\" handle=\".icon\">\r\n        <div class=\"input-item\" v-for=\"(item, index) in configData.list\" :key=\"index\">\r\n          <div class=\"icon\">\r\n            <span class=\"iconfont-diy iconxingzhuangjiehe\"></span>\r\n          </div>\r\n          <el-input v-model=\"item.val\" maxlength=\"10\" placeholder=\"选填，不超过十个字\"  />\r\n          <!-- <el-select v-model=\"item.val\">\r\n            <el-option v-for=\"(val, index) in wordList\" :value=\"val.name\" :key=\"index\">{{ val.name }}</el-option>\r\n          </el-select> -->\r\n          <div class=\"delete\" @click.stop=\"bindDelete(index)\">\r\n            <span class=\"iconfont icondel_2\"></span>\r\n          </div>\r\n        </div>\r\n      </draggable>\r\n      <div class=\"add-btn\" @click=\"addHotTxt\" v-if=\"configData.list.length < 20\">\r\n        <el-button class=\"btn\" type=\"primary\" ghost> <span class=\"iconfont iconjiahao\"></span>添加 </el-button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport { getWordsAll } from '@/api/diy';\r\nimport vuedraggable from 'vuedraggable';\r\nexport default {\r\n  name: 'c_hot_word',\r\n  props: {\r\n    configObj: {\r\n      type: Object,\r\n    },\r\n    configNme: {\r\n      type: String,\r\n    },\r\n  },\r\n  components: {\r\n    draggable: vuedraggable,\r\n  },\r\n  data() {\r\n    return {\r\n      hotWordList: [],\r\n      hotIndex: 1,\r\n      defaults: {},\r\n      configData: {},\r\n      wordList: [],\r\n    };\r\n  },\r\n  created() {\r\n    this.defaults = this.configObj;\r\n    this.configData = this.configObj[this.configNme];\r\n    // this.wordsAll();\r\n  },\r\n  watch: {\r\n    configObj: {\r\n      handler(nVal, oVal) {\r\n        // this.hotWordList = nVal.hotList\r\n        this.configData = nVal[this.configNme];\r\n      },\r\n      immediate: true,\r\n      deep: true,\r\n    },\r\n  },\r\n  methods: {\r\n    wordsAll() {\r\n      getWordsAll()\r\n        .then((res) => {\r\n          this.wordList = res.data;\r\n        })\r\n        .catch((err) => {\r\n          this.$message.error(err.msg);\r\n        });\r\n    },\r\n    addHotTxt() {\r\n      // let obj = {}\r\n      // if(this.configData.list.length){\r\n      //     obj = JSON.parse(JSON.stringify(this.configData.list[this.configData.list.length - 1]))\r\n      // }else {\r\n      //     obj = {\r\n      //         val: ''\r\n      //     }\r\n      // }\r\n      let obj = {\r\n        val: '',\r\n      };\r\n      this.configData.list.push(obj);\r\n      // this.$emit('input', this.hotWordList);\r\n    },\r\n    // 删除数组\r\n    bindDelete(index) {\r\n      this.configData.list.splice(index, 1);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n::v-deep .ivu-select-arrow {\r\n  color: #cccccc;\r\n}\r\n\r\n.line-box {\r\n  padding: 0 15px;\r\n\r\n  .input-box {\r\n    .add-btn {\r\n      margin-top: 20px;\r\n\r\n      .btn {\r\n        width: 100%;\r\n        height: 36px;\r\n        border-color: #eeeeee;\r\n        color: #666666;\r\n\r\n        .iconfont {\r\n          font-size: 11px;\r\n          margin-right: 5px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .input-item {\r\n      display: flex;\r\n      align-items: center;\r\n      margin-bottom: 15px;\r\n\r\n      .delete {\r\n        color: #cccccc;\r\n        width: 30px;\r\n        text-align: right;\r\n\r\n        .iconfont {\r\n          font-size: 14px;\r\n        }\r\n      }\r\n\r\n      .icon {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 30px;\r\n        cursor: move;\r\n\r\n        .iconfont-diy {\r\n          font-size: 16px;\r\n          color: #dddddd;\r\n        }\r\n      }\r\n\r\n      ::v-deep .ivu-input {\r\n        flex: 1;\r\n        height: 36px;\r\n        font-size: 13px !important;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n"]}]}