{"version":3,"sources":["webpack:///./src/components/vue-popper/VuePopper.vue?26e6","webpack:///./src/components/vue-popper/VuePopper.vue?3acd","webpack:///src/components/vue-popper/VuePopper.vue","webpack:///./src/components/vue-popper/VuePopper.vue?2f5c","webpack:///./src/components/vue-popper/VuePopper.vue","webpack:///./src/views/pages/host/host-common/subpages/host-common-posterEdit.vue?753b","webpack:///./src/assets/img/qrCode.png","webpack:///./src/assets/img/empty.png","webpack:///./src/views/pages/host/host-common/subpages/host-common-posterEdit.vue?79a7","webpack:///src/views/pages/host/host-common/subpages/host-common-posterEdit.vue","webpack:///./src/views/pages/host/host-common/subpages/host-common-posterEdit.vue?e817","webpack:///./src/views/pages/host/host-common/subpages/host-common-posterEdit.vue"],"names":["_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_VuePopper_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_VuePopper_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0___default","n","render","_vm","this","_h","$createElement","_c","_self","_t","staticClass","attrs","id","popperId","type","on","click","$event","$emit","_v","_s","closeButton","_e","content","x-arrow","staticRenderFns","VuePoppervue_type_script_lang_js_","props","showPopper","Boolean","required","default","placement","String","index","Number","data","popper","show","ready","_this","$nextTick","initPopper","computed","Object","objectSpread","vuex_esm","destroy","activeIndex","mounted","_this2","watch","val","oldVal","_this3","console","log","destroyed","destroyPopper","methods","setDestroy","uuid4","$el","querySelector","removeOnDestroy","replace","c","r","Math","random","v","toString","vue_popper_VuePoppervue_type_script_lang_js_","component","componentNormalizer","__webpack_exports__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_host_common_posterEdit_vue_vue_type_style_index_0_id_7e0f2d93_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_host_common_posterEdit_vue_vue_type_style_index_0_id_7e0f2d93_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","module","exports","p","staticStyle","margin-right","save","exit","_m","show-popper","visible","close","slot","ref","label-width","label","_l","item","key","status","width","height","src","url","nativeOn","handleView","stopPropagation","preventDefault","handleRemove","size","directives","name","rawName","value","uploadList","length","expression","display","show-upload-list","default-file-list","defaultList","on-success","handleSuccess","format","max-size","headers","formHeaders","on-format-error","handleFormatError","on-exceeded-size","handleMaxSize","before-upload","handleBeforeUpload","multiple","action","uploadUrl","padding-top","color","font-size","title","cancel-text","model","callback","$$v","visibleImg","text-align","max-width","imgName","host_common_posterEditvue_type_script_lang_js_","editId","posterInfo","CompanyName","Logo","BoothCode","SunCode","getSharePosterDetail","editSharePoster","init","_init","asyncToGenerator","regeneratorRuntime","mark","_callee","query","wrap","_context","prev","next","$route","sent","JSON","parse","backgroundImage","initCanvas","showProgress","stop","apply","arguments","Content","map","Key","canvas","document","getElementById","Width","Height","ctx","getContext","img","Image","that","onload","drawImage","font","FontStyle","FontWeight","FontSize","FontFamily","fillStyle","Color","textAlign","TextAlign","fillText","Y","X","bgImg","beginPath","arc","PI","clip","bgImg2","file","fileList","splice","indexOf","res","list","$refs","upload","$Message","warning","limitNum","check","concat","$router","go","_save","_callee2","req","bool","_context2","abrupt","Id","SetValues","BackgroundImage","successed","success","push","error","created","components","VuePopper","subpages_host_common_posterEditvue_type_script_lang_js_"],"mappings":"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","file":"static/js/chunk-c0de358a.6fe1a083.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VuePopper.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VuePopper.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._t(\"default\"),(_vm.show)?_c('div',{staticClass:\"vue-popper-component\",attrs:{\"id\":'vue-popper-'+_vm.popperId}},[(_vm.closeButton)?_c('button',{staticClass:\"js-popper-close popper-close\",attrs:{\"id\":'vue-popper-'+_vm.popperId+'-close',\"type\":\"button\"},on:{\"click\":function($event){return _vm.$emit('close')}}},[_vm._t(\"close-button\",[_vm._v(_vm._s(_vm.closeButton))])],2):_vm._e(),_vm._t(\"content\",[_vm._v(_vm._s(_vm.content))]),_c('div',{staticClass:\"popper__arrow\",attrs:{\"x-arrow\":\"\"}})],2):_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n<template>\r\n  <div>  \r\n    <slot></slot>\r\n    <div v-if=\"show\" :id=\"'vue-popper-'+popperId\" class=\"vue-popper-component\">\r\n      <button\r\n        v-if=\"closeButton\"\r\n        @click=\"$emit('close')\"\r\n        :id=\"'vue-popper-'+popperId+'-close'\"\r\n        type=\"button\"\r\n        class=\"js-popper-close popper-close\"\r\n      >\r\n        <slot name=\"close-button\">{{ closeButton }}</slot>\r\n      </button>\r\n\r\n      <slot name=\"content\">{{ content }}</slot>\r\n\r\n      <div class=\"popper__arrow\" x-arrow></div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script> \r\nimport { mapGetters, mapMutations } from \"vuex\";\r\nimport Popper from 'popper.js';\r\n\r\nexport default {\r\n  props: {\r\n    showPopper: {\r\n      type: Boolean,\r\n      required: false,\r\n      default: false\r\n    },\r\n    placement: {\r\n      type: String,\r\n      required: false,\r\n      default: \"top\"\r\n    },\r\n    content: {\r\n      type: String,\r\n      required: false,\r\n      default: \"\"\r\n    },\r\n    closeButton: {\r\n      type: String,\r\n      required: false,\r\n      default: null\r\n    },\r\n    index: {\r\n      type: Number,\r\n      required: false,\r\n      default: 0\r\n    }\r\n  },\r\n\r\n  data() {\r\n    return {\r\n      popperId: null,\r\n      popper: null,\r\n      show: false,\r\n    };\r\n  },\r\n\r\n  ready() {\r\n    this.$nextTick(() => { \r\n      if (this.showPopper) {\r\n        this.initPopper();\r\n      }\r\n    });\r\n  },  \r\n  computed: {\r\n    ...mapGetters({\r\n      destroy: \"customComponentModule/getDestroy\",\r\n      activeIndex: \"customComponentModule/getActiveIndex\"\r\n    }), \r\n  },\r\n  mounted () { \r\n    if (this.index === 0) { \r\n      this.show = this.showPopper; \r\n      if (!!this.showPopper) {\r\n        this.$nextTick(() => {\r\n          this.initPopper();\r\n        });\r\n      }\r\n    }\r\n    if (this.index === this.activeIndex) {\r\n      this.show = true;  \r\n        this.$nextTick(() => {\r\n          this.initPopper();\r\n        });\r\n    } \r\n  },\r\n\r\n  watch: {\r\n    showPopper(val, oldVal) {\r\n      this.show = this.showPopper; \r\n      if (!!this.showPopper) {\r\n        this.$nextTick(() => {\r\n          this.initPopper();\r\n        });\r\n      }\r\n    }, \r\n    index(val, oldVal) {\r\n      console.log(val, oldVal); \r\n    }\r\n  },\r\n\r\n  destroyed() { \r\n    this.destroyPopper();\r\n  },\r\n\r\n  methods: {\r\n    ...mapMutations({\r\n      setDestroy: \"customComponentModule/setDestroy\",\r\n    }),\r\n    initPopper() {\r\n      this.setDestroy(false);\r\n      this.popperId = this.uuid4();\r\n      this.popper = new Popper(\r\n        this.$el,\r\n        this.$el.querySelector(\".vue-popper-component\"),\r\n        {\r\n          placement: this.placement || \"bottom\",\r\n          removeOnDestroy: true\r\n        }\r\n      );\r\n    },\r\n\r\n    destroyPopper() {\r\n        this.popper = null;  \r\n    },\r\n\r\n    uuid4() {\r\n      return \"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx\".replace(/[xy]/g, c => {\r\n        let r = (Math.random() * 16) | 0,\r\n          v = c === \"x\" ? r : (r & 0x3) | 0x8;\r\n        return v.toString(16);\r\n      });\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n\r\n<style lang=\"scss\">\r\n$popper-background-color: #fff !default;\r\n\r\n.vue-popper-component {\r\n  background: #fff;\r\n  color: black;\r\n  width: 547px;  \r\n  border-radius: 3px;\r\n  z-index: 1000; \r\n\tbox-shadow: 0px 0px 10px 0px \r\n\t\trgba(0, 0, 0, 0.2);\r\n\r\n  .popper-close {\r\n    position: absolute;\r\n    top: 2px;\r\n    right: 4px;\r\n    color: black;\r\n    background: transparent;\r\n    border: none;\r\n\r\n    &:active,\r\n    &:focus {\r\n      outline: none;\r\n    }\r\n  }\r\n\r\n  .popper__arrow {\r\n    width: 0;\r\n    height: 0;\r\n    border-style: solid;\r\n    position: absolute;\r\n    margin: 5px;\r\n  }\r\n\r\n  &[x-placement^=\"top\"] {\r\n    margin-bottom: 5px;\r\n\r\n    .popper__arrow {\r\n      border-width: 5px 5px 0 5px;\r\n      border-color: $popper-background-color transparent transparent transparent;\r\n      bottom: -5px;\r\n      left: calc(50% - 5px);\r\n      margin-top: 0;\r\n      margin-bottom: 0;\r\n    }\r\n  }\r\n\r\n  &[x-placement^=\"bottom\"] {\r\n    margin-top: 5px;\r\n\r\n    .popper__arrow {\r\n      border-width: 0 5px 5px 5px;\r\n      border-color: transparent transparent $popper-background-color transparent;\r\n      top: -5px;\r\n      left: calc(50% - 5px);\r\n      margin-top: 0;\r\n      margin-bottom: 0;\r\n    }\r\n  }\r\n\r\n  &[x-placement^=\"right\"] {\r\n    margin-left: 55px;\r\n\r\n    .popper__arrow {\r\n      border-width: 5px 5px 5px 0;\r\n      border-color: transparent $popper-background-color transparent transparent;\r\n      left: -5px;\r\n      top: calc(50% - 5px);\r\n      margin-left: 0;\r\n      margin-right: 0;\r\n    }\r\n  }\r\n\r\n  &[x-placement^=\"left\"] {\r\n    margin-right: 5px;\r\n\r\n    .popper__arrow {\r\n      border-width: 5px 0 5px 5px;\r\n      border-color: transparent transparent transparent $popper-background-color;\r\n      right: -5px;\r\n      top: calc(50% - 5px);\r\n      margin-left: 0;\r\n      margin-right: 0;\r\n    }\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VuePopper.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VuePopper.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VuePopper.vue?vue&type=template&id=a6a85b48&\"\nimport script from \"./VuePopper.vue?vue&type=script&lang=js&\"\nexport * from \"./VuePopper.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VuePopper.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./host-common-posterEdit.vue?vue&type=style&index=0&id=7e0f2d93&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./host-common-posterEdit.vue?vue&type=style&index=0&id=7e0f2d93&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"static/img/qrCode.b277749e.png\";","module.exports = __webpack_public_path__ + \"static/img/empty.94985536.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"common-poster-edit\"},[_c('div',{staticClass:\"header-tool\"},[_c('div',{staticClass:\"header-tool-info\"},[_c('Breadcrumb',[_c('BreadcrumbItem',[_vm._v(\"首页\")]),_c('BreadcrumbItem',[_vm._v(\"通用设置\")]),_c('BreadcrumbItem',[_vm._v(\"海报分享模板\")]),_c('BreadcrumbItem',[_vm._v(\"编辑\")])],1),_c('div',{staticClass:\"header-tool-title\"},[_vm._v(\"编辑\")])],1)]),_c('div',{staticClass:\"header-switch\"},[_c('Button',{staticStyle:{\"margin-right\":\"20px\"},attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.save()}}},[_vm._v(\"保存\")]),_c('Button',{on:{\"click\":function($event){return _vm.exit()}}},[_vm._v(\"退出\")])],1),_c('div',{staticClass:\"poster-edit-content\"},[_vm._m(0),_c('div',{staticClass:\"popperBox\"},[_c('popper',{attrs:{\"show-popper\":_vm.visible,\"placement\":\"right\"},on:{\"close\":function($event){_vm.visible=false}}},[_c('div',{staticClass:\"ctt1-poptip\",attrs:{\"slot\":\"content\"},slot:\"content\"},[_c('Form',{ref:\"formValidate\",attrs:{\"label-width\":100}},[_c('FormItem',{attrs:{\"label\":\"更换背景图：\"}},[_c('div',{staticClass:\"my-upload\"},[_vm._l((_vm.uploadList),function(item,index){return _c('div',{key:'upload' + index,staticClass:\"my-upload-list\"},[(item.status === 'finished')?[_c('img',{staticStyle:{\"width\":\"100px\",\"height\":\"100px\"},attrs:{\"src\":item.url}}),_c('div',{staticClass:\"my-upload-list-cover\"},[_c('Icon',{attrs:{\"type\":\"ios-eye-outline\"},nativeOn:{\"click\":function($event){return _vm.handleView(item.url)}}}),_c('Icon',{attrs:{\"type\":\"ios-trash-outline\"},nativeOn:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.handleRemove(item)}}})],1)]:[(item.showProgress)?_c('Spin',{staticStyle:{\"width\":\"100px\",\"height\":\"100px\"}},[_c('Icon',{staticClass:\"demo-spin-icon-load\",attrs:{\"type\":\"ios-loading\",\"size\":\"20\"}})],1):_vm._e()]],2)}),_c('Upload',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.uploadList && _vm.uploadList.length < 1),expression:\"uploadList && uploadList.length < 1\"}],ref:\"upload\",staticStyle:{\"display\":\"inline-block\"},attrs:{\"show-upload-list\":false,\"default-file-list\":_vm.defaultList,\"on-success\":_vm.handleSuccess,\"format\":['jpg','jpeg','png'],\"max-size\":2048,\"headers\":_vm.formHeaders,\"on-format-error\":_vm.handleFormatError,\"on-exceeded-size\":_vm.handleMaxSize,\"before-upload\":_vm.handleBeforeUpload,\"multiple\":\"\",\"type\":\"drag\",\"action\":_vm.uploadUrl}},[_c('div',{staticStyle:{\"width\":\"100px\",\"height\":\"100px\",\"padding-top\":\"18px\",\"color\":\"rgb(133, 133, 133)\"}},[_c('div',{staticStyle:{\"font-size\":\"25px\"}},[_vm._v(\"\\n                      +\\n                      \"),_c('p',{staticStyle:{\"font-size\":\"14px\"}},[_vm._v(\"上传图片\")])])])]),_c('iModal',{attrs:{\"title\":\"图片查看\",\"cancel-text\":\"\"},model:{value:(_vm.visibleImg),callback:function ($$v) {_vm.visibleImg=$$v},expression:\"visibleImg\"}},[_c('div',{staticStyle:{\"text-align\":\"center\"}},[(_vm.visibleImg)?_c('img',{staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":_vm.imgName}}):_vm._e()])])],2),_c('p',{staticClass:\"upload-p\",staticStyle:{\"display\":\"block\",\"font-size\":\"12px\"}},[_vm._v(\"（图片要求：2M以下的jpg或png格式，尺寸：750×1100px）\")])])],1)],1)])],1)]),_c('img',{staticStyle:{\"display\":\"none\"},attrs:{\"id\":\"bgImg\",\"src\":require(\"@/assets/img/empty.png\")}}),_c('img',{staticStyle:{\"display\":\"none\"},attrs:{\"id\":\"bgImg2\",\"src\":require(\"@/assets/img/qrCode.png\")}})])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"imgBox\"},[_c('canvas',{staticClass:\"canvas\",attrs:{\"id\":\"sharePoster\"}})])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"common-poster-edit\">\r\n    <div class=\"header-tool\">\r\n      <div class=\"header-tool-info\">\r\n        <Breadcrumb>\r\n          <BreadcrumbItem>首页</BreadcrumbItem>\r\n          <BreadcrumbItem>通用设置</BreadcrumbItem>\r\n          <BreadcrumbItem>海报分享模板</BreadcrumbItem>\r\n          <BreadcrumbItem>编辑</BreadcrumbItem>\r\n        </Breadcrumb>\r\n        <div class=\"header-tool-title\">编辑</div>\r\n      </div>\r\n    </div>\r\n    <div class=\"header-switch\">\r\n      <Button type=\"primary\" style=\"margin-right:20px;\" @click=\"save()\">保存</Button>\r\n      <Button @click=\"exit()\">退出</Button>\r\n    </div>\r\n\r\n    <div class=\"poster-edit-content\">\r\n      <div class=\"imgBox\">\r\n        <!-- <img :src=\"url\"> -->\r\n        <canvas id=\"sharePoster\" class=\"canvas\"></canvas>\r\n      </div>\r\n      <div class=\"popperBox\">\r\n        <popper :show-popper=\"visible\" @close=\"visible=false\" placement=\"right\">\r\n          <div slot=\"content\" class=\"ctt1-poptip\">\r\n            <Form ref=\"formValidate\" :label-width=\"100\">\r\n              <FormItem label=\"更换背景图：\">\r\n                <div class=\"my-upload\">\r\n                  <div\r\n                    class=\"my-upload-list\"\r\n                    v-for=\"(item, index) in uploadList\"\r\n                    :key=\"'upload' + index\"\r\n                  >\r\n                    <template v-if=\"item.status === 'finished'\">\r\n                      <img :src=\"item.url\" style=\"width: 100px;height: 100px;\" />\r\n                      <div class=\"my-upload-list-cover\">\r\n                        <Icon type=\"ios-eye-outline\" @click.native=\"handleView(item.url)\"></Icon>\r\n                        <Icon type=\"ios-trash-outline\" @click.native.stop.prevent=\"handleRemove(item)\"></Icon>\r\n                      </div>\r\n                    </template>\r\n                    <template v-else>\r\n                      <Spin v-if=\"item.showProgress\" style=\"width: 100px;height: 100px;\">\r\n                        <Icon type=\"ios-loading\" size=20 class=\"demo-spin-icon-load\"></Icon>\r\n                      </Spin>\r\n                    </template>\r\n                  </div>\r\n                  <Upload\r\n                    ref=\"upload\"\r\n                    :show-upload-list=\"false\"\r\n                    :default-file-list=\"defaultList\"\r\n                    :on-success=\"handleSuccess\"\r\n                    :format=\"['jpg','jpeg','png']\"\r\n                    :max-size=\"2048\"\r\n                    :headers=\"formHeaders\"\r\n                    :on-format-error=\"handleFormatError\"\r\n                    :on-exceeded-size=\"handleMaxSize\"\r\n                    :before-upload=\"handleBeforeUpload\"\r\n                    multiple\r\n                    type=\"drag\"\r\n                    :action=\"uploadUrl\"\r\n                    style=\"display: inline-block;\"\r\n                    v-show=\"uploadList && uploadList.length < 1\"\r\n                  >\r\n                    <div style=\"width:100px;height:100px;padding-top: 18px;color:rgb(133, 133, 133)\">\r\n                      <div style=\"font-size:25px\">\r\n                        +\r\n                        <p style=\"font-size:14px\">上传图片</p>\r\n                      </div>\r\n                    </div>\r\n                  </Upload>\r\n                  <iModal title=\"图片查看\" cancel-text v-model=\"visibleImg\">\r\n                    <div style=\"text-align: center;\">\r\n                      <img :src=\"imgName\" v-if=\"visibleImg\" style=\"max-width: 100%\" />\r\n                    </div>\r\n                  </iModal>\r\n                </div>\r\n                <p class=\"upload-p\" style=\"display:block;font-size:12px;\">（图片要求：2M以下的jpg或png格式，尺寸：750×1100px）</p>\r\n              </FormItem>\r\n            </Form>\r\n          </div>\r\n        </popper>\r\n      </div>\r\n    </div>\r\n    <img id=\"bgImg\" style=\"display:none;\" src=\"@/assets/img/empty.png\" />\r\n    <img id=\"bgImg2\" style=\"display:none;\" src=\"@/assets/img/qrCode.png\" />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters, mapActions } from \"vuex\";\r\nimport popper from \"@components/vue-popper/VuePopper.vue\";\r\n\r\nexport default {\r\n  name: \"host-common-posterEdit\",\r\n  data() {\r\n    return {\r\n      visible: true,\r\n      url: \"\",\r\n      uploadList: [],\r\n      defaultList: [],\r\n      imgName: \"\",\r\n      visibleImg: false,\r\n      editId: \"\",\r\n      posterInfo: {},\r\n      CompanyName: {},\r\n      Logo: {},\r\n      BoothCode: {},\r\n      SunCode: {}\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      formHeaders: \"getFormHeaders\",\r\n      uploadUrl: \"getUploadUrl\",\r\n    }),\r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n      getSharePosterDetail: \"hostCommonModule/getSharePosterDetail\",\r\n      editSharePoster: \"hostCommonModule/editSharePoster\",\r\n    }),\r\n    async init() {\r\n      let query = this.$route.query;\r\n      this.editId = query.id;\r\n      let data = await this.getSharePosterDetail(this.editId);\r\n      if (data && data.posterInfo) {\r\n        data.posterInfo = JSON.parse(data.posterInfo);\r\n      }\r\n      this.posterInfo = data;\r\n      if (this.posterInfo.backgroundImage) {\r\n        this.url = this.posterInfo.backgroundImage;\r\n        this.initCanvas();\r\n        this.uploadList = [{\r\n          status: \"finished\",\r\n          showProgress: false,\r\n          url: this.posterInfo.backgroundImage\r\n        }]\r\n      }\r\n      console.log(\"详情：\",this.posterInfo);\r\n    },\r\n    initCanvas() {\r\n      this.posterInfo.posterInfo.Content.map(c => {\r\n        // if (c.Key === \"CompanyName\") {\r\n        //   this.CompanyName = c;\r\n        // }\r\n        // if (c.Key === \"Logo\") {\r\n        //   this.Logo = c;\r\n        // }\r\n        if (c.Key == \"BoothCode\") {\r\n          this.BoothCode = c;\r\n        }\r\n        if (c.Key == \"SunCode\") {\r\n          this.SunCode = c;\r\n        }\r\n      })\r\n      let canvas = document.getElementById('sharePoster');\r\n      // 画板宽、高\r\n      canvas.width = this.posterInfo.posterInfo.Width;\r\n      canvas.height = this.posterInfo.posterInfo.Height;\r\n      let ctx = canvas.getContext('2d');\r\n      // 背景图\r\n      let img = new Image();\r\n      img.src = this.url;\r\n      // img加载完后绘制背景图，否则会出现刷新后可能不显示的bug\r\n      const that = this;\r\n      img.onload = function() {\r\n        ctx.drawImage(img,0,0,that.posterInfo.posterInfo.Width,that.posterInfo.posterInfo.Height);\r\n        that.posterInfo.posterInfo.Content.map(c => {\r\n          if (c.Key === \"CompanyName\") {\r\n            ctx.font=c.FontStyle + \" \" + c.FontWeight + \" \"  + c.FontSize + 'px ' + c.FontFamily;\r\n            ctx.fillStyle = c.Color;\r\n            ctx.textAlign = c.TextAlign;\r\n            if (c.TextAlign === \"center\") {\r\n              ctx.fillText(\"公司名称\",that.posterInfo.posterInfo.Width/2,c.Y + c.FontSize);\r\n            } else {\r\n              ctx.fillText(\"公司名称\",c.X,c.Y + c.FontSize);\r\n            }\r\n          }\r\n          if (c.Key === \"Logo\") {\r\n            let bgImg = document.getElementById('bgImg');\r\n            ctx.beginPath();\r\n            ctx.arc(c.X+c.Width/2, c.Y+c.Height/2, c.Width/2, 0, 2*Math.PI);\r\n            ctx.clip()\r\n            ctx.drawImage(bgImg,c.X,c.Y,c.Width,c.Height);\r\n          }\r\n          // 展位号\r\n          ctx.font=that.BoothCode.FontStyle + \" \" + that.BoothCode.FontWeight + \" \"  + that.BoothCode.FontSize + 'px ' + that.BoothCode.FontFamily;\r\n          ctx.textAlign = that.BoothCode.TextAlign;\r\n          if (that.BoothCode.TextAlign === \"center\") {\r\n            ctx.fillText(\"展位号\",that.posterInfo.posterInfo.Width/2,that.BoothCode.Y + that.BoothCode.FontSize);\r\n          } else {\r\n            ctx.fillText(\"展位号\",that.BoothCode.X,that.BoothCode.Y + that.BoothCode.FontSize);\r\n          }\r\n          // 二维码\r\n          ctx.save();\r\n          let bgImg2 = document.getElementById('bgImg2');\r\n          // ctx.beginPath();\r\n          // ctx.arc(that.SunCode.X+that.SunCode.Width/2, that.SunCode.Y+that.SunCode.Height/2, that.SunCode.Width/2, 0, 2*Math.PI);\r\n          // ctx.clip();\r\n          ctx.drawImage(bgImg2,that.SunCode.X,that.SunCode.Y,that.SunCode.Width,that.SunCode.Height);\r\n        })\r\n      }\r\n      \r\n      \r\n    },\r\n    // 查看上传图片\r\n    handleView(name) {\r\n      this.imgName = name;\r\n      this.visibleImg = true;\r\n    },\r\n    // 移除上传图片\r\n    handleRemove(file) {\r\n      const fileList = this.uploadList;\r\n      this.uploadList.splice(fileList.indexOf(file), 1);\r\n    },\r\n    handleSuccess(res, file) {\r\n      if (res && res.list.length) {\r\n        file.url = res.list[0];\r\n        this.uploadList = this.$refs.upload.fileList;\r\n        this.url = file.url;\r\n        this.initCanvas();\r\n      }\r\n    },\r\n    handleFormatError(file) {\r\n      this.$Message.warning(`文件格式是不正确的, 请上传jpg或者png格式的图片`);\r\n    },\r\n    handleMaxSize(file) {\r\n      this.$Message.warning(`文件大小超过限制, 请上传小于2M的图片`);\r\n    },\r\n    handleBeforeUpload() {\r\n      const limitNum = 1;\r\n      const check = this.uploadList.length < limitNum;\r\n      if (!check) {\r\n        this.$Message.warning(`最多上传${limitNum}张图片`);\r\n      }\r\n      return check;\r\n    },\r\n    exit() {\r\n      this.$router.go(-1);\r\n    },\r\n    async save() {\r\n      if (this.uploadList.length < 1) {\r\n        this.$Message.warning(`请上传背景图`);\r\n        return;\r\n      }\r\n      let url = this.uploadList[0].url;\r\n      let req = {\r\n        Id: this.editId,\r\n        SetValues: {\r\n          BackgroundImage: url\r\n        }\r\n      }\r\n      let bool = await this.editSharePoster(req);\r\n      if (bool && bool.successed) {\r\n        this.$Message.success(`保存成功`);\r\n        this.$router.push(`/host/index/common/common-poster`);\r\n      } else {\r\n        this.$Message.error(`保存失败，请重试`);\r\n      }\r\n    }\r\n  },\r\n  created() {\r\n    this.init();\r\n  }, \r\n  components: {\r\n    popper\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.common-poster-edit {\r\n  .header-switch {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-end;\r\n    padding: 0 35px 18px 35px;\r\n    background: #fff;\r\n    &-text {\r\n      flex: 1;\r\n      font-size: 14px;\r\n      color: #808080;\r\n    }\r\n    &-box {\r\n      flex: 1;\r\n      text-align: right;\r\n    }\r\n  }\r\n  .poster-edit-content {\r\n    width: 800px;\r\n    margin: 50px auto;\r\n    display: flex;\r\n    .imgBox {\r\n      width: 377px;\r\n      height: 626px;\r\n      img {\r\n        width: 100%;\r\n        height: 100%;\r\n      }\r\n    }\r\n    .popperBox {\r\n      margin: 145px 40px 0 0;\r\n      .ctt1-poptip {\r\n        width: 540px;\r\n        height: 288px;\r\n        padding: 60px;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./host-common-posterEdit.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./host-common-posterEdit.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./host-common-posterEdit.vue?vue&type=template&id=7e0f2d93&scoped=true&\"\nimport script from \"./host-common-posterEdit.vue?vue&type=script&lang=js&\"\nexport * from \"./host-common-posterEdit.vue?vue&type=script&lang=js&\"\nimport style0 from \"./host-common-posterEdit.vue?vue&type=style&index=0&id=7e0f2d93&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7e0f2d93\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}