From 07db4702cc86f56e8da819674d717e5c0404e0ea Mon Sep 17 00:00:00 2001
From: heyujie <516346543@qq.com>
Date: 星期一, 20 六月 2022 17:36:48 +0800
Subject: [PATCH] get order

---
 src/pages/library/components/carList.vue | 1127 +++++++++++++++++++++++++++++++++++++++-------------------
 1 files changed, 751 insertions(+), 376 deletions(-)

diff --git a/src/pages/library/components/carList.vue b/src/pages/library/components/carList.vue
index 41208c7..a30dfb2 100644
--- a/src/pages/library/components/carList.vue
+++ b/src/pages/library/components/carList.vue
@@ -4,16 +4,23 @@
       <div class="base-tip">
         <div class="left-tips">
           <span class="ku-name">{{ this.baseObject.tableName }}</span>
-          <span class="list" :class="this.baseObject.bwType === '1' ? 'black-list' : 'white-list'">{{
-            this.baseObject.bwType === "1" ? "榛戝悕鍗�" : "鐧藉悕鍗�"
-          }}</span>
+          <span
+            class="list"
+            :class="
+              this.baseObject.bwType === '1' ? 'black-list' : 'white-list'
+            "
+            >{{ this.baseObject.bwType === "1" ? "榛戝悕鍗�" : "鐧藉悕鍗�" }}</span
+          >
           <span class="ok-time"
             >鏈夋晥鏃堕棿锛歿{ this.baseObject.startTime }} --
-            {{ this.baseObject.endTime ? this.baseObject.endTime : "姘镐箙鏈夋晥" }}</span
+            {{
+              this.baseObject.endTime ? this.baseObject.endTime : "姘镐箙鏈夋晥"
+            }}</span
           >
         </div>
 
         <div class="right-btns">
+          <span style="margin-right: 2px">搴曞簱鐘舵�侊紙鐢熸晥/澶辨晥锛�</span>
           <el-switch
             :active-value="1"
             :width="52"
@@ -36,8 +43,12 @@
             ></span>
           </el-tooltip>
 
-          <el-tooltip content="缂栬緫2" placement="top" popper-class="atooltip">
-            <span class="iconfont iconfont-wrap iconbianjiku-09" @click.stop="edit" v-if="isShow('library:set')"></span>
+          <el-tooltip content="缂栬緫" placement="top" popper-class="atooltip">
+            <span
+              class="iconfont iconfont-wrap iconbianjiku-09"
+              @click.stop="edit"
+              v-if="isShow('library:set')"
+            ></span>
           </el-tooltip>
         </div>
       </div>
@@ -59,9 +70,15 @@
             v-model="BaseManageData.contentValue"
             @keyup.enter.native="handleSearch"
           ></el-input>
-          <el-button size="small" type="primary" @click="handleSearch">鎼滅储</el-button>
+          <el-button size="small" type="primary" @click="handleSearch"
+            >鎼滅储</el-button
+          >
 
-          <el-tooltip content="鎵归噺鍒犻櫎" placement="top" popper-class="atooltip">
+          <el-tooltip
+            content="鎵归噺鍒犻櫎"
+            placement="top"
+            popper-class="atooltip"
+          >
             <fTemplate authority="library:set">
               <span
                 class="iconfont iconfont-wrap iconpiliangshanchu-09"
@@ -71,12 +88,26 @@
             </fTemplate>
           </el-tooltip>
 
-          <el-tooltip content="娣诲姞杞﹁締" placement="top" popper-class="atooltip">
-            <span class="iconfont iconfont-wrap icontianjiacheliang-09" @click="addCar"></span>
+          <el-tooltip
+            content="娣诲姞杞﹁締"
+            placement="top"
+            popper-class="atooltip"
+          >
+            <span
+              class="iconfont iconfont-wrap icontianjiacheliang-09"
+              @click="addCar"
+            ></span>
           </el-tooltip>
 
-          <el-tooltip content="鎵归噺涓婁紶杞︾墝" placement="top" popper-class="atooltip">
-            <span class="iconfont iconfont-wrap iconshangchuanchepai-09" @click="addBatch"></span>
+          <el-tooltip
+            content="鎵归噺涓婁紶杞︾墝"
+            placement="top"
+            popper-class="atooltip"
+          >
+            <span
+              class="iconfont iconfont-wrap iconshangchuanchepai-09"
+              @click="addBatch"
+            ></span>
           </el-tooltip>
         </div>
       </div>
@@ -96,7 +127,7 @@
           background: '#fff',
           color: '#222222',
           padding: '2px 1px',
-          borderBottom: 'none'
+          borderBottom: 'none',
         }"
       >
         <el-table-column type="selection" width="30"></el-table-column>
@@ -116,8 +147,15 @@
               indicator-position="none"
               :arrow="scope.row.carUrls.length > 1 ? 'always' : 'never'"
             >
-              <el-carousel-item v-for="(item, index) in scope.row.carUrls" :key="index">
-                <img style="width: 100px; height: 100px; object-fit: contain" :src="item.url" alt />
+              <el-carousel-item
+                v-for="(item, index) in scope.row.carUrls"
+                :key="index"
+              >
+                <img
+                  style="width: 100px; height: 100px; object-fit: contain"
+                  :src="item.url"
+                  alt
+                />
               </el-carousel-item>
             </el-carousel>
           </template>
@@ -133,7 +171,13 @@
             ></el-switch>
           </template>
         </el-table-column>
-        <el-table-column prop="carNo" label="杞︾墝鍙�" sortable align="center" width="120"></el-table-column>
+        <el-table-column
+          prop="carNo"
+          label="杞︾墝鍙�"
+          sortable
+          align="center"
+          width="120"
+        ></el-table-column>
         <el-table-column
           prop="carType"
           label="杞﹁締绫诲瀷"
@@ -142,8 +186,21 @@
           sortable
           align="center"
         ></el-table-column>
-        <el-table-column prop="carBrand" label="杞﹁締鍝佺墝" min-width="100" sortable align="center"></el-table-column>
-        <el-table-column prop="carColor" label="杞﹁韩棰滆壊" width="100" show-overflow-tooltip sortable align="center">
+        <el-table-column
+          prop="carBrand"
+          label="杞﹁締鍝佺墝"
+          min-width="100"
+          sortable
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          prop="carColor"
+          label="杞﹁韩棰滆壊"
+          width="100"
+          show-overflow-tooltip
+          sortable
+          align="center"
+        >
           <template slot-scope="scope">{{
             getDataName(VideoPhotoData.dictionary.nColor, scope.row.carColor)
           }}</template>
@@ -156,7 +213,12 @@
           sortable
           align="center"
         ></el-table-column>
-        <el-table-column prop="sex" label="杞︿富鎬у埆" align="center" width="80"></el-table-column>
+        <el-table-column
+          prop="sex"
+          label="杞︿富鎬у埆"
+          align="center"
+          width="80"
+        ></el-table-column>
 
         <el-table-column
           prop="createTime"
@@ -170,30 +232,65 @@
         <el-table-column label="鎿嶄綔" min-width="200" align="center">
           <template slot-scope="scope">
             <fTemplate authority="library:set">
-              <el-tooltip content="缂栬緫" placement="top" popper-class="atooltip">
+              <el-tooltip
+                content="缂栬緫"
+                placement="top"
+                popper-class="atooltip"
+              >
                 <span
                   class="iconfont iconbianjixinxi-09"
-                  style="    font-size: 24px;cursor: pointer"
+                  style="font-size: 24px; cursor: pointer"
                   @click="handleClick(scope.row)"
                 ></span>
               </el-tooltip>
             </fTemplate>
-            <el-popover placement="top" trigger="click" popper-class="popper-caozuo1">
-              <el-tooltip content="鏌ユ壘姝よ溅" placement="top" popper-class="atooltip">
-                <span class="iconfont iconchazhaociren-09" @click="tosearch(scope.row)"></span>
+            <el-popover
+              placement="top"
+              trigger="click"
+              popper-class="popper-caozuo1"
+            >
+              <el-tooltip
+                content="鏌ユ壘姝よ溅"
+                placement="top"
+                popper-class="atooltip"
+              >
+                <span
+                  class="iconfont iconchazhaociren-09"
+                  @click="tosearch(scope.row)"
+                ></span>
               </el-tooltip>
               <fTemplate authority="library:set">
-                <el-tooltip content="澶嶅埗" placement="top" popper-class="atooltip">
-                  <span class="iconfont iconfuzhi-09" title="澶嶅埗" @click="copyClick(scope.row)"></span>
+                <el-tooltip
+                  content="澶嶅埗"
+                  placement="top"
+                  popper-class="atooltip"
+                >
+                  <span
+                    class="iconfont iconfuzhi-09"
+                    title="澶嶅埗"
+                    @click="copyClick(scope.row)"
+                  ></span>
                 </el-tooltip>
               </fTemplate>
               <fTemplate authority="library:set">
-                <el-tooltip content="绉诲姩" placement="top" popper-class="atooltip">
-                  <span class="iconfont iconyidong-09" title="绉诲姩" @click="moveClick(scope.row)"></span>
+                <el-tooltip
+                  content="绉诲姩"
+                  placement="top"
+                  popper-class="atooltip"
+                >
+                  <span
+                    class="iconfont iconyidong-09"
+                    title="绉诲姩"
+                    @click="moveClick(scope.row)"
+                  ></span>
                 </el-tooltip>
               </fTemplate>
               <fTemplate authority="library:set">
-                <el-tooltip content="鍒犻櫎" placement="top" popper-class="atooltip">
+                <el-tooltip
+                  content="鍒犻櫎"
+                  placement="top"
+                  popper-class="atooltip"
+                >
                   <span
                     class="iconfont iconshanchu-09"
                     style="color: #e74c3c"
@@ -219,26 +316,48 @@
         :total="BaseManageData.total"
       ></el-pagination>
     </div>
-    <el-dialog title="鎻愮ず" :visible.sync="dialogVisible" :append-to-body="true" :close="getCarList" width="30%">
+    <el-dialog
+      title="鎻愮ず"
+      :visible.sync="dialogVisible"
+      :append-to-body="true"
+      :close="getCarList"
+      width="30%"
+    >
       <div>
         <div class="tl">
           <span>涓婁紶鎴愬姛鐨勬暟閲忥細{{ uploadResult.successList.length }}</span>
         </div>
         <div class="flex-box mt10">
           <span>涓婁紶澶辫触鐨勬暟閲忥細{{ uploadResult.failList.length }}</span>
-          <div class="ml20" v-for="(i, index) in uploadResult.failList" :key="index">
+          <div
+            class="ml20"
+            v-for="(i, index) in uploadResult.failList"
+            :key="index"
+          >
             {{ i }}
           </div>
         </div>
         <div class="flex-box mt10">
-          <span>鍖呭惈澶氬紶浜鸿劯鐨勫浘鐗囨暟閲忥細{{ uploadResult.multiFaceList.length }}</span>
-          <div class="ml20" v-for="(i, index) in uploadResult.multiFaceList" :key="index">
+          <span
+            >鍖呭惈澶氬紶浜鸿劯鐨勫浘鐗囨暟閲忥細{{
+              uploadResult.multiFaceList.length
+            }}</span
+          >
+          <div
+            class="ml20"
+            v-for="(i, index) in uploadResult.multiFaceList"
+            :key="index"
+          >
             {{ i }}
           </div>
         </div>
         <div class="flex-box mt10">
           <span>涓嶅惈浜鸿劯鐨勫浘鐗囨暟閲忥細{{ uploadResult.noFaceList.length }}</span>
-          <div class="ml20" v-for="(i, index) in uploadResult.noFaceList" :key="index">
+          <div
+            class="ml20"
+            v-for="(i, index) in uploadResult.noFaceList"
+            :key="index"
+          >
             {{ i }}
           </div>
         </div>
@@ -250,8 +369,7 @@
       :visible.sync="copyVisiabled"
       :append-to-body="true"
       okText="淇濆瓨"
-      width="35%"
-      class="copy"
+      custom-class="copy-dialog"
       cancelText="鍙栨秷"
     >
       <div class="addToBase1">
@@ -260,11 +378,21 @@
             <p>榛戝悕鍗� ></p>
           </div>
           <div class="baseList">
-            <el-checkbox-group v-model="BaseManageData.selectBlacks" @change="blackAngWhite">
-              <div class="base" v-for="(item, index) in BaseManageData.blackList" :key="index">
-                <el-checkbox :label="item.value" :title="item.title" :disabled="item.disabled">{{
-                  item.title
-                }}</el-checkbox>
+            <el-checkbox-group
+              v-model="BaseManageData.selectBlacks"
+              @change="blackAngWhite"
+            >
+              <div
+                class="base"
+                v-for="(item, index) in BaseManageData.blackList"
+                :key="index"
+              >
+                <el-checkbox
+                  :label="item.value"
+                  :title="item.title"
+                  :disabled="item.disabled"
+                  >{{ item.title }}</el-checkbox
+                >
               </div>
             </el-checkbox-group>
           </div>
@@ -274,11 +402,21 @@
             <p>鐧藉悕鍗� ></p>
           </div>
           <div class="baseList">
-            <el-checkbox-group v-model="BaseManageData.selectWhites" @change="blackAngWhite">
-              <div class="base" v-for="(item, index) in BaseManageData.whiteList" :key="index">
-                <el-checkbox :label="item.value" :title="item.title" :disabled="item.disabled">{{
-                  item.title
-                }}</el-checkbox>
+            <el-checkbox-group
+              v-model="BaseManageData.selectWhites"
+              @change="blackAngWhite"
+            >
+              <div
+                class="base"
+                v-for="(item, index) in BaseManageData.whiteList"
+                :key="index"
+              >
+                <el-checkbox
+                  :label="item.value"
+                  :title="item.title"
+                  :disabled="item.disabled"
+                  >{{ item.title }}</el-checkbox
+                >
               </div>
             </el-checkbox-group>
           </div>
@@ -286,7 +424,9 @@
       </div>
       <div slot="footer" class="dialog-footer">
         <el-button size="small" @click="copyClose" type="info">鍙� 娑�</el-button>
-        <el-button size="small" type="primary" @click="copySubmit()">纭� 瀹�</el-button>
+        <el-button size="small" type="primary" @click="copySubmit()"
+          >纭� 瀹�</el-button
+        >
       </div>
     </el-dialog>
 
@@ -295,8 +435,7 @@
       :visible.sync="moveVisiabled"
       :append-to-body="true"
       okText="淇濆瓨"
-      class="move"
-      width="35%"
+      custom-class="copy-dialog"
       cancelText="鍙栨秷"
     >
       <div class="addToBase1">
@@ -305,11 +444,22 @@
             <p>榛戝悕鍗� ></p>
           </div>
           <div class="baseList">
-            <el-checkbox-group v-model="BaseManageData.selectBlacks" @change="blackAngWhite" :max="1">
-              <div class="base" v-for="(item, index) in BaseManageData.blackList" :key="index">
-                <el-checkbox :label="item.value" :title="item.title" :disabled="item.disabled">{{
-                  item.title
-                }}</el-checkbox>
+            <el-checkbox-group
+              v-model="BaseManageData.selectBlacks"
+              @change="blackAngWhite"
+              :max="1"
+            >
+              <div
+                class="base"
+                v-for="(item, index) in BaseManageData.blackList"
+                :key="index"
+              >
+                <el-checkbox
+                  :label="item.value"
+                  :title="item.title"
+                  :disabled="item.disabled"
+                  >{{ item.title }}</el-checkbox
+                >
               </div>
             </el-checkbox-group>
           </div>
@@ -319,11 +469,22 @@
             <p>鐧藉悕鍗� ></p>
           </div>
           <div class="baseList">
-            <el-checkbox-group v-model="BaseManageData.selectWhites" @change="blackAngWhite" :max="1">
-              <div class="base" v-for="(item, index) in BaseManageData.whiteList" :key="index">
-                <el-checkbox :label="item.value" :title="item.title" :disabled="item.disabled">{{
-                  item.title
-                }}</el-checkbox>
+            <el-checkbox-group
+              v-model="BaseManageData.selectWhites"
+              @change="blackAngWhite"
+              :max="1"
+            >
+              <div
+                class="base"
+                v-for="(item, index) in BaseManageData.whiteList"
+                :key="index"
+              >
+                <el-checkbox
+                  :label="item.value"
+                  :title="item.title"
+                  :disabled="item.disabled"
+                  >{{ item.title }}</el-checkbox
+                >
               </div>
             </el-checkbox-group>
           </div>
@@ -331,11 +492,17 @@
       </div>
       <div slot="footer" class="dialog-footer">
         <el-button size="small" @click="moveClose" type="info">鍙� 娑�</el-button>
-        <el-button size="small" type="primary" @click="moveSubmit()">纭� 瀹�</el-button>
+        <el-button size="small" type="primary" @click="moveSubmit()"
+          >纭� 瀹�</el-button
+        >
       </div>
     </el-dialog>
 
-    <el-dialog :visible.sync="askDeleteShow" :center="true" custom-class="del-dialog">
+    <el-dialog
+      :visible.sync="askDeleteShow"
+      :center="true"
+      custom-class="del-dialog"
+    >
       <div>
         <div class="suc-icon">
           <i class="iconfont icongantanhao1"></i>
@@ -347,7 +514,9 @@
       </div>
       <span slot="footer" class="dialog-footer">
         <el-button @click="askDeleteShow = false">鍙� 娑�</el-button>
-        <el-button type="primary" @click="handleDel" :loading="delBtnLoading">纭� 瀹�</el-button>
+        <el-button type="primary" @click="handleDel" :loading="delBtnLoading"
+          >纭� 瀹�</el-button
+        >
       </span>
     </el-dialog>
 
@@ -394,13 +563,21 @@
         :model="form"
         label-width="80px"
         style="margin-top: 20px; margin-bottom: 30px"
-        :rule="rules"
+        :rule="carRules"
       >
         <el-form-item label="杞︾墝鍙�" prop="carNo">
-          <el-input placeholder="璇疯緭鍏ヨ溅鐗屽彿" v-model="form.carNo" class="inputWidth"></el-input>
+          <el-input
+            placeholder="璇疯緭鍏ヨ溅鐗屽彿"
+            v-model="form.carNo"
+            class="inputWidth"
+          ></el-input>
         </el-form-item>
-        <el-form-item label="杞﹁締绫诲瀷">
-          <el-select v-model="form.carType" placeholder="璇烽�夋嫨杞﹁締绫诲瀷" class="inputWidth">
+        <el-form-item label="杞﹁締绫诲瀷" prop="carType">
+          <el-select
+            v-model="form.carType"
+            placeholder="璇烽�夋嫨杞﹁締绫诲瀷"
+            class="inputWidth"
+          >
             <el-option
               v-for="item in VideoPhotoData.dictionary.CARTYPE"
               :key="item.value"
@@ -409,8 +586,12 @@
             ></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="杞﹁締鍝佺墝">
-          <el-select v-model="form.carBrand" placeholder="璇烽�夋嫨杞﹁締鍝佺墝" class="inputWidth">
+        <el-form-item label="杞﹁締鍝佺墝" prop="carBrand">
+          <el-select
+            v-model="form.carBrand"
+            placeholder="璇烽�夋嫨杞﹁締鍝佺墝"
+            class="inputWidth"
+          >
             <el-option
               v-for="item in VideoPhotoData.dictionary.BRAND"
               :key="item.value"
@@ -419,8 +600,12 @@
             ></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="杞﹁韩棰滆壊">
-          <el-select v-model="form.carColor" placeholder="璇烽�夋嫨杞﹁韩棰滆壊" class="inputWidth">
+        <el-form-item label="杞﹁韩棰滆壊" prop="carColor">
+          <el-select
+            v-model="form.carColor"
+            placeholder="璇烽�夋嫨杞﹁韩棰滆壊"
+            class="inputWidth"
+          >
             <el-option
               v-for="item in VideoPhotoData.dictionary.nColor"
               :key="item.value"
@@ -429,37 +614,40 @@
             ></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="杞︿富濮撳悕">
+        <el-form-item label="杞︿富濮撳悕" prop="personName">
           <el-input v-model="form.personName" class="inputWidth"></el-input>
         </el-form-item>
-        <el-form-item label="杞︿富鎬у埆">
+        <el-form-item label="杞︿富鎬у埆" prop="sex">
           <el-radio-group v-model="form.sex">
             <el-radio label="鐢�"></el-radio>
             <el-radio label="濂�"></el-radio>
           </el-radio-group>
         </el-form-item>
-        <el-form-item label="韬唤璇佸彿">
+        <el-form-item label="韬唤璇佸彿" prop="idCard">
           <el-input v-model="form.idCard" class="inputWidth"></el-input>
         </el-form-item>
-        <el-form-item label="鎵嬫満鍙�">
+        <el-form-item label="鎵嬫満鍙�" prop="phoneNum">
           <el-input v-model="form.phoneNum" class="inputWidth"></el-input>
         </el-form-item>
-        <el-form-item label="鍏朵粬">
+        <el-form-item label="鍏朵粬" prop="reserved">
           <el-input v-model="form.reserved" class="inputWidth"></el-input>
         </el-form-item>
-        <!-- <el-form-item style="text-align: tight">
-          <el-button
-            type="primary"
-            @click="submitCar"
-            style="margin-left: 120px"
-            >淇濆瓨</el-button
-          >
-          <el-button @click="resetForm">鍙栨秷</el-button>
-        </el-form-item> -->
       </el-form>
       <div class="dialog-footer">
-        <el-button size="small" class="sure-btn" type="primary" @click="submitCar">纭� 瀹�</el-button>
-        <el-button size="small" class="cancel-btn" @click="resetForm" type="info">鍙� 娑�</el-button>
+        <el-button
+          size="small"
+          class="sure-btn"
+          type="primary"
+          @click="submitCar"
+          >纭� 瀹�</el-button
+        >
+        <el-button
+          size="small"
+          class="cancel-btn"
+          @click="resetForm"
+          type="info"
+          >鍙� 娑�</el-button
+        >
       </div>
     </el-drawer>
 
@@ -493,8 +681,20 @@
         </div>
       </div>
       <div class="dialog-footer">
-        <el-button size="small" class="sure-btn" type="primary" @click="platesBatch">淇濆瓨</el-button>
-        <el-button size="small" class="cancel-btn" @click="resetForm('ruleForm')" type="info">鍙栨秷</el-button>
+        <el-button
+          size="small"
+          class="sure-btn"
+          type="primary"
+          @click="platesBatch"
+          >淇濆瓨</el-button
+        >
+        <el-button
+          size="small"
+          class="cancel-btn"
+          @click="resetForm('ruleForm')"
+          type="info"
+          >鍙栨秷</el-button
+        >
       </div>
     </el-drawer>
   </div>
@@ -507,47 +707,71 @@
   plateBatch,
   updateDbTableStatus,
   deleteDbPersonById,
-  deleteDBtablesById
-} from "@/api/baseLibrary"
-import axios from "axios"
-import fTemplate from "@/components/fTemplate"
-import request from "@/scripts/httpRequest"
+  deleteDBtablesById,
+} from "@/api/baseLibrary";
+import axios from "axios";
+import fTemplate from "@/components/fTemplate";
+import request from "@/scripts/httpRequest";
 export default {
   components: {
-    fTemplate
+    fTemplate,
   },
   props: {
     baseObject: {
       default: () => {},
-      type: Object
+      type: Object,
     },
     syncType: {
-      type: String
-    }
+      type: String,
+    },
   },
 
   computed: {
     isAdmin() {
-      if (sessionStorage.getItem("userInfo") && sessionStorage.getItem("userInfo") !== "") {
-        let loginName = JSON.parse(sessionStorage.getItem("userInfo")).username
-        return loginName === "superadmin" || loginName === "basic"
+      if (
+        sessionStorage.getItem("userInfo") &&
+        sessionStorage.getItem("userInfo") !== ""
+      ) {
+        let loginName = JSON.parse(sessionStorage.getItem("userInfo")).username;
+        return loginName === "superadmin" || loginName === "basic";
       }
-      return false
+      return false;
     },
     delText() {
       switch (this.delType) {
         case "base":
-          return ["鍒犻櫎搴曞簱", "纭畾鍒犻櫎璇ュ簳搴擄紵"]
+          return ["鍒犻櫎搴曞簱", "纭畾鍒犻櫎璇ュ簳搴擄紵"];
         case "single":
-          return ["鍒犻櫎杞﹁締淇℃伅", "纭畾鍒犻櫎璇ヨ溅杈嗕俊鎭紵"]
+          return ["鍒犻櫎杞﹁締淇℃伅", "纭畾鍒犻櫎璇ヨ溅杈嗕俊鎭紵"];
         case "batch":
-          return ["鎵归噺鍒犻櫎", "纭畾鍒犻櫎璇ュ簳搴撻�変腑鐨勮溅杈嗕俊鎭紵"]
+          return ["鎵归噺鍒犻櫎", "纭畾鍒犻櫎璇ュ簳搴撻�変腑鐨勮溅杈嗕俊鎭紵"];
         default:
-          return ["", ""]
+          return ["", ""];
       }
-    }
+    },
   },
   data() {
+    var checkCar = (rule, value, callback) => {
+      debugger;
+      if (!value) {
+        return callback();
+      } else {
+        var result = false;
+        if (value.length === 7) {
+          var express = /^[浜触娌笣鍐�璞簯杈介粦婀樼殩椴佹柊鑻忔禉璧ｉ剛妗傜敇鏅嬭挋闄曞悏闂借吹绮ら潚钘忓窛瀹佺惣浣块A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9鎸傚璀︽腐婢砞{1}$/;
+          result = express.test(value);
+        } else if (value.length === 8) {
+          var express2 = /^[浜触娌笣鍐�璞簯杈介粦婀樼殩椴佹柊鑻忔禉璧ｉ剛妗傜敇鏅嬭挋闄曞悏闂借吹绮ら潚钘忓窛瀹佺惣浣块A-Z]{1}[A-Z]{1}[A-Z0-9]{5}[A-Z0-9鎸傚璀︽腐婢砞{1}$/;
+          result = express2.test(value);
+        }
+        if (result) {
+          callback();
+        } else {
+          callback(new Error("璇疯緭鍏ユ纭溅鐗屽彿鐮�"));
+        }
+        return result;
+      }
+    };
     return {
       dialogFormVisible: false,
       addDrawer: false,
@@ -558,12 +782,12 @@
       fileList: [
         {
           name: "fasjido.jpg",
-          url: "group2/M00/0A/D7/wKgBnFyjH0-AUE5eAAC8hSMP2Yw110.jpg"
+          url: "group2/M00/0A/D7/wKgBnFyjH0-AUE5eAAC8hSMP2Yw110.jpg",
         },
         {
           name: "fasjido.jpg",
-          url: "group2/M00/0A/D7/wKgBnFyjH0-AUE5eAAC8hSMP2Yw110.jpg"
-        }
+          url: "group2/M00/0A/D7/wKgBnFyjH0-AUE5eAAC8hSMP2Yw110.jpg",
+        },
       ],
       copyVisiabled: false,
       moveVisiabled: false,
@@ -596,10 +820,13 @@
         carBrand: "0",
         carNo: "",
         enable: 0,
-        reserved: ""
+        reserved: "",
       },
-      rules: {
-        carNo: [{ required: true, message: "璇疯緭鍏ヨ溅鐗屽彿", trigger: "change" }]
+      carRules: {
+        carNo: [
+          { required: true, message: "璇疯緭鍏ユ椿鍔ㄥ悕绉�", trigger: "blur" },
+          // { validator: checkCar, trigger: 'blur' }
+        ],
       },
       tableData: [],
       oldWidth: "",
@@ -612,55 +839,66 @@
         failList: [],
         successList: [],
         multiFaceList: [],
-        noFaceList: []
+        noFaceList: [],
       },
-      delBtnLoading: false
-    }
+      delBtnLoading: false,
+    };
   },
   watch: {
-    "BaseManageData.selectBlacks": function(value) {
-      this.blackAngWhite()
+    "BaseManageData.selectBlacks": function (value) {
+      this.blackAngWhite();
     },
-    "BaseManageData.selectWhites": function(value) {
-      this.blackAngWhite()
-    }
+    "BaseManageData.selectWhites": function (value) {
+      this.blackAngWhite();
+    },
   },
   mounted() {
-    this.getCarList()
-    this.VideoPhotoData.queryDictionary()
-    this.BaseManageData.queryTagList()
-    this.oldWidth = document.body.clientWidth
-    this.oldHeight = document.body.clientHeight
-    this.blackAngWhite()
+    this.getCarList();
+    this.VideoPhotoData.queryDictionary();
+    this.BaseManageData.queryTagList();
+    this.oldWidth = document.body.clientWidth;
+    this.oldHeight = document.body.clientHeight;
+    this.blackAngWhite();
     window.onresize = () => {
-      let width = document.body.clientWidth
-      let height = document.body.clientHeight
+      let width = document.body.clientWidth;
+      let height = document.body.clientHeight;
       if (width !== this.oldWidth && width < 1750) {
       }
       this.$nextTick(() => {
-        this.$refs.multipleTable.doLayout()
-      })
-    }
+        this.$refs.multipleTable.doLayout();
+      });
+    };
     this.$nextTick(() => {
-      this.$refs.multipleTable.doLayout()
-    })
+      this.$refs.multipleTable.doLayout();
+    });
   },
   beforeDestroy() {
-    window.onresize = null
+    window.onresize = null;
   },
   methods: {
+    checkCarNo(value) {
+      var result = false;
+      if (value.length === 7) {
+        var express = /^[浜触娌笣鍐�璞簯杈介粦婀樼殩椴佹柊鑻忔禉璧ｉ剛妗傜敇鏅嬭挋闄曞悏闂借吹绮ら潚钘忓窛瀹佺惣浣块A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9鎸傚璀︽腐婢砞{1}$/;
+        result = express.test(value);
+      } else if (value.length === 8) {
+        var express2 = /^[浜触娌笣鍐�璞簯杈介粦婀樼殩椴佹柊鑻忔禉璧ｉ剛妗傜敇鏅嬭挋闄曞悏闂借吹绮ら潚钘忓窛瀹佺惣浣块A-Z]{1}[A-Z]{1}[A-Z0-9]{5}[A-Z0-9鎸傚璀︽腐婢砞{1}$/;
+        result = express2.test(value);
+      }
+      return result;
+    },
     async handleDel() {
-      this.delBtnLoading = true
+      this.delBtnLoading = true;
       if (this.delType == "single") {
-        await this.deleteThis()
+        await this.deleteThis();
       } else if (this.delType == "base") {
-        await this.deleteBase()
+        await this.deleteBase();
       } else if (this.delType == "batch") {
-        await this.deleteBatch()
+        await this.deleteBatch();
       }
 
-      this.delBtnLoading = false
-      this.askDeleteShow = false
+      this.delBtnLoading = false;
+      this.askDeleteShow = false;
     },
     deleteBase() {
       deleteDBtablesById({ id: this.baseObject.id })
@@ -668,86 +906,89 @@
           if (res.success) {
             this.$notify({
               type: "success",
-              message: "搴曞簱鍒犻櫎鎴愬姛锛�"
-            })
+              message: "搴曞簱鍒犻櫎鎴愬姛锛�",
+            });
           }
-          this.askDeleteShow = false
-          this.$emit("onDelete")
+          this.askDeleteShow = false;
+          this.$emit("onDelete");
         })
         .catch((err) => {
           this.$notify({
             type: "error",
-            message: err
-          })
-        })
+            message: err,
+          });
+        });
     },
     handleRemoveCarPic(file, fileList) {
       var index = fileList.findIndex((item) => {
         if (item.uid == file.uid) {
-          return true
+          return true;
         }
-      })
-      this.form.carUrls.splice(index, 1)
+      });
+      this.form.carUrls.splice(index, 1);
     },
     isDisabled(item) {
-      var flag = true
+      var flag = true;
       if (this.isShow("library:set")) {
         if (item.endTime == "") {
-          flag = false
+          flag = false;
         } else {
-          flag = !this.$moment(new Date()).isBetween(item.startTime, item.endTime)
+          flag = !this.$moment(new Date()).isBetween(
+            item.startTime,
+            item.endTime
+          );
         }
       }
-      return flag
+      return flag;
     },
     handleRemoveFacePic(file, fileList) {
-      this.form.faceUrl.splice(0, 1)
+      this.form.faceUrl.splice(0, 1);
     },
     edit() {
-      this.$emit("changeShow", this.baseObject, this.syncType)
+      this.$emit("changeShow", this.baseObject, this.syncType);
     },
     // beforeUoload() {},
     handlePictureCardPreview(file) {
-      this.dialogImageUrl = file.url
-      this.dialogVisible = true
+      this.dialogImageUrl = file.url;
+      this.dialogVisible = true;
     },
     async uploadCar(param) {
-      const fd = new FormData()
-      fd.append("file", param.file)
-      fd.append("picType", "0")
+      const fd = new FormData();
+      fd.append("file", param.file);
+      fd.append("picType", "0");
       let res = await request({
         method: "post",
         url: `/data/api-v/dbperson/fileupload`,
-        data: fd
-      })
+        data: fd,
+      });
       if (res.success) {
-        this.form.carUrls.push({ url: "/httpImage/" + res.data.picUrl })
+        debugger;
+        this.form.carUrls.push({ url: "/httpImage/" + res.data.picUrl });
       }
     },
     async uploadPerson(param) {
-      const fd = new FormData()
-      fd.append("file", param.file)
-      fd.append("picType", "1")
+      const fd = new FormData();
+      fd.append("file", param.file);
+      fd.append("picType", "1");
       let res = await request({
         method: "post",
         url: `/data/api-v/dbperson/fileupload`,
-        data: fd
-      })
-      debugger
+        data: fd,
+      });
       if (res.success) {
-        this.form.faceUrl.push({ url: "/httpImage/" + res.data.picUrl })
-        this.form.faceFeature = res.data.faceFeature
+        this.form.faceUrl.push({ url: "/httpImage/" + res.data.picUrl });
+        this.form.faceFeature = res.data.faceFeature;
       }
     },
     addCar() {
-      this.addDrawer = true
+      this.addDrawer = true;
     },
     addBatch() {
-      this.addBatchDrawer = true
+      this.addBatchDrawer = true;
     },
     resetForm() {},
     handleClose1(done) {
-      ;(this.form = {
+      (this.form = {
         id: "",
         sex: "鐢�",
         name: "",
@@ -766,23 +1007,25 @@
         carBrand: "0",
         carNo: "",
         enable: 0,
-        reserved: ""
+        reserved: "",
       }),
-        done()
+        done();
     },
     handleClose2(done) {
-      done()
+      done();
     },
     isShow(authority) {
-      return this.isAdmin || this.buttonAuthority.indexOf("," + authority + ",") > -1
+      return (
+        this.isAdmin || this.buttonAuthority.indexOf("," + authority + ",") > -1
+      );
     },
     toggleSelection(rows) {
       if (rows) {
         rows.forEach((row) => {
-          this.$refs.multipleTable.toggleRowSelection(row)
-        })
+          this.$refs.multipleTable.toggleRowSelection(row);
+        });
       } else {
-        this.$refs.multipleTable.clearSelection()
+        this.$refs.multipleTable.clearSelection();
       }
     },
     deleteThis() {
@@ -791,81 +1034,81 @@
           if (data.success) {
             this.$notify({
               type: "success",
-              message: "杞﹁締淇℃伅鍒犻櫎鎴愬姛锛�"
-            })
+              message: "杞﹁締淇℃伅鍒犻櫎鎴愬姛锛�",
+            });
           }
-          this.getCarList()
+          this.getCarList();
         })
-        .catch((err) => {})
+        .catch((err) => {});
     },
     getUploadResult(result) {
-      this.uploadResult = result.data
-      this.dialogVisible = true
-      this.getCarList()
+      this.uploadResult = result.data;
+      this.dialogVisible = true;
+      this.getCarList();
     },
-    async getCarList() {
+    getCarList() {
       if (this.baseObject.id && this.baseObject.id !== undefined) {
-        this.BaseManageData.tableId = this.baseObject.id
-        this.setLoadSearch(this.BaseManageData.queryPersonList())
+        this.BaseManageData.tableId = this.baseObject.id;
+        this.setLoadSearch(this.BaseManageData.queryPersonList());
       }
     },
     changeDialog(data) {
       data.erFileList.map((item, index) => {
         this.$notify({
           type: "error",
-          message: item.errorMsg.message
-        })
-      })
+          message: item.errorMsg.message,
+        });
+      });
     },
     handleClose() {
-      this.dialogFormVisible = false
+      this.dialogFormVisible = false;
     },
     handleSelectionChange(val) {
-      this.selectedRowKeys = val
+      this.selectedRowKeys = val;
     },
     refrash(current, pageSize) {
-      this.current = current
-      this.BaseManageData.page = current
-      this.getCarList()
+      this.current = current;
+      this.BaseManageData.page = current;
+      this.getCarList();
     },
     handleClick(row) {
-      this.form = row
+      this.form = row;
       // 杩欏潡鍎垮悗鍙扮殑瀛楀吀value鍊兼湁闂锛岄渶瑕佸墠绔潵鍥炶浆
-      this.form.carColor += ""
-      this.form.carType += ""
-      this.form.carBrand += ""
-      this.addDrawer = true
+      this.form.carColor += "";
+      this.form.carType += "";
+      this.form.carBrand += "";
+      this.addDrawer = true;
     },
     async submit() {
       this.$refs["formForEdit"].validate(async (valid) => {
         if (valid) {
-          let { ...json } = this.form
-          delete json["compareScore"]
-          let res = await updateBasePerson(json)
+          let { ...json } = this.form;
+          delete json["compareScore"];
+          let res = await updateBasePerson(json);
           if (res.success) {
             this.$notify({
               type: "success",
-              message: "杞﹁締淇℃伅淇敼鎴愬姛锛�"
-            })
-            this.dialogFormVisible = false
+              message: "杞﹁締淇℃伅淇敼鎴愬姛锛�",
+            });
+            this.dialogFormVisible = false;
           } else {
             this.$notify({
               type: "error",
-              message: "杞﹁締淇℃伅淇敼澶辫触锛岃閲嶈瘯锛侊紒"
-            })
+              message: "杞﹁締淇℃伅淇敼澶辫触锛岃閲嶈瘯锛侊紒",
+            });
           }
         } else {
-          return false
+          return false;
         }
-      })
+      });
     },
     confirm() {
       this.$confirm({
         title: "Confirm",
         content: "Bla bla ...",
         okText: "纭",
-        cancelText: "鍙栨秷"
-      })
+        cancelText: "鍙栨秷",
+      });
     },
     async enable(item) {
       let res = await updateBasePerson({
@@ -878,44 +1121,44 @@
         phoneNum: item.phoneNum,
         monitorLevel: item.monitorLevel,
         personPicUrl: item.personPicUrl,
-        reserved: item.reserved
-      })
+        reserved: item.reserved,
+      });
       if (res.success) {
         this.$notify({
           type: "success",
-          message: "杞﹁締淇℃伅鎴愬姛鍙樻洿鐢熸晥鐘舵�侊紒"
-        })
+          message: "杞﹁締淇℃伅鎴愬姛鍙樻洿鐢熸晥鐘舵�侊紒",
+        });
       } else {
         this.$notify({
           type: "error",
-          message: "杞﹁締淇℃伅鍙樻洿鐢熸晥鐘舵�佸け璐ワ紒"
-        })
+          message: "杞﹁締淇℃伅鍙樻洿鐢熸晥鐘舵�佸け璐ワ紒",
+        });
       }
     },
     handleSearch() {
-      this.getCarList()
+      this.getCarList();
     },
     searchImg() {
-      this.$refs.uploadDrag && this.$refs.uploadDrag.uploadStart()
+      this.$refs.uploadDrag && this.$refs.uploadDrag.uploadStart();
     },
     haveScore(row) {
-      return row.compareScore && row.compareScore !== ""
+      return row.compareScore && row.compareScore !== "";
     },
     async setEnable(item) {
       let res = await updateDbTableStatus({
         id: item.id,
-        enable: item.enable
-      })
+        enable: item.enable,
+      });
       if (res.success) {
         this.$notify({
           type: "success",
-          message: "搴曞簱鎴愬姛鍙樻洿鐢熸晥鐘舵�侊紒"
-        })
+          message: "搴曞簱鎴愬姛鍙樻洿鐢熸晥鐘舵�侊紒",
+        });
       } else {
         this.$notify({
           type: "error",
-          message: "搴曞簱鍙樻洿鐢熸晥鐘舵�佸け璐ワ紒"
-        })
+          message: "搴曞簱鍙樻洿鐢熸晥鐘舵�佸け璐ワ紒",
+        });
       }
     },
     async searchImgList(faceUrl, threshold) {
@@ -926,61 +1169,65 @@
         faceUrl: faceUrl,
         threshold: threshold,
         orderType: this.orderType,
-        orderName: this.orderName
-      }
-      let res = await getPersonByPhoto(json)
-      this.tableData = res.data.datalist
-      this.total = res.data.total
-      this.compare = true
+        orderName: this.orderName,
+      };
+      let res = await getPersonByPhoto(json);
+      this.tableData = res.data.datalist;
+      this.total = res.data.total;
+      this.compare = true;
     },
     // updateThreshold() {},
     async updateFace(param) {
-      const fd = new FormData()
-      fd.append("file", param.file)
-      fd.append("id", this.form.id)
+      const fd = new FormData();
+      fd.append("file", param.file);
+      fd.append("id", this.form.id);
       let res = await axios({
         method: "post",
         url: `/data/api-v/dbperson/updateFace`,
         headers: {
           Authorization:
-            sessionStorage.getItem("loginedInfo") && JSON.parse(sessionStorage.getItem("loginedInfo")).access_token
+            sessionStorage.getItem("loginedInfo") &&
+            JSON.parse(sessionStorage.getItem("loginedInfo")).access_token,
         },
-        data: fd
-      })
+        data: fd,
+      });
       if (res.data.success) {
-        this.form.personPicUrl = res.data.data.personPicUrl
-        this.form.faceFeature = res.data.data.faceFeature
+        this.form.personPicUrl = res.data.data.personPicUrl;
+        this.form.faceFeature = res.data.data.faceFeature;
       }
     },
     async deleteBatch() {
-      let ids = []
+      let ids = [];
       this.selectedRowKeys.map((item, index) => {
-        ids.push(item.id)
-      })
-      let res = await deleteBasePersons({ ids: ids })
+        ids.push(item.id);
+      });
+      let res = await deleteBasePersons({ ids: ids });
       if (res.success) {
         this.$notify({
           type: "success",
-          message: "鍒犻櫎鎴愬姛锛�"
-        })
-        this.getCarList()
+          message: "鍒犻櫎鎴愬姛锛�",
+        });
+        this.getCarList();
       } else {
         this.$notify({
           type: "error",
-          message: "鍒犻櫎澶辫触锛�"
-        })
+          message: "鍒犻櫎澶辫触锛�",
+        });
       }
     },
     async init() {
-      await this.BaseManageData.querySyncTables()
-      await this.BaseManageData.queryLocalTables()
+      await this.BaseManageData.querySyncTables();
+      await this.BaseManageData.queryLocalTables();
       if (this.baseObject.id && this.baseObject.id !== undefined) {
-      } else if (this.BaseManageData.syncTables[0].id && this.BaseManageData.syncTables[0].id !== undefined) {
-        this.BaseManageData.tableId = this.BaseManageData.syncTables[0].id
-        this.BaseManageData.queryPersonList()
+      } else if (
+        this.BaseManageData.syncTables[0].id &&
+        this.BaseManageData.syncTables[0].id !== undefined
+      ) {
+        this.BaseManageData.tableId = this.BaseManageData.syncTables[0].id;
+        this.BaseManageData.queryPersonList();
       } else {
-        this.BaseManageData.tableId = this.BaseManageData.localTables[0].id
-        this.BaseManageData.queryPersonList()
+        this.BaseManageData.tableId = this.BaseManageData.localTables[0].id;
+        this.BaseManageData.queryPersonList();
       }
     },
     askDelete(typ, id) {
@@ -988,238 +1235,259 @@
         if (this.selectedRowKeys.length === 0) {
           this.$notify({
             type: "warning",
-            message: "璇烽�夋嫨瑕佸垹闄ょ殑杞﹁締淇℃伅"
-          })
-          return
+            message: "璇烽�夋嫨瑕佸垹闄ょ殑杞﹁締淇℃伅",
+          });
+          return;
         }
       }
-      this.askDeleteShow = true
-      this.delType = typ
-      id && (this.toDeleteId = id)
+      this.askDeleteShow = true;
+      this.delType = typ;
+      id && (this.toDeleteId = id);
     },
     blackAngWhite() {
       if (this.BaseManageData.selectBlacks.length > 0) {
         for (let i = 0; i < this.BaseManageData.whiteList.length; i++) {
           //this.VideoPhotoData.whiteList[i].disabled = true
-          this.$set(this.BaseManageData.whiteList[i], "disabled", true)
+          this.$set(this.BaseManageData.whiteList[i], "disabled", true);
         }
       }
       if (this.BaseManageData.selectBlacks.length == 0) {
         for (let i = 0; i < this.BaseManageData.whiteList.length; i++) {
           //this.VideoPhotoData.whiteList[i].disabled = false
-          this.$set(this.BaseManageData.whiteList[i], "disabled", false)
+          this.$set(this.BaseManageData.whiteList[i], "disabled", false);
         }
       }
       if (this.BaseManageData.selectWhites.length > 0) {
         for (let i = 0; i < this.BaseManageData.blackList.length; i++) {
           // this.VideoPhotoData.blackList[i].disabled = true
-          this.$set(this.BaseManageData.blackList[i], "disabled", true)
+          this.$set(this.BaseManageData.blackList[i], "disabled", true);
         }
       }
       if (this.BaseManageData.selectWhites.length == 0) {
         for (let i = 0; i < this.BaseManageData.blackList.length; i++) {
           //this.VideoPhotoData.blackList[i].disabled = false
-          this.$set(this.BaseManageData.blackList[i], "disabled", false)
+          this.$set(this.BaseManageData.blackList[i], "disabled", false);
         }
       }
     },
     tosearch(item) {
-      var curWwwPath = window.document.location.href
-      var pathname = window.document.location.pathname
-      var pos = curWwwPath.indexOf(pathname)
-      var localhostPath = curWwwPath.substring(0, pos) //ip+port
-      var href = localhostPath + "/Layout/Searching"
-      let captureId = item.id == "" ? item.personId : item.id
-      var url = item.personPicUrl ? item.personPicUrl : item.personPicUrl
-      var compType = 0
-      window.open(href + "?showType=findByPic&targetId=" + captureId + "&picSmUrl=" + url + "&compType=" + compType)
+      var curWwwPath = window.document.location.href;
+      var pathname = window.document.location.pathname;
+      var pos = curWwwPath.indexOf(pathname);
+      var localhostPath = curWwwPath.substring(0, pos); //ip+port
+      var href = localhostPath + "/Layout/Searching";
+      let captureId = item.id == "" ? item.personId : item.id;
+      var url = item.personPicUrl ? item.personPicUrl : item.personPicUrl;
+      var compType = 0;
+      window.open(
+        href +
+          "?showType=findByPic&targetId=" +
+          captureId +
+          "&picSmUrl=" +
+          url +
+          "&compType=" +
+          compType
+      );
     },
     async platesBatch() {
-      var temp = this.plates.split(/[\n,]/g)
-      var reg = /[浜触娌笣鍐�璞簯杈介粦婀樼殩椴佹柊鑻忔禉璧ｉ剛妗傜敇鏅嬭挋闄曞悏闂借吹绮ら潚钘忓窛瀹佺惣浣块]{1}[A-Z]{1}[A-Z0-9]{5,6}/
+      var temp = this.plates.split(/[\n,]/g);
+      var reg = /[浜触娌笣鍐�璞簯杈介粦婀樼殩椴佹柊鑻忔禉璧ｉ剛妗傜敇鏅嬭挋闄曞悏闂借吹绮ら潚钘忓窛瀹佺惣浣块]{1}[A-Z]{1}[A-Z0-9]{5,6}/;
       for (let i = 0; i < temp.length; i++) {
         if (temp[i] == "") {
-          temp.splice(i, 1)
-          i--
+          temp.splice(i, 1);
+          i--;
         } else {
           if (!reg.test(temp[i])) {
             this.$notify({
               type: "error",
-              message: "杞︾墝鍙�:" + temp[i] + "涓嶇鍚堣鍒欙紝璇锋鏌�!"
-            })
-            return
+              message: "杞︾墝鍙�:" + temp[i] + "涓嶇鍚堣鍒欙紝璇锋鏌�!",
+            });
+            return;
           }
         }
       }
       if (temp.length == 0) {
         this.$notify({
           type: "error",
-          message: "璇疯緭鍏ヨ溅鐗屽彿"
-        })
-        return
+          message: "璇疯緭鍏ヨ溅鐗屽彿",
+        });
+        return;
       }
       let param = {
         tableId: this.baseObject.id,
-        carNos: temp
-      }
-      let resp = await plateBatch(param)
+        carNos: temp,
+      };
+      let resp = await plateBatch(param);
       if (resp && resp.success) {
         // 鍒锋柊car鍒楄〃
         this.$notify({
           type: "success",
-          message: resp.msg
-        })
-        this.getCarList()
-        this.addBatchDrawer = false
+          message: resp.msg,
+        });
+        this.getCarList();
+        this.addBatchDrawer = false;
       } else {
         this.$notify({
           type: "error",
-          message: resp.msg
-        })
+          message: resp.msg,
+        });
       }
     },
-    async submitCar() {
+    submitCar() {
       this.$refs["formForCar"].validate(async (valid) => {
         if (valid) {
-          let { ...json } = this.form
+          let { ...json } = this.form;
+          json.carPicUrls = "";
           for (let index in json.carUrls) {
             if (index == 0) {
-              json.carPicUrls += json.carUrls[index].url.substring(11)
+              json.carPicUrls += json.carUrls[index].url.substring(11);
             } else {
-              json.carPicUrls += ";" + json.carUrls[index].url.substring(11)
+              json.carPicUrls += ";" + json.carUrls[index].url.substring(11);
             }
           }
-          json.carColor = parseInt(json.carColor)
-          json.carType = parseInt(json.carType)
-          json.carBrand = parseInt(json.carBrand)
-          debugger
-          json.personPicUrl = json.faceUrl[0].url.substring(11)
-          json.tableId = this.baseObject.id
-          delete json["compareScore"]
-          let res
+          if (!this.checkCarNo(json.carNo)) {
+            this.$notify({
+              type: "warning",
+              message: "璇疯緭鍏ユ纭殑杞︾墝鍙�",
+            });
+            return;
+          }
+          json.carColor = parseInt(json.carColor);
+          json.carType = parseInt(json.carType);
+          json.carBrand = parseInt(json.carBrand);
+          json.personPicUrl = json.faceUrl[0].url.substring(11);
+          json.tableId = this.baseObject.id;
+          delete json["compareScore"];
+          let res;
           if (json.id == "") {
-            res = await addBaseCar(json)
+            res = await addBaseCar(json);
           } else {
-            res = await updateBaseCar(json)
+            res = await updateBaseCar(json);
           }
           if (res.success) {
             this.$notify({
               type: "success",
-              message: res.data.msg
-            })
-            this.getCarList()
-            this.addDrawer = false
+              message: "淇濆瓨鎴愬姛",
+            });
+            this.getCarList();
+            this.addDrawer = false;
           } else {
             this.$notify({
               type: "error",
-              message: res.data.msg
-            })
+              message: res.msg,
+            });
           }
         } else {
-          return false
+          return false;
         }
-      })
+      });
     },
     copyClick(row) {
-      this.BaseManageData.personId = row.id
-      this.copyVisiabled = true
+      this.BaseManageData.personId = row.id;
+      this.copyVisiabled = true;
     },
     moveClick(row) {
-      this.BaseManageData.personId = row.id
-      this.moveVisiabled = true
+      this.BaseManageData.personId = row.id;
+      this.moveVisiabled = true;
     },
     copyClose() {
-      this.copyVisiabled = false
-      this.BaseManageData.personId = ""
-      this.BaseManageData.selectBlacks = []
-      this.BaseManageData.selectWhites = []
+      this.copyVisiabled = false;
+      this.BaseManageData.personId = "";
+      this.BaseManageData.selectBlacks = [];
+      this.BaseManageData.selectWhites = [];
     },
     moveClose() {
-      this.moveVisiabled = false
-      this.BaseManageData.personId = ""
-      this.BaseManageData.selectBlacks = []
-      this.BaseManageData.selectWhites = []
+      this.moveVisiabled = false;
+      this.BaseManageData.personId = "";
+      this.BaseManageData.selectBlacks = [];
+      this.BaseManageData.selectWhites = [];
     },
     copySubmit() {
-      if (this.BaseManageData.selectBlacks.length === 0 && this.BaseManageData.selectWhites.length === 0) {
+      if (
+        this.BaseManageData.selectBlacks.length === 0 &&
+        this.BaseManageData.selectWhites.length === 0
+      ) {
         this.$notify({
           title: "娉ㄦ剰",
           message: "璇烽�夋嫨瑕佸鍒跺埌鐨勫簱",
-          type: "warning"
-        })
-        return
+          type: "warning",
+        });
+        return;
       }
-      var resp = this.BaseManageData.copyTo()
+      var resp = this.BaseManageData.copyTo();
       resp.then((data) => {
         if (data.success) {
           this.$notify({
             title: "鎴愬姛",
             message: data.data,
-            type: "success"
-          })
+            type: "success",
+          });
         } else {
           this.$notify({
             title: "澶辫触",
             message: data.data,
-            type: "error"
-          })
+            type: "error",
+          });
         }
-      })
-      this.copyVisiabled = false
-      this.BaseManageData.personId = ""
-      this.BaseManageData.selectBlacks = []
-      this.BaseManageData.selectWhites = []
+      });
+      this.copyVisiabled = false;
+      this.BaseManageData.personId = "";
+      this.BaseManageData.selectBlacks = [];
+      this.BaseManageData.selectWhites = [];
     },
     getDataName: (dataList, key) => {
-      let name = ""
+      let name = "";
       if (Array.isArray(dataList) && dataList.length > 0) {
         for (let i = 0; i < dataList.length; i++) {
           if (dataList[i].value == key) {
-            name = dataList[i].name
+            name = dataList[i].name;
           }
         }
       }
-      return name
+      return name;
     },
     moveSubmit() {
-      if (this.BaseManageData.selectBlacks.length === 0 && this.BaseManageData.selectWhites.length === 0) {
+      if (
+        this.BaseManageData.selectBlacks.length === 0 &&
+        this.BaseManageData.selectWhites.length === 0
+      ) {
         this.$notify({
           title: "娉ㄦ剰",
           message: "璇烽�夋嫨瑕佺Щ鍔ㄥ埌鐨勫簱",
-          type: "warning"
-        })
-        return
+          type: "warning",
+        });
+        return;
       }
-      var resp = this.BaseManageData.moveTo()
+      var resp = this.BaseManageData.moveTo();
       resp.then((data) => {
         if (data.success) {
           this.$notify({
             title: "鎴愬姛",
             message: data.data,
-            type: "success"
-          })
+            type: "success",
+          });
         } else {
           this.$notify({
             title: "澶辫触",
             message: data.data,
-            type: "error"
-          })
+            type: "error",
+          });
         }
-        this.moveVisiabled = false
-        this.BaseManageData.personId = ""
-        this.BaseManageData.selectBlacks = []
-        this.BaseManageData.selectWhites = []
-        this.BaseManageData.queryPersonList()
-      })
+        this.moveVisiabled = false;
+        this.BaseManageData.personId = "";
+        this.BaseManageData.selectBlacks = [];
+        this.BaseManageData.selectWhites = [];
+        this.BaseManageData.queryPersonList();
+      });
     },
     setLoadSearch(fn) {
-      this.AuthData.setLoading("multipleTable", this)
+      this.AuthData.setLoading("multipleTable", this);
       fn.then((_) => {
-        this.AuthData.closeLoad()
-      })
-    }
-  }
-}
+        this.AuthData.closeLoad();
+      });
+    },
+  },
+};
 </script>
 <style lang="scss">
 .iconStyle1 {
@@ -1384,7 +1652,9 @@
       display: none;
     }
     .el-table--border .el-table__cell,
-    .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
+    .el-table__body-wrapper
+      .el-table--border.is-scrolling-left
+      ~ .el-table__fixed {
       border-right: none;
     }
     td {
@@ -1457,10 +1727,115 @@
   padding-right: 0px !important;
 }
 
-.copy,
-.move {
+// .copy,
+// .move {
+//   .el-dialog__body {
+//     padding: 0px !important;
+//   }
+// }
+
+.el-dialog.copy-dialog {
+  width: 550px;
+  border-radius: 24px;
+  .el-dialog__header {
+    text-align: center;
+  }
+  .el-dialog__headerbtn .el-dialog__close {
+    color: #999999;
+    font-size: 20px;
+  }
+  .el-dialog__title {
+    line-height: 22px;
+    font-size: 16px;
+    color: #5f5f5f;
+  }
   .el-dialog__body {
-    padding: 0px !important;
+    padding: 20px 15px;
+    color: #5f5f5f;
+  }
+  .dialog-footer {
+    // width: 315px;
+    .el-button--info {
+      color: #999999;
+      background: #fff;
+      padding: 9px 37px;
+      font-size: 14px;
+      border: 1px solid #999999;
+      border-radius: 18px;
+      width: 150px;
+    }
+    .el-button--primary {
+      background: var(--colorCard) !important;
+      padding: 9px 37px;
+      color: #fff;
+      border: 1px solidvar(--colorCard) !important;
+      border-radius: 18px;
+      font-size: 14px;
+      width: 150px;
+    }
+  }
+  .addToBase1 {
+    position: relative;
+    .topLabel {
+      margin-top: 20px;
+      height: 40px;
+      border-bottom: 1px solid #eee;
+      font-family: PingFangSC-Medium;
+      font-size: 20px;
+      font-weight: 600;
+      line-height: 1rem;
+      color: #222222;
+      text-align: left;
+      margin-left: 15px;
+    }
+    .items {
+      width: 100%;
+      min-height: 150px;
+      margin-bottom: 10px;
+      .lable {
+        font-size: 16px;
+        font-weight: bold;
+        text-align: left;
+        margin-bottom: 10px;
+      }
+      .baseList {
+        height: 100%;
+        overflow: auto;
+        .base {
+          width: 152px;
+          padding: 5px 5px 5px 10px;
+          line-height: 30px;
+          box-sizing: border-box;
+          float: left;
+          text-align: left;
+          background: #eff1f5;
+          border-radius: 8px;
+          margin: 0 10px;
+          margin-bottom: 10px;
+          .el-checkbox__input.is-checked .el-checkbox__inner {
+            background-color: var(--colorCard);
+            border-color: var(--colorCard);
+          }
+          .el-checkbox {
+            width: 100%;
+            display: block;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            .el-checkbox__label {
+              display: inline !important;
+              padding-left: 6px;
+              line-height: 20px;
+              color: #5f5f5f;
+            }
+          }
+        }
+        .white-wrap {
+          background: #ffffff;
+          box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);
+        }
+      }
+    }
   }
 }
 

--
Gitblit v1.8.0