From d7bf12d880faa8d57aa307bef126df6864e4b05f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A0=82=E7=B3=96?= <2178503051@qq.com>
Date: Fri, 3 Jul 2026 10:42:48 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E4=BA=A7=E5=93=81?=
 =?UTF-8?q?=E6=A0=87=E5=87=86=E3=80=81=E5=B7=A5=E8=89=BA=E8=B7=AF=E7=BA=BF?=
 =?UTF-8?q?=E5=8F=8A=E5=B7=A5=E5=BA=8F=E5=8F=82=E6=95=B0=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

本次提交新增了以下内容：
1. 为产品标准BO的生效日期和失效日期添加Json格式化注解
2. 新增工艺主表、工序参数明细的前后端CRUD接口与页面
3. 新增产品标准相关的全套CRUD接口
4. 新增产品标准管理页面，包含产品用途、化学成分等多类子功能模块
---
 .../klp/pt/domain/bo/PtProductStandardBo.java |    2 +
 klp-ui/src/api/pt/process.js                  |   35 +
 klp-ui/src/api/pt/standard.js                 |  154 ++
 klp-ui/src/views/pt/processe/index.vue        |  675 +++++++++
 klp-ui/src/views/pt/product/index.vue         |    0
 klp-ui/src/views/pt/standard/index.vue        | 1319 +++++++++++++++++
 6 files changed, 2185 insertions(+)
 create mode 100644 klp-ui/src/api/pt/process.js
 create mode 100644 klp-ui/src/api/pt/standard.js
 create mode 100644 klp-ui/src/views/pt/processe/index.vue
 create mode 100644 klp-ui/src/views/pt/product/index.vue
 create mode 100644 klp-ui/src/views/pt/standard/index.vue

diff --git a/klp-pt/src/main/java/com/klp/pt/domain/bo/PtProductStandardBo.java b/klp-pt/src/main/java/com/klp/pt/domain/bo/PtProductStandardBo.java
index 9a9672e26..169be687a 100644
--- a/klp-pt/src/main/java/com/klp/pt/domain/bo/PtProductStandardBo.java
+++ b/klp-pt/src/main/java/com/klp/pt/domain/bo/PtProductStandardBo.java
@@ -68,11 +68,13 @@ public class PtProductStandardBo extends BaseEntity {
     /**
      * 生效日期
      */
+    @JsonFormat(pattern = "yyyy-MM-dd")
     private Date effectiveDate;
 
     /**
      * 失效日期
      */
+    @JsonFormat(pattern = "yyyy-MM-dd")
     private Date expireDate;
 
     /**
diff --git a/klp-ui/src/api/pt/process.js b/klp-ui/src/api/pt/process.js
new file mode 100644
index 000000000..b707d2563
--- /dev/null
+++ b/klp-ui/src/api/pt/process.js
@@ -0,0 +1,35 @@
+import request from '@/utils/request'
+
+// ==================== 工艺主表 ====================
+export function listProcesse(query) {
+  return request({ url: '/pt/processe/list', method: 'get', params: query })
+}
+export function getProcesse(processId) {
+  return request({ url: '/pt/processe/' + processId, method: 'get' })
+}
+export function addProcesse(data) {
+  return request({ url: '/pt/processe', method: 'post', data })
+}
+export function updateProcesse(data) {
+  return request({ url: '/pt/processe', method: 'put', data })
+}
+export function delProcesse(processIds) {
+  return request({ url: '/pt/processe/' + processIds, method: 'delete' })
+}
+
+// ==================== 工序参数明细 ====================
+export function listProcessStepParam(query) {
+  return request({ url: '/pt/processStepParam/list', method: 'get', params: query })
+}
+export function getProcessStepParam(paramId) {
+  return request({ url: '/pt/processStepParam/' + paramId, method: 'get' })
+}
+export function addProcessStepParam(data) {
+  return request({ url: '/pt/processStepParam', method: 'post', data })
+}
+export function updateProcessStepParam(data) {
+  return request({ url: '/pt/processStepParam', method: 'put', data })
+}
+export function delProcessStepParam(paramIds) {
+  return request({ url: '/pt/processStepParam/' + paramIds, method: 'delete' })
+}
diff --git a/klp-ui/src/api/pt/standard.js b/klp-ui/src/api/pt/standard.js
new file mode 100644
index 000000000..c662fd9d4
--- /dev/null
+++ b/klp-ui/src/api/pt/standard.js
@@ -0,0 +1,154 @@
+import request from '@/utils/request'
+
+// ==================== 产品标准主表 ====================
+export function listProductStandard(query) {
+  return request({ url: '/pt/productStandard/list', method: 'get', params: query })
+}
+export function getProductStandard(standardId) {
+  return request({ url: '/pt/productStandard/' + standardId, method: 'get' })
+}
+export function addProductStandard(data) {
+  return request({ url: '/pt/productStandard', method: 'post', data })
+}
+export function updateProductStandard(data) {
+  return request({ url: '/pt/productStandard', method: 'put', data })
+}
+export function delProductStandard(standardIds) {
+  return request({ url: '/pt/productStandard/' + standardIds, method: 'delete' })
+}
+
+// ==================== 产品用途 ====================
+export function listProductApplication(query) {
+  return request({ url: '/pt/productApplication/list', method: 'get', params: query })
+}
+export function getProductApplication(applicationId) {
+  return request({ url: '/pt/productApplication/' + applicationId, method: 'get' })
+}
+export function addProductApplication(data) {
+  return request({ url: '/pt/productApplication', method: 'post', data })
+}
+export function updateProductApplication(data) {
+  return request({ url: '/pt/productApplication', method: 'put', data })
+}
+export function delProductApplication(applicationIds) {
+  return request({ url: '/pt/productApplication/' + applicationIds, method: 'delete' })
+}
+
+// ==================== 化学成分 ====================
+export function listProductChemicalComposition(query) {
+  return request({ url: '/pt/productChemicalComposition/list', method: 'get', params: query })
+}
+export function getProductChemicalComposition(compositionId) {
+  return request({ url: '/pt/productChemicalComposition/' + compositionId, method: 'get' })
+}
+export function addProductChemicalComposition(data) {
+  return request({ url: '/pt/productChemicalComposition', method: 'post', data })
+}
+export function updateProductChemicalComposition(data) {
+  return request({ url: '/pt/productChemicalComposition', method: 'put', data })
+}
+export function delProductChemicalComposition(compositionIds) {
+  return request({ url: '/pt/productChemicalComposition/' + compositionIds, method: 'delete' })
+}
+
+// ==================== 镀层规格 ====================
+export function listProductCoatingSpec(query) {
+  return request({ url: '/pt/productCoatingSpec/list', method: 'get', params: query })
+}
+export function getProductCoatingSpec(coatingId) {
+  return request({ url: '/pt/productCoatingSpec/' + coatingId, method: 'get' })
+}
+export function addProductCoatingSpec(data) {
+  return request({ url: '/pt/productCoatingSpec', method: 'post', data })
+}
+export function updateProductCoatingSpec(data) {
+  return request({ url: '/pt/productCoatingSpec', method: 'put', data })
+}
+export function delProductCoatingSpec(coatingIds) {
+  return request({ url: '/pt/productCoatingSpec/' + coatingIds, method: 'delete' })
+}
+
+// ==================== 尺寸规格 ====================
+export function listProductDimension(query) {
+  return request({ url: '/pt/productDimension/list', method: 'get', params: query })
+}
+export function getProductDimension(dimensionId) {
+  return request({ url: '/pt/productDimension/' + dimensionId, method: 'get' })
+}
+export function addProductDimension(data) {
+  return request({ url: '/pt/productDimension', method: 'post', data })
+}
+export function updateProductDimension(data) {
+  return request({ url: '/pt/productDimension', method: 'put', data })
+}
+export function delProductDimension(dimensionIds) {
+  return request({ url: '/pt/productDimension/' + dimensionIds, method: 'delete' })
+}
+
+// ==================== 物理性能 ====================
+export function listProductPhysicalProperty(query) {
+  return request({ url: '/pt/productPhysicalProperty/list', method: 'get', params: query })
+}
+export function getProductPhysicalProperty(propertyId) {
+  return request({ url: '/pt/productPhysicalProperty/' + propertyId, method: 'get' })
+}
+export function addProductPhysicalProperty(data) {
+  return request({ url: '/pt/productPhysicalProperty', method: 'post', data })
+}
+export function updateProductPhysicalProperty(data) {
+  return request({ url: '/pt/productPhysicalProperty', method: 'put', data })
+}
+export function delProductPhysicalProperty(propertyIds) {
+  return request({ url: '/pt/productPhysicalProperty/' + propertyIds, method: 'delete' })
+}
+
+// ==================== 参考标准 ====================
+export function listProductRefStandard(query) {
+  return request({ url: '/pt/productRefStandard/list', method: 'get', params: query })
+}
+export function getProductRefStandard(refId) {
+  return request({ url: '/pt/productRefStandard/' + refId, method: 'get' })
+}
+export function addProductRefStandard(data) {
+  return request({ url: '/pt/productRefStandard', method: 'post', data })
+}
+export function updateProductRefStandard(data) {
+  return request({ url: '/pt/productRefStandard', method: 'put', data })
+}
+export function delProductRefStandard(refIds) {
+  return request({ url: '/pt/productRefStandard/' + refIds, method: 'delete' })
+}
+
+// ==================== 尺寸公差 ====================
+export function listProductTolerance(query) {
+  return request({ url: '/klp/productTolerance/list', method: 'get', params: query })
+}
+export function getProductTolerance(toleranceId) {
+  return request({ url: '/klp/productTolerance/' + toleranceId, method: 'get' })
+}
+export function addProductTolerance(data) {
+  return request({ url: '/klp/productTolerance', method: 'post', data })
+}
+export function updateProductTolerance(data) {
+  return request({ url: '/klp/productTolerance', method: 'put', data })
+}
+export function delProductTolerance(toleranceIds) {
+  return request({ url: '/klp/productTolerance/' + toleranceIds, method: 'delete' })
+}
+
+// ==================== 表面质量 ====================
+export function listProductSurfaceSpec(query) {
+  return request({ url: '/pt/productSurfaceSpec/list', method: 'get', params: query })
+}
+export function getProductSurfaceSpec(surfaceId) {
+  return request({ url: '/pt/productSurfaceSpec/' + surfaceId, method: 'get' })
+}
+export function addProductSurfaceSpec(data) {
+  return request({ url: '/pt/productSurfaceSpec', method: 'post', data })
+}
+export function updateProductSurfaceSpec(data) {
+  return request({ url: '/pt/productSurfaceSpec', method: 'put', data })
+}
+export function delProductSurfaceSpec(surfaceIds) {
+  return request({ url: '/pt/productSurfaceSpec/' + surfaceIds, method: 'delete' })
+}
diff --git a/klp-ui/src/views/pt/processe/index.vue b/klp-ui/src/views/pt/processe/index.vue
new file mode 100644
index 000000000..a6863d75c
--- /dev/null
+++ b/klp-ui/src/views/pt/processe/index.vue
@@ -0,0 +1,675 @@
+<template>
+  <div class="pt-process-page">
+    <DragResizePanel :initialSize="300" :minSize="240" :maxSize="550">
+      <!-- ==================== 左侧面板：工艺列表 ==================== -->
+      <template #panelA>
+        <div class="left-panel">
+          <div class="left-topbar">
+            <el-input
+              v-model="processSearch"
+              placeholder="搜索工艺名称..."
+              clearable
+              size="small"
+              prefix-icon="el-icon-search"
+              class="left-search-input"
+              @keyup.enter.native="handleProcessSearch"
+            />
+            <el-button type="primary" size="mini" icon="el-icon-plus" @click="handleProcessAdd">新增</el-button>
+            <el-button size="mini" :icon="filterExpanded ? 'el-icon-arrow-up' : 'el-icon-arrow-down'" @click="filterExpanded = !filterExpanded">
+              {{ filterExpanded ? '收起' : '筛选' }}
+            </el-button>
+          </div>
+
+          <div class="left-filter" v-show="filterExpanded">
+            <el-form :model="processFilters" size="small" label-width="56px">
+              <el-form-item label="状态">
+                <el-select v-model="processFilters.status" placeholder="全部" clearable style="width:100%">
+                  <el-option label="启用" :value="1" />
+                  <el-option label="停用" :value="0" />
+                </el-select>
+              </el-form-item>
+              <el-form-item>
+                <el-button type="primary" size="mini" @click="handleProcessSearch">搜索</el-button>
+                <el-button size="mini" @click="resetProcessFilters">重置</el-button>
+              </el-form-item>
+            </el-form>
+          </div>
+
+          <div class="left-list" v-loading="processLoading">
+            <div
+              v-for="item in processList"
+              :key="item.processId"
+              :class="['process-item', { active: selectedProcess && selectedProcess.processId === item.processId }]"
+              @click="selectProcess(item)"
+            >
+              <div class="process-item-header">
+                <div class="process-item-name">{{ item.processName }}</div>
+                <div class="process-item-actions" @click.stop>
+                  <el-button size="mini" type="text" icon="el-icon-edit" @click="handleProcessUpdate(item)" />
+                  <el-button size="mini" type="text" icon="el-icon-delete" @click="handleProcessDelete(item)" />
+                </div>
+              </div>
+              <div class="process-item-meta">
+                <span class="process-item-code">{{ item.processCode }}</span>
+                <span :class="['process-item-status', item.status === 1 ? 'on' : 'off']">
+                  {{ item.status === 1 ? '启用' : '停用' }}
+                </span>
+              </div>
+            </div>
+            <el-empty v-if="!processLoading && processList.length === 0" description="暂无工艺路线" :image-size="50" />
+          </div>
+
+          <pagination
+            v-show="processTotal > 0"
+            :total="processTotal"
+            :page.sync="processQueryParams.pageNum"
+            :limit.sync="processQueryParams.pageSize"
+            :page-sizes="[10, 20, 50, 100]"
+            layout="total, prev, pager, next, sizes"
+            :pager-count="3"
+            small
+            @pagination="getProcessList"
+          />
+        </div>
+      </template>
+
+      <!-- ==================== 右侧面板：工序参数 ==================== -->
+      <template #panelB>
+        <div class="right-panel">
+          <div v-if="!selectedProcess" class="empty-hint">
+            <el-empty description="请从左侧列表选择一个工艺路线，查看和编辑其工序参数" :image-size="100" />
+          </div>
+
+          <template v-else>
+            <div class="selected-process-info">
+              <div class="process-info-left">
+                <span class="process-info-name">{{ selectedProcess.processName }}</span>
+                <span class="process-info-code">{{ selectedProcess.processCode }}</span>
+              </div>
+              <div class="process-info-right">
+                <span v-if="selectedProcess.targetYield" class="process-info-tag">成材率 {{ selectedProcess.targetYield }}%</span>
+                <span v-if="selectedProcess.standardCapacity" class="process-info-tag">产能 {{ selectedProcess.standardCapacity }}t/h</span>
+                <span :class="['process-info-status', selectedProcess.status === 1 ? 'on' : 'off']">
+                  {{ selectedProcess.status === 1 ? '启用' : '停用' }}
+                </span>
+              </div>
+            </div>
+
+            <div class="tab-toolbar">
+              <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd">新增参数</el-button>
+              <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete()">删除</el-button>
+              <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" />
+            </div>
+
+            <el-table
+              v-loading="loading"
+              :data="dataList"
+              size="small"
+              border
+              @selection-change="handleSelectionChange"
+            >
+              <el-table-column type="selection" width="45" align="center" />
+              <el-table-column v-for="col in stepColumns" :key="col.prop" v-bind="col">
+                <template slot-scope="scope">
+                  <template v-if="editingId != null && editingId === scope.row.paramId">
+                    <el-input v-if="col.editType === 'input'" v-model="editForm[col.prop]" size="small" />
+                    <el-input-number v-else-if="col.editType === 'number'" v-model="editForm[col.prop]" size="small" :controls="false" style="width:100%" />
+                    <el-select v-else-if="col.editType === 'select'" v-model="editForm[col.prop]" size="small" style="width:100%">
+                      <el-option v-for="opt in col.options" :key="opt.value" :label="opt.label" :value="opt.value" />
+                    </el-select>
+                    <span v-else>{{ scope.row[col.prop] }}</span>
+                  </template>
+                  <span v-else>
+                    {{ col.formatter ? col.formatter(scope.row, col, scope.row[col.prop]) : scope.row[col.prop] }}
+                  </span>
+                </template>
+              </el-table-column>
+              <el-table-column label="操作" align="center" width="140" class-name="small-padding fixed-width">
+                <template slot-scope="scope">
+                  <template v-if="editingId != null && editingId === scope.row.paramId">
+                    <el-button size="mini" type="text" style="color:#67c23a" @click="saveEdit(scope.row)">保存</el-button>
+                    <el-button size="mini" type="text" @click="cancelEdit()">取消</el-button>
+                  </template>
+                  <template v-else>
+                    <el-button size="mini" type="text" icon="el-icon-edit" @click="startEdit(scope.row)">修改</el-button>
+                    <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button>
+                  </template>
+                </template>
+              </el-table-column>
+            </el-table>
+
+            <pagination
+              v-show="total > 0"
+              :total="total"
+              :page.sync="queryParams.pageNum"
+              :limit.sync="queryParams.pageSize"
+              @pagination="getList"
+            />
+          </template>
+        </div>
+      </template>
+    </DragResizePanel>
+
+    <!-- ==================== 参数新增弹窗 ==================== -->
+    <el-dialog title="新增工序参数" :visible.sync="open" width="650px" append-to-body :close-on-click-modal="false">
+      <el-form ref="form" :model="form" :rules="addRules" label-width="100px" size="small">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="工序顺序" prop="stepOrder">
+              <el-input-number v-model="form.stepOrder" :min="1" style="width:100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="工序名称" prop="stepName">
+              <el-select v-model="form.stepName" placeholder="请选择" clearable style="width:100%">
+                <el-option label="酸洗" value="酸洗" />
+                <el-option label="冷轧" value="冷轧" />
+                <el-option label="退火" value="退火" />
+                <el-option label="镀锌" value="镀锌" />
+                <el-option label="平整" value="平整" />
+                <el-option label="拉矫" value="拉矫" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="参数编码" prop="paramCode">
+              <el-input v-model="form.paramCode" placeholder="TEMP/SPEED/TENSION" clearable />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="参数名称" prop="paramNameZh">
+              <el-input v-model="form.paramNameZh" placeholder="请输入中文名" clearable />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="参数分类" prop="paramCategory">
+              <el-select v-model="form.paramCategory" placeholder="请选择" clearable style="width:100%">
+                <el-option label="温度" value="温度" />
+                <el-option label="速度" value="速度" />
+                <el-option label="压力" value="压力" />
+                <el-option label="电流" value="电流" />
+                <el-option label="张力" value="张力" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="单位" prop="unit">
+              <el-input v-model="form.unit" placeholder="℃/m/min/MPa/A" clearable />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="最小值" prop="minValue">
+              <el-input-number v-model="form.minValue" :controls="false" style="width:100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="最大值" prop="maxValue">
+              <el-input-number v-model="form.maxValue" :controls="false" style="width:100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="目标值" prop="targetValue">
+              <el-input-number v-model="form.targetValue" :controls="false" style="width:100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="报警下限" prop="alarmMin">
+              <el-input-number v-model="form.alarmMin" :controls="false" style="width:100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="报警上限" prop="alarmMax">
+              <el-input-number v-model="form.alarmMax" :controls="false" style="width:100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="是否CCP" prop="isCritical">
+              <el-select v-model="form.isCritical" clearable style="width:100%">
+                <el-option label="是" :value="1" />
+                <el-option label="否" :value="0" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="排序" prop="sortOrder">
+              <el-input-number v-model="form.sortOrder" :controls="false" style="width:100%" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="备注" prop="remark">
+              <el-input v-model="form.remark" type="textarea" :rows="2" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" size="small" @click="submitForm">确 定</el-button>
+        <el-button size="small" @click="cancelAdd">取 消</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- ==================== 工艺新增/编辑弹窗 ==================== -->
+    <el-dialog :title="processDialogTitle" :visible.sync="processDialogOpen" width="550px" append-to-body :close-on-click-modal="false">
+      <el-form ref="processForm" :model="processForm" :rules="processRules" label-width="80px" size="small">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="工艺代号" prop="processCode">
+              <el-input v-model="processForm.processCode" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="工艺名称" prop="processName">
+              <el-input v-model="processForm.processName" placeholder="请输入工艺名称" clearable />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="适配产品">
+              <el-input v-model="processForm.adaptProductType" placeholder="逗号分隔，如 CRC,GI" clearable />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="状态" prop="status">
+              <el-select v-model="processForm.status" style="width:100%">
+                <el-option label="启用" :value="1" />
+                <el-option label="停用" :value="0" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="目标成材率">
+              <el-input-number v-model="processForm.targetYield" :controls="false" style="width:100%">
+                <template slot="suffix">%</template>
+              </el-input-number>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="标准产能">
+              <el-input-number v-model="processForm.standardCapacity" :controls="false" style="width:100%">
+                <template slot="suffix">t/h</template>
+              </el-input-number>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="工艺流程">
+              <el-input v-model="processForm.flowOverview" type="textarea" :rows="3" placeholder="描述整体工艺流程" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="备注">
+              <el-input v-model="processForm.remark" type="textarea" :rows="2" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" size="small" @click="submitProcessForm" :loading="processSubmitting">确 定</el-button>
+        <el-button size="small" @click="cancelProcessDialog">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import DragResizePanel from '@/components/DragResizePanel/index.vue'
+import {
+  listProcesse, getProcesse, addProcesse, updateProcesse, delProcesse,
+  listProcessStepParam, getProcessStepParam, addProcessStepParam, updateProcessStepParam, delProcessStepParam
+} from '@/api/pt/process'
+
+const boolFormatter = (row, col, val) => (val === 1 || val === '1') ? '是' : '否'
+
+const STEP_COLUMNS = [
+  { prop: 'stepOrder', label: '工序顺序', width: 80, editType: 'number' },
+  { prop: 'stepName', label: '工序名称', width: 90, editType: 'select',
+    options: [{ label: '酸洗', value: '酸洗' }, { label: '冷轧', value: '冷轧' }, { label: '退火', value: '退火' }, { label: '镀锌', value: '镀锌' }, { label: '平整', value: '平整' }, { label: '拉矫', value: '拉矫' }] },
+  { prop: 'paramCode', label: '参数编码', width: 100, editType: 'input' },
+  { prop: 'paramNameZh', label: '参数名称', minWidth: 100, editType: 'input' },
+  { prop: 'paramCategory', label: '分类', width: 70, editType: 'select',
+    options: [{ label: '温度', value: '温度' }, { label: '速度', value: '速度' }, { label: '压力', value: '压力' }, { label: '电流', value: '电流' }, { label: '张力', value: '张力' }] },
+  { prop: 'minValue', label: '最小值', width: 80, editType: 'number' },
+  { prop: 'maxValue', label: '最大值', width: 80, editType: 'number' },
+  { prop: 'targetValue', label: '目标值', width: 80, editType: 'number' },
+  { prop: 'unit', label: '单位', width: 60, editType: 'input' },
+  { prop: 'isCritical', label: 'CCP', width: 55, editType: 'select', formatter: boolFormatter,
+    options: [{ label: '是', value: 1 }, { label: '否', value: 0 }] },
+  { prop: 'alarmMin', label: '报警下限', width: 80, editType: 'number' },
+  { prop: 'alarmMax', label: '报警上限', width: 80, editType: 'number' },
+  { prop: 'sortOrder', label: '排序', width: 55, editType: 'number' }
+]
+
+export default {
+  name: 'PtProcesse',
+  components: { DragResizePanel },
+  data() {
+    return {
+      // ===== 工艺列表 =====
+      processLoading: false,
+      processList: [],
+      processTotal: 0,
+      processQueryParams: { pageNum: 1, pageSize: 20 },
+      processSearch: '',
+      filterExpanded: false,
+      processFilters: { status: null },
+      selectedProcess: null,
+
+      // ===== 工艺弹窗 =====
+      processDialogOpen: false,
+      processDialogTitle: '',
+      processForm: {},
+      processSubmitting: false,
+      processRules: {
+        processName: [{ required: true, message: '请输入工艺名称', trigger: 'blur' }]
+      },
+
+      // ===== 工序参数表格 =====
+      loading: false,
+      dataList: [],
+      total: 0,
+      queryParams: { pageNum: 1, pageSize: 20 },
+      showSearch: true,
+      ids: [],
+      multiple: true,
+      stepColumns: STEP_COLUMNS,
+
+      // ===== 行内编辑 =====
+      editingId: null,
+      editForm: {},
+      editFormOriginal: null,
+
+      // ===== 新增弹窗 =====
+      open: false,
+      form: {},
+      addRules: {
+        stepOrder: [{ required: true, message: '请输入工序顺序', trigger: 'blur' }],
+        stepName: [{ required: true, message: '请选择工序名称', trigger: 'change' }]
+      }
+    }
+  },
+  created() {
+    this.getProcessList()
+  },
+  methods: {
+    // ==================== 工艺 CRUD ====================
+    getProcessList() {
+      this.processLoading = true
+      const params = { ...this.processQueryParams }
+      if (this.processSearch) params.processName = this.processSearch
+      if (this.processFilters.status != null && this.processFilters.status !== '') {
+        params.status = this.processFilters.status
+      }
+      listProcesse(params).then(res => {
+        this.processList = res.rows || []
+        this.processTotal = res.total || 0
+        this.processLoading = false
+      }).catch(() => { this.processLoading = false })
+    },
+    handleProcessSearch() {
+      this.processQueryParams.pageNum = 1
+      this.getProcessList()
+    },
+    resetProcessFilters() {
+      this.processFilters = { status: null }
+      this.processSearch = ''
+      this.processQueryParams.pageNum = 1
+      this.getProcessList()
+    },
+    selectProcess(item) {
+      this.cancelEdit()
+      this.selectedProcess = item
+      this.resetQueryParams()
+      this.getList()
+    },
+    handleProcessAdd() {
+      const now = new Date()
+      const code = 'PRC-' +
+        now.getFullYear() + String(now.getMonth() + 1).padStart(2, '0') +
+        String(now.getDate()).padStart(2, '0') + '-' +
+        String(now.getHours()).padStart(2, '0') +
+        String(now.getMinutes()).padStart(2, '0') +
+        String(now.getSeconds()).padStart(2, '0')
+      this.processForm = {
+        processId: undefined, processCode: code, processName: '',
+        adaptProductType: '', status: 1, targetYield: undefined,
+        standardCapacity: undefined, flowOverview: '', remark: ''
+      }
+      this.processDialogTitle = '新增工艺路线'
+      this.processDialogOpen = true
+      this.processSubmitting = false
+      this.$nextTick(() => { if (this.$refs['processForm']) this.$refs['processForm'].clearValidate() })
+    },
+    handleProcessUpdate(item) {
+      const row = item || this.selectedProcess
+      if (!row) return
+      getProcesse(row.processId).then(res => {
+        const d = res.data || {}
+        this.processForm = {
+          processId: d.processId, processCode: d.processCode || '',
+          processName: d.processName || '', adaptProductType: d.adaptProductType || '',
+          status: d.status != null ? d.status : 1,
+          targetYield: d.targetYield, standardCapacity: d.standardCapacity,
+          flowOverview: d.flowOverview || '', remark: d.remark || ''
+        }
+        this.processDialogTitle = '修改工艺路线'
+        this.processDialogOpen = true
+        this.processSubmitting = false
+        this.$nextTick(() => { if (this.$refs['processForm']) this.$refs['processForm'].clearValidate() })
+      })
+    },
+    handleProcessDelete(item) {
+      const row = item || this.selectedProcess
+      if (!row) return
+      this.$modal.confirm('确认删除工艺「' + row.processName + '」？').then(() => {
+        return delProcesse(row.processId)
+      }).then(() => {
+        this.$modal.msgSuccess('删除成功')
+        if (this.selectedProcess && this.selectedProcess.processId === row.processId) {
+          this.selectedProcess = null; this.dataList = []; this.total = 0
+        }
+        this.getProcessList()
+      }).catch(() => {})
+    },
+    submitProcessForm() {
+      this.$refs['processForm'].validate(valid => {
+        if (!valid) return
+        this.processSubmitting = true
+        const d = this.processForm
+        const act = d.processId ? updateProcesse(d) : addProcesse(d)
+        act.then(() => {
+          this.$modal.msgSuccess(d.processId ? '修改成功' : '新增成功')
+          this.processDialogOpen = false
+          this.processSubmitting = false
+          this.getProcessList()
+          if (d.processId && this.selectedProcess && this.selectedProcess.processId === d.processId) {
+            getProcesse(d.processId).then(res => { this.selectedProcess = res.data })
+          }
+        }).catch(() => { this.processSubmitting = false })
+      })
+    },
+    cancelProcessDialog() {
+      this.processDialogOpen = false
+    },
+
+    // ==================== 工序参数 CRUD ====================
+    resetQueryParams() {
+      this.queryParams = { pageNum: 1, pageSize: 20, processId: this.selectedProcess ? this.selectedProcess.processId : undefined }
+      this.ids = []
+      this.multiple = true
+    },
+    getList() {
+      if (!this.selectedProcess) return
+      this.loading = true
+      const params = { ...this.queryParams, processId: this.selectedProcess.processId }
+      listProcessStepParam(params).then(res => {
+        this.dataList = res.rows || []
+        this.total = res.total || 0
+        this.loading = false
+      }).catch(() => { this.loading = false })
+    },
+    handleSelectionChange(sel) {
+      this.ids = sel.map(i => i.paramId)
+      this.multiple = !sel.length
+    },
+
+    handleAdd() {
+      this.cancelEdit()
+      this.form = { processId: this.selectedProcess.processId }
+      this.open = true
+      this.$nextTick(() => { if (this.$refs['form']) this.$refs['form'].clearValidate() })
+    },
+    cancelAdd() { this.open = false },
+    submitForm() {
+      this.$refs['form'].validate(valid => {
+        if (!valid) return
+        addProcessStepParam(this.form).then(() => {
+          this.$modal.msgSuccess('新增成功')
+          this.open = false
+          this.getList()
+        })
+      })
+    },
+    handleDelete(row) {
+      const ids = row ? row.paramId : this.ids.join(',')
+      if (!ids) { this.$modal.msgWarning('请选择要删除的记录'); return }
+      this.$modal.confirm('确认删除？').then(() => delProcessStepParam(ids)).then(() => {
+        this.getList(); this.$modal.msgSuccess('删除成功')
+      }).catch(() => {})
+    },
+
+    // ==================== 行内编辑 ====================
+    startEdit(row) {
+      const form = {}
+      this.stepColumns.forEach(c => { form[c.prop] = row[c.prop] })
+      form.paramId = row.paramId
+      form.processId = row.processId
+      this.editForm = form
+      this.editFormOriginal = JSON.parse(JSON.stringify(row))
+      this.editingId = row.paramId
+    },
+    cancelEdit() {
+      this.editingId = null
+      this.editForm = {}
+      this.editFormOriginal = null
+    },
+    saveEdit(row) {
+      const data = { ...this.editForm }
+      const idx = this.dataList.findIndex(r => r.paramId === row.paramId)
+      if (idx >= 0) this.dataList.splice(idx, 1, { ...this.dataList[idx], ...data })
+      this.editingId = null
+      this.editForm = {}
+      const original = this.editFormOriginal
+      this.editFormOriginal = null
+      updateProcessStepParam(data).then(() => {
+        this.$modal.msgSuccess('保存成功')
+      }).catch(() => {
+        if (idx >= 0 && original) this.dataList.splice(idx, 1, original)
+        this.$modal.msgError('保存失败，已还原')
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.pt-process-page {
+  height: calc(100vh - 84px);
+
+  ::v-deep .left-panel .pagination-container {
+    padding: 4px 8px;
+    .el-pagination {
+      flex-wrap: wrap; justify-content: center;
+      .el-pagination__total { font-size: 11px; }
+      .el-pagination__sizes { margin: 0 2px; }
+    }
+  }
+}
+
+// ===== 左侧面板 =====
+.left-panel {
+  height: 100%; display: flex; flex-direction: column;
+  background: #fff; border-right: 1px solid #e8e8e8;
+
+  .left-topbar {
+    display: flex; align-items: center; gap: 6px;
+    padding: 8px 10px; border-bottom: 1px solid #ebeef5;
+    .left-search-input { flex: 1; }
+  }
+  .left-filter {
+    padding: 8px 10px; border-bottom: 1px solid #ebeef5; background: #fafafa;
+    ::v-deep .el-form-item { margin-bottom: 6px; }
+    ::v-deep .el-form-item__label { font-size: 11px; }
+  }
+  .left-list {
+    flex: 1; overflow-y: auto;
+    .process-item {
+      padding: 10px 12px; cursor: pointer;
+      border-bottom: 1px solid #f0f2f5; transition: all 0.15s;
+      &:hover { background: #f5f7fa; .process-item-actions { opacity: 1; } }
+      &.active {
+        background: #ecf5ff; border-left: 3px solid #409EFF; padding-left: 9px;
+        .process-item-name { color: #409EFF; }
+      }
+      &:last-child { border-bottom: none; }
+    }
+    .process-item-header {
+      display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px;
+    }
+    .process-item-name {
+      font-size: 13px; font-weight: 600; color: #303133;
+      flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.4;
+    }
+    .process-item-actions {
+      opacity: 0; flex-shrink: 0; transition: opacity 0.15s;
+      .el-button + .el-button { margin-left: 0; }
+    }
+    .process-item-meta { display: flex; align-items: center; gap: 6px; }
+    .process-item-code {
+      font-size: 11px; color: #909399; font-family: 'SF Mono', 'Menlo', monospace;
+      background: #f5f7fa; padding: 1px 6px; border-radius: 3px;
+    }
+    .process-item-status {
+      font-size: 10px; padding: 1px 6px; border-radius: 3px;
+      &.on { color: #67c23a; background: #f0f9eb; }
+      &.off { color: #909399; background: #f4f4f5; }
+    }
+  }
+}
+
+// ===== 右侧面板 =====
+.right-panel {
+  height: 100%; display: flex; flex-direction: column;
+  background: #fff; padding: 0 12px 12px; overflow: auto;
+}
+
+.selected-process-info {
+  display: flex; align-items: center; justify-content: space-between;
+  margin: 10px 0 8px; padding: 10px 14px; background: #fff;
+  border: 1px solid #e4e7ed; border-left: 4px solid #409EFF;
+  border-radius: 0 6px 6px 0; box-shadow: 0 1px 3px rgba(0,0,0,0.04);
+  flex-shrink: 0; gap: 12px;
+
+  .process-info-left { display: flex; align-items: center; gap: 10px; min-width: 0; }
+  .process-info-name { font-size: 15px; font-weight: 700; color: #303133; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+  .process-info-code {
+    font-size: 11px; font-family: 'SF Mono', 'Menlo', monospace; color: #909399;
+    background: #f5f7fa; border: 1px solid #e4e7ed; padding: 2px 8px; border-radius: 4px; white-space: nowrap; flex-shrink: 0;
+  }
+  .process-info-right { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
+  .process-info-tag {
+    font-size: 11px; padding: 2px 8px; border-radius: 4px; line-height: 18px;
+    color: #409EFF; background: #ecf5ff; border: 1px solid #d9ecff;
+  }
+  .process-info-status {
+    font-size: 11px; padding: 2px 8px; border-radius: 4px; white-space: nowrap; line-height: 18px;
+    &.on { color: #67c23a; background: #f0f9eb; border: 1px solid #e1f3d8; }
+    &.off { color: #909399; background: #f4f4f5; border: 1px solid #e9e9eb; }
+  }
+}
+
+.empty-hint { display: flex; justify-content: center; align-items: center; flex: 1; }
+
+.tab-toolbar {
+  display: flex; align-items: center; gap: 8px;
+  padding: 6px 0; flex-shrink: 0;
+  .right-toolbar { margin-left: auto; }
+}
+</style>
diff --git a/klp-ui/src/views/pt/product/index.vue b/klp-ui/src/views/pt/product/index.vue
new file mode 100644
index 000000000..e69de29bb
diff --git a/klp-ui/src/views/pt/standard/index.vue b/klp-ui/src/views/pt/standard/index.vue
new file mode 100644
index 000000000..802950210
--- /dev/null
+++ b/klp-ui/src/views/pt/standard/index.vue
@@ -0,0 +1,1319 @@
+<template>
+  <div class="pt-standard-page">
+    <DragResizePanel :initialSize="300" :minSize="240" :maxSize="550">
+      <!-- ==================== 左侧面板：产品标准列表 ==================== -->
+      <template #panelA>
+        <div class="left-panel">
+          <!-- 搜索 + 新增 + 展开 同一行 -->
+          <div class="left-topbar">
+            <el-input
+              v-model="productSearch"
+              placeholder="搜索产品名称/代号..."
+              clearable
+              size="small"
+              prefix-icon="el-icon-search"
+              class="left-search-input"
+              @keyup.enter.native="handleProductSearch"
+            />
+            <el-button type="primary" size="mini" icon="el-icon-plus" @click="handleProductAdd">新增</el-button>
+            <el-button size="mini" :icon="filterExpanded ? 'el-icon-arrow-up' : 'el-icon-arrow-down'" @click="filterExpanded = !filterExpanded">
+              {{ filterExpanded ? '收起' : '筛选' }}
+            </el-button>
+          </div>
+
+          <!-- 展开的筛选条件 -->
+          <div class="left-filter" v-show="filterExpanded">
+            <el-form :model="productFilters" size="small" label-width="56px">
+              <el-form-item label="产品类型">
+                <el-select v-model="productFilters.productType" placeholder="全部" clearable style="width:100%">
+                  <el-option
+                    v-for="dict in dict.type.coil_itemname"
+                    :key="dict.value"
+                    :label="dict.label"
+                    :value="dict.value"
+                  />
+                </el-select>
+              </el-form-item>
+              <el-form-item label="材质">
+                <el-select v-model="productFilters.steelGrade" placeholder="全部" clearable style="width:100%">
+                  <el-option
+                    v-for="dict in dict.type.coil_material"
+                    :key="dict.value"
+                    :label="dict.label"
+                    :value="dict.value"
+                  />
+                </el-select>
+              </el-form-item>
+              <el-form-item label="状态">
+                <el-select v-model="productFilters.status" placeholder="全部" clearable style="width:100%">
+                  <el-option label="草稿" :value="1" />
+                  <el-option label="生效" :value="2" />
+                  <el-option label="作废" :value="3" />
+                </el-select>
+              </el-form-item>
+              <el-form-item>
+                <el-button type="primary" size="mini" @click="handleProductSearch">搜索</el-button>
+                <el-button size="mini" @click="resetProductFilters">重置</el-button>
+              </el-form-item>
+            </el-form>
+          </div>
+
+          <!-- 产品列表 -->
+          <div class="left-list" v-loading="productLoading">
+            <div
+              v-for="item in productList"
+              :key="item.standardId"
+              :class="['product-item', { active: selectedProduct && selectedProduct.standardId === item.standardId }]"
+              @click="selectProduct(item)"
+            >
+              <div class="product-item-header">
+                <div class="product-item-name">{{ item.standardName }}</div>
+                <div class="product-item-actions" @click.stop>
+                  <el-button size="mini" type="text" icon="el-icon-edit" @click="handleProductUpdate(item)" />
+                  <el-button size="mini" type="text" icon="el-icon-delete" @click="handleProductDelete(item)" />
+                </div>
+              </div>
+              <div class="product-item-meta">
+                <span class="product-item-code">{{ item.standardCode }}</span>
+                <span v-if="item.steelGrade" class="product-item-tag steel">{{ item.steelGrade }}</span>
+                <span v-if="item.productType" class="product-item-tag type">{{ item.productType }}</span>
+              </div>
+            </div>
+            <el-empty v-if="!productLoading && productList.length === 0" description="暂无产品标准" :image-size="50" />
+          </div>
+
+          <!-- 产品分页 -->
+          <pagination
+            v-show="productTotal > 0"
+            :total="productTotal"
+            :page.sync="productQueryParams.pageNum"
+            :limit.sync="productQueryParams.pageSize"
+            :page-sizes="[10, 20, 50, 100]"
+            layout="total, prev, pager, next, sizes"
+            :pager-count="3"
+            small
+            @pagination="getProductList"
+          />
+        </div>
+      </template>
+
+      <!-- ==================== 右侧面板：多Tab详情 ==================== -->
+      <template #panelB>
+        <div class="right-panel">
+          <!-- 未选择产品 -->
+          <div v-if="!selectedProduct" class="empty-hint">
+            <el-empty description="请从左侧列表选择一个产品标准，查看和编辑其详细规格" :image-size="100" />
+          </div>
+
+          <!-- 已选择产品 -->
+          <template v-else>
+            <div class="selected-product-info">
+              <div class="product-info-left">
+                <span class="product-info-name">{{ selectedProduct.standardName }}</span>
+                <span class="product-info-code">{{ selectedProduct.standardCode }}</span>
+              </div>
+              <div class="product-info-right">
+                <span v-if="selectedProduct.steelGrade" class="product-info-tag material">{{ selectedProduct.steelGrade }}</span>
+                <span v-if="selectedProduct.productType" class="product-info-tag type">{{ selectedProduct.productType }}</span>
+                <span class="product-info-status" :class="statusClass(selectedProduct.status)">
+                  {{ statusLabel(selectedProduct.status) }}
+                </span>
+              </div>
+            </div>
+
+            <div class="custom-tabs">
+              <span
+                v-for="tab in tabConfigs"
+                :key="tab.key"
+                :class="['custom-tab', { active: activeTab === tab.key }]"
+                @click="activeTab = tab.key; handleTabClick()"
+              >{{ tab.label }}</span>
+            </div>
+
+            <!-- 动态Tab内容 -->
+            <div class="tab-content">
+              <!-- 搜索栏 -->
+              <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch && activeConfig.searchFields.length > 0" label-width="80px">
+                <el-form-item v-for="sf in activeConfig.searchFields" :key="sf.prop" :label="sf.label" :prop="sf.prop">
+                  <el-input v-model="queryParams[sf.prop]" :placeholder="'请输入' + sf.label" clearable style="width: 200px"
+                    @keyup.enter.native="handleQuery" />
+                </el-form-item>
+                <el-form-item>
+                  <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+                  <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+                </el-form-item>
+              </el-form>
+
+              <!-- 工具栏 -->
+              <el-row :gutter="10" class="mb8">
+                <el-col :span="1.5">
+                  <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd">新增</el-button>
+                </el-col>
+                <el-col :span="1.5">
+                  <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete()">删除</el-button>
+                </el-col>
+                <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" />
+              </el-row>
+
+              <!-- 表格 (el-table，行内编辑) -->
+              <el-table
+                v-loading="loading"
+                :data="dataList"
+                size="small"
+                border
+                @selection-change="handleSelectionChange"
+              >
+                <el-table-column type="selection" width="45" align="center" />
+                <el-table-column
+                  v-for="col in activeConfig.columns"
+                  :key="col.prop"
+                  :label="col.label"
+                  align="center"
+                  :width="col.width"
+                  :min-width="col.minWidth"
+                >
+                  <template slot-scope="scope">
+                    <!-- 编辑模式 -->
+                    <template v-if="editingId != null && editingId === scope.row[activeConfig.idField]">
+                      <el-input
+                        v-if="getFieldType(col.prop) === 'input'"
+                        v-model="editForm[col.prop]"
+                        size="small"
+                      />
+                      <el-input-number
+                        v-else-if="getFieldType(col.prop) === 'number'"
+                        v-model="editForm[col.prop]"
+                        size="small"
+                        :controls="false"
+                        style="width:100%"
+                      />
+                      <el-select
+                        v-else-if="getFieldType(col.prop) === 'select'"
+                        v-model="editForm[col.prop]"
+                        size="small"
+                        style="width:100%"
+                      >
+                        <el-option
+                          v-for="opt in getFieldOptions(col.prop)"
+                          :key="opt.value"
+                          :label="opt.label"
+                          :value="opt.value"
+                        />
+                      </el-select>
+                      <span v-else>{{ scope.row[col.prop] }}</span>
+                    </template>
+                    <!-- 查看模式 -->
+                    <span v-else :style="{ overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }">
+                      {{ col.formatter ? col.formatter(scope.row, col, scope.row[col.prop]) : scope.row[col.prop] }}
+                    </span>
+                  </template>
+                </el-table-column>
+                <el-table-column label="操作" align="center" width="140" class-name="small-padding fixed-width">
+                  <template slot-scope="scope">
+                    <template v-if="editingId != null && editingId === scope.row[activeConfig.idField]">
+                      <el-button size="mini" type="text" style="color:#67c23a" @click="saveEdit(scope.row)">保存</el-button>
+                      <el-button size="mini" type="text" @click="cancelEdit()">取消</el-button>
+                    </template>
+                    <template v-else>
+                      <el-button size="mini" type="text" icon="el-icon-edit" @click="startEdit(scope.row)">修改</el-button>
+                      <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button>
+                    </template>
+                  </template>
+                </el-table-column>
+              </el-table>
+
+              <!-- 分页 -->
+              <pagination
+                v-show="total > 0"
+                :total="total"
+                :page.sync="queryParams.pageNum"
+                :limit.sync="queryParams.pageSize"
+                @pagination="getList"
+              />
+            </div>
+          </template>
+        </div>
+      </template>
+    </DragResizePanel>
+
+    <!-- ==================== 子表新增弹窗 ==================== -->
+    <el-dialog :title="'新增' + activeConfig.label" :visible.sync="open" width="650px" append-to-body :close-on-click-modal="false">
+      <el-form ref="form" :model="form" :rules="currentRules" label-width="110px" size="small">
+        <el-row :gutter="20">
+          <el-col :span="ff.span || 12" v-for="ff in activeConfig.formFields" :key="ff.prop">
+            <el-form-item :label="ff.label" :prop="ff.prop">
+              <el-input
+                v-if="ff.type === 'input'"
+                v-model="form[ff.prop]"
+                :placeholder="'请输入' + ff.label"
+                clearable
+              />
+              <el-input
+                v-else-if="ff.type === 'textarea'"
+                v-model="form[ff.prop]"
+                type="textarea"
+                :rows="2"
+                :placeholder="'请输入' + ff.label"
+              />
+              <el-input-number
+                v-else-if="ff.type === 'number'"
+                v-model="form[ff.prop]"
+                :placeholder="'请输入' + ff.label"
+                :controls="false"
+                style="width:100%"
+              />
+              <el-select
+                v-else-if="ff.type === 'select'"
+                v-model="form[ff.prop]"
+                :placeholder="'请选择' + ff.label"
+                clearable
+                style="width:100%"
+              >
+                <el-option
+                  v-for="opt in ff.options"
+                  :key="opt.value"
+                  :label="opt.label"
+                  :value="opt.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" size="small" @click="submitForm">确 定</el-button>
+        <el-button size="small" @click="cancelAdd">取 消</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- ==================== 产品主表新增/编辑弹窗 ==================== -->
+    <el-dialog :title="productDialogTitle" :visible.sync="productDialogOpen" width="550px" append-to-body :close-on-click-modal="false">
+      <el-form ref="productForm" :model="productForm" :rules="productRules" label-width="80px" size="small">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="标准代号" prop="standardCode">
+              <el-input v-model="productForm.standardCode" disabled />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="标准名称" prop="standardName">
+              <el-input v-model="productForm.standardName" placeholder="请输入标准名称" clearable />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="产品类型" prop="productType">
+              <el-select v-model="productForm.productType" placeholder="请选择产品类型" clearable style="width:100%">
+                <el-option
+                  v-for="dict in dict.type.coil_itemname"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="材质" prop="steelGrade">
+              <el-select v-model="productForm.steelGrade" placeholder="请选择材质" clearable style="width:100%">
+                <el-option
+                  v-for="dict in dict.type.coil_material"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="备注" prop="remark">
+              <el-input v-model="productForm.remark" type="textarea" :rows="2" placeholder="请输入备注" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" size="small" @click="submitProductForm" :loading="productSubmitting">确 定</el-button>
+        <el-button size="small" @click="cancelProductDialog">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import DragResizePanel from '@/components/DragResizePanel/index.vue'
+import {
+  listProductStandard, getProductStandard, addProductStandard, updateProductStandard, delProductStandard,
+  listProductApplication, getProductApplication, addProductApplication, updateProductApplication, delProductApplication,
+  listProductChemicalComposition, getProductChemicalComposition, addProductChemicalComposition, updateProductChemicalComposition, delProductChemicalComposition,
+  listProductCoatingSpec, getProductCoatingSpec, addProductCoatingSpec, updateProductCoatingSpec, delProductCoatingSpec,
+  listProductDimension, getProductDimension, addProductDimension, updateProductDimension, delProductDimension,
+  listProductPhysicalProperty, getProductPhysicalProperty, addProductPhysicalProperty, updateProductPhysicalProperty, delProductPhysicalProperty,
+  listProductRefStandard, getProductRefStandard, addProductRefStandard, updateProductRefStandard, delProductRefStandard,
+  listProductTolerance, getProductTolerance, addProductTolerance, updateProductTolerance, delProductTolerance,
+  listProductSurfaceSpec, getProductSurfaceSpec, addProductSurfaceSpec, updateProductSurfaceSpec, delProductSurfaceSpec
+} from '@/api/pt/standard'
+
+// ==================== Boolean 格式化 ====================
+const boolFormatter = (row, column, cellValue) => (cellValue === 1 || cellValue === '1') ? '是' : '否'
+
+// ==================== Tab 配置 ====================
+const TAB_CONFIGS = [
+  {
+    key: 'application',
+    label: '产品用途',
+    idField: 'applicationId',
+    api: {
+      list: listProductApplication,
+      get: getProductApplication,
+      add: addProductApplication,
+      update: updateProductApplication,
+      del: delProductApplication
+    },
+    searchFields: [
+      { prop: 'industrySector', label: '行业领域' },
+      { prop: 'sectorNameZh', label: '行业中文名' }
+    ],
+    columns: [
+      { prop: 'industrySector', label: '行业领域', minWidth: 100 },
+      { prop: 'sectorNameZh', label: '行业中文名', minWidth: 120 },
+      { prop: 'applicationDesc', label: '用途描述', minWidth: 200 },
+      { prop: 'processingMethod', label: '加工方法', minWidth: 120 },
+      { prop: 'typicalPart', label: '典型零件', minWidth: 120 },
+      { prop: 'exposureCondition', label: '暴露环境', minWidth: 100 }
+    ],
+    formFields: [
+      { prop: 'industrySector', label: '行业领域', type: 'input', required: true },
+      { prop: 'sectorNameZh', label: '行业中文名', type: 'input', required: true },
+      { prop: 'applicationDesc', label: '用途描述', type: 'textarea', span: 24 },
+      { prop: 'processingMethod', label: '加工方法', type: 'input' },
+      { prop: 'typicalPart', label: '典型零件', type: 'input' },
+      { prop: 'exposureCondition', label: '暴露环境', type: 'input' },
+      { prop: 'remark', label: '备注', type: 'textarea', span: 24 }
+    ]
+  },
+  {
+    key: 'chemicalComposition',
+    label: '化学成分',
+    idField: 'compositionId',
+    api: {
+      list: listProductChemicalComposition,
+      get: getProductChemicalComposition,
+      add: addProductChemicalComposition,
+      update: updateProductChemicalComposition,
+      del: delProductChemicalComposition
+    },
+    searchFields: [
+      { prop: 'elementSymbol', label: '元素符号' }
+    ],
+    columns: [
+      { prop: 'elementSymbol', label: '元素符号', width: 90 },
+      { prop: 'elementNameZh', label: '中文名', width: 90 },
+      { prop: 'minPercent', label: '最小值(%)', width: 100 },
+      { prop: 'maxPercent', label: '最大值(%)', width: 100 },
+      { prop: 'nominalPercent', label: '名义值(%)', width: 100 },
+      { prop: 'analysisType', label: '分析类型', minWidth: 110 },
+      { prop: 'isKeyElement', label: '关键元素', width: 90, formatter: boolFormatter },
+      { prop: 'sortOrder', label: '排序', width: 60 }
+    ],
+    formFields: [
+      { prop: 'elementSymbol', label: '元素符号', type: 'input', required: true },
+      { prop: 'elementNameZh', label: '中文名', type: 'input', required: true },
+      { prop: 'minPercent', label: '最小值(%)', type: 'number' },
+      { prop: 'maxPercent', label: '最大值(%)', type: 'number' },
+      { prop: 'nominalPercent', label: '名义值(%)', type: 'number' },
+      { prop: 'analysisType', label: '分析类型', type: 'input' },
+      { prop: 'isKeyElement', label: '关键元素', type: 'select', options: [{ label: '是', value: 1 }, { label: '否', value: 0 }] },
+      { prop: 'sortOrder', label: '排序', type: 'number' },
+      { prop: 'remark', label: '备注', type: 'textarea', span: 24 }
+    ]
+  },
+  {
+    key: 'coatingSpec',
+    label: '镀层规格',
+    idField: 'coatingId',
+    api: {
+      list: listProductCoatingSpec,
+      get: getProductCoatingSpec,
+      add: addProductCoatingSpec,
+      update: updateProductCoatingSpec,
+      del: delProductCoatingSpec
+    },
+    searchFields: [
+      { prop: 'coatingType', label: '镀层类型' },
+      { prop: 'coatingDesignation', label: '镀层代号' }
+    ],
+    columns: [
+      { prop: 'coatingType', label: '镀层类型', width: 90 },
+      { prop: 'coatingDesignation', label: '镀层代号', width: 110 },
+      { prop: 'coatingWeightMin', label: '重量下限', width: 100 },
+      { prop: 'coatingWeightMax', label: '重量上限', width: 100 },
+      { prop: 'coatingWeightTarget', label: '目标重量', width: 100 },
+      { prop: 'surfaceFinish', label: '表面精整', minWidth: 100 },
+      { prop: 'surfaceTreatment', label: '表面处理', minWidth: 100 }
+    ],
+    formFields: [
+      { prop: 'coatingType', label: '镀层类型', type: 'input', required: true },
+      { prop: 'coatingDesignation', label: '镀层代号', type: 'input', required: true },
+      { prop: 'coatingWeightMin', label: '重量下限', type: 'number' },
+      { prop: 'coatingWeightMax', label: '重量上限', type: 'number' },
+      { prop: 'coatingWeightTarget', label: '目标重量', type: 'number' },
+      { prop: 'singleSpotMin', label: '单点最小值', type: 'number' },
+      { prop: 'surfaceFinish', label: '表面精整', type: 'input' },
+      { prop: 'surfaceTreatment', label: '表面处理', type: 'input' },
+      { prop: 'bendTestMandrel', label: '弯曲试验芯棒', type: 'input' },
+      { prop: 'saltSprayHoursWhite', label: '盐雾白锈(h)', type: 'number' },
+      { prop: 'saltSprayHoursRed', label: '盐雾红锈(h)', type: 'number' },
+      { prop: 'remark', label: '备注', type: 'textarea', span: 24 }
+    ]
+  },
+  {
+    key: 'dimension',
+    label: '尺寸规格',
+    idField: 'dimensionId',
+    api: {
+      list: listProductDimension,
+      get: getProductDimension,
+      add: addProductDimension,
+      update: updateProductDimension,
+      del: delProductDimension
+    },
+    searchFields: [
+      { prop: 'dimCode', label: '尺寸代码' },
+      { prop: 'dimNameZh', label: '尺寸名称' }
+    ],
+    columns: [
+      { prop: 'dimCode', label: '尺寸代码', width: 110 },
+      { prop: 'dimNameZh', label: '名称', minWidth: 100 },
+      { prop: 'minValue', label: '最小值', width: 90 },
+      { prop: 'maxValue', label: '最大值', width: 90 },
+      { prop: 'unit', label: '单位', width: 60 },
+      { prop: 'preferredValues', label: '推荐值', minWidth: 150 },
+      { prop: 'toleranceGradeRef', label: '公差等级', width: 90 },
+      { prop: 'sortOrder', label: '排序', width: 60 }
+    ],
+    formFields: [
+      { prop: 'dimCode', label: '尺寸代码', type: 'input', required: true },
+      { prop: 'dimNameZh', label: '名称', type: 'input', required: true },
+      { prop: 'minValue', label: '最小值', type: 'number' },
+      { prop: 'maxValue', label: '最大值', type: 'number' },
+      { prop: 'unit', label: '单位', type: 'input' },
+      { prop: 'preferredValues', label: '推荐值', type: 'input' },
+      { prop: 'toleranceGradeRef', label: '公差等级', type: 'input' },
+      { prop: 'sortOrder', label: '排序', type: 'number' },
+      { prop: 'remark', label: '备注', type: 'textarea', span: 24 }
+    ]
+  },
+  {
+    key: 'physicalProperty',
+    label: '物理性能',
+    idField: 'propertyId',
+    api: {
+      list: listProductPhysicalProperty,
+      get: getProductPhysicalProperty,
+      add: addProductPhysicalProperty,
+      update: updateProductPhysicalProperty,
+      del: delProductPhysicalProperty
+    },
+    searchFields: [
+      { prop: 'propertyCode', label: '性能代码' },
+      { prop: 'propertyNameZh', label: '性能名称' }
+    ],
+    columns: [
+      { prop: 'propertyCode', label: '性能代码', width: 100 },
+      { prop: 'propertyNameZh', label: '名称', minWidth: 100 },
+      { prop: 'minValue', label: '最小值', width: 90 },
+      { prop: 'maxValue', label: '最大值', width: 90 },
+      { prop: 'targetValue', label: '目标值', width: 90 },
+      { prop: 'unit', label: '单位', width: 60 },
+      { prop: 'isMandatory', label: '必检', width: 60, formatter: boolFormatter },
+      { prop: 'sortOrder', label: '排序', width: 60 }
+    ],
+    formFields: [
+      { prop: 'propertyCode', label: '性能代码', type: 'input', required: true },
+      { prop: 'propertyNameZh', label: '名称', type: 'input', required: true },
+      { prop: 'minValue', label: '最小值', type: 'number' },
+      { prop: 'maxValue', label: '最大值', type: 'number' },
+      { prop: 'targetValue', label: '目标值', type: 'number' },
+      { prop: 'unit', label: '单位', type: 'input' },
+      { prop: 'testStandard', label: '检测标准', type: 'input' },
+      { prop: 'testDirection', label: '检测方向', type: 'input' },
+      { prop: 'applicableThickMin', label: '适用厚度下限', type: 'number' },
+      { prop: 'applicableThickMax', label: '适用厚度上限', type: 'number' },
+      { prop: 'applicableThickDesc', label: '厚度说明', type: 'input' },
+      { prop: 'isMandatory', label: '是否必检', type: 'select', options: [{ label: '是', value: 1 }, { label: '否', value: 0 }] },
+      { prop: 'sortOrder', label: '排序', type: 'number' },
+      { prop: 'remark', label: '备注', type: 'textarea', span: 24 }
+    ]
+  },
+  {
+    key: 'refStandard',
+    label: '参考标准',
+    idField: 'refId',
+    api: {
+      list: listProductRefStandard,
+      get: getProductRefStandard,
+      add: addProductRefStandard,
+      update: updateProductRefStandard,
+      del: delProductRefStandard
+    },
+    searchFields: [
+      { prop: 'refStandardCode', label: '标准代号' },
+      { prop: 'refOrganization', label: '发布组织' }
+    ],
+    columns: [
+      { prop: 'refStandardCode', label: '标准代号', width: 160 },
+      { prop: 'refStandardName', label: '标准名称', minWidth: 200 },
+      { prop: 'refOrganization', label: '发布组织', width: 100 },
+      { prop: 'refSection', label: '引用章节', minWidth: 120 }
+    ],
+    formFields: [
+      { prop: 'refStandardCode', label: '标准代号', type: 'input', required: true },
+      { prop: 'refStandardName', label: '标准名称', type: 'input', required: true },
+      { prop: 'refOrganization', label: '发布组织', type: 'input' },
+      { prop: 'refSection', label: '引用章节', type: 'input' },
+      { prop: 'remark', label: '备注', type: 'textarea', span: 24 }
+    ]
+  },
+  {
+    key: 'tolerance',
+    label: '尺寸公差',
+    idField: 'toleranceId',
+    api: {
+      list: listProductTolerance,
+      get: getProductTolerance,
+      add: addProductTolerance,
+      update: updateProductTolerance,
+      del: delProductTolerance
+    },
+    searchFields: [
+      { prop: 'toleranceType', label: '公差类型' }
+    ],
+    columns: [
+      { prop: 'toleranceType', label: '公差类型', width: 110 },
+      { prop: 'toleranceGrade', label: '公差等级', width: 90 },
+      { prop: 'applicableThickMin', label: '厚度下限', width: 100 },
+      { prop: 'applicableThickMax', label: '厚度上限', width: 100 },
+      { prop: 'applicableWidthMin', label: '宽度下限', width: 100 },
+      { prop: 'applicableWidthMax', label: '宽度上限', width: 100 },
+      { prop: 'toleranceValuePlus', label: '上偏差', width: 90 },
+      { prop: 'toleranceValueMinus', label: '下偏差', width: 90 },
+      { prop: 'toleranceUnit', label: '单位', width: 60 },
+      { prop: 'sortOrder', label: '排序', width: 60 }
+    ],
+    formFields: [
+      { prop: 'toleranceType', label: '公差类型', type: 'select', required: true,
+        options: [{ label: '厚度(THICKNESS)', value: 'THICKNESS' }, { label: '宽度(WIDTH)', value: 'WIDTH' }, { label: '平直度(FLATNESS)', value: 'FLATNESS' }] },
+      { prop: 'toleranceGrade', label: '公差等级', type: 'select', required: true,
+        options: [{ label: '普通', value: '普通' }, { label: '精密', value: '精密' }] },
+      { prop: 'applicableThickMin', label: '适用厚度下限', type: 'number' },
+      { prop: 'applicableThickMax', label: '适用厚度上限', type: 'number' },
+      { prop: 'applicableWidthMin', label: '适用宽度下限', type: 'number' },
+      { prop: 'applicableWidthMax', label: '适用宽度上限', type: 'number' },
+      { prop: 'toleranceValuePlus', label: '上偏差', type: 'number' },
+      { prop: 'toleranceValueMinus', label: '下偏差', type: 'number' },
+      { prop: 'toleranceUnit', label: '单位', type: 'input' },
+      { prop: 'measurementStandard', label: '测量标准', type: 'input' },
+      { prop: 'sortOrder', label: '排序', type: 'number' },
+      { prop: 'remark', label: '备注', type: 'textarea', span: 24 }
+    ]
+  },
+  {
+    key: 'surfaceSpec',
+    label: '表面质量',
+    idField: 'surfaceId',
+    api: {
+      list: listProductSurfaceSpec,
+      get: getProductSurfaceSpec,
+      add: addProductSurfaceSpec,
+      update: updateProductSurfaceSpec,
+      del: delProductSurfaceSpec
+    },
+    searchFields: [
+      { prop: 'surfaceQualityGrade', label: '表面等级' }
+    ],
+    columns: [
+      { prop: 'surfaceQualityGrade', label: '表面等级', width: 90 },
+      { prop: 'roughnessRaMin', label: '粗糙度下限', width: 110 },
+      { prop: 'roughnessRaMax', label: '粗糙度上限', width: 110 },
+      { prop: 'oilingType', label: '涂油类型', width: 100 },
+      { prop: 'oilingWeightMin', label: '涂油量下限', width: 110 },
+      { prop: 'oilingWeightMax', label: '涂油量上限', width: 110 },
+      { prop: 'defectDesc', label: '缺陷说明', minWidth: 150 }
+    ],
+    formFields: [
+      { prop: 'surfaceQualityGrade', label: '表面等级', type: 'select', required: true,
+        options: [{ label: 'FB', value: 'FB' }, { label: 'FC', value: 'FC' }, { label: 'FD', value: 'FD' }] },
+      { prop: 'roughnessRaMin', label: '粗糙度Ra下限', type: 'number' },
+      { prop: 'roughnessRaMax', label: '粗糙度Ra上限', type: 'number' },
+      { prop: 'oilingType', label: '涂油类型', type: 'select',
+        options: [{ label: '干', value: '干' }, { label: '轻油', value: '轻油' }, { label: '重油', value: '重油' }] },
+      { prop: 'oilingWeightMin', label: '涂油量下限', type: 'number' },
+      { prop: 'oilingWeightMax', label: '涂油量上限', type: 'number' },
+      { prop: 'defectDesc', label: '缺陷说明', type: 'textarea', span: 24 },
+      { prop: 'remark', label: '备注', type: 'textarea', span: 24 }
+    ]
+  }
+]
+
+export default {
+  name: 'PtStandard',
+  components: { DragResizePanel },
+  dicts: ['coil_itemname', 'coil_material'],
+  data() {
+    return {
+      // ===== 产品列表 =====
+      productLoading: false,
+      productList: [],
+      productTotal: 0,
+      productQueryParams: { pageNum: 1, pageSize: 20 },
+      productSearch: '',
+      filterExpanded: false,
+      productFilters: {
+        productType: '',
+        steelGrade: '',
+        status: null
+      },
+      selectedProduct: null,
+
+      // ===== 产品弹窗 =====
+      productDialogOpen: false,
+      productDialogTitle: '',
+      productForm: {},
+      productSubmitting: false,
+      productRules: {
+        standardName: [{ required: true, message: '请输入标准名称', trigger: 'blur' }]
+      },
+
+      // ===== Tab =====
+      activeTab: 'application',
+      tabConfigs: TAB_CONFIGS,
+
+      // ===== 子表表格 =====
+      loading: false,
+      dataList: [],
+      total: 0,
+      queryParams: { pageNum: 1, pageSize: 10 },
+      showSearch: true,
+      ids: [],
+      single: true,
+      multiple: true,
+
+      // ===== 子表行内编辑 =====
+      editingId: null,
+      editForm: {},
+      editFormOriginal: null,
+
+      // ===== 子表新增弹窗 =====
+      open: false,
+      form: {}
+    }
+  },
+  computed: {
+    activeConfig() {
+      return this.tabConfigs.find(t => t.key === this.activeTab) || this.tabConfigs[0]
+    },
+    currentRules() {
+      const rules = {}
+      this.activeConfig.formFields.forEach(ff => {
+        if (ff.required) {
+          rules[ff.prop] = [{ required: true, message: '请输入' + ff.label, trigger: ff.type === 'number' ? 'change' : 'blur' }]
+        }
+      })
+      return rules
+    }
+  },
+  created() {
+    this.getProductList()
+  },
+  methods: {
+    // ==================== 产品 CRUD ====================
+    statusLabel(s) {
+      const map = { 1: '草稿', 2: '生效', 3: '作废' }
+      return map[s] || ''
+    },
+    statusClass(s) {
+      const map = { 1: 'draft', 2: 'active', 3: 'obsolete' }
+      return map[s] || ''
+    },
+    getProductList() {
+      this.productLoading = true
+      const params = { ...this.productQueryParams }
+      if (this.productSearch) {
+        params.standardName = this.productSearch
+      }
+      if (this.productFilters.productType) {
+        params.productType = this.productFilters.productType
+      }
+      if (this.productFilters.steelGrade) {
+        params.steelGrade = this.productFilters.steelGrade
+      }
+      if (this.productFilters.status != null && this.productFilters.status !== '') {
+        params.status = this.productFilters.status
+      }
+      listProductStandard(params).then(res => {
+        this.productList = res.rows || []
+        this.productTotal = res.total || 0
+        this.productLoading = false
+      }).catch(() => {
+        this.productLoading = false
+      })
+    },
+    handleProductSearch() {
+      this.productQueryParams.pageNum = 1
+      this.getProductList()
+    },
+    resetProductFilters() {
+      this.productFilters = { productType: '', steelGrade: '', status: null }
+      this.productSearch = ''
+      this.productQueryParams.pageNum = 1
+      this.getProductList()
+    },
+    selectProduct(item) {
+      this.cancelEdit()
+      this.selectedProduct = item
+      this.activeTab = 'application'
+      this.resetQueryParams()
+      this.getList()
+    },
+
+    handleProductAdd() {
+      const now = new Date()
+      const code = 'STD-' +
+        now.getFullYear() +
+        String(now.getMonth() + 1).padStart(2, '0') +
+        String(now.getDate()).padStart(2, '0') + '-' +
+        String(now.getHours()).padStart(2, '0') +
+        String(now.getMinutes()).padStart(2, '0') +
+        String(now.getSeconds()).padStart(2, '0')
+      this.productForm = {
+        standardId: undefined,
+        standardCode: code,
+        standardName: '',
+        productType: '',
+        steelGrade: '',
+        remark: ''
+      }
+      this.productDialogTitle = '新增产品标准'
+      this.productDialogOpen = true
+      this.productSubmitting = false
+      this.$nextTick(() => {
+        if (this.$refs['productForm']) this.$refs['productForm'].clearValidate()
+      })
+    },
+    handleProductUpdate(item) {
+      const row = item || this.selectedProduct
+      if (!row) return
+      getProductStandard(row.standardId).then(res => {
+        const data = res.data || {}
+        this.productForm = {
+          standardId: data.standardId,
+          standardCode: data.standardCode || '',
+          standardName: data.standardName || '',
+          productType: data.productType || '',
+          steelGrade: data.steelGrade || '',
+          remark: data.remark || ''
+        }
+        this.productDialogTitle = '修改产品标准'
+        this.productDialogOpen = true
+        this.productSubmitting = false
+        this.$nextTick(() => {
+          if (this.$refs['productForm']) this.$refs['productForm'].clearValidate()
+        })
+      })
+    },
+    handleProductDelete(item) {
+      const row = item || this.selectedProduct
+      if (!row) return
+      const name = row.standardName
+      this.$modal.confirm('确认删除产品标准「' + name + '」？删除后其下所有规格数据也将不可用。').then(() => {
+        return delProductStandard(row.standardId)
+      }).then(() => {
+        this.$modal.msgSuccess('删除成功')
+        if (this.selectedProduct && this.selectedProduct.standardId === row.standardId) {
+          this.selectedProduct = null
+          this.dataList = []
+          this.total = 0
+        }
+        this.getProductList()
+      }).catch(() => {})
+    },
+    submitProductForm() {
+      this.$refs['productForm'].validate(valid => {
+        if (!valid) return
+        this.productSubmitting = true
+        const data = {
+          ...this.productForm,
+          status: 1,        // 草稿
+          isDefault: 0      // 否
+        }
+
+        const isEdit = data.standardId != null && data.standardId !== ''
+        const action = isEdit ? updateProductStandard(data) : addProductStandard(data)
+        action.then(() => {
+          this.$modal.msgSuccess(isEdit ? '修改成功' : '新增成功')
+          this.productDialogOpen = false
+          this.productSubmitting = false
+          this.getProductList()
+          if (isEdit && this.selectedProduct) {
+            getProductStandard(this.selectedProduct.standardId).then(res => {
+              this.selectedProduct = res.data
+            })
+          }
+        }).catch(() => {
+          this.productSubmitting = false
+        })
+      })
+    },
+    cancelProductDialog() {
+      this.productDialogOpen = false
+      this.productForm = {}
+    },
+
+    // ==================== Tab 切换 ====================
+    handleTabClick() {
+      this.cancelEdit()
+      this.resetQueryParams()
+      this.getList()
+    },
+
+    // ==================== 子表 CRUD ====================
+    resetQueryParams() {
+      this.queryParams = {
+        pageNum: 1,
+        pageSize: 10,
+        standardId: this.selectedProduct ? this.selectedProduct.standardId : undefined
+      }
+      this.ids = []
+      this.single = true
+      this.multiple = true
+    },
+    getList() {
+      if (!this.selectedProduct) return
+      this.loading = true
+      const cfg = this.activeConfig
+      const params = { ...this.queryParams, standardId: this.selectedProduct.standardId }
+      cfg.api.list(params).then(res => {
+        const rows = res.rows || []
+        this.dataList = rows
+        this.total = res.total || 0
+        this.loading = false
+      }).catch(() => {
+        this.loading = false
+      })
+    },
+    handleQuery() {
+      this.queryParams.pageNum = 1
+      this.getList()
+    },
+    resetQuery() {
+      this.resetQueryParams()
+      this.handleQuery()
+    },
+    handleSelectionChange(selection) {
+      const cfg = this.activeConfig
+      this.ids = selection.map(item => item[cfg.idField])
+      this.single = selection.length !== 1
+      this.multiple = !selection.length
+    },
+
+    handleAdd() {
+      this.cancelEdit()
+      this.resetAddForm()
+      this.open = true
+    },
+
+    // ==================== 行内编辑 ====================
+    getFieldType(prop) {
+      const ff = this.activeConfig.formFields.find(f => f.prop === prop)
+      return ff ? ff.type : 'input'
+    },
+    getFieldOptions(prop) {
+      const ff = this.activeConfig.formFields.find(f => f.prop === prop)
+      return ff ? ff.options || [] : []
+    },
+    startEdit(row) {
+      const cfg = this.activeConfig
+      // Deep-clone row data as edit form
+      const form = {}
+      this.activeConfig.formFields.forEach(ff => {
+        form[ff.prop] = row[ff.prop]
+      })
+      form[cfg.idField] = row[cfg.idField]
+      form.standardId = row.standardId
+      this.editForm = form
+      // Snapshot for revert on API failure
+      this.editFormOriginal = JSON.parse(JSON.stringify(row))
+      this.editingId = row[cfg.idField]
+    },
+    cancelEdit() {
+      this.editingId = null
+      this.editForm = {}
+      this.editFormOriginal = null
+    },
+    saveEdit(row) {
+      const cfg = this.activeConfig
+      const data = { ...this.editForm }
+
+      // Optimistic: update local row immediately
+      const idx = this.dataList.findIndex(r => r[cfg.idField] === row[cfg.idField])
+      if (idx >= 0) {
+        this.dataList.splice(idx, 1, { ...this.dataList[idx], ...data })
+      }
+
+      // Exit edit mode
+      this.editingId = null
+      this.editForm = {}
+      const original = this.editFormOriginal
+      this.editFormOriginal = null
+
+      // Fire API
+      cfg.api.update(data).then(() => {
+        this.$modal.msgSuccess('保存成功')
+      }).catch(() => {
+        // Revert on failure
+        if (idx >= 0 && original) {
+          this.dataList.splice(idx, 1, original)
+        }
+        this.$modal.msgError('保存失败，已还原')
+      })
+    },
+
+    resetAddForm() {
+      const init = {}
+      this.activeConfig.formFields.forEach(ff => {
+        if (ff.type === 'select') {
+          init[ff.prop] = ff.options && ff.options.length > 0 ? ff.options[0].value : undefined
+        } else {
+          init[ff.prop] = undefined
+        }
+      })
+      init[this.activeConfig.idField] = undefined
+      if (this.selectedProduct) {
+        init.standardId = this.selectedProduct.standardId
+      }
+      this.form = init
+      if (this.$refs['form']) {
+        this.$refs['form'].clearValidate()
+      }
+    },
+    cancelAdd() {
+      this.open = false
+      this.form = {}
+    },
+
+    submitForm() {
+      this.$refs['form'].validate(valid => {
+        if (!valid) return
+        const cfg = this.activeConfig
+        cfg.api.add(this.form).then(() => {
+          this.$modal.msgSuccess('新增成功')
+          this.open = false
+          this.form = {}
+          this.getList()
+        })
+      })
+    },
+
+    handleDelete(row) {
+      const cfg = this.activeConfig
+      const ids = row ? row[cfg.idField] : this.ids.join(',')
+      if (!ids) {
+        this.$modal.msgWarning('请选择要删除的记录')
+        return
+      }
+      this.$modal.confirm('确认删除选中的' + this.activeConfig.label + '记录？').then(() => {
+        return cfg.api.del(ids)
+      }).then(() => {
+        this.getList()
+        this.$modal.msgSuccess('删除成功')
+      }).catch(() => {})
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.pt-standard-page {
+  height: calc(100vh - 84px);
+
+  // 左侧分页紧凑适配
+  ::v-deep .left-panel .pagination-container {
+    padding: 4px 8px;
+    .el-pagination {
+      flex-wrap: wrap;
+      justify-content: center;
+      .el-pagination__total {
+        font-size: 11px;
+      }
+      .el-pagination__sizes {
+        margin: 0 2px;
+      }
+    }
+  }
+}
+
+// ===== 左侧面板 =====
+.left-panel {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  background: #fff;
+  border-right: 1px solid #e8e8e8;
+
+  .left-topbar {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    padding: 8px 10px;
+    border-bottom: 1px solid #ebeef5;
+
+    .left-search-input {
+      flex: 1;
+    }
+  }
+
+  .left-filter {
+    padding: 8px 10px;
+    border-bottom: 1px solid #ebeef5;
+    background: #fafafa;
+
+    ::v-deep .el-form-item {
+      margin-bottom: 6px;
+    }
+    ::v-deep .el-form-item__label {
+      font-size: 11px;
+    }
+  }
+
+  .left-list {
+    flex: 1;
+    overflow-y: auto;
+
+    .product-item {
+      padding: 10px 12px;
+      cursor: pointer;
+      border-bottom: 1px solid #f0f2f5;
+      transition: all 0.15s;
+
+      &:hover {
+        background: #f5f7fa;
+        .product-item-actions {
+          opacity: 1;
+        }
+      }
+      &.active {
+        background: #ecf5ff;
+        border-left: 3px solid #409EFF;
+        padding-left: 9px;
+        .product-item-name { color: #409EFF; }
+      }
+      &:last-child {
+        border-bottom: none;
+      }
+    }
+    .product-item-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: 6px;
+    }
+    .product-item-name {
+      font-size: 13px;
+      font-weight: 600;
+      color: #303133;
+      flex: 1;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      line-height: 1.4;
+    }
+    .product-item-actions {
+      opacity: 0;
+      flex-shrink: 0;
+      transition: opacity 0.15s;
+      .el-button + .el-button { margin-left: 0; }
+    }
+    .product-item-meta {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      flex-wrap: wrap;
+    }
+    .product-item-code {
+      font-size: 11px;
+      color: #909399;
+      font-family: 'SF Mono', 'Menlo', monospace;
+      background: #f5f7fa;
+      padding: 1px 6px;
+      border-radius: 3px;
+    }
+    .product-item-tag {
+      font-size: 10px;
+      padding: 1px 6px;
+      border-radius: 3px;
+      line-height: 18px;
+      &.steel {
+        color: #e6a23c;
+        background: #fdf6ec;
+      }
+      &.type {
+        color: #67c23a;
+        background: #f0f9eb;
+      }
+    }
+    .product-item-sub {
+      font-size: 11px;
+      color: #909399;
+      span + span {
+        margin-left: 8px;
+      }
+    }
+    .product-item-type {
+      font-size: 11px;
+      color: #409EFF;
+      margin-top: 1px;
+    }
+  }
+}
+
+// ===== 右侧面板 =====
+.right-panel {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  background: #fff;
+  padding: 0 12px 12px;
+  overflow: auto;
+}
+
+.selected-product-info {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin: 10px 0 8px;
+  padding: 10px 14px;
+  background: #fff;
+  border: 1px solid #e4e7ed;
+  border-left: 4px solid #409EFF;
+  border-radius: 0 6px 6px 0;
+  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
+  flex-shrink: 0;
+  gap: 12px;
+
+  .product-info-left {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    min-width: 0;
+  }
+  .product-info-name {
+    font-size: 15px;
+    font-weight: 700;
+    color: #303133;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  .product-info-code {
+    font-size: 11px;
+    font-family: 'SF Mono', 'Menlo', monospace;
+    color: #909399;
+    background: #f5f7fa;
+    border: 1px solid #e4e7ed;
+    padding: 2px 8px;
+    border-radius: 4px;
+    white-space: nowrap;
+    flex-shrink: 0;
+  }
+
+  .product-info-right {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    flex-shrink: 0;
+  }
+  .product-info-tag {
+    font-size: 11px;
+    padding: 2px 8px;
+    border-radius: 4px;
+    white-space: nowrap;
+    line-height: 18px;
+    &.material {
+      color: #e6a23c;
+      background: #fdf6ec;
+      border: 1px solid #faecd8;
+    }
+    &.type {
+      color: #67c23a;
+      background: #f0f9eb;
+      border: 1px solid #e1f3d8;
+    }
+  }
+  .product-info-status {
+    font-size: 11px;
+    padding: 2px 8px;
+    border-radius: 4px;
+    white-space: nowrap;
+    line-height: 18px;
+    &.draft {
+      color: #909399;
+      background: #f4f4f5;
+      border: 1px solid #e9e9eb;
+    }
+    &.active {
+      color: #67c23a;
+      background: #f0f9eb;
+      border: 1px solid #e1f3d8;
+    }
+    &.obsolete {
+      color: #f56c6c;
+      background: #fef0f0;
+      border: 1px solid #fde2e2;
+    }
+  }
+}
+
+.empty-hint {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex: 1;
+}
+
+.custom-tabs {
+  display: flex;
+  gap: 0;
+  border-bottom: 2px solid #e4e7ed;
+  flex-shrink: 0;
+  margin-top: 2px;
+
+  .custom-tab {
+    position: relative;
+    padding: 8px 16px;
+    font-size: 13px;
+    color: #606266;
+    cursor: pointer;
+    border-bottom: 2px solid transparent;
+    margin-bottom: -2px;
+    transition: all 0.2s;
+    user-select: none;
+    white-space: nowrap;
+
+    &:hover {
+      color: #409EFF;
+    }
+    &.active {
+      color: #409EFF;
+      font-weight: 600;
+      border-bottom-color: #409EFF;
+    }
+  }
+}
+
+.tab-content {
+  padding: 12px 0;
+  background: #fff;
+  flex: 1;
+  overflow: auto;
+}
+</style>