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
     },