| 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\\pages\\setting\\devise\\components\\uploadPic.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\newItem\\admin\\src\\pages\\setting\\devise\\components\\uploadPic.vue","mtime":1677828270231},{"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:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMubnVtYmVyLmNvbnN0cnVjdG9yLmpzIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuanNvbi5zdHJpbmdpZnkuanMiOwppbXBvcnQgImNvcmUtanMvbW9kdWxlcy9lcy5mdW5jdGlvbi5uYW1lLmpzIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuYXJyYXkuc3BsaWNlLmpzIjsKLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHZ1ZWRyYWdnYWJsZSBmcm9tICd2dWVkcmFnZ2FibGUnOwppbXBvcnQgdXBsb2FkUGljdHVyZXMgZnJvbSAnQC9jb21wb25lbnRzL3VwbG9hZFBpY3R1cmVzJzsKaW1wb3J0IGxpbmthZGRyZXNzIGZyb20gJ0AvY29tcG9uZW50cy9saW5rYWRkcmVzcyc7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAndXBsb2FkUGljJywKICBwcm9wczogewogICAgbGlzdERhdGE6IHsKICAgICAgdHlwZTogQXJyYXkKICAgIH0sCiAgICB0eXBlOiB7CiAgICAgIHR5cGU6IE51bWJlcgogICAgfQogIH0sCiAgY29tcG9uZW50czogewogICAgZHJhZ2dhYmxlOiB2dWVkcmFnZ2FibGUsCiAgICB1cGxvYWRQaWN0dXJlczogdXBsb2FkUGljdHVyZXMsCiAgICBsaW5rYWRkcmVzczogbGlua2FkZHJlc3MKICB9LAogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBtb2RhbFBpYzogZmFsc2UsCiAgICAgIGlzQ2hvaWNlOiAn5Y2V6YCJJywKICAgICAgZ3JpZEJ0bjogewogICAgICAgIHhsOiA0LAogICAgICAgIGxnOiA4LAogICAgICAgIG1kOiA4LAogICAgICAgIHNtOiA4LAogICAgICAgIHhzOiA4CiAgICAgIH0sCiAgICAgIGdyaWRQaWM6IHsKICAgICAgICB4bDogNiwKICAgICAgICBsZzogOCwKICAgICAgICBtZDogMTIsCiAgICAgICAgc206IDEyLAogICAgICAgIHhzOiAxMgogICAgICB9LAogICAgICBhY3RpdmVJbmRleDogMCwKICAgICAgbGFzdE9iajogewogICAgICAgIG5hbWU6ICcnLAogICAgICAgIHBpYzogJycsCiAgICAgICAgdXJsOiAnJwogICAgICB9CiAgICB9OwogIH0sCiAgbW91bnRlZDogZnVuY3Rpb24gbW91bnRlZCgpIHt9LAogIHdhdGNoOiB7CiAgICBjb25maWdPYmo6IHsKICAgICAgaGFuZGxlcjogZnVuY3Rpb24gaGFuZGxlcihuVmFsLCBvVmFsKSB7fSwKICAgICAgZGVlcDogdHJ1ZQogICAgfQogIH0sCiAgbWV0aG9kczogewogICAgbGlua1VybDogZnVuY3Rpb24gbGlua1VybChlKSB7CiAgICAgIHRoaXMubGlzdERhdGFbdGhpcy5hY3RpdmVJbmRleF0udXJsID0gZTsKICAgIH0sCiAgICBnZXRMaW5rOiBmdW5jdGlvbiBnZXRMaW5rKGluZGV4KSB7CiAgICAgIHRoaXMuYWN0aXZlSW5kZXggPSBpbmRleDsKICAgICAgdGhpcy4kcmVmcy5saW5rYWRkcmVzLm1vZGFscyA9IHRydWU7CiAgICB9LAogICAgYWRkQm94OiBmdW5jdGlvbiBhZGRCb3goKSB7CiAgICAgIGlmICh0aGlzLmxpc3REYXRhLmxlbmd0aCA9PSAwKSB7CiAgICAgICAgdGhpcy5saXN0RGF0YS5wdXNoKHRoaXMubGFzdE9iaik7CiAgICAgIH0gZWxzZSB7CiAgICAgICAgdmFyIG9iaiA9IEpTT04ucGFyc2UoSlNPTi5zdHJpbmdpZnkodGhpcy5saXN0RGF0YVt0aGlzLmxpc3REYXRhLmxlbmd0aCAtIDFdKSk7CiAgICAgICAgb2JqLm5hbWUgPSAnJzsKICAgICAgICBvYmoucGljID0gJyc7CiAgICAgICAgb2JqLnVybCA9ICcnOwogICAgICAgIHRoaXMubGlzdERhdGEucHVzaChvYmopOwogICAgICB9IC8vIHRoaXMuJGVtaXQoJ3BhcmVudEZ1bicsdGhpcy5saXN0RGF0YSkKCiAgICB9LAogICAgLy8g54K55Ye75Zu+5paH5bCB6Z2iCiAgICBtb2RhbFBpY1RhcDogZnVuY3Rpb24gbW9kYWxQaWNUYXAodGl0bGUsIGluZGV4KSB7CiAgICAgIHRoaXMuYWN0aXZlSW5kZXggPSBpbmRleDsKICAgICAgdGhpcy5tb2RhbFBpYyA9IHRydWU7CiAgICB9LAogICAgLy8g5re75Yqg6Ieq5a6a5LmJ5by556qXCiAgICBhZGRDdXN0b21EaWFsb2c6IGZ1bmN0aW9uIGFkZEN1c3RvbURpYWxvZyhlZGl0b3JJZCkgewogICAgICB3aW5kb3cuVUUucmVnaXN0ZXJVSSgndGVzdC1kaWFsb2cnLCBmdW5jdGlvbiAoZWRpdG9yLCB1aU5hbWUpIHsKICAgICAgICB2YXIgZGlhbG9nID0gbmV3IHdpbmRvdy5VRS51aS5EaWFsb2coewogICAgICAgICAgaWZyYW1lVXJsOiAnL2FkbWluL3dpZGdldC5pbWFnZXMvaW5kZXguaHRtbD9mb2RkZXI9ZGlhbG9nJywKICAgICAgICAgIGVkaXRvcjogZWRpdG9yLAogICAgICAgICAgbmFtZTogdWlOYW1lLAogICAgICAgICAgdGl0bGU6ICfkuIrkvKDlm77niYcnLAogICAgICAgICAgY3NzUnVsZXM6ICd3aWR0aDo5NjBweDtoZWlnaHQ6NTUwcHg7cGFkZGluZzoyMHB4OycKICAgICAgICB9KTsKICAgICAgICB0aGlzLmRpYWxvZyA9IGRpYWxvZzsgLy8g5Y+C6ICD5LiK6Z2i55qE6Ieq5a6a5LmJ5oyJ6ZKuCgogICAgICAgIHZhciBidG4gPSBuZXcgd2luZG93LlVFLnVpLkJ1dHRvbih7CiAgICAgICAgICBuYW1lOiAnZGlhbG9nLWJ1dHRvbicsCiAgICAgICAgICB0aXRsZTogJ+S4iuS8oOWbvueJhycsCiAgICAgICAgICBjc3NSdWxlczogImJhY2tncm91bmQtaW1hZ2U6IHVybCguLi8uLi8uLi9hc3NldHMvaW1hZ2VzL2ljb25zLnBuZyk7YmFja2dyb3VuZC1wb3NpdGlvbjogLTcyNnB4IC03N3B4OyIsCiAgICAgICAgICBvbmNsaWNrOiBmdW5jdGlvbiBvbmNsaWNrKCkgewogICAgICAgICAgICAvLyDmuLLmn5NkaWFsb2cKICAgICAgICAgICAgZGlhbG9nLnJlbmRlcigpOwogICAgICAgICAgICBkaWFsb2cub3BlbigpOwogICAgICAgICAgfQogICAgICAgIH0pOwogICAgICAgIHJldHVybiBidG47CiAgICAgIH0sIDM3KTsKICAgIH0sCiAgICAvLyDojrflj5blm77niYfkv6Hmga8KICAgIGdldFBpYzogZnVuY3Rpb24gZ2V0UGljKHBjKSB7CiAgICAgIHZhciBfdGhpcyA9IHRoaXM7CgogICAgICB0aGlzLiRuZXh0VGljayhmdW5jdGlvbiAoKSB7CiAgICAgICAgX3RoaXMubGlzdERhdGFbX3RoaXMuYWN0aXZlSW5kZXhdLnBpYyA9IHBjLmF0dF9kaXI7CiAgICAgICAgX3RoaXMubW9kYWxQaWMgPSBmYWxzZTsKICAgICAgfSk7CiAgICB9LAogICAgLy8g5Yig6ZmkCiAgICBiaW5kRGVsZXRlOiBmdW5jdGlvbiBiaW5kRGVsZXRlKGl0ZW0sIGluZGV4KSB7CiAgICAgIGlmICh0aGlzLmxpc3REYXRhLmxlbmd0aCA9PSAxKSB7CiAgICAgICAgdGhpcy5sYXN0T2JqID0gdGhpcy5saXN0RGF0YVswXTsKICAgICAgfQoKICAgICAgdGhpcy5saXN0RGF0YS5zcGxpY2UoaW5kZXgsIDEpOyAvLyB0aGlzLiRlbWl0KCdwYXJlbnRGdW4nLHRoaXMubGlzdERhdGEpCiAgICB9CiAgfQp9Ow=="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsEA;AACA;AACA;AACA;EACAA,iBADA;EAEAC;IACAC;MACAC;IADA,CADA;IAIAA;MACAA;IADA;EAJA,CAFA;EAUAC;IACAC,uBADA;IAEAC,8BAFA;IAGAC;EAHA,CAVA;EAeAC,IAfA,kBAeA;IACA;MACAC,eADA;MAEAC,cAFA;MAGAC;QACAC,KADA;QAEAC,KAFA;QAGAC,KAHA;QAIAC,KAJA;QAKAC;MALA,CAHA;MAUAC;QACAL,KADA;QAEAC,KAFA;QAGAC,MAHA;QAIAC,MAJA;QAKAC;MALA,CAVA;MAiBAE,cAjBA;MAkBAC;QACAnB,QADA;QAEAoB,OAFA;QAGAC;MAHA;IAlBA;EAwBA,CAxCA;EAyCAC,OAzCA,qBAyCA,EAzCA;EA0CAC;IACAC;MACAC,OADA,mBACAC,IADA,EACAC,IADA,EACA,EADA;MAEAC;IAFA;EADA,CA1CA;EAgDAC;IACAC,OADA,mBACAC,CADA,EACA;MACA;IACA,CAHA;IAIAC,OAJA,mBAIAC,KAJA,EAIA;MACA;MACA;IACA,CAPA;IAQAC,MARA,oBAQA;MACA;QACA;MACA,CAFA,MAEA;QACA;QACAC;QACAA;QACAA;QACA;MACA,CATA,CAUA;;IACA,CAnBA;IAoBA;IACAC,WArBA,uBAqBAC,KArBA,EAqBAJ,KArBA,EAqBA;MACA;MACA;IACA,CAxBA;IAyBA;IACAK,eA1BA,2BA0BAC,QA1BA,EA0BA;MACAC,qBACA,aADA,EAEA;QACA;UACAC,0DADA;UAEAC,cAFA;UAGA1C,YAHA;UAIAqC,aAJA;UAKAM;QALA;QAOA,qBARA,CASA;;QACA;UACA3C,qBADA;UAEAqC,aAFA;UAGAM,sGAHA;UAIAC;YACA;YACAC;YACAA;UACA;QARA;QAWA;MACA,CAxBA,EAyBA,EAzBA;IA2BA,CAtDA;IAuDA;IACAC,MAxDA,kBAwDAC,EAxDA,EAwDA;MAAA;;MACA;QACA;QACA;MACA,CAHA;IAIA,CA7DA;IA8DA;IACAC,UA/DA,sBA+DAC,IA/DA,EA+DAhB,KA/DA,EA+DA;MACA;QACA;MACA;;MACA,+BAJA,CAKA;IACA;EArEA;AAhDA","names":["name","props","listData","type","components","draggable","uploadPictures","linkaddress","data","modalPic","isChoice","gridBtn","xl","lg","md","sm","xs","gridPic","activeIndex","lastObj","pic","url","mounted","watch","configObj","handler","nVal","oVal","deep","methods","linkUrl","e","getLink","index","addBox","obj","modalPicTap","title","addCustomDialog","editorId","window","iframeUrl","editor","cssRules","onclick","dialog","getPic","pc","bindDelete","item"],"sourceRoot":"src/pages/setting/devise/components","sources":["uploadPic.vue"],"sourcesContent":["<template>\r\n <div class=\"hot_imgs\">\r\n <div class=\"list-box\">\r\n <draggable class=\"dragArea list-group\" :list=\"listData\" group=\"peoples\" handle=\".move-icon\">\r\n <div class=\"item\" v-for=\"(item, index) in listData\" :key=\"index\">\r\n <div class=\"move-icon\">\r\n <span class=\"iconfont-diy icondrag\"></span>\r\n </div>\r\n <div class=\"img-box\" @click=\"modalPicTap('单选', index)\">\r\n <img :src=\"item.pic\" alt=\"\" v-if=\"item.pic && item.pic != ''\" />\r\n <div class=\"upload-box\" v-else>\r\n <Icon type=\"ios-camera-outline\" size=\"36\" />\r\n </div>\r\n </div>\r\n <div class=\"info\">\r\n <div class=\"info-item\" v-if=\"item.hasOwnProperty('name')\">\r\n <span>{{ type == 1 ? '管理名称：' : type == 2 ? '广告名称' : '服务名称：' }}</span>\r\n <div class=\"input-box\">\r\n <Input v-model=\"item.name\" :placeholder=\"type == 2 ? '请输入名称' : '服务中心'\" :maxlength=\"4\" />\r\n </div>\r\n </div>\r\n <div class=\"info-item\">\r\n <span>链接地址：</span>\r\n <div class=\"input-box\" @click=\"getLink(index)\">\r\n <Input v-model=\"item.url\" icon=\"ios-arrow-forward\" readonly placeholder=\"选择链接\" />\r\n </div>\r\n </div>\r\n </div>\r\n <div v-if=\"type != 1\" class=\"delect-btn\" @click.stop=\"bindDelete(item, index)\">\r\n <span class=\"iconfont-diy icondel_1\"></span>\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=\"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 <template v-if=\"listData\">\r\n <div class=\"add-btn\" v-if=\"(type != 1 && type != 2) || (type == 2 && listData.length < 5)\">\r\n <Button\r\n type=\"primary\"\r\n ghost\r\n style=\"width: 100px; height: 30px; background: #1890ff; color: #fff; font-size: 13px\"\r\n @click=\"addBox\"\r\n >添加板块</Button\r\n >\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 vuedraggable from 'vuedraggable';\r\nimport uploadPictures from '@/components/uploadPictures';\r\nimport linkaddress from '@/components/linkaddress';\r\nexport default {\r\n name: 'uploadPic',\r\n props: {\r\n listData: {\r\n type: Array,\r\n },\r\n type: {\r\n type: Number,\r\n },\r\n },\r\n components: {\r\n draggable: vuedraggable,\r\n uploadPictures,\r\n linkaddress,\r\n },\r\n data() {\r\n return {\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 lastObj: {\r\n name: '',\r\n pic: '',\r\n url: '',\r\n },\r\n };\r\n },\r\n mounted() {},\r\n watch: {\r\n configObj: {\r\n handler(nVal, oVal) {},\r\n deep: true,\r\n },\r\n },\r\n methods: {\r\n linkUrl(e) {\r\n this.listData[this.activeIndex].url = e;\r\n },\r\n getLink(index) {\r\n this.activeIndex = index;\r\n this.$refs.linkaddres.modals = true;\r\n },\r\n addBox() {\r\n if (this.listData.length == 0) {\r\n this.listData.push(this.lastObj);\r\n } else {\r\n let obj = JSON.parse(JSON.stringify(this.listData[this.listData.length - 1]));\r\n obj.name = '';\r\n obj.pic = '';\r\n obj.url = '';\r\n this.listData.push(obj);\r\n }\r\n // this.$emit('parentFun',this.listData)\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.listData[this.activeIndex].pic = pc.att_dir;\r\n this.modalPic = false;\r\n });\r\n },\r\n // 删除\r\n bindDelete(item, index) {\r\n if (this.listData.length == 1) {\r\n this.lastObj = this.listData[0];\r\n }\r\n this.listData.splice(index, 1);\r\n // this.$emit('parentFun',this.listData)\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"stylus\">\r\n.hot_imgs {\r\n margin-bottom: 20px;\r\n\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 }\r\n\r\n .list-box {\r\n .item {\r\n position: relative;\r\n display: flex;\r\n margin-top: 20px;\r\n border: 1px dashed rgba(0, 0, 0, 0.15);\r\n padding: 18px 10px 18px 0;\r\n border-radius: 6px;\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 cursor: move;\r\n }\r\n\r\n .img-box {\r\n position: relative;\r\n width: 70px;\r\n height: 70px;\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: 16px;\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: 70px;\r\n font-size: 13px;\r\n }\r\n\r\n .input-box {\r\n flex: 1;\r\n\r\n /deep/input {\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n /deep/ .ivu-input {\r\n font-size: 13px !important;\r\n }\r\n }\r\n }\r\n\r\n .delect-btn {\r\n position: absolute;\r\n right: -11px;\r\n top: -15px;\r\n\r\n .iconfont-diy {\r\n font-size: 25px;\r\n color: #FF1818;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .add-btn {\r\n margin-top: 24px;\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-diy {\r\n color: #DDDDDD;\r\n font-size: 28px;\r\n}\r\n</style>\r\n"]}]}
|
