持续测试优化

src/view/drawManage/index.vue

@@ -157,6 +157,7 @@ const drawFormRules = ref({
   full_member:[{ required: true, message: '请输入满员人数', trigger: 'blur'},
   { type: 'number', message: '请输入正确的格式' }],
   end_time:[{ required: true, message: '请输入截止时间', trigger: 'blur' }],
+  delay_time:[{ required: true, message: '请输入砸蛋时间', trigger: 'blur' }],
   begin_time:[{ required: true, message: '请输入开始时间', trigger: 'blur' }],
   product_cover:[{ required: true, message: '请选择商品封面', trigger: 'blur' }],
   egg_quantity:[{ required: true, message: '请输入金蛋数量', trigger: 'blur'},
@@ -273,7 +274,7 @@ async function drawStateFunc(row,type) { //竞拍上架 下架
       if(action === 'confirm') {
         const res = await api.drawStateFunc({id:row.id,status:type})
         if(res.code === 0) {
-             ElMessage({
+            ElMessage({
               type: 'success',
               message: `修改成功`,
             })
@@ -303,6 +304,43 @@ async function viewAuctionFunc(row) { // 竞拍明细
     viewInfo.value = res.data.list
   }
 }
+function memberFunc() {
+  drawForm.value.egg_quantity = drawForm.value.full_member
+}
+const egg_mask = ref(true)
+function getRandomNumber() {
+  if(!drawForm.value.full_member) {
+    ElMessage({
+      type: 'warning',
+      message: `请先输入满员人数`,
+    })
+    drawForm.value.prize_number = ''
+    return
+  }
+  if(!drawForm.value.delay_time) {
+    ElMessage({
+      type: 'warning',
+      message: `请先设置砸蛋时间`,
+    })
+    drawForm.value.prize_number = ''
+    return
+  }
+
+  let rand_num = Math.random()
+  let rand_res = 1
+  if(!rand_num){
+    rand_num = 1
+  }
+  rand_res = Math.ceil(rand_num*drawForm.value.full_member)
+  // console.log(drawForm.value.end_time)
+  if(drawForm.value.delay_time < (Date.parse(new Date()))) { // 已过期 可以显示
+    egg_mask.value = false
+  }
+  else{ // 隐藏中奖号码
+    egg_mask.value = true
+  }
+  drawForm.value.prize_number  = rand_res
+}
 </script>
 <template>
   <div>
@@ -370,6 +408,11 @@ async function viewAuctionFunc(row) { // 竞拍明细
             {{custom.timestampToDate2(scope.row.end_time)}}
           </template>
         </el-table-column>
+        <el-table-column align="center" label="砸蛋日期" min-width="150" >
+          <template #default="scope">
+            {{custom.timestampToDate2(scope.row.delay_time)}}
+          </template>
+        </el-table-column>
 
         <el-table-column align="center" label="已参与人数" min-width="150" prop="in_member" />
         <el-table-column align="center" label="金蛋数量" min-width="150" prop="egg_quantity" />
@@ -472,7 +515,7 @@ async function viewAuctionFunc(row) { // 竞拍明细
           <el-input v-model.number="drawForm.in_point" placeholder="请输入参与积分" autocomplete="off" />
         </el-form-item>
         <el-form-item prop="full_member" label="满员人数" >
-          <el-input v-model.number="drawForm.full_member" placeholder="请输入满员人数" autocomplete="off" />
+          <el-input @change="memberFunc" v-model.number="drawForm.full_member" placeholder="请输入满员人数" autocomplete="off" />
         </el-form-item>
         <el-form-item label="开始日期" prop="begin_time" >
           <el-date-picker
@@ -492,11 +535,23 @@ async function viewAuctionFunc(row) { // 竞拍明细
             value-format="x"
           />
         </el-form-item>
-        <el-form-item label="金蛋数量" prop="egg_quantity">
-          <el-input v-model.number="drawForm.egg_quantity" placeholder="请输入金蛋数量" autocomplete="off" />
+        <el-form-item label="砸蛋日期" prop="delay_time" >
+          <el-date-picker
+            v-model="drawForm.delay_time"
+            type="datetime"
+            placeholder="砸蛋日期"
+            format="YYYY-MM-DD HH:mm:ss"
+            value-format="x"
+          />
         </el-form-item>
-        <el-form-item label="中奖号码" prop="prize_number">
-          <el-input v-model.number="drawForm.prize_number" placeholder="请输入中奖号码" autocomplete="off" />
+        <el-form-item label="金蛋数量" prop="egg_quantity">
+          <el-input v-model.number="drawForm.egg_quantity"  disabled="true"  placeholder="请输入金蛋数量" autocomplete="off" />
+        </el-form-item>
+        <el-form-item style="position:relative" label="中奖号码" prop="prize_number">
+          <el-input v-model.number="drawForm.prize_number" disabled placeholder="请设置中奖号码" autocomplete="off" />
+          <div class="egg-mask" v-if="egg_mask && drawForm.prize_number">已生成中奖号码，活动结束后方可观看</div>
+          <div class="egg-mask" v-else-if="egg_mask && !drawForm.prize_number">请点击下方生成中奖号码，活动结束后方可观看</div>
+          <el-button size="small" type="plain" @click="getRandomNumber">随机生成</el-button>
         </el-form-item>
 <!--        <el-form-item label="奖品装蛋" >-->
 <!--          <el-switch @change="loadingEggChange" v-model="drawForm.loading_egg" active-text="是" inactive-text="否" :active-value="true" inactive-value="false"  />-->
@@ -556,6 +611,16 @@ async function viewAuctionFunc(row) { // 竞拍明细
   </div>
 </template>
 <style scoped lang="scss">
+  .egg-mask{
+    position: absolute;
+    left: 0px;
+    background: #e7e7e7;
+    width: 100%;
+    height: 50%;
+    top: 0px;
+    color: #999999;
+    padding: 0 10px;
+  }
   .form-box{
     padding: 10px;
   }