From 11b40328f7aa7599f89189d0ebcbbdf8773f9e1b Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期二, 21 四月 2026 10:41:41 +0800
Subject: [PATCH] 新疆马铃薯 1.巡检记录添加巡检状态和巡检结果展示字段
---
src/views/qualityManagement/metricMaintenance/index.vue | 101 +++++++++++++++++++++++++++-----------------------
1 files changed, 54 insertions(+), 47 deletions(-)
diff --git a/src/views/qualityManagement/metricMaintenance/index.vue b/src/views/qualityManagement/metricMaintenance/index.vue
index 44d3fae..d0304bb 100644
--- a/src/views/qualityManagement/metricMaintenance/index.vue
+++ b/src/views/qualityManagement/metricMaintenance/index.vue
@@ -1,7 +1,9 @@
<template>
<div class="app-container metric-maintenance">
- <!-- 宸︿晶锛氭娴嬫爣鍑嗗垪琛� -->
- <div class="left-panel">
+ <el-row :gutter="16" class="metric-maintenance-row">
+ <!-- 宸︿晶锛氭娴嬫爣鍑嗗垪琛� -->
+ <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12" class="left-col">
+ <div class="left-panel">
<div class="toolbar">
<div class="toolbar-left"></div>
<div class="toolbar-right">
@@ -82,10 +84,12 @@
</el-select>
</template>
</PIMTable>
- </div>
+ </div>
+ </el-col>
- <!-- 鍙充晶锛氭爣鍑嗗弬鏁板垪琛� -->
- <div class="right-panel">
+ <!-- 鍙充晶锛氭爣鍑嗗弬鏁板垪琛� -->
+ <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12" class="right-col">
+ <div class="right-panel">
<div class="right-header">
<div class="title">鏍囧噯鍙傛暟</div>
<div class="desc" v-if="currentStandard">
@@ -123,16 +127,18 @@
<el-table-column prop="defaultValue" label="榛樿鍊�" min-width="120" />
<el-table-column label="鎿嶄綔" width="140" fixed="right" align="center">
<template #default="{ row }">
- <el-button link type="primary" size="small" :disabled="isStandardReadonly" @click="openParamDialog('edit', row)">
+ <el-button link type="primary" :disabled="isStandardReadonly" @click="openParamDialog('edit', row)">
缂栬緫
</el-button>
- <el-button link type="danger" size="small" :disabled="isStandardReadonly" @click="handleParamDelete(row)">
+ <el-button link type="danger" :disabled="isStandardReadonly" @click="handleParamDelete(row)">
鍒犻櫎
</el-button>
</template>
</el-table-column>
</el-table>
- </div>
+ </div>
+ </el-col>
+ </el-row>
<!-- 鏂板 / 缂栬緫妫�娴嬫爣鍑� -->
<StandardFormDialog
@@ -277,14 +283,14 @@
prop: 'standardNo',
dataType: 'slot',
slot: 'standardNoCell',
- minWidth: 160,
+ width: 120,
align: 'center',
headerSlot: 'standardNoHeader'
},
{
label: '鏍囧噯鍚嶇О',
prop: 'standardName',
- minWidth: 180,
+ width: 120,
align: 'center',
headerSlot: 'standardNameHeader'
},
@@ -292,6 +298,7 @@
label: '绫诲埆',
prop: 'inspectType',
headerSlot: 'inspectTypeHeader',
+ width: 120,
align: 'center',
dataType: 'tag',
formatData: (val) => {
@@ -303,21 +310,22 @@
return map[val] || val
}
},
- {
- label: '宸ュ簭',
- prop: 'processId',
- align: 'center',
- dataType: 'tag',
- formatData: (val) => {
- const target = processOptions.value.find(
- (item) => String(item.value) === String(val)
- )
- return target?.label || val
- }
- },
+ // {
+ // label: '宸ュ簭',
+ // prop: 'processId',
+ // align: 'center',
+ // dataType: 'tag',
+ // formatData: (val) => {
+ // const target = processOptions.value.find(
+ // (item) => String(item.value) === String(val)
+ // )
+ // return target?.label || val
+ // }
+ // },
{
label: '鐘舵��',
prop: 'state',
+ width: 120,
headerSlot: 'stateHeader',
align: 'center',
dataType: 'tag',
@@ -426,6 +434,18 @@
const handleSelectionChange = (selection) => {
selectedRows.value = selection
+
+ if (!selection.length) {
+ currentStandard.value = null
+ detailTableData.value = []
+ return
+ }
+
+ const nextStandard = selection[selection.length - 1]
+ if (currentStandard.value?.id === nextStandard.id) return
+
+ currentStandard.value = nextStandard
+ loadDetail(nextStandard.id)
}
// 鎵归噺瀹℃牳锛氱姸鎬� 1=鎵瑰噯锛�2=鎾ら攢
@@ -692,40 +712,27 @@
</script>
<style scoped>
-.metric-maintenance {
- display: flex;
- gap: 16px;
- min-width: 0; /* 鍏佽 flex 瀛愬厓绱犳敹缂� */
+.metric-maintenance-row {
+ width: 100%;
+}
+
+.metric-maintenance-row .left-col,
+.metric-maintenance-row .right-col {
+ margin-bottom: 16px;
}
.left-panel,
.right-panel {
- flex: 1;
- min-width: 0; /* 鍏佽 flex 瀛愬厓绱犳敹缂� */
+ min-width: 0;
background: #ffffff;
padding: 16px;
box-sizing: border-box;
- overflow: hidden; /* 闃叉鍐呭婧㈠嚭 */
-}
-
-/* 浣庡垎杈ㄧ巼閫傞厤 */
-@media (max-width: 1400px) {
- .metric-maintenance {
- flex-direction: column;
- }
-
- .left-panel,
- .right-panel {
- width: 100%;
- min-width: 0;
- }
+ overflow: hidden;
+ height: 100%;
+ min-height: 400px;
}
@media (max-width: 768px) {
- .metric-maintenance {
- gap: 12px;
- }
-
.left-panel,
.right-panel {
padding: 12px;
@@ -831,4 +838,4 @@
width: 100%;
margin-top: 4px;
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.3