| 1 |
- {"remainingRequest":"E:\\item\\newItem\\admin\\node_modules\\babel-loader\\lib\\index.js!E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\item\\newItem\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\item\\newItem\\admin\\node_modules\\iview-loader\\index.js??ref--0-2!E:\\item\\newItem\\admin\\src\\components\\mobileConfigRightDiy\\c_hot_imgs.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\newItem\\admin\\src\\components\\mobileConfigRightDiy\\c_hot_imgs.vue","mtime":1677828270161},{"path":"E:\\item\\newItem\\admin\\babel.config.js","mtime":1677828270071},{"path":"E:\\item\\newItem\\admin\\.babelrc","mtime":1677828270070},{"path":"E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\iview-loader\\index.js","mtime":1570440814000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHZ1ZWRyYWdnYWJsZSBmcm9tICd2dWVkcmFnZ2FibGUnOwppbXBvcnQgeyBtYXBTdGF0ZSwgbWFwQWN0aW9ucyB9IGZyb20gJ3Z1ZXgnOwppbXBvcnQgdXBsb2FkUGljdHVyZXMgZnJvbSAnQC9jb21wb25lbnRzL3VwbG9hZFBpY3R1cmVzJzsKaW1wb3J0IHsgd2VjaGF0TmV3c0FkZEFwaSwgd2VjaGF0TmV3c0luZm90QXBpIH0gZnJvbSAnQC9hcGkvYXBwJzsKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICdjX2hvdF9pbWdzJywKICBwcm9wczogewogICAgY29uZmlnT2JqOiB7CiAgICAgIHR5cGU6IE9iamVjdAogICAgfQogIH0sCiAgY29tcG9uZW50czogewogICAgZHJhZ2dhYmxlOiB2dWVkcmFnZ2FibGUsCiAgICB1cGxvYWRQaWN0dXJlczogdXBsb2FkUGljdHVyZXMKICB9LAogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBkZWZhdWx0czoge30sCiAgICAgIG1lbnVzOiBbXSwKICAgICAgbGlzdDogW3sKICAgICAgICB0aXRsZTogJ2FhJywKICAgICAgICB2YWw6ICcnCiAgICAgIH1dLAogICAgICBtb2RhbFBpYzogZmFsc2UsCiAgICAgIGlzQ2hvaWNlOiAn5Y2V6YCJJywKICAgICAgZ3JpZEJ0bjogewogICAgICAgIHhsOiA0LAogICAgICAgIGxnOiA4LAogICAgICAgIG1kOiA4LAogICAgICAgIHNtOiA4LAogICAgICAgIHhzOiA4CiAgICAgIH0sCiAgICAgIGdyaWRQaWM6IHsKICAgICAgICB4bDogNiwKICAgICAgICBsZzogOCwKICAgICAgICBtZDogMTIsCiAgICAgICAgc206IDEyLAogICAgICAgIHhzOiAxMgogICAgICB9LAogICAgICBhY3RpdmVJbmRleDogMAogICAgfTsKICB9LAogIGNyZWF0ZWQ6IGZ1bmN0aW9uIGNyZWF0ZWQoKSB7CiAgICB0aGlzLmRlZmF1bHRzID0gdGhpcy5jb25maWdPYmo7CiAgfSwKICB3YXRjaDogewogICAgY29uZmlnT2JqOiB7CiAgICAgIGhhbmRsZXI6IGZ1bmN0aW9uIGhhbmRsZXIoblZhbCwgb1ZhbCkgewogICAgICAgIHRoaXMuZGVmYXVsdHMgPSBuVmFsOwogICAgICB9LAogICAgICBpbW1lZGlhdGU6IHRydWUsCiAgICAgIGRlZXA6IHRydWUKICAgIH0KICB9LAogIG1ldGhvZHM6IHsKICAgIGFkZEJveDogZnVuY3Rpb24gYWRkQm94KCkgewogICAgICB2YXIgb2JqID0gewogICAgICAgIGltZzogJ2h0dHBzOi8vdGltZ3NhLmJhaWR1LmNvbS90aW1nP2ltYWdlJnF1YWxpdHk9ODAmc2l6ZT1iOTk5OV8xMDAwMCZzZWM9MTU5NDQ1ODIzODcyMSZkaT1kOTk3OGE4MDdkY2JmNWQ4YTAxNDAwODc1YmM1MTE2MiZpbWd0eXBlPTAmc3JjPWh0dHAlM0ElMkYlMkZhdHRhY2htZW50cy5nZmFuLmNvbSUyRmZvcnVtJTJGMjAxNjA0JTJGMjMlMkYwMDIyMDV4cWRrajg0Z253NG9pODV2LmpwZycsCiAgICAgICAgaW5mbzogW3sKICAgICAgICAgIHRpdGxlOiAn5qCH6aKYJywKICAgICAgICAgIHZhbHVlOiAnJywKICAgICAgICAgIHRpcHM6ICfpgInloavvvIzkuI3otoXov4c05Liq5a2XJywKICAgICAgICAgIG1heDogNAogICAgICAgIH0sIHsKICAgICAgICAgIHRpdGxlOiAn566A5LuLJywKICAgICAgICAgIHZhbHVlOiAnJywKICAgICAgICAgIHRpcHM6ICfpgInloavvvIzkuI3otoXov4cyMOS4quWtlycsCiAgICAgICAgICBtYXg6IDIwCiAgICAgICAgfV0sCiAgICAgICAgbGluazogewogICAgICAgICAgdGl0bGU6ICfpk77mjqUnLAogICAgICAgICAgb3B0aW9wczogW3sKICAgICAgICAgICAgdHlwZTogMCwKICAgICAgICAgICAgdmFsdWU6ICcnLAogICAgICAgICAgICBsYWJlbDogJ+S4gOe6pz7kuoznuqfliIbnsbsnCiAgICAgICAgICB9LCB7CiAgICAgICAgICAgIHR5cGU6IDEsCiAgICAgICAgICAgIHZhbHVlOiAnJywKICAgICAgICAgICAgbGFiZWw6ICfoh6rlrprkuYnpk77mjqUnCiAgICAgICAgICB9XQogICAgICAgIH0KICAgICAgfTsKICAgICAgdGhpcy5kZWZhdWx0cy5tZW51LnB1c2gob2JqKTsKICAgIH0sCiAgICAvLyDngrnlh7vlm77mloflsIHpnaIKICAgIG1vZGFsUGljVGFwOiBmdW5jdGlvbiBtb2RhbFBpY1RhcCh0aXRsZSwgaW5kZXgpIHsKICAgICAgdGhpcy5hY3RpdmVJbmRleCA9IGluZGV4OwogICAgICB0aGlzLm1vZGFsUGljID0gdHJ1ZTsKICAgIH0sCiAgICAvLyDmt7vliqDoh6rlrprkuYnlvLnnqpcKICAgIGFkZEN1c3RvbURpYWxvZzogZnVuY3Rpb24gYWRkQ3VzdG9tRGlhbG9nKGVkaXRvcklkKSB7CiAgICAgIHdpbmRvdy5VRS5yZWdpc3RlclVJKCd0ZXN0LWRpYWxvZycsIGZ1bmN0aW9uIChlZGl0b3IsIHVpTmFtZSkgewogICAgICAgIHZhciBkaWFsb2cgPSBuZXcgd2luZG93LlVFLnVpLkRpYWxvZyh7CiAgICAgICAgICBpZnJhbWVVcmw6ICcvYWRtaW4vd2lkZ2V0LmltYWdlcy9pbmRleC5odG1sP2ZvZGRlcj1kaWFsb2cnLAogICAgICAgICAgZWRpdG9yOiBlZGl0b3IsCiAgICAgICAgICBuYW1lOiB1aU5hbWUsCiAgICAgICAgICB0aXRsZTogJ+S4iuS8oOWbvueJhycsCiAgICAgICAgICBjc3NSdWxlczogJ3dpZHRoOjEyMDBweDtoZWlnaHQ6NTAwcHg7cGFkZGluZzoyMHB4OycKICAgICAgICB9KTsKICAgICAgICB0aGlzLmRpYWxvZyA9IGRpYWxvZzsgLy8g5Y+C6ICD5LiK6Z2i55qE6Ieq5a6a5LmJ5oyJ6ZKuCgogICAgICAgIHZhciBidG4gPSBuZXcgd2luZG93LlVFLnVpLkJ1dHRvbih7CiAgICAgICAgICBuYW1lOiAnZGlhbG9nLWJ1dHRvbicsCiAgICAgICAgICB0aXRsZTogJ+S4iuS8oOWbvueJhycsCiAgICAgICAgICBjc3NSdWxlczogImJhY2tncm91bmQtaW1hZ2U6IHVybCguLi8uLi8uLi9hc3NldHMvaW1hZ2VzL2ljb25zLnBuZyk7YmFja2dyb3VuZC1wb3NpdGlvbjogLTcyNnB4IC03N3B4OyIsCiAgICAgICAgICBvbmNsaWNrOiBmdW5jdGlvbiBvbmNsaWNrKCkgewogICAgICAgICAgICAvLyDmuLLmn5NkaWFsb2cKICAgICAgICAgICAgZGlhbG9nLnJlbmRlcigpOwogICAgICAgICAgICBkaWFsb2cub3BlbigpOwogICAgICAgICAgfQogICAgICAgIH0pOwogICAgICAgIHJldHVybiBidG47CiAgICAgIH0sIDM3KTsKICAgIH0sCiAgICAvLyDojrflj5blm77niYfkv6Hmga8KICAgIGdldFBpYzogZnVuY3Rpb24gZ2V0UGljKHBjKSB7CiAgICAgIHRoaXMuZGVmYXVsdHMubWVudVt0aGlzLmFjdGl2ZUluZGV4XS5pbWcgPSBwYy5hdHRfZGlyOwogICAgICB0aGlzLm1vZGFsUGljID0gZmFsc2U7CiAgICB9CiAgfQp9Ow=="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDA;AACA;AACA;AACA;AACA;EACAA,kBADA;EAEAC;IACAC;MACAC;IADA;EADA,CAFA;EAOAC;IACAC,uBADA;IAEAC;EAFA,CAPA;EAWAC,IAXA,kBAWA;IACA;MACAC,YADA;MAEAC,SAFA;MAGAC,OACA;QACAC,WADA;QAEAC;MAFA,CADA,CAHA;MASAC,eATA;MAUAC,cAVA;MAWAC;QACAC,KADA;QAEAC,KAFA;QAGAC,KAHA;QAIAC,KAJA;QAKAC;MALA,CAXA;MAkBAC;QACAL,KADA;QAEAC,KAFA;QAGAC,MAHA;QAIAC,MAJA;QAKAC;MALA,CAlBA;MAyBAE;IAzBA;EA2BA,CAvCA;EAwCAC,OAxCA,qBAwCA;IACA;EACA,CA1CA;EA2CAC;IACAtB;MACAuB,OADA,mBACAC,IADA,EACAC,IADA,EACA;QACA;MACA,CAHA;MAIAC,eAJA;MAKAC;IALA;EADA,CA3CA;EAoDAC;IACAC,MADA,oBACA;MACA;QACAC,+NADA;QAEAC,OACA;UACAtB,WADA;UAEAuB,SAFA;UAGAC,iBAHA;UAIAC;QAJA,CADA,EAOA;UACAzB,WADA;UAEAuB,SAFA;UAGAC,kBAHA;UAIAC;QAJA,CAPA,CAFA;QAgBAC;UACA1B,WADA;UAEA2B,UACA;YACAnC,OADA;YAEA+B,SAFA;YAGAK;UAHA,CADA,EAMA;YACApC,OADA;YAEA+B,SAFA;YAGAK;UAHA,CANA;QAFA;MAhBA;MAgCA;IACA,CAnCA;IAoCA;IACAC,WArCA,uBAqCA7B,KArCA,EAqCA8B,KArCA,EAqCA;MACA;MACA;IACA,CAxCA;IAyCA;IACAC,eA1CA,2BA0CAC,QA1CA,EA0CA;MACAC,qBACA,aADA,EAEA;QACA;UACAC,0DADA;UAEAC,cAFA;UAGA9C,YAHA;UAIAW,aAJA;UAKAoC;QALA;QAOA,qBARA,CASA;;QACA;UACA/C,qBADA;UAEAW,aAFA;UAGAoC,sGAHA;UAIAC;YACA;YACAC;YACAA;UACA;QARA;QAWA;MACA,CAxBA,EAyBA,EAzBA;IA2BA,CAtEA;IAuEA;IACAC,MAxEA,kBAwEAC,EAxEA,EAwEA;MACA;MACA;IACA;EA3EA;AApDA","names":["name","props","configObj","type","components","draggable","uploadPictures","data","defaults","menus","list","title","val","modalPic","isChoice","gridBtn","xl","lg","md","sm","xs","gridPic","activeIndex","created","watch","handler","nVal","oVal","immediate","deep","methods","addBox","img","info","value","tips","max","link","optiops","label","modalPicTap","index","addCustomDialog","editorId","window","iframeUrl","editor","cssRules","onclick","dialog","getPic","pc"],"sourceRoot":"src/components/mobileConfigRightDiy","sources":["c_hot_imgs.vue"],"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 <Modal\r\n v-model=\"modalPic\"\r\n width=\"950px\"\r\n scrollable\r\n footer-hide\r\n closable\r\n title=\"上传图片\"\r\n :mask-closable=\"false\"\r\n :z-index=\"1\"\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 </Modal>\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 <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 <Button style=\"width: 100%; height: 40px\" @click=\"addBox\">添加板块</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=\"stylus\">\r\n/deep/.ivu-input{\r\n font-size 13px!important;\r\n}\r\n.hot_imgs\r\n border-top 1px solid rgba(0,0,0,0.05)\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 .list-box\r\n .item\r\n display flex\r\n margin-top 20px\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 .img-box\r\n width 80px\r\n height 80px\r\n img\r\n width 100%\r\n height 100%\r\n .info\r\n flex 1\r\n margin-left 22px\r\n .info-item\r\n display flex\r\n align-items center\r\n margin-bottom 10px\r\n span\r\n width 40px\r\n font-size 13px\r\n .input-box\r\n flex 1\r\n .add-btn\r\n margin-top 10px\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</style>\r\n"]}]}
|
