From aed6fe7716c2d0b456a67be7753a2e9c8f0b7e11 Mon Sep 17 00:00:00 2001
From: lyh <925863403@qq.com>
Date: 星期五, 29 八月 2025 17:28:30 +0800
Subject: [PATCH] 开发DNC首页集成三维工艺列表页面
---
src/views/dashboard/dncIndex/DncManagerSignage.vue | 88 ++++++++++++++++++++++++++++++++-----------
1 files changed, 65 insertions(+), 23 deletions(-)
diff --git a/src/views/dashboard/dncIndex/DncManagerSignage.vue b/src/views/dashboard/dncIndex/DncManagerSignage.vue
index 5bc0e49..a4a13c6 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>
@@ -17,8 +20,12 @@
<!-- 鍙充晶涓や釜灏忓崱鐗� -->
<div class="right-cards">
<div class="card top-card">
- <h2 class="card-title">鍗＄墖1</h2>
+ <h2 class="card-title">涓夌淮宸ヨ壓鐢熸垚浜у搧缁撴瀯鏍�</h2>
+ <h2 class="more-btns" @click = "gotoSyncProcessList">鏇村</h2>
<div class="card-content">
+ <syncProcessList
+ ref="syncProcessList"
+ ></syncProcessList>
</div>
</div>
@@ -32,29 +39,34 @@
</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'
+import SyncProcessList from '@views/dashboard/SyncProcessList.vue'
+
export default {
name: 'DncManagerSignage',
components: {
- TodoList
+ TodoList,
+ SyncProcessList
},
data() {
return {
}
},
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')
+ },
+ gotoSyncProcessList(){
+ this.$router.push('/dnc/base/SyncProcessSpecificationInfoList')
+ },
}
}
</script>
@@ -66,10 +78,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 +94,7 @@
min-width: 0;
display: flex;
flex-direction: column;
- gap: 20px;
+ gap: 16px;
}
.card {
@@ -94,8 +106,39 @@
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;
+}
+
+.more-btns {
+ position: absolute;
+ top: 140px;
+ right: 40px;
+ color: #1890ff;
+ font-size: 14px;
+ background: none;
+ border: none;
+ cursor: pointer;
+ text-decoration: none;
+ z-index: 10;
+}
.top-card {
flex: 1;
}
@@ -105,12 +148,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 +170,7 @@
}
.left-card {
- margin-bottom: 20px;
+ margin-bottom: 16px;
}
}
</style>
\ No newline at end of file
--
Gitblit v1.9.3