{"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\\mobileConfigRight\\c_one_pictrue.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\components\\mobileConfigRight\\c_one_pictrue.vue","mtime":1761185179992},{"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:aW1wb3J0IHVwbG9hZFBpY3R1cmVzIGZyb20gJ0AvY29tcG9uZW50cy91cGxvYWRQaWN0dXJlcyc7CmltcG9ydCBPcGVyYXRpb25GbG9vck1vZGFsIGZyb20gJ0AvY29tcG9uZW50cy9ob3Rwb3RNb2RhbCc7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAnY19vbmVfcGljdHJ1ZScsCiAgY29tcG9uZW50czogewogICAgdXBsb2FkUGljdHVyZXM6IHVwbG9hZFBpY3R1cmVzLAogICAgT3BlcmF0aW9uRmxvb3JNb2RhbDogT3BlcmF0aW9uRmxvb3JNb2RhbAogIH0sCiAgcHJvcHM6IHsKICAgIGNvbmZpZ09iajogewogICAgICB0eXBlOiBPYmplY3QKICAgIH0sCiAgICBjb25maWdObWU6IHsKICAgICAgdHlwZTogU3RyaW5nCiAgICB9CiAgfSwKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgZGVmYXVsdHM6IHt9LAogICAgICBjb25maWdEYXRhOiB7fSwKICAgICAgZ3JpZEJ0bjogewogICAgICAgIHhsOiA0LAogICAgICAgIGxnOiA4LAogICAgICAgIG1kOiA4LAogICAgICAgIHNtOiA4LAogICAgICAgIHhzOiA4CiAgICAgIH0sCiAgICAgIGdyaWRQaWM6IHsKICAgICAgICB4bDogNiwKICAgICAgICBsZzogOCwKICAgICAgICBtZDogMTIsCiAgICAgICAgc206IDEyLAogICAgICAgIHhzOiAxMgogICAgICB9LAogICAgICBtb2RhbFBpYzogZmFsc2UsCiAgICAgIGlzQ2hvaWNlOiAn5Y2V6YCJJywKICAgICAgaW1nQXJlYURhdGE6IFtdIC8v54Ot5Yy65pWw5o2uCiAgICB9OwogIH0sCiAgd2F0Y2g6IHsKICAgIGNvbmZpZ09iajogewogICAgICBoYW5kbGVyOiBmdW5jdGlvbiBoYW5kbGVyKG5WYWwsIG9WYWwpIHsKICAgICAgICB0aGlzLmRlZmF1bHRzID0gblZhbDsKICAgICAgICB0aGlzLmNvbmZpZ0RhdGEgPSBuVmFsLnBpY1N0eWxlOwogICAgICAgIHRoaXMuJHNldCh0aGlzLCAnaW1nQXJlYURhdGEnLCBuVmFsLnBpY1N0eWxlLmxpc3QpOwogICAgICB9LAogICAgICBkZWVwOiB0cnVlCiAgICB9CiAgfSwKICBtb3VudGVkOiBmdW5jdGlvbiBtb3VudGVkKCkgewogICAgdmFyIF90aGlzID0gdGhpczsKICAgIHRoaXMuJG5leHRUaWNrKGZ1bmN0aW9uICgpIHsKICAgICAgX3RoaXMuZGVmYXVsdHMgPSBfdGhpcy5jb25maWdPYmo7CiAgICAgIF90aGlzLmNvbmZpZ0RhdGEgPSBfdGhpcy5jb25maWdPYmpbX3RoaXMuY29uZmlnTm1lXTsKICAgICAgX3RoaXMuaW1nQXJlYURhdGEgPSBfdGhpcy5jb25maWdPYmoucGljU3R5bGUubGlzdDsKICAgIH0pOwogIH0sCiAgbWV0aG9kczogewogICAgYmluZERlbGV0ZTogZnVuY3Rpb24gYmluZERlbGV0ZSgpIHsKICAgICAgdGhpcy5jb25maWdEYXRhLnVybCA9ICcnOwogICAgfSwKICAgIC8vIOeCueWHu+WbvuaWh+WwgemdogogICAgbW9kYWxQaWNUYXA6IGZ1bmN0aW9uIG1vZGFsUGljVGFwKHRpdGxlKSB7CiAgICAgIHRoaXMubW9kYWxQaWMgPSB0cnVlOwogICAgfSwKICAgIC8vIOiOt+WPluWbvueJh+S/oeaBrwogICAgZ2V0UGljOiBmdW5jdGlvbiBnZXRQaWMocGMpIHsKICAgICAgdmFyIF90aGlzMiA9IHRoaXM7CiAgICAgIHRoaXMuJG5leHRUaWNrKGZ1bmN0aW9uICgpIHsKICAgICAgICBfdGhpczIuY29uZmlnRGF0YS51cmwgPSBwYy5hdHRfZGlyOwogICAgICAgIF90aGlzMi5tb2RhbFBpYyA9IGZhbHNlOwogICAgICB9KTsKICAgIH0sCiAgICBvcGVuRmxvb3JNb2RhbDogZnVuY3Rpb24gb3BlbkZsb29yTW9kYWwoKSB7CiAgICAgIC8vIOWmguaenOmFjee9ruaVsOaNruS4reaciXVybO+8jOWImeaYvuekuueDreeCueWbvuWvueivneahhgogICAgICBpZiAodGhpcy5jb25maWdEYXRhLnVybCkgdGhpcy4kcmVmcy5ob3Rwb3QuZGlhbG9nVmlzaWJsZSA9IHRydWU7CiAgICB9LAogICAgLyoqDQogICAgICog5aSE55CG5Yy65Z+f5pWw5o2uDQogICAgICogQHBhcmFtIHtPYmplY3R9IGFyZWFEYXRhIC0g5Yy65Z+f5pWw5o2u5a+56LGhDQogICAgICovCiAgICBoYW5kbGVBcmVhRGF0YTogZnVuY3Rpb24gaGFuZGxlQXJlYURhdGEoYXJlYURhdGEpIHsKICAgICAgLy8g5omT5Y2w5L+d5a2Y55qE5pWw5o2uCiAgICAgIHRoaXMuY29uZmlnRGF0YS5saXN0ID0gYXJlYURhdGE7CiAgICAgIGNvbnNvbGUubG9nKCfkv53lrZjnmoTmlbDmja4nLCBhcmVhRGF0YSk7CiAgICB9CiAgfQp9Ow=="},{"version":3,"names":["uploadPictures","OperationFloorModal","name","components","props","configObj","type","Object","configNme","String","data","defaults","configData","gridBtn","xl","lg","md","sm","xs","gridPic","modalPic","isChoice","imgAreaData","watch","handler","nVal","oVal","picStyle","$set","list","deep","mounted","_this","$nextTick","methods","bindDelete","url","modalPicTap","title","getPic","pc","_this2","att_dir","openFloorModal","$refs","hotpot","dialogVisible","handleAreaData","areaData","console","log"],"sources":["src/components/mobileConfigRight/c_one_pictrue.vue"],"sourcesContent":["<template>\r\n  <div class=\"onePictrue\">\r\n    <div class=\"info\">建议：请先选择图片，图片宽度750px，高度不限</div>\r\n    <div class=\"pictrues\">\r\n      <img :src=\"configData.url\" v-if=\"configData.url\" />\r\n      <div class=\"emptyBox\" v-else>750*高度不限</div>\r\n    </div>\r\n    <div class=\"uploadImg\">\r\n      <div class=\"name\">图片</div>\r\n      <div class=\"picTxt\">\r\n        <div class=\"box\" @click=\"modalPicTap('单选')\">\r\n          <div class=\"pictrue acea-row row-center-wrapper\" v-if=\"configData.url\">\r\n            <img :src=\"configData.url\" alt=\"\" />\r\n            <div class=\"iconfont icondel_1\" @click.stop=\"bindDelete\"></div>\r\n          </div>\r\n          <div class=\"upload-box\" v-else><i class=\"el-icon-plus\"></i></div>\r\n        </div>\r\n        <div class=\"tip\">{{ configData.info }}</div>\r\n      </div>\r\n    </div>\r\n    <div class=\"bnt\" @click=\"openFloorModal\">+ 编辑热区</div>\r\n    <div>\r\n      <el-dialog\r\n        :visible.sync=\"modalPic\"\r\n        width=\"960px\"\r\n        :title=\"'上传图片'\"\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      <OperationFloorModal\r\n        ref=\"hotpot\"\r\n        :imgs=\"configData.url\"\r\n        :img-area-data=\"imgAreaData\"\r\n        @delAreaData=\"handleAreaData\"\r\n        @saveAreaData=\"handleAreaData\"\r\n      ></OperationFloorModal>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport uploadPictures from '@/components/uploadPictures';\r\nimport OperationFloorModal from '@/components/hotpotModal';\r\nexport default {\r\n  name: 'c_one_pictrue',\r\n  components: {\r\n    uploadPictures,\r\n    OperationFloorModal,\r\n  },\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  data() {\r\n    return {\r\n      defaults: {},\r\n      configData: {},\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      modalPic: false,\r\n      isChoice: '单选',\r\n      imgAreaData: [], //热区数据\r\n    };\r\n  },\r\n  watch: {\r\n    configObj: {\r\n      handler(nVal, oVal) {\r\n        this.defaults = nVal;\r\n        this.configData = nVal.picStyle;\r\n        this.$set(this, 'imgAreaData', nVal.picStyle.list);\r\n      },\r\n      deep: true,\r\n    },\r\n  },\r\n  mounted() {\r\n    this.$nextTick(() => {\r\n      this.defaults = this.configObj;\r\n      this.configData = this.configObj[this.configNme];\r\n      this.imgAreaData = this.configObj.picStyle.list;\r\n    });\r\n  },\r\n  methods: {\r\n    bindDelete() {\r\n      this.configData.url = '';\r\n    },\r\n    // 点击图文封面\r\n    modalPicTap(title) {\r\n      this.modalPic = true;\r\n    },\r\n    // 获取图片信息\r\n    getPic(pc) {\r\n      this.$nextTick(() => {\r\n        this.configData.url = pc.att_dir;\r\n        this.modalPic = false;\r\n      });\r\n    },\r\n    openFloorModal() {\r\n      // 如果配置数据中有url，则显示热点图对话框\r\n      if (this.configData.url) this.$refs.hotpot.dialogVisible = true;\r\n    },\r\n    /**\r\n     * 处理区域数据\r\n     * @param {Object} areaData - 区域数据对象\r\n     */\r\n    handleAreaData(areaData) {\r\n      // 打印保存的数据\r\n      this.configData.list = areaData;\r\n      console.log('保存的数据', areaData);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.onePictrue {\r\n  padding: 0 15px;\r\n\r\n  .info {\r\n    font-size: 12px;\r\n    color: #bbbbbb;\r\n  }\r\n\r\n  .bnt {\r\n    width: 100%;\r\n    height: 36px;\r\n    border-radius: 3px;\r\n    opacity: 1;\r\n    border: 1px solid #eeeeee;\r\n    color: #666666;\r\n    font-size: 12px;\r\n    text-align: center;\r\n    line-height: 36px;\r\n    margin-top: 20px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .pictrues {\r\n    width: 370px;\r\n    height: 100%;\r\n    margin-top: 20px;\r\n\r\n    img {\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n\r\n    .emptyBox {\r\n      height: 164px;\r\n      background: #f9f9f9;\r\n      border-radius: 3px 3px 3px 3px;\r\n      font-size: 12px;\r\n      color: #bbbbbb;\r\n      text-align: center;\r\n      line-height: 164px;\r\n    }\r\n  }\r\n\r\n  .uploadImg {\r\n    display: flex;\r\n    align-items: center;\r\n    height: 96px;\r\n    background: #f9f9f9;\r\n    border-radius: 3px;\r\n    width: 100%;\r\n    margin-top: 20px;\r\n    padding: 0 20px;\r\n\r\n    .name {\r\n      font-size: 12px;\r\n      color: #999999;\r\n      margin-right: 16px;\r\n    }\r\n\r\n    .picTxt {\r\n      display: flex;\r\n      align-items: center;\r\n\r\n      .box {\r\n        width: 64px;\r\n        height: 64px;\r\n        position: relative;\r\n        background: url('../../assets/images/transparents.jpg') no-repeat;\r\n        background-size: 100% 100%;\r\n        border-radius: 3px;\r\n\r\n        .upload-box {\r\n          display: flex;\r\n          align-items: center;\r\n          justify-content: center;\r\n          width: 64px;\r\n          height: 64px;\r\n          background: #fff;\r\n          border-radius: 4px;\r\n          border: 1px solid #eeeeee;\r\n\r\n          .ivu-icon {\r\n            color: #ccc;\r\n          }\r\n        }\r\n\r\n        .pictrue {\r\n          position: relative;\r\n          width: 100%;\r\n          height: 100%;\r\n\r\n          .iconfont {\r\n            position: absolute;\r\n            right: -12px;\r\n            top: -19px;\r\n            font-size: 24px;\r\n            color: #cccccc;\r\n          }\r\n        }\r\n\r\n        img {\r\n          width: 64px;\r\n          border-radius: 3px;\r\n          max-height: 64px;\r\n          object-fit: cover;\r\n        }\r\n      }\r\n\r\n      .tip {\r\n        color: #bbbbbb;\r\n        font-size: 12px;\r\n        margin-left: 20px;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n"],"mappings":"AA+CA,OAAAA,cAAA;AACA,OAAAC,mBAAA;AACA;EACAC,IAAA;EACAC,UAAA;IACAH,cAAA,EAAAA,cAAA;IACAC,mBAAA,EAAAA;EACA;EACAG,KAAA;IACAC,SAAA;MACAC,IAAA,EAAAC;IACA;IACAC,SAAA;MACAF,IAAA,EAAAG;IACA;EACA;EACAC,IAAA,WAAAA,KAAA;IACA;MACAC,QAAA;MACAC,UAAA;MACAC,OAAA;QACAC,EAAA;QACAC,EAAA;QACAC,EAAA;QACAC,EAAA;QACAC,EAAA;MACA;MACAC,OAAA;QACAL,EAAA;QACAC,EAAA;QACAC,EAAA;QACAC,EAAA;QACAC,EAAA;MACA;MACAE,QAAA;MACAC,QAAA;MACAC,WAAA;IACA;EACA;EACAC,KAAA;IACAlB,SAAA;MACAmB,OAAA,WAAAA,QAAAC,IAAA,EAAAC,IAAA;QACA,KAAAf,QAAA,GAAAc,IAAA;QACA,KAAAb,UAAA,GAAAa,IAAA,CAAAE,QAAA;QACA,KAAAC,IAAA,sBAAAH,IAAA,CAAAE,QAAA,CAAAE,IAAA;MACA;MACAC,IAAA;IACA;EACA;EACAC,OAAA,WAAAA,QAAA;IAAA,IAAAC,KAAA;IACA,KAAAC,SAAA;MACAD,KAAA,CAAArB,QAAA,GAAAqB,KAAA,CAAA3B,SAAA;MACA2B,KAAA,CAAApB,UAAA,GAAAoB,KAAA,CAAA3B,SAAA,CAAA2B,KAAA,CAAAxB,SAAA;MACAwB,KAAA,CAAAV,WAAA,GAAAU,KAAA,CAAA3B,SAAA,CAAAsB,QAAA,CAAAE,IAAA;IACA;EACA;EACAK,OAAA;IACAC,UAAA,WAAAA,WAAA;MACA,KAAAvB,UAAA,CAAAwB,GAAA;IACA;IACA;IACAC,WAAA,WAAAA,YAAAC,KAAA;MACA,KAAAlB,QAAA;IACA;IACA;IACAmB,MAAA,WAAAA,OAAAC,EAAA;MAAA,IAAAC,MAAA;MACA,KAAAR,SAAA;QACAQ,MAAA,CAAA7B,UAAA,CAAAwB,GAAA,GAAAI,EAAA,CAAAE,OAAA;QACAD,MAAA,CAAArB,QAAA;MACA;IACA;IACAuB,cAAA,WAAAA,eAAA;MACA;MACA,SAAA/B,UAAA,CAAAwB,GAAA,OAAAQ,KAAA,CAAAC,MAAA,CAAAC,aAAA;IACA;IACA;AACA;AACA;AACA;IACAC,cAAA,WAAAA,eAAAC,QAAA;MACA;MACA,KAAApC,UAAA,CAAAiB,IAAA,GAAAmB,QAAA;MACAC,OAAA,CAAAC,GAAA,UAAAF,QAAA;IACA;EACA;AACA","ignoreList":[]}]}