| 1 |
- {"remainingRequest":"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\\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:DQppbXBvcnQgdXBsb2FkUGljdHVyZXMgZnJvbSAnQC9jb21wb25lbnRzL3VwbG9hZFBpY3R1cmVzJzsNCmltcG9ydCBPcGVyYXRpb25GbG9vck1vZGFsIGZyb20gJ0AvY29tcG9uZW50cy9ob3Rwb3RNb2RhbCc7DQpleHBvcnQgZGVmYXVsdCB7DQogIG5hbWU6ICdjX29uZV9waWN0cnVlJywNCiAgY29tcG9uZW50czogew0KICAgIHVwbG9hZFBpY3R1cmVzLA0KICAgIE9wZXJhdGlvbkZsb29yTW9kYWwsDQogIH0sDQogIHByb3BzOiB7DQogICAgY29uZmlnT2JqOiB7DQogICAgICB0eXBlOiBPYmplY3QsDQogICAgfSwNCiAgICBjb25maWdObWU6IHsNCiAgICAgIHR5cGU6IFN0cmluZywNCiAgICB9LA0KICB9LA0KICBkYXRhKCkgew0KICAgIHJldHVybiB7DQogICAgICBkZWZhdWx0czoge30sDQogICAgICBjb25maWdEYXRhOiB7fSwNCiAgICAgIGdyaWRCdG46IHsNCiAgICAgICAgeGw6IDQsDQogICAgICAgIGxnOiA4LA0KICAgICAgICBtZDogOCwNCiAgICAgICAgc206IDgsDQogICAgICAgIHhzOiA4LA0KICAgICAgfSwNCiAgICAgIGdyaWRQaWM6IHsNCiAgICAgICAgeGw6IDYsDQogICAgICAgIGxnOiA4LA0KICAgICAgICBtZDogMTIsDQogICAgICAgIHNtOiAxMiwNCiAgICAgICAgeHM6IDEyLA0KICAgICAgfSwNCiAgICAgIG1vZGFsUGljOiBmYWxzZSwNCiAgICAgIGlzQ2hvaWNlOiAn5Y2V6YCJJywNCiAgICAgIGltZ0FyZWFEYXRhOiBbXSwgLy/ng63ljLrmlbDmja4NCiAgICB9Ow0KICB9LA0KICB3YXRjaDogew0KICAgIGNvbmZpZ09iajogew0KICAgICAgaGFuZGxlcihuVmFsLCBvVmFsKSB7DQogICAgICAgIHRoaXMuZGVmYXVsdHMgPSBuVmFsOw0KICAgICAgICB0aGlzLmNvbmZpZ0RhdGEgPSBuVmFsLnBpY1N0eWxlOw0KICAgICAgICB0aGlzLiRzZXQodGhpcywgJ2ltZ0FyZWFEYXRhJywgblZhbC5waWNTdHlsZS5saXN0KTsNCiAgICAgIH0sDQogICAgICBkZWVwOiB0cnVlLA0KICAgIH0sDQogIH0sDQogIG1vdW50ZWQoKSB7DQogICAgdGhpcy4kbmV4dFRpY2soKCkgPT4gew0KICAgICAgdGhpcy5kZWZhdWx0cyA9IHRoaXMuY29uZmlnT2JqOw0KICAgICAgdGhpcy5jb25maWdEYXRhID0gdGhpcy5jb25maWdPYmpbdGhpcy5jb25maWdObWVdOw0KICAgICAgdGhpcy5pbWdBcmVhRGF0YSA9IHRoaXMuY29uZmlnT2JqLnBpY1N0eWxlLmxpc3Q7DQogICAgfSk7DQogIH0sDQogIG1ldGhvZHM6IHsNCiAgICBiaW5kRGVsZXRlKCkgew0KICAgICAgdGhpcy5jb25maWdEYXRhLnVybCA9ICcnOw0KICAgIH0sDQogICAgLy8g54K55Ye75Zu+5paH5bCB6Z2iDQogICAgbW9kYWxQaWNUYXAodGl0bGUpIHsNCiAgICAgIHRoaXMubW9kYWxQaWMgPSB0cnVlOw0KICAgIH0sDQogICAgLy8g6I635Y+W5Zu+54mH5L+h5oGvDQogICAgZ2V0UGljKHBjKSB7DQogICAgICB0aGlzLiRuZXh0VGljaygoKSA9PiB7DQogICAgICAgIHRoaXMuY29uZmlnRGF0YS51cmwgPSBwYy5hdHRfZGlyOw0KICAgICAgICB0aGlzLm1vZGFsUGljID0gZmFsc2U7DQogICAgICB9KTsNCiAgICB9LA0KICAgIG9wZW5GbG9vck1vZGFsKCkgew0KICAgICAgLy8g5aaC5p6c6YWN572u5pWw5o2u5Lit5pyJdXJs77yM5YiZ5pi+56S654Ot54K55Zu+5a+56K+d5qGGDQogICAgICBpZiAodGhpcy5jb25maWdEYXRhLnVybCkgdGhpcy4kcmVmcy5ob3Rwb3QuZGlhbG9nVmlzaWJsZSA9IHRydWU7DQogICAgfSwNCiAgICAvKioNCiAgICAgKiDlpITnkIbljLrln5/mlbDmja4NCiAgICAgKiBAcGFyYW0ge09iamVjdH0gYXJlYURhdGEgLSDljLrln5/mlbDmja7lr7nosaENCiAgICAgKi8NCiAgICBoYW5kbGVBcmVhRGF0YShhcmVhRGF0YSkgew0KICAgICAgLy8g5omT5Y2w5L+d5a2Y55qE5pWw5o2uDQogICAgICB0aGlzLmNvbmZpZ0RhdGEubGlzdCA9IGFyZWFEYXRhOw0KICAgICAgY29uc29sZS5sb2coJ+S/neWtmOeahOaVsOaNricsIGFyZWFEYXRhKTsNCiAgICB9LA0KICB9LA0KfTsNCg=="},{"version":3,"sources":["c_one_pictrue.vue"],"names":[],"mappings":";AA+CA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"c_one_pictrue.vue","sourceRoot":"src/components/mobileConfigRight","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"]}]}
|
