| 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_hot_imgs.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\components\\mobileConfigRight\\c_hot_imgs.vue","mtime":1761185179990},{"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:DQppbXBvcnQgdnVlZHJhZ2dhYmxlIGZyb20gJ3Z1ZWRyYWdnYWJsZSc7DQppbXBvcnQgeyBtYXBTdGF0ZSwgbWFwQWN0aW9ucyB9IGZyb20gJ3Z1ZXgnOw0KaW1wb3J0IHVwbG9hZFBpY3R1cmVzIGZyb20gJ0AvY29tcG9uZW50cy91cGxvYWRQaWN0dXJlcyc7DQppbXBvcnQgeyB3ZWNoYXROZXdzQWRkQXBpLCB3ZWNoYXROZXdzSW5mb3RBcGkgfSBmcm9tICdAL2FwaS9hcHAnOw0KZXhwb3J0IGRlZmF1bHQgew0KICBuYW1lOiAnY19ob3RfaW1ncycsDQogIHByb3BzOiB7DQogICAgY29uZmlnT2JqOiB7DQogICAgICB0eXBlOiBPYmplY3QsDQogICAgfSwNCiAgfSwNCiAgY29tcG9uZW50czogew0KICAgIGRyYWdnYWJsZTogdnVlZHJhZ2dhYmxlLA0KICAgIHVwbG9hZFBpY3R1cmVzLA0KICB9LA0KICBkYXRhKCkgew0KICAgIHJldHVybiB7DQogICAgICBkZWZhdWx0czoge30sDQogICAgICBtZW51czogW10sDQogICAgICBsaXN0OiBbDQogICAgICAgIHsNCiAgICAgICAgICB0aXRsZTogJ2FhJywNCiAgICAgICAgICB2YWw6ICcnLA0KICAgICAgICB9LA0KICAgICAgXSwNCiAgICAgIG1vZGFsUGljOiBmYWxzZSwNCiAgICAgIGlzQ2hvaWNlOiAn5Y2V6YCJJywNCiAgICAgIGdyaWRCdG46IHsNCiAgICAgICAgeGw6IDQsDQogICAgICAgIGxnOiA4LA0KICAgICAgICBtZDogOCwNCiAgICAgICAgc206IDgsDQogICAgICAgIHhzOiA4LA0KICAgICAgfSwNCiAgICAgIGdyaWRQaWM6IHsNCiAgICAgICAgeGw6IDYsDQogICAgICAgIGxnOiA4LA0KICAgICAgICBtZDogMTIsDQogICAgICAgIHNtOiAxMiwNCiAgICAgICAgeHM6IDEyLA0KICAgICAgfSwNCiAgICAgIGFjdGl2ZUluZGV4OiAwLA0KICAgIH07DQogIH0sDQogIGNyZWF0ZWQoKSB7DQogICAgdGhpcy5kZWZhdWx0cyA9IHRoaXMuY29uZmlnT2JqOw0KICB9LA0KICB3YXRjaDogew0KICAgIGNvbmZpZ09iajogew0KICAgICAgaGFuZGxlcihuVmFsLCBvVmFsKSB7DQogICAgICAgIHRoaXMuZGVmYXVsdHMgPSBuVmFsOw0KICAgICAgfSwNCiAgICAgIGltbWVkaWF0ZTogdHJ1ZSwNCiAgICAgIGRlZXA6IHRydWUsDQogICAgfSwNCiAgfSwNCiAgbWV0aG9kczogew0KICAgIGFkZEJveCgpIHsNCiAgICAgIGxldCBvYmogPSB7DQogICAgICAgIGltZzogJ2h0dHBzOi8vdGltZ3NhLmJhaWR1LmNvbS90aW1nP2ltYWdlJnF1YWxpdHk9ODAmc2l6ZT1iOTk5OV8xMDAwMCZzZWM9MTU5NDQ1ODIzODcyMSZkaT1kOTk3OGE4MDdkY2JmNWQ4YTAxNDAwODc1YmM1MTE2MiZpbWd0eXBlPTAmc3JjPWh0dHAlM0ElMkYlMkZhdHRhY2htZW50cy5nZmFuLmNvbSUyRmZvcnVtJTJGMjAxNjA0JTJGMjMlMkYwMDIyMDV4cWRrajg0Z253NG9pODV2LmpwZycsDQogICAgICAgIGluZm86IFsNCiAgICAgICAgICB7DQogICAgICAgICAgICB0aXRsZTogJ+agh+mimCcsDQogICAgICAgICAgICB2YWx1ZTogJycsDQogICAgICAgICAgICB0aXBzOiAn6YCJ5aGr77yM5LiN6LaF6L+HNOS4quWtlycsDQogICAgICAgICAgICBtYXg6IDQsDQogICAgICAgICAgfSwNCiAgICAgICAgICB7DQogICAgICAgICAgICB0aXRsZTogJ+eugOS7iycsDQogICAgICAgICAgICB2YWx1ZTogJycsDQogICAgICAgICAgICB0aXBzOiAn6YCJ5aGr77yM5LiN6LaF6L+HMjDkuKrlrZcnLA0KICAgICAgICAgICAgbWF4OiAyMCwNCiAgICAgICAgICB9LA0KICAgICAgICBdLA0KICAgICAgICBsaW5rOiB7DQogICAgICAgICAgdGl0bGU6ICfpk77mjqUnLA0KICAgICAgICAgIG9wdGlvcHM6IFsNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgdHlwZTogMCwNCiAgICAgICAgICAgICAgdmFsdWU6ICcnLA0KICAgICAgICAgICAgICBsYWJlbDogJ+S4gOe6pz7kuoznuqfliIbnsbsnLA0KICAgICAgICAgICAgfSwNCiAgICAgICAgICAgIHsNCiAgICAgICAgICAgICAgdHlwZTogMSwNCiAgICAgICAgICAgICAgdmFsdWU6ICcnLA0KICAgICAgICAgICAgICBsYWJlbDogJ+iHquWumuS5iemTvuaOpScsDQogICAgICAgICAgICB9LA0KICAgICAgICAgIF0sDQogICAgICAgIH0sDQogICAgICB9Ow0KICAgICAgdGhpcy5kZWZhdWx0cy5tZW51LnB1c2gob2JqKTsNCiAgICB9LA0KICAgIC8vIOeCueWHu+WbvuaWh+Wwgemdog0KICAgIG1vZGFsUGljVGFwKHRpdGxlLCBpbmRleCkgew0KICAgICAgdGhpcy5hY3RpdmVJbmRleCA9IGluZGV4Ow0KICAgICAgdGhpcy5tb2RhbFBpYyA9IHRydWU7DQogICAgfSwNCiAgICAvLyDmt7vliqDoh6rlrprkuYnlvLnnqpcNCiAgICBhZGRDdXN0b21EaWFsb2coZWRpdG9ySWQpIHsNCiAgICAgIHdpbmRvdy5VRS5yZWdpc3RlclVJKA0KICAgICAgICAndGVzdC1kaWFsb2cnLA0KICAgICAgICBmdW5jdGlvbiAoZWRpdG9yLCB1aU5hbWUpIHsNCiAgICAgICAgICBsZXQgZGlhbG9nID0gbmV3IHdpbmRvdy5VRS51aS5EaWFsb2coew0KICAgICAgICAgICAgaWZyYW1lVXJsOiAnL2FkbWluL3dpZGdldC5pbWFnZXMvaW5kZXguaHRtbD9mb2RkZXI9ZGlhbG9nJywNCiAgICAgICAgICAgIGVkaXRvcjogZWRpdG9yLA0KICAgICAgICAgICAgbmFtZTogdWlOYW1lLA0KICAgICAgICAgICAgdGl0bGU6ICfkuIrkvKDlm77niYcnLA0KICAgICAgICAgICAgY3NzUnVsZXM6ICd3aWR0aDoxMjAwcHg7aGVpZ2h0OjUwMHB4O3BhZGRpbmc6MjBweDsnLA0KICAgICAgICAgIH0pOw0KICAgICAgICAgIHRoaXMuZGlhbG9nID0gZGlhbG9nOw0KICAgICAgICAgIC8vIOWPguiAg+S4iumdoueahOiHquWumuS5ieaMiemSrg0KICAgICAgICAgIHZhciBidG4gPSBuZXcgd2luZG93LlVFLnVpLkJ1dHRvbih7DQogICAgICAgICAgICBuYW1lOiAnZGlhbG9nLWJ1dHRvbicsDQogICAgICAgICAgICB0aXRsZTogJ+S4iuS8oOWbvueJhycsDQogICAgICAgICAgICBjc3NSdWxlczogYGJhY2tncm91bmQtaW1hZ2U6IHVybCguLi8uLi8uLi9hc3NldHMvaW1hZ2VzL2ljb25zLnBuZyk7YmFja2dyb3VuZC1wb3NpdGlvbjogLTcyNnB4IC03N3B4O2AsDQogICAgICAgICAgICBvbmNsaWNrOiBmdW5jdGlvbiAoKSB7DQogICAgICAgICAgICAgIC8vIOa4suafk2RpYWxvZw0KICAgICAgICAgICAgICBkaWFsb2cucmVuZGVyKCk7DQogICAgICAgICAgICAgIGRpYWxvZy5vcGVuKCk7DQogICAgICAgICAgICB9LA0KICAgICAgICAgIH0pOw0KDQogICAgICAgICAgcmV0dXJuIGJ0bjsNCiAgICAgICAgfSwNCiAgICAgICAgMzcsDQogICAgICApOw0KICAgIH0sDQogICAgLy8g6I635Y+W5Zu+54mH5L+h5oGvDQogICAgZ2V0UGljKHBjKSB7DQogICAgICB0aGlzLmRlZmF1bHRzLm1lbnVbdGhpcy5hY3RpdmVJbmRleF0uaW1nID0gcGMuYXR0X2RpcjsNCiAgICAgIHRoaXMubW9kYWxQaWMgPSBmYWxzZTsNCiAgICB9LA0KICB9LA0KfTsNCg=="},{"version":3,"sources":["c_hot_imgs.vue"],"names":[],"mappings":";AA8CA;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;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"c_hot_imgs.vue","sourceRoot":"src/components/mobileConfigRight","sourcesContent":["<template>\r\n <div class=\"hot_imgs\">\r\n <div class=\"title\">最多可添加4个版块，图片建议尺寸140 * 140px；鼠标拖拽左侧圆点可 调整版块顺序</div>\r\n <div class=\"list-box\">\r\n <draggable class=\"dragArea list-group\" :list=\"defaults.menu\" group=\"people\" handle=\".move-icon\">\r\n <div class=\"item\" v-for=\"(item, index) in defaults.menu\" :key=\"index\">\r\n <div class=\"move-icon\">\r\n <Icon type=\"ios-keypad-outline\" size=\"22\" />\r\n </div>\r\n <div class=\"img-box\" @click=\"modalPicTap('单选', index)\">\r\n <img :src=\"item.img\" alt=\"\" v-if=\"item.img\" />\r\n <div class=\"upload-box\" v-else><Icon type=\"ios-camera-outline\" size=\"36\" /></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 </div>\r\n </div>\r\n <div class=\"info\">\r\n <div class=\"info-item\" v-for=\"(infos, key) in item.info\" :key=\"key\">\r\n <span>{{ infos.title }}</span>\r\n <div class=\"input-box\">\r\n <el-input v-model=\"infos.value\" :placeholder=\"infos.tips\" :maxlength=\"infos.max\" />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </draggable>\r\n </div>\r\n <div class=\"add-btn\" v-if=\"defaults.menu.length < 4\">\r\n <el-button style=\"width: 100%; height: 40px\" @click=\"addBox\">添加板块</el-button>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport vuedraggable from 'vuedraggable';\r\nimport { mapState, mapActions } from 'vuex';\r\nimport uploadPictures from '@/components/uploadPictures';\r\nimport { wechatNewsAddApi, wechatNewsInfotApi } from '@/api/app';\r\nexport default {\r\n name: 'c_hot_imgs',\r\n props: {\r\n configObj: {\r\n type: Object,\r\n },\r\n },\r\n components: {\r\n draggable: vuedraggable,\r\n uploadPictures,\r\n },\r\n data() {\r\n return {\r\n defaults: {},\r\n menus: [],\r\n list: [\r\n {\r\n title: 'aa',\r\n val: '',\r\n },\r\n ],\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 };\r\n },\r\n created() {\r\n this.defaults = this.configObj;\r\n },\r\n watch: {\r\n configObj: {\r\n handler(nVal, oVal) {\r\n this.defaults = nVal;\r\n },\r\n immediate: true,\r\n deep: true,\r\n },\r\n },\r\n methods: {\r\n addBox() {\r\n let obj = {\r\n img: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1594458238721&di=d9978a807dcbf5d8a01400875bc51162&imgtype=0&src=http%3A%2F%2Fattachments.gfan.com%2Fforum%2F201604%2F23%2F002205xqdkj84gnw4oi85v.jpg',\r\n info: [\r\n {\r\n title: '标题',\r\n value: '',\r\n tips: '选填，不超过4个字',\r\n max: 4,\r\n },\r\n {\r\n title: '简介',\r\n value: '',\r\n tips: '选填，不超过20个字',\r\n max: 20,\r\n },\r\n ],\r\n link: {\r\n title: '链接',\r\n optiops: [\r\n {\r\n type: 0,\r\n value: '',\r\n label: '一级>二级分类',\r\n },\r\n {\r\n type: 1,\r\n value: '',\r\n label: '自定义链接',\r\n },\r\n ],\r\n },\r\n };\r\n this.defaults.menu.push(obj);\r\n },\r\n // 点击图文封面\r\n modalPicTap(title, index) {\r\n this.activeIndex = index;\r\n this.modalPic = true;\r\n },\r\n // 添加自定义弹窗\r\n addCustomDialog(editorId) {\r\n window.UE.registerUI(\r\n 'test-dialog',\r\n function (editor, uiName) {\r\n let dialog = new window.UE.ui.Dialog({\r\n iframeUrl: '/admin/widget.images/index.html?fodder=dialog',\r\n editor: editor,\r\n name: uiName,\r\n title: '上传图片',\r\n cssRules: 'width:1200px;height:500px;padding:20px;',\r\n });\r\n this.dialog = dialog;\r\n // 参考上面的自定义按钮\r\n var btn = new window.UE.ui.Button({\r\n name: 'dialog-button',\r\n title: '上传图片',\r\n cssRules: `background-image: url(../../../assets/images/icons.png);background-position: -726px -77px;`,\r\n onclick: function () {\r\n // 渲染dialog\r\n dialog.render();\r\n dialog.open();\r\n },\r\n });\r\n\r\n return btn;\r\n },\r\n 37,\r\n );\r\n },\r\n // 获取图片信息\r\n getPic(pc) {\r\n this.defaults.menu[this.activeIndex].img = pc.att_dir;\r\n this.modalPic = false;\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n::v-deep .ivu-input {\r\n font-size: 13px !important;\r\n}\r\n\r\n.hot_imgs {\r\n border-top: 1px solid rgba(0, 0, 0, 0.05);\r\n\r\n .title {\r\n padding: 13px 0;\r\n color: #999;\r\n font-size: 12px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n .list-box {\r\n .item {\r\n display: flex;\r\n margin-top: 20px;\r\n\r\n .move-icon {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 30px;\r\n height: 80px;\r\n cursor: move;\r\n }\r\n\r\n .img-box {\r\n width: 80px;\r\n height: 80px;\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n }\r\n\r\n .info {\r\n flex: 1;\r\n margin-left: 22px;\r\n\r\n .info-item {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 10px;\r\n\r\n span {\r\n width: 40px;\r\n font-size: 13px;\r\n }\r\n\r\n .input-box {\r\n flex: 1;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .add-btn {\r\n margin-top: 10px;\r\n }\r\n\r\n .upload-box {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 80px;\r\n height: 80px;\r\n background: #ccc;\r\n border-radius: 5px;\r\n }\r\n}\r\n</style>\r\n"]}]}
|
