From 296852209ae0880056ba52345090f835e0781231 Mon Sep 17 00:00:00 2001
From: hyingbo <1363390067@qq.com>
Date: 星期四, 21 八月 2025 14:50:29 +0800
Subject: [PATCH] dnc样式调整
---
src/views/dashboard/dncIndex/DncManagerSignage.vue | 61 ++++++++++++++++++++----------
1 files changed, 40 insertions(+), 21 deletions(-)
diff --git a/src/views/dashboard/dncIndex/DncManagerSignage.vue b/src/views/dashboard/dncIndex/DncManagerSignage.vue
index 5bc0e49..b2fe580 100644
--- a/src/views/dashboard/dncIndex/DncManagerSignage.vue
+++ b/src/views/dashboard/dncIndex/DncManagerSignage.vue
@@ -2,13 +2,16 @@
<div class="home-container">
<div class="left-card">
<div class="card">
- <h2 class="card-title">鎴戠殑寰呭姙</h2>
+ <div class="card-header">
+ <h2 class="card-title">鎴戠殑寰呭姙</h2>
+ <h2 class="more-btn" @click = "gotoTodoList">鏇村</h2>
+ </div>
<div class="card-content">
- <!-- 宓屽叆FlowTodo缁勪欢骞惰缃粯璁ゅ垎绫� -->
+ <!-- 宓屽叆todoList缁勪欢骞惰缃粯璁ゅ垎绫� -->
<todo-list
- ref="flowTodo"
+ ref="todoList"
class="embedded-flow-todo"
- :defaultCategories="['drApproval','ggApproval','programConfirmApproval']"
+ :defaultCategories="['drApproval','ggApproval','programConfirmApproval','ncFileSettingProcessApproval']"
></todo-list>
</div>
</div>
@@ -32,9 +35,7 @@
</template>
<script>
-import signageApi from '@api/signage'
-import moment from 'moment'
-import TodoList from '@views/dashboard/dncIndex/TodoList.vue'
+import TodoList from '@views/dashboard/TodoList.vue'
export default {
name: 'DncManagerSignage',
@@ -46,15 +47,16 @@
}
},
mounted() {
- // 纭繚缁勪欢鍔犺浇鍚庝娇鐢ㄩ粯璁ゅ垎绫绘煡璇㈡暟鎹�
this.$nextTick(() => {
- if (this.$refs.flowTodo) {
- this.$refs.flowTodo.loadData(1)
+ if (this.$refs.todoList) {
+ this.$refs.todoList.loadData(1)
}
})
},
methods: {
-
+ gotoTodoList() {
+ this.$router.push('/flowable/workflow/FlowTodo')
+ }
}
}
</script>
@@ -66,10 +68,10 @@
.home-container {
display: flex;
min-height: 100vh;
- padding: 20px;
+ padding: 5px;
box-sizing: border-box;
- gap: 20px;
- background-color: #f5f7fa;
+ gap: 16px;
+ background-color: #f0f2f7;
}
.left-card {
@@ -82,7 +84,7 @@
min-width: 0;
display: flex;
flex-direction: column;
- gap: 20px;
+ gap: 16px;
}
.card {
@@ -94,8 +96,26 @@
display: flex;
flex-direction: column;
overflow: hidden;
+ justify-content: flex-start;
}
+/* 鍦ㄥ師鏈夋牱寮忓熀纭�涓婃坊鍔� */
+.card-header {
+ display: flex;
+ justify-content: space-between;
+ /* 鍨傜洿灞呬腑瀵归綈 */
+ align-items: center;
+ /* 鍙互鏍规嵁闇�瑕佽缃珮搴︼紝杩欓噷鍋囪璁剧疆涓� 40px锛屼篃鍙牴鎹疄闄呮儏鍐佃皟鏁� */
+ height: 40px;
+}
+
+.more-btn {
+ margin: 0;
+ color: #00bfff;
+ font-size: 14px;
+ border: none;
+ cursor: pointer;
+}
.top-card {
flex: 1;
}
@@ -105,12 +125,11 @@
}
.card-title {
- margin: 0 0 15px 0;
- color: #333;
- font-size: 18px;
+ margin: 0;
+ padding-bottom: 0;
+ color: #000000;
+ font-size: 16px;
font-weight: 600;
- padding-bottom: 10px;
- border-bottom: 1px solid #eee;
}
.card-content {
@@ -128,7 +147,7 @@
}
.left-card {
- margin-bottom: 20px;
+ margin-bottom: 16px;
}
}
</style>
\ No newline at end of file
--
Gitblit v1.9.3