| 12 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-272b56fd"],{"20fd":function(t,e,i){"use strict";var r=i("d9f6"),a=i("aebd");t.exports=function(t,e,i){e in t?r.f(t,e,a(0,i)):t[e]=i}},"23af":function(t,e,i){"use strict";var r=i("cb0b"),a=i.n(r);a.a},"28ba":function(t,e,i){t.exports=i.p+"static/img/icon5.bc5b856f.png"},"36bd":function(t,e,i){"use strict";var r=i("4bf8"),a=i("77f1"),n=i("9def");t.exports=function(t){var e=r(this),i=n(e.length),s=arguments.length,c=a(s>1?arguments[1]:void 0,i),o=s>2?arguments[2]:void 0,d=void 0===o?i:a(o,i);while(d>c)e[c++]=t;return e}},"46b2":function(t,e,i){t.exports=i.p+"static/img/icon12.66582037.png"},"549b":function(t,e,i){"use strict";var r=i("d864"),a=i("63b6"),n=i("241e"),s=i("b0dc"),c=i("3702"),o=i("b447"),d=i("20fd"),u=i("7cd6");a(a.S+a.F*!i("4ee1")(function(t){Array.from(t)}),"Array",{from:function(t){var e,i,a,l,f=n(t),m="function"==typeof this?this:Array,g=arguments.length,p=g>1?arguments[1]:void 0,h=void 0!==p,w=0,v=u(f);if(h&&(p=r(p,g>2?arguments[2]:void 0,2)),void 0==v||m==Array&&c(v))for(e=o(f.length),i=new m(e);e>w;w++)d(i,w,h?p(f[w],w):f[w]);else for(l=v.call(f),i=new m;!(a=l.next()).done;w++)d(i,w,h?s(l,p,[a.value,w],!0):a.value);return i.length=w,i}})},"54a1":function(t,e,i){i("6c1c"),i("1654"),t.exports=i("95d5")},"6c7b":function(t,e,i){var r=i("5ca1");r(r.P,"Array",{fill:i("36bd")}),i("9c6c")("fill")},"6dfa":function(t,e,i){t.exports=i.p+"static/img/icon1.d4e627ff.jpg"},"72c6":function(t,e,i){t.exports=i.p+"static/img/icon15.6888c09e.png"},"745c":function(t,e,i){t.exports=i.p+"static/img/icon7.73a249f7.png"},"774e":function(t,e,i){t.exports=i("d2d5")},"89dd":function(t,e,i){t.exports=i.p+"static/img/icon10.4db6dfe1.png"},"95d5":function(t,e,i){var r=i("40c3"),a=i("5168")("iterator"),n=i("481b");t.exports=i("584a").isIterable=function(t){var e=Object(t);return void 0!==e[a]||"@@iterator"in e||n.hasOwnProperty(r(e))}},"9aa4":function(t,e,i){t.exports=i.p+"static/img/icon2.83fe26d3.png"},a341:function(t,e,i){t.exports=i.p+"static/img/icon14.474300d9.png"},af99:function(t,e,i){"use strict";i.r(e);var r=function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("div",{staticClass:"mainPage"},[r("img",{staticClass:"centerLabel cover bg",class:{grey:t.bgGrey},staticStyle:{"z-index":"1"},attrs:{src:i("6dfa"),alt:""},on:{load:t.imgLoad}}),r("img",{staticClass:"bg",class:{grey:t.bgGrey},staticStyle:{"z-index":"3",top:"0",left:"0"},attrs:{src:i("9aa4"),width:"100%",alt:""},on:{load:t.imgLoad}}),r("img",{staticClass:"bg",class:{grey:t.bgGrey},staticStyle:{display:"block",position:"absolute","z-index":"3",bottom:"0",left:"0"},attrs:{src:i("72c6"),width:"100%",alt:""},on:{load:t.imgLoad}}),r("div",{staticClass:"canvasBox",class:{grey:t.bgGrey},attrs:{id:"canvasBox"}},[r("canvas",{attrs:{id:"canvas"}})]),r("div",{staticClass:"animateBg centerLabel",class:{active:t.animationOff},staticStyle:{"z-index":"10"}},[r("img",{attrs:{src:i("bf40"),alt:""}})]),r("div",{staticClass:"prizeList centerLabel",class:{hide:!t.projectStart}},[r("img",{attrs:{src:i("a341"),alt:""}}),r("ul",t._l(t.prizeList,function(e,a){return r("li",{key:a},[r("img",{attrs:{src:i("f027"),width:"100%",alt:""}}),r("div",{staticClass:"flex-v"},[r("div",{staticClass:"title"},["特等奖"===e.PrizeType?r("img",{attrs:{src:i("745c"),alt:""}}):t._e(),"一等奖"===e.PrizeType?r("img",{attrs:{src:i("e10c"),alt:""}}):t._e(),"二等奖"===e.PrizeType?r("img",{attrs:{src:i("d114"),alt:""}}):t._e(),"三等奖"===e.PrizeType?r("img",{attrs:{src:i("89dd"),alt:""}}):t._e(),"纪念奖"===e.PrizeType?r("img",{attrs:{src:i("f323"),alt:""}}):t._e(),"附加奖"===e.PrizeType?r("img",{attrs:{src:i("46b2"),alt:""}}):t._e()]),r("div",{staticClass:"flex-item",staticStyle:{"margin-top":"-20px"}},[r("div",{staticClass:"centerLabel",staticStyle:{width:"100%"}},[r("div",{staticClass:"listImg"},[r("a",[r("img",{staticClass:"centerLabel contain",staticStyle:{width:"80%"},attrs:{src:e.Picture,alt:""}})])]),r("span",[t._v(t._s(e.PrizeName))])])])])])}),0)]),r("div",{staticClass:"prizeBox centerLabel",class:{hide:t.hidePrize}},[r("div",[r("div",[r("img",{staticClass:"prizeBg",attrs:{src:i("f027"),alt:""}}),r("div",{staticClass:"prizeFlex flex-v"},[r("div",{staticClass:"prizeTitle"},["特等奖"===t.currentPrize.type?r("img",{attrs:{src:i("745c"),width:"100%",alt:""}}):t._e(),"一等奖"===t.currentPrize.type?r("img",{attrs:{src:i("e10c"),width:"100%",alt:""}}):t._e(),"二等奖"===t.currentPrize.type?r("img",{attrs:{src:i("d114"),width:"100%",alt:""}}):t._e(),"三等奖"===t.currentPrize.type?r("img",{attrs:{src:i("89dd"),width:"100%",alt:""}}):t._e(),"纪念奖"===t.currentPrize.type?r("img",{attrs:{src:i("f323"),width:"100%",alt:""}}):t._e(),"附加奖"===t.currentPrize.type?r("img",{attrs:{src:i("46b2"),width:"100%",alt:""}}):t._e()]),r("div",{staticClass:"flex-item"},[r("div",[r("div",{staticClass:"centerLabel",staticStyle:{width:"80%"}},[r("div",{staticClass:"prizeImg"},[r("a",[r("img",{staticClass:"centerLabel",staticStyle:{"max-width":"80%","max-height":"80%"},attrs:{src:t.currentPrize.img,alt:""}})])]),r("span",[t._v(t._s(t.currentPrize.name)+" "+t._s(t.currentPrize.num)+"人")])])])])])]),r("div",[r("img",{staticClass:"prizeBg",attrs:{src:i("28ba"),alt:""}}),r("div",{staticClass:"prizeFlex flex-v"},[r("div",{staticClass:"prizeNameListTitle"}),r("div",{staticClass:"prizeNameList flex-item"},[r("div",[r("div",{staticClass:"centerLabel",staticStyle:{width:"80%","margin-top":"-30px"}},[r("ul",{staticClass:"flex-h"},t._l(t.drawUsersArr,function(e,i){return r("li",{key:i,staticClass:"flex-item endListLi",style:{maxWidth:e.width+"px",minWidth:e.width+"px"}},[t._v(t._s(e.orgName)+"-"+t._s(e.UserName))])}),0)])])])])])])]),r("div",{staticClass:"userList centerLabel"},[r("ul",{staticClass:"flex-h"},t._l(t.users,function(e,i){return r("li",{directives:[{name:"show",rawName:"v-show",value:!e.delete,expression:"!item.delete"}],key:i,staticClass:"flex-item",class:{active:e.active,activeLi:e.active,hide:!e.show}},[r("span",[t._v(t._s(e.orgName)+"-"+t._s(e.UserName))])])}),0)]),r("div",{staticClass:"drawUserList centerLabel"},[r("ul",{staticClass:"flex-h"},t._l(t.drawUsersArr,function(e,i){return r("li",{key:i,staticClass:"flex-item targetLi",class:{active:e.active}},[r("span",[t._v(t._s(e.orgName)+"-"+t._s(e.UserName))])])}),0)]),r("div",{staticClass:"drawEndList"},t._l(t.drawUsersArr,function(e,i){return r("a",{key:i,style:{width:e.width+"px",left:e.startX+"px",top:e.startY+"px"}},[r("span",[t._v(t._s(e.orgName)+"-"+t._s(e.UserName))])])}),0)])},a=[],n=(i("6c7b"),i("a745")),s=i.n(n);function c(t){if(s()(t)){for(var e=0,i=new Array(t.length);e<t.length;e++)i[e]=t[e];return i}}var o=i("774e"),d=i.n(o),u=i("c8bb"),l=i.n(u);function f(t){if(l()(Object(t))||"[object Arguments]"===Object.prototype.toString.call(t))return d()(t)}function m(){throw new TypeError("Invalid attempt to spread non-iterable instance")}function g(t){return c(t)||f(t)||m()}var p=i("cebc"),h=(i("ac6a"),i("bd86")),w=(i("cadf"),i("551c"),i("097d"),i("b059"),i("73ca")),v=i("b775"),b={name:"draw",data:function(){var t;return t={animationOff:!1,currentPrize:{img:"",name:"",num:"",type:""},projectStart:!0,hidePrize:!0,prizeList:[]},Object(h["a"])(t,"hidePrize",!0),Object(h["a"])(t,"bgGrey",!1),Object(h["a"])(t,"time",300),Object(h["a"])(t,"drawCount",10),Object(h["a"])(t,"imgTotal",3),Object(h["a"])(t,"curImgNum",0),Object(h["a"])(t,"status",!1),Object(h["a"])(t,"sureStatus",!0),Object(h["a"])(t,"arrTimer",null),Object(h["a"])(t,"users",[]),Object(h["a"])(t,"initUsers",[]),Object(h["a"])(t,"drawUsersArr",[]),Object(h["a"])(t,"randomArr",[]),Object(h["a"])(t,"windowWidth",window.innerWidth),Object(h["a"])(t,"windowHeight",window.innerHeight),Object(h["a"])(t,"drawWidth",Math.floor(.7*window.innerWidth)),Object(h["a"])(t,"getDrawStatus",!0),t},created:function(){this.getUserList(),this.getPrizeList()},mounted:function(){var t=this;this.$nextTick(function(){t.canvasInit(),t.drawStatus()})},methods:{webSocketCallback:function(t){console.log(t)},canvasInit:function(){var t=function(t,e,r){t.width=document.body.clientWidth,t.height=document.body.clientHeight;var n=t.getContext("2d"),s=[],c=function(e){return s.push(e(t))},o=function(){return _.forEach(s,function(t){return t.update()})},d=function(){n.canvas.width=t.offsetWidth,n.canvas.height=t.offsetHeight,_.forEach(s,function(t){return t.resized()})},u=function(){n.clearRect(0,0,t.offsetWidth,t.offsetHeight),_.forEach(s,function(t){return t.draw()})},l=function(){window.addEventListener("resize",d)},f=function t(){u(),o(),a(t)},m=function(){_.times(e,function(){return c(function(t){return new i(t,null,r)})}),l(),f()};return m(e),d(),{add:c,resize:d}},e={color:"red",radius:[.5,4],speed:[1,3],wind:[-.5,3]},i=function(t){var i,r,a,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,s=arguments.length>2?arguments[2]:void 0,c=Object(p["a"])({},e,s),o=c.radius,d=c.speed,u=c.wind,l=c.color,f={color:l,x:_.random(0,t.offsetWidth),y:_.random(-t.offsetHeight,0),radius:(i=_).random.apply(i,g(o)),speed:(r=_).random.apply(r,g(d)),wind:(a=_).random.apply(a,g(u)),isResized:!1},m=t.getContext("2d"),h=function(){f.x=_.random(0,t.offsetWidth),f.y=_.random(-t.offsetHeight,0)},w=function(){return f.isResized=!0},v=function(){m.beginPath(),m.arc(f.x,f.y,f.radius,0,2*Math.PI),m.fillStyle=f.color,m.fill(),m.closePath()},b=n?function(){return n(m,f)}:v,y=function(){f.y+=f.speed,f.x+=f.wind},x=function(){f.y<t.offsetHeight||(f.isResized?(h(),f.isResized=!1):(f.y=0,f.x=_.random(0,t.offsetWidth)))},z=function(){y(),x()};return{update:z,resized:w,draw:b}},r=(document.querySelector(".container"),document.querySelector("body"),document.getElementById("canvas")),a=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame;t(r,800,{color:"yellow"})},getUserList:function(){var t=this,e=Object(w["a"])("user.list");Object(v["a"])(e).then(function(e){t.initUsers=e.users.map(function(t){return Object(p["a"])({},t,{active:!1,show:!0,delete:!1,orgName:t.UserOrg})})})},drawStatus:function(){var t=this;if(this.getDrawStatus){this.getDrawStatus=!1;var e=Object(w["a"])("drawStatus");Object(v["a"])(e).then(function(e){e=JSON.parse(e),t.getDrawStatus=!0,"start"===e.type?(t.startDrawStep(),t.drawStatus()):"stop"===e.type?(t.stopDrawStep(),t.drawStatus()):"refresh"===e.type&&location.reload()}).catch(function(){t.getDrawStatus=!0,t.drawStatus()})}},getPrizeList:function(){var t=this,e=Object(w["a"])("prize.list");Object(v["a"])(e).then(function(e){t.prizeList=e.prizes||[]})},imgLoad:function(){this.curImgNum+=1,this.curImgNum>=this.imgTotal&&this.initDraw()},initDraw:function(t){var e=this;document.getElementsByTagName("html")[0].onkeydown=function(t){t=t||event,t.ctrlKey&&13==t.keyCode&&(e.sureStatus=!0,e.status?e.stopDrawStep():e.startDrawStep())}},startDrawStep:function(){var t=this,e=Object(w["a"])("draw");Object(v["a"])(e).then(function(e){t.currentPrize={img:t.prizeList.filter(function(t){if(t.PrizeName===e.winner[0].PrizeName)return t.Picture})[0].Picture,name:e.winner[0].PrizeName||"未知奖品",num:e.winner.length||0,type:t.prizeList.filter(function(t){if(t.PrizeName===e.winner[0].PrizeName)return t.PrizeType})[0].PrizeType},t.winner=e.winner||[],t.drawCount=e.winner.length||0,t.bgGrey=!0,t.projectStart=!1,t.status=!t.status,t.users=[],t.drawUsersArr=[],t.calcRandomArr(t.initUsers.length>90?90:t.initUsers.length,t.initUsers,t.users,"UserId",t.drawCount),t.arrTimer=window.setInterval(function(){t.users=[],t.calcRandomArr(t.initUsers.length>90?90:t.initUsers.length,t.initUsers,t.users,"UserId",t.drawCount)},t.time)})},stopDrawStep:function(){var t=this;this.status=!this.status,clearInterval(this.arrTimer),this.arrTimer=null;var e=0;this.users.map(function(i){i.active&&(i.UserName=t.winner[e].UserName,i.orgName=t.winner[e].UserOrg,i.isReset=!0,e+=1,t.drawUsersArr.push(Object(p["a"])({},i,{width:0,startX:"",startY:"",listX:"",listY:""})))}),this.$nextTick(function(){t.drawUsersArr.map(function(t,e){t.endX=document.getElementsByClassName("targetLi")[e].getBoundingClientRect().x,t.endY=document.getElementsByClassName("targetLi")[e].getBoundingClientRect().y}),window.setTimeout(function(){t.drawUsersArr.map(function(t,e){t.listX=document.getElementsByClassName("endListLi")[e].getBoundingClientRect().x,t.listY=document.getElementsByClassName("endListLi")[e].getBoundingClientRect().y})},50);for(var e=0;e<t.drawCount;e++)t.drawUsersArr[e].startX=document.getElementsByClassName("activeLi")[e].getBoundingClientRect().x,t.drawUsersArr[e].startY=document.getElementsByClassName("activeLi")[e].getBoundingClientRect().y,t.drawUsersArr[e].width=document.getElementsByClassName("activeLi")[e].getBoundingClientRect().width;t.drawUsersArr.map(function(e,i){e.UserId=t.winner[i].UserId,e.UserName=t.winner[i].UserName,e.orgName=t.winner[i].UserOrg}),window.setTimeout(function(){t.users.map(function(t){t.show=!1}),t.drawUsersArr.map(function(t){t.startX=t.endX,t.startY=t.endY}),window.setTimeout(function(){t.animationOff=!0},1e3),window.setTimeout(function(){t.bgGrey=!1,t.hidePrize=!1,t.drawUsersArr.map(function(t){t.startX=t.listX,t.startY=t.listY})},2500)},1e3)})},calcRandomArr:function(t,e,i,r,a){var n=Math.floor(Math.random()*e.length),s=!1;return e.length>t?(i.map(function(t){t[r]===e[n][r]&&(s=!0)}),s||i.push(Object(p["a"])({},e[n],{active:!1})),i.length===t?this.returnSubArr(i,a,"active",0):void this.calcRandomArr(t,e,i,r,a)):(i.push.apply(i,g(e.map(function(t,e){return Object(p["a"])({},t,{active:!1})}))),this.returnSubArr(i,a,"active",0))},returnSubArr:function(t,e,i,r){var a=Math.floor(Math.random()*t.length);if(t[a][i]||(t[a][i]=!0,r+=1),!(r<e))return t;this.returnSubArr(t,e,i,r)}}},y=b,x=(i("23af"),i("2877")),z=Object(x["a"])(y,r,a,!1,null,null,null);z.options.__file="draw.vue";e["default"]=z.exports},b059:function(t,e,i){},bf40:function(t,e,i){t.exports=i.p+"static/img/icon4.e265f160.png"},c8bb:function(t,e,i){t.exports=i("54a1")},cb0b:function(t,e,i){},d114:function(t,e,i){t.exports=i.p+"static/img/icon9.8acc321e.png"},d2d5:function(t,e,i){i("1654"),i("549b"),t.exports=i("584a").Array.from},e10c:function(t,e,i){t.exports=i.p+"static/img/icon8.5bdbc0fe.png"},f027:function(t,e,i){t.exports=i.p+"static/img/icon6.93d153c2.png"},f323:function(t,e,i){t.exports=i.p+"static/img/icon11.5db54e4e.png"}}]);
|
