2 lines
14 KiB
JavaScript
2 lines
14 KiB
JavaScript
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-308db560"],{"07ac":function(e,t,n){var i=n("23e7"),a=n("6f53").values;i({target:"Object",stat:!0},{values:function(e){return a(e)}})},"08a9":function(e,t,n){"use strict";var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("transition",{attrs:{name:"viewer-fade"}},[n("div",{ref:"el-image-viewer__wrapper",staticClass:"el-image-viewer__wrapper",style:{"z-index":e.zIndex},attrs:{tabindex:"-1"}},[n("div",{staticClass:"el-image-viewer__mask",on:{click:function(t){return t.target!==t.currentTarget?null:e.handleMaskClick(t)}}}),n("span",{staticClass:"el-image-viewer__btn el-image-viewer__close",on:{click:e.hide}},[n("i",{staticClass:"el-icon-close"})]),e.isSingle?e._e():[n("span",{staticClass:"el-image-viewer__btn el-image-viewer__prev",class:{"is-disabled":!e.infinite&&e.isFirst},on:{click:e.prev}},[n("i",{staticClass:"el-icon-arrow-left"})]),n("span",{staticClass:"el-image-viewer__btn el-image-viewer__next",class:{"is-disabled":!e.infinite&&e.isLast},on:{click:e.next}},[n("i",{staticClass:"el-icon-arrow-right"})])],n("div",{staticClass:"el-image-viewer__btn el-image-viewer__actions"},[n("div",{staticClass:"el-image-viewer__actions__inner"},[n("i",{staticClass:"el-icon-zoom-out",on:{click:function(t){return e.handleActions("zoomOut")}}}),n("i",{staticClass:"el-icon-zoom-in",on:{click:function(t){return e.handleActions("zoomIn")}}}),n("i",{staticClass:"el-image-viewer__actions__divider"}),n("i",{class:e.mode.icon,on:{click:e.toggleMode}}),n("i",{staticClass:"el-image-viewer__actions__divider"}),n("i",{staticClass:"el-icon-refresh-left",on:{click:function(t){return e.handleActions("anticlocelise")}}}),n("i",{staticClass:"el-icon-refresh-right",on:{click:function(t){return e.handleActions("clocelise")}}})])]),n("div",{staticClass:"el-image-viewer__canvas"},e._l(e.urlList,(function(t,i){return i===e.index?n("img",{key:t,ref:"img",refInFor:!0,staticClass:"el-image-viewer__img",style:e.imgStyle,attrs:{src:e.currentImg},on:{load:e.handleImgLoad,error:e.handleImgError,mousedown:e.handleMouseDown}}):e._e()})),0)],2)])},a=[],r=n("5530"),o=(n("a9e3"),n("99af"),n("b64b"),n("07ac"),n("c975"),n("acd8"),n("b680"),n("2b0e"));const s=o["default"].prototype.$isServer,c=(s||Number(document.documentMode),function(){return!s&&document.addEventListener?function(e,t,n){e&&t&&n&&e.addEventListener(t,n,!1)}:function(e,t,n){e&&t&&n&&e.attachEvent("on"+t,n)}}()),l=function(){return!s&&document.removeEventListener?function(e,t,n){e&&t&&e.removeEventListener(t,n,!1)}:function(e,t,n){e&&t&&e.detachEvent("on"+t,n)}}();Object.prototype.hasOwnProperty;const u=function(){return!o["default"].prototype.$isServer&&!!window.navigator.userAgent.match(/firefox/i)};function d(e){let t=!1;return function(...n){t||(t=!0,window.requestAnimationFrame(i=>{e.apply(this,n),t=!1}))}}var m={CONTAIN:{name:"contain",icon:"el-icon-full-screen"},ORIGINAL:{name:"original",icon:"el-icon-c-scale-to-original"}},f=u()?"DOMMouseScroll":"mousewheel",p={name:"elImageViewer",props:{urlList:{type:Array,default:function(){return[]}},zIndex:{type:Number,default:2e3},onSwitch:{type:Function,default:function(){}},onClose:{type:Function,default:function(){}},initialIndex:{type:Number,default:0},appendToBody:{type:Boolean,default:!0},maskClosable:{type:Boolean,default:!0}},data:function(){return{index:this.initialIndex,isShow:!1,infinite:!0,loading:!1,mode:m.CONTAIN,transform:{scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}}},computed:{isSingle:function(){return this.urlList.length<=1},isFirst:function(){return 0===this.index},isLast:function(){return this.index===this.urlList.length-1},currentImg:function(){return this.urlList[this.index]},imgStyle:function(){var e=this.transform,t=e.scale,n=e.deg,i=e.offsetX,a=e.offsetY,r=e.enableTransition,o={transform:"scale(".concat(t,") rotate(").concat(n,"deg)"),transition:r?"transform .3s":"","margin-left":"".concat(i,"px"),"margin-top":"".concat(a,"px")};return this.mode===m.CONTAIN&&(o.maxWidth=o.maxHeight="100%"),o}},watch:{index:{handler:function(e){this.reset(),this.onSwitch(e)}},currentImg:function(e){var t=this;this.$nextTick((function(e){var n=t.$refs.img[0];n.complete||(t.loading=!0)}))}},methods:{hide:function(){this.deviceSupportUninstall(),this.onClose()},deviceSupportInstall:function(){var e=this;this._keyDownHandler=d((function(t){var n=t.keyCode;switch(n){case 27:e.hide();break;case 32:e.toggleMode();break;case 37:e.prev();break;case 38:e.handleActions("zoomIn");break;case 39:e.next();break;case 40:e.handleActions("zoomOut");break}})),this._mouseWheelHandler=d((function(t){var n=t.wheelDelta?t.wheelDelta:-t.detail;n>0?e.handleActions("zoomIn",{zoomRate:.015,enableTransition:!1}):e.handleActions("zoomOut",{zoomRate:.015,enableTransition:!1})})),c(document,"keydown",this._keyDownHandler),c(document,f,this._mouseWheelHandler)},deviceSupportUninstall:function(){l(document,"keydown",this._keyDownHandler),l(document,f,this._mouseWheelHandler),this._keyDownHandler=null,this._mouseWheelHandler=null},handleImgLoad:function(e){this.loading=!1},handleImgError:function(e){this.loading=!1,e.target.alt="加载失败"},handleMouseDown:function(e){var t=this;if(!this.loading&&0===e.button){var n=this.transform,i=n.offsetX,a=n.offsetY,r=e.pageX,o=e.pageY;this._dragHandler=d((function(e){t.transform.offsetX=i+e.pageX-r,t.transform.offsetY=a+e.pageY-o})),c(document,"mousemove",this._dragHandler),c(document,"mouseup",(function(e){l(document,"mousemove",t._dragHandler)})),e.preventDefault()}},handleMaskClick:function(){this.maskClosable&&this.hide()},reset:function(){this.transform={scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}},toggleMode:function(){if(!this.loading){var e=Object.keys(m),t=Object.values(m),n=t.indexOf(this.mode),i=(n+1)%e.length;this.mode=m[e[i]],this.reset()}},prev:function(){if(!this.isFirst||this.infinite){var e=this.urlList.length;this.index=(this.index-1+e)%e}},next:function(){if(!this.isLast||this.infinite){var e=this.urlList.length;this.index=(this.index+1)%e}},handleActions:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!this.loading){var n=Object(r["a"])({zoomRate:.2,rotateDeg:90,enableTransition:!0},t),i=n.zoomRate,a=n.rotateDeg,o=n.enableTransition,s=this.transform;switch(e){case"zoomOut":s.scale>.2&&(s.scale=parseFloat((s.scale-i).toFixed(3)));break;case"zoomIn":s.scale=parseFloat((s.scale+i).toFixed(3));break;case"clocelise":s.deg+=a;break;case"anticlocelise":s.deg-=a;break}s.enableTransition=o}}},mounted:function(){this.deviceSupportInstall(),this.appendToBody&&document.body.appendChild(this.$el),this.$refs["el-image-viewer__wrapper"].focus()},destroyed:function(){this.appendToBody&&this.$el&&this.$el.parentNode&&this.$el.parentNode.removeChild(this.$el)}},h=p,g=n("0c7c"),v=Object(g["a"])(h,i,a,!1,null,null,null);t["a"]=v.exports},"6f53":function(e,t,n){var i=n("83ab"),a=n("df75"),r=n("fc6a"),o=n("d1e7").f,s=function(e){return function(t){var n,s=r(t),c=a(s),l=c.length,u=0,d=[];while(l>u)n=c[u++],i&&!o.call(s,n)||d.push(e?[n,s[n]]:s[n]);return d}};e.exports={entries:s(!0),values:s(!1)}},"736c":function(e,t,n){"use strict";n.r(t);var i=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"app-container"},[n("el-form",{ref:"postForm",staticClass:"form-container",attrs:{model:e.record,rules:e.rules,"label-width":"222px"}},[n("el-form-item",{attrs:{prop:"game_main_pic",label:"主页正中间图片"}},[n("upload-corp-image",{attrs:{field:"image-file",width:583,height:287,"img-format":"png"},on:{"crop-upload-success":e.mainUploadSuccess},model:{value:e.record.game_main_pic,callback:function(t){e.$set(e.record,"game_main_pic",t)},expression:"record.game_main_pic"}})],1),n("el-form-item",{attrs:{prop:"bg_item_icon",label:"背景图案"}},[n("upload-corp-image",{attrs:{field:"image-file",width:392,height:396,"img-format":"png"},on:{"crop-upload-success":e.bgUploadSuccess},model:{value:e.record.bg_item_icon,callback:function(t){e.$set(e.record,"bg_item_icon",t)},expression:"record.bg_item_icon"}})],1),n("el-form-item",{attrs:{label:"主页上单人赛按钮文字:",prop:"game_single_btn"}},[n("el-input",{attrs:{placeholder:"主页上单人赛按钮文字",required:""},on:{input:e.inputBegin},model:{value:e.record.game_single_btn,callback:function(t){e.$set(e.record,"game_single_btn",t)},expression:"record.game_single_btn"}})],1),n("el-form-item",{attrs:{label:"主页上多人赛按钮名字:",prop:"game_multi_btn"}},[n("el-input",{attrs:{placeholder:"主页上多人赛按钮名字",required:""},on:{input:e.inputBegin},model:{value:e.record.game_multi_btn,callback:function(t){e.$set(e.record,"game_multi_btn",t)},expression:"record.game_multi_btn"}})],1),n("el-form-item",{attrs:{label:"首页介绍文字:",prop:"default_desc_txt"}},[n("el-input",{attrs:{placeholder:"进游戏后, 第一屏的介绍文字",type:"textarea",rows:2,required:""},on:{input:e.inputBegin},model:{value:e.record.default_desc_txt,callback:function(t){e.$set(e.record,"default_desc_txt",t)},expression:"record.default_desc_txt"}})],1),n("el-form-item",{attrs:{prop:"bg_item_icon",label:"默认的分享图"}},[n("upload-corp-image",{attrs:{field:"image-file",width:500,height:400,"img-format":"png"},on:{"crop-upload-success":e.shareUploadSuccess},model:{value:e.record.default_share_pic,callback:function(t){e.$set(e.record,"default_share_pic",t)},expression:"record.default_share_pic"}})],1),n("el-form-item",{attrs:{label:"默认分享语:",prop:"game_single_btn"}},[n("el-input",{attrs:{placeholder:"默认分享语, 字数太多的话, 分享出去会截断, 单行13个字左右",required:""},on:{input:e.inputBegin},model:{value:e.record.default_share_txt,callback:function(t){e.$set(e.record,"default_share_txt",t)},expression:"record.default_share_txt"}})],1),n("el-form-item",[n("el-button",{directives:[{name:"permission",rawName:"v-permission",value:["shop:game_setting"],expression:"['shop:game_setting']"}],attrs:{type:"primary"},on:{click:e.saveVal}},[e._v(" 保存 ")]),n("el-button",{on:{click:e.onCancel}},[e._v(" 取消 ")])],1)],1)],1)},a=[],r=n("1da1"),o=n("d4ec"),s=n("bee2"),c=n("262e"),l=n("2caf"),u=(n("96cf"),n("9ab4")),d=n("1b40"),m=n("b804"),f=n("08a9"),p=n("6b45"),h=n("31a8"),g=n("db85"),v=n("9dba"),_=function(e){Object(c["a"])(n,e);var t=Object(l["a"])(n);function n(){var e;return Object(o["a"])(this,n),e=t.apply(this,arguments),e.validateRequire=function(t,n,i){""===n?("imageURL"===t.field?e.$message({message:"Upload cover image is required",type:"error"}):e.$message({message:t.field+" 是必填的",type:"error"}),i(new Error(t.field+" 是必填的"))):i()},e.shop="",e.record={},e.rules={name:[{validator:e.validateRequire}]},e}return Object(s["a"])(n,[{key:"userLevel",get:function(){return v["a"].level}},{key:"noShop",get:function(){return!this.shop}},{key:"created",value:function(){var e=Object(r["a"])(regeneratorRuntime.mark((function e(){var t,n,i;return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return this.record.shop=null===(t=this.$route.params)||void 0===t?void 0:t.shop,this.record.game=null===(n=this.$route.params)||void 0===n?void 0:n.game,this.record.version=null===(i=this.$route.params)||void 0===i?void 0:i.version,console.log(this.shop),e.next=6,this.getRemoteData();case 6:case"end":return e.stop()}}),e,this)})));function t(){return e.apply(this,arguments)}return t}()},{key:"getRemoteData",value:function(){var e=Object(r["a"])(regeneratorRuntime.mark((function e(){var t,n;return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.next=2,Object(g["c"])(this.record);case 2:t=e.sent,n=t.data,this.record=Object.assign(this.record,n),this.$forceUpdate(),console.log(this.record);case 7:case"end":return e.stop()}}),e,this)})));function t(){return e.apply(this,arguments)}return t}()},{key:"onCancel",value:function(){var e=Object(r["a"])(regeneratorRuntime.mark((function e(){return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,this.$confirm("确认不保存当前信息?","Warning",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"});case 3:this.$store.dispatch("delView",this.$route),this.$router.go(-1),e.next=9;break;case 7:e.prev=7,e.t0=e["catch"](0);case 9:case"end":return e.stop()}}),e,this,[[0,7]])})));function t(){return e.apply(this,arguments)}return t}()},{key:"saveVal",value:function(){var e=Object(r["a"])(regeneratorRuntime.mark((function e(){var t;return regeneratorRuntime.wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,this.$refs.postForm.validate();case 3:return e.next=5,Object(g["l"])(this.record);case 5:t=e.sent,t.data,this.$notify({title:"Success",message:"操作成功",type:"success",duration:2e3}),e.next=12;break;case 10:e.prev=10,e.t0=e["catch"](0);case 12:case"end":return e.stop()}}),e,this,[[0,10]])})));function t(){return e.apply(this,arguments)}return t}()},{key:"inputBegin",value:function(){this.$forceUpdate()}},{key:"mainUploadSuccess",value:function(e){console.log("game main success: "+e),this.record.game_main_pic=e,this.$forceUpdate()}},{key:"bgUploadSuccess",value:function(e){console.log("bg item success: "+e),this.record.bg_item_icon=e,this.$forceUpdate()}},{key:"shareUploadSuccess",value:function(e){console.log("share img success: "+e),this.record.default_share_pic=e,this.$forceUpdate()}}]),n}(d["c"]);_=Object(u["a"])([Object(d["a"])({name:"GameTheme",components:{Sticky:m["a"],ElImageViewer:f["a"],UploadImage:p["a"],UploadCorpImage:h["a"]},filters:{parseGameType:function(e){return 1===e?"微信小游戏":"网页版"}}})],_);var b=_,w=b,k=(n("ce3e"),n("0c7c")),x=Object(k["a"])(w,i,a,!1,null,"abdb1290",null);t["default"]=x.exports},"7e12":function(e,t,n){var i=n("da84"),a=n("58a8").trim,r=n("5899"),o=i.parseFloat,s=1/o(r+"-0")!==-1/0;e.exports=s?function(e){var t=a(String(e)),n=o(t);return 0===n&&"-"==t.charAt(0)?-0:n}:o},acd8:function(e,t,n){var i=n("23e7"),a=n("7e12");i({global:!0,forced:parseFloat!=a},{parseFloat:a})},c5a2:function(e,t,n){},ce3e:function(e,t,n){"use strict";n("c5a2")}}]);
|
|
//# sourceMappingURL=chunk-308db560.aa73643b.js.map
|