feat(wms): 增强版本管理界面，添加方案参数功能

在版本管理页面中，新增方案参数的显示和编辑功能。用户可以通过操作按钮对方案点位和参数进行编辑和删除。后端服务也进行了相应的调整，以支持方案参数的增删改查操作。此更新提升了用户在管理方案时的灵活性和便捷性。

klp-ui/src/api/wms/processPlanParam.js

@@ -0,0 +1,39 @@
+import request from '@/utils/request'
+
+export function listProcessPlanParam(query) {
+  return request({
+    url: '/wms/processPlanParam/list',
+    method: 'get',
+    params: query
+  })
+}
+
+export function getProcessPlanParam(paramId) {
+  return request({
+    url: '/wms/processPlanParam/' + paramId,
+    method: 'get'
+  })
+}
+
+export function addProcessPlanParam(data) {
+  return request({
+    url: '/wms/processPlanParam',
+    method: 'post',
+    data: data
+  })
+}
+
+export function updateProcessPlanParam(data) {
+  return request({
+    url: '/wms/processPlanParam',
+    method: 'put',
+    data: data
+  })
+}
+
+export function delProcessPlanParam(paramId) {
+  return request({
+    url: '/wms/processPlanParam/' + paramId,
+    method: 'delete'
+  })
+}

klp-ui/src/views/wms/processSpec/versionManage.vue

@@ -58,22 +58,49 @@
           <span>方案点位（版本 {{ selectedVersion.versionCode }}）</span>
           <el-button style="float: right; padding: 3px 10px" type="primary" size="mini" icon="el-icon-plus" @click="openPlanDialog()">新建方案点位</el-button>
         </div>
-        <KLPTable v-loading="planLoading" :data="planList">
+        <KLPTable
+          v-loading="planLoading"
+          :data="planList"
+          highlight-current-row
+          @row-click="onPlanRowClick"
+        >
           <el-table-column label="段类型" prop="segmentType" width="110" align="center" />
           <el-table-column label="段名称" prop="segmentName" min-width="100" show-overflow-tooltip align="center" />
           <el-table-column label="点位名称" prop="pointName" min-width="120" show-overflow-tooltip align="center" />
           <el-table-column label="点位编码" prop="pointCode" min-width="120" align="center" />
           <el-table-column label="排序" prop="sortOrder" width="80" align="center" />
-          <el-table-column label="操作" width="140" align="center" fixed="right">
+          <el-table-column label="操作" width="200" align="center" fixed="right">
             <template slot-scope="scope">
-              <el-button type="text" size="mini" @click="openPlanDialog(scope.row)">编辑</el-button>
-              <el-button type="text" size="mini" @click="removePlan(scope.row)">删除</el-button>
+              <el-button type="text" size="mini" @click.stop="openPlanDialog(scope.row)">编辑</el-button>
+              <el-button type="text" size="mini" @click.stop="removePlan(scope.row)">删除</el-button>
+              <el-button type="text" size="mini" @click.stop="onPlanRowClick(scope.row)">维护参数</el-button>
             </template>
           </el-table-column>
         </KLPTable>
       </el-card>
 
-      <el-card shadow="never" v-else class="mb8">
+      <el-card shadow="never" v-if="selectedVersion && selectedPlan" class="mb8">
+        <div slot="header" class="clearfix">
+          <span>方案参数（{{ selectedPlan.pointName || selectedPlan.pointCode }}）</span>
+          <el-button style="float: right; padding: 3px 10px" type="primary" size="mini" icon="el-icon-plus" @click="openParamDialog()">新建参数</el-button>
+        </div>
+        <KLPTable v-loading="paramLoading" :data="paramList">
+          <el-table-column label="参数编码" prop="paramCode" min-width="100" align="center" />
+          <el-table-column label="参数名称" prop="paramName" min-width="120" show-overflow-tooltip align="center" />
+          <el-table-column label="设定值" prop="targetValue" width="100" align="center" />
+          <el-table-column label="下限" prop="lowerLimit" width="90" align="center" />
+          <el-table-column label="上限" prop="upperLimit" width="90" align="center" />
+          <el-table-column label="单位" prop="unit" width="80" align="center" />
+          <el-table-column label="操作" width="140" align="center" fixed="right">
+            <template slot-scope="scope">
+              <el-button type="text" size="mini" @click="openParamDialog(scope.row)">编辑</el-button>
+              <el-button type="text" size="mini" @click="removeParam(scope.row)">删除</el-button>
+            </template>
+          </el-table-column>
+        </KLPTable>
+      </el-card>
+
+      <el-card v-if="specInfo.specId && !selectedVersion" shadow="never" class="mb8">
         <el-empty description="请在上方选择一个规程版本以维护方案点位" />
       </el-card>
     </template>
@@ -131,6 +158,37 @@
         <el-button @click="planOpen = false">取 消</el-button>
       </div>
     </el-dialog>
+
+    <!-- 方案参数 -->
+    <el-dialog :title="paramTitle" :visible.sync="paramOpen" width="560px" append-to-body @close="paramForm = {}">
+      <el-form ref="paramFormRef" :model="paramForm" :rules="paramRules" label-width="100px">
+        <el-form-item label="参数编码" prop="paramCode">
+          <el-input v-model="paramForm.paramCode" maxlength="64" />
+        </el-form-item>
+        <el-form-item label="参数名称" prop="paramName">
+          <el-input v-model="paramForm.paramName" maxlength="200" />
+        </el-form-item>
+        <el-form-item label="设定值" prop="targetValue">
+          <el-input v-model="paramForm.targetValue" placeholder="数值" />
+        </el-form-item>
+        <el-form-item label="下限" prop="lowerLimit">
+          <el-input v-model="paramForm.lowerLimit" placeholder="数值" />
+        </el-form-item>
+        <el-form-item label="上限" prop="upperLimit">
+          <el-input v-model="paramForm.upperLimit" placeholder="数值" />
+        </el-form-item>
+        <el-form-item label="单位" prop="unit">
+          <el-input v-model="paramForm.unit" maxlength="32" />
+        </el-form-item>
+        <el-form-item label="备注" prop="remark">
+          <el-input v-model="paramForm.remark" type="textarea" rows="2" maxlength="500" show-word-limit />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button :loading="paramSubmitLoading" type="primary" @click="submitParam">确 定</el-button>
+        <el-button @click="paramOpen = false">取 消</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -144,6 +202,7 @@ import {
   activateProcessSpecVersion
 } from '@/api/wms/processSpecVersion'
 import { listProcessPlan, addProcessPlan, updateProcessPlan, delProcessPlan } from '@/api/wms/processPlan'
+import { listProcessPlanParam, addProcessPlanParam, updateProcessPlanParam, delProcessPlanParam } from '@/api/wms/processPlanParam'
 
 export default {
   name: 'ProcessSpecVersionManage',
@@ -156,6 +215,9 @@ export default {
       selectedVersion: null,
       planList: [],
       planLoading: false,
+      selectedPlan: null,
+      paramList: [],
+      paramLoading: false,
       statusOptions: ['DRAFT', 'PUBLISHED', 'OBSOLETE'],
       segmentOptions: [
         { label: '入口', value: 'INLET' },
@@ -182,7 +244,15 @@ export default {
       },
       specPickerId: '',
       specPickerOptions: [],
-      specPickerLoading: false
+      specPickerLoading: false,
+      paramOpen: false,
+      paramTitle: '',
+      paramSubmitLoading: false,
+      paramForm: {},
+      paramRules: {
+        paramCode: [{ required: true, message: '参数编码不能为空', trigger: 'blur' }],
+        paramName: [{ required: true, message: '参数名称不能为空', trigger: 'blur' }]
+      }
     }
   },
   watch: {
@@ -244,6 +314,8 @@ export default {
           this.versionList = res.rows || []
           this.selectedVersion = null
           this.planList = []
+          this.selectedPlan = null
+          this.paramList = []
         })
         .catch((e) => {
           console.error('加载规程版本失败', e)
@@ -254,13 +326,23 @@ export default {
     },
     onVersionRowClick(row) {
       this.selectedVersion = row
+      this.selectedPlan = null
+      this.paramList = []
       this.loadPlans(row.versionId)
     },
+    onPlanRowClick(row) {
+      this.selectedPlan = row
+      this.loadParams(row.planId)
+    },
     loadPlans(versionId) {
       if (!versionId) {
         this.planList = []
+        this.selectedPlan = null
+        this.paramList = []
         return
       }
+      this.selectedPlan = null
+      this.paramList = []
       this.planLoading = true
       listProcessPlan({ versionId, pageNum: 1, pageSize: 500 })
         .then((res) => {
@@ -273,6 +355,23 @@ export default {
           this.planLoading = false
         })
     },
+    loadParams(planId) {
+      if (!planId) {
+        this.paramList = []
+        return
+      }
+      this.paramLoading = true
+      listProcessPlanParam({ planId, pageNum: 1, pageSize: 500 })
+        .then((res) => {
+          this.paramList = res.rows || []
+        })
+        .catch((e) => {
+          console.error('加载方案参数失败', e)
+        })
+        .finally(() => {
+          this.paramLoading = false
+        })
+    },
     openVersionDialog(row) {
       this.versionForm = row
         ? { ...row }
@@ -321,6 +420,8 @@ export default {
         this.$modal.msgSuccess('删除成功')
         this.selectedVersion = null
         this.planList = []
+        this.selectedPlan = null
+        this.paramList = []
         this.initPage()
       }).catch(() => {})
     },
@@ -366,8 +467,74 @@ export default {
         return delProcessPlan(row.planId)
       }).then(() => {
         this.$modal.msgSuccess('删除成功')
+        if (this.selectedPlan && this.selectedPlan.planId === row.planId) {
+          this.selectedPlan = null
+          this.paramList = []
+        }
         this.loadPlans(this.selectedVersion.versionId)
       }).catch(() => {})
+    },
+    openParamDialog(row) {
+      if (!this.selectedPlan) {
+        this.$modal.msgWarning('请先在上方方案点位表格中选中一行')
+        return
+      }
+      this.paramForm = row
+        ? { ...row }
+        : {
+            planId: this.selectedPlan.planId,
+            paramCode: undefined,
+            paramName: undefined,
+            targetValue: undefined,
+            lowerLimit: undefined,
+            upperLimit: undefined,
+            unit: undefined,
+            remark: undefined
+          }
+      this.paramTitle = row ? '编辑方案参数' : '新建方案参数'
+      this.paramOpen = true
+      this.$nextTick(() => this.$refs.paramFormRef && this.$refs.paramFormRef.clearValidate())
+    },
+    parseDecimal(val) {
+      if (val === undefined || val === null || val === '') {
+        return undefined
+      }
+      const n = Number(val)
+      return Number.isFinite(n) ? n : undefined
+    },
+    buildParamPayload() {
+      return {
+        ...this.paramForm,
+        targetValue: this.parseDecimal(this.paramForm.targetValue),
+        lowerLimit: this.parseDecimal(this.paramForm.lowerLimit),
+        upperLimit: this.parseDecimal(this.paramForm.upperLimit)
+      }
+    },
+    submitParam() {
+      this.$refs.paramFormRef.validate((ok) => {
+        if (!ok) return
+        this.paramSubmitLoading = true
+        const payload = this.buildParamPayload()
+        const req = payload.paramId ? updateProcessPlanParam(payload) : addProcessPlanParam(payload)
+        req
+          .then(() => {
+            this.$modal.msgSuccess('保存成功')
+            this.paramOpen = false
+            this.loadParams(this.selectedPlan.planId)
+          })
+          .catch((e) => console.error('保存方案参数失败', e))
+          .finally(() => {
+            this.paramSubmitLoading = false
+          })
+      })
+    },
+    removeParam(row) {
+      this.$modal.confirm('确认删除该方案参数？').then(() => {
+        return delProcessPlanParam(row.paramId)
+      }).then(() => {
+        this.$modal.msgSuccess('删除成功')
+        this.loadParams(this.selectedPlan.planId)
+      }).catch(() => {})
     }
   }
 }