From b6b2c379bd92f076acd16801b1442604ea21fc5d Mon Sep 17 00:00:00 2001
From: cuilei <ray_tsu1@163.com>
Date: 星期三, 27 八月 2025 17:30:52 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/master'
---
src/views/dashboard/dncIndex/DncManagerSignage.vue | 153 +++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 153 insertions(+), 0 deletions(-)
diff --git a/src/views/dashboard/dncIndex/DncManagerSignage.vue b/src/views/dashboard/dncIndex/DncManagerSignage.vue
new file mode 100644
index 0000000..b2fe580
--- /dev/null
+++ b/src/views/dashboard/dncIndex/DncManagerSignage.vue
@@ -0,0 +1,153 @@
+<template>
+ <div class="home-container">
+ <div class="left-card">
+ <div class="card">
+ <div class="card-header">
+ <h2 class="card-title">鎴戠殑寰呭姙</h2>
+ <h2 class="more-btn" @click = "gotoTodoList">鏇村</h2>
+ </div>
+ <div class="card-content">
+ <!-- 宓屽叆todoList缁勪欢骞惰缃粯璁ゅ垎绫� -->
+ <todo-list
+ ref="todoList"
+ class="embedded-flow-todo"
+ :defaultCategories="['drApproval','ggApproval','programConfirmApproval','ncFileSettingProcessApproval']"
+ ></todo-list>
+ </div>
+ </div>
+ </div>
+
+ <!-- 鍙充晶涓や釜灏忓崱鐗� -->
+ <div class="right-cards">
+ <div class="card top-card">
+ <h2 class="card-title">鍗＄墖1</h2>
+ <div class="card-content">
+ </div>
+ </div>
+
+ <div class="card bottom-card">
+ <h2 class="card-title">娲惧伐浠诲姟棰嗗彇</h2>
+ <div class="card-content">
+ </div>
+ </div>
+ </div>
+ </div>
+</template>
+
+<script>
+import TodoList from '@views/dashboard/TodoList.vue'
+
+export default {
+ name: 'DncManagerSignage',
+ components: {
+ TodoList
+ },
+ data() {
+ return {
+ }
+ },
+ mounted() {
+ this.$nextTick(() => {
+ if (this.$refs.todoList) {
+ this.$refs.todoList.loadData(1)
+ }
+ })
+ },
+ methods: {
+ gotoTodoList() {
+ this.$router.push('/flowable/workflow/FlowTodo')
+ }
+ }
+}
+</script>
+
+<style scoped>
+.left-card .card-content {
+ padding: 5px 0;
+}
+.home-container {
+ display: flex;
+ min-height: 100vh;
+ padding: 5px;
+ box-sizing: border-box;
+ gap: 16px;
+ background-color: #f0f2f7;
+}
+
+.left-card {
+ flex: 1;
+ min-width: 0;
+}
+
+.right-cards {
+ flex: 2;
+ min-width: 0;
+ display: flex;
+ flex-direction: column;
+ gap: 16px;
+}
+
+.card {
+ background: #ffffff;
+ border-radius: 8px;
+ box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+ padding: 10px;
+ height: 100%;
+ 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;
+}
+
+.bottom-card {
+ flex: 1;
+}
+
+.card-title {
+ margin: 0;
+ padding-bottom: 0;
+ color: #000000;
+ font-size: 16px;
+ font-weight: 600;
+}
+
+.card-content {
+ flex: 1;
+ overflow: auto;
+}
+
+@media (max-width: 992px) {
+ .home-container {
+ flex-direction: column;
+ }
+
+ .left-card, .right-cards {
+ width: 100%;
+ }
+
+ .left-card {
+ margin-bottom: 16px;
+ }
+}
+</style>
\ No newline at end of file
--
Gitblit v1.9.3