自适应2

ZZJ

2021-12-16 dff9fb32c1bac52d378a6d196f670b92610c01d3

 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,13 +1276,9 @@
          }
          this.getPersonList();
        })
        .catch((err) => {
          console.log(err);
        });
        .catch((err) => {});
    },
    sayHello() {
      console.log("hello");
    },
    sayHello() {},
    getUploadResult(result) {
      this.uploadResult = result.data;
      this.dialogVisible = true;
@@ -1464,7 +1443,6 @@
      this.getPersonList();
    },
    handleDel() {
      debugger;
      if (this.delType == "single") {
        this.deleteThis();
      } else if (this.delType == "base") {
@@ -1514,45 +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() {
      console.log("换脸成功了");
    },
    uploadError() {
      console.log("换脸失败了");
    },
    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: "删除失败！",
        });
      }
    },
@@ -1560,7 +1521,6 @@
      await this.BaseManageData.querySyncTables();
      await this.BaseManageData.queryLocalTables();
      if (this.baseObject.id && this.baseObject.id !== undefined) {
        // console.log("one;", this.baseObject.id);
      } else if (
        this.BaseManageData.syncTables[0].id &&
        this.BaseManageData.syncTables[0].id !== undefined
@@ -1572,12 +1532,11 @@
        this.BaseManageData.queryPersonList();
      }
    },
    handleRowStyle({ row, rowIndex }) {
      // console.log(row, rowIndex, "handleRowStyle");
      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++) {
@@ -1604,19 +1563,6 @@
        }
      }
    },
    // tosearch(item) {
    //   // console.log("跳转地址", 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
    //   // console.log("跳转地址",href,"url",url)
    //   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;
@@ -1741,7 +1687,6 @@
    window.onresize = () => {
      let width = document.body.clientWidth;
      let height = document.body.clientHeight;
      // console.log(width, height, "窗口变化对比", this.oldWidth, this.oldHeight);
      if (width !== this.oldWidth && width < 1750) {
      }
      this.$nextTick(() => {
@@ -1758,7 +1703,6 @@
  watch: {
    baseObject: {
      handler(newVal, oldVal) {
        // console.log(newVal, "监听baseObject");
        this.BaseManageData.cleanData();
        this.getPersonList();
      },
@@ -1840,8 +1784,8 @@
      .el-button--mini {
        padding: 10px 34px;
        font-size: 14px;
        background: #4e94ff !important;
        border-color: #4e94ff !important;
        background: var(--colorCard) !important;
        border-color: var(--colorCard) !important;
        width: 150px;
        border-radius: 18px;
      }
@@ -1900,7 +1844,7 @@
      }
      .iconshanchuku-09 {
        color: #fe6d68;
        margin-right: 10px;
        // margin-right: 10px;
      }
      .iconshanchuku-09:hover {
        background: #fe6d68;
@@ -1911,8 +1855,8 @@
        color: rgb(102, 102, 102);
      }
      .iconbianjiku-09:hover {
        border: 1px solid #4e94ff;
        background: #4e94ff;
        border: 1px solidvar(--colorCard);
        background: var(--colorCard);
        color: #fff;
      }
    }
@@ -1954,6 +1898,11 @@
        color: #bbbbbb;
        font-size: 14px;
      }
      .el-radio__input.is-checked .el-radio__inner {
        border-color: var(--colorCard);
        background: var(--colorCard);
      }

      .el-input--small {
        font-size: 14px;
        .el-input__inner {
@@ -1983,8 +1932,8 @@
          padding: 11px 65px;
          font-size: 14px;
          border-radius: 18px;
          border-color: #4e94ff !important;
          background: #4e94ff !important;
          border-color: var(--colorCard) !important;
          background: var(--colorCard) !important;
          color: #fff;
        }
        .cancel-btn {
@@ -2024,7 +1973,6 @@
  margin-top: 8px;
  box-shadow: 0px 0px 6px 1px rgb(143 159 191 / 15%);
  .cell-classname {
    // background: #ff3d3b;
    border-bottom: 1px solid #eff1f5 !important;
  }
  .head-search {
@@ -2042,8 +1990,8 @@
      }
      .iconpiliangshanchu-09 {
        color: #fe6d68;
        margin-right: 10px;
        margin-left: 20px;
        // margin-right: 10px;
        // margin-left: 20px;
      }
      .iconpiliangshanchu-09:hover {
        background: #fe6d68;
@@ -2053,10 +2001,11 @@
      .el-button--small {
        padding: 8px 45px;
        font-size: 14px;
        background: #4e94ff !important;
        background: var(--colorCard) !important;
        border-radius: 0px 18px 18px 0px;
        border-color: #4e94ff !important;
        border-color: var(--colorCard) !important;
        color: #fff;
        margin-right: 10px;
      }
      .el-input__suffix {
        top: 6px;
@@ -2109,7 +2058,17 @@
      font-size: 15px;
    }
  }

  .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;
@@ -2150,6 +2109,7 @@
  text-align: center;
  font-size: 23px;
  transition: all 0.2s;
  margin-left: 10px;
}
.el-dialog__header {
  padding: 20px 0 10px;
@@ -2203,59 +2163,6 @@
  padding-left: 8px !important;
  padding-right: 0px !important;
}
// .addToBase1 {
//   width: 98%;
//   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;
//     max-height: 35%;
//     overflow-y: auto;
//     margin: 20px 0px;
//     .lable {
//       margin-top: 10px;
//       font-size: 14px;
//       font-weight: 600;
//     }
//     .baseList {
//       height: 100%;
//       .base {
//         width: 152px;
//         padding: 5px 5px;
//         line-height: 30px;
//         float: left;
//         text-align: left;
//         font-size: 12px !important;
//         background: #eff1f5;
//         border-radius: 8px;
//         margin-right: 10px;
//         .el-checkbox {
//           width: 100%;
//           display: block;
//           overflow: hidden;
//           text-overflow: ellipsis;
//           white-space: nowrap;
//           .el-checkbox__label {
//             display: inline !important;
//           }
//         }
//       }
//     }
//   }
// }

.avatar-uploader {
  margin: auto;
@@ -2276,9 +2183,9 @@
    padding: 8px 15px;
    font-size: 14px;
    border-radius: 3px;
    background: #4e94ff !important;
    background: var(--colorCard) !important;
    border-radius: 16px;
    border-color: #4e94ff !important;
    border-color: var(--colorCard) !important;
    width: 128px;
  }
  .el-input--mini .el-input__inner {
@@ -2346,10 +2253,10 @@
      width: 150px;
    }
    .el-button--primary {
      background: #4e94ff !important;
      background: var(--colorCard) !important;
      padding: 9px 37px;
      color: #fff;
      border: 1px solid #4e94ff !important;
      border: 1px solidvar(--colorCard) !important;
      border-radius: 18px;
      font-size: 14px;
      width: 150px;
@@ -2393,7 +2300,7 @@
    color: #5f5f5f;
  }
  .dialog-footer {
    .el-button--info  {
    .el-button--info {
      color: #999999;
      background: #fff;
      padding: 9px 37px;
@@ -2403,10 +2310,10 @@
      width: 150px;
    }
    .el-button--primary {
      background: #4e94ff !important;
      background: var(--colorCard) !important;
      padding: 9px 37px;
      color: #fff;
      border: 1px solid #4e94ff !important;
      border: 1px solidvar(--colorCard) !important;
      border-radius: 18px;
      font-size: 14px;
      width: 150px;
@@ -2455,9 +2362,9 @@
          border-radius: 8px;
          margin: 0 5px;
          .el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: #4e94ff;
    border-color: #4e94ff;
}
            background-color: var(--colorCard);
            border-color: var(--colorCard);
          }
          .el-checkbox {
            width: 100%;
            display: block;
@@ -2516,10 +2423,10 @@
      width: 150px;
    }
    .el-button--primary {
      background: #4e94ff !important;
      background: var(--colorCard) !important;
      padding: 9px 37px;
      color: #fff;
      border: 1px solid #4e94ff !important;
      border: 1px solidvar(--colorCard) !important;
      border-radius: 18px;
      font-size: 14px;
      width: 150px;
@@ -2588,16 +2495,16 @@
  }
  .el-date-table td.start-date span,
  .el-date-table td.end-date span {
    background-color: #4e94ff;
    background-color: var(--colorCard);
  }
  .el-date-table td.in-range div {
    background-color: #4e94ff17;
    background-color: var(--colorCard) 17;
  }
  .el-button--default {
    background: #4e94ff;
    background: var(--colorCard);
    padding: 9px 37px;
    color: #fff;
    border: 1px solid #4e94ff;
    border: 1px solidvar(--colorCard);
    border-radius: 18px;
    font-size: 14px;
  }
@@ -2626,7 +2533,7 @@
    }
  }
  & > span:hover {
    background: #4e94ff;
    background: var(--colorCard);
    color: #fff;
  }
  & > .del-wrap:hover {