Pārlūkot izejas kodu

抽奖页面布局

yanliming 1 dienu atpakaļ
vecāks
revīzija
8a002889c5
1 mainītis faili ar 17 papildinājumiem un 5 dzēšanām
  1. 17 5
      src/views/startLottery.vue

+ 17 - 5
src/views/startLottery.vue

@@ -66,17 +66,18 @@
                       >
                       >
                     </el-option>
                     </el-option>
                   </el-select>
                   </el-select>
+                  <span style="margin-left:2vw">人数:</span><span>{{awardNum}}</span>
                 </el-form-item>
                 </el-form-item>
               </el-form>
               </el-form>
-              <div style="text-align:center">
+              <div style="margin-left:4vw">
                 <span>
                 <span>
                   <el-button
                   <el-button
-                    type="primary"
+                    style="background-color:#FAB90C"
                     @click="handleSubmit"
                     @click="handleSubmit"
                     :loading="submitting"
                     :loading="submitting"
                     >开始抽奖</el-button
                     >开始抽奖</el-button
                   >
                   >
-                  <el-button>重新开始</el-button>
+                  <!-- <el-button>重新抽奖</el-button> -->
                 </span>
                 </span>
               </div>
               </div>
               <div class="imgDiv">
               <div class="imgDiv">
@@ -104,6 +105,12 @@
               v-for="(item, index) in awardWinningInfoList"
               v-for="(item, index) in awardWinningInfoList"
               v-bind:key="index"
               v-bind:key="index"
             >
             >
+              <span>              
+                <el-image
+                  :src="require('@/assets/img/min.png')"
+                  style="width:2vw;height:2vw"
+                ></el-image>
+              </span>
               <span>{{ item.name }}:{{ item.num }}人</span>
               <span>{{ item.name }}:{{ item.num }}人</span>
               <el-divider></el-divider>
               <el-divider></el-divider>
               <div style="margin-bottom:1.5vw;">
               <div style="margin-bottom:1.5vw;">
@@ -113,7 +120,7 @@
                   v-bind:key="index1"
                   v-bind:key="index1"
                 >
                 >
                   <el-image
                   <el-image
-                    style="width: 4vw; height: 4vw"
+                    style="width: 4vw; height: 4vw;"
                     :src="item1.lotteryPersonnelImage"
                     :src="item1.lotteryPersonnelImage"
                   ></el-image>
                   ></el-image>
                   <div style="font-size:0.6vw">
                   <div style="font-size:0.6vw">
@@ -292,6 +299,7 @@ export default {
       popAwardName: "",
       popAwardName: "",
       popAwardPrize: "",
       popAwardPrize: "",
       intervalId: null,
       intervalId: null,
+      awardNum:"",
     };
     };
   },
   },
   created() {
   created() {
@@ -339,6 +347,7 @@ export default {
           self.popActivityName = jsonData.data.activityName;
           self.popActivityName = jsonData.data.activityName;
           self.popAwardName = jsonData.data.name;
           self.popAwardName = jsonData.data.name;
           self.popAwardPrize = jsonData.data.prizeName;
           self.popAwardPrize = jsonData.data.prizeName;
+          self.awardNum = jsonData.data.num;
         }
         }
       });
       });
     },
     },
@@ -446,7 +455,10 @@ export default {
     },
     },
     handleStop() {
     handleStop() {
       var self = this;
       var self = this;
-      self.lotteryResultsNum = true;
+      if(self.awardNum > 1 ){
+        self.lotteryResultsNum = true;
+      }
+      
       self.isCompleted = true;
       self.isCompleted = true;
       clearInterval(this.intervalId);
       clearInterval(this.intervalId);