新增很多东西

src/App.vue

@@ -161,7 +161,7 @@ export default {
 </script>
 
 <style>
-@import url("//at.alicdn.com/t/font_1574056_9kor82kqrdl.css");
+@import url("//at.alicdn.com/t/font_1574056_utacdwc3jjm.css");
 @import "./assets/css/init.css";
 @import "./assets/css/animate.css";
 #app {

src/assets/css/LuckDraw.css

@@ -182,18 +182,6 @@
     left: 0;
     top: 0;
 }
-.head1{
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    transform: translate(-50%, -50%) scaleY(1.5);
-    width: 10px;
-    height: 10px;
-    border-radius: 50%;
-    transition:  all linear 1.5s;
-    background-color: red;
-    animation: head_move1 4s infinite ease;
-}
 #container {
     height: 400px;
 }
@@ -302,4 +290,20 @@
 	100% {
 		transform: rotate(-360deg)
 	}
+}
+.w60 .el-input__inner{
+    background-color: #150c0e45;
+    color: white;
+    border: none;
+}
+.tips{
+    position: absolute;
+    color: #3a3a3a;
+    z-index: 4;
+    width: 100%;
+    text-align: center;
+    font-size: 3rem;
+    bottom: auto;
+    letter-spacing: 1rem;
+    top: 2rem;
 }
\ No newline at end of file

src/assets/css/PerformRanking.css

@@ -95,10 +95,11 @@
   }
   .Program-bg .tit-box{
     left: 0;
-    top: 10rem;
+    top: 4rem;
     position: absolute;
     width: 100%;
-    padding-top: 2rem;
+    padding: 2rem;
+    box-sizing: border-box;
   }
   .Program-bg .logo{
     left: 2rem;

src/assets/css/init.css

@@ -13,7 +13,19 @@
 .yinxiang2020 {
     font-family: 'yinxiang2020';
 }
-
+.el-select-dropdown__list{
+background: url(/static/image/shuqian/g_footer_bg2.png) no-repeat;
+background-size: 100% 100%;
+}
+.el-select-dropdown__list .el-select-dropdown__item{
+color: white;
+}
+.el-select-dropdown__item.selected{
+color: #e9d5ab !important;
+}
+.el-select-dropdown{
+border: none
+}
 html,
 body,
 h1,

src/assets/css/pageNav.css

 .pageNav{
   position: absolute;
   /* width: 98%; */
-  width: calc(99% - 165px);
+  width: calc(99% - 280px);
   z-index: 900;
   bottom: .5rem;
   left: 1rem;
@@ -13,7 +13,7 @@
   background: url(../../../static/image/nav-bg.png) no-repeat;
   background-size: 100% 100%;
   border-radius: 10px;
-  width: 90%;
+  width: 98%;
   display: flex;
   align-items: center;
   float: left;
@@ -103,7 +103,7 @@
   display: none;
 }
 .el-select-dropdown {
-  z-index: 10011 !important;
+  z-index: 10086 !important;
 }
 .music_box .iconfont{
   font-size: 2.8rem;

src/assets/css/pillar.css

@@ -401,6 +401,7 @@
     width: 245px;
     display: flex;
     justify-content: center;
+    transform: scale(0.9);
 }
 .AllPillar .piaoshu{
     font-size: 5rem;
@@ -410,7 +411,7 @@
     font-size: 3rem;
     text-align: center;
     position: absolute;
-    bottom: -2rem;
+    bottom: -5rem;
     z-index: 9;
     color: white;
 }

src/assets/js/menuJson.js

@@ -47,13 +47,13 @@ const leftNavMenu = [
         children: [],
         bgm: '/static/audio/game_money_bg.mp3',
       },
-      {
-        Class: 'iconfont icondatiqia',
-        Name: '答题',
-        Url: 'Answer',
-        children: [],
-        bgm: '/static/audio/toupiao.mp3',
-      }
+      // {
+      //   Class: 'iconfont icondatiqia',
+      //   Name: '答题',
+      //   Url: 'Answer',
+      //   children: [],
+      //   bgm: '/static/audio/toupiao.mp3',
+      // }
     ]
   },
   {
@@ -71,10 +71,32 @@ const leftNavMenu = [
     bgm: '',
   },
   {
-    Class: 'iconfont iconpaihangbang',
-    Name: '排行榜',
-    Url: 'PerformRanking2',
-    children: [],
+    Class: 'iconfont iconjiangli',
+    Name: '致词&颁奖',
+    Url: '',
+    children: [
+      {
+        Class: '',
+        Name: '领导致词',
+        Url: 'Leader',
+        children: [],
+        bgm: '/static/audio/cjbgm1.mp3',
+      },
+      {
+        Class: '',
+        Name: '颁奖典礼',
+        Url: 'Awarding',
+        children: [],
+        bgm: '/static/audio/cjbgm1.mp3',
+      },
+      {
+        Class: '',
+        Name: '节目排行',
+        Url: 'PerformRanking2',
+        children: [],
+        bgm: '/static/audio/toupiao.mp3',
+      },
+    ],
     bgm: '/static/audio/toupiao.mp3',
   }
 ]

src/components/Awarding.vue

+<template>
+  <div class="bg_box Awarding" :style="{position: 'relative', width: `${videInfo.width}px`, height: `${videInfo.height}px`, left: `${videInfo.offsetX}px`, top: `${videInfo.offsetY}px`, transform: `scale(${videInfo.transformScale1}, ${videInfo.transformScale2})`}">
+    <div class="bg_video_box">
+      <video :src="`/static/video/bjiang${videoIndex}.mp4`" muted="muted" autoplay="autoplay" loop="loop"  id="homeBGvideo"></video>
+    </div>
+    <div class="hd-game-btn-container">
+      <div class="award-ctrl">
+        <span class="iconfont iconzuosanjiaoxing" :style="{'color': listVal === 0 ? 'gray' : '#000'}" @click="switchAward(1)"></span>
+        <el-select v-model="listVal" class="w60">
+          <el-option
+            v-for="item in bjList"
+            :key="item.i"
+            :label="item.s"
+            :value="item.i">
+          </el-option>
+        </el-select>
+        <span class="iconfont iconyousanjiaoxing" :style="{'color': this.listVal === this.bjList.length-1 ? 'gray' : '#000'}"  @click="switchAward(2)"></span>
+      </div>
+    </div>
+    <Awards-yi v-show="listVal === 0" />
+    <Awards-er v-show="listVal === 1" />
+    <Awards-san v-show="listVal === 2" />
+    <Awards-si v-show="listVal === 3" />
+    <Awards-wu v-show="listVal === 4" />
+    <Awards-liu v-show="listVal === 5" />
+    <Awards-qi v-show="listVal === 6" />
+    <Awards-ba v-show="listVal === 7" />
+  </div>
+</template>
+
+<script>
+import Awards1 from './Awards/Awards1'
+import Awards2 from './Awards/Awards2'
+import Awards3 from './Awards/Awards3'
+import Awards4 from './Awards/Awards4'
+import Awards5 from './Awards/Awards5'
+import Awards6 from './Awards/Awards6'
+import Awards7 from './Awards/Awards7'
+import Awards8 from './Awards/Awards8'
+export default {
+  components: {
+    'Awards-yi': Awards1,  
+    'Awards-er': Awards2,
+    'Awards-san': Awards3,
+    'Awards-si': Awards4,
+    'Awards-wu': Awards5,
+    'Awards-liu': Awards6,
+    'Awards-qi': Awards7,
+    'Awards-ba': Awards8
+  },
+  data () {
+    return {
+      initSize: {
+        width: 1813,
+        height: 1020
+      },
+      videInfo: {
+        width: 1813,
+        height: 1020,
+        offsetX: 0,
+        offsetY: 0,
+        transformScale1: 0,
+        transformScale2: 0
+      },
+      videoIndex: 1,
+      listVal: 0,
+      bjList: [
+        {
+          s: '2019年明星俱乐部 1000万',
+          i: 0
+        },
+        {
+          s: '2019年明星俱乐部 700万',
+          i: 1
+        },
+        {
+          s: '2019年明星俱乐部 600万',
+          i: 2
+        },
+        {
+          s: '2019年明星俱乐部 500万',
+          i: 3
+        },
+        {
+          s: '2019年明星俱乐部 400万',
+          i: 4
+        },
+        {
+          s: '2019年销售排名',
+          i: 5
+        },
+        {
+          s: '2019年区域销售冠军奖',
+          i: 6
+        },
+        {
+          s: '2019年公司利润第一',
+          i: 7
+        }
+      ]
+    }
+  },
+  activated () {
+    var video = document.getElementById('homeBGvideo')
+    video.play()
+  },
+  created () {
+    this.windowResize()
+  },
+  mounted () {
+    const that = this
+    window.onresize = () => {
+      return (() => {
+        that.windowResize()
+      })()
+    }
+  },
+  methods: {
+    switchAward: function (type) {
+      if (type === 1) {
+        if (this.listVal === 0) return
+        this.listVal--
+      } else {
+        if (this.listVal === this.bjList.length-1) return
+        this.listVal++
+      }
+    },
+    windowResize: function () {
+      let WindowW = window.innerWidth
+      let WindowH = window.innerHeight
+      this.videInfo.transformScale1 = WindowW / this.initSize.width
+      this.videInfo.transformScale2 = WindowH / this.initSize.height
+      this.videInfo.offsetX = (WindowW - this.initSize.width) * 0.5
+      this.videInfo.offsetY = (WindowH - this.initSize.height) * 0.5
+    }
+  }
+}
+</script>
+<style>
+.Awarding{
+  z-index: 10009 !important;
+}
+.Awarding .el-input__inner{
+    background-color: #150c0e45;
+    color: white;
+    border: none;
+}
+.Awarding .el-select-dropdown{
+  z-index: 10086 !important
+}
+
+</style>
+<style scoped>
+@import "../assets/css/index.css";
+.content{
+    text-align: center; 
+    -webkit-background-clip: text;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-image: url(/static/image/fongt-bg.png);
+    background-position: left top;
+    background-repeat: repeat;
+    word-break: break-all;
+    transform-origin: 0px 0px 0px;
+    padding-top: 6rem;
+    transform: scale(.8);
+    left: 10%;
+    position: absolute;
+    width: 100%;
+}
+.content p{
+    margin-bottom: 3rem;
+}
+.content .big{
+    font-size: 20rem;
+    letter-spacing: 5rem;
+}
+.content .big-s{
+    font-size: 12rem;
+    letter-spacing: 10px;
+}
+.content .small{
+    font-size: 6rem;
+    letter-spacing: 22px;
+}
+.hd-game-btn-container{
+    position: absolute;
+    bottom: 5px;
+    right: .5%;
+    z-index: 1000;
+    width: 220px;
+    height: 135px;
+    border-radius: 8px;
+    background: url(/static/image/shuqian/g_footer_bg2.png) no-repeat;
+    background-size: 100% 100%;
+    display: flex;
+    text-align: center;
+    justify-content: center;
+    align-items: center;
+    padding: 1rem;
+    box-sizing: border-box;
+    z-index: 10086;
+}
+.award-ctrl{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.award-ctrl .iconfont{
+  cursor: pointer;
+}
+</style>

src/components/Center.vue → src/components/Awards/Awards1.vue

 <template>
-  <div>
-    <div>{{msg}}</div>
-    <router-link to="/index">返回</router-link>
-  </div>
+    <div class="Awards1">
+        爱美女士的八十八端口
+    </div>
 </template>
-
-<script>
+<script> 
 export default {
-  name: 'center',
   data () {
     return {
-      msg: '中心'
+      
     }
   },
-  activated () {
-    this.msg = new Date() + '呵呵'
-  }
+  activated () {},
+  created () {},
+  mounted () {},
+  methods: {}
 }
 </script>
+<style scoped>
 
-<style>
 </style>

src/components/SignIn.vue → src/components/Awards/Awards2.vue

 <template>
-  <div>
-    <div>{{msg}}</div>
-    <router-link to="/index">返回</router-link>
-  </div>
+    <div class="Awards1">
+        爱美女士的八十八端口
+    </div>
 </template>
-
-<script>
+<script> 
 export default {
-  name: 'SignIn',
   data () {
     return {
-      msg: '签到'
+      
     }
   },
-  activated () {
-    this.msg = new Date() + '呵呵'
-  }
+  activated () {},
+  created () {},
+  mounted () {},
+  methods: {}
 }
 </script>
+<style scoped>
 
-<style>
 </style>

src/components/Awards/Awards3.vue

+<template>
+    <div class="Awards1">
+        爱美女士的八十八端口
+    </div>
+</template>
+<script> 
+export default {
+  data () {
+    return {
+      
+    }
+  },
+  activated () {},
+  created () {},
+  mounted () {},
+  methods: {}
+}
+</script>
+<style scoped>
+
+</style>

src/components/Awards/Awards4.vue

+<template>
+    <div class="Awards1">
+        爱美女士的八十八端口
+    </div>
+</template>
+<script> 
+export default {
+  data () {
+    return {
+      
+    }
+  },
+  activated () {},
+  created () {},
+  mounted () {},
+  methods: {}
+}
+</script>
+<style scoped>
+
+</style>

src/components/Awards/Awards5.vue

+<template>
+    <div class="Awards1">
+        爱美女士的八十八端口
+    </div>
+</template>
+<script> 
+export default {
+  data () {
+    return {
+      
+    }
+  },
+  activated () {},
+  created () {},
+  mounted () {},
+  methods: {}
+}
+</script>
+<style scoped>
+
+</style>

src/components/Awards/Awards6.vue

+<template>
+    <div class="Awards1">
+        爱美女士的八十八端口
+    </div>
+</template>
+<script> 
+export default {
+  data () {
+    return {
+      
+    }
+  },
+  activated () {},
+  created () {},
+  mounted () {},
+  methods: {}
+}
+</script>
+<style scoped>
+
+</style>

src/components/Awards/Awards7.vue

+<template>
+    <div class="Awards1">
+        爱美女士的八十八端口
+    </div>
+</template>
+<script> 
+export default {
+  data () {
+    return {
+      
+    }
+  },
+  activated () {},
+  created () {},
+  mounted () {},
+  methods: {}
+}
+</script>
+<style scoped>
+
+</style>

src/components/Awards/Awards8.vue

+<template>
+    <div class="Awards1">
+        爱美女士的八十八端口
+    </div>
+</template>
+<script> 
+export default {
+  data () {
+    return {
+      
+    }
+  },
+  activated () {},
+  created () {},
+  mounted () {},
+  methods: {}
+}
+</script>
+<style scoped>
+
+</style>

src/components/Leader.vue

+<template>
+  <div class="bg_box" :style="{position: 'relative', width: `${videInfo.width}px`, height: `${videInfo.height}px`, left: `${videInfo.offsetX}px`, top: `${videInfo.offsetY}px`, transform: `scale(${videInfo.transformScale1}, ${videInfo.transformScale2})`}">
+    <div class="bg_video_box">
+      <video src="/static/video/GCxiangyunB.mp4" autoplay="autoplay" loop="loop"  id="homeBGvideo"></video>
+    </div>
+    <div class="content">
+        <p class="big">领导致辞</p>
+        <p class="big-s">总经理：谢军</p>
+        <p class="small">十年影随·感恩有你</p>
+        <p class="small">印象之路10周年生日快乐</p>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'index',
+  data () {
+    return {
+      initSize: {
+        width: 1813,
+        height: 1020
+      },
+      videInfo: {
+        width: 1813,
+        height: 1020,
+        offsetX: 0,
+        offsetY: 0,
+        transformScale1: 0,
+        transformScale2: 0
+      }
+    }
+  },
+  activated () {
+    var video = document.getElementById('homeBGvideo')
+    video.play()
+  },
+  created () {
+    this.windowResize()
+  },
+  mounted () {
+    const that = this
+    window.onresize = () => {
+      return (() => {
+        that.windowResize()
+      })()
+    }
+  },
+  methods: {
+    windowResize: function () {
+      let WindowW = window.innerWidth
+      let WindowH = window.innerHeight
+      this.videInfo.transformScale1 = WindowW / this.initSize.width
+      this.videInfo.transformScale2 = WindowH / this.initSize.height
+      this.videInfo.offsetX = (WindowW - this.initSize.width) * 0.5
+      this.videInfo.offsetY = (WindowH - this.initSize.height) * 0.5
+    }
+  }
+}
+</script>
+
+<style scoped>
+@import "../assets/css/index.css";
+.content{
+    text-align: center; 
+    -webkit-background-clip: text;
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-image: url(/static/image/fongt-bg.png);
+    background-position: left top;
+    background-repeat: repeat;
+    word-break: break-all;
+    transform-origin: 0px 0px 0px;
+    padding-top: 6rem;
+    transform: scale(.8);
+    left: 10%;
+    position: absolute;
+    width: 100%;
+}
+.content p{
+    margin-bottom: 3rem;
+}
+.content .big{
+    font-size: 20rem;
+    letter-spacing: 5rem;
+}
+.content .big-s{
+    font-size: 12rem;
+    letter-spacing: 10px;
+}
+.content .small{
+    font-size: 6rem;
+    letter-spacing: 22px;
+}
+</style>

src/components/pageNav.vue

@@ -72,7 +72,7 @@ export default {
       $this.nextMusic()
     })
     setTimeout(()=>{
-      $this.$PROXY.invoke("SendVoteProgarm", 1, "").done(m=>{
+      $this.$PROXY.invoke("GetVoteProgarm", 1).done(m=>{
         $this.leftNavMenu.map(x=>{
           if (x.Name === '节目单') {
             let list = []

src/components/pillar/AllPillar.vue

 <template>
   <div class="Apillar AllPillar">
-    <div class="item"  v-for="(item, index) in 6">
+    <div class="item"  v-for="(item, index) in dataList">
       <div class="top">
-        <div class="piaoshu">{{piaoshu}}</div>
+        <div class="piaoshu">{{item.vc}}</div>
         <div class="miao">
           <img src="/static/image/jiemu/huohua.png" alt="">
         </div>
         <div class="body">
-          <img :class="`fire fire${i}`" :style="{'left': i * 10 + '%'}" v-for="(s, i) in 5" src="/static/image/jiemu/fire.png" alt="">
+          <img v-if="index<=2" :class="`fire fire${i}`" :style="{'left': i * 10 + '%'}" v-for="(s, i) in 5" src="/static/image/jiemu/fire.png" alt="">
         </div>
         <div class="dibu">
           <img src="/static/image/jiemu/laoshu.png" alt="">
         </div>
       </div>
       <div class="name">
-        <p>南京印象</p>
-        <p>《俺们东北人》</p>
+        <p>{{item.t}}</p>
+        <p>{{item.b}}</p>
       </div>
     </div>
   </div>
@@ -26,12 +26,21 @@ export default {
   name: 'AllPillar',
   data () {
     return {
-      piaoshu: 250
+      piaoshu: 250,
+      dataList: []
     }
   },
   activated () {},
   created () {},
-  mounted () {},
+  mounted () {
+    let $this = this
+    setTimeout(()=>{
+      $this.$PROXY.invoke("GetVoteProgarmResult", 1).done(m=>{
+        console.log(m)
+        $this.dataList = m
+      });
+    }, 2000)
+  },
   methods: {}
 }
 </script>

src/components/playGame/LuckDraw.vue

@@ -7,9 +7,9 @@
     </div>
     <div class="container">
         <!-- 未开始 -->
-        <div class="box" v-if="awardData.length && awardData[awardIndex].nameList.length === 0 && awardNo">
+        <div class="box" :class="{'box_2': awardData.length && awardData[awardIndex].nameList.length !== 0}" v-if="awardData.length && awardNo">
           <div class="jinbian"></div>
-          <p class="title">幸运抽奖</p>
+          <p class="title" v-if="awardData[awardIndex].nameList.length === 0">幸运抽奖</p>
           <div class="join-total-box">
             <div>
               <span>中奖人数：</span>{{awardData.length &&  awardData[awardIndex].nameList.length}}
@@ -18,13 +18,34 @@
               <span>参与人数：</span>{{dataList2.length}}
             </div>
           </div>
-          <div class="jiangpin-box" >
-            <p>{{awardData[awardIndex].name}}</p>
-            <div class="img-box">
-              <img :src="awardData[awardIndex].img" alt="">
+          <template v-if="awardData.length && awardData[awardIndex].nameList.length === 0">
+            <div class="jiangpin-box" >
+              <p>{{awardData[awardIndex].name}}</p>
+              <div class="img-box">
+                <img :src="awardData[awardIndex].img" alt="">
+              </div>
+              <p>{{awardData[awardIndex].proName}}</p>
             </div>
-            <p>{{awardData[awardIndex].proName}}</p>
-          </div>
+          </template>
+          <template v-if="awardData.length && awardData[awardIndex].nameList.length !== 0">
+            <div class="jiangpin-box" >
+              <div class="img-box">
+                <img :src="awardData[awardIndex].img" alt="">
+              </div>
+              <p class="f2">{{awardData[awardIndex].proName}}</p>
+              <p class="f2b">{{awardData[awardIndex].name}}</p>
+            </div>
+            <div class="pp-box">
+              <div class="people" v-for="item in awardData[awardIndex].nameList">
+                <div class="people-div">
+                  <img :src="item.Img">
+                  <div class="people-div-bs">
+                </div>
+                </div>
+                <p class="people-name">{{item.EmpName}}</p>
+              </div>
+            </div>
+          </template>
           <div class="award-ctrl">
             <span class="iconfont iconzuosanjiaoxing" @click="switchAward(1)"></span>
             <span>一次抽取</span>&nbsp;&nbsp;
@@ -46,8 +67,9 @@
         </div>
         <!-- 抽奖中 -->
         <div v-show="awardIn" id="lottery3d-stage"></div>
+        <p v-show="awardIn" class="tips">按空格键停止抽奖</p>
         <!-- 抽奖后 显示中奖名单 -->
-        <div class="box box_2" v-if="(awardData.length && awardData[awardIndex].nameList.length !== 0 && !awardIn) || awardOut">
+        <div class="box box_2" v-if="false">
           <div class="jinbian"></div>
           <div class="join-total-box">
             <div>
@@ -134,25 +156,17 @@ export default {
     this.windowResize()
   },
   mounted () {
-    const that = this
+    const $this = this
     window.onresize = () => {
       return (() => {
-        that.windowResize()
+        $this.windowResize()
       })()
     }
     setTimeout(()=>{
-      that.$PROXY.invoke("SendSignins", '1').done(data => {
-        let i = 0
-        data.map(x=>{
-          i++
-          x.class = `head1`
-          if (i > 11) {
-            i = 0
-          }
-        })
-        that.dataList2 = data
+      $this.$PROXY.invoke("SendSignins", '1').done(data => {
+        $this.dataList2 = data
       });
-      that.$PROXY.invoke("GetLottery", '', '').done(data => {
+      $this.$PROXY.invoke("GetLottery", '', '').done(data => {
         data.map(x=>{
           let obj = {
             name: x.n,
@@ -162,15 +176,33 @@ export default {
             img: x.img,
             nameList: JSON.parse(x.lotteryHistoryList)
           }
-          that.awardData.push(obj)
+          $this.awardData.push(obj)
         })
       })
     }, 2000)
     // 空格键结束抽奖
     document.onkeydown = function(e){
       var keyNum = window.event ? e.keyCode :e.which;
+      if (!$this.awardIn) return
       if(keyNum==32){ 
-         
+        $this.$PROXY.invoke("GetLottery", $this.awardData[$this.awardIndex].id, $this.awardPP).done(data => {
+          console.log(data)
+          $this.awardData = []
+          data.map(x=>{
+            let obj = {
+              name: x.n,
+              maxNum: Number(x.a),
+              proName: x.award,
+              id: x.i,
+              img: x.img,
+              nameList: JSON.parse(x.lotteryHistoryList)
+            }
+            $this.awardData.push(obj)
+          })
+          $this.awardOut = true
+          $this.awardIn = false
+          $this.awardNo = true
+        })
       }
     }
   },
@@ -242,21 +274,26 @@ export default {
         return parseInt(c, 10)
     },
     headMove: function () {
-      this.init()
-      let $this = this 
-      $this.$PROXY.invoke("GetLottery", $this.awardData[$this.awardIndex].id, $this.awardPP).done(data => {
-        console.log(data)
-      })
+      let $this = this
+      var f = document.getElementById("lottery3d-stage"); 
+      var childs = f.childNodes; 
+      for(var i = childs.length - 1; i >= 0; i--) { 
+        f.removeChild(childs[i]); 
+      }
+      this.speed = 50
+      setTimeout(()=>{
+        $this.init()
+      }, 200)
     },
     // 启动抽奖
     awardGo: function () {
       if (this.awardIn) return
       this.awardNo = false
       this.awardIn = true
+      this.awardOut = false
       this.headMove()
     },
     switchAward: function (type) {
-      console.log(type, this.awardIndex )
       if (type === 1) {
         if (this.awardIndex === 0) return
         this.awardIndex--

src/components/playGame/Mouse.vue

@@ -38,8 +38,8 @@
           <div class="star-box"></div>
           <div class="star-line"></div>
           <div class="star-title"></div>
-          <div class="game-title" data-text="京鼠闹大年">
-            京鼠闹大年
+          <div class="game-title" data-text="瑞鼠迎福">
+            瑞鼠迎福
           </div>
           <div class="pig-build"></div>
           <div class="ribbon-flag"></div>

src/router/index.js

@@ -7,9 +7,10 @@ import Money from '@/components/playGame/Money'
 import LuckDraw from '@/components/playGame/LuckDraw'
 import PerformRanking2 from '@/components/PerformRanking2'
 import Answer from '@/components/playGame/Answer'
-import SignIn from '@/components/SignIn'
 import PerformRanking from '@/components/PerformRanking'
 import CountDown from '@/components/CountDown'
+import Leader from '@/components/Leader'
+import Awarding from '@/components/Awarding'
 Vue.use(Router)
 export default new Router({
   routes: [
@@ -61,6 +62,22 @@ export default new Router({
         title: '抽奖',
         keepAlive: false
       }
+    }, {
+      path: '/Leader',
+      name: 'Leader',
+      component: Leader,
+      meta: {
+        title: '抽奖',
+        keepAlive: false
+      }
+    },, {
+      path: '/Awarding',
+      name: 'Awarding',
+      component: Awarding,
+      meta: {
+        title: '抽奖',
+        keepAlive: false
+      }
     }, {
       path: '/PerformRanking2',
       name: 'PerformRanking2',
@@ -85,14 +102,6 @@ export default new Router({
         title: '答题',
         keepAlive: false
       }
-    }, {
-      path: '/SignIn',
-      name: 'SignIn',
-      component: SignIn,
-      meta: {
-        title: '签到',
-        keepAlive: false
-      }
     }
     //  {
     //   path: '/PerformRanking/:id',