From 4d8e42ceba77e05758fce54baadc10dded3fe773 Mon Sep 17 00:00:00 2001 From: gaoluyang <2820782392@qq.com> Date: 星期二, 10 六月 2025 09:53:46 +0800 Subject: [PATCH] 下单拆分为3个 --- src/views/CNAS/resourceDemand/device/index.vue | 30 ++++++++++++++++++++++++++++-- 1 files changed, 28 insertions(+), 2 deletions(-) diff --git a/src/views/CNAS/resourceDemand/device/index.vue b/src/views/CNAS/resourceDemand/device/index.vue index f3f4170..e01dc60 100644 --- a/src/views/CNAS/resourceDemand/device/index.vue +++ b/src/views/CNAS/resourceDemand/device/index.vue @@ -12,7 +12,9 @@ <div slot-scope="{ node, data }" class="custom-tree-node"> <el-row style="width: 100%;"> <el-col :span="24"> - <p class="single-line-ellipsis" style="width: 100%"> + <p class="single-line-ellipsis" style="width: 100%" :style="{ + color: isLeafNode(data) && shouldHighlight(data) ? 'red' : '' + }"> <i :class="`node_i ${data.children != undefined ? data.code === '[1]' ? 'el-icon-folder-opened' @@ -22,7 +24,9 @@ "></i> {{ data.label }} </p> - <p> + <p :style="{ + color: isLeafNode(data) && shouldHighlight(data) ? 'red' : '' + }"> {{ data.managementNumber === undefined ? '' : data.managementNumber }} </p> </el-col> @@ -54,6 +58,10 @@ <el-tab-pane label="閲忓�兼函婧愯鍒�" name="閲忓�兼函婧愯鍒�"> <quantity-value-traceability-plan v-if="menuListActiveName == '閲忓�兼函婧愯鍒�'" :clickNodeVal="clickNodeVal"></quantity-value-traceability-plan> + </el-tab-pane> + <el-tab-pane label="璁惧浣跨敤鎺堟潈" name="璁惧浣跨敤鎺堟潈"> + <usage-authorization v-if="menuListActiveName == '璁惧浣跨敤鎺堟潈'" + :clickNodeVal="clickNodeVal"></usage-authorization> </el-tab-pane> <el-tab-pane label="鍒╃敤澶栭儴浠櫒璁惧" name="鍒╃敤澶栭儴浠櫒璁惧"> <using-external-instruments v-if="menuListActiveName == '鍒╃敤澶栭儴浠櫒璁惧'" :clickNodeVal="clickNodeVal"></using-external-instruments> @@ -131,6 +139,7 @@ import EquipmentAcceptance from "./component/equipmentAcceptance.vue"; import QuantityValueTraceabilityPlan from "./component/quantityValueTraceabilityPlan.vue"; import equipmentMaintenance from "./component/equipmentMaintenance.vue"; +import usageAuthorization from "./component/usageAuthorization.vue"; import { treeDevice, } from '@/api/cnas/resourceDemand/device.js' @@ -160,6 +169,7 @@ resourceReservation, operationInstruction, equipmentMaintenance, + usageAuthorization, }, data() { return { @@ -192,9 +202,25 @@ treeDevice().then(res => { let data = res.data; this.list = data; + console.log('this.list--', this.list) this.loading = false }); }, + // 鍒ゆ柇鏄惁鏄彾瀛愯妭鐐� + isLeafNode(data) { + return !data.children || data.children.length === 0; + }, + // 鍒ゆ柇鏄惁闇�瑕佹爣绾� + shouldHighlight(data) { + if (!data.activationDate) return false; + const today = new Date(); + const targetDate = new Date(data.activationDate); + const fiveDaysBeforeTarget = new Date(targetDate); + // 璁$畻鍓嶄簲澶╃殑鏃ユ湡 + fiveDaysBeforeTarget.setDate(targetDate.getDate() - 5); + + return today > fiveDaysBeforeTarget; + }, handleNodeClick(val, node, el) { // 鐐瑰嚮涓存椂缂撳瓨 this.clickNodeVal = val; -- Gitblit v1.9.3