From f25793562bea171eb5bae30bfd107495100b3707 Mon Sep 17 00:00:00 2001 From: zhanghl <253316343@qq.com> Date: 星期四, 17 四月 2025 14:15:07 +0800 Subject: [PATCH] 钣金统计表-标红数据 --- src/views/mainPlan/plateProcessStat/index.vue | 51 +++++++++++++++++++++++++++++++++++++++++++++++---- 1 files changed, 47 insertions(+), 4 deletions(-) diff --git a/src/views/mainPlan/plateProcessStat/index.vue b/src/views/mainPlan/plateProcessStat/index.vue index c30f3d9..8d904b0 100644 --- a/src/views/mainPlan/plateProcessStat/index.vue +++ b/src/views/mainPlan/plateProcessStat/index.vue @@ -166,16 +166,19 @@ title: '宸ュ簭鎬诲伐鏃�', field: 'processTotalTime', width: 100, + }, { title: '璁″垝寮�宸ユ棩', - field: 'processPlanStartDay', + field: 'processPlanStartDaytxt', width: 200, + type:'html' }, { title: '璁″垝瀹屽伐鏃�', - field: 'processPlanEndDay', + field: 'processPlanEndDaytxt', width: 200, + type:'html' }, { title: '璁㈠崟瀹屽伐鏃�', @@ -190,7 +193,13 @@ function getList() { loading.value = true; listPlateStat(queryParams.value).then(response => { - aps_plate_process_statList.value = response.rows; + const listValue = response.rows; + listValue.forEach(listItem => { + listItem[`processPlanStartDaytxt`]= listItem.warning? `<font color="red">${listItem.processPlanStartDay}</font>` :listItem.processPlanStartDay; + listItem[`processPlanEndDaytxt`]= listItem.warning? `<font color="red">${listItem.processPlanEndDay}</font>` :listItem.processPlanEndDay; + }); + aps_plate_process_statList.value =listValue + debugger; total.value = response.total; loading.value = false; }); @@ -232,6 +241,7 @@ /** 閲嶇疆鎸夐挳鎿嶄綔 */ function resetQuery() { + queryParams.value.workOrderNo =''; proxy.resetForm("queryRef"); handleQuery(); } @@ -301,6 +311,39 @@ ...queryParams.value }, `aps_plate_process_stat_${new Date().getTime()}.xlsx`) } - +const headerCellClassName = ({ column }) => { + if (column.field === 'name') { + return 'col-blue' + } + return null +} +const rowClassName = ({ rowIndex }) => { + if ([2, 3, 5].includes(rowIndex)) { + return 'row-green' + } + return null +} +const cellClassName = ({ row, column }) => { + if (column.field === 'processPlanStartDay'||column.field === 'processPlanEndDay') { + if (row.warning) { + return 'col-orange' + } + } + return null +} getList(); </script> +<style lang="scss" scoped> +::v-deep(.mytable-style.vxe-table .vxe-body--row.row-green) { + background-color: #187; + color: #fff; +} +::v-deep(.mytable-style.vxe-table .vxe-header--column.col-blue) { + background-color: #2db7f5; + color: #fff; +} +::v-deep(.mytable-style.vxe-table .vxe-body--column.col-red) { + background-color: red; + color: #fff; +} +</style> \ No newline at end of file -- Gitblit v1.9.3