| 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\\diyComponents\\c_upload_list.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\newItem\\admin\\src\\components\\diyComponents\\c_upload_list.vue","mtime":1677828270147},{"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:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMubnVtYmVyLmNvbnN0cnVjdG9yLmpzIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuZnVuY3Rpb24ubmFtZS5qcyI7CmltcG9ydCAiY29yZS1qcy9tb2R1bGVzL2VzLmpzb24uc3RyaW5naWZ5LmpzIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuYXJyYXkuc3BsaWNlLmpzIjsKLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IGxpbmthZGRyZXNzIGZyb20gJ0AvY29tcG9uZW50cy9saW5rYWRkcmVzcyc7CmltcG9ydCB1cGxvYWRQaWN0dXJlcyBmcm9tICdAL2NvbXBvbmVudHMvdXBsb2FkUGljdHVyZXMnOwppbXBvcnQgdnVlZHJhZ2dhYmxlIGZyb20gJ3Z1ZWRyYWdnYWJsZSc7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAnY191cGxvYWRfbGlzdCcsCiAgcHJvcHM6IHsKICAgIG5hbWU6IHsKICAgICAgdHlwZTogU3RyaW5nCiAgICB9LAogICAgY29uZmlnRGF0YTogewogICAgICB0eXBlOiBudWxsCiAgICB9LAogICAgY29uZmlnTnVtOiB7CiAgICAgIHR5cGU6IE51bWJlciB8IFN0cmluZywKICAgICAgZGVmYXVsdDogJ2RlZmF1bHQnCiAgICB9LAogICAgbW9kdWxlTmFtZTogewogICAgICB0eXBlOiBTdHJpbmcKICAgIH0KICB9LAogIGNvbXBvbmVudHM6IHsKICAgIGxpbmthZGRyZXNzOiBsaW5rYWRkcmVzcywKICAgIHVwbG9hZFBpY3R1cmVzOiB1cGxvYWRQaWN0dXJlcywKICAgIGRyYWdnYWJsZTogdnVlZHJhZ2dhYmxlCiAgfSwKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgZGVmYXVsdHM6IHt9LAogICAgICBtZW51czogW10sCiAgICAgIG1vZGFsUGljOiBmYWxzZSwKICAgICAgaXNDaG9pY2U6ICfljZXpgIknLAogICAgICBncmlkQnRuOiB7CiAgICAgICAgeGw6IDQsCiAgICAgICAgbGc6IDgsCiAgICAgICAgbWQ6IDgsCiAgICAgICAgc206IDgsCiAgICAgICAgeHM6IDgKICAgICAgfSwKICAgICAgZ3JpZFBpYzogewogICAgICAgIHhsOiA2LAogICAgICAgIGxnOiA4LAogICAgICAgIG1kOiAxMiwKICAgICAgICBzbTogMTIsCiAgICAgICAgeHM6IDEyCiAgICAgIH0sCiAgICAgIGFjdGl2ZUluZGV4OiAwLAogICAgICBrZXlJbmRleDogMCwKICAgICAgZGF0YXM6IHRoaXMuY29uZmlnRGF0YVt0aGlzLmNvbmZpZ051bV0KICAgIH07CiAgfSwKICBtb3VudGVkOiBmdW5jdGlvbiBtb3VudGVkKCkge30sCiAgd2F0Y2g6IHsKICAgIGNvbmZpZ0RhdGE6IHsKICAgICAgaGFuZGxlcjogZnVuY3Rpb24gaGFuZGxlcihuVmFsLCBvVmFsKSB7CiAgICAgICAgdGhpcy5kYXRhcyA9IG5WYWxbdGhpcy5jb25maWdOdW1dOwogICAgICB9LAogICAgICBkZWVwOiB0cnVlCiAgICB9CiAgfSwKICBtZXRob2RzOiB7CiAgICBnZXRMaW5rOiBmdW5jdGlvbiBnZXRMaW5rKGluZGV4LCBrZXkpIHsKICAgICAgdGhpcy5hY3RpdmVJbmRleCA9IGluZGV4OwogICAgICB0aGlzLmtleUluZGV4ID0ga2V5OwogICAgICB0aGlzLiRyZWZzLmxpbmthZGRyZXMubW9kYWxzID0gdHJ1ZTsKICAgIH0sCiAgICBsaW5rVXJsOiBmdW5jdGlvbiBsaW5rVXJsKGUpIHsKICAgICAgdGhpcy5kYXRhc1t0aGlzLm5hbWVdLmxpc3RbdGhpcy5hY3RpdmVJbmRleF0uaW5mb1t0aGlzLmtleUluZGV4XS52YWx1ZSA9IGU7CiAgICB9LAogICAgYWRkQm94OiBmdW5jdGlvbiBhZGRCb3goKSB7CiAgICAgIHZhciB2YWwgPSB7CiAgICAgICAgaW1nOiAnJywKICAgICAgICBpbmZvOiBbewogICAgICAgICAgbWF4bGVuZ3RoOiAxMCwKICAgICAgICAgIHRpcHM6ICfpgInloavvvIzkuI3otoXov4fljYHkuKrlrZcnLAogICAgICAgICAgdGl0bGU6ICfmoIfpopgnLAogICAgICAgICAgdmFsdWU6ICcnCiAgICAgICAgfSwgewogICAgICAgICAgbWF4bGVuZ3RoOiA5OTksCiAgICAgICAgICB0aXBzOiAn6K+35aGr5YaZ6ZO+5o6lJywKICAgICAgICAgIHRpdGxlOiAn6ZO+5o6lJywKICAgICAgICAgIHZhbHVlOiAnJwogICAgICAgIH1dCiAgICAgIH07CgogICAgICBpZiAodGhpcy5tb2R1bGVOYW1lID09ICdzd2lwZXJCZycgfHwgdGhpcy5tb2R1bGVOYW1lID09ICdtZW51cycpIHsKICAgICAgICB0aGlzLmNvbmZpZ0RhdGFbdGhpcy5jb25maWdOdW1dW3RoaXMubmFtZV0ubGlzdC5wdXNoKHZhbCk7CiAgICAgICAgcmV0dXJuOwogICAgICB9CgogICAgICBpZiAodGhpcy5jb25maWdEYXRhW3RoaXMuY29uZmlnTnVtXVt0aGlzLm5hbWVdLmxpc3QubGVuZ3RoID09IDApIHsKICAgICAgICB2YXIgdXBsb2FkTGlzdERhdGEgPSB0aGlzLiRzdG9yZS5zdGF0ZS51c2VySW5mb1sndXBsb2FkTGlzdERhdGEnICsgdGhpcy5tb2R1bGVOYW1lXTsKICAgICAgICB0aGlzLmNvbmZpZ0RhdGFbdGhpcy5jb25maWdOdW1dW3RoaXMubmFtZV0ubGlzdC5wdXNoKHVwbG9hZExpc3REYXRhKTsKICAgICAgfSBlbHNlIHsKICAgICAgICB2YXIgb2JqID0gSlNPTi5wYXJzZShKU09OLnN0cmluZ2lmeSh0aGlzLmNvbmZpZ0RhdGFbdGhpcy5jb25maWdOdW1dW3RoaXMubmFtZV0ubGlzdFt0aGlzLmNvbmZpZ0RhdGFbdGhpcy5jb25maWdOdW1dW3RoaXMubmFtZV0ubGlzdC5sZW5ndGggLSAxXSkpOwogICAgICAgIHRoaXMuY29uZmlnRGF0YVt0aGlzLmNvbmZpZ051bV1bdGhpcy5uYW1lXS5saXN0LnB1c2gob2JqKTsKICAgICAgfQogICAgfSwKICAgIC8vIOeCueWHu+WbvuaWh+WwgemdogogICAgbW9kYWxQaWNUYXA6IGZ1bmN0aW9uIG1vZGFsUGljVGFwKHRpdGxlLCBpbmRleCkgewogICAgICB0aGlzLmFjdGl2ZUluZGV4ID0gaW5kZXg7CiAgICAgIHRoaXMubW9kYWxQaWMgPSB0cnVlOwogICAgfSwKICAgIC8vIOa3u+WKoOiHquWumuS5ieW8ueeqlwogICAgYWRkQ3VzdG9tRGlhbG9nOiBmdW5jdGlvbiBhZGRDdXN0b21EaWFsb2coZWRpdG9ySWQpIHsKICAgICAgd2luZG93LlVFLnJlZ2lzdGVyVUkoJ3Rlc3QtZGlhbG9nJywgZnVuY3Rpb24gKGVkaXRvciwgdWlOYW1lKSB7CiAgICAgICAgdmFyIGRpYWxvZyA9IG5ldyB3aW5kb3cuVUUudWkuRGlhbG9nKHsKICAgICAgICAgIGlmcmFtZVVybDogJy9hZG1pbi93aWRnZXQuaW1hZ2VzL2luZGV4Lmh0bWw/Zm9kZGVyPWRpYWxvZycsCiAgICAgICAgICBlZGl0b3I6IGVkaXRvciwKICAgICAgICAgIG5hbWU6IHVpTmFtZSwKICAgICAgICAgIHRpdGxlOiAn5LiK5Lyg5Zu+54mHJywKICAgICAgICAgIGNzc1J1bGVzOiAnd2lkdGg6OTYwcHg7aGVpZ2h0OjU1MHB4O3BhZGRpbmc6MjBweDsnCiAgICAgICAgfSk7CiAgICAgICAgdGhpcy5kaWFsb2cgPSBkaWFsb2c7IC8vIOWPguiAg+S4iumdoueahOiHquWumuS5ieaMiemSrgoKICAgICAgICB2YXIgYnRuID0gbmV3IHdpbmRvdy5VRS51aS5CdXR0b24oewogICAgICAgICAgbmFtZTogJ2RpYWxvZy1idXR0b24nLAogICAgICAgICAgdGl0bGU6ICfkuIrkvKDlm77niYcnLAogICAgICAgICAgY3NzUnVsZXM6ICJiYWNrZ3JvdW5kLWltYWdlOiB1cmwoLi4vLi4vLi4vYXNzZXRzL2ltYWdlcy9pY29ucy5wbmcpO2JhY2tncm91bmQtcG9zaXRpb246IC03MjZweCAtNzdweDsiLAogICAgICAgICAgb25jbGljazogZnVuY3Rpb24gb25jbGljaygpIHsKICAgICAgICAgICAgLy8g5riy5p+TZGlhbG9nCiAgICAgICAgICAgIGRpYWxvZy5yZW5kZXIoKTsKICAgICAgICAgICAgZGlhbG9nLm9wZW4oKTsKICAgICAgICAgIH0KICAgICAgICB9KTsKICAgICAgICByZXR1cm4gYnRuOwogICAgICB9LCAzNyk7CiAgICB9LAogICAgLy8g6I635Y+W5Zu+54mH5L+h5oGvCiAgICBnZXRQaWM6IGZ1bmN0aW9uIGdldFBpYyhwYykgewogICAgICB2YXIgX3RoaXMgPSB0aGlzOwoKICAgICAgdGhpcy4kbmV4dFRpY2soZnVuY3Rpb24gKCkgewogICAgICAgIF90aGlzLmNvbmZpZ0RhdGFbX3RoaXMuY29uZmlnTnVtXVtfdGhpcy5uYW1lXS5saXN0W190aGlzLmFjdGl2ZUluZGV4XS5pbWcgPSBwYy5hdHRfZGlyOwogICAgICAgIF90aGlzLm1vZGFsUGljID0gZmFsc2U7CiAgICAgIH0pOwogICAgfSwKICAgIC8vIOWIoOmZpAogICAgYmluZERlbGV0ZTogZnVuY3Rpb24gYmluZERlbGV0ZShpdGVtLCBpbmRleCkgewogICAgICBpZiAodGhpcy5jb25maWdEYXRhW3RoaXMuY29uZmlnTnVtXVt0aGlzLm5hbWVdLmxpc3QubGVuZ3RoID09IDEpIHsKICAgICAgICB2YXIgbGFzdE9iaiA9IHRoaXMuY29uZmlnRGF0YVt0aGlzLmNvbmZpZ051bV1bdGhpcy5uYW1lXS5saXN0WzBdOwogICAgICAgIHRoaXMuJHN0b3JlLmNvbW1pdCgndXNlckluZm8vdXBsb2FkTGlzdCcgKyB0aGlzLm1vZHVsZU5hbWUsIGxhc3RPYmopOwogICAgICB9CgogICAgICB0aGlzLmNvbmZpZ0RhdGFbdGhpcy5jb25maWdOdW1dW3RoaXMubmFtZV0ubGlzdC5zcGxpY2UoaW5kZXgsIDEpOwogICAgfQogIH0KfTs="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiFA;AAEA;AACA;AACA;EACAA,qBADA;EAEAC;IACAD;MACAE;IADA,CADA;IAKAC;MACAD;IADA,CALA;IAQAE;MACAF,qBADA;MAEAG;IAFA,CARA;IAYAC;MACAJ;IADA;EAZA,CAFA;EAkBAK;IACAC,wBADA;IAEAC,8BAFA;IAGAC;EAHA,CAlBA;EAuBAC,IAvBA,kBAuBA;IACA;MACAC,YADA;MAEAC,SAFA;MAGAC,eAHA;MAIAC,cAJA;MAKAC;QACAC,KADA;QAEAC,KAFA;QAGAC,KAHA;QAIAC,KAJA;QAKAC;MALA,CALA;MAYAC;QACAL,KADA;QAEAC,KAFA;QAGAC,MAHA;QAIAC,MAJA;QAKAC;MALA,CAZA;MAmBAE,cAnBA;MAoBAC,WApBA;MAqBAC;IArBA;EAuBA,CA/CA;EAgDAC,OAhDA,qBAgDA,EAhDA;EAiDAC;IACAxB;MACAyB,OADA,mBACAC,IADA,EACAC,IADA,EACA;QACA;MACA,CAHA;MAIAC;IAJA;EADA,CAjDA;EAyDAC;IACAC,OADA,mBACAC,KADA,EACAC,GADA,EACA;MACA;MACA;MACA;IACA,CALA;IAMAC,OANA,mBAMAC,CANA,EAMA;MACA;IACA,CARA;IASAC,MATA,oBASA;MACA;QACAC,OADA;QAEAC,OACA;UACAC,aADA;UAEAC,iBAFA;UAGAC,WAHA;UAIAC;QAJA,CADA,EAOA;UACAH,cADA;UAEAC,aAFA;UAGAC,WAHA;UAIAC;QAJA,CAPA;MAFA;;MAiBA;QACA;QACA;MACA;;MACA;QACA;QACA;MACA,CAHA,MAGA;QACA,qBACAC,eACA,2GADA,CADA;QAKA;MACA;IACA,CA1CA;IA2CA;IACAC,WA5CA,uBA4CAH,KA5CA,EA4CAT,KA5CA,EA4CA;MACA;MACA;IACA,CA/CA;IAgDA;IACAa,eAjDA,2BAiDAC,QAjDA,EAiDA;MACAC,qBACA,aADA,EAEA;QACA;UACAC,0DADA;UAEAC,cAFA;UAGAnD,YAHA;UAIA2C,aAJA;UAKAS;QALA;QAOA,qBARA,CASA;;QACA;UACApD,qBADA;UAEA2C,aAFA;UAGAS,sGAHA;UAIAC;YACA;YACAC;YACAA;UACA;QARA;QAWA;MACA,CAxBA,EAyBA,EAzBA;IA2BA,CA7EA;IA8EA;IACAC,MA/EA,kBA+EAC,EA/EA,EA+EA;MAAA;;MACA;QACA;QACA;MACA,CAHA;IAIA,CApFA;IAqFA;IACAC,UAtFA,sBAsFAC,IAtFA,EAsFAxB,KAtFA,EAsFA;MACA;QACA;QACA;MACA;;MACA;IACA;EA5FA;AAzDA","names":["name","props","type","configData","configNum","default","moduleName","components","linkaddress","uploadPictures","draggable","data","defaults","menus","modalPic","isChoice","gridBtn","xl","lg","md","sm","xs","gridPic","activeIndex","keyIndex","datas","mounted","watch","handler","nVal","oVal","deep","methods","getLink","index","key","linkUrl","e","addBox","img","info","maxlength","tips","title","value","JSON","modalPicTap","addCustomDialog","editorId","window","iframeUrl","editor","cssRules","onclick","dialog","getPic","pc","bindDelete","item"],"sourceRoot":"src/components/diyComponents","sources":["c_upload_list.vue"],"sourcesContent":["<template>\r\n <div class=\"hot_imgs\">\r\n <div class=\"title\">\r\n {{ datas[name].title }}\r\n </div>\r\n <div class=\"list-box\">\r\n <draggable class=\"dragArea list-group\" :list=\"datas[name].list\" group=\"peoples\" handle=\".move-icon\">\r\n <div class=\"item\" v-for=\"(item, index) in datas[name].list\" :key=\"index\">\r\n <div class=\"move-icon\">\r\n <span class=\"iconfont icondrag2\"></span>\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>\r\n <Icon type=\"ios-camera-outline\" size=\"36\" />\r\n </div>\r\n <div v-if=\"!datas[name].isDelete\" class=\"delect-btn\" @click.stop=\"bindDelete(item, index)\">\r\n <Icon type=\"md-close-circle\" size=\"26\" />\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 <div class=\"info-item\" v-if=\"infos.title === '链接'\">\r\n <span>{{ infos.title }}</span>\r\n <div class=\"input-box\" @click=\"getLink(index, key)\">\r\n <Input\r\n v-model=\"infos.value\"\r\n :placeholder=\"infos.tips\"\r\n :maxlength=\"infos.maxlength\"\r\n icon=\"ios-arrow-forward\"\r\n readonly\r\n />\r\n </div>\r\n </div>\r\n <div v-else class=\"info-item\">\r\n <span>{{ infos.title }}</span>\r\n <div class=\"input-box\">\r\n <Input v-model=\"infos.value\" :placeholder=\"infos.tips\" :maxlength=\"infos.maxlength\" width=\"250px\" />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </draggable>\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=\"888\"\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 <template v-if=\"datas[name]\">\r\n <div class=\"add-btn\" v-if=\"datas[name].list.length < datas[name].max || datas[name].max == ''\">\r\n <Button\r\n type=\"primary\"\r\n ghost\r\n style=\"width: 100%; height: 40px; border-color: #1890ff; color: #1890ff\"\r\n @click=\"addBox\"\r\n >添加图片\r\n </Button>\r\n </div>\r\n </template>\r\n <linkaddress ref=\"linkaddres\" @linkUrl=\"linkUrl\"></linkaddress>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport linkaddress from '@/components/linkaddress';\r\n\r\nimport uploadPictures from '@/components/uploadPictures';\r\nimport vuedraggable from 'vuedraggable';\r\nexport default {\r\n name: 'c_upload_list',\r\n props: {\r\n name: {\r\n type: String,\r\n },\r\n\r\n configData: {\r\n type: null,\r\n },\r\n configNum: {\r\n type: Number | String,\r\n default: 'default',\r\n },\r\n moduleName: {\r\n type: String,\r\n },\r\n },\r\n components: {\r\n linkaddress,\r\n uploadPictures,\r\n draggable: vuedraggable,\r\n },\r\n data() {\r\n return {\r\n defaults: {},\r\n menus: [],\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 keyIndex: 0,\r\n datas: this.configData[this.configNum],\r\n };\r\n },\r\n mounted() {},\r\n watch: {\r\n configData: {\r\n handler(nVal, oVal) {\r\n this.datas = nVal[this.configNum];\r\n },\r\n deep: true,\r\n },\r\n },\r\n methods: {\r\n getLink(index, key) {\r\n this.activeIndex = index;\r\n this.keyIndex = key;\r\n this.$refs.linkaddres.modals = true;\r\n },\r\n linkUrl(e) {\r\n this.datas[this.name].list[this.activeIndex].info[this.keyIndex].value = e;\r\n },\r\n addBox() {\r\n let val = {\r\n img: '',\r\n info: [\r\n {\r\n maxlength: 10,\r\n tips: '选填，不超过十个字',\r\n title: '标题',\r\n value: '',\r\n },\r\n {\r\n maxlength: 999,\r\n tips: '请填写链接',\r\n title: '链接',\r\n value: '',\r\n },\r\n ],\r\n };\r\n if (this.moduleName == 'swiperBg' || this.moduleName == 'menus') {\r\n this.configData[this.configNum][this.name].list.push(val);\r\n return;\r\n }\r\n if (this.configData[this.configNum][this.name].list.length == 0) {\r\n let uploadListData = this.$store.state.userInfo['uploadListData' + this.moduleName];\r\n this.configData[this.configNum][this.name].list.push(uploadListData);\r\n } else {\r\n let obj = JSON.parse(\r\n JSON.stringify(\r\n this.configData[this.configNum][this.name].list[this.configData[this.configNum][this.name].list.length - 1],\r\n ),\r\n );\r\n this.configData[this.configNum][this.name].list.push(obj);\r\n }\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:960px;height:550px;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.$nextTick(() => {\r\n this.configData[this.configNum][this.name].list[this.activeIndex].img = pc.att_dir;\r\n this.modalPic = false;\r\n });\r\n },\r\n // 删除\r\n bindDelete(item, index) {\r\n if (this.configData[this.configNum][this.name].list.length == 1) {\r\n let lastObj = this.configData[this.configNum][this.name].list[0];\r\n this.$store.commit('userInfo/uploadList' + this.moduleName, lastObj);\r\n }\r\n this.configData[this.configNum][this.name].list.splice(index, 1);\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"stylus\">\r\n.icondrag2 {\r\n font-size: 26px;\r\n color: #d8d8d8;\r\n}\r\n\r\n.hot_imgs {\r\n margin-bottom: 20px;\r\n\r\n .title {\r\n padding: 0 0 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 position: relative;\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 color: #D8D8D8;\r\n }\r\n\r\n .img-box {\r\n position: relative;\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 width: 300px;\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 .delect-btn {\r\n position: absolute;\r\n right: -12px;\r\n top: -12px;\r\n color: #999999;\r\n\r\n .iconfont {\r\n font-size: 28px;\r\n color: #999;\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\r\n.upload-box {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 100%;\r\n height: 100%;\r\n background: #ccc;\r\n}\r\n\r\n.iconfont {\r\n color: #DDDDDD;\r\n font-size: 28px;\r\n}\r\n</style>\r\n"]}]}
|
