| | |
| | | v-model="baseObject.enable" |
| | | active-color="#4E94FF" |
| | | inactive-color="#BBBBBB" |
| | | style="margin-right: 25px" |
| | | style="margin-right: 10px" |
| | | :disabled="isDisabled(baseObject)" |
| | | @change="setEnable(baseObject)" |
| | | > |
| | |
| | | </div> |
| | | </div> |
| | | </el-row> |
| | | |
| | | <div class="border-tabl"> |
| | | <div class="head-search"> |
| | | <div class="desc"> |
| | |
| | | :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" |
| | |
| | | idCard: "", |
| | | reserved: "", |
| | | }, |
| | | showPop: true, |
| | | askDeleteShow: false, |
| | | toDeleteId: "", |
| | | reqCameraParams: { |
| | |
| | | ], |
| | | }, |
| | | tableData: [], |
| | | // tableHeight: window.innerHeight - 320, |
| | | // multipleSelection: [], |
| | | // peoperLevel: [], |
| | | oldWidth: "", |
| | | oldHeight: "", |
| | | delType: "", |
| | |
| | | } |
| | | this.getPersonList(); |
| | | }) |
| | | .catch((err) => { |
| | | }); |
| | | .catch((err) => {}); |
| | | }, |
| | | sayHello() { |
| | | }, |
| | | sayHello() {}, |
| | | getUploadResult(result) { |
| | | this.uploadResult = result.data; |
| | | this.dialogVisible = true; |
| | |
| | | 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: "删除失败!", |
| | | }); |
| | | } |
| | | }, |
| | |
| | | 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++) { |
| | |
| | | } |
| | | } |
| | | }, |
| | | // 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; |
| | |
| | | .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; |
| | | } |
| | |
| | | } |
| | | .iconshanchuku-09 { |
| | | color: #fe6d68; |
| | | margin-right: 10px; |
| | | // margin-right: 10px; |
| | | } |
| | | .iconshanchuku-09:hover { |
| | | background: #fe6d68; |
| | |
| | | } |
| | | .iconbianjiku-09:hover { |
| | | border: 1px solidvar(--colorCard); |
| | | background:var(--colorCard); |
| | | background: var(--colorCard); |
| | | color: #fff; |
| | | } |
| | | } |
| | |
| | | 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 { |
| | |
| | | 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 { |
| | |
| | | } |
| | | .iconpiliangshanchu-09 { |
| | | color: #fe6d68; |
| | | margin-right: 10px; |
| | | margin-left: 20px; |
| | | // margin-right: 10px; |
| | | // margin-left: 20px; |
| | | } |
| | | .iconpiliangshanchu-09:hover { |
| | | background: #fe6d68; |
| | |
| | | .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; |
| | |
| | | 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; |
| | |
| | | text-align: center; |
| | | font-size: 23px; |
| | | transition: all 0.2s; |
| | | margin-left: 10px; |
| | | } |
| | | .el-dialog__header { |
| | | padding: 20px 0 10px; |
| | |
| | | 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 { |
| | |
| | | width: 150px; |
| | | } |
| | | .el-button--primary { |
| | | background:var(--colorCard) !important; |
| | | background: var(--colorCard) !important; |
| | | padding: 9px 37px; |
| | | color: #fff; |
| | | border: 1px solidvar(--colorCard) !important; |
| | |
| | | width: 150px; |
| | | } |
| | | .el-button--primary { |
| | | background:var(--colorCard) !important; |
| | | background: var(--colorCard) !important; |
| | | padding: 9px 37px; |
| | | color: #fff; |
| | | border: 1px solidvar(--colorCard) !important; |
| | |
| | | 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%; |
| | |
| | | width: 150px; |
| | | } |
| | | .el-button--primary { |
| | | background:var(--colorCard) !important; |
| | | background: var(--colorCard) !important; |
| | | padding: 9px 37px; |
| | | color: #fff; |
| | | border: 1px solidvar(--colorCard) !important; |
| | |
| | | } |
| | | .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); |
| | |
| | | } |
| | | } |
| | | & > span:hover { |
| | | background:var(--colorCard); |
| | | background: var(--colorCard); |
| | | color: #fff; |
| | | } |
| | | & > .del-wrap:hover { |