车辆库左端列表

heyujie

2021-12-13 32065e3edfba329fd68d082bcca6f734152d86db

 src/pages/library/components/personList.vue

@@ -1294,11 +1294,9 @@
          this.getPersonList();
        })
        .catch((err) => {
          console.log(err);
        });
    },
    sayHello() {
      console.log("hello");
    },
    getUploadResult(result) {
      this.uploadResult = result.data;
@@ -1464,7 +1462,6 @@
      this.getPersonList();
    },
    handleDel() {
      debugger;
      if (this.delType == "single") {
        this.deleteThis();
      } else if (this.delType == "base") {
@@ -1519,10 +1516,8 @@
      }
    },
    uploadSuccess() {
      console.log("换脸成功了");
    },
    uploadError() {
      console.log("换脸失败了");
    },
    deleteBatch() {
      if (this.selectedRowKeys.length === 0) {
@@ -1560,7 +1555,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
@@ -1573,7 +1567,6 @@
      }
    },
    handleRowStyle({ row, rowIndex }) {
      // console.log(row, rowIndex, "handleRowStyle");
      if (rowIndex === 0) {
        return "background:#222222;";
      }
@@ -1605,7 +1598,6 @@
      }
    },
    // tosearch(item) {
    //   // console.log("跳转地址", item)
    //   var curWwwPath = window.document.location.href;
    //   var pathname = window.document.location.pathname;
    //   var pos = curWwwPath.indexOf(pathname);
@@ -1613,7 +1605,6 @@
    //   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)
    // },
@@ -1741,7 +1732,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 +1748,6 @@
  watch: {
    baseObject: {
      handler(newVal, oldVal) {
        // console.log(newVal, "监听baseObject");
        this.BaseManageData.cleanData();
        this.getPersonList();
      },
@@ -1840,8 +1829,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;
      }
@@ -1911,8 +1900,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 +1943,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 +1977,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 +2018,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 {
@@ -2053,9 +2046,9 @@
      .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;
      }
      .el-input__suffix {
@@ -2109,7 +2102,14 @@
      font-size: 15px;
    }
  }

  .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;
@@ -2203,59 +2203,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 +2223,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 +2293,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 +2340,7 @@
    color: #5f5f5f;
  }
  .dialog-footer {
    .el-button--info  {
    .el-button--info {
      color: #999999;
      background: #fff;
      padding: 9px 37px;
@@ -2403,10 +2350,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 +2402,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 +2463,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 +2535,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 +2573,7 @@
    }
  }
  & > span:hover {
    background: #4e94ff;
    background:var(--colorCard);
    color: #fff;
  }
  & > .del-wrap:hover {