From 2d19bc41c031d7ccd1e2ec3d7ba96ac7d6e0b0cc Mon Sep 17 00:00:00 2001 From: wangfei <3597712270@qq.com> Date: 星期四, 10 四月 2025 15:51:56 +0800 Subject: [PATCH] 钢化前理片笼钢化查询新增取消钢化任务、中空一线、二线、三线创建任务接口更改获取方式更改,根据字段判断按钮是否可点击及背景色突出 --- UI-Project/src/views/hollow/hollowequipmenthree.vue | 35 ++++++++++++++++++++++++++--------- 1 files changed, 26 insertions(+), 9 deletions(-) diff --git a/UI-Project/src/views/hollow/hollowequipmenthree.vue b/UI-Project/src/views/hollow/hollowequipmenthree.vue index ae7ebe9..f0e4518 100644 --- a/UI-Project/src/views/hollow/hollowequipmenthree.vue +++ b/UI-Project/src/views/hollow/hollowequipmenthree.vue @@ -73,13 +73,16 @@ ref="table" style="margin-top: 20px; height: 700px;" :data="tableDatab" + :row-class-name="tableRowClassName" :header-cell-style="{ background: '#F2F3F5', color: '#1D2129' }" row-key="projectNumber" > <!-- <el-table-column type="expand"> --> <el-table-column> <template #default="props"> - <el-table :data="props.row.records" style="width: 100%"> + <el-table :data="props.row.flowCardGlassInfoDTOList" style="width: 100%" + :row-class-name="(row) => nestedTableRowClassName(props.row, row)" + > <el-table-column prop="layer" fixed align="center" :label="$t('hellow.layernumber')" min-width="80"/> <el-table-column prop="thickness" align="center" :label="$t('hellow.thickness')" min-width="80"/> <el-table-column prop="filmsId" align="center" :label="$t('hellow.coatingtypes')" min-width="80"/> @@ -90,11 +93,11 @@ </el-table> </template> </el-table-column> - <el-table-column prop="projectNumber" fixed align="center" :label="$t('hellow.cardnumber')" min-width="20"/> - <el-table-column prop="productname" fixed align="center" :label="$t('large.productname')" min-width="20"/> + <el-table-column prop="flowCardId" fixed align="center" :label="$t('hellow.cardnumber')" min-width="20"/> + <el-table-column prop="productName" fixed align="center" :label="$t('large.productname')" min-width="20"/> <el-table-column fixed="right" :label="$t('hellow.operate')" align="center" width="270"> <template #default="scope"> - <el-button type="text" plain @click="handletake(scope.row)">{{ $t('hellow.claimquest') }}</el-button> + <el-button type="text" :disabled="scope.row.isThroughSlot" plain @click="handletake(scope.row)">{{ $t('hellow.claimquest') }}</el-button> <el-button type="text" plain @click="handleBindRack(scope.row)">{{ $t('hellow.missingfilms') }} @@ -682,14 +685,14 @@ const fetchFlowCardId = async () => { try { const response = await request.post('/hollowGlass/hollowGlassRelationInfo/queryHollowAllFlowCard',{ + deviceId: 0, filmsId: '', flowCardId: '', - thickness: '', + thickness: 0, }); if (response.code == 200) { ElMessage.success(response.message); - const newData = parseData(response.data); - tableDatab.value = newData; + tableDatab.value = response.data; } else { ElMessage.error('Failed to fetch data'); } @@ -697,6 +700,18 @@ ElMessage.error('Error fetching data'); } }; +function tableRowClassName({ row }) { + if (row.isThroughSlot == true) { + return 'row-red-background'; + } + return ''; +} +function nestedTableRowClassName(parentRow, row) { + if (parentRow.isThroughSlot == true) { + return 'row-red-background'; + } + return ''; +} const fetchFlowCardsearch = async () => { try { const response = await request.post('/hollowGlass/hollowGlassRelationInfo/queryHollowAllFlowCard',{ @@ -706,8 +721,7 @@ }); if (response.code == 200) { ElMessage.success(response.message); - const newData = parseData(response.data); - tableDatab.value = newData; + tableDatab.value = response.data; } else { ElMessage.error('Failed to fetch data'); } @@ -1003,4 +1017,7 @@ margin-top: 20px; margin-bottom: 10px; } +::v-deep(.row-red-background) { + background-color: rgb(224.6, 242.8, 215.6) !important; +} </style> \ No newline at end of file -- Gitblit v1.8.0