{"version":3,"sources":["webpack:///./src/components/vue-popper/VuePopper.vue?26e6","webpack:///./src/views/pages/host/host-common/subpages/host-common-posterAdd.vue?2b4e","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-posterAdd.vue?cb22","webpack:///src/views/pages/host/host-common/subpages/host-common-posterAdd.vue","webpack:///./src/views/pages/host/host-common/subpages/host-common-posterAdd.vue?47cd","webpack:///./src/views/pages/host/host-common/subpages/host-common-posterAdd.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","_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_posterAdd_vue_vue_type_style_index_0_id_515b5832_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_posterAdd_vue_vue_type_style_index_0_id_515b5832_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","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__","staticStyle","margin-right","save","exit","src","url","show-popper","visible","close","slot","ref","label-width","label","_l","item","key","status","width","height","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_posterAddvue_type_script_lang_js_","showTabs","exhibitionInfo","JSON","parse","localStorage","vuex","hostSetModule","hostExhibition","addSharePoster","file","fileList","splice","indexOf","res","list","$refs","upload","$Message","warning","limitNum","check","concat","$router","go","_save","asyncToGenerator","regeneratorRuntime","mark","_callee","req","bool","wrap","_context","prev","next","abrupt","ExhibitionId","BackgroundImage","sent","stop","apply","arguments","components","VuePopper","subpages_host_common_posterAddvue_type_script_lang_js_"],"mappings":"kHAAA,IAAAA,EAAAC,EAAA,QAAAC,EAAAD,EAAAE,EAAAH,GAAkiBE,EAAG,qCCAriB,IAAAE,EAAAH,EAAA,QAAAI,EAAAJ,EAAAE,EAAAC,GAAqoBC,EAAG,uCCAxoB,IAAAC,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAAJ,EAAAM,GAAA,WAAAN,EAAA,KAAAI,EAAA,OAAwDG,YAAA,uBAAAC,MAAA,CAA0CC,GAAA,cAAAT,EAAAU,WAAiC,CAAAV,EAAA,YAAAI,EAAA,UAAiCG,YAAA,+BAAAC,MAAA,CAAkDC,GAAA,cAAAT,EAAAU,SAAA,SAAAC,KAAA,UAAyDC,GAAA,CAAKC,MAAA,SAAAC,GAAyB,OAAAd,EAAAe,MAAA,YAA4B,CAAAf,EAAAM,GAAA,gBAAAN,EAAAgB,GAAAhB,EAAAiB,GAAAjB,EAAAkB,iBAAA,GAAAlB,EAAAmB,KAAAnB,EAAAM,GAAA,WAAAN,EAAAgB,GAAAhB,EAAAiB,GAAAjB,EAAAoB,YAAAhB,EAAA,OAAkIG,YAAA,gBAAAC,MAAA,CAAmCa,UAAA,OAAc,GAAArB,EAAAmB,MAAA,IACrlBG,EAAA,yECyBAC,EAAA,CACAC,MAAA,CACAC,WAAA,CACAd,KAAAe,QACAC,UAAA,EACAC,SAAA,GAEAC,UAAA,CACAlB,KAAAmB,OACAH,UAAA,EACAC,QAAA,OAEAR,QAAA,CACAT,KAAAmB,OACAH,UAAA,EACAC,QAAA,IAEAV,YAAA,CACAP,KAAAmB,OACAH,UAAA,EACAC,QAAA,MAEAG,MAAA,CACApB,KAAAqB,OACAL,UAAA,EACAC,QAAA,IAIAK,KA7BA,WA8BA,OACAvB,SAAA,KACAwB,OAAA,KACAC,MAAA,IAIAC,MArCA,WAqCA,IAAAC,EAAApC,KACAA,KAAAqC,UAAA,WACAD,EAAAZ,YACAY,EAAAE,gBAIAC,SAAAC,OAAAC,EAAA,KAAAD,CAAA,GACAA,OAAAE,EAAA,KAAAF,CAAA,CACAG,QAAA,mCACAC,YAAA,0CAGAC,QAlDA,WAkDA,IAAAC,EAAA9C,KACA,IAAAA,KAAA8B,QACA9B,KAAAkC,KAAAlC,KAAAwB,WACAxB,KAAAwB,YACAxB,KAAAqC,UAAA,WACAS,EAAAR,gBAIAtC,KAAA8B,QAAA9B,KAAA4C,cACA5C,KAAAkC,MAAA,EACAlC,KAAAqC,UAAA,WACAS,EAAAR,iBAKAS,MAAA,CACAvB,WADA,SACAwB,EAAAC,GAAA,IAAAC,EAAAlD,KACAA,KAAAkC,KAAAlC,KAAAwB,WACAxB,KAAAwB,YACAxB,KAAAqC,UAAA,WACAa,EAAAZ,gBAIAR,MATA,SASAkB,EAAAC,GACAE,QAAAC,IAAAJ,EAAAC,KAIAI,UAjFA,WAkFArD,KAAAsD,iBAGAC,QAAAf,OAAAC,EAAA,KAAAD,CAAA,GACAA,OAAAE,EAAA,KAAAF,CAAA,CACAgB,WAAA,qCAFA,CAIAlB,WAJA,WAKAtC,KAAAwD,YAAA,GACAxD,KAAAS,SAAAT,KAAAyD,QACAzD,KAAAiC,OAAA,IAAAA,EAAA,KACAjC,KAAA0D,IACA1D,KAAA0D,IAAAC,cAAA,yBACA,CACA/B,UAAA5B,KAAA4B,WAAA,SACAgC,iBAAA,KAKAN,cAjBA,WAkBAtD,KAAAiC,OAAA,MAGAwB,MArBA,WAsBA,6CAAAI,QAAA,iBAAAC,GACA,IAAAC,EAAA,GAAAC,KAAAC,SAAA,EACAC,EAAA,MAAAJ,EAAAC,EAAA,EAAAA,EAAA,EACA,OAAAG,EAAAC,SAAA,UCxIkWC,EAAA,0BCQlWC,EAAgB7B,OAAA8B,EAAA,KAAA9B,CACd4B,EACAtE,EACAuB,GACF,EACA,KACA,KACA,MAIekD,EAAA,KAAAF,oDCnBf,IAAAvE,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBG,YAAA,sBAAiC,CAAAH,EAAA,OAAYG,YAAA,eAA0B,CAAAH,EAAA,OAAYG,YAAA,oBAA+B,CAAAH,EAAA,cAAAA,EAAA,kBAAAJ,EAAAgB,GAAA,QAAAZ,EAAA,kBAAAJ,EAAAgB,GAAA,UAAAZ,EAAA,kBAAAJ,EAAAgB,GAAA,YAAAZ,EAAA,kBAAAJ,EAAAgB,GAAA,YAAAZ,EAAA,OAAuLG,YAAA,qBAAgC,CAAAP,EAAAgB,GAAA,cAAAZ,EAAA,OAAiCG,YAAA,iBAA4B,CAAAH,EAAA,UAAeqE,YAAA,CAAaC,eAAA,QAAsBlE,MAAA,CAAQG,KAAA,WAAiBC,GAAA,CAAKC,MAAA,SAAAC,GAAyB,OAAAd,EAAA2E,UAAoB,CAAA3E,EAAAgB,GAAA,QAAAZ,EAAA,UAA8BQ,GAAA,CAAIC,MAAA,SAAAC,GAAyB,OAAAd,EAAA4E,UAAoB,CAAA5E,EAAAgB,GAAA,YAAAZ,EAAA,OAA+BG,YAAA,uBAAkC,CAAAH,EAAA,OAAYG,YAAA,UAAqB,CAAAH,EAAA,OAAYI,MAAA,CAAOqE,IAAA7E,EAAA8E,SAAe1E,EAAA,OAAcG,YAAA,aAAwB,CAAAH,EAAA,UAAeI,MAAA,CAAOuE,cAAA/E,EAAAgF,QAAAnD,UAAA,SAA8CjB,GAAA,CAAKqE,MAAA,SAAAnE,GAAyBd,EAAAgF,SAAA,KAAoB,CAAA5E,EAAA,OAAYG,YAAA,cAAAC,MAAA,CAAiC0E,KAAA,WAAiBA,KAAA,WAAgB,CAAA9E,EAAA,QAAa+E,IAAA,eAAA3E,MAAA,CAA0B4E,cAAA,MAAmB,CAAAhF,EAAA,YAAiBI,MAAA,CAAO6E,MAAA,WAAkB,CAAAjF,EAAA,OAAYG,YAAA,aAAwB,CAAAP,EAAAsF,GAAAtF,EAAA,oBAAAuF,EAAAxD,GAA+C,OAAA3B,EAAA,OAAiBoF,IAAA,SAAAzD,EAAAxB,YAAA,kBAAkD,cAAAgF,EAAAE,OAAA,CAAArF,EAAA,OAA0CqE,YAAA,CAAaiB,MAAA,QAAAC,OAAA,SAAiCnF,MAAA,CAAQqE,IAAAU,EAAAT,OAAgB1E,EAAA,OAAYG,YAAA,wBAAmC,CAAAH,EAAA,QAAaI,MAAA,CAAOG,KAAA,mBAAyBiF,SAAA,CAAW/E,MAAA,SAAAC,GAAyB,OAAAd,EAAA6F,WAAAN,EAAAT,SAAkC1E,EAAA,QAAaI,MAAA,CAAOG,KAAA,qBAA2BiF,SAAA,CAAW/E,MAAA,SAAAC,GAA0E,OAAjDA,EAAAgF,kBAAyBhF,EAAAiF,iBAAwB/F,EAAAgG,aAAAT,QAAgC,KAAAA,EAAA,aAAAnF,EAAA,QAAuCqE,YAAA,CAAaiB,MAAA,QAAAC,OAAA,UAAkC,CAAAvF,EAAA,QAAaG,YAAA,sBAAAC,MAAA,CAAyCG,KAAA,cAAAsF,KAAA,SAAkC,GAAAjG,EAAAmB,OAAA,KAAoBf,EAAA,UAAe8F,WAAA,EAAaC,KAAA,OAAAC,QAAA,SAAAC,MAAArG,EAAAsG,YAAAtG,EAAAsG,WAAAC,OAAA,EAAAC,WAAA,wCAAkIrB,IAAA,SAAAV,YAAA,CAA4BgC,QAAA,gBAAyBjG,MAAA,CAAQkG,oBAAA,EAAAC,oBAAA3G,EAAA4G,YAAAC,aAAA7G,EAAA8G,cAAAC,OAAA,qBAAAC,WAAA,KAAAC,QAAAjH,EAAAkH,YAAAC,kBAAAnH,EAAAoH,kBAAAC,mBAAArH,EAAAsH,cAAAC,gBAAAvH,EAAAwH,mBAAAC,SAAA,GAAA9G,KAAA,OAAA+G,OAAA1H,EAAA2H,YAA4U,CAAAvH,EAAA,OAAYqE,YAAA,CAAaiB,MAAA,QAAAC,OAAA,QAAAiC,cAAA,OAAAC,MAAA,uBAAoF,CAAAzH,EAAA,OAAYqE,YAAA,CAAaqD,YAAA,SAAoB,CAAA9H,EAAAgB,GAAA,qDAAAZ,EAAA,KAAsEqE,YAAA,CAAaqD,YAAA,SAAoB,CAAA9H,EAAAgB,GAAA,gBAAAZ,EAAA,UAAsCI,MAAA,CAAOuH,MAAA,OAAAC,cAAA,IAAgCC,MAAA,CAAQ5B,MAAArG,EAAA,WAAAkI,SAAA,SAAAC,GAAgDnI,EAAAoI,WAAAD,GAAmB3B,WAAA,eAA0B,CAAApG,EAAA,OAAYqE,YAAA,CAAa4D,aAAA,WAAuB,CAAArI,EAAA,WAAAI,EAAA,OAA6BqE,YAAA,CAAa6D,YAAA,QAAmB9H,MAAA,CAAQqE,IAAA7E,EAAAuI,WAAmBvI,EAAAmB,UAAA,GAAAf,EAAA,KAA2BG,YAAA,WAAAkE,YAAA,CAAoCgC,QAAA,QAAAqB,YAAA,SAAsC,CAAA9H,EAAAgB,GAAA,yDACnmGM,EAAA,+DCyFAkH,EAAA,CACArC,KAAA,yBACAlE,KAFA,WAGA,OACAwG,SAAA,IACAzD,SAAA,EACAF,IAAA,mHACAwB,WAAA,GACAM,YAAA,GACA2B,QAAA,GACAH,YAAA,IAGA5F,SAAAC,OAAAC,EAAA,KAAAD,CAAA,GACAA,OAAAE,EAAA,KAAAF,CAAA,CACAyE,YAAA,iBACAS,UAAA,iBAHA,CAKAe,eALA,WAMA,GAAAC,KAAAC,MAAAC,aAAAC,MACA,OAAAH,KAAAC,MAAAC,aAAAC,MAAAC,cAAAC,kBAIAxF,QAAAf,OAAAC,EAAA,KAAAD,CAAA,GACAA,OAAAE,EAAA,KAAAF,CAAA,CACAwG,eAAA,oCAFA,CAKApD,WALA,SAKAM,GACAlG,KAAAsI,QAAApC,EACAlG,KAAAmI,YAAA,GAGApC,aAVA,SAUAkD,GACA,IAAAC,EAAAlJ,KAAAqG,WACArG,KAAAqG,WAAA8C,OAAAD,EAAAE,QAAAH,GAAA,IAEApC,cAdA,SAcAwC,EAAAJ,GACAI,KAAAC,KAAAhD,SACA2C,EAAApE,IAAAwE,EAAAC,KAAA,GACAtJ,KAAAqG,WAAArG,KAAAuJ,MAAAC,OAAAN,WAGA/B,kBApBA,SAoBA8B,GACAjJ,KAAAyJ,SAAAC,QAAA,gCAEArC,cAvBA,SAuBA4B,GACAjJ,KAAAyJ,SAAAC,QAAA,yBAEAnC,mBA1BA,WA2BA,IAAAoC,EAAA,EACAC,EAAA5J,KAAAqG,WAAAC,OAAAqD,EAIA,OAHAC,GACA5J,KAAAyJ,SAAAC,QAAA,OAAAG,OAAAF,EAAA,QAEAC,GAEAjF,KAlCA,WAmCA3E,KAAA8J,QAAAC,IAAA,IAEArF,KArCA,eAAAsF,EAAAxH,OAAAyH,EAAA,KAAAzH,CAAA0H,mBAAAC,KAAA,SAAAC,IAAA,IAAAvF,EAAAwF,EAAAC,EAAA,OAAAJ,mBAAAK,KAAA,SAAAC,GAAA,eAAAA,EAAAC,KAAAD,EAAAE,MAAA,YAsCA1K,KAAAqG,WAAAC,OAAA,GAtCA,CAAAkE,EAAAE,KAAA,eAuCA1K,KAAAyJ,SAAAC,QAAA,UAvCAc,EAAAG,OAAA,wBA0CA9F,EAAA7E,KAAAqG,WAAA,GAAAxB,IACAwF,EAAA,CACAO,aAAA5K,KAAAyI,eAAAjI,GACAqK,gBAAAhG,GA7CA2F,EAAAE,KAAA,EA+CA1K,KAAAgJ,eAAAqB,GA/CA,OA+CAC,EA/CAE,EAAAM,KAgDA3H,QAAAC,IAAAkH,GAhDA,wBAAAE,EAAAO,SAAAX,EAAApK,SAAA,SAAA0E,IAAA,OAAAsF,EAAAgB,MAAAhL,KAAAiL,WAAA,OAAAvG,EAAA,KAmDAwG,WAAA,CACAjJ,OAAAkJ,EAAA,OCtK2ZC,EAAA,0BCQ3Z/G,EAAgB7B,OAAA8B,EAAA,KAAA9B,CACd4I,EACAtL,EACAuB,GACF,EACA,KACA,WACA,MAIekD,EAAA,WAAAF","file":"static/js/chunk-f9292cf0.e039692c.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&\"","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-posterAdd.vue?vue&type=style&index=0&id=515b5832&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-posterAdd.vue?vue&type=style&index=0&id=515b5832&lang=scss&scoped=true&\"","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","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\"},[_c('div',{staticClass:\"imgBox\"},[_c('img',{attrs:{\"src\":_vm.url}})]),_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格式，总宽度750px）\")])])],1)],1)])],1)])])}\nvar staticRenderFns = []\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      </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格式，总宽度750px）</p>\r\n              </FormItem>\r\n            </Form>\r\n          </div>\r\n        </popper>\r\n      </div>\r\n    </div>\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      showTabs: \"1\",\r\n      visible: true,\r\n      url: \"https://huizhanren.oss-cn-shanghai.aliyuncs.com/cloudExhibition/imgs/202004/81b11e69a0ec412c81ea40273365fe3e.jpg\",\r\n      uploadList: [],\r\n      defaultList: [],\r\n      imgName: \"\",\r\n      visibleImg: false,\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      formHeaders: \"getFormHeaders\",\r\n      uploadUrl: \"getUploadUrl\",\r\n    }),\r\n    exhibitionInfo() {\r\n      if (JSON.parse(localStorage.vuex)) {\r\n        return JSON.parse(localStorage.vuex).hostSetModule.hostExhibition;\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n      addSharePoster: \"hostCommonModule/addSharePoster\"\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      }\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        ExhibitionId: this.exhibitionInfo.id,\r\n        BackgroundImage: url\r\n      }\r\n      let bool = await this.addSharePoster(req);\r\n      console.log(bool);\r\n    }\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-posterAdd.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-posterAdd.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./host-common-posterAdd.vue?vue&type=template&id=515b5832&scoped=true&\"\nimport script from \"./host-common-posterAdd.vue?vue&type=script&lang=js&\"\nexport * from \"./host-common-posterAdd.vue?vue&type=script&lang=js&\"\nimport style0 from \"./host-common-posterAdd.vue?vue&type=style&index=0&id=515b5832&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  \"515b5832\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}