From 5575dcb361ae7aff8095223db61ba40d6b64616a Mon Sep 17 00:00:00 2001
From: hyingbo <1363390067@qq.com>
Date: 星期六, 16 八月 2025 20:53:27 +0800
Subject: [PATCH] 添加首页功能
---
src/views/dashboard/DncManagerSignage.vue | 168 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 168 insertions(+), 0 deletions(-)
diff --git a/src/views/dashboard/DncManagerSignage.vue b/src/views/dashboard/DncManagerSignage.vue
new file mode 100644
index 0000000..c3ec7eb
--- /dev/null
+++ b/src/views/dashboard/DncManagerSignage.vue
@@ -0,0 +1,168 @@
+<template>
+ <div class="page-container">
+ <div class="content-container">
+ <div style="width: 50%" class="left-col">
+ <dv-border-box-9 style="padding: 30px 20px 0">
+ <div id="running_state_chart" style="width:100%;height: 300px"></div>
+ <div id="efficiency_chart" style="width: 100%;height: 465px"></div>
+ </dv-border-box-9>
+ </div>
+
+ <div style="width: 50%" class="middle-col">
+ <dv-border-box-9 style="padding: 10px 10px 0">
+ <!-- 娣诲姞"鎴戠殑寰呭姙"鏍囬 -->
+ <div class="flow-todo-title">鎴戠殑寰呭姙</div>
+
+ <!-- 宓屽叆FlowTodo缁勪欢骞惰缃粯璁ゅ垎绫� -->
+ <flow-todo
+ ref="flowTodo"
+ class="embedded-flow-todo"
+ :defaultCategories="['drApproval','ggApproval','programConfirmApproval']"
+ ></flow-todo>
+ </dv-border-box-9>
+ </div>
+ </div>
+ </div>
+</template>
+
+<script>
+import signageApi from '@/api/signage'
+import moment from 'moment'
+import FlowTodo from '@/views/flowable/workflow/FlowTodo.vue'
+
+export default {
+ name: 'DncManagerSignage',
+ components: {
+ FlowTodo
+ },
+ data() {
+ return {
+ }
+ },
+ mounted() {
+ // 纭繚缁勪欢鍔犺浇鍚庝娇鐢ㄩ粯璁ゅ垎绫绘煡璇㈡暟鎹�
+ this.$nextTick(() => {
+ if (this.$refs.flowTodo) {
+ // 瑙﹀彂鏌ヨ锛屼娇鐢ㄩ粯璁ょ殑category鏉′欢[1,2]
+ this.$refs.flowTodo.searchQuery()
+ }
+ })
+ },
+ methods: {
+
+ }
+}
+</script>
+
+<style lang="less" scoped>
+.page-container {
+ background-color: #000b29;
+ min-height: 100vh;
+ padding: 15px;
+
+ .content-container {
+ padding-top: 5px;
+ display: flex;
+ justify-content: space-between;
+ gap: 15px;
+
+ .left-col, .middle-col {
+ display: flex;
+ flex-direction: column;
+ }
+
+ .middle-col {
+ .dv-border-box-9 {
+ background-color: #000b29;
+ flex-grow: 1;
+ }
+
+ .flow-todo-title {
+ color: #fff;
+ font-size: 18px;
+ font-weight: bold;
+ margin-bottom: 15px;
+ text-align: center;
+ }
+
+ .embedded-flow-todo {
+ width: 100%;
+ height: 340px; /* 鎺у埗楂樺害涓哄彸渚т竴鍗婂尯鍩� */
+ overflow: auto;
+ background-color: inherit;
+ }
+ }
+ }
+}
+
+// 宓屽叆缁勪欢鏍峰紡璋冩暣
+.embedded-flow-todo {
+ // 闅愯棌鏌ヨ鍖哄煙銆佹搷浣滄寜閽拰閫夋嫨鎻愮ず
+ /deep/ .table-page-search-wrapper,
+ /deep/ .table-operator,
+ /deep/ .ant-alert {
+ display: none !important;
+ }
+
+ // 闅愯棌澶氶�夋鍒�
+ /deep/ .ant-table-selection-column {
+ display: none !important;
+ }
+
+ // 琛ㄦ牸杈规鏍峰紡
+ /deep/ .ant-table {
+ border: 1px solid rgba(9, 9, 9, 0.1) !important;
+ border-collapse: collapse !important;
+ }
+ /deep/ .ant-table-thead > tr > th {
+ border: 1px solid rgba(9, 9, 9, 0.1) !important;
+ }
+ /deep/ .ant-table-tbody > tr > td {
+ border: 1px solid rgba(9, 9, 9, 0.1) !important;
+ }
+
+ // 琛ㄦ牸鏍峰紡璋冩暣
+ /deep/ .ant-table,
+ /deep/ .ant-table-tbody > tr > td,
+ /deep/ .ant-table-thead > tr > th,
+ /deep/ .ant-table-thead > tr > th span {
+ background-color: transparent !important;
+ color: #000000 !important;
+ }
+
+ // 鍒嗛〉鎺т欢鏍峰紡
+ /deep/ .ant-pagination-item,
+ /deep/ .ant-pagination-prev,
+ /deep/ .ant-pagination-next {
+ background-color: rgb(255, 255, 255) !important;
+ border-color: rgb(255, 255, 255) !important;
+ }
+
+ /deep/ .ant-pagination-item a,
+ /deep/ .ant-pagination-prev a,
+ /deep/ .ant-pagination-next a {
+ color: #000000 !important;
+ }
+
+ /deep/ .ant-pagination-item-active {
+ background-color: rgba(33, 186, 198, 0.6) !important;
+ border-color: rgba(33, 186, 198, 0.8) !important;
+ }
+
+ /deep/ .ant-card {
+ background-color: transparent !important;
+ border: none !important;
+ }
+
+ // 鎿嶄綔鍒楅摼鎺ユ牱寮�
+ /deep/ .ant-table-tbody > tr > td a {
+ color: #40a9ff !important;
+ }
+}
+
+// 杈规缁勪欢鏍峰紡
+/deep/ .dv-border-box-9 {
+ --color: rgba(33, 186, 198, 0.6) !important;
+ background-color: #000b29 !important;
+}
+</style>
--
Gitblit v1.9.3