{"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_img.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\newItem\\admin\\src\\components\\diyComponents\\c_upload_img.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:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMubnVtYmVyLmNvbnN0cnVjdG9yLmpzIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuZnVuY3Rpb24ubmFtZS5qcyI7Ci8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCmltcG9ydCB7IG1hcFN0YXRlIH0gZnJvbSAndnVleCc7CmltcG9ydCB1cGxvYWRQaWN0dXJlcyBmcm9tICdAL2NvbXBvbmVudHMvdXBsb2FkUGljdHVyZXMnOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogJ2NfdXBsb2FkX2ltZycsCiAgY29tcG9uZW50czogewogICAgdXBsb2FkUGljdHVyZXM6IHVwbG9hZFBpY3R1cmVzCiAgfSwKICBjb21wdXRlZDoge30sCiAgcHJvcHM6IHsKICAgIG5hbWU6IHsKICAgICAgdHlwZTogU3RyaW5nCiAgICB9LAogICAgY29uZmlnRGF0YTogewogICAgICB0eXBlOiBudWxsCiAgICB9LAogICAgY29uZmlnTnVtOiB7CiAgICAgIHR5cGU6IE51bWJlciB8IFN0cmluZywKICAgICAgZGVmYXVsdDogJ2RlZmF1bHQnCiAgICB9CiAgfSwKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgZGVmYXVsdExpc3Q6IFt7CiAgICAgICAgbmFtZTogJ2E0MmJkY2MxMTc4ZTYyYjQ2OTRjODMwZjAyOGRiNWMwJywKICAgICAgICB1cmw6ICdodHRwczovL281d3drOGJhdy5xbnNzbC5jb20vYTQyYmRjYzExNzhlNjJiNDY5NGM4MzBmMDI4ZGI1YzAvYXZhdGFyJwogICAgICB9LCB7CiAgICAgICAgbmFtZTogJ2JjNzUyMWUwMzNhYmRkMWU5MjIyMmQ3MzM1OTBmMTA0JywKICAgICAgICB1cmw6ICdodHRwczovL281d3drOGJhdy5xbnNzbC5jb20vYmM3NTIxZTAzM2FiZGQxZTkyMjIyZDczMzU5MGYxMDQvYXZhdGFyJwogICAgICB9XSwKICAgICAgZGVmYXVsdHM6IHt9LAogICAgICBtb2RhbFBpYzogZmFsc2UsCiAgICAgIGlzQ2hvaWNlOiAn5Y2V6YCJJywKICAgICAgZ3JpZEJ0bjogewogICAgICAgIHhsOiA0LAogICAgICAgIGxnOiA4LAogICAgICAgIG1kOiA4LAogICAgICAgIHNtOiA4LAogICAgICAgIHhzOiA4CiAgICAgIH0sCiAgICAgIGdyaWRQaWM6IHsKICAgICAgICB4bDogNiwKICAgICAgICBsZzogOCwKICAgICAgICBtZDogMTIsCiAgICAgICAgc206IDEyLAogICAgICAgIHhzOiAxMgogICAgICB9LAogICAgICBhY3RpdmVJbmRleDogMCwKICAgICAgZGF0YXM6IHRoaXMuY29uZmlnRGF0YVt0aGlzLmNvbmZpZ051bV0KICAgIH07CiAgfSwKICB3YXRjaDogewogICAgY29uZmlnRGF0YTogewogICAgICBoYW5kbGVyOiBmdW5jdGlvbiBoYW5kbGVyKG5WYWwsIG9WYWwpIHsKICAgICAgICB0aGlzLmRhdGFzID0gblZhbFt0aGlzLmNvbmZpZ051bV07CiAgICAgIH0sCiAgICAgIGRlZXA6IHRydWUKICAgIH0KICB9LAogIG1vdW50ZWQ6IGZ1bmN0aW9uIG1vdW50ZWQoKSB7fSwKICBtZXRob2RzOiB7CiAgICAvLyDngrnlh7vlm77mloflsIHpnaIKICAgIG1vZGFsUGljVGFwOiBmdW5jdGlvbiBtb2RhbFBpY1RhcCh0aXRsZSkgewogICAgICB0aGlzLm1vZGFsUGljID0gdHJ1ZTsKICAgIH0sCiAgICAvLyDmt7vliqDoh6rlrprkuYnlvLnnqpcKICAgIGFkZEN1c3RvbURpYWxvZzogZnVuY3Rpb24gYWRkQ3VzdG9tRGlhbG9nKGVkaXRvcklkKSB7CiAgICAgIHdpbmRvdy5VRS5yZWdpc3RlclVJKCd0ZXN0LWRpYWxvZycsIGZ1bmN0aW9uIChlZGl0b3IsIHVpTmFtZSkgewogICAgICAgIHZhciBkaWFsb2cgPSBuZXcgd2luZG93LlVFLnVpLkRpYWxvZyh7CiAgICAgICAgICBpZnJhbWVVcmw6ICcvYWRtaW4vd2lkZ2V0LmltYWdlcy9pbmRleC5odG1sP2ZvZGRlcj1kaWFsb2cnLAogICAgICAgICAgZWRpdG9yOiBlZGl0b3IsCiAgICAgICAgICBuYW1lOiB1aU5hbWUsCiAgICAgICAgICB0aXRsZTogJ+S4iuS8oOWbvueJhycsCiAgICAgICAgICBjc3NSdWxlczogJ3dpZHRoOjk2MHB4O2hlaWdodDo1NTBweDtwYWRkaW5nOjIwcHg7JwogICAgICAgIH0pOwogICAgICAgIHRoaXMuZGlhbG9nID0gZGlhbG9nOyAvLyDlj4LogIPkuIrpnaLnmoToh6rlrprkuYnmjInpkq4KCiAgICAgICAgdmFyIGJ0biA9IG5ldyB3aW5kb3cuVUUudWkuQnV0dG9uKHsKICAgICAgICAgIG5hbWU6ICdkaWFsb2ctYnV0dG9uJywKICAgICAgICAgIHRpdGxlOiAn5LiK5Lyg5Zu+54mHJywKICAgICAgICAgIGNzc1J1bGVzOiAiYmFja2dyb3VuZC1pbWFnZTogdXJsKC4uLy4uLy4uL2Fzc2V0cy9pbWFnZXMvaWNvbnMucG5nKTtiYWNrZ3JvdW5kLXBvc2l0aW9uOiAtNzI2cHggLTc3cHg7IiwKICAgICAgICAgIG9uY2xpY2s6IGZ1bmN0aW9uIG9uY2xpY2soKSB7CiAgICAgICAgICAgIC8vIOa4suafk2RpYWxvZwogICAgICAgICAgICBkaWFsb2cucmVuZGVyKCk7CiAgICAgICAgICAgIGRpYWxvZy5vcGVuKCk7CiAgICAgICAgICB9CiAgICAgICAgfSk7CiAgICAgICAgcmV0dXJuIGJ0bjsKICAgICAgfSwgMzcpOwogICAgfSwKICAgIC8vIOiOt+WPluWbvueJh+S/oeaBrwogICAgZ2V0UGljOiBmdW5jdGlvbiBnZXRQaWMocGMpIHsKICAgICAgdmFyIF90aGlzID0gdGhpczsKCiAgICAgIHRoaXMuJG5leHRUaWNrKGZ1bmN0aW9uICgpIHsKICAgICAgICBfdGhpcy5jb25maWdEYXRhW190aGlzLmNvbmZpZ051bV1bX3RoaXMubmFtZV0udXJsID0gcGMuYXR0X2RpcjsKICAgICAgICBfdGhpcy5tb2RhbFBpYyA9IGZhbHNlOwogICAgICB9KTsKICAgIH0KICB9Cn07"},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA;AACA;AACA;EACAA,oBADA;EAEAC;IACAC;EADA,CAFA;EAKAC,YALA;EAMAC;IACAJ;MACAK;IADA,CADA;IAIAC;MACAD;IADA,CAJA;IAOAE;MACAF,qBADA;MAEAG;IAFA;EAPA,CANA;EAkBAC,IAlBA,kBAkBA;IACA;MACAC,cACA;QACAV,wCADA;QAEAW;MAFA,CADA,EAKA;QACAX,wCADA;QAEAW;MAFA,CALA,CADA;MAWAC,YAXA;MAYAC,eAZA;MAaAC,cAbA;MAcAC;QACAC,KADA;QAEAC,KAFA;QAGAC,KAHA;QAIAC,KAJA;QAKAC;MALA,CAdA;MAqBAC;QACAL,KADA;QAEAC,KAFA;QAGAC,MAHA;QAIAC,MAJA;QAKAC;MALA,CArBA;MA4BAE,cA5BA;MA6BAC;IA7BA;EA+BA,CAlDA;EAmDAC;IACAlB;MACAmB,OADA,mBACAC,IADA,EACAC,IADA,EACA;QACA;MACA,CAHA;MAIAC;IAJA;EADA,CAnDA;EA2DAC,OA3DA,qBA2DA,EA3DA;EA4DAC;IACA;IACAC,WAFA,uBAEAC,KAFA,EAEA;MACA;IACA,CAJA;IAKA;IACAC,eANA,2BAMAC,QANA,EAMA;MACAC,qBACA,aADA,EAEA;QACA;UACAC,0DADA;UAEAC,cAFA;UAGArC,YAHA;UAIAgC,aAJA;UAKAM;QALA;QAOA,qBARA,CASA;;QACA;UACAtC,qBADA;UAEAgC,aAFA;UAGAM,sGAHA;UAIAC;YACA;YACAC;YACAA;UACA;QARA;QAWA;MACA,CAxBA,EAyBA,EAzBA;IA2BA,CAlCA;IAmCA;IACAC,MApCA,kBAoCAC,EApCA,EAoCA;MAAA;;MACA;QACA;QACA;MACA,CAHA;IAIA;EAzCA;AA5DA","names":["name","components","uploadPictures","computed","props","type","configData","configNum","default","data","defaultList","url","defaults","modalPic","isChoice","gridBtn","xl","lg","md","sm","xs","gridPic","activeIndex","datas","watch","handler","nVal","oVal","deep","mounted","methods","modalPicTap","title","addCustomDialog","editorId","window","iframeUrl","editor","cssRules","onclick","dialog","getPic","pc"],"sourceRoot":"src/components/diyComponents","sources":["c_upload_img.vue"],"sourcesContent":["<template>\r\n  <div class=\"upload_img\">\r\n    <div class=\"title\">{{ datas[name].title }}</div>\r\n    <div class=\"box\" @click=\"modalPicTap('单选')\">\r\n      <img :src=\"datas[name].url\" alt=\"\" v-if=\"datas[name].url\" />\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>\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>\r\n\r\n<script>\r\nimport { mapState } from 'vuex';\r\nimport uploadPictures from '@/components/uploadPictures';\r\nexport default {\r\n  name: 'c_upload_img',\r\n  components: {\r\n    uploadPictures,\r\n  },\r\n  computed: {},\r\n  props: {\r\n    name: {\r\n      type: String,\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  },\r\n  data() {\r\n    return {\r\n      defaultList: [\r\n        {\r\n          name: 'a42bdcc1178e62b4694c830f028db5c0',\r\n          url: 'https://o5wwk8baw.qnssl.com/a42bdcc1178e62b4694c830f028db5c0/avatar',\r\n        },\r\n        {\r\n          name: 'bc7521e033abdd1e92222d733590f104',\r\n          url: 'https://o5wwk8baw.qnssl.com/bc7521e033abdd1e92222d733590f104/avatar',\r\n        },\r\n      ],\r\n      defaults: {},\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      datas: this.configData[this.configNum],\r\n    };\r\n  },\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  mounted() {},\r\n  methods: {\r\n    // 点击图文封面\r\n    modalPicTap(title) {\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].url = pc.att_dir;\r\n        this.modalPic = false;\r\n      });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"stylus\">\r\n.title {\r\n  margin-bottom: 10px;\r\n  padding-bottom: 10px;\r\n  border-bottom: 1px solid rgba(0, 0, 0, 0.05);\r\n  font-size: 12px;\r\n  color: #999;\r\n}\r\n\r\n.box {\r\n  width: 60px;\r\n  height: 60px;\r\n  margin-bottom: 10px;\r\n  background-color: #f2f2f2;\r\n\r\n  img {\r\n    width: 100%;\r\n    height: 100%;\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: 60px;\r\n  height: 60px;\r\n  background: #ccc;\r\n}\r\n</style>\r\n"]}]}