{"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\components\\diyComponents\\c_tab_bar.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\components\\diyComponents\\c_tab_bar.vue","mtime":1761185179963},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\babel.config.js","mtime":1761185179818},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\.babelrc","mtime":1761185179813},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":456789000000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuYXJyYXkucHVzaC5qcyI7CmltcG9ydCAiY29yZS1qcy9tb2R1bGVzL2VzLmFycmF5LnNwbGljZS5qcyI7CmltcG9ydCAiY29yZS1qcy9tb2R1bGVzL2VzLmZ1bmN0aW9uLm5hbWUuanMiOwppbXBvcnQgImNvcmUtanMvbW9kdWxlcy9lcy5qc29uLnN0cmluZ2lmeS5qcyI7CmltcG9ydCAiY29yZS1qcy9tb2R1bGVzL2VzLm51bWJlci5jb25zdHJ1Y3Rvci5qcyI7CmltcG9ydCAiY29yZS1qcy9tb2R1bGVzL2VzLm9iamVjdC5rZXlzLmpzIjsKaW1wb3J0IHZ1ZWRyYWdnYWJsZSBmcm9tICd2dWVkcmFnZ2FibGUnOwppbXBvcnQgdXBsb2FkUGljdHVyZXMgZnJvbSAnQC9jb21wb25lbnRzL3VwbG9hZFBpY3R1cmVzJzsKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICdjX3RhYl9iYXInLAogIHByb3BzOiB7CiAgICBuYW1lOiB7CiAgICAgIHR5cGU6IFN0cmluZwogICAgfSwKICAgIGNvbmZpZ0RhdGE6IHsKICAgICAgdHlwZTogbnVsbAogICAgfSwKICAgIGNvbmZpZ051bTogewogICAgICB0eXBlOiBOdW1iZXIgfCBTdHJpbmcsCiAgICAgIGRlZmF1bHQ6ICdkZWZhdWx0JwogICAgfQogIH0sCiAgY29tcG9uZW50czogewogICAgdXBsb2FkUGljdHVyZXM6IHVwbG9hZFBpY3R1cmVzLAogICAgZHJhZ2dhYmxlOiB2dWVkcmFnZ2FibGUKICB9LAogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBtb2RhbFBpYzogZmFsc2UsCiAgICAgIGlzQ2hvaWNlOiAn5Y2V6YCJJywKICAgICAgZ3JpZEJ0bjogewogICAgICAgIHhsOiA0LAogICAgICAgIGxnOiA4LAogICAgICAgIG1kOiA4LAogICAgICAgIHNtOiA4LAogICAgICAgIHhzOiA4CiAgICAgIH0sCiAgICAgIGdyaWRQaWM6IHsKICAgICAgICB4bDogNiwKICAgICAgICBsZzogOCwKICAgICAgICBtZDogMTIsCiAgICAgICAgc206IDEyLAogICAgICAgIHhzOiAxMgogICAgICB9LAogICAgICBhY3RpdmVJbmRleDogMCwKICAgICAgaXNTZWxlY3Q6IDAsCiAgICAgIGRhdGFzOiB0aGlzLmNvbmZpZ0RhdGFbdGhpcy5jb25maWdOdW1dLAogICAgICBsYXN0T2JqOiB7fQogICAgfTsKICB9LAogIG1vdW50ZWQ6IGZ1bmN0aW9uIG1vdW50ZWQoKSB7fSwKICB3YXRjaDogewogICAgY29uZmlnRGF0YTogewogICAgICBoYW5kbGVyOiBmdW5jdGlvbiBoYW5kbGVyKG5WYWwsIG9WYWwpIHsKICAgICAgICB0aGlzLmRhdGFzID0gblZhbFt0aGlzLmNvbmZpZ051bV07CiAgICAgIH0sCiAgICAgIGRlZXA6IHRydWUKICAgIH0KICB9LAogIG1ldGhvZHM6IHsKICAgIC8vIOa3u+WKoOaooeWdlwogICAgYWRkTWVudTogZnVuY3Rpb24gYWRkTWVudSgpIHsKICAgICAgaWYgKHRoaXMuY29uZmlnRGF0YVt0aGlzLmNvbmZpZ051bV1bdGhpcy5uYW1lXS5saXN0Lmxlbmd0aCA9PSAwKSB7CiAgICAgICAgdGhpcy5jb25maWdEYXRhW3RoaXMuY29uZmlnTnVtXVt0aGlzLm5hbWVdLmxpc3QucHVzaCh0aGlzLmxhc3RPYmopOwogICAgICB9IGVsc2UgewogICAgICAgIHZhciBvYmogPSBKU09OLnBhcnNlKEpTT04uc3RyaW5naWZ5KHRoaXMuY29uZmlnRGF0YVt0aGlzLmNvbmZpZ051bV1bdGhpcy5uYW1lXS5saXN0W3RoaXMuY29uZmlnRGF0YVt0aGlzLmNvbmZpZ051bV1bdGhpcy5uYW1lXS5saXN0Lmxlbmd0aCAtIDFdKSk7CiAgICAgICAgdGhpcy5jb25maWdEYXRhW3RoaXMuY29uZmlnTnVtXVt0aGlzLm5hbWVdLmxpc3QucHVzaChvYmopOwogICAgICB9CiAgICB9LAogICAgZGVsZXRlTWVudTogZnVuY3Rpb24gZGVsZXRlTWVudShpbmRleCkgewogICAgICB2YXIgX3RoaXMgPSB0aGlzOwogICAgICB0aGlzLiRtc2dib3goewogICAgICAgIHRpdGxlOiAn5o+Q56S6JywKICAgICAgICBtZXNzYWdlOiAn5piv5ZCm56Gu5a6a5Yig6Zmk6K+l6I+c5Y2VJywKICAgICAgICBzaG93Q2FuY2VsQnV0dG9uOiB0cnVlLAogICAgICAgIGNhbmNlbEJ1dHRvblRleHQ6ICflj5bmtognLAogICAgICAgIGNvbmZpcm1CdXR0b25UZXh0OiAn5Yig6ZmkJywKICAgICAgICBpY29uQ2xhc3M6ICdlbC1pY29uLXdhcm5pbmcnLAogICAgICAgIGNvbmZpcm1CdXR0b25DbGFzczogJ2J0bi1jdXN0b20tY2FuY2VsJwogICAgICB9KS50aGVuKGZ1bmN0aW9uICgpIHsKICAgICAgICBpZiAoX3RoaXMuY29uZmlnRGF0YVtfdGhpcy5jb25maWdOdW1dW190aGlzLm5hbWVdLmxpc3QubGVuZ3RoID09IDEpIHsKICAgICAgICAgIF90aGlzLmxhc3RPYmogPSBfdGhpcy5jb25maWdEYXRhW190aGlzLmNvbmZpZ051bV1bX3RoaXMubmFtZV0ubGlzdFswXTsKICAgICAgICB9CiAgICAgICAgX3RoaXMuY29uZmlnRGF0YVtfdGhpcy5jb25maWdOdW1dW190aGlzLm5hbWVdLmxpc3Quc3BsaWNlKGluZGV4LCAxKTsKICAgICAgfSkuY2F0Y2goZnVuY3Rpb24gKCkge30pOwogICAgfSwKICAgIC8vIOeCueWHu+WbvuaWh+WwgemdogogICAgbW9kYWxQaWNUYXA6IGZ1bmN0aW9uIG1vZGFsUGljVGFwKHRpdGxlLCBpbmRleCwgc2VsZWN0KSB7CiAgICAgIHRoaXMuYWN0aXZlSW5kZXggPSBpbmRleDsKICAgICAgdGhpcy5tb2RhbFBpYyA9IHRydWU7CiAgICAgIHRoaXMuaXNTZWxlY3QgPSBzZWxlY3Q7CiAgICB9LAogICAgLy8g6I635Y+W5Zu+54mH5L+h5oGvCiAgICBnZXRQaWM6IGZ1bmN0aW9uIGdldFBpYyhwYykgewogICAgICB2YXIgX3RoaXMyID0gdGhpczsKICAgICAgdGhpcy4kbmV4dFRpY2soZnVuY3Rpb24gKCkgewogICAgICAgIF90aGlzMi5jb25maWdEYXRhW190aGlzMi5jb25maWdOdW1dW190aGlzMi5uYW1lXS5saXN0W190aGlzMi5hY3RpdmVJbmRleF0uaW1nTGlzdFtfdGhpczIuaXNTZWxlY3RdID0gcGMuYXR0X2RpcjsKICAgICAgICBfdGhpczIubW9kYWxQaWMgPSBmYWxzZTsKICAgICAgfSk7CiAgICB9CiAgfQp9Ow=="},{"version":3,"names":["vuedraggable","uploadPictures","name","props","type","String","configData","configNum","Number","default","components","draggable","data","modalPic","isChoice","gridBtn","xl","lg","md","sm","xs","gridPic","activeIndex","isSelect","datas","lastObj","mounted","watch","handler","nVal","oVal","deep","methods","addMenu","list","length","push","obj","JSON","parse","stringify","deleteMenu","index","_this","$msgbox","title","message","showCancelButton","cancelButtonText","confirmButtonText","iconClass","confirmButtonClass","then","splice","catch","modalPicTap","select","getPic","pc","_this2","$nextTick","imgList","att_dir"],"sources":["src/components/diyComponents/c_tab_bar.vue"],"sourcesContent":["<template>\r\n  <div class=\"tabBars\">\r\n    <div class=\"title\">{{ datas[name].title }}</div>\r\n    <draggable class=\"dragArea list-group\" :list=\"datas[name].list\" group=\"peoples\" handle=\".iconfont\">\r\n      <div class=\"box-item\" v-for=\"(item, index) in datas[name].list\" :key=\"index\">\r\n        <div class=\"left-tool\">\r\n          <span class=\"iconfont icondrag2\"></span>\r\n        </div>\r\n        <div class=\"right-wrapper\">\r\n          <div class=\"img-wrapper\">\r\n            <div class=\"img-item\" v-for=\"(img, j) in item.imgList\" v-db-click @click=\"modalPicTap('单选', index, j)\">\r\n              <img :src=\"img\" alt=\"\" v-if=\"img\" />\r\n              <p class=\"txt\" v-if=\"img\">{{ j == 0 ? '选中' : '未选中' }}</p>\r\n              <div class=\"empty-img\" v-else>\r\n                <span class=\"iconfont iconjiahao\"></span>\r\n                <p>{{ j == 0 ? '选中' : '未选中' }}</p>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"c_row-item\">\r\n            <el-col class=\"label\" :span=\"4\"> 名称 </el-col>\r\n            <el-col :span=\"19\" class=\"slider-box\">\r\n              <el-input v-model=\"item.name\" placeholder=\"选填不超过10个字\" />\r\n            </el-col>\r\n          </div>\r\n          <div class=\"c_row-item\">\r\n            <el-col class=\"label\" :span=\"4\"> 链接 </el-col>\r\n            <el-col :span=\"19\" class=\"slider-box\">\r\n              <el-input v-model=\"item.link\" placeholder=\"选填不超过10个字\" />\r\n            </el-col>\r\n          </div>\r\n        </div>\r\n        <div class=\"del-box\" v-db-click @click=\"deleteMenu(index)\">\r\n          <span class=\"iconfont iconcha\"></span>\r\n        </div>\r\n      </div>\r\n    </draggable>\r\n    <div class=\"add-btn\" v-if=\"datas[name].list.length < 5\">\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        v-db-click\r\n        @click=\"addMenu\"\r\n        >添加图文导航\r\n      </el-button>\r\n    </div>\r\n    <div>\r\n      <el-dialog\r\n        :visible.sync=\"modalPic\"\r\n        width=\"950px\"\r\n        scrollable\r\n        footer-hide\r\n        :show-close=\"true\"\r\n        title=\"上传商品图\"\r\n        :mask-closable=\"false\"\r\n        :z-index=\"888\"\r\n      >\r\n        <uploadPictures\r\n          :isChoice=\"isChoice\"\r\n          @getPic=\"getPic\"\r\n          :gridBtn=\"gridBtn\"\r\n          :gridPic=\"gridPic\"\r\n          v-if=\"modalPic\"\r\n        ></uploadPictures>\r\n      </el-dialog>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport vuedraggable from 'vuedraggable';\r\nimport uploadPictures from '@/components/uploadPictures';\r\nexport default {\r\n  name: 'c_tab_bar',\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    uploadPictures,\r\n    draggable: vuedraggable,\r\n  },\r\n  data() {\r\n    return {\r\n      modalPic: false,\r\n      isChoice: '单选',\r\n      gridBtn: {\r\n        xl: 4,\r\n        lg: 8,\r\n        md: 8,\r\n        sm: 8,\r\n        xs: 8,\r\n      },\r\n      gridPic: {\r\n        xl: 6,\r\n        lg: 8,\r\n        md: 12,\r\n        sm: 12,\r\n        xs: 12,\r\n      },\r\n      activeIndex: 0,\r\n      isSelect: 0,\r\n      datas: this.configData[this.configNum],\r\n      lastObj: {},\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    // 添加模块\r\n    addMenu() {\r\n      if (this.configData[this.configNum][this.name].list.length == 0) {\r\n        this.configData[this.configNum][this.name].list.push(this.lastObj);\r\n      } else {\r\n        let obj = JSON.parse(\r\n          JSON.stringify(\r\n            this.configData[this.configNum][this.name].list[this.configData[this.configNum][this.name].list.length - 1],\r\n          ),\r\n        );\r\n        this.configData[this.configNum][this.name].list.push(obj);\r\n      }\r\n    },\r\n    deleteMenu(index) {\r\n      this.$msgbox({\r\n        title: '提示',\r\n        message: '是否确定删除该菜单',\r\n        showCancelButton: true,\r\n        cancelButtonText: '取消',\r\n        confirmButtonText: '删除',\r\n        iconClass: 'el-icon-warning',\r\n        confirmButtonClass: 'btn-custom-cancel',\r\n      })\r\n        .then(() => {\r\n          if (this.configData[this.configNum][this.name].list.length == 1) {\r\n            this.lastObj = this.configData[this.configNum][this.name].list[0];\r\n          }\r\n          this.configData[this.configNum][this.name].list.splice(index, 1);\r\n        })\r\n        .catch(() => {});\r\n    },\r\n    // 点击图文封面\r\n    modalPicTap(title, index, select) {\r\n      this.activeIndex = index;\r\n      this.modalPic = true;\r\n      this.isSelect = select;\r\n    },\r\n    // 获取图片信息\r\n    getPic(pc) {\r\n      this.$nextTick(() => {\r\n        this.configData[this.configNum][this.name].list[this.activeIndex].imgList[this.isSelect] = pc.att_dir;\r\n        this.modalPic = false;\r\n      });\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.tabBars .box-item:last-child {\r\n  margin-bottom: 20px;\r\n}\r\n.tabBars {\r\n  .title {\r\n    margin-bottom: 10px;\r\n    padding-bottom: 10px;\r\n    border-bottom: 1px solid rgba(0, 0, 0, 0.05);\r\n    font-size: 12px;\r\n    color: #999;\r\n  }\r\n  .box-item {\r\n    position: relative;\r\n    display: flex;\r\n    margin-top: 15px;\r\n    padding: 20px 30px 20px 0;\r\n    border: 1px solid #dddddd;\r\n    border-radius: 3px;\r\n    .del-box {\r\n      position: absolute;\r\n      right: -13px;\r\n      top: -18px;\r\n      cursor: pointer;\r\n      .iconfont {\r\n        color: #999;\r\n        font-size: 30px;\r\n      }\r\n    }\r\n    .left-tool {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 72px;\r\n      .iconfont {\r\n        color: #999;\r\n        font-size: 36px;\r\n        cursor: move;\r\n      }\r\n    }\r\n    .right-wrapper {\r\n      flex: 1;\r\n      .img-wrapper {\r\n        display: flex;\r\n        .img-item {\r\n          position: relative;\r\n          width: 80px;\r\n          height: 80px;\r\n          margin-right: 20px;\r\n          cursor: pointer;\r\n          img {\r\n            display: block;\r\n            width: 100%;\r\n            height: 100%;\r\n          }\r\n          .empty-img {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            flex-direction: column;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: #f7f7f7;\r\n            font-size: 12px;\r\n            color: #bfbfbf;\r\n            .iconfont {\r\n              font-size: 16px;\r\n            }\r\n          }\r\n          .txt {\r\n            position: absolute;\r\n            left: 0;\r\n            bottom: 0;\r\n            width: 100%;\r\n            height: 22px;\r\n            line-height: 22px;\r\n            text-align: center;\r\n            background: rgba(0, 0, 0, 0.4);\r\n            color: #fff;\r\n            font-size: 12px;\r\n          }\r\n        }\r\n      }\r\n      .c_row-item {\r\n        margin-top: 10px;\r\n      }\r\n    }\r\n  }\r\n  .add-btn {\r\n    margin-bottom: 20px;\r\n    width: 100%;\r\n    height: 40px;\r\n  }\r\n}\r\n</style>\r\n"],"mappings":"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","ignoreList":[]}]}