From 403b7e75afd6c2e3802da625123044ee04a1bd55 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Mon, 16 Feb 2026 08:40:27 +0800
Subject: [PATCH] =?UTF-8?q?feat(mes):=20=E6=96=B0=E5=A2=9E=E8=BD=A6?=
 =?UTF-8?q?=E9=97=B4=E7=AE=A1=E7=90=86=E3=80=81=E5=B7=A5=E4=BD=8D=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E6=A8=A1=E5=9D=97=E5=89=8D=E7=AB=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- API 接口：workstation/index.ts（工位+3个子资源）、workshop.ts（车间）
- 车间：列表页（搜索+分页）+ 表单弹窗
- 工位：列表页 + 表单弹窗（一行3列布局 + 编码自动生成）
- 工位子资源：设备/工具/人员 3 个 Tab 面板组件
- 共 9 个 Vue/TS 文件
---
 src/api/mes/md/workstation/index.ts           |  2 +-
 src/api/mes/md/workstation/workshop.ts        |  2 -
 src/views/mes/md/item/MdItemForm.vue          | 15 ++++----
 .../mes/md/workstation/WorkstationForm.vue    | 33 ++++++++++-------
 .../mes/md/workstation/workshop/index.vue     | 37 +------------------
 5 files changed, 30 insertions(+), 59 deletions(-)

diff --git a/src/api/mes/md/workstation/index.ts b/src/api/mes/md/workstation/index.ts
index 8c6cb510c..b826bdb47 100644
--- a/src/api/mes/md/workstation/index.ts
+++ b/src/api/mes/md/workstation/index.ts
@@ -1,6 +1,6 @@
 import request from '@/config/axios'
 
-// TODO @AI：是不是每个 VO 独立文件；例如说 tool/ 、worker/、machine/ 等等
+// TODO @AI：【遵守我说的！】是不是每个 VO 独立文件；例如说 tool/ 、worker/、machine/ 等等
 
 // MES 工位 VO
 export interface MdWorkstationVO {
diff --git a/src/api/mes/md/workstation/workshop.ts b/src/api/mes/md/workstation/workshop.ts
index c45b6b462..7b4f6be83 100644
--- a/src/api/mes/md/workstation/workshop.ts
+++ b/src/api/mes/md/workstation/workshop.ts
@@ -1,7 +1,5 @@
 import request from '@/config/axios'
 
-// TODO @AI：是不是独立文件夹
-
 // MES 车间 VO
 export interface MdWorkshopVO {
   id: number // 车间编号
diff --git a/src/views/mes/md/item/MdItemForm.vue b/src/views/mes/md/item/MdItemForm.vue
index 0ed263799..6bc6df534 100644
--- a/src/views/mes/md/item/MdItemForm.vue
+++ b/src/views/mes/md/item/MdItemForm.vue
@@ -114,9 +114,8 @@
     </el-form>
     <!-- 底部 Tab：仅修改时展示 -->
     <el-tabs v-model="activeTab" v-if="formType === 'update' && formData.id">
-      <!-- TODO @芋艿：BOM 组成，等 BOM 模块实现后对接 -->
       <el-tab-pane label="BOM 组成" name="bom" lazy>
-        <el-empty description="BOM 组成（待实现）" />
+        <MdProductBomForm :itemId="formData.id!" />
       </el-tab-pane>
       <el-tab-pane label="批次属性" name="batch" lazy v-if="formData.batchFlag">
         <MdItemBatchConfigForm :itemId="formData.id!" :itemOrProduct="currentItemOrProduct" />
@@ -125,12 +124,11 @@
       <el-tab-pane label="替代品" name="substitute" lazy>
         <el-empty description="替代品（待实现）" />
       </el-tab-pane>
-      <!-- TODO @芋艿：SIP/SOP，等工艺模块实现后对接 -->
-      <el-tab-pane label="SIP" name="sip" lazy>
-        <el-empty description="SIP（待实现）" />
-      </el-tab-pane>
       <el-tab-pane label="SOP" name="sop" lazy>
-        <el-empty description="SOP（待实现）" />
+        <MdProductSopForm :itemId="formData.id!" />
+      </el-tab-pane>
+      <el-tab-pane label="SIP" name="sip" lazy>
+        <MdProductSipForm :itemId="formData.id!" />
       </el-tab-pane>
     </el-tabs>
     <template #footer>
@@ -145,6 +143,9 @@ import { generateRandomStr } from '@/utils'
 import { MdItemApi, MdItemVO } from '@/api/mes/md/item'
 import { MdItemTypeApi, MdItemTypeVO } from '@/api/mes/md/item/type'
 import MdItemBatchConfigForm from './MdItemBatchConfigForm.vue'
+import MdProductBomForm from './MdProductBomForm.vue'
+import MdProductSopForm from './MdProductSopForm.vue'
+import MdProductSipForm from './MdProductSipForm.vue'
 import { MdUnitMeasureApi, MdUnitMeasureVO } from '@/api/mes/md/unitmeasure'
 import { CommonStatusEnum } from '@/utils/constants'
 import { defaultProps, handleTree } from '@/utils/tree'
diff --git a/src/views/mes/md/workstation/WorkstationForm.vue b/src/views/mes/md/workstation/WorkstationForm.vue
index 7bcedd6e6..352ea30dd 100644
--- a/src/views/mes/md/workstation/WorkstationForm.vue
+++ b/src/views/mes/md/workstation/WorkstationForm.vue
@@ -1,5 +1,4 @@
 <template>
-  <!-- TODO @AI：工序字段 -->
   <Dialog :title="dialogTitle" v-model="dialogVisible" width="960px">
     <el-form
       ref="formRef"
@@ -8,22 +7,24 @@
       label-width="100px"
       v-loading="formLoading"
     >
-      <!-- TODO @AI：一行 3 个，和别的模块一样； -->
       <el-row>
-        <el-col :span="12">
-          <!-- TODO @AI：编号生成 -->
+        <el-col :span="8">
           <el-form-item label="工位编码" prop="code">
-            <el-input v-model="formData.code" placeholder="请输入工位编码" />
+            <el-input v-model="formData.code" placeholder="请输入工位编码">
+              <template #append>
+                <el-button @click="generateCode" :disabled="formType === 'update'">
+                  生成
+                </el-button>
+              </template>
+            </el-input>
           </el-form-item>
         </el-col>
-        <el-col :span="12">
+        <el-col :span="8">
           <el-form-item label="工位名称" prop="name">
             <el-input v-model="formData.name" placeholder="请输入工位名称" />
           </el-form-item>
         </el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="12">
+        <el-col :span="8">
           <el-form-item label="所在车间" prop="workshopId">
             <el-select v-model="formData.workshopId" placeholder="请选择车间" class="!w-1/1">
               <el-option
@@ -35,14 +36,14 @@
             </el-select>
           </el-form-item>
         </el-col>
-        <el-col :span="12">
+      </el-row>
+      <el-row>
+        <el-col :span="8">
           <el-form-item label="工位地点" prop="address">
             <el-input v-model="formData.address" placeholder="请输入工位地点" />
           </el-form-item>
         </el-col>
-      </el-row>
-      <el-row>
-        <el-col :span="12">
+        <el-col :span="8">
           <el-form-item label="状态" prop="status">
             <el-radio-group v-model="formData.status">
               <el-radio
@@ -89,6 +90,7 @@ import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
 import { MdWorkstationApi, MdWorkstationVO } from '@/api/mes/md/workstation'
 import { MdWorkshopApi, MdWorkshopVO } from '@/api/mes/md/workstation/workshop'
 import { CommonStatusEnum } from '@/utils/constants'
+import { generateRandomStr } from '@/utils'
 import WorkstationMachinePanel from './components/WorkstationMachinePanel.vue'
 import WorkstationToolPanel from './components/WorkstationToolPanel.vue'
 import WorkstationWorkerPanel from './components/WorkstationWorkerPanel.vue'
@@ -125,6 +127,11 @@ const formRules = reactive({
 })
 const formRef = ref()
 
+/** 生成工位编码 */
+const generateCode = () => {
+  formData.value.code = 'WS' + generateRandomStr(12)
+}
+
 /** 打开弹窗 */
 const open = async (type: string, id?: number) => {
   dialogVisible.value = true
diff --git a/src/views/mes/md/workstation/workshop/index.vue b/src/views/mes/md/workstation/workshop/index.vue
index dc0d8192f..6e6793d27 100644
--- a/src/views/mes/md/workstation/workshop/index.vue
+++ b/src/views/mes/md/workstation/workshop/index.vue
@@ -47,16 +47,6 @@
         >
           <Icon icon="ep:plus" class="mr-5px" /> 新增
         </el-button>
-        <!-- TODO @AI：不用导出 -->
-        <el-button
-          type="success"
-          plain
-          @click="handleExport"
-          :loading="exportLoading"
-          v-hasPermi="['mes:md-workshop:export']"
-        >
-          <Icon icon="ep:download" class="mr-5px" /> 导出
-        </el-button>
       </el-form-item>
     </el-form>
   </ContentWrap>
@@ -73,14 +63,7 @@
           <dict-tag :type="DICT_TYPE.COMMON_STATUS" :value="scope.row.status" />
         </template>
       </el-table-column>
-      <!-- TODO @AI：不用时间，展示备注 -->
-      <el-table-column
-        label="创建时间"
-        align="center"
-        prop="createTime"
-        :formatter="dateFormatter"
-        width="180px"
-      />
+      <el-table-column label="备注" align="center" prop="remark" />
       <el-table-column label="操作" align="center" width="150">
         <template #default="scope">
           <el-button
@@ -116,8 +99,6 @@
 </template>
 
 <script setup lang="ts">
-import { dateFormatter } from '@/utils/formatTime'
-import download from '@/utils/download'
 import { MdWorkshopApi, MdWorkshopVO } from '@/api/mes/md/workstation/workshop'
 import WorkshopForm from './WorkshopForm.vue'
 import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
@@ -138,7 +119,6 @@ const queryParams = reactive({
   status: undefined
 })
 const queryFormRef = ref() // 搜索的表单
-const exportLoading = ref(false) // 导出的加载中
 
 /** 查询列表 */
 const getList = async () => {
@@ -183,21 +163,6 @@ const handleDelete = async (id: number) => {
   } catch {}
 }
 
-/** 导出按钮操作 */
-const handleExport = async () => {
-  try {
-    // 导出的二次确认
-    await message.exportConfirm()
-    // 发起导出
-    exportLoading.value = true
-    const data = await MdWorkshopApi.exportWorkshop(queryParams)
-    download.excel(data, '车间.xls')
-  } catch {
-  } finally {
-    exportLoading.value = false
-  }
-}
-
 /** 初始化 **/
 onMounted(() => {
   getList()