From 2437e07e758eeef362edd7bf094395d55798d982 Mon Sep 17 00:00:00 2001
From: heyujie <516346543@qq.com>
Date: 星期二, 01 三月 2022 20:01:18 +0800
Subject: [PATCH] destop弹窗ui改动
---
src/pages/library/components/baseList.vue | 119 ++++++++++++++++++++++++++++++++---------------------------
1 files changed, 65 insertions(+), 54 deletions(-)
diff --git a/src/pages/library/components/baseList.vue b/src/pages/library/components/baseList.vue
index a578ae1..3062d4d 100644
--- a/src/pages/library/components/baseList.vue
+++ b/src/pages/library/components/baseList.vue
@@ -6,21 +6,28 @@
<el-collapse v-model="activeNames">
<el-collapse-item name="1" class="el-collapse-item__wrap">
<template slot="title">
- <img v-if="title === '鍚屾搴�'" src="/images/library/鍚屾搴�2.png" alt="" srcset="">
- <img v-else src="/images/library/鏈湴搴�2.png" alt="" srcset="">
+ <img
+ v-if="title === '鍚屾搴�'"
+ src="/images/library/鍚屾搴�2.png"
+ alt=""
+ srcset=""
+ />
+ <img v-else src="/images/library/鏈湴搴�2.png" alt="" srcset="" />
<span class="m5">{{ title }}</span>
- <span
- class="iconfont icontianjiaku-09"
- style="
- font-size: 22px;
- color: #666666;
- position: absolute;
- right: 10px;
- "
- @click.stop="add('sync')"
- v-if="isShow('library:set')"
- ></span>
-
+ <el-tooltip content="娣诲姞鍚屾搴�" placement="top">
+ <!-- popper-class="atooltip" -->
+ <span
+ class="iconfont icontianjiaku-09"
+ style="
+ font-size: 22px;
+ color: #666666;
+ position: absolute;
+ right: 10px;
+ "
+ @click.stop="add('sync')"
+ v-if="isShow('library:set')"
+ ></span>
+ </el-tooltip>
</template>
<div class="max-height">
<el-row
@@ -53,10 +60,9 @@
</p>
</el-col>
<el-col :span="10" :offset="1">
-
<div
class="status-dot"
- :class="item.enable == 1 ?'status-dot-active':''"
+ :class="item.enable == 1 ? 'status-dot-active' : ''"
:style="item.enable == 1 ? { background: '#4E94FF' } : {}"
></div>
</el-col>
@@ -80,19 +86,21 @@
</el-collapse-item>
<el-collapse-item name="2" class="el-collapse-item__wrap">
<template slot="title">
- <img src="/images/library/鏈湴搴�2.png" alt="" srcset="">
+ <img src="/images/library/鏈湴搴�2.png" alt="" srcset="" />
<span class="m5">{{ titleB }}</span>
- <span
- class="iconfont icontianjiaku-09"
- style="
- font-size: 22px;
- color: #666666;
- position: absolute;
- right: 10px;
- "
- @click.stop="add('local')"
- v-if="isShow('library:set')"
- ></span>
+ <el-tooltip content="娣诲姞鍚屾搴�" placement="top">
+ <span
+ class="iconfont icontianjiaku-09"
+ style="
+ font-size: 22px;
+ color: #666666;
+ position: absolute;
+ right: 10px;
+ "
+ @click.stop="add('local')"
+ v-if="isShow('library:set')"
+ ></span>
+ </el-tooltip>
</template>
<div class="max-height">
<el-row
@@ -123,10 +131,9 @@
</p>
</el-col>
<el-col :span="10" :offset="1">
-
<div
class="status-dot"
- :class="item.enable == 1 ?'status-dot-active':''"
+ :class="item.enable == 1 ? 'status-dot-active' : ''"
:style="item.enable == 1 ? { background: '#4E94FF' } : {}"
></div>
</el-col>
@@ -186,16 +193,34 @@
this.isAdmin || this.buttonAuthority.indexOf("," + authority + ",") > -1
);
},
- async init() {
+ async init(typ) {
await this.BaseManageData.querySyncTables();
this.syncTableList = this.BaseManageData.syncTables;
- this.defaultShow();
+ if (typ) {
+ this.clickLast(typ);
+ } else {
+ this.defaultShow();
+ }
await this.BaseManageData.queryLocalTables();
this.localTableList = this.BaseManageData.localTables;
- this.defaultShow();
+ if (typ) {
+ this.clickLast(typ);
+ } else {
+ this.defaultShow();
+ }
},
add(type) {
this.$emit("changeShow", null, type);
+ },
+ clickLast(type) {
+ // this.$nextTick(() => {
+
+ // });
+ this.clickCategory(
+ this.syncTableList.length - 1,
+ type,
+ this.syncTableList[this.syncTableList.length - 1]
+ );
},
clickCategory(index, type, item) {
this.categoryIndex = type + index;
@@ -235,25 +260,6 @@
return false;
}
},
- // dateCompare(dateString, compareDateString) {
- // // dateString:褰撳墠鏃堕棿
- // // compareDateString:闇�瑕佹瘮杈冪殑鏃堕棿
- // if (this.isEmpty(dateString)) {
- // return;
- // }
- // if (this.isEmpty(compareDateString)) {
- // return 1;
- // }
- // var dateTime = this.dateParse(dateString).getTime();
- // var compareDateTime = this.dateParse(compareDateString).getTime();
- // if (compareDateTime > dateTime) {
- // return 1;
- // } else if (compareDateTime === dateTime) {
- // return 0;
- // } else {
- // return -1;
- // }
- // },
},
props: {
listWidth: {
@@ -319,7 +325,11 @@
font-size: 14px;
}
.out-div {
- max-height: 100%; height: 100%;
+ max-height: 100%;
+ height: 100%;
+ .el-collapse-item__header {
+ position: relative;
+ }
.el-collapse-item__wrap {
will-change: height;
background-color: #fff;
@@ -334,7 +344,8 @@
.el-row {
border-radius: 9px;
background: rgba(239, 241, 245, 0.35);
- margin-bottom: 4px; min-height: 72px;
+ margin-bottom: 4px;
+ min-height: 72px;
box-sizing: border-box;
padding: 10px 5px;
}
--
Gitblit v1.8.0