From dff9fb32c1bac52d378a6d196f670b92610c01d3 Mon Sep 17 00:00:00 2001
From: ZZJ <zzjdsg2300@163.com>
Date: 星期四, 16 十二月 2021 17:21:49 +0800
Subject: [PATCH] 自适应2
---
src/pages/library/components/personList.vue | 233 +++++++++++++++++----------------------------------------
1 files changed, 70 insertions(+), 163 deletions(-)
diff --git a/src/pages/library/components/personList.vue b/src/pages/library/components/personList.vue
index 518ae0c..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,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 {
--
Gitblit v1.8.0