{"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"]}]}