From 32065e3edfba329fd68d082bcca6f734152d86db Mon Sep 17 00:00:00 2001
From: heyujie <516346543@qq.com>
Date: 星期一, 13 十二月 2021 15:54:06 +0800
Subject: [PATCH] 车辆库左端列表
---
src/pages/library/components/personList.vue | 129 ++++++++++++------------------------------
1 files changed, 38 insertions(+), 91 deletions(-)
diff --git a/src/pages/library/components/personList.vue b/src/pages/library/components/personList.vue
index 518ae0c..7775450 100644
--- a/src/pages/library/components/personList.vue
+++ b/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 {
--
Gitblit v1.8.0