From 53801a7dd8869faf205179418545ba430fc609c2 Mon Sep 17 00:00:00 2001
From: ZZJ <zzjdsg2300@163.com>
Date: 星期二, 14 十二月 2021 16:38:10 +0800
Subject: [PATCH] Merge branch 'bhomebus' of http://192.168.5.5:10010/r/web/vue-smart-ai into bhomebus

---
 src/pages/ai/index/App.vue                  |  132 -----
 src/pages/library/components/carList.vue    |  905 ++++++++++++++++++++------------------
 src/pages/library/index/App.vue             |   11 
 src/pages/library/index/main.ts             |    2 
 src/pages/library/components/baseList.vue   |  111 ---
 src/pages/library/components/addBase.vue    |    2 
 src/pages/library/components/personList.vue |  152 ++----
 public/apps.json                            |   23 -
 8 files changed, 575 insertions(+), 763 deletions(-)

diff --git a/public/apps.json b/public/apps.json
index 0cf49bf..f882d26 100644
--- a/public/apps.json
+++ b/public/apps.json
@@ -71,29 +71,6 @@
       "progressMsg": ""
     },
     {
-      "id": "7dea48a4-8294-4914-85d8-c2bbd4caf550",
-      "name": "搴旂敤涓績-鏃�",
-      "package": "algorithmManage_old",
-      "type": "2",
-      "url": "/view/ai_c/",
-      "title": "搴旂敤涓績-鏃�",
-      "width": 1243,
-      "height": 750,
-      "iconBlob": "",
-      "icon": "../../images/app-mid/algorithm-store.png",
-      "version": "1.0.0",
-      "create_time": "2020-10-09 14:00:02",
-      "create_by": "",
-      "update_time": "",
-      "update_by": "",
-      "isDelete": 0,
-      "isDefault": true,
-      "remoteVersion": "",
-      "installed": true,
-      "isUpgrade": false,
-      "progressMsg": ""
-    },
-    {
       "id": "2224a376-5436-4323-ad65-c26d95efaa54",
       "name": "鎽勫儚鏈洪厤缃�",
       "package": "cameraAccess",
diff --git a/src/pages/ai/index/App.vue b/src/pages/ai/index/App.vue
index 704b524..0c04f9f 100644
--- a/src/pages/ai/index/App.vue
+++ b/src/pages/ai/index/App.vue
@@ -169,7 +169,7 @@
                       class="other-btn"
                       round
                       @click="checkDetail(item)"
-                      v-if="activeName == '搴旂敤涓績'&&item.price>0"
+                      v-if="activeName == '搴旂敤涓績' && item.price > 0"
                       >婵�娲�</el-button
                     >
                     <el-button
@@ -178,7 +178,7 @@
                       class="update-btn"
                       round
                       @click.stop="actived(item)"
-                      v-if="activeName == '搴旂敤涓績'&&item.price==0"
+                      v-if="activeName == '搴旂敤涓績' && item.price == 0"
                       >瀹夎</el-button
                     >
                     <el-button
@@ -546,11 +546,6 @@
     goback() {
       this.inDetail = false;
     },
-    // isShow(authority) {
-    //   return (
-    //     this.isAdmin || this.buttonAuthority.indexOf("," + authority + ",") > -1
-    //   );
-    // },
     batchUpdate(s) {
       if (s == "both") {
         this.batchUpdateSDK();
@@ -584,7 +579,6 @@
           this.tempList = this.installedList;
           this.tempDarkList = this.notInstalledList;
           break;
-
         case "鏇存柊":
           this.showQuickPath = false;
           this.tempList = this.hasNewVersionSdk;
@@ -620,11 +614,6 @@
         this.tempDarkList = [];
       }
     },
-    // closeDial() {
-    //   this.productDetailVisible = false;
-    //   this.productDetail = {};
-    //   this.otherProducts = [];
-    // },
     checkDetail(item, typ) {
       this.inDetail = true;
       this.detailProductID = item.id;
@@ -634,55 +623,9 @@
         this.detailType = this.activeName == "搴旂敤涓績" ? "inactive" : "active";
       }
     },
-    // checkInWindow(item) {
-    //   this.backStack.push([this.productDetail, this.otherProducts]);
-    //   this.backDisable = false;
-    //   this.checkIsDefOrNot(item.id);
-
-    //   let _this = this;
-    //   getAppDetail({ id: item.id }).then((res) => {
-    //     _this.productDetail = res.data.detail;
-    //     _this.productDetail.iconBlob = item.iconBlob;
-    //     this.actId = _this.productDetail.productBaseId;
-    //     let flag = false;
-    //     const allNeedToNew = [
-    //       ...this.hasNewVersionSdk,
-    //       ...this.hasNewVersionApp,
-    //     ];
-    //     for (let i = 0; i < allNeedToNew.length; i++) {
-    //       const item = allNeedToNew[i];
-    //       if (item.id == _this.productDetail.productBaseId) {
-    //         flag = true;
-    //       }
-    //     }
-    //     this.needToUpgradeInWin = flag;
-    //     _this.productDetail.isUpgrade = flag;
-
-    //     _this.otherProducts = res.data.randoms;
-    //   });
-    // },
     checkIsDefOrNot(id) {
-      if (id.length > 10) {
-        this.isDefaultApp = false;
-      } else {
-        this.isDefaultApp = true;
-      }
+      this.isDefaultApp = id.length <= 10;
     },
-    // backwards() {
-    //   if (this.backStack.length == 0) {
-    //     this.backDisable = true;
-    //     return;
-    //   }
-    //   this.forwardStack.push([this.productDetail, this.otherProducts]);
-    //   let item = this.backStack.pop();
-    //   this.productDetail = item[0];
-    //   this.checkIsDefOrNot(this.productDetail.productBaseId);
-    //   this.otherProducts = item[1];
-    //   this.forwardDisable = false;
-    //   if (this.backStack.length == 0) {
-    //     this.backDisable = true;
-    //   }
-    // },
     forwards() {
       if (this.forwardStack.length == 0) {
         this.forwardDisable = true;
@@ -804,18 +747,6 @@
         })
         .catch((e) => {});
     },
-    // toActivatePage(item) {
-    //   this.checkDetail(item, "inactive");
-    //   this.actType = this.activeTab;
-    //   this.actId = item.id;
-    //   this.actStep = 0;
-    //   this.activeCode = "";
-    //   this.activedSdkOrApp = this.newActInfo();
-    // },
-    // cancelActivate() {
-    //   this.showInputCode = false;
-    //   this.activeCode = "";
-    // },
     newActInfo() {
       return {
         activateCode: "",
@@ -853,7 +784,7 @@
       getUnActivedApp().then((res) => {
         if (res.code == 200) {
           this.unActivedAppList = res.data;
-          this.pickTab()
+          this.pickTab();
         }
       });
     },
@@ -896,10 +827,6 @@
           });
       }
     },
-    // checkMyAlgorith() {
-    //   this.showActivateSuccess = false;
-    //   this.activeName = "宸叉縺娲�";
-    // },
     onFileUpload(file) {
       this.patchFile = { ...file };
       this.fileAdded = true;
@@ -917,6 +844,7 @@
                 version: res.data.apps[0].version,
                 productName: res.data.productName,
                 installContent: res.data.apps[0].installContent,
+                
               };
             }
             if (res.data.sdks.length > 0) {
@@ -935,12 +863,6 @@
           this.$message.error(e.msg);
         });
     },
-    // openApp() {
-    //   window.parent.postMessage(
-    //     { msg: "toOpenApp?" + this.productDetail.productBaseId },
-    //     "*"
-    //   );
-    // },
     onFileAdded(f) {
       this.patchUpdateStatus = "";
     },
@@ -975,26 +897,8 @@
       this.notInstalledList = unInstalledList;
       this.toUpdateArr1 = this.installedList.slice(0, 10);
       this.hasNewVersionSdk = hasNewVersionList;
-      this.pickTab()
+      this.pickTab();
     },
-    // unloadSDKinWin() {
-    //   let appToUnload;
-    //   let sdkToUnload;
-    //   if (this.productDetail.productTypeName == "搴旂敤") {
-    //     appToUnload = this.installedApps.find((item) => {
-    //       return item.id == this.productDetail.productBaseId;
-    //     });
-    //     this.unloadApp(appToUnload);
-    //   } else {
-    //     sdkToUnload = this.installedList.find((item) => {
-    //       return item.id == this.productDetail.productBaseId;
-    //     });
-    //     this.unloadSdk(sdkToUnload);
-    //   }
-    // },
-    // unLoadSdkOrApp(item) {
-    //   this.activeTab == "sdk" ? this.unloadSdk(item) : this.unloadApp(item);
-    // },
     unloadSdk(sdk) {
       let _this = this;
       this.$confirm("纭畾瑕佸嵏杞借绠楁硶鍚�?", "鎻愮ず")
@@ -1016,7 +920,6 @@
         })
         .catch((e) => {});
     },
-
     donwloadSDK(item) {
       let timer = null;
       item.upgradeLoading = true;
@@ -1029,7 +932,7 @@
           clearInterval(timer);
           item.upgradeLoading = false;
           this.downloadItem = "";
-         
+
           window.parent.postMessage({ msg: "AppUpdate" }, "*");
         })
         .catch((err) => {
@@ -1041,19 +944,18 @@
       this.sdkUpgreading = true;
     },
     autoRefreshAppAndSdkState() {
-      // 鍏抽棴鍚庨��鍑�
+      this.getAllApps();
+      this.getAllSdk();
       if (!this.autoRefresh) {
         return;
       }
-      if (this.appUpgreading) {
-        this.getAllApps();
-      }
-      if (this.sdkUpgreading) {
-        this.getAllSdk();
-      }
-      let _this = this;
       setTimeout(() => {
-        _this.autoRefreshAppAndSdkState();
+        if (this.appUpgreading) {
+          this.getAllApps();
+        }
+        if (this.sdkUpgreading) {
+          this.getAllSdk();
+        }
       }, 1000);
     },
   },
@@ -1461,8 +1363,8 @@
               text-align: center;
               position: relative;
               .check-btn {
-                background-color:#FFFFFF !important;
-                border-color: #BDBDBD !important;
+                background-color: #ffffff !important;
+                border-color: #bdbdbd !important;
                 color: #333333;
               }
               .update-btn {
diff --git a/src/pages/library/components/addBase.vue b/src/pages/library/components/addBase.vue
index d27669c..f8d8635 100644
--- a/src/pages/library/components/addBase.vue
+++ b/src/pages/library/components/addBase.vue
@@ -424,11 +424,9 @@
       // dateString:褰撳墠鏃堕棿
       // compareDateString:闇�瑕佹瘮杈冪殑鏃堕棿
       if (this.isEmpty(dateString)) {
-        // alert('dateString涓嶈兘涓虹┖')
         return;
       }
       if (this.isEmpty(compareDateString)) {
-        // alert('compareDateString涓嶈兘涓虹┖')
         return 1;
       }
       var dateTime = this.dateParse(dateString).getTime();
diff --git a/src/pages/library/components/baseList.vue b/src/pages/library/components/baseList.vue
index 66c485b..d834691 100644
--- a/src/pages/library/components/baseList.vue
+++ b/src/pages/library/components/baseList.vue
@@ -205,85 +205,14 @@
       this.localTableList = this.BaseManageData.localTables;
       this.defaultShow();
     },
-    handleChange(val) {},
-    async setEnable(item) {
-      let res = await updateDbTableStatus({
-        id: item.id,
-        enable: item.enable,
-      });
-      if (res.success === true) {
-        this.$notify({
-          type: "success",
-          message: "搴曞簱鎴愬姛鍙樻洿鐢熸晥鐘舵�侊紒",
-        });
-      } else {
-        this.$notify({
-          type: "error",
-          message: "搴曞簱鍙樻洿鐢熸晥鐘舵�佸け璐ワ紒",
-        });
-      }
-    },
     add(type) {
       this.$emit("changeShow", null, type);
-    },
-    isDisabled(item) {
-      var flag = true;
-      if (this.isShow("library:set")) {
-        if (item.endTime == "") {
-          flag = false;
-        } else {
-          flag = !this.$moment(new Date()).isBetween(
-            item.startTime,
-            item.endTime
-          );
-        }
-      }
-      return flag;
     },
     clickCategory(index, type, item) {
       this.categoryIndex = type + index;
       // 璋冪敤鍒囨崲鍙充晶闈㈡澘鐨勫嚱鏁板苟涓斿垏鎹㈢埗缁勪欢涓璱sSelected鐨勫�艰鍙︿竴涓粍浠舵竻闄よ閫変腑鐘舵��
       this.clickBase = item;
       this.$emit("getList", item, type);
-    },
-    edit(item, type) {
-      this.$emit("changeShow", item, type);
-    },
-    deleteBase(id) {
-      let token =
-        sessionStorage.getItem("loginedInfo") &&
-        JSON.parse(sessionStorage.getItem("loginedInfo")).access_token;
-      this.$confirm("鎻愮ず锛氱‘瀹氬垹闄ゅ簳搴擄紵", {
-        center: true,
-        cancelButtonClass: "comfirm-class-cancle",
-        confirmButtonClass: "comfirm-class-sure",
-      }).then(() => {
-        fetch(`/data/api-v/dbtable/deleteDBtablesById?id=${id}`, {
-          method: "GET",
-          headers: {
-            "Content-Type": "application/json",
-            Authorization: token,
-          },
-        })
-          .then((res) => {
-            return res.json();
-          })
-          .then((res) => {
-            if (res.success) {
-              this.$notify({
-                type: "success",
-                message: "搴曞簱鍒犻櫎鎴愬姛锛�",
-              });
-            }
-            this.init();
-          })
-          .catch((err) => {
-            this.$notify({
-              type: "error",
-              message: err,
-            });
-          });
-      });
     },
     // 榛樿鏄剧ず绗竴涓簱鐨勬暟鎹�
     defaultShow() {
@@ -317,25 +246,25 @@
         return false;
       }
     },
-    dateCompare(dateString, compareDateString) {
-      // dateString:褰撳墠鏃堕棿
-      // compareDateString:闇�瑕佹瘮杈冪殑鏃堕棿
-      if (this.isEmpty(dateString)) {
-        return;
-      }
-      if (this.isEmpty(compareDateString)) {
-        return 1;
-      }
-      var dateTime = this.dateParse(dateString).getTime();
-      var compareDateTime = this.dateParse(compareDateString).getTime();
-      if (compareDateTime > dateTime) {
-        return 1;
-      } else if (compareDateTime === dateTime) {
-        return 0;
-      } else {
-        return -1;
-      }
-    },
+    // dateCompare(dateString, compareDateString) {
+    //   // dateString:褰撳墠鏃堕棿
+    //   // compareDateString:闇�瑕佹瘮杈冪殑鏃堕棿
+    //   if (this.isEmpty(dateString)) {
+    //     return;
+    //   }
+    //   if (this.isEmpty(compareDateString)) {
+    //     return 1;
+    //   }
+    //   var dateTime = this.dateParse(dateString).getTime();
+    //   var compareDateTime = this.dateParse(compareDateString).getTime();
+    //   if (compareDateTime > dateTime) {
+    //     return 1;
+    //   } else if (compareDateTime === dateTime) {
+    //     return 0;
+    //   } else {
+    //     return -1;
+    //   }
+    // },
   },
   props: {
     listWidth: {
@@ -401,7 +330,7 @@
   font-size: 14px;
 }
 .out-div {
-  max-height: 100%;
+  max-height: 100%;    height: 100%;
   .el-collapse-item__wrap {
     will-change: height;
     background-color: #fff;
diff --git a/src/pages/library/components/carList.vue b/src/pages/library/components/carList.vue
index 4843253..019b4db 100644
--- a/src/pages/library/components/carList.vue
+++ b/src/pages/library/components/carList.vue
@@ -1,253 +1,170 @@
 <template>
   <div class="table-parent">
-    <el-row class style="margin: 20px">
-      <!-- <el-col :span="4" class="tl">
-          <b class="f14">{{this.baseObject.tableName}}</b>
-      </el-col>
-      <el-col :span="2">
-          <b class="f14">{{this.baseObject.bwType === '1'?'榛戝悕鍗�':'鐧藉悕鍗�'}}</b>
-      </el-col>
-      <el-col :span="8">
-          <b class="f14">鏈夋晥鏃堕棿锛歿{this.baseObject.startTime}}--{{this.baseObject.endTime?this.baseObject.endTime:'姘镐箙鏈夋晥'}}</b>
-      </el-col>-->
-      <div class="tl">
-        <span class="f14" style="color: #000000">{{
-          this.baseObject.tableName ? this.baseObject.tableName + "/&nbsp;" : ""
-        }}</span>
-        <span class="f14" style="color: #000000">{{
-          this.baseObject.bwType === "1"
-            ? "榛戝悕鍗�/&nbsp;"
-            : "鐧藉悕鍗�/&nbsp;&nbsp;&nbsp;"
-        }}</span>
-        <span class="f14" style="color: #000000"
-          >鏈夋晥鏃堕棿锛歿{ this.baseObject.startTime }}--{{
-            this.baseObject.endTime ? this.baseObject.endTime : "姘镐箙鏈夋晥"
-          }}</span
-        >
+    <el-row>
+      <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="ok-time"
+            >鏈夋晥鏃堕棿锛歿{ this.baseObject.startTime }}--{{
+              this.baseObject.endTime ? this.baseObject.endTime : "姘镐箙鏈夋晥"
+            }}</span
+          >
+        </div>
+
+        <div class="right-btns">
+          <el-switch
+            :active-value="1"
+            :width="52"
+            :inactive-value="0"
+            v-model="baseObject.enable"
+            active-color="#4E94FF"
+            inactive-color="#BBBBBB"
+            style="margin-right: 10px"
+            :disabled="isDisabled(baseObject)"
+            @change="setEnable(baseObject)"
+          >
+          </el-switch>
+
+          <el-tooltip content="鍒犻櫎" placement="top" popper-class="atooltip">
+            <span
+              class="iconfont iconfont-wrap iconshanchuku-09"
+              v-if="isShow('library:set')"
+              @click.stop="askDelete('base')"
+            ></span>
+          </el-tooltip>
+
+          <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>
     </el-row>
-    <el-row class style="margin: 40px 0 40px 20px">
-      <el-col :span="6">
-        <el-input
-          placeholder="濮撳悕/鎬у埆/韬唤璇佸彿/鎵嬫満鍙�"
-          autocomplete="off"
-          width="100%"
-          size="small"
-          v-model="BaseManageData.contentValue"
-          @keyup.enter.native="handleSearch"
-        ></el-input>
-      </el-col>
-      <el-col :span="2">
-        <el-button size="small" type="primary" @click="handleSearch"
-          >鎼滅储</el-button
-        >
-      </el-col>
-      <el-col :offset="8" :span="3">
-        <fTemplate authority="library:set">
-          <el-button
+
+    <div style="display: flex" class="border-tabl">
+      <div class="head-search">
+        <div class="desc">
+          鏈簱鍏辨湁
+          <span class="nums">{{ BaseManageData.total }}鏉�</span>
+          鏁版嵁
+        </div>
+        <div class="right-group">
+          <el-input
+            placeholder="濮撳悕/鎬у埆/韬唤璇佸彿/鎵嬫満鍙�"
+            autocomplete="off"
+            width="100%"
             size="small"
-            class="ml10"
-            type="danger"
-            @click="deleteBatch"
-            v-if="isShow('library:set')"
-            >鎵归噺鍒犻櫎</el-button
+            v-model="BaseManageData.contentValue"
+            @keyup.enter.native="handleSearch"
+          ></el-input>
+          <el-button size="small" type="primary" @click="handleSearch"
+            >鎼滅储</el-button
           >
-        </fTemplate>
-      </el-col>
-      <el-col :span="2">
-        <div class="text-left">
-          <el-button size="small" class="ml10" type="primary" @click="addCar"
-            >娣诲姞杞﹁締</el-button
+
+          <el-tooltip
+            content="鎵归噺鍒犻櫎"
+            placement="top"
+            popper-class="atooltip"
           >
-          <el-drawer
-            title="杞﹁締淇℃伅"
-            :modal="false"
-            :destroy-on-close="true"
-            :append-to-body="true"
-            :visible.sync="addDrawer"
-            :direction="direction"
-            :before-close="handleClose1"
+            <fTemplate authority="library:set">
+              <span
+                class="iconfont iconfont-wrap iconpiliangshanchu-09"
+                @click="askDelete('batch')"
+                v-if="isShow('library:set')"
+              ></span>
+            </fTemplate>
+          </el-tooltip>
+
+          <el-tooltip
+            content="娣诲姞杞﹁締"
+            placement="top"
+            popper-class="atooltip"
           >
-            <div class="drawerSpace">
-              <div class="uploadLine">
-                <div class="car-picture">
-                  <el-upload
-                    action
-                    :http-request="uploadCar"
-                    accept="image/*"
-                    list-type="picture-card"
-                    :file-list="form.carUrls"
-                    :before-remove="handleRemoveCarPic"
-                  >
-                    <i class="el-icon-plus" style="margin-top: 25px"></i>
-                    <div>涓婁紶杞﹁締鐓х墖</div>
-                  </el-upload>
-                </div>
-                <div class="person-picture">
-                  <el-upload
-                    action
-                    :http-request="uploadPerson"
-                    list-type="picture-card"
-                    accept="image/*"
-                    :limit="1"
-                    :file-list="form.faceUrl"
-                    :on-remove="handleRemoveFacePic"
-                  >
-                    <i class="el-icon-plus" style="margin-top: 25px"></i>
-                    <div>涓婁紶杞︿富鐓х墖</div>
-                  </el-upload>
-                </div>
-              </div>
-              <el-form
-                ref="formForCar"
-                :model="form"
-                label-width="100px"
-                style="margin-top: 20px; margin-bottom: 50px"
-                :rule="rules"
-              >
-                <el-form-item label="*杞︾墝鍙凤細">
-                  <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-option
-                      v-for="item in VideoPhotoData.dictionary.CARTYPE"
-                      :key="item.value"
-                      :label="item.name"
-                      :value="item.value"
-                    ></el-option>
-                  </el-select>
-                </el-form-item>
-                <el-form-item label="杞﹁締鍝佺墝锛�">
-                  <el-select
-                    v-model="form.carBrand"
-                    placeholder="璇烽�夋嫨杞﹁締鍝佺墝"
-                    class="inputWidth"
-                  >
-                    <el-option
-                      v-for="item in VideoPhotoData.dictionary.BRAND"
-                      :key="item.value"
-                      :label="item.name"
-                      :value="item.value"
-                    ></el-option>
-                  </el-select>
-                </el-form-item>
-                <el-form-item label="杞﹁韩棰滆壊锛�">
-                  <el-select
-                    v-model="form.carColor"
-                    placeholder="璇烽�夋嫨杞﹁韩棰滆壊"
-                    class="inputWidth"
-                  >
-                    <el-option
-                      v-for="item in VideoPhotoData.dictionary.nColor"
-                      :key="item.value"
-                      :label="item.name"
-                      :value="item.value"
-                    ></el-option>
-                  </el-select>
-                </el-form-item>
-                <el-form-item label="杞︿富濮撳悕锛�">
-                  <el-input
-                    v-model="form.personName"
-                    class="inputWidth"
-                  ></el-input>
-                </el-form-item>
-                <el-form-item label="杞︿富鎬у埆锛�">
-                  <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-input v-model="form.idCard" class="inputWidth"></el-input>
-                </el-form-item>
-                <el-form-item label="鎵嬫満鍙凤細">
-                  <el-input
-                    v-model="form.phoneNum"
-                    class="inputWidth"
-                  ></el-input>
-                </el-form-item>
-                <el-form-item label="鍏朵粬锛�">
-                  <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>
-          </el-drawer>
+            <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>
         </div>
-      </el-col>
-      <el-col :span="3">
-        <div class="text-left">
-          <el-button size="small" class="ml10" type="primary" @click="addBatch"
-            >鎵归噺涓婁紶杞︾墝</el-button
-          >
-          <el-drawer
-            title="涓婁紶杞︾墝"
-            :modal="false"
-            :append-to-body="true"
-            :visible.sync="addBatchDrawer"
-            :direction="direction"
-            :before-close="handleClose2"
-          >
-            <div class="drawerSpace">
-              <div class="plateAttach">
-                <el-input
-                  type="textarea"
-                  :rows="25"
-                  v-model="plates"
-                  style="width: 90%"
-                  placeholder="璇疯緭鍏ヨ溅鐗屽彿"
-                ></el-input>
-                <p>
-                  杞︾墝鍙蜂互閫楀彿鎴栧洖杞﹂敭闅斿紑锛屽崟娆℃渶澶氭敮鎸�100鏉′笂浼狅紝渚嬪锛氫含YAB123,浜現34Y87
-                </p>
-                <el-button
-                  type="primary"
-                  @click="platesBatch"
-                  style="margin-left: 210px"
-                  >淇濆瓨</el-button
-                >
-                <el-button @click="resetForm('ruleForm')">鍙栨秷</el-button>
-              </div>
-            </div>
-          </el-drawer>
-        </div>
-      </el-col>
-    </el-row>
-    <div style="display: flex" class="border-tabl ml20">
+      </div>
+
       <el-table
         id="multipleTable"
         ref="multipleTable"
         :data="BaseManageData.personList"
         tooltip-effect="dark"
-        style="width: 100%"
+        style="width: 100%; overflow: auto"
         :fit="true"
         :default-sort="{ prop: 'createTime', order: 'descending' }"
         @selection-change="handleSelectionChange"
-        :header-cell-style="{ background: '#f8f8f8', color: '#222222' }"
+        :header-cell-style="{
+          background: '#fff',
+          color: '#222222',
+          padding: '2px 1px',
+          borderBottom: 'none',
+        }"
       >
         <el-table-column type="selection" width="30"></el-table-column>
-        <el-table-column label="搴忓彿" width="70" sortable align="center">
-          <template slot-scope="scope">{{ scope.$index + 1 }}</template>
+        <el-table-column
+          prop="carUrls"
+          label="杞﹁締鐓х墖"
+          width="140"
+          show-overflow-tooltip
+          sortable
+          class="picture"
+          align="center"
+        >
+          <template slot-scope="scope">
+            <el-carousel
+              style="height: 100px"
+              :autoplay="false"
+              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>
+            </el-carousel>
+          </template>
+        </el-table-column>
+        <el-table-column label="鐢熸晥鐘舵��" align="center" width="80">
+          <template slot-scope="scope">
+            <el-switch
+              v-model="scope.row.enable"
+              :active-value="1"
+              :disabled="!isShow('library:set')"
+              :inactive-value="0"
+              @change="enable(scope.row)"
+            ></el-switch>
+          </template>
         </el-table-column>
         <el-table-column
           prop="carNo"
@@ -297,35 +214,7 @@
           align="center"
           width="80"
         ></el-table-column>
-        <el-table-column
-          prop="carUrls"
-          label="杞﹁締鐓х墖"
-          width="140"
-          show-overflow-tooltip
-          sortable
-          class="picture"
-          align="center"
-        >
-          <template slot-scope="scope">
-            <el-carousel
-              style="height: 100px"
-              :autoplay="false"
-              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>
-            </el-carousel>
-          </template>
-        </el-table-column>
+
         <el-table-column
           prop="createTime"
           label="鍏ュ簱鏃堕棿"
@@ -334,18 +223,7 @@
           sortable
           align="center"
         ></el-table-column>
-        <!-- <el-table-column prop="reserved" label="鍏朵粬" align="center"></el-table-column> -->
-        <el-table-column label="鐢熸晥鐘舵��" align="center" width="80">
-          <template slot-scope="scope">
-            <el-switch
-              v-model="scope.row.enable"
-              :active-value="1"
-              :disabled="!isShow('library:set')"
-              :inactive-value="0"
-              @change="enable(scope.row)"
-            ></el-switch>
-          </template>
-        </el-table-column>
+
         <el-table-column label="鎿嶄綔" min-width="200" align="center">
           <template slot-scope="scope">
             <fTemplate authority="library:set">
@@ -415,13 +293,12 @@
           </template>
         </el-table-column>
       </el-table>
-    </div>
-    <div class="pt5 pb20" style="height: 40px; position: relative">
       <el-pagination
         @current-change="refrash"
         :current-page="BaseManageData.page"
         :page-size="BaseManageData.size"
-        style="position: absolute; right: 10px; bottom: 5px"
+        style="margin-top: 10px;"
+        layout="total,sizes,prev,pager,next,jumper"
         :total="BaseManageData.total"
       ></el-pagination>
     </div>
@@ -608,6 +485,183 @@
         >
       </div>
     </el-dialog>
+
+    <el-dialog
+      :visible.sync="askDeleteShow"
+      :center="true"
+      custom-class="del-dialog"
+    >
+      <div>
+        <div class="suc-icon">
+          <i class="iconfont icongantanhao1"></i>
+        </div>
+        <div class="tt">{{ delText[0] }}</div>
+        <div class="flex-box">
+          <span>{{ delText[1] }}</span>
+        </div>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="askDeleteShow = false">鍙� 娑�</el-button>
+        <el-button type="primary" @click="handleDel">纭� 瀹�</el-button>
+      </span>
+    </el-dialog>
+
+    <el-drawer
+      title="杞﹁締淇℃伅"
+      :modal="false"
+      :destroy-on-close="true"
+      :append-to-body="true"
+      :visible.sync="addDrawer"
+      :direction="direction"
+      :before-close="handleClose1"
+    >
+      <div class="drawerSpace">
+        <div class="uploadLine">
+          <div class="car-picture">
+            <el-upload
+              action
+              :http-request="uploadCar"
+              accept="image/*"
+              list-type="picture-card"
+              :file-list="form.carUrls"
+              :before-remove="handleRemoveCarPic"
+            >
+              <i class="el-icon-plus" style="margin-top: 25px"></i>
+              <div>涓婁紶杞﹁締鐓х墖</div>
+            </el-upload>
+          </div>
+          <div class="person-picture">
+            <el-upload
+              action
+              :http-request="uploadPerson"
+              list-type="picture-card"
+              accept="image/*"
+              :limit="1"
+              :file-list="form.faceUrl"
+              :on-remove="handleRemoveFacePic"
+            >
+              <i class="el-icon-plus" style="margin-top: 25px"></i>
+              <div>涓婁紶杞︿富鐓х墖</div>
+            </el-upload>
+          </div>
+        </div>
+        <el-form
+          ref="formForCar"
+          :model="form"
+          label-width="100px"
+          style="margin-top: 20px; margin-bottom: 50px"
+          :rule="rules"
+        >
+          <el-form-item label="*杞︾墝鍙凤細">
+            <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-option
+                v-for="item in VideoPhotoData.dictionary.CARTYPE"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="杞﹁締鍝佺墝锛�">
+            <el-select
+              v-model="form.carBrand"
+              placeholder="璇烽�夋嫨杞﹁締鍝佺墝"
+              class="inputWidth"
+            >
+              <el-option
+                v-for="item in VideoPhotoData.dictionary.BRAND"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="杞﹁韩棰滆壊锛�">
+            <el-select
+              v-model="form.carColor"
+              placeholder="璇烽�夋嫨杞﹁韩棰滆壊"
+              class="inputWidth"
+            >
+              <el-option
+                v-for="item in VideoPhotoData.dictionary.nColor"
+                :key="item.value"
+                :label="item.name"
+                :value="item.value"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="杞︿富濮撳悕锛�">
+            <el-input v-model="form.personName" class="inputWidth"></el-input>
+          </el-form-item>
+          <el-form-item label="杞︿富鎬у埆锛�">
+            <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-input v-model="form.idCard" class="inputWidth"></el-input>
+          </el-form-item>
+          <el-form-item label="鎵嬫満鍙凤細">
+            <el-input v-model="form.phoneNum" class="inputWidth"></el-input>
+          </el-form-item>
+          <el-form-item label="鍏朵粬锛�">
+            <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>
+    </el-drawer>
+
+    <el-drawer
+      title="涓婁紶杞︾墝"
+      :modal="false"
+      :append-to-body="true"
+      :visible.sync="addBatchDrawer"
+      :direction="direction"
+      :before-close="handleClose2"
+    >
+      <div class="drawerSpace">
+        <div class="plateAttach">
+          <el-input
+            type="textarea"
+            :rows="25"
+            v-model="plates"
+            style="width: 90%"
+            placeholder="璇疯緭鍏ヨ溅鐗屽彿"
+          ></el-input>
+          <p>
+            杞︾墝鍙蜂互閫楀彿鎴栧洖杞﹂敭闅斿紑锛屽崟娆℃渶澶氭敮鎸�100鏉′笂浼狅紝渚嬪锛氫含YAB123,浜現34Y87
+          </p>
+          <el-button
+            type="primary"
+            @click="platesBatch"
+            style="margin-left: 210px"
+            >淇濆瓨</el-button
+          >
+          <el-button @click="resetForm('ruleForm')">鍙栨秷</el-button>
+        </div>
+      </div>
+    </el-drawer>
   </div>
 </template>
 <script>
@@ -616,21 +670,23 @@
   updateBaseCar,
   deleteBasePersons,
   plateBatch,
+  updateDbTableStatus,
 } from "@/api/baseLibrary";
 import axios from "axios";
-// import { findByType } from '@/server/video.js'
 import Upload from "./upload";
 import fTemplate from "@/components/fTemplate";
 import request from "@/scripts/httpRequest";
 export default {
   components: {
-    // httpImg,
     fTemplate,
   },
   props: {
     baseObject: {
       default: () => {},
       type: Object,
+    },
+    syncType: {
+      type: String,
     },
   },
   data() {
@@ -651,15 +707,14 @@
           url: "group2/M00/0A/D7/wKgBnFyjH0-AUE5eAAC8hSMP2Yw110.jpg",
         },
       ],
-      provinces: [
-        { name: "浜�", value: 1 },
-        { name: "娲�", value: 2 },
-        { name: "鍐�", value: 3 },
-      ],
+      // provinces: [
+      //   { name: "浜�", value: 1 },
+      //   { name: "娲�", value: 2 },
+      //   { name: "鍐�", value: 3 },
+      // ],
       copyVisiabled: false,
       moveVisiabled: false,
       buttonAuthority: sessionStorage.getItem("buttonAuthoritys") || [],
-      searchName: "",
       current: 1,
       compare: false,
       pageSize: 10,
@@ -678,7 +733,7 @@
         idCard: "",
         phoneNum: "",
         monitorLevel: "one",
-        carUrls: [], //{url:"/httpImage/192.168.20.10:6701/818,56d0122c44f069"},{url:"/httpImage/192.168.20.10:6701/818,56d0122c44f069"}
+        carUrls: [],
         faceUrl: [],
         faceFeature: "",
         carPicUrls: "",
@@ -700,14 +755,12 @@
         ],
       },
       tableData: [],
-      tableHeight: window.innerHeight - 320,
-      multipleSelection: [],
-      peoperLevel: [],
       oldWidth: "",
       oldHeight: "",
-      // 涓婁紶鍚庣殑寮规鏄剧ず
+      askDeleteShow: false,
+      delType: "",
+      toDeleteId: "",
       dialogVisible: false,
-      // 鎵归噺涓婁紶鍚庣殑杩斿洖缁撴灉
       uploadResult: {
         failList: [],
         successList: [],
@@ -727,8 +780,59 @@
       }
       return false;
     },
+    delText() {
+      switch (this.delType) {
+        case "base":
+          return ["鍒犻櫎搴曞簱", "纭畾鍒犻櫎璇ュ簳搴擄紵"];
+        case "single":
+          return ["鍒犻櫎浜哄憳", "纭畾鍒犻櫎璇ュ簳搴撲汉鍛橈紵"];
+        case "batch":
+          return ["鎵归噺鍒犻櫎", "纭畾鍒犻櫎璇ュ簳搴撻�変腑浜哄憳锛�"];
+        default:
+          return ["", ""];
+      }
+    },
   },
   methods: {
+    handleDel() {
+      if (this.delType == "single") {
+        this.deleteThis();
+      } else if (this.delType == "base") {
+        this.deleteBase();
+      } else if (this.delType == "batch") {
+        this.deleteBatch();
+      }
+    },
+    deleteBase() {
+      let token =
+        sessionStorage.getItem("loginedInfo") &&
+        JSON.parse(sessionStorage.getItem("loginedInfo")).access_token;
+      fetch(`/data/api-v/dbtable/deleteDBtablesById?id=${this.baseObject.id}`, {
+        method: "GET",
+        headers: {
+          "Content-Type": "application/json",
+          Authorization: token,
+        },
+      })
+        .then((res) => {
+          return res.json();
+        })
+        .then((res) => {
+          if (res.success) {
+            this.$notify({
+              type: "success",
+              message: "搴曞簱鍒犻櫎鎴愬姛锛�",
+            });
+          }
+          this.$emit("onDelete");
+        })
+        .catch((err) => {
+          this.$notify({
+            type: "error",
+            message: err,
+          });
+        });
+    },
     handleRemoveCarPic(file, fileList) {
       var index = fileList.findIndex((item) => {
         if (item.uid == file.uid) {
@@ -737,10 +841,27 @@
       });
       this.form.carUrls.splice(index, 1);
     },
+    isDisabled(item) {
+      var flag = true;
+      if (this.isShow("library:set")) {
+        if (item.endTime == "") {
+          flag = false;
+        } else {
+          flag = !this.$moment(new Date()).isBetween(
+            item.startTime,
+            item.endTime
+          );
+        }
+      }
+      return flag;
+    },
     handleRemoveFacePic(file, fileList) {
       this.form.faceUrl.splice(0, 1);
     },
-    beforeUoload() {},
+    edit() {
+      this.$emit("changeShow", this.baseObject, this.syncType);
+    },
+    // beforeUoload() {},
     handlePictureCardPreview(file) {
       this.dialogImageUrl = file.url;
       this.dialogVisible = true;
@@ -789,7 +910,7 @@
         idCard: "",
         phoneNum: "",
         monitorLevel: "one",
-        carUrls: [], //{url:"/httpImage/192.168.20.10:6701/818,56d0122c44f069"},{url:"/httpImage/192.168.20.10:6701/818,56d0122c44f069"}
+        carUrls: [],
         faceUrl: [],
         faceFeature: "",
         carPicUrls: "",
@@ -802,19 +923,9 @@
         reserved: "",
       }),
         done();
-      // this.$confirm('纭鍏抽棴锛�')
-      //   .then(_ => {
-      //     done();
-      //   })
-      //   .catch(_ => {});
     },
     handleClose2(done) {
       done();
-      // this.$confirm('纭鍏抽棴锛�')
-      //   .then(_ => {
-      //     done();
-      //   })
-      //   .catch(_ => {});
     },
     isShow(authority) {
       if (this.isAdmin) {
@@ -834,43 +945,32 @@
         this.$refs.multipleTable.clearSelection();
       }
     },
-    deleteThis(id) {
-      
+    deleteThis() {
       let token =
         sessionStorage.getItem("loginedInfo") &&
         JSON.parse(sessionStorage.getItem("loginedInfo")).access_token;
-      this.$confirm("鎻愮ず锛氱‘瀹氬垹闄よ搴曞簱浜哄憳锛�", {
-        center: true,
-        cancelButtonClass: "comfirm-class-cancle",
-        confirmButtonClass: "comfirm-class-sure",
+      fetch(`/data/api-v/dbperson/deleteDbPersonById?id=${this.toDeleteId}`, {
+        method: "GET",
+        headers: {
+          "Content-Type": "application/json",
+          Authorization: token,
+        },
       })
-        .then((_) => {
-          fetch(`/data/api-v/dbperson/deleteDbPersonById?id=${id}`, {
-            method: "GET",
-            headers: {
-              "Content-Type": "application/json",
-              Authorization: token,
-            },
-          })
-            .then((res) => {
-              return res.json();
-            })
-            .then((data) => {
-              if (data.success) {
-                this.$notify({
-                  type: "success",
-                  message: "璇ヤ汉鍛樺垹闄ゆ垚鍔燂紒",
-                });
-              }
-              this.getCarList();
-            })
-            .catch((err) => {
-            });
+        .then((res) => {
+          return res.json();
         })
-        .catch((_) => {});
+        .then((data) => {
+          if (data.success) {
+            this.$notify({
+              type: "success",
+              message: "璇ヤ汉鍛樺垹闄ゆ垚鍔燂紒",
+            });
+          }
+          this.getCarList();
+        })
+        .catch((err) => {});
     },
-    sayHello() {
-    },
+    // sayHello() {},
     getUploadResult(result) {
       this.uploadResult = result.data;
       this.dialogVisible = true;
@@ -891,7 +991,6 @@
       });
     },
     handleClose() {
-      //this.getCarList();
       this.dialogFormVisible = false;
     },
     handleSelectionChange(val) {
@@ -954,7 +1053,7 @@
         personPicUrl: item.personPicUrl,
         reserved: item.reserved,
       });
-      if (res.success === true) {
+      if (res.success) {
         this.$notify({
           type: "success",
           message: "搴曞簱浜哄憳鎴愬姛鍙樻洿鐢熸晥鐘舵�侊紒",
@@ -973,10 +1072,24 @@
       this.$refs.uploadDrag && this.$refs.uploadDrag.uploadStart();
     },
     haveScore(row) {
-      if (row.compareScore && row.compareScore !== "") {
-        return true;
+      return row.compareScore && row.compareScore !== "";
+    },
+    async setEnable(item) {
+      debugger;
+      let res = await updateDbTableStatus({
+        id: item.id,
+        enable: item.enable,
+      });
+      if (res.success) {
+        this.$notify({
+          type: "success",
+          message: "搴曞簱鎴愬姛鍙樻洿鐢熸晥鐘舵�侊紒",
+        });
       } else {
-        return false;
+        this.$notify({
+          type: "error",
+          message: "搴曞簱鍙樻洿鐢熸晥鐘舵�佸け璐ワ紒",
+        });
       }
     },
     async searchImgList(faceUrl, threshold) {
@@ -994,7 +1107,7 @@
       this.total = res.data.total;
       this.compare = true;
     },
-    updateThreshold() {},
+    // updateThreshold() {},
     async updateFace(param) {
       const fd = new FormData();
       fd.append("file", param.file);
@@ -1014,39 +1127,22 @@
         this.form.faceFeature = res.data.data.faceFeature;
       }
     },
-    uploadSuccess() {
-    },
-    uploadError() {
-    },
-    deleteBatch() {
-      if (this.selectedRowKeys.length === 0) {
+    async deleteBatch() {
+      let ids = [];
+      this.selectedRowKeys.map((item, index) => {
+        ids.push(item.id);
+      });
+      let res = await deleteBasePersons(ids);
+      if (res.success) {
         this.$notify({
-          type: "warning",
-          message: "璇烽�夋嫨瑕佸垹闄ょ殑浜哄憳",
+          type: "success",
+          message: "鍒犻櫎鎴愬姛锛�",
         });
+        this.getCarList();
       } else {
-        this.$confirm("鎻愮ず锛氱‘瀹氬垹闄よ搴曞簱閫変腑浜哄憳锛�", {
-          center: true,
-          cancelButtonClass: "comfirm-class-cancle",
-          confirmButtonClass: "comfirm-class-sure",
-        }).then(async (_) => {
-          let ids = [];
-          this.selectedRowKeys.map((item, index) => {
-            ids.push(item.id);
-          });
-          let res = await deleteBasePersons(ids);
-          if (res.success) {
-            this.$notify({
-              type: "success",
-              message: "鍒犻櫎鎴愬姛锛�",
-            });
-            this.getCarList();
-          } else {
-            this.$notify({
-              type: "error",
-              message: "鍒犻櫎澶辫触锛�",
-            });
-          }
+        this.$notify({
+          type: "error",
+          message: "鍒犻櫎澶辫触锛�",
         });
       }
     },
@@ -1065,10 +1161,19 @@
         this.BaseManageData.queryPersonList();
       }
     },
-    handleRowStyle({ row, rowIndex }) {
-      if (rowIndex === 0) {
-        return "background:#222222;";
+    askDelete(typ, id) {
+      if (typ == "batch") {
+        if (this.selectedRowKeys.length === 0) {
+          this.$notify({
+            type: "warning",
+            message: "璇烽�夋嫨瑕佸垹闄ょ殑浜哄憳",
+          });
+          return;
+        }
       }
+      this.askDeleteShow = true;
+      this.delType = typ;
+      id && (this.toDeleteId = id);
     },
     blackAngWhite() {
       if (this.BaseManageData.selectBlacks.length > 0) {
@@ -1163,7 +1268,6 @@
       this.$refs["formForCar"].validate(async (valid) => {
         if (valid) {
           let { ...json } = this.form;
-
           for (let index in json.carUrls) {
             if (index == 0) {
               json.carPicUrls += json.carUrls[index].url.substring(11);
@@ -1392,7 +1496,6 @@
   display: none;
 }
 .table-parent {
-  // position: relative;
   height: 100%;
   overflow: visible !important;
   .picture {
@@ -1501,59 +1604,7 @@
   padding-left: 8px !important;
   padding-right: 0px !important;
 }
-// .addToBase1 {
-//   height: 350px;
-//   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%;
-//     height: auto;
-//     overflow-y: auto;
-//       margin-bottom: 20px;
-//     .lable {
-//       // width: 15%;
-//       margin-top: 10px;
-//       // float: left;
-//       //font-family: PingFangSC-Medium;
-//       font-size: 14px;
-//       font-weight: 600;
-//     }
-//     .baseList {
-//       // width: 85%;
-//       height: 100%;
-//       // float: left;
-//       .base {
-//         width: calc(33% - 10px);
-//         padding: 0px 5px;
-//         line-height: 30px;
-//         float: left;
-//         text-align: left;
-//         font-size: 12px !important;
-//         .el-checkbox {
-//           width: 100%;
-//           display: block;
-//           overflow: hidden;
-//           text-overflow: ellipsis;
-//           white-space: nowrap;
-//           .el-checkbox__label {
-//             display: inline !important;
-//           }
-//         }
-//       }
-//     }
-//   }
-// }
+
 .copy,
 .move {
   .el-dialog__body {
@@ -1562,7 +1613,7 @@
 }
 
 .avatar-uploader {
-   max-width: 100px;
+  max-width: 100px;
   min-width: 100px;
   min-height: 100px;
   border: 1px solid #eee;
diff --git a/src/pages/library/components/personList.vue b/src/pages/library/components/personList.vue
index 7775450..1ccb6e4 100644
--- a/src/pages/library/components/personList.vue
+++ b/src/pages/library/components/personList.vue
@@ -26,7 +26,7 @@
             v-model="baseObject.enable"
             active-color="#4E94FF"
             inactive-color="#BBBBBB"
-            style="margin-right: 25px"
+            style="margin-right: 10px"
             :disabled="isDisabled(baseObject)"
             @change="setEnable(baseObject)"
           >
@@ -50,7 +50,6 @@
         </div>
       </div>
     </el-row>
-
     <div class="border-tabl">
       <div class="head-search">
         <div class="desc">
@@ -301,18 +300,6 @@
         :total="BaseManageData.total"
       ></el-pagination>
     </div>
-    <!-- <div class="pt5" style="height: 40px; position: relative">
-      <el-pagination
-        @size-change="handleSizeChange"
-        @current-change="refrash"
-        :current-page="BaseManageData.page"
-        :page-size="BaseManageData.size"
-        :page-sizes="[10, 20, 50, 100]"
-        style="position: absolute; right: 10px; bottom: 5px"
-        layout="total,sizes,prev,pager,next,jumper"
-        :total="BaseManageData.total"
-      ></el-pagination>
-    </div> -->
     <el-dialog
       title="鎶撴媿璇︽儏"
       :visible.sync="cameraDetailVisible"
@@ -1123,7 +1110,6 @@
         idCard: "",
         reserved: "",
       },
-      showPop: true,
       askDeleteShow: false,
       toDeleteId: "",
       reqCameraParams: {
@@ -1173,9 +1159,6 @@
         ],
       },
       tableData: [],
-      // tableHeight: window.innerHeight - 320,
-      // multipleSelection: [],
-      // peoperLevel: [],
       oldWidth: "",
       oldHeight: "",
       delType: "",
@@ -1293,11 +1276,9 @@
           }
           this.getPersonList();
         })
-        .catch((err) => {
-        });
+        .catch((err) => {});
     },
-    sayHello() {
-    },
+    sayHello() {},
     getUploadResult(result) {
       this.uploadResult = result.data;
       this.dialogVisible = true;
@@ -1511,43 +1492,28 @@
         data: fd,
       });
       if (res.data.success) {
-        this.form.personPicUrl = res.data.data.personPicUrl;
+        this.form.persoasyncnPicUrl = res.data.data.personPicUrl;
         this.form.faceFeature = res.data.data.faceFeature;
       }
     },
-    uploadSuccess() {
-    },
-    uploadError() {
-    },
-    deleteBatch() {
-      if (this.selectedRowKeys.length === 0) {
+    uploadSuccess() {},
+    uploadError() {},
+    async deleteBatch() {
+      let ids = [];
+      this.selectedRowKeys.map((item, index) => {
+        ids.push(item.id);
+      });
+      let res = await deleteBasePersons(ids);
+      if (res.success) {
         this.$notify({
-          type: "warning",
-          message: "璇烽�夋嫨瑕佸垹闄ょ殑浜哄憳",
+          type: "success",
+          message: "鍒犻櫎鎴愬姛锛�",
         });
+        this.getPersonList();
       } else {
-        this.$confirm("鎻愮ず锛氱‘瀹氬垹闄よ搴曞簱閫変腑浜哄憳锛�", {
-          center: true,
-          cancelButtonClass: "comfirm-class-cancle",
-          confirmButtonClass: "comfirm-class-sure",
-        }).then(async (_) => {
-          let ids = [];
-          this.selectedRowKeys.map((item, index) => {
-            ids.push(item.id);
-          });
-          let res = await deleteBasePersons(ids);
-          if (res.success) {
-            this.$notify({
-              type: "success",
-              message: "鍒犻櫎鎴愬姛锛�",
-            });
-            this.getPersonList();
-          } else {
-            this.$notify({
-              type: "error",
-              message: "鍒犻櫎澶辫触锛�",
-            });
-          }
+        this.$notify({
+          type: "error",
+          message: "鍒犻櫎澶辫触锛�",
         });
       }
     },
@@ -1566,11 +1532,11 @@
         this.BaseManageData.queryPersonList();
       }
     },
-    handleRowStyle({ row, rowIndex }) {
-      if (rowIndex === 0) {
-        return "background:#222222;";
-      }
-    },
+    // handleRowStyle({ row, rowIndex }) {
+    //   if (rowIndex === 0) {
+    //     return "background:#222222;";
+    //   }
+    // },
     blackAngWhite() {
       if (this.BaseManageData.selectBlacks.length > 0) {
         for (let i = 0; i < this.BaseManageData.whiteList.length; i++) {
@@ -1597,17 +1563,6 @@
         }
       }
     },
-    // 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)
-    // },
     tosearch(item) {
       //let captureId = item.id == "" ? item.baseInfo[0].targetId : item.id
       let captureId = item.id == "" ? item.personId : item.id;
@@ -1829,8 +1784,8 @@
       .el-button--mini {
         padding: 10px 34px;
         font-size: 14px;
-        background:var(--colorCard) !important;
-        border-color:var(--colorCard) !important;
+        background: var(--colorCard) !important;
+        border-color: var(--colorCard) !important;
         width: 150px;
         border-radius: 18px;
       }
@@ -1889,7 +1844,7 @@
       }
       .iconshanchuku-09 {
         color: #fe6d68;
-        margin-right: 10px;
+        // margin-right: 10px;
       }
       .iconshanchuku-09:hover {
         background: #fe6d68;
@@ -1901,7 +1856,7 @@
       }
       .iconbianjiku-09:hover {
         border: 1px solidvar(--colorCard);
-        background:var(--colorCard);
+        background: var(--colorCard);
         color: #fff;
       }
     }
@@ -1944,8 +1899,8 @@
         font-size: 14px;
       }
       .el-radio__input.is-checked .el-radio__inner {
-        border-color:var(--colorCard);
-        background:var(--colorCard);
+        border-color: var(--colorCard);
+        background: var(--colorCard);
       }
 
       .el-input--small {
@@ -1977,8 +1932,8 @@
           padding: 11px 65px;
           font-size: 14px;
           border-radius: 18px;
-          border-color:var(--colorCard) !important;
-          background:var(--colorCard) !important;
+          border-color: var(--colorCard) !important;
+          background: var(--colorCard) !important;
           color: #fff;
         }
         .cancel-btn {
@@ -2035,8 +1990,8 @@
       }
       .iconpiliangshanchu-09 {
         color: #fe6d68;
-        margin-right: 10px;
-        margin-left: 20px;
+        // margin-right: 10px;
+        // margin-left: 20px;
       }
       .iconpiliangshanchu-09:hover {
         background: #fe6d68;
@@ -2046,10 +2001,11 @@
       .el-button--small {
         padding: 8px 45px;
         font-size: 14px;
-        background:var(--colorCard) !important;
+        background: var(--colorCard) !important;
         border-radius: 0px 18px 18px 0px;
-        border-color:var(--colorCard) !important;
+        border-color: var(--colorCard) !important;
         color: #fff;
+        margin-right: 10px;
       }
       .el-input__suffix {
         top: 6px;
@@ -2102,13 +2058,16 @@
       font-size: 15px;
     }
   }
+  .el-table::before {
+    visibility: hidden;
+  }
   .el-checkbox__input.is-indeterminate .el-checkbox__inner {
-    background-color:var(--colorCard);
-    border-color:var(--colorCard);
+    background-color: var(--colorCard);
+    border-color: var(--colorCard);
   }
   .el-checkbox__input.is-checked .el-checkbox__inner {
-    background-color:var(--colorCard);
-    border-color:var(--colorCard);
+    background-color: var(--colorCard);
+    border-color: var(--colorCard);
   }
   .el-table th.el-table__cell > .cell {
     background: #f7f8fa;
@@ -2150,6 +2109,7 @@
   text-align: center;
   font-size: 23px;
   transition: all 0.2s;
+  margin-left: 10px;
 }
 .el-dialog__header {
   padding: 20px 0 10px;
@@ -2223,9 +2183,9 @@
     padding: 8px 15px;
     font-size: 14px;
     border-radius: 3px;
-    background:var(--colorCard) !important;
+    background: var(--colorCard) !important;
     border-radius: 16px;
-    border-color:var(--colorCard) !important;
+    border-color: var(--colorCard) !important;
     width: 128px;
   }
   .el-input--mini .el-input__inner {
@@ -2293,7 +2253,7 @@
       width: 150px;
     }
     .el-button--primary {
-      background:var(--colorCard) !important;
+      background: var(--colorCard) !important;
       padding: 9px 37px;
       color: #fff;
       border: 1px solidvar(--colorCard) !important;
@@ -2350,7 +2310,7 @@
       width: 150px;
     }
     .el-button--primary {
-      background:var(--colorCard) !important;
+      background: var(--colorCard) !important;
       padding: 9px 37px;
       color: #fff;
       border: 1px solidvar(--colorCard) !important;
@@ -2402,8 +2362,8 @@
           border-radius: 8px;
           margin: 0 5px;
           .el-checkbox__input.is-checked .el-checkbox__inner {
-            background-color:var(--colorCard);
-            border-color:var(--colorCard);
+            background-color: var(--colorCard);
+            border-color: var(--colorCard);
           }
           .el-checkbox {
             width: 100%;
@@ -2463,7 +2423,7 @@
       width: 150px;
     }
     .el-button--primary {
-      background:var(--colorCard) !important;
+      background: var(--colorCard) !important;
       padding: 9px 37px;
       color: #fff;
       border: 1px solidvar(--colorCard) !important;
@@ -2535,13 +2495,13 @@
   }
   .el-date-table td.start-date span,
   .el-date-table td.end-date span {
-    background-color:var(--colorCard);
+    background-color: var(--colorCard);
   }
   .el-date-table td.in-range div {
-    background-color:var(--colorCard)17;
+    background-color: var(--colorCard) 17;
   }
   .el-button--default {
-    background:var(--colorCard);
+    background: var(--colorCard);
     padding: 9px 37px;
     color: #fff;
     border: 1px solidvar(--colorCard);
@@ -2573,7 +2533,7 @@
     }
   }
   & > span:hover {
-    background:var(--colorCard);
+    background: var(--colorCard);
     color: #fff;
   }
   & > .del-wrap:hover {
diff --git a/src/pages/library/index/App.vue b/src/pages/library/index/App.vue
index 1c21c31..9d294ea 100644
--- a/src/pages/library/index/App.vue
+++ b/src/pages/library/index/App.vue
@@ -28,6 +28,9 @@
           <car-list
             ref="carList"
             :baseObject="baseObject"
+            @changeShow="changeToAdd"
+            @onDelete="initBaseList"
+            :syncType="syncType"
             v-show="showType == 'car'"
           ></car-list>
         </div>
@@ -74,12 +77,6 @@
     };
   },
   methods: {
-    clearSelect1() {
-      this.$refs.baseLocal.categoryIndex = -1;
-    },
-    clearSelect2() {
-      this.$refs.baseSync.categoryIndex = -1;
-    },
     getPersonList(item,type) {
       this.baseObject = item;
       this.baseForEdit = item;
@@ -152,7 +149,6 @@
 .s-base-manage {
   box-sizing: border-box;
   background-color: #e9ebf2;
-  // min-width: 1315px;
   height: 100%;
   .el-collapse {
     border: none;
@@ -178,7 +174,6 @@
     position: relative;
     background: #fff;
     box-sizing: border-box;
-    // border-right: 1px solid #e0e0e0;
   }
   .resize-save {
     position: absolute;
diff --git a/src/pages/library/index/main.ts b/src/pages/library/index/main.ts
index cadf456..e9b4233 100644
--- a/src/pages/library/index/main.ts
+++ b/src/pages/library/index/main.ts
@@ -3,7 +3,7 @@
 
 import ElementUI from 'element-ui';
 import 'element-ui/lib/theme-chalk/index.css';
-import "@/assets/css/element-variables.scss";
+// import "@/assets/css/element-variables.scss";
 
 import moment from "moment";
 Vue.prototype.$moment = moment;

--
Gitblit v1.8.0