From c054516a38a2613a4e7399ba62694fbd99a606fe Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期五, 06 一月 2023 09:10:09 +0800
Subject: [PATCH] 1.组织架构表格拖动实现demo
---
src/views/jcsz/adsz.vue | 45 ++++++++++++++++++++++++++++-----------------
1 files changed, 28 insertions(+), 17 deletions(-)
diff --git a/src/views/jcsz/adsz.vue b/src/views/jcsz/adsz.vue
index 6d4edf7..a92b549 100644
--- a/src/views/jcsz/adsz.vue
+++ b/src/views/jcsz/adsz.vue
@@ -3,7 +3,7 @@
<div class="body" :style="{height:mainHeight+'px'}">
<div class="body_left">
<div style="margin:10px 0">
- <i class="el-icon-s-comment" style="color:#42b983;" /> 杞﹂棿淇℃伅锛�
+ <i class="el-icon-s-comment" :style="{color:$store.state.settings.theme}" /> 杞﹂棿淇℃伅锛�
</div>
<el-input
v-model="filterText"
@@ -29,18 +29,25 @@
<div :style="{height: (contentHeight+51)+'px'}">
<div class="pane_top">
<div style="display: flex;align-items: center">
- <div class="bar" />
+ <div class="bar" :style="{background:$store.state.settings.theme}" />
<div>鍝嶅簲浜哄憳</div>
<el-button
icon="el-icon-circle-plus-outline"
:disabled="allowClose"
- :style="{color:allowClose?'#6f6e6f':'#42b983'}"
- style="height: 30px;line-height: 30px;font-size: 22px;padding: 10px"
+ :style="{color:allowClose?'#6f6e6f':$store.state.settings.theme}"
+ style="height: 30px;line-height: 30px;font-size: 22px;padding:10px;background-color: #fafafa"
@click="responseUserClick"
/>
</div>
- <div>
- <el-checkbox v-model="allowClose" @change="allowCloseChange">鍏佽鍏抽棴</el-checkbox>
+ <div style="display: flex;align-content: center">
+ <div>
+ <el-checkbox v-model="allowClose" @change="allowCloseChange">鍏佽鍏抽棴</el-checkbox>
+ </div>
+ <div style="margin-left: 5px;cursor: pointer">
+ <el-tooltip class="item" effect="dark" content="褰撳墠鍛煎彨绫诲瀷(鍚敤/鍏抽棴)" placement="top">
+ <i class="el-icon-question" :style="{color:$store.state.settings.theme}" />
+ </el-tooltip>
+ </div>
</div>
</div>
<el-empty v-if="AnDengResponUserArr.length===0" :image-size="200" description="鏆傛棤鏁版嵁" />
@@ -51,6 +58,7 @@
:closable="!allowClose"
type="success"
style="margin-right: 10px;margin-bottom: 10px"
+ :style="{color:$store.state.settings.theme}"
@close="val=>tagClose(val,item,tag)"
>
{{ tag.username }}
@@ -160,7 +168,7 @@
title="鍝嶅簲浜哄憳"
:visible.sync="userDialogVisible"
width="800px"
- top="15vh"
+ top="10vh"
:close-on-click-modal="false"
@closed="handleUserClose"
@close="handleUserClose"
@@ -175,17 +183,18 @@
closable
type="success"
style="margin-right: 10px;margin-bottom: 10px"
+ :style="{color:$store.state.settings.theme}"
@close="val=>userTagClose(val,tag)"
>
{{ tag.username }}
</el-tag>
</div>
<div>
- <i class="el-icon-s-comment" style="color:#42b983;margin: 20px 10px 20px 0" />浜哄憳锛�
+ <i class="el-icon-s-comment" :style="{color:$store.state.settings.theme}" style="margin: 20px 10px 20px 0" />浜哄憳锛�
</div>
<div
style=" background-color: #fafafa; padding: 10px; min-height: 420px;"
- :style="{maxHeight:(contentHeight-300)+'px',overflowY: 'scroll'}"
+ :style="{maxHeight:(contentHeight-300)+'px'}"
>
<el-input
@@ -427,12 +436,14 @@
}
})
- loading.close()
- this.userDialogVisible = true
+ setTimeout(() => {
+ loading.close()
+ this.userDialogVisible = true
- this.$nextTick(() => {
- this.$refs.userTree.setCheckedKeys(this.treeCheckedKey)
- })
+ this.$nextTick(() => {
+ this.$refs.userTree.setCheckedKeys(this.treeCheckedKey)
+ })
+ }, 1000)
}
})
},
@@ -547,7 +558,7 @@
width: 4px;
height: 20px;
border-radius: 2px;
- background-color: $main_color;
+ //background-color: $main_color;
margin-right: 10px;
}
}
@@ -560,9 +571,9 @@
.body_left_tree {
::v-deep .is-current > .el-tree-node__content {
- background-color: $main_color !important;
+ background-color: #dedcdc !important;
font-weight: bolder;
- color: #FFFFFF;
+ //color: #FFFFFF;
}
}
</style>
--
Gitblit v1.9.3