修复国标配置的bug

zhangzengfei

2022-07-20 4a800a8fc83c6bd1f86a8e847b079a51a7532c09

 src/pages/library/components/personList.vue

@@ -12,13 +12,15 @@
            >{{ this.baseObject.bwType === "1" ? "黑名单" : "白名单" }}</span
          >
          <span class="ok-time"
            >有效时间：{{ this.baseObject.startTime }}--{{
            >有效时间：{{ this.baseObject.startTime }} --
            {{
              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"
@@ -26,12 +28,13 @@
            v-model="baseObject.enable"
            active-color="#4E94FF"
            inactive-color="#BBBBBB"
            style="margin-right: 25px"
            style="margin-right: 10px"
            :disabled="isDisabled(baseObject)"
            @change="setEnable(baseObject)"
          >
          </el-switch>

          <div class="shutiao" v-if="baseObject.enable"></div>
          <div class="shutiao1" v-else></div>
          <el-tooltip content="删除" placement="top" popper-class="atooltip">
            <span
              class="iconfont iconfont-wrap iconshanchuku-09"
@@ -50,7 +53,6 @@
        </div>
      </div>
    </el-row>

    <div class="border-tabl">
      <div class="head-search">
        <div class="desc">
@@ -107,13 +109,16 @@
      <el-table
        id="multipleTable"
        ref="multipleTable"
        class="tableBox"
        :data="BaseManageData.personList"
        tooltip-effect="dark"
        style="width: 100%; overflow: auto"
        :fit="true"
        cell-class-name="cell-classname"
        @row-click="pickRow"
        :default-sort="{ prop: 'createTime', order: 'descending' }"
        @selection-change="handleSelectionChange"
        border
        :header-cell-style="{
          background: '#fff',
          color: '#222222',
@@ -121,16 +126,8 @@
          borderBottom: 'none',
        }"
      >
        <el-table-column type="selection" width="30"></el-table-column>
        <!-- <el-table-column label="序号" width="60" sortable align="center">
          <template slot-scope="scope">{{ scope.$index + 1 }}</template>
        </el-table-column> -->
        <el-table-column
          prop="personPicUrl"
          label="照片"
          align="center"
          width="120"
        >
        <el-table-column type="selection" width="40"></el-table-column>
        <el-table-column prop="personPicUrl" label="照片" width="120">
          <template slot-scope="scope">
            <img
              :src="'/httpImage/' + scope.row.personPicUrl"
@@ -142,7 +139,7 @@
            </p>
          </template>
        </el-table-column>
        <el-table-column label="生效状态" align="center" min-width="70">
        <el-table-column label="生效状态" min-width="70">
          <template slot-scope="scope">
            <el-switch
              v-model="scope.row.enable"
@@ -161,14 +158,12 @@
          min-width="70"
          show-overflow-tooltip
          sortable
          align="center"
        ></el-table-column>
        <el-table-column
          prop="sex"
          label="性别"
          min-width="60"
          sortable
          align="center"
        ></el-table-column>
        <el-table-column
          prop="idCard"
@@ -176,7 +171,6 @@
          min-width="150"
          show-overflow-tooltip
          sortable
          align="center"
        ></el-table-column>
        <el-table-column
          prop="phoneNum"
@@ -184,12 +178,10 @@
          min-width="100"
          show-overflow-tooltip
          sortable
          align="center"
        ></el-table-column>
        <el-table-column
          prop="monitorLevel"
          label="等级"
          align="center"
          min-width="50"
        ></el-table-column>
        <el-table-column
@@ -198,11 +190,8 @@
          min-width="140"
          show-overflow-tooltip
          sortable
          align="center"
        ></el-table-column>
        <!-- <el-table-column prop="reserved" label="其他" align="center"></el-table-column> -->

        <el-table-column label="操作" min-width="130" align="center">
        <el-table-column label="操作" min-width="130">
          <template slot-scope="scope">
            <fTemplate authority="library:set">
              <el-tooltip
@@ -213,12 +202,12 @@
                <span
                  class="iconfont iconbianjixinxi-09"
                  style="font-size: 24px; cursor: pointer"
                  @click="handleClick(scope.row)"
                  @click="editRow(scope.row)"
                ></span>
              </el-tooltip>
            </fTemplate>
            <el-popover
              placement="left"
              placement="top"
              trigger="click"
              popper-class="popper-caozuo"
            >
@@ -285,7 +274,6 @@
                class="iconfont icongengduocaozuo-09"
                style="font-size: 24px; cursor: pointer"
              ></span>
              <!-- @click="handleClick(scope.row)" -->
            </el-popover>
          </template>
        </el-table-column>
@@ -301,18 +289,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"
@@ -321,19 +297,16 @@
    >
      <div class="member-info">
        <label class>
          <i class="iconfont icongerenxinxi_v" style="font-size: 30px"></i>
          <img src="/images/library/个人信息.png" alt="" srcset="" />
        </label>
        <ul>
          <li>
            <!-- <span>姓名:</span> -->
            <span>{{ memberInfo.personName }}</span>
          </li>
          <li>
            <!-- <span>性别:</span> -->
            <span>{{ memberInfo.sex }}</span>
          </li>
          <li style="margin-right: 80px">
            <!-- <span>身份证号:</span> -->
            <span>{{ memberInfo.idCard }}</span>
          </li>
          <li>
@@ -376,7 +349,19 @@
      <p style="text-align: right; font-size: 14px; color: #5f5f5f">
        共{{ faceDataCount }}条数据
      </p>
      <el-table :data="cameraDetailData" border>

      <el-table
        :data="cameraDetailData"
        tooltip-effect="dark"
        :fit="true"
        style="width: 100%; overflow: auto"
        :header-cell-style="{
          background: '#fff',
          color: '#222222',
          padding: '2px 1px',
          borderBottom: 'none',
        }"
      >
        <el-table-column
          prop="faceImg"
          label="抓拍实景"
@@ -436,222 +421,10 @@
        >
      </div>
    </el-dialog>
    <!-- <el-dialog
      title="修改信息"
      :visible.sync="dialogFormVisible"
      okText="保存"
      width="30%"
      :before-close="handleClose"
      cancelText="取消"
    >
      <el-form
        ref="formForEdit"
        :model="form"
        label-width="120px"
        :rules="rules"
      >
        <div class="flex-center mb10">
          <el-upload
            class="avatar-uploader"
            action
            :http-request="updateFace"
            accept="image/*"
            :show-file-list="false"
            :on-success="uploadSuccess"
            :on-error="uploadError"
          >
            <div class="mask1">
              <div
                slot="trigger"
                class="flex-center"
                style="position: absolute; top: 120px"
              >
                <p
                  style="
                    background: rgba(0, 0, 0, 0.35);
                    width: 150px;
                    line-height: 30px;
                    color: #fff;
                    font-size: 13px;
                    opacity: 1;
                  "
                >
                  点击修改照片
                </p>
              </div>
            </div>
            <img
              v-if="`httpImage/` + form.personPicUrl"
              :src="`/httpImage/` + form.personPicUrl"
              style="
                max-height: 100px;
                width: 100px;
                object-fit: contain;
                background: rgba(0, 0, 0, 0.35);
              "
              class="avatar"
            />
          </el-upload>
        </div>
        <el-row>
          <el-col :span="20">
            <el-form-item label="ID" style="width: 100%; margin-bottom: 10px">
              <el-input
                size="small"
                v-model="form.id"
                disabled
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="20">
            <el-form-item
              label="照片标识"
              prop="picDesc"
              style="width: 100%; margin-bottom: 10px"
            >
              <el-input
                size="small"
                v-model="form.picDesc"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="20">
            <el-form-item label="姓名" style="width: 100%; margin-bottom: 10px">
              <el-input
                size="small"
                v-model="form.personName"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="20">
            <el-form-item
              label="性别"
              prop="sex"
              style="width: 100%; margin-bottom: 8px; text-align: left"
            >
              <el-radio-group v-model="form.sex" class="mt10">
                <el-radio label="男"></el-radio>
                <el-radio label="女"></el-radio>
              </el-radio-group>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="20">
            <el-form-item
              label="身份证号"
              style="width: 100%; margin-bottom: 10px"
            >
              <el-input
                size="small"
                v-model="form.idCard"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="20">
            <el-form-item
              label="手机号"
              style="width: 100%; margin-bottom: 10px"
            >
              <el-input
                size="small"
                v-model="form.phoneNum"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="20">
            <el-form-item
              label="人员等级"
              prop="monitorLevel"
              style="width: 100%; margin-bottom: 10px"
            >
              <el-select
                size="small"
                v-model="form.monitorLevel"
                placeholder="请选择"
                style="width: 100%"
              >
                <el-option
                  v-for="item in VideoPhotoData.dictionary.MONITORLEVEL"
                  :key="item.value"
                  :label="item.name"
                  :value="item.value"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="20">
            <el-form-item
              label="入库位置"
              style="width: 100%; margin-bottom: 10px"
            >
              <el-input
                size="small"
                v-model="form.fromServerId"
                disabled
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="20">
            <el-form-item
              label="入库时间"
              style="width: 100%; margin-bottom: 10px"
            >
              <el-input
                size="small"
                v-model="form.createTime"
                disabled
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="20">
            <el-form-item label="其他" style="width: 100%; margin-bottom: 10px">
              <el-input
                size="small"
                v-model="form.reserved"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button size="small" @click="handleClose" type="info"
          >取 消</el-button
        >
        <el-button size="small" type="primary" @click="submit()"
          >确 定</el-button
        >
      </div>
    </el-dialog> -->
    <el-drawer title="修改信息" :modal="false" :visible.sync="showInfoDrawer">
      <!-- :before-close="handleClose" -->
      <el-form
        ref="formForEdit"
        :model="form"
        :model="inputPersonForm"
        label-width="100px"
        :rules="rules"
      >
@@ -686,8 +459,8 @@
              </div>
            </div>
            <img
              v-if="`httpImage/` + form.personPicUrl"
              :src="`/httpImage/` + form.personPicUrl"
              v-if="`httpImage/` + inputPersonForm.personPicUrl"
              :src="`/httpImage/` + inputPersonForm.personPicUrl"
              style="
                max-height: 100px;
                width: 100px;
@@ -700,10 +473,10 @@
        </div>
        <el-row>
          <el-col :span="20">
            <el-form-item label="ID" style="width: 100%; margin-bottom: 14px">
            <el-form-item label="ID" style="width: 100%; margin-bottom: 20px">
              <el-input
                size="small"
                v-model="form.id"
                v-model="inputPersonForm.id"
                disabled
                placeholder="请输入"
              ></el-input>
@@ -715,11 +488,11 @@
            <el-form-item
              label="照片标识"
              prop="picDesc"
              style="width: 100%; margin-bottom: 14px"
              style="width: 100%; margin-bottom: 20px"
            >
              <el-input
                size="small"
                v-model="form.picDesc"
                v-model="inputPersonForm.picDesc"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
@@ -727,10 +500,10 @@
        </el-row>
        <el-row>
          <el-col :span="20">
            <el-form-item label="姓名" style="width: 100%; margin-bottom: 14px">
            <el-form-item label="姓名" style="width: 100%; margin-bottom: 20px">
              <el-input
                size="small"
                v-model="form.personName"
                v-model="inputPersonForm.personName"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
@@ -741,9 +514,9 @@
            <el-form-item
              label="性别"
              prop="sex"
              style="width: 100%; margin-bottom: 14px; text-align: left"
              style="width: 100%; margin-bottom: 20px; text-align: left"
            >
              <el-radio-group v-model="form.sex" class="mt10">
              <el-radio-group v-model="inputPersonForm.sex" class="mt10">
                <el-radio label="男"></el-radio>
                <el-radio label="女"></el-radio>
              </el-radio-group>
@@ -754,11 +527,12 @@
          <el-col :span="20">
            <el-form-item
              label="身份证号"
              style="width: 100%; margin-bottom: 14px"
              prop="idCard"
              style="width: 100%; margin-bottom: 20px"
            >
              <el-input
                size="small"
                v-model="form.idCard"
                v-model="inputPersonForm.idCard"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
@@ -768,11 +542,12 @@
          <el-col :span="20">
            <el-form-item
              label="手机号"
              style="width: 100%; margin-bottom: 14px"
              prop="phoneNum"
              style="width: 100%; margin-bottom: 20px"
            >
              <el-input
                size="small"
                v-model="form.phoneNum"
                v-model="inputPersonForm.phoneNum"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
@@ -783,11 +558,11 @@
            <el-form-item
              label="人员等级"
              prop="monitorLevel"
              style="width: 100%; margin-bottom: 14px"
              style="width: 100%; margin-bottom: 20px"
            >
              <el-select
                size="small"
                v-model="form.monitorLevel"
                v-model="inputPersonForm.monitorLevel"
                placeholder="请选择"
                style="width: 100%"
              >
@@ -805,13 +580,12 @@
          <el-col :span="20">
            <el-form-item
              label="入库位置"
              style="width: 100%; margin-bottom: 14px"
              style="width: 100%; margin-bottom: 20px"
            >
              <el-input
                size="small"
                v-model="form.fromServerId"
                v-model="inputPersonForm.fromServerId"
                disabled
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
@@ -820,23 +594,22 @@
          <el-col :span="20">
            <el-form-item
              label="入库时间"
              style="width: 100%; margin-bottom: 14px"
              style="width: 100%; margin-bottom: 20px"
            >
              <el-input
                size="small"
                v-model="form.createTime"
                v-model="inputPersonForm.createTime"
                disabled
                placeholder="请输入"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="20">
            <el-form-item label="其他" style="width: 100%; margin-bottom: 14px">
            <el-form-item label="其他" style="width: 100%; margin-bottom: 20px">
              <el-input
                size="small"
                v-model="form.reserved"
                v-model="inputPersonForm.reserved"
                placeholder="请输入"
              ></el-input>
            </el-form-item>
@@ -844,19 +617,16 @@
        </el-row>
      </el-form>
      <div class="dialog-footer">
        <!-- {{BaseManageData.personList[1].idCard}} -->
        <el-button
          size="small"
          class="cancel-btn"
          @click="handleClose"
          type="info"
          >取 消</el-button
          >取消</el-button
        >
        <el-button
          size="small"
          class="sure-btn"
          type="primary"
          @click="submit()"
          >确 定</el-button
        <el-button size="small" class="sure-btn" type="primary" @click="submit"
          >确定</el-button
        >
      </div>
    </el-drawer>
@@ -916,6 +686,8 @@
        >
      </span>
    </el-dialog>

    <!-- 确认删除对话框 -->
    <el-dialog
      :visible.sync="askDeleteShow"
      :center="true"
@@ -932,9 +704,12 @@
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="askDeleteShow = false">取 消</el-button>
        <el-button type="primary" @click="handleDel">确 定</el-button>
        <el-button type="primary" @click="handleDel" :loading="delBtnLoading"
          >确 定</el-button
        >
      </span>
    </el-dialog>

    <el-dialog
      title="复制到"
      :visible.sync="copyVisiabled"
@@ -956,6 +731,11 @@
                class="base"
                v-for="(item, index) in BaseManageData.blackList"
                :key="index"
                :class="
                  BaseManageData.selectBlacks.includes(item.value)
                    ? 'white-wrap'
                    : ''
                "
              >
                <el-checkbox
                  :label="item.value"
@@ -1027,6 +807,11 @@
                class="base"
                v-for="(item, index) in BaseManageData.blackList"
                :key="index"
                :class="
                  BaseManageData.selectBlacks.includes(item.value)
                    ? 'white-wrap'
                    : ''
                "
              >
                <el-checkbox
                  :label="item.value"
@@ -1052,6 +837,11 @@
                class="base"
                v-for="(item, index) in BaseManageData.whiteList"
                :key="index"
                :class="
                  BaseManageData.selectWhites.includes(item.value)
                    ? 'white-wrap'
                    : ''
                "
              >
                <el-checkbox
                  :label="item.value"
@@ -1078,14 +868,27 @@
  updateBasePerson,
  deleteBasePersons,
  updateDbTableStatus,
  deleteDbPersonById,
  deleteDBtablesById,
} from "@/api/baseLibrary";
import { getCameraFaceData } from "@/api/es";
import { isIDCard } from "../../../scripts/validate";

import axios from "axios";
// import { findByType } from '@/server/video.js'
import UploadBtn from "./upload";
import fTemplate from "@/components/fTemplate";
import UploadIcon from "@/components/searching/UploadIcon.vue";

function isPhone(rule, value, callback) {
  if (!value) {
    return callback();
  } else if (value.trim()) {
    var pattern = /^1[345789]\d{9}$/;
    if (pattern.test(value)) {
      return callback();
    }
    return callback(new Error("输入的手机号错误"));
  }
}
Date.prototype.Format = function (fmt) {
  var o = {
    "M+": this.getMonth() + 1, //月份
@@ -1111,85 +914,19 @@
};

export default {
  data() {
    return {
      timeRange: [
        new Date(2020, 7, 25, 8),
        new Date(new Date().setHours(23, 59, 59)),
      ],
      memberInfo: {
        personName: "",
        sex: "",
        idCard: "",
        reserved: "",
      },
      showPop: true,
      askDeleteShow: false,
      toDeleteId: "",
      reqCameraParams: {
        startTime: new Date(2020, 7, 25, 8).Format("yyyy-MM-dd HH:mm:ss"),
        endTime: new Date().Format("yyyy-MM-dd HH:mm:ss"),
        thresholdTime: 10,
        faceId: [],
      },
      cameraDetailData: [],
      cameraDetailVisible: false,

      dialogFormVisible: false,
      copyVisiabled: false,
      moveVisiabled: false,
      buttonAuthority: sessionStorage.getItem("buttonAuthoritys") || [],
      searchName: "",
      current: 1,
      compare: false,
      pageSize: 10,
      total: 0,
      orderType: "desc",
      orderName: "createTime",
      contentValue: "",
      visible: false,
      showInfoDrawer: false,
      selectedRowKeys: [],
      form: {
        id: "",
        sex: "男",
        personName: "呵呵呵",
        tableId: "",
        picDesc: "",
        idCard: "12312938102143253",
        phoneNum: "18712766787",
        monitorLevel: "one",
        faceUrl: "group2/M00/0A/D7/wKgBnFyjH0-AUE5eAAC8hSMP2Yw110.jpg",
        enable: 0,
        reserved: "",
      },
      rules: {
        picDesc: [
          { required: true, message: "请输入照片标识", trigger: "submit" },
        ],
        sex: [{ required: true, message: "请勾选性别", trigger: "submit" }],
        monitorLevel: [
          { required: true, message: "请选择人员等级", trigger: "submit" },
        ],
      },
      tableData: [],
      // tableHeight: window.innerHeight - 320,
      // multipleSelection: [],
      // peoperLevel: [],
      oldWidth: "",
      oldHeight: "",
      delType: "",
      faceDataCount: 0,
      // 上传后的弹框显示
      dialogVisible: false,
      // 批量上传后的返回结果
      uploadResult: {
        failList: [],
        successList: [],
        multiFaceList: [],
        noFaceList: [],
      },
    };
  components: {
    UploadBtn,
    fTemplate,
    UploadIcon,
  },
  props: {
    baseObject: {
      default: () => {},
      type: Object,
    },
    syncType: {
      type: String,
    },
  },
  computed: {
    isAdmin() {
@@ -1215,6 +952,80 @@
      }
    },
  },
  data() {
    return {
      timeRange: [
        new Date(2020, 7, 25, 8),
        new Date(new Date().setHours(23, 59, 59)),
      ],
      memberInfo: {
        personName: "",
        sex: "",
        idCard: "",
        reserved: "",
      },
      askDeleteShow: false,
      toDeleteId: "",
      reqCameraParams: {
        startTime: new Date(2020, 7, 25, 8).Format("yyyy-MM-dd HH:mm:ss"),
        endTime: new Date().Format("yyyy-MM-dd HH:mm:ss"),
        thresholdTime: 10,
        faceId: [],
      },
      cameraDetailData: [],
      cameraDetailVisible: false,
      copyVisiabled: false,
      moveVisiabled: false,
      buttonAuthority: sessionStorage.getItem("buttonAuthoritys") || [],
      searchName: "",
      current: 1,
      compare: false,
      pageSize: 10,
      total: 0,
      orderType: "desc",
      orderName: "createTime",
      contentValue: "",
      visible: false,
      showInfoDrawer: false,
      selectedRowKeys: [],
      inputPersonForm: {},
      rules: {
        picDesc: [
          { required: true, message: "请输入照片标识", trigger: "change" },
        ],
        sex: [{ required: true, message: "请勾选性别", trigger: "change" }],
        idCard: [{ validator: isIDCard, trigger: "blur" }],
        phoneNum: [{ validator: isPhone, trigger: "blur" }],
        monitorLevel: [
          { required: true, message: "请选择人员等级", trigger: "change" },
        ],
      },
      tableData: [],
      oldWidth: "",
      oldHeight: "",
      delType: "",
      faceDataCount: 0,
      // 上传后的弹框显示
      dialogVisible: false,
      // 批量上传后的返回结果
      uploadResult: {
        failList: [],
        successList: [],
        multiFaceList: [],
        noFaceList: [],
      },
      delBtnLoading: false,
    };
  },

  watch: {
    "BaseManageData.selectBlacks": function (value) {
      this.blackAngWhite();
    },
    "BaseManageData.selectWhites": function (value) {
      this.blackAngWhite();
    },
  },
  methods: {
    postCameraData() {
      getCameraFaceData(this.reqCameraParams).then((res) => {
@@ -1238,13 +1049,12 @@
      this.cameraDetailVisible = true;
    },
    isShow(authority) {
      if (this.isAdmin) {
        return true;
      } else if (this.buttonAuthority.indexOf("," + authority + ",") > -1) {
        return true;
      } else {
        return false;
      }
      return (
        this.isAdmin || this.buttonAuthority.indexOf("," + authority + ",") > -1
      );
    },
    pickRow(row, column, event) {
      this.$refs.multipleTable.toggleRowSelection(row);
    },
    toggleSelection(rows) {
      if (rows) {
@@ -1261,6 +1071,7 @@
          this.$notify({
            type: "warning",
            message: "请选择要删除的人员",
            duration: 1000000,
          });
          return;
        }
@@ -1268,35 +1079,6 @@
      this.askDeleteShow = true;
      this.delType = typ;
      id && (this.toDeleteId = id);
    },
    deleteThis() {
      let token =
        sessionStorage.getItem("loginedInfo") &&
        JSON.parse(sessionStorage.getItem("loginedInfo")).access_token;

      fetch(`/data/api-v/dbperson/deleteDbPersonById?id=${this.toDeleteId}`, {
        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.getPersonList();
        })
        .catch((err) => {
        });
    },
    sayHello() {
    },
    getUploadResult(result) {
      this.uploadResult = result.data;
@@ -1337,20 +1119,23 @@
    edit() {
      this.$emit("changeShow", this.baseObject, this.syncType);
    },
    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();

    deleteThis() {
      debugger;
      deleteDbPersonById({ id: this.toDeleteId })
        .then((data) => {
          if (data.success) {
            this.$notify({
              type: "success",
              message: "该人员删除成功！",
            });
          }
          this.getPersonList();
        })
        .catch((err) => {});
    },
    deleteBase() {
      deleteDBtablesById({ id: this.baseObject.id })
        .then((res) => {
          if (res.success) {
            this.$notify({
@@ -1358,6 +1143,7 @@
              message: "底库删除成功！",
            });
          }

          this.$emit("onDelete");
        })
        .catch((err) => {
@@ -1367,17 +1153,40 @@
          });
        });
    },
    async getPersonList() {
      if (this.baseObject.id && this.baseObject.id !== undefined) {
        this.BaseManageData.tableId = this.baseObject.id;
        this.setLoadSearch(this.BaseManageData.queryPersonList());
    async deleteBatch() {
      let ids = [];
      this.selectedRowKeys.map((item, index) => {
        ids.push(item.id);
      });
      let res = await deleteBasePersons({ ids: ids });
      if (res.success) {
        this.$notify({
          type: "success",
          message: "删除成功！",
        });
        this.getPersonList();
      } else {
        this.$notify({
          type: "error",
          message: "删除失败！",
        });
      }
    },
    async getPersonList() {
      console.log(this.baseObject);
      this.$nextTick(() => {
        if (this.baseObject.id && this.baseObject.id !== undefined) {
          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,
          customClass: "PersonListDialog",
        });
      });
    },
@@ -1393,44 +1202,29 @@
      this.getPersonList();
    },
    handleSizeChange(val) {
      //this.pageSize = val;
      this.BaseManageData.size = val;
      this.getPersonList();
    },
    handleClick(row) {
      this.form = row;
      // this.dialogFormVisible = true;
    editRow(row) {
      this.inputPersonForm = { ...row };
      this.showInfoDrawer = true;
    },
    async submit() {
      this.$refs["formForEdit"].validate(async (valid) => {
        if (valid) {
          let { ...json } = this.form;
          let { ...json } = this.inputPersonForm;
          delete json["compareScore"];
          let res = await updateBasePerson(json);
          if (res.success) {
            this.$notify({
              type: "success",
              message: "人员修改成功！",
            });
            this.dialogFormVisible = false;
            this.getPersonList();
            this.$notify.success("人员修改成功！");
            this.showInfoDrawer = false;
          } else {
            this.$notify({
              type: "error",
              message: "人员修改失败，请重试！！",
            });
            this.$notify.error("人员修改失败，请重试！");
          }
        } else {
          return false;
        }
      });
    },
    confirm() {
      this.$confirm({
        title: "Confirm",
        content: "Bla bla ...",
        okText: "确认",
        cancelText: "取消",
      });
    },
    async enable(item) {
@@ -1461,14 +1255,18 @@
    handleSearch() {
      this.getPersonList();
    },
    handleDel() {
    async handleDel() {
      this.delBtnLoading = true;
      if (this.delType == "single") {
        this.deleteThis();
        await this.deleteThis();
      } else if (this.delType == "base") {
        this.deleteBase();
        await this.deleteBase();
      } else if (this.delType == "batch") {
        this.deleteBatch();
        await this.deleteBatch();
      }

      this.delBtnLoading = false;
      this.askDeleteShow = false;
    },
    searchImg() {
      this.$refs.uploadDrag && this.$refs.uploadDrag.uploadStart();
@@ -1499,7 +1297,7 @@
    async updateFace(param) {
      const fd = new FormData();
      fd.append("file", param.file);
      fd.append("id", this.form.id);
      fd.append("id", this.inputPersonForm.id);
      let res = await axios({
        method: "post",
        url: `/data/api-v/dbperson/updateFace`,
@@ -1511,46 +1309,12 @@
        data: fd,
      });
      if (res.data.success) {
        this.form.personPicUrl = res.data.data.personPicUrl;
        this.form.faceFeature = res.data.data.faceFeature;
        this.inputPersonForm.persoasyncnPicUrl = res.data.data.personPicUrl;
        this.inputPersonForm.faceFeature = res.data.data.faceFeature;
      }
    },
    uploadSuccess() {
    },
    uploadError() {
    },
    deleteBatch() {
      if (this.selectedRowKeys.length === 0) {
        this.$notify({
          type: "warning",
          message: "请选择要删除的人员",
        });
      } 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: "删除失败！",
            });
          }
        });
      }
    },
    uploadSuccess() {},
    uploadError() {},
    async init() {
      await this.BaseManageData.querySyncTables();
      await this.BaseManageData.queryLocalTables();
@@ -1564,11 +1328,6 @@
      } else {
        this.BaseManageData.tableId = this.BaseManageData.localTables[0].id;
        this.BaseManageData.queryPersonList();
      }
    },
    handleRowStyle({ row, rowIndex }) {
      if (rowIndex === 0) {
        return "background:#222222;";
      }
    },
    blackAngWhite() {
@@ -1597,17 +1356,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;
@@ -1745,35 +1493,6 @@
  beforeDestroy() {
    window.onresize = null;
  },
  watch: {
    baseObject: {
      handler(newVal, oldVal) {
        this.BaseManageData.cleanData();
        this.getPersonList();
      },
      deep: true,
    },
    "BaseManageData.selectBlacks": function (value) {
      this.blackAngWhite();
    },
    "BaseManageData.selectWhites": function (value) {
      this.blackAngWhite();
    },
  },
  components: {
    UploadBtn,
    fTemplate,
    UploadIcon,
  },
  props: {
    baseObject: {
      default: () => {},
      type: Object,
    },
    syncType: {
      type: String,
    },
  },
};
</script>
<style lang="scss">
@@ -1795,9 +1514,6 @@
  max-width: none;
  font-size: 14px;
  color: #606266;
  thead {
    background: green !important;
  }
}
.avatar-uploader:hover {
  .mask1 {
@@ -1829,14 +1545,33 @@
      .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;
      }
    }
    .el-dialog__body {
      padding-top: 0;
      .el-table::before {
        visibility: hidden;
      }
      .el-checkbox__input.is-indeterminate .el-checkbox__inner {
        background-color: var(--colorCard);
        border-color: var(--colorCard);
      }
      .el-checkbox__input.is-checked .el-checkbox__inner {
        background-color: var(--colorCard);
        border-color: var(--colorCard);
      }
      .el-table th.el-table__cell > .cell {
        background: #f7f8fa;
        height: 38px;
        line-height: 38px;
      }
      .el-table__body tr.hover-row > td.el-table__cell {
        background-color: #ffffff !important;
      }
    }
    .el-dialog__header {
      box-shadow: 0px 2px 4px rgb(0 0 0 / 8%);
@@ -1876,20 +1611,40 @@
      display: flex;
      align-items: center;
      cursor: pointer;
      .shutiao {
        width: 1.73px;
        height: 8.67px;
        background: var(--colorCard);
        border-radius: 1px;
        position: absolute;
        right: 125px;
        transition: 0.5s;
      }

      .shutiao1 {
        width: 1.73px;
        height: 8.67px;
        background: #bbbbbb;
        border-radius: 1px;
        position: absolute;
        right: 153px;
        transform: rotate(90deg);
        transition: 0.5s;
      }
      .el-switch__core {
        height: 26px;
        border-radius: 18px;
      }
      .el-switch__core:after {
        width: 22px;
        height: 22px;
        width: 20px;
        height: 20px;
        top: 2px;
      }
      .el-switch.is-checked .el-switch__core::after {
        margin-left: -22px;
      }
      .iconshanchuku-09 {
        color: #fe6d68;
        margin-right: 10px;
      }
      .iconshanchuku-09:hover {
        background: #fe6d68;
@@ -1900,8 +1655,8 @@
        color: rgb(102, 102, 102);
      }
      .iconbianjiku-09:hover {
        border: 1px solidvar(--colorCard);
        background:var(--colorCard);
        border: 1px solid var(--colorCard);
        background: var(--colorCard);
        color: #fff;
      }
    }
@@ -1934,6 +1689,14 @@
    box-shadow: -4px 0px 8px rgb(0 0 0 / 16%);
    border-radius: 24px 0px 0px 24px;
    min-width: 380px;
    .el-drawer__header > :first-child {
      font-size: 16px;
    }
    .el-drawer__header {
      padding: 15px 20px;
      box-shadow: 0px 2px 4px rgb(0 0 0 / 8%);
      margin-bottom: 0;
    }
    .el-drawer__body {
      padding: 20px;
      .el-input.is-disabled .el-input__inner {
@@ -1943,11 +1706,24 @@
        color: #bbbbbb;
        font-size: 14px;
      }
      .el-radio__input.is-checked .el-radio__inner {
        border-color:var(--colorCard);
        background:var(--colorCard);
      .el-form-item.is-error .el-input__inner,
      .el-form-item.is-error .el-input__inner:focus,
      .el-form-item.is-error .el-textarea__inner,
      .el-form-item.is-error .el-textarea__inner:focus,
      .el-message-box__input input.invalid,
      .el-message-box__input input.invalid:focus {
        border-color: #f56c6c;
      }

      .el-radio__input.is-checked .el-radio__inner {
        border-color: var(--colorCard);
        background: var(--colorCard);
      }
      .el-form-item__label {
        line-height: 32px;
      }
      .el-form-item__content {
        line-height: 32px;
      }
      .el-input--small {
        font-size: 14px;
        .el-input__inner {
@@ -1961,7 +1737,7 @@
      }
      .el-form-item__error {
        color: #fe6d68;
        padding-top: 0px;
        padding-top: 2px;
        left: 15px;
      }
      .el-form-item.is-required:not(.is-no-asterisk)
@@ -1977,8 +1753,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 {
@@ -1991,22 +1767,14 @@
        }
      }
    }
    // .move.el-drawer__header {
    //   padding-bottom: 16px;
    //   font-size: 16px;
    //   color: #5f5f5f;
    //   margin-bottom: 0px;
    //   box-shadow: 0px 2px 4px rgb(0 0 0 / 8%);
    //   border-radius: 24px 0px 0px 0px;
    // }
  }
}

.text-left {
  .el-upload-list {
    display: none;
  }
}

.border-tabl {
  border: 1px solid #ebeef5;
  border-bottom: none;
@@ -2017,8 +1785,24 @@
  padding: 10px;
  margin-top: 8px;
  box-shadow: 0px 0px 6px 1px rgb(143 159 191 / 15%);
  .tableBox {
    border: none;
    &::before,
    &::after {
      display: none;
    }
    .el-table--border .el-table__cell,
    .el-table__body-wrapper
      .el-table--border.is-scrolling-left
      ~ .el-table__fixed {
      border-right: none;
    }
    td {
      border: none;
    }
  }
  .cell-classname {
    border-bottom: 1px solid #eff1f5 !important;
    background-color: #ffffff;
  }
  .head-search {
    font-size: 14px;
@@ -2028,6 +1812,10 @@
    margin: 15px 10px 20px 10px;
    justify-content: space-between;
    align-items: center;
    .desc {
      min-width: fit-content;
      margin-right: 20px;
    }
    .right-group {
      display: flex;
      .el-input--small {
@@ -2035,8 +1823,6 @@
      }
      .iconpiliangshanchu-09 {
        color: #fe6d68;
        margin-right: 10px;
        margin-left: 20px;
      }
      .iconpiliangshanchu-09:hover {
        background: #fe6d68;
@@ -2045,11 +1831,17 @@
      }
      .el-button--small {
        padding: 8px 45px;
        position: relative;
        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-button--small:hover {
        filter: brightness(92%);
      }
      .el-input__suffix {
        top: 6px;
@@ -2068,6 +1860,9 @@
          color: #bbbbbb;
        }
      }
      .el-input--small .el-input__inner:focus {
        border: 1px solid var(--colorCard);
      }
      // .compearValue
      .compearValue {
        .el-input-number__decrease,
@@ -2081,8 +1876,6 @@
        .el-input-number--mini {
          width: 72px;
        }
      }
      .upload-img-box {
      }
      .uploadIconBox .left-section1 .el-input__inner {
        height: 32px;
@@ -2102,18 +1895,48 @@
      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;
    height: 38px;
    line-height: 38px;
  }
  .el-table__body tr.hover-row > td.el-table__cell {
    background-color: #ffffff !important;
  }
  .hover-row {
    cursor: pointer;
  }
  .hover-row:hover {
    td {
      background-color: #fff;
      border-top: 1px solid var(--colorCard);
      border-bottom: 1px solid var(--colorCard);

      &:first-child {
        background-color: #fff;
        border-radius: 20px 0 0 20px;
        border-left: 1px solid var(--colorCard);
        border-bottom: 1px solid var(--colorCard);
      }

      &:last-child {
        border-radius: 0 20px 20px 0;
        background-color: #fff;
        border-right: 1px solid var(--colorCard);
        border-bottom: 1px solid var(--colorCard);
      }
    }
  }
  .el-table td.el-table__cell div {
    -webkit-box-sizing: border-box;
@@ -2150,6 +1973,7 @@
  text-align: center;
  font-size: 23px;
  transition: all 0.2s;
  margin-left: 10px;
}
.el-dialog__header {
  padding: 20px 0 10px;
@@ -2223,9 +2047,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 +2117,7 @@
      width: 150px;
    }
    .el-button--primary {
      background:var(--colorCard) !important;
      background: var(--colorCard) !important;
      padding: 9px 37px;
      color: #fff;
      border: 1px solidvar(--colorCard) !important;
@@ -2320,8 +2144,7 @@
  }
}
.el-dialog.copy-dialog {
  // min-height: 372px;
  width: 516px;
  width: 550px;
  border-radius: 24px;
  .el-dialog__header {
    text-align: center;
@@ -2336,10 +2159,11 @@
    color: #5f5f5f;
  }
  .el-dialog__body {
    padding: 20px;
    padding: 20px 15px;
    color: #5f5f5f;
  }
  .dialog-footer {
    // width: 315px;
    .el-button--info {
      color: #999999;
      background: #fff;
@@ -2350,7 +2174,7 @@
      width: 150px;
    }
    .el-button--primary {
      background:var(--colorCard) !important;
      background: var(--colorCard) !important;
      padding: 9px 37px;
      color: #fff;
      border: 1px solidvar(--colorCard) !important;
@@ -2360,7 +2184,6 @@
    }
  }
  .addToBase1 {
    // height: 350px;
    position: relative;
    .topLabel {
      margin-top: 20px;
@@ -2377,12 +2200,8 @@
    .items {
      width: 100%;
      min-height: 150px;
      // background: cadetblue;
      // overflow-y: auto;
      // margin: 20px 0px;
      margin-bottom: 20px;
      margin-bottom: 10px;
      .lable {
        // margin-top: 10px;
        font-size: 16px;
        font-weight: bold;
        text-align: left;
@@ -2390,6 +2209,7 @@
      }
      .baseList {
        height: 100%;
        overflow: auto;
        .base {
          width: 152px;
          padding: 5px 5px 5px 10px;
@@ -2397,13 +2217,13 @@
          box-sizing: border-box;
          float: left;
          text-align: left;
          // font-size: 12px !important;
          background: #eff1f5;
          border-radius: 8px;
          margin: 0 5px;
          margin: 0 10px;
          margin-bottom: 10px;
          .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 +2283,7 @@
      width: 150px;
    }
    .el-button--primary {
      background:var(--colorCard) !important;
      background: var(--colorCard) !important;
      padding: 9px 37px;
      color: #fff;
      border: 1px solidvar(--colorCard) !important;
@@ -2506,6 +2326,7 @@
    }
  }
}

.el-picker-panel.el-date-range-picker.el-popper.popper-pick {
  border-radius: 8px;
  .el-input--small .el-input__inner {
@@ -2535,13 +2356,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);
@@ -2554,8 +2375,6 @@
  border-radius: 8px;
  padding: 0;
  padding-right: 1px;
  // background: olive;

  & > span {
    width: 32px;
    height: 32px;
@@ -2573,7 +2392,7 @@
    }
  }
  & > span:hover {
    background:var(--colorCard);
    background: var(--colorCard);
    color: #fff;
  }
  & > .del-wrap:hover {
@@ -2583,4 +2402,8 @@
    }
  }
}

.PersonListDialog {
  width: 360px !important;
}
</style>