| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\babel-loader\\lib\\index.js!D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\components\\mobileConfigRight\\c_one_pictrue.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\components\\mobileConfigRight\\c_one_pictrue.vue","mtime":1761614938967},{"path":"D:\\front\\item\\zyAdmin\\babel.config.js","mtime":1761614925168},{"path":"D:\\front\\item\\zyAdmin\\.babelrc","mtime":1761614925165},{"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: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":[]}]}
|
