| 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=style&index=0&id=a730f0a8&scoped=true&lang=scss","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\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"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:DQoub25lUGljdHJ1ZSB7DQogIHBhZGRpbmc6IDAgMTVweDsNCg0KICAuaW5mbyB7DQogICAgZm9udC1zaXplOiAxMnB4Ow0KICAgIGNvbG9yOiAjYmJiYmJiOw0KICB9DQoNCiAgLmJudCB7DQogICAgd2lkdGg6IDEwMCU7DQogICAgaGVpZ2h0OiAzNnB4Ow0KICAgIGJvcmRlci1yYWRpdXM6IDNweDsNCiAgICBvcGFjaXR5OiAxOw0KICAgIGJvcmRlcjogMXB4IHNvbGlkICNlZWVlZWU7DQogICAgY29sb3I6ICM2NjY2NjY7DQogICAgZm9udC1zaXplOiAxMnB4Ow0KICAgIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgICBsaW5lLWhlaWdodDogMzZweDsNCiAgICBtYXJnaW4tdG9wOiAyMHB4Ow0KICAgIGN1cnNvcjogcG9pbnRlcjsNCiAgfQ0KDQogIC5waWN0cnVlcyB7DQogICAgd2lkdGg6IDM3MHB4Ow0KICAgIGhlaWdodDogMTAwJTsNCiAgICBtYXJnaW4tdG9wOiAyMHB4Ow0KDQogICAgaW1nIHsNCiAgICAgIHdpZHRoOiAxMDAlOw0KICAgICAgaGVpZ2h0OiAxMDAlOw0KICAgIH0NCg0KICAgIC5lbXB0eUJveCB7DQogICAgICBoZWlnaHQ6IDE2NHB4Ow0KICAgICAgYmFja2dyb3VuZDogI2Y5ZjlmOTsNCiAgICAgIGJvcmRlci1yYWRpdXM6IDNweCAzcHggM3B4IDNweDsNCiAgICAgIGZvbnQtc2l6ZTogMTJweDsNCiAgICAgIGNvbG9yOiAjYmJiYmJiOw0KICAgICAgdGV4dC1hbGlnbjogY2VudGVyOw0KICAgICAgbGluZS1oZWlnaHQ6IDE2NHB4Ow0KICAgIH0NCiAgfQ0KDQogIC51cGxvYWRJbWcgew0KICAgIGRpc3BsYXk6IGZsZXg7DQogICAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgICBoZWlnaHQ6IDk2cHg7DQogICAgYmFja2dyb3VuZDogI2Y5ZjlmOTsNCiAgICBib3JkZXItcmFkaXVzOiAzcHg7DQogICAgd2lkdGg6IDEwMCU7DQogICAgbWFyZ2luLXRvcDogMjBweDsNCiAgICBwYWRkaW5nOiAwIDIwcHg7DQoNCiAgICAubmFtZSB7DQogICAgICBmb250LXNpemU6IDEycHg7DQogICAgICBjb2xvcjogIzk5OTk5OTsNCiAgICAgIG1hcmdpbi1yaWdodDogMTZweDsNCiAgICB9DQoNCiAgICAucGljVHh0IHsNCiAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KDQogICAgICAuYm94IHsNCiAgICAgICAgd2lkdGg6IDY0cHg7DQogICAgICAgIGhlaWdodDogNjRweDsNCiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlOw0KICAgICAgICBiYWNrZ3JvdW5kOiB1cmwoJy4uLy4uL2Fzc2V0cy9pbWFnZXMvdHJhbnNwYXJlbnRzLmpwZycpIG5vLXJlcGVhdDsNCiAgICAgICAgYmFja2dyb3VuZC1zaXplOiAxMDAlIDEwMCU7DQogICAgICAgIGJvcmRlci1yYWRpdXM6IDNweDsNCg0KICAgICAgICAudXBsb2FkLWJveCB7DQogICAgICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyOw0KICAgICAgICAgIHdpZHRoOiA2NHB4Ow0KICAgICAgICAgIGhlaWdodDogNjRweDsNCiAgICAgICAgICBiYWNrZ3JvdW5kOiAjZmZmOw0KICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDRweDsNCiAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAjZWVlZWVlOw0KDQogICAgICAgICAgLml2dS1pY29uIHsNCiAgICAgICAgICAgIGNvbG9yOiAjY2NjOw0KICAgICAgICAgIH0NCiAgICAgICAgfQ0KDQogICAgICAgIC5waWN0cnVlIHsNCiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7DQogICAgICAgICAgd2lkdGg6IDEwMCU7DQogICAgICAgICAgaGVpZ2h0OiAxMDAlOw0KDQogICAgICAgICAgLmljb25mb250IHsNCiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgICAgICAgICAgIHJpZ2h0OiAtMTJweDsNCiAgICAgICAgICAgIHRvcDogLTE5cHg7DQogICAgICAgICAgICBmb250LXNpemU6IDI0cHg7DQogICAgICAgICAgICBjb2xvcjogI2NjY2NjYzsNCiAgICAgICAgICB9DQogICAgICAgIH0NCg0KICAgICAgICBpbWcgew0KICAgICAgICAgIHdpZHRoOiA2NHB4Ow0KICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDNweDsNCiAgICAgICAgICBtYXgtaGVpZ2h0OiA2NHB4Ow0KICAgICAgICAgIG9iamVjdC1maXQ6IGNvdmVyOw0KICAgICAgICB9DQogICAgICB9DQoNCiAgICAgIC50aXAgew0KICAgICAgICBjb2xvcjogI2JiYmJiYjsNCiAgICAgICAgZm9udC1zaXplOiAxMnB4Ow0KICAgICAgICBtYXJnaW4tbGVmdDogMjBweDsNCiAgICAgIH0NCiAgICB9DQogIH0NCn0NCg=="},{"version":3,"sources":["c_one_pictrue.vue"],"names":[],"mappings":";AAwIA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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"]}]}
|
