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/addBase.vue | 116 ++++++++++++++++++++++++++++++---------------------------
1 files changed, 61 insertions(+), 55 deletions(-)
diff --git a/src/pages/library/components/addBase.vue b/src/pages/library/components/addBase.vue
index 99baa48..d27669c 100644
--- a/src/pages/library/components/addBase.vue
+++ b/src/pages/library/components/addBase.vue
@@ -33,7 +33,7 @@
<el-select
size="small"
v-model="form.cameraBrand"
- disabled
+ disabled
placeholder="璇烽�夋嫨瀵规帴鏁版嵁搴�"
style="width: 100%"
>
@@ -56,12 +56,12 @@
<el-col :span="11" class>
<el-date-picker
size="small"
- type="datetime"
+ type="datetime"
placeholder="閫夋嫨鏃ユ湡"
value-format="yyyy-MM-dd HH:mm:ss"
v-model="form.startTime"
:picker-options="pickerOptions"
- style="width: 100%; "
+ style="width: 100%"
></el-date-picker>
<!-- <el-checkbox
v-model="foreverChecked"
@@ -110,7 +110,11 @@
required
prop="bwType"
>
- <el-radio-group v-model="form.bwType" fill="#4e94ff" text-color="#4e94ff">
+ <el-radio-group
+ v-model="form.bwType"
+ fill="#4e94ff"
+ text-color="#4e94ff"
+ >
<el-radio :label="`1`">榛戝悕鍗�</el-radio>
<el-radio :label="`0`">鐧藉悕鍗�</el-radio>
</el-radio-group>
@@ -138,7 +142,8 @@
>
<el-select
size="small"
- v-model="form.tableType" :popper-append-to-body="false"
+ v-model="form.tableType"
+ :popper-append-to-body="false"
placeholder="璇烽�夋嫨"
style="width: 100%"
>
@@ -194,7 +199,6 @@
name: "addBase",
data() {
const validatePass = (rule, value, callback) => {
- debugger
if (this.form.startTime && this.form.startTime !== "") {
if (this.dateCompare(this.form.startTime, value) !== 1) {
callback(new Error("缁撴潫鏃堕棿涓嶈兘澶т簬寮�濮嬫椂闂达紒"));
@@ -241,7 +245,6 @@
baseObject: function (newVal, oldVal) {
this.foreverChecked = false;
this.form = newVal;
- console.log(this.form, "baseObject");
if (
!newVal.endTime ||
newVal.endTime === undefined ||
@@ -262,8 +265,6 @@
this.form.isForever = "0";
this.foreverChecked = false;
if (this.form.startTime && this.form.startTime !== "") {
- // console.log(this.form.startTime, newVal)
-
if (
this.dateCompare(
this.$moment(this.form.startTime).format("YYYY-MM-DD"),
@@ -300,7 +301,6 @@
},
methods: {
onSubmit(formName) {
- console.log(this.form.id, "submit");
if (this.form.id) {
// id涓嶄负绌猴紝淇敼搴曞簱
this.$refs[formName].validate(async (valid) => {
@@ -388,7 +388,6 @@
}
},
init() {
- console.log("娣诲姞搴曞簱琛ㄥ崟鏀跺埌鐨勬暟鎹�", this.baseObject, this.type);
if (Object.keys(this.baseObject).length > 3) {
this.form = this.baseObject;
if (!this.form.endTime) {
@@ -466,7 +465,7 @@
text-align: center;
line-height: 52px;
position: relative;
- background: #fff;
+ background: #fff;
border-radius: 24px 24px 0 0;
span {
font-size: 14px;
@@ -498,25 +497,25 @@
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;
}
}
.el-radio__input.is-checked .el-radio__inner {
- border-color: #4e94ff;
- background: #4e94ff;
-}
-.el-radio__input.is-checked + .el-radio__label {
- color: #4e94ff;
-}
-.el-select .el-input.is-focus .el-input__inner {
- border-color: #4e94ff;
-}
+ border-color: var(--colorCard);
+ background: var(--colorCard);
+ }
+ .el-radio__input.is-checked + .el-radio__label {
+ color: var(--colorCard);
+ }
+ .el-select .el-input.is-focus .el-input__inner {
+ border-color: var(--colorCard);
+ }
.end-time-pick.is-disabled .el-input__inner {
background-color: #fff;
// border-color: #dfe4ed;
@@ -525,13 +524,13 @@
.el-form-item__content {
line-height: 32px;
}
- .el-form-item__label{
+ .el-form-item__label {
line-height: 32px;
}
.el-form-item {
- margin-bottom: 0;
- height: 65px;
-}
+ margin-bottom: 0;
+ height: 65px;
+ }
.end-time-pick.is-disabled .el-input__inner::placeholder {
color: #606266;
}
@@ -539,24 +538,30 @@
// text-align: center;
// }
.el-select-dropdown__item.selected {
- color: #4e94ff;
-} .el-select-dropdown__item {
- border-radius: 8px;
-}
-.el-select-dropdown__item.selected.hover {
- color: #fff;
-}
-.el-select-dropdown__item:hover,.el-select-dropdown__item.selected:hover {
- background-color: #4e94ff;
- color: #fff;
-}.el-select-dropdown {
- border-radius: 8px;
- box-shadow: 0px 0px 8px rgb(0 0 0 / 16%);
-}.popper__arrow {
- top: -8px;
-}.el-select-dropdown__list {
- padding: 0;
-}
+ color: var(--colorCard);
+ }
+ .el-select-dropdown__item {
+ border-radius: 8px;
+ }
+ .el-select-dropdown__item.selected.hover {
+ color: #fff;
+ }
+ .el-select-dropdown__item:hover,
+ .el-select-dropdown__item.selected:hover {
+ background-color: var(--colorCard);
+ color: #fff;
+ }
+ .el-select-dropdown {
+ border-radius: 8px;
+ box-shadow: 0px 0px 8px rgb(0 0 0 / 16%); left: 0px !important;
+
+ }
+ .el-popper[x-placement^="bottom"] .popper__arrow {
+ top: -7px;
+ }
+ .el-select-dropdown__list {
+ padding: 0;
+ }
.el-input--small .el-input__inner {
height: 32px;
line-height: 32px;
@@ -576,11 +581,11 @@
padding-top: 3px;
left: 15px;
}
- .start-time-pick{
+ .start-time-pick {
.el-form-item__error {
- top: 36px;
- left: 105px;
- }
+ top: 36px;
+ left: 105px;
+ }
}
}
}
@@ -600,18 +605,19 @@
// background: #3d68e1;
// }
.save {
- background: #4e94ff;
+ background: var(--colorCard);
border-radius: 2px;
outline: none;
}
.check-css {
position: relative;
height: 20px;
- left: -187px; top: -4px;
+ left: -187px;
+ top: -4px;
line-height: 20px;
.el-checkbox__input.is-checked + .el-checkbox__label {
- color: #4e94ff;
-}
+ color: var(--colorCard);
+ }
.el-checkbox__inner {
display: inline-block;
position: relative;
@@ -630,8 +636,8 @@
}
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
- background-color: #4e94ff;
- border-color: #4e94ff;
+ background-color: var(--colorCard);
+ border-color: var(--colorCard);
}
}
--
Gitblit v1.8.0