From 8ff6390613c6979f75c8a7e94d4965300b497e87 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A0=82=E7=B3=96?= <qq2178503051@163.com>
Date: Thu, 8 Jan 2026 09:35:47 +0800
Subject: [PATCH] =?UTF-8?q?feat(TensionTable):=20=E4=B8=BA=E9=92=A2?=
 =?UTF-8?q?=E7=A7=8D=E5=AD=97=E6=AE=B5=E6=B7=BB=E5=8A=A0=E4=B8=8B=E6=8B=89?=
 =?UTF-8?q?=E9=80=89=E6=8B=A9=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

添加钢种下拉选择功能，替换原有的输入框。引入钢种列表API并实现数据获取，提升用户体验和数据准确性。
---
 .../views/l2/setup/panels/TensionTable.vue    | 26 +++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

diff --git a/apps/l2/src/views/l2/setup/panels/TensionTable.vue b/apps/l2/src/views/l2/setup/panels/TensionTable.vue
index 6ffdca4..6686c69 100644
--- a/apps/l2/src/views/l2/setup/panels/TensionTable.vue
+++ b/apps/l2/src/views/l2/setup/panels/TensionTable.vue
@@ -5,11 +5,21 @@
     <el-form :inline="true" size="mini" class="query-form" @submit.native.prevent>
       <el-form-item v-for="k in acceptKeys" :key="k" :label="getLabel(k)">
         <el-input
+          v-if="k !== 'steelGrade'"
           v-model="queryParams[k]"
           clearable
           :placeholder="`请输入${getLabel(k)}`"
           @keyup.enter.native="handleQuery"
         />
+        <el-select
+          v-else
+          v-model="queryParams[k]"
+          clearable
+          :placeholder="`请选择${getLabel(k)}`"
+          @keyup.enter.native="handleQuery"
+        >
+          <el-option v-for="item in steelGradeList" :key="item.gradeid" :label="item.name" :value="item.name" />
+        </el-select>
       </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" @click="handleQuery">查询</el-button>
@@ -62,7 +72,10 @@
         <el-row :gutter="12">
           <el-col :span="12" v-for="col in schema" :key="'f-' + col.prop">
             <el-form-item :label="col.label" :prop="col.prop">
-              <el-input v-model="form[col.prop]" :disabled="isEdit && acceptKeys.includes(col.prop)" />
+              <el-input v-if="col.prop !== 'steelGrade'" v-model="form[col.prop]" :disabled="isEdit && acceptKeys.includes(col.prop)" />
+              <el-select v-else v-model="form[col.prop]" :disabled="isEdit && acceptKeys.includes(col.prop)" placeholder="请选择钢种">
+                <el-option v-for="item in steelGradeList" :key="item.gradeid" :label="item.name" :value="item.name" />
+              </el-select>
             </el-form-item>
           </el-col>
         </el-row>
@@ -76,6 +89,8 @@
 </template>
 
 <script>
+import { getSteelGradeList, addSteelGrade, updateSteelGrade, deleteSteelGrade, getSteelGradeInfo } from '@/api/l2/steelGrade'
+
 export default {
   name: 'TensionTable',
   props: {
@@ -109,14 +124,21 @@ export default {
       isEdit: false,
       form: fm,
       rules: {},
-      submitLoading: false
+      submitLoading: false,
+      steelGradeList: []
     }
   },
   created() {
     this.buildRules()
     this.getList()
+    this.fetchSteelGradeList()
   },
   methods: {
+    fetchSteelGradeList() {
+      getSteelGradeList().then(res => {
+        this.steelGradeList = res.rows || res.data || []
+      })
+    },
     getLabel(prop) {
       return (this.schema.find(s => s.prop === prop) || {}).label || prop
     },