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/baseList.vue | 116 ++++++----------------------------------------------------
1 files changed, 12 insertions(+), 104 deletions(-)
diff --git a/src/pages/library/components/baseList.vue b/src/pages/library/components/baseList.vue
index b2d0e0b..66c485b 100644
--- a/src/pages/library/components/baseList.vue
+++ b/src/pages/library/components/baseList.vue
@@ -26,18 +26,7 @@
@click.stop="add('sync')"
v-if="isShow('library:set')"
></span>
- <!-- <i
- class="el-icon-circle-plus-outline ml10"
- style="font-size: 20px; color: #3d68e1"
-
- ></i> -->
- <!-- <span
- class="m5"
- style="font-size: 14px; color: #3d68e1"
- @click.stop="add('sync')"
- v-if="isShow('library:set')"
- >鏂板</span
- > -->
+
</template>
<div class="max-height">
<el-row
@@ -70,45 +59,11 @@
</p>
</el-col>
<el-col :span="10" :offset="1">
- <!-- <el-switch
- :active-value="1"
- :inactive-value="0"
- v-model="item.enable"
- size="small"
- style="margin-top: -7px"
- :disabled="isDisabled(item)"
- @change="setEnable(item)"
- >
-
- </el-switch> -->
- <!-- <div class="status-dot"></div> -->
+
<div
class="status-dot"
:style="item.enable == 1 ? { background: '#4E94FF' } : {}"
></div>
- <!-- <el-tooltip
- content="缂栬緫"
- placement="top"
- popper-class="atooltip"
- >
- <span
- class="iconfont iconbianji iconStyle1"
- @click.stop="edit(item, 'sync')"
- v-if="isShow('library:set')"
- ></span>
- </el-tooltip> -->
- <!-- <el-tooltip
- content="鍒犻櫎"
- placement="top"
- popper-class="atooltip"
- >
- <span
- class="iconfont iconshanchu iconStyle1"
- style="color: #e74c3c"
- v-if="isShow('library:set')"
- @click.stop="deleteBase(item.id)"
- ></span>
- </el-tooltip> -->
</el-col>
<el-col
:span="24"
@@ -143,19 +98,6 @@
@click.stop="add('local')"
v-if="isShow('library:set')"
></span>
-
- <!-- <i
- class="el-icon-circle-plus-outline ml10"
- style="font-size: 20px; color: #3d68e1"
-
- ></i> -->
- <!-- <span
- class="m5"
- style="font-size: 14px; color: #3d68e1"
- @click.stop="add('local')"
- v-if="isShow('library:set')"
- >鏂板</span
- > -->
</template>
<div class="max-height">
<el-row
@@ -186,43 +128,11 @@
</p>
</el-col>
<el-col :span="10" :offset="1">
- <!-- <el-switch
- :active-value="1"
- :inactive-value="0"
- v-model="item.enable"
- size="small"
- style="margin-top: -7px"
- :disabled="isDisabled(item)"
- @change="setEnable(item)"
- ></el-switch> -->
+
<div
class="status-dot"
:style="item.enable == 1 ? { background: '#4E94FF' } : {}"
></div>
-
- <!-- <el-tooltip
- content="缂栬緫"
- placement="top"
- popper-class="atooltip"
- >
- <span
- class="iconfont iconbianji iconStyle1"
- @click.stop="edit(item, 'local')"
- v-if="isShow('library:set')"
- ></span>
- </el-tooltip> -->
- <!-- <el-tooltip
- content="鍒犻櫎"
- placement="top"
- popper-class="atooltip"
- >
- <span
- class="iconfont iconshanchu iconStyle1"
- style="color: #e74c3c"
- v-if="isShow('library:set')"
- @click.stop="deleteBase(item.id)"
- ></span>
- </el-tooltip> -->
</el-col>
<el-col
:span="24"
@@ -263,7 +173,6 @@
};
},
computed: {
- // eslint-disable-next-line vue/return-in-computed-property
isAdmin() {
if (
sessionStorage.getItem("userInfo") &&
@@ -296,9 +205,7 @@
this.localTableList = this.BaseManageData.localTables;
this.defaultShow();
},
- handleChange(val) {
- console.log(val);
- },
+ handleChange(val) {},
async setEnable(item) {
let res = await updateDbTableStatus({
id: item.id,
@@ -334,10 +241,8 @@
return flag;
},
clickCategory(index, type, item) {
- // 杩欓噷鎴戜滑浼犲叆涓�涓綋鍓嶅��
this.categoryIndex = type + index;
// 璋冪敤鍒囨崲鍙充晶闈㈡澘鐨勫嚱鏁板苟涓斿垏鎹㈢埗缁勪欢涓璱sSelected鐨勫�艰鍙︿竴涓粍浠舵竻闄よ閫変腑鐘舵��
- // this.$emit('clearSelected')
this.clickBase = item;
this.$emit("getList", item, type);
},
@@ -434,7 +339,7 @@
},
props: {
listWidth: {
- default: "234px",
+ default: "224px",
type: String,
},
title: {
@@ -473,6 +378,7 @@
display: flex;
align-items: center;
justify-content: right;
+ width: auto;
float: right;
margin-right: 10px;
}
@@ -495,7 +401,6 @@
font-size: 14px;
}
.out-div {
- // overflow: hidden auto;
max-height: 100%;
.el-collapse-item__wrap {
will-change: height;
@@ -509,8 +414,11 @@
display: none;
}
.el-row {
- border-radius: 9px; background: rgba(239, 241, 245, 0.35);
-
+ border-radius: 9px;
+ background: rgba(239, 241, 245, 0.35);
+ margin-bottom: 4px; min-height: 72px;
+ box-sizing: border-box;
+ padding: 10px 5px;
}
.time-start {
display: inline-block;
@@ -519,7 +427,7 @@
display: inline-block;
}
.activeRow {
- background: #4e94ff;
+ background: var(--colorCard);
color: #fff;
.time-start {
color: #e9e9e9;
--
Gitblit v1.8.0