From 1b9bfe128f64c55f90071244967160ece0d89d00 Mon Sep 17 00:00:00 2001
From: liuqimichale <123456lq>
Date: Tue, 17 Aug 2021 14:51:58 +0800
Subject: [PATCH] 按钮颜色

---
 src/views/highVideo.vue | 238 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++----------------------------------------------------------------------------------------------------------------------------------
 1 file changed, 108 insertions(+), 130 deletions(-)

diff --git a/src/views/highVideo.vue b/src/views/highVideo.vue
index a440070..ab33995 100644
--- a/src/views/highVideo.vue
+++ b/src/views/highVideo.vue
@@ -1,6 +1,6 @@
 <template>
 
-  <el-container style="height: 100%;width: 1190px;margin: 0 auto;" v-if="list.length>0">
+  <el-container style="height: 100%;width: 1190px;margin: 0 auto;" >
     <el-header class="header-wrap">
       <el-row>
         <el-col :span="4">
@@ -32,142 +32,123 @@
         </el-col>
       </el-row>
     </el-header>
-    <el-main style="padding: 0;display: flex">
-      <ul class="status-wrap">
-        <li v-for="(i, index) in list" :key="i.id" >
-          <div :class="i.examineState | classBorderFilter"  >
-            <el-row>
-              <el-col style="padding-left: 10px;" :span="9" :class="{active:currentIndex == index}" @click.native="chooseHandle(i,index)">
-                <p class="status-ifo">
-                  <span>{{ i.parkState | parkStateFilter}}</span>
-                  <span v-if="i.examineState == 0" class="redText">需审核</span>
-                  <span v-else-if="i.examineState == 1" class="blueText">通过</span>
-                  <span v-else class="yellowText">废弃</span>
-                </p>
-                <p class="status-ifo">
-                  <span>车牌号码: {{ i.carNumber }}</span>
-                  <span>车牌颜色: {{ i.vplColor | vplColorFilter}}</span>
-                </p>
-                <p class="status-ifo">
-                  <span>车辆类型: 轿车</span>
-                  <span>车身颜色: 其他</span>
-                </p>
-                <p class="status-ifo">
-                  <span>{{ i.parkTime }}</span>
-                  <span>停车事件: {{ i.parkState}}</span>
-                </p>
-              </el-col>
-              <el-col :span="15" style="overflow-x: auto;width: 550px;">
-                <div class="imgBox" :style="{width: i.imgList.length*190+'px'}">
-                  <img
-                    v-for="(item,imgindex) in i.imgList"
-                    :key="imgindex"
-                    :src="item"
-                    :preview="index"
-                  />
-                </div>
-
-              </el-col>
-              <!--<el-col :span="4" style="text-align: center;line-height: 120px">-->
-              <!--<el-button type="primary">操作</el-button>-->
-              <!--</el-col>-->
-
-            </el-row>
+    <el-main style="padding: 0;">
+      <div v-if="list.length>0" style="display: flex">
+        <ul class="status-wrap" >
+          <li v-for="(i, index) in list" :key="i.id" >
+            <div :class="i.examineState | classBorderFilter"  >
+              <el-row>
+                <el-col style="padding-left: 10px;" :span="9" :class="{active:currentIndex == index}" @click.native="chooseHandle(i,index)">
+                  <p class="status-ifo">
+                    <span>{{ i.parkState | parkStateFilter}}</span>
+                    <span v-if="i.examineState == 0" class="redText">需审核</span>
+                    <span v-else-if="i.examineState == 1" class="blueText">通过</span>
+                    <span v-else class="yellowText">废弃</span>
+                  </p>
+                  <p class="status-ifo">
+                    <span>车牌号码: {{ i.carNumber }}</span>
+                    <span>车牌颜色: {{ i.vplColor | vplColorFilter}}</span>
+                  </p>
+                  <p class="status-ifo">
+                    <span>车辆类型: 轿车</span>
+                    <span>车身颜色: 其他</span>
+                  </p>
+                  <p class="status-ifo">
+                    <span>{{ i.parkTime }}</span>
+                    <span>停车事件: {{ i.parkState}}</span>
+                  </p>
+                </el-col>
+                <el-col :span="15" style="overflow-x: auto;width: 550px;">
+                  <div class="imgBox" :style="{width: i.imgList.length*190+'px'}">
+                    <img
+                      v-for="(item,imgindex) in i.imgList"
+                      :key="imgindex"
+                      :src="item"
+                      :preview="index"
+                    />
+                  </div>
+
+                </el-col>
+                <!--<el-col :span="4" style="text-align: center;line-height: 120px">-->
+                <!--<el-button type="primary">操作</el-button>-->
+                <!--</el-col>-->
+
+              </el-row>
+            </div>
+          </li>
+
+        </ul>
+
+        <div class="handle-wrap">
+          <div v-show="handleShow">
+            <el-input v-model="carnum" maxlength="9">
+              <template slot="prepend">改车牌</template>
+              <el-button slot="append"  @click.native="updateStatusCar">确定</el-button>
+            </el-input>
+            <div>
+              <el-date-picker style="width:73%;margin-top:15px;"
+                              v-model="time"
+                              default-value="2021-08-01 00:02:02"
+                              type="datetime"
+                              placeholder="选择日期时间">
+              </el-date-picker><el-button slot="append"  @click.native="updateStatusTime">确定</el-button>
+            </div>
+            <div>
+              <el-button type="primary" size="medium" style="width:100%;margin-top:15px;" @click.native="updateStatus(1,'')">通过</el-button>
+            </div>
+            <div>
+              <el-button type="danger" size="medium" style="width:100%;margin-top:15px;" @click.native="updateStatus(2,'')">废弃</el-button>
+
+            </div>
+
+            <div>
+              <el-button type="info" size="medium" style="width:100%;margin-top:15px;" @click.native="updateStatus(0,'')">撤销</el-button>
+
+            </div>
+
+            <div>
+              <el-button type="primary" size="medium" style="width:100%;margin-top:15px;">补录</el-button>
+
+            </div>
+
+            <div style="margin-top:15px;">
+              车辆类型:
+              <el-radio-group v-model="radio">
+                <el-radio :label="3">大型车</el-radio>
+                <el-radio :label="6">中型车</el-radio>
+                <el-radio :label="9">小型车</el-radio>
+              </el-radio-group>
+            </div>
           </div>
-        </li>
-
-      </ul>
-
-      <div class="handle-wrap">
-        <div v-show="handleShow">
-          <el-input v-model="carnum" maxlength="9">
-            <template slot="prepend">改车牌</template>
-            <el-button slot="append"  @click.native="updateStatusCar">确定</el-button>
-          </el-input>
-          <div>
-            <el-date-picker style="width:73%;margin-top:15px;"
-                            v-model="time"
-                            default-value="2021-08-01 00:02:02"
-                            type="datetime"
-                            placeholder="选择日期时间">
-            </el-date-picker><el-button slot="append"  @click.native="updateStatusTime">确定</el-button>
-          </div>
-          <div>
-            <el-button type="primary" size="medium" style="width:100%;margin-top:15px;" @click.native="updateStatus(1,'')">通过</el-button>
-          </div>
-          <div>
-            <el-button type="primary" size="medium" style="width:100%;margin-top:15px;" @click.native="updateStatus(2,'')">废弃</el-button>
-
-          </div>
-
-          <div>
-            <el-button type="primary" size="medium" style="width:100%;margin-top:15px;" @click.native="updateStatus(0,'')">撤销</el-button>
-
-          </div>
-
-          <div>
-            <el-button type="primary" size="medium" style="width:100%;margin-top:15px;">补录</el-button>
 
-          </div>
         </div>
+      </div>
 
-
-        <!--<div>-->
-          <!--<el-button type="success" size="medium" style="width:100%;margin-top:15px;">确定</el-button>-->
-
-        <!--</div>-->
-
+      <div v-else>
+        <div style="font-size: 20px;padding-top: 20px;text-align: center">
+          <span class="el-icon-warning-outline">暂无数据</span>
+        </div>
 
       </div>
+
     </el-main>
     <el-footer class="footer-wrap" style="height: 40px;">
 
       <el-row>
         <el-col :span="6">
-          <p>今日已处理 100 条，通过 80 条，废弃 20 条</p>
+          <p>今日已处理 {{ operCurrentCount }} 条，通过 {{ operPassCount }} 条，废弃 {{ operDiscardCount }} 条</p>
         </el-col>
 
         <el-col :span="15" :offset="3">
-          <p>操作按钮</p>
+          <!--<p>操作按钮</p>-->
         </el-col>
       </el-row>
 
     </el-footer>
 
-    <!--<el-dialog-->
-      <!--title="操作"-->
-      <!--:visible.sync="centerDialogVisible"-->
-      <!--width="30%"-->
-      <!--center>-->
-
-      <!--<div class="button">-->
-        <!--<el-input v-model="carNumber" maxlength="9">-->
-          <!--<template slot="prepend">修改车牌</template>-->
-        <!--</el-input>-->
-        <!--<div style="margin-bottom: 15px;"></div>-->
-        <!--<el-button type="primary">通过</el-button>-->
-        <!--<el-button type="primary">废弃</el-button>-->
-        <!--<el-button type="primary">通过</el-button>-->
-        <!--<el-button type="primary">废弃</el-button>-->
-        <!--<el-button type="primary">通过</el-button>-->
-        <!--<el-button type="primary">废弃</el-button>-->
-        <!--<el-button type="primary">通过</el-button>-->
-        <!--<el-button type="primary">废弃</el-button>-->
-      <!--</div>-->
-      <!--<span slot="footer" class="dialog-footer">-->
-    <!--<el-button @click="centerDialogVisible = false">取 消</el-button>-->
-    <!--<el-button type="primary" @click="centerDialogVisible = false">确 定</el-button>-->
-  <!--</span>-->
-    <!--</el-dialog>-->
-
   </el-container>
 
-  <div v-else>
-    <div style="font-size: 20px;padding-top: 20px;text-align: center">
-      <span class="el-icon-warning-outline">暂无数据</span>
-    </div>
 
-  </div>
 
 </template>
 
@@ -188,24 +169,17 @@ export default {
       currentIndex:0,
       list:[],
       time: '',
-      timer:'',
+      radio: 3, // 车辆类型
+      timer:'', // 定时器
       handleShow:true,
       centerDialogVisible: false,
       carnum: '',
-      carNumber: '京A123312',
+      carNumber: '',
       examineStateVal:'',
-      swiperOption: {
-        autoplay: 5000,//可选选项，自动滑动
-        loop: true,//可选选项，开启循环
-      },
-      attachmentList: [
-        'https://img-blog.csdnimg.cn/img_convert/26200f8ecce45d09d4f4bc5a8f4572c5.png',
-        'https://img-blog.csdnimg.cn/20190504154805438.png',
-        'https://img-blog.csdnimg.cn/img_convert/26200f8ecce45d09d4f4bc5a8f4572c5.png',
-        'https://img-blog.csdnimg.cn/20190504154805438.png',
-        'https://img-blog.csdnimg.cn/img_convert/26200f8ecce45d09d4f4bc5a8f4572c5.png',
-        'https://img-blog.csdnimg.cn/20190504154805438.png',
-      ]
+      attachmentList: [],
+      operCurrentCount:'', //今日已处理
+      operPassCount:'', //今日通过
+      operDiscardCount:'', // 今日作废
     }
   },
   created() {
@@ -224,7 +198,8 @@ export default {
           },10000)
           return
         }
-        clearInterval(this.timer)
+        window.clearInterval(this.timer)
+        this.timer = null
         this.list = response.data.dataList
         this.plNo = response.data.plNo
         this.berthNo = response.data.berthNo
@@ -234,6 +209,9 @@ export default {
         this.carnum = this.list[this.currentIndex].carNumber
         this.time = this.list[this.currentIndex].parkTime
         this.examineStateVal = this.list[this.currentIndex].examineState
+        this.operCurrentCount = response.data.operCurrentCount //今日已处理
+        this.operPassCount = response.data.operPassCount //今日通过
+        this.operDiscardCount = response.data.operDiscardCount // 今日作废
 
       })
     },
--
libgit2 0.21.4