From e9e066cf25fccae92c86da3462ec88e753576108 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Sat, 21 Feb 2026 12:29:49 +0800
Subject: [PATCH] =?UTF-8?q?feat(mes):=20=E6=B7=BB=E5=8A=A0=E6=8A=A5?=
 =?UTF-8?q?=E5=B7=A5=E7=9B=B8=E5=85=B3=E5=AD=97=E6=AE=B5=E5=92=8C=E7=AE=80?=
 =?UTF-8?q?=E5=8C=96=E9=80=89=E6=8B=A9=E7=BB=84=E4=BB=B6=EF=BC=8C=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E6=95=B0=E6=8D=AE=E5=A4=84=E7=90=86=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/mes/dv/subject/SubjectForm.vue      |  13 +-
 .../mes/pro/andon/record/AndonRecordForm.vue  |  13 +-
 src/views/mes/pro/feedback/FeedbackForm.vue   | 165 ++++++------------
 src/views/mes/pro/feedback/index.vue          |  46 ++---
 4 files changed, 80 insertions(+), 157 deletions(-)

diff --git a/src/views/mes/dv/subject/SubjectForm.vue b/src/views/mes/dv/subject/SubjectForm.vue
index 5abe3203f..09d507fb6 100644
--- a/src/views/mes/dv/subject/SubjectForm.vue
+++ b/src/views/mes/dv/subject/SubjectForm.vue
@@ -9,9 +9,12 @@
     >
       <el-row>
         <el-col :span="12">
-          <!-- TODO @AI：生成逻辑； -->
           <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">
@@ -69,6 +72,7 @@
 import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
 import { DvSubjectApi, DvSubjectVO } from '@/api/mes/dv/subject'
 import { CommonStatusEnum } from '@/utils/constants'
+import { generateRandomStr } from '@/utils'
 
 defineOptions({ name: 'SubjectForm' })
 
@@ -97,6 +101,11 @@ const formRules = reactive({
 })
 const formRef = ref() // 表单 Ref
 
+/** 生成项目编码 */
+const generateCode = () => {
+  formData.value.code = 'SUBJECT' + generateRandomStr(8)
+}
+
 /** 打开弹窗 */
 const open = async (type: string, id?: number) => {
   dialogVisible.value = true
diff --git a/src/views/mes/pro/andon/record/AndonRecordForm.vue b/src/views/mes/pro/andon/record/AndonRecordForm.vue
index 6a00a0d8d..e93606231 100644
--- a/src/views/mes/pro/andon/record/AndonRecordForm.vue
+++ b/src/views/mes/pro/andon/record/AndonRecordForm.vue
@@ -1,5 +1,4 @@
 <!-- 安灯呼叫记录 新增/详情弹窗 -->
-<!-- TODO @芋艿：需要提供这样的新增么？ -->
 <template>
   <Dialog :title="dialogTitle" v-model="dialogVisible" width="600px">
     <el-form
@@ -16,17 +15,11 @@
       <el-form-item label="发起人" prop="userId">
         <UserSelect v-model="formData.userId" />
       </el-form-item>
-      <!-- TODO @芋艿：这里的 select 组件 -->
       <el-form-item label="生产工单" prop="workOrderId">
-        <el-input
-          v-model="formData.workOrderId"
-          placeholder="请输入工单编号（可选）"
-          type="number"
-        />
+        <ProWorkOrderSelect v-model="formData.workOrderId" placeholder="请选择工单（可选）" />
       </el-form-item>
-      <!-- TODO @芋艿：这里的 select 组件 -->
       <el-form-item label="工序" prop="processId">
-        <el-input v-model="formData.processId" placeholder="请输入工序编号（可选）" type="number" />
+        <ProProcessSelect v-model="formData.processId" placeholder="请选择工序（可选）" />
       </el-form-item>
       <el-form-item label="呼叫原因" prop="configId">
         <AndonConfigSelect v-model="formData.configId" @change="handleConfigChange" />
@@ -67,6 +60,8 @@ import { ProAndonRecordApi } from '@/api/mes/pro/andon/record'
 import { ProAndonConfigVO } from '@/api/mes/pro/andon/config'
 import { DICT_TYPE } from '@/utils/dict'
 import MdWorkstationSelect from '@/views/mes/md/workstation/components/MdWorkstationSelect.vue'
+import ProWorkOrderSelect from '@/views/mes/pro/workorder/components/ProWorkOrderSelect.vue'
+import ProProcessSelect from '@/views/mes/pro/process/components/ProProcessSelect.vue'
 import UserSelect from '@/views/system/user/components/UserSelect.vue'
 import AndonConfigSelect from '../config/components/AndonConfigSelect.vue'
 import { useUserStoreWithOut } from '@/store/modules/user'
diff --git a/src/views/mes/pro/feedback/FeedbackForm.vue b/src/views/mes/pro/feedback/FeedbackForm.vue
index 75a4ca76c..a4020b43c 100644
--- a/src/views/mes/pro/feedback/FeedbackForm.vue
+++ b/src/views/mes/pro/feedback/FeedbackForm.vue
@@ -52,75 +52,40 @@
         </el-col>
       </el-row>
       <!-- 工单 / 任务 / 工作站 -->
-      <!-- TODO @AI：生产工单 select； -->
       <el-row :gutter="20">
         <el-col :span="8">
           <el-form-item label="生产工单" prop="workOrderId">
-            <el-select
+            <ProWorkOrderSelect
               v-model="formData.workOrderId"
-              filterable
-              remote
-              reserve-keyword
-              :remote-method="searchWorkOrder"
-              placeholder="请搜索工单编码"
               :disabled="isDetail"
-              class="!w-1/1"
+              placeholder="请选择工单"
               @change="handleWorkOrderChange"
-            >
-              <el-option
-                v-for="item in workOrderOptions"
-                :key="item.id"
-                :label="item.code + ' - ' + item.name"
-                :value="item.id"
-              />
-            </el-select>
+            />
           </el-form-item>
         </el-col>
         <el-col :span="8">
           <el-form-item label="生产任务" prop="taskId">
-            <el-select
+            <ProTaskSelect
               v-model="formData.taskId"
-              filterable
-              remote
-              reserve-keyword
-              :remote-method="searchTask"
-              placeholder="请搜索任务编码"
+              :workOrderId="formData.workOrderId"
               :disabled="isDetail || !formData.workOrderId"
-              class="!w-1/1"
+              placeholder="请选择任务"
               @change="handleTaskChange"
-            >
-              <el-option
-                v-for="item in taskOptions"
-                :key="item.id"
-                :label="item.code + ' - ' + item.name"
-                :value="item.id"
-              />
-            </el-select>
+            />
           </el-form-item>
         </el-col>
         <el-col :span="8">
           <el-form-item label="工作站" prop="workstationId">
-            <el-select
+            <MdWorkstationSelect
               v-model="formData.workstationId"
-              filterable
-              remote
-              reserve-keyword
-              :remote-method="searchWorkstation"
-              placeholder="请搜索工作站"
               :disabled="isDetail"
-              class="!w-1/1"
-            >
-              <el-option
-                v-for="item in workstationOptions"
-                :key="item.id"
-                :label="item.code + ' - ' + item.name"
-                :value="item.id"
-              />
-            </el-select>
+              placeholder="请选择工作站"
+            />
           </el-form-item>
         </el-col>
       </el-row>
       <!-- 工序 / 批次号 -->
+      <!-- TODO @芋艿：是不是不用这个字段？【待定】 -->
       <el-row :gutter="20">
         <el-col :span="8">
           <el-form-item label="工序" prop="processId">
@@ -225,22 +190,36 @@
           </el-form-item>
         </el-col>
       </el-row>
-      <!-- TODO @AI：报工人、报工时间、审批人；select 模式； -->
-      <!-- 报工人 / 报工时间 / 审核人（仅编辑/详情模式展示） -->
-      <el-row :gutter="20" v-if="formData.id">
+      <!-- 报工人 / 报工时间 / 审核人 -->
+      <el-row :gutter="20">
         <el-col :span="8">
-          <el-form-item label="报工人">
-            <el-input :model-value="formData.feedbackUserNickname" disabled />
+          <el-form-item label="报工人" prop="feedbackUserId">
+            <UserSelect
+              v-model="formData.feedbackUserId"
+              :disabled="isDetail"
+              placeholder="请选择报工人"
+            />
           </el-form-item>
         </el-col>
         <el-col :span="8">
-          <el-form-item label="报工时间">
-            <el-input :model-value="formData.feedbackTime" disabled />
+          <el-form-item label="报工时间" prop="feedbackTime">
+            <el-date-picker
+              v-model="formData.feedbackTime"
+              type="datetime"
+              value-format="YYYY-MM-DD HH:mm:ss"
+              placeholder="请选择报工时间"
+              :disabled="isDetail"
+              class="!w-1/1"
+            />
           </el-form-item>
         </el-col>
         <el-col :span="8">
-          <el-form-item label="审核人">
-            <el-input :model-value="formData.approveUserNickname" disabled />
+          <el-form-item label="审核人" prop="approveUserId">
+            <UserSelect
+              v-model="formData.approveUserId"
+              :disabled="isDetail"
+              placeholder="请选择审核人"
+            />
           </el-form-item>
         </el-col>
       </el-row>
@@ -269,7 +248,10 @@
 <script setup lang="ts">
 import { getIntDictOptions, getStrDictOptions, DICT_TYPE } from '@/utils/dict'
 import { ProFeedbackApi, ProFeedbackVO } from '@/api/mes/pro/feedback'
-import { ProWorkOrderApi } from '@/api/mes/pro/workorder'
+import ProWorkOrderSelect from '@/views/mes/pro/workorder/components/ProWorkOrderSelect.vue'
+import ProTaskSelect from '@/views/mes/pro/task/components/ProTaskSelect.vue'
+import MdWorkstationSelect from '@/views/mes/md/workstation/components/MdWorkstationSelect.vue'
+import UserSelect from '@/views/system/user/components/UserSelect.vue'
 
 defineOptions({ name: 'FeedbackForm' })
 
@@ -302,11 +284,10 @@ const formData = ref<Record<string, any>>({
   laborScrapQuantity: 0,
   materialScrapQuantity: 0,
   otherScrapQuantity: 0,
-  remark: undefined,
-  // 展示字段（来自 RespVO，不提交）
-  feedbackUserNickname: undefined,
+  feedbackUserId: undefined,
   feedbackTime: undefined,
-  approveUserNickname: undefined
+  approveUserId: undefined,
+  remark: undefined
 })
 
 const formRules = reactive({
@@ -327,38 +308,7 @@ const checkFlag = ref(false)
 /** 工序显示（只读） */
 const processDisplay = ref('')
 
-// ==================== 远程搜索选项 ====================
-
-const workOrderOptions = ref<any[]>([])
-const taskOptions = ref<any[]>([])
-const workstationOptions = ref<any[]>([])
-
-/** 搜索工单 */
-const searchWorkOrder = async (query: string) => {
-  if (!query) return
-  const data = await ProWorkOrderApi.getWorkOrderPage({
-    pageNo: 1,
-    pageSize: 20,
-    code: query,
-    status: 1
-  })
-  workOrderOptions.value = data.list
-}
-
-/** 搜索任务（按工单过滤） */
-// TODO @芋艿：pro_task API 待迁移，暂用占位
-const searchTask = async (query: string) => {
-  if (!query || !formData.value.workOrderId) return
-  // TODO @芋艿：待 pro_task 前端 API 迁移后，替换为 ProTaskApi.getTaskPage({ workOrderId, code: query })
-  taskOptions.value = []
-}
-
-/** 搜索工作站 */
-const searchWorkstation = async (query: string) => {
-  if (!query) return
-  // TODO @芋艿：如果有工作站搜索 API，可替换
-  workstationOptions.value = []
-}
+// ==================== 级联选择回调 ====================
 
 /** 工单变更：清空任务相关字段 */
 const handleWorkOrderChange = () => {
@@ -369,14 +319,14 @@ const handleWorkOrderChange = () => {
   formData.value.unitMeasureId = undefined
   formData.value.workstationId = undefined
   processDisplay.value = ''
-  taskOptions.value = []
   checkFlag.value = false
 }
 
 /** 任务变更：自动填充关联字段 */
-const handleTaskChange = (taskId: number) => {
-  const task = taskOptions.value.find((t: any) => t.id === taskId)
-  if (!task) return
+const handleTaskChange = (task: any) => {
+  if (!task) {
+    return
+  }
   formData.value.routeId = task.routeId
   formData.value.processId = task.processId
   formData.value.itemId = task.itemId
@@ -421,20 +371,6 @@ const open = async (type: string, id?: number) => {
       // 填充显示字段
       processDisplay.value = data.processCode ? data.processCode + ' - ' + data.processName : ''
       checkFlag.value = (data as any).checkFlag || false
-      // 填充选项（让 select 能显示已选值）
-      if (data.workOrderId) {
-        workOrderOptions.value = [
-          { id: data.workOrderId, code: data.workOrderCode, name: data.workOrderName }
-        ]
-      }
-      if (data.taskId) {
-        taskOptions.value = [{ id: data.taskId, code: data.taskCode, name: '' }]
-      }
-      if (data.workstationId) {
-        workstationOptions.value = [
-          { id: data.workstationId, code: data.workstationCode, name: data.workstationName }
-        ]
-      }
     } finally {
       formLoading.value = false
     }
@@ -490,14 +426,11 @@ const resetForm = () => {
     laborScrapQuantity: 0,
     materialScrapQuantity: 0,
     otherScrapQuantity: 0,
-    remark: undefined,
-    feedbackUserNickname: undefined,
+    feedbackUserId: undefined,
     feedbackTime: undefined,
-    approveUserNickname: undefined
+    approveUserId: undefined,
+    remark: undefined
   }
-  workOrderOptions.value = []
-  taskOptions.value = []
-  workstationOptions.value = []
   processDisplay.value = ''
   checkFlag.value = false
   formRef.value?.resetFields()
diff --git a/src/views/mes/pro/feedback/index.vue b/src/views/mes/pro/feedback/index.vue
index 19ae7b88d..4d4758a34 100644
--- a/src/views/mes/pro/feedback/index.vue
+++ b/src/views/mes/pro/feedback/index.vue
@@ -33,29 +33,18 @@
           />
         </el-select>
       </el-form-item>
-      <!-- TODO @AI：select；增加一个 workOrder 的 select 组件 -->
       <el-form-item label="生产工单" prop="workOrderId">
-        <el-select
-          v-model="queryParams.workOrderId"
-          filterable
-          remote
-          reserve-keyword
-          :remote-method="searchWorkOrder"
-          placeholder="请搜索工单编码"
-          clearable
-          class="!w-240px"
-        >
-          <el-option
-            v-for="item in workOrderOptions"
-            :key="item.id"
-            :label="item.code"
-            :value="item.id"
-          />
-        </el-select>
+        <ProWorkOrderSelect v-model="queryParams.workOrderId" placeholder="请选择工单" class="!w-240px" />
+      </el-form-item>
+      <el-form-item label="产品物料" prop="itemId">
+        <MdItemSelect v-model="queryParams.itemId" placeholder="请选择产品物料" class="!w-240px" />
+      </el-form-item>
+      <el-form-item label="报工人" prop="feedbackUserId">
+        <UserSelect v-model="queryParams.feedbackUserId" placeholder="请选择报工人" class="!w-240px" />
+      </el-form-item>
+      <el-form-item label="记录人" prop="creator">
+        <UserSelect v-model="queryParams.creator" placeholder="请选择记录人" class="!w-240px" />
       </el-form-item>
-      <!-- TODO @AI：产品物料 select -->
-      <!-- TODO @AI：报工人 select -->
-      <!-- TODO @AI：记录人 select -->
       <el-form-item label="状态" prop="status">
         <el-select v-model="queryParams.status" placeholder="请选择状态" clearable class="!w-240px">
           <el-option
@@ -221,7 +210,9 @@
 import { dateFormatter } from '@/utils/formatTime'
 import download from '@/utils/download'
 import { ProFeedbackApi, ProFeedbackVO } from '@/api/mes/pro/feedback'
-import { ProWorkOrderApi } from '@/api/mes/pro/workorder'
+import ProWorkOrderSelect from '@/views/mes/pro/workorder/components/ProWorkOrderSelect.vue'
+import MdItemSelect from '@/views/mes/md/item/components/MdItemSelect.vue'
+import UserSelect from '@/views/system/user/components/UserSelect.vue'
 import FeedbackForm from './FeedbackForm.vue'
 import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
 import { MesProFeedbackStatusEnum } from '@/views/mes/utils/constants'
@@ -240,20 +231,15 @@ const queryParams = reactive({
   code: undefined,
   type: undefined,
   workOrderId: undefined,
+  itemId: undefined,
+  feedbackUserId: undefined,
+  creator: undefined,
   status: undefined,
   feedbackTime: undefined
 })
 const queryFormRef = ref()
 const exportLoading = ref(false)
 
-/** 工单远程搜索选项 */
-const workOrderOptions = ref<any[]>([])
-const searchWorkOrder = async (query: string) => {
-  if (!query) return
-  const data = await ProWorkOrderApi.getWorkOrderPage({ pageNo: 1, pageSize: 20, code: query })
-  workOrderOptions.value = data.list
-}
-
 /** 查询列表 */
 const getList = async () => {
   loading.value = true