{"version":3,"sources":["webpack:///./src/views/baiyang/random-drawZ.vue?e3fe","webpack:///src/views/baiyang/random-drawZ.vue","webpack:///./src/views/baiyang/random-drawZ.vue?67a1","webpack:///./src/views/baiyang/random-drawZ.vue","webpack:///./src/views/baiyang/random-drawZ.vue?c463"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","_l","player","playerList","length","attrs","img","_v","_s","name","hospital_name","order","_e","playerNo","on","randomDraw","staticRenderFns","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,eAAe,CAACN,EAAIO,GAAG,GAAGH,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACN,EAAIQ,GAAIR,EAAc,YAAE,SAASS,GAAQ,OAAQT,EAAIU,WAAWC,OAAO,EAAGP,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACQ,MAAM,CAAC,IAAMH,EAAOI,OAAOT,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACN,EAAIc,GAAGd,EAAIe,GAAGN,EAAOO,SAASZ,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACN,EAAIc,GAAGd,EAAIe,GAAGN,EAAOQ,kBAAkBb,EAAG,MAAM,CAACE,YAAY,SAAS,CAACN,EAAIc,GAAG,KAAKd,EAAIe,GAAGN,EAAOS,YAAYlB,EAAImB,QAAOnB,EAAIQ,GAAIR,EAAgB,cAAE,SAASoB,GAAU,OAAQpB,EAAIU,WAAWC,OAAO,EAAGP,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,UAAUN,EAAImB,SAAQ,GAAGf,EAAG,MAAM,CAACE,YAAY,SAASe,GAAG,CAAC,MAAQrB,EAAIsB,aAAa,CAACtB,EAAIc,GAAG,aAC1xBS,EAAkB,CAAC,WAAa,IAAIvB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,KAAK,CAACJ,EAAIc,GAAG,gCAAgCV,EAAG,IAAI,CAACJ,EAAIc,GAAG,eCuBzM,GACC,OACC,MAAF,CACG,WAAH,GACG,aAAH,GACG,MAAH,OAGC,UACC,QAAF,uBACE,IAAF,iBACG,KAAH,mBACI,KAAJ,MACI,IAAJ,uFACI,cAAJ,MACI,MAAJ,QAGE,QAAF,wBAEC,UACC,KAAF,gBAGC,QAAD,CACE,eACC,KAAH,uBACI,IAAJ,oCACA,uCACA,uCACA,uCACA,uCACA,uCAEI,EAAJ,2CACI,EAAJ,2BACI,EAAJ,2BACI,EAAJ,2BACI,EAAJ,2BACI,EAAJ,4BACA,MAEE,WAAF,GACG,KAAH,mFACI,QAAJ,OACA,YACK,KAAL,kBACK,KAAL,8CAKC,YACC,cAAF,cC7E2M,I,wBCQvMU,EAAY,eACd,EACAzB,EACAwB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,sECnBf","file":"js/chunk-04245192.ad92028f.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"random-draw\"},[_vm._m(0),_c('div',{staticClass:\"main\"},[_c('div',{staticClass:\"box\"},[_vm._l((_vm.playerList),function(player){return (_vm.playerList.length>0)?_c('div',{staticClass:\"player\"},[_c('img',{attrs:{\"src\":player.img}}),_c('div',{staticClass:\"name\"},[_vm._v(_vm._s(player.name))]),_c('div',{staticClass:\"hospital-name\"},[_vm._v(_vm._s(player.hospital_name))]),_c('div',{staticClass:\"order\"},[_vm._v(\"序号\"+_vm._s(player.order))])]):_vm._e()}),_vm._l((_vm.playerNoList),function(playerNo){return (_vm.playerList.length<1)?_c('div',{staticClass:\"playerNo\"},[_c('div',{staticClass:\"img\"})]):_vm._e()})],2),_c('div',{staticClass:\"button\",on:{\"click\":_vm.randomDraw}},[_vm._v(\"抽签\")])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"title\"},[_c('h2',[_vm._v(\"START领前列·竞巅峰-2022贝坦利优秀病例大赛\")]),_c('i',[_vm._v(\"全国总决赛\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n\t<div class=\"random-draw\">\r\n\t\t<div class=\"title\">\r\n\t\t    <h2>START领前列·竞巅峰-2022贝坦利优秀病例大赛</h2>\r\n\t\t    <i>全国总决赛</i>\r\n\t\t</div>\r\n\t\t<div class=\"main\">\r\n\t\t\t<div class=\"box\">\r\n\t\t\t\t<div class=\"player\" v-for=\"player in playerList\" v-if=\"playerList.length>0\">\r\n\t\t\t\t\t<img :src=\"player.img\">\r\n\t\t\t\t\t<div class=\"name\">{{player.name}}</div>\r\n\t\t\t\t\t<div class=\"hospital-name\">{{player.hospital_name}}</div>\r\n\t\t\t\t\t<div class=\"order\">序号{{player.order}}</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"playerNo\" v-for=\"playerNo in playerNoList\" v-if=\"playerList.length<1\">\r\n\t\t\t\t\t<div class=\"img\"></div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"button\" @click=\"randomDraw\">抽签</div>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\texport default {\r\n\t\tdata(){\r\n\t\t\treturn{\r\n\t\t\t\tplayerList:[],\r\n\t\t\t\tplayerNoList:[],\r\n\t\t\t\ttimer:null\r\n\t\t\t}\r\n\t\t},\r\n\t\tcreated() {\r\n\t\t\tconsole.log(this.playerNoList)\r\n\t\t\tfor (var i=0;i<12;i++){\r\n\t\t\t\tthis.playerNoList.push({\r\n\t\t\t\t\tname:'XXX',\r\n\t\t\t\t\timg:'https://image.ysxxlm.cn/ysxxlm/Uploads/20221013/26fe22212efc0022739c1f88a17ccb46.jpg',\r\n\t\t\t\t\thospital_name:'XXX',\r\n\t\t\t\t\torder:'XXX'\r\n\t\t\t\t})\r\n\t\t\t}\r\n\t\t\tconsole.log(this.playerNoList)\r\n\t\t},\r\n\t\tmounted() {\r\n\t\t\tthis.startMachine()\r\n\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\tstartMachine(){\r\n\t\t\t\tthis.timer = setInterval(() => {\r\n\t\t\t\t\tlet itemList=document.querySelectorAll('.img')\r\n\t\t\t\t\tlet index1=Math.floor (Math.random()*itemList.length+1)\r\n\t\t\t\t\tlet index2=Math.floor (Math.random()*itemList.length+1)\r\n\t\t\t\t\tlet index3=Math.floor (Math.random()*itemList.length+1)\r\n\t\t\t\t\tlet index4=Math.floor (Math.random()*itemList.length+1)\r\n\t\t\t\t\tlet index5=Math.floor (Math.random()*itemList.length+1)\r\n\t\t\t\t\t\r\n\t\t\t\t\titemList.forEach(item=>{item.classList.remove('active')})\r\n\t\t\t\t\titemList[index1].classList.add('active')\r\n\t\t\t\t\titemList[index2].classList.add('active')\r\n\t\t\t\t\titemList[index3].classList.add('active')\r\n\t\t\t\t\titemList[index4].classList.add('active')\r\n\t\t\t\t\titemList[index5].classList.add('active')\r\n\t\t\t\t}, 200);\r\n\t\t\t},\r\n\t\t\trandomDraw(index){\r\n\t\t\t\tthis.$axios.post(this.apiUrl.playerDraw,{group_id:this.$route.query.group_id}).then(res => {\r\n\t\t\t\t\tconsole.log(res)\r\n\t\t\t\t\tif(res.code==1){\r\n\t\t\t\t\t\tthis.playerList = res.data\r\n\t\t\t\t\t\tthis.$message({message: res.msg,type: 'success'})\r\n\t\t\t\t\t}\r\n\t\t\t\t})\r\n\t\t\t}\r\n\t\t},\r\n\t\tdestroyed(){\r\n\t\t\tclearInterval(this.timer)\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n\t$color1:#FDEC00;\r\n\t.random-draw{\r\n\t\tbackground: url(\"~@/assets/img/by2022-9.jpg\") no-repeat;\r\n\t\tbackground-size: 100% 100%;\r\n\t\theight: 100vh;\r\n\t\toverflow: auto;\r\n\t\t.title{\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\tflex-direction: column;\r\n\t\t\talign-items: center;\r\n\t\t\tfont-weight: bold;\r\n\t\t\tfont-family:SimHei;\r\n\t\t\tcolor: $color1;\r\n\t\t\tmargin-top: 50px;\r\n\t\t\th2{font-size: 50px;line-height: 60px}\r\n\t\t\ti{font-size: 45px;font-family:'楷体'; font-style:normal;line-height: 55px}\r\n\t\t}\r\n\t\t.main{\r\n\t\t\twidth: 1317px;\r\n\t\t\tmargin: 10px auto 20px;\r\n\t\t\t.box{\r\n\t\t\t\tflex: 1;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tflex-wrap: wrap;\r\n\t\t\t\tposition: relative;\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t\t.player, .playerNo{\r\n\t\t\t\t\twidth: 300px;\r\n\t\t\t\t\theight: 230px;\r\n\t\t\t\t\tcolor:#fff;\r\n\t\t\t\t\t>img{\r\n\t\t\t\t\t\twidth: 100px;\r\n\t\t\t\t\t\theight: 100px;\r\n\t\t\t\t\t\tborder-radius: 50%;\r\n\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t\tmargin: 0 auto;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t.img{\r\n\t\t\t\t\t\twidth: 100px;height: 100px;background: #46A3EF;border-radius: 50%;margin: 0 auto;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t.active{\r\n\t\t\t\t\t\tbackground: $color1;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t>div{text-align: center}\r\n\t\t\t\t\t.name{font-size: 18px}\r\n\t\t\t\t\t.hospital-name, .order{font-size: 12px}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t.button{\r\n\t\t\t\tmargin: 0 auto;\r\n\t\t\t\twidth: 124px;\r\n\t\t\t\theight: 38px;\r\n\t\t\t\tline-height: 38px;\r\n\t\t\t\tbackground: #088EE9;\r\n\t\t\t\tborder-radius: 16px;\r\n\t\t\t\tfont-size: 25px;\r\n\t\t\t\tfont-weight: bold;\r\n\t\t\t\ttext-align: center;\r\n\t\t\t\tcolor: $color1;\r\n\t\t\t\tcursor:pointer;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./random-drawZ.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./random-drawZ.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./random-drawZ.vue?vue&type=template&id=4760e815&scoped=true&\"\nimport script from \"./random-drawZ.vue?vue&type=script&lang=js&\"\nexport * from \"./random-drawZ.vue?vue&type=script&lang=js&\"\nimport style0 from \"./random-drawZ.vue?vue&type=style&index=0&id=4760e815&scoped=true&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  \"4760e815\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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/dist/cjs.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!./random-drawZ.vue?vue&type=style&index=0&id=4760e815&scoped=true&lang=scss&\""],"sourceRoot":""}