From 15e7b7bcefaa82faf36d558a4a079d7f41c23dd2 Mon Sep 17 00:00:00 2001
From: liutao <790864623@qq.com>
Date: Wed, 29 Apr 2026 11:06:55 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=BC=B9=E5=87=BA=E6=A1=86?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E5=8F=8A=E6=A8=A1=E5=85=B7=E5=BC=B9=E5=87=BA?=
 =?UTF-8?q?=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../TableSelectDialog/TableSelectDialog.vue   |  33 ++++-
 .../mes/organization/OrganizationForm.vue     |  13 +-
 .../inspectionPlan/InspectionPlanForm.vue     | 127 +++++++++++++++++-
 3 files changed, 168 insertions(+), 5 deletions(-)

diff --git a/src/components/TableSelectDialog/TableSelectDialog.vue b/src/components/TableSelectDialog/TableSelectDialog.vue
index bed9363b..edc0cfab 100644
--- a/src/components/TableSelectDialog/TableSelectDialog.vue
+++ b/src/components/TableSelectDialog/TableSelectDialog.vue
@@ -64,13 +64,16 @@ const props = withDefaults(
     pageSize?: number
     initialRows?: any[]
     queryParams?: Record<string, any>  // 新增
+    /** ✅ 新增 */
+    defaultSelectedKeys?: (string | number)[]
   }>(),
   {
     selectionType: 'multiple',
     rowKey: 'id',
     pageSize: 10,
     initialRows: () => [],
-    queryParams: () => ({})  // 默认值
+    queryParams: () => ({}),  // 默认值
+    defaultSelectedKeys: () => []
   }
 )
 
@@ -111,6 +114,16 @@ const refreshSelectionOnTable = async () => {
     syncingSelection.value = false
   }
 }
+/**
+ * ✅ 新增：根据 defaultSelectedKeys 初始化选中状态
+ */
+const initDefaultSelection = () => {
+  if (!props.defaultSelectedKeys.length) return
+
+  props.defaultSelectedKeys.forEach((key) => {
+    selectedMap.value.set(key, { [props.rowKey]: key })
+  })
+}
 
 const getList = async () => {
   loading.value = true
@@ -161,12 +174,30 @@ const handleRowClick = (row: any) => {
 }
 
 const open = async (rows?: any[]) => {
+ /* selectedMap.value.clear()
+  const initialRows = rows || props.initialRows
+  const nextRows = isSingleSelect.value ? initialRows.slice(0, 1) : initialRows
+  nextRows.forEach((row) => {
+    selectedMap.value.set(resolveRowKey(row), row)
+  })
+  queryParams.pageNo = 1
+  queryParams.pageSize = props.pageSize
+  dialogVisible.value = true
+  await getList()*/
   selectedMap.value.clear()
+
+  // ✅ 优先使用 defaultSelectedKeys
+  if (props.defaultSelectedKeys.length) {
+    initDefaultSelection()
+  }
+
+  // ✅ 兼容原来的 initialRows / rows
   const initialRows = rows || props.initialRows
   const nextRows = isSingleSelect.value ? initialRows.slice(0, 1) : initialRows
   nextRows.forEach((row) => {
     selectedMap.value.set(resolveRowKey(row), row)
   })
+
   queryParams.pageNo = 1
   queryParams.pageSize = props.pageSize
   dialogVisible.value = true
diff --git a/src/views/mes/organization/OrganizationForm.vue b/src/views/mes/organization/OrganizationForm.vue
index ebcb42a0..9c11c945 100644
--- a/src/views/mes/organization/OrganizationForm.vue
+++ b/src/views/mes/organization/OrganizationForm.vue
@@ -141,6 +141,7 @@
     @confirm="handleDeviceSelectConfirm"
     :query-params="mergedQueryParams"
     :selection-type="'single'"
+    :default-selected-keys="ids"
   >
     <!-- 使用 header 插槽插入查询表单 -->
     <template #header>
@@ -168,6 +169,7 @@
     @confirm="handleCaiJISelectConfirm"
     :query-params="mergedQueryParams"
     :selection-type="'single'"
+    :default-selected-keys="CJIds"
   >
     <!-- 使用 header 插槽插入查询表单 -->
     <template #header>
@@ -272,6 +274,7 @@ const resetCJSearch = () => {
   searchFormRef.value?.resetFields()
   handleCJSearch()
 }
+
 /** 打开弹窗 */
 const open = async (type: string, id?: number) => {
   dialogVisible.value = true
@@ -284,6 +287,10 @@ const open = async (type: string, id?: number) => {
     formLoading.value = true
     try {
       formData.value = await OrganizationApi.getOrganization(id)
+      ids.value=formData.value.machineId != undefined
+        ? formData.value.machineId.toString().split(",").map(Number)
+        : []
+      CJIds.value=formData.value.dvId!=undefined?formData.value.dvId.toString().split(",").map(Number):[]
     } finally {
       formLoading.value = false
     }
@@ -417,6 +424,7 @@ const fetchCaiJILedgerPage = (params: Record<string, any>) => {
 }
 const selectedDeviceRows = ref<any[]>([])
 const selectedCaiJiRows = ref<any[]>([])
+/*打开关联设备确认*/
 const handleDeviceSelectConfirm = (payload: { ids: (number | string)[]; rows: any[] }) => {
   formData.value.devices = payload.rows
     .map((item) => {
@@ -429,9 +437,10 @@ const handleDeviceSelectConfirm = (payload: { ids: (number | string)[]; rows: an
     })
     .filter((item): item is { id: number; name: string } => Boolean(item))
   selectedDeviceRows.value = payload.rows
-  formData.value.dvId = payload.ids.join(',')
+  formData.value.machineId = payload.ids.join(',')
   ids.value = payload.ids.map((id) => Number(id))
 }
+/*打开关联设备*/
 const openCriticalComponentDialog = async () => {
   searchParams.deviceCode=''
   searchParams.deviceName=''
@@ -440,6 +449,7 @@ const openCriticalComponentDialog = async () => {
   let initIds= formData.value.machineId!=undefined?formData.value.machineId.toString().split(","):[]
   ids.value=initIds.map((id) => Number(id))
 }
+/*打开采集设备确认*/
 const handleCaiJISelectConfirm = (payload: { ids: (number | string)[]; rows: any[] }) => {
   formData.value.devices = payload.rows
     .map((item) => {
@@ -455,6 +465,7 @@ const handleCaiJISelectConfirm = (payload: { ids: (number | string)[]; rows: any
   formData.value.dvId = payload.ids.join(',')
   CJIds.value = payload.ids.map((id) => Number(id))
 }
+/*打开采集设备*/
 const openCaijiComponentDialog = async () => {
   searchParams.deviceCode=''
   searchParams.deviceName=''
diff --git a/src/views/mold/inspectionPlan/InspectionPlanForm.vue b/src/views/mold/inspectionPlan/InspectionPlanForm.vue
index 4718fbdb..1daef361 100644
--- a/src/views/mold/inspectionPlan/InspectionPlanForm.vue
+++ b/src/views/mold/inspectionPlan/InspectionPlanForm.vue
@@ -34,7 +34,7 @@
       </el-form-item>
 
       <el-form-item :label="t('MoldManagement.MoldInspectionPlan.subjectName')" prop="subjectIds">
-        <el-select
+<!--        <el-select
           v-model="formData.subjectIds"
           multiple
           filterable
@@ -43,7 +43,10 @@
           class="!w-full"
         >
           <el-option v-for="item in subjectOptions" :key="item.id" :label="item.subjectName" :value="item.id" />
-        </el-select>
+        </el-select>-->
+        <el-input :model-value="displayItemDevice" readonly clearable class="device-ledger-selection-input"
+                  :placeholder="t('MoldManagement.MoldInspectionPlan.placeholderSubjectSelect')"
+                  @click="openCriticalComponentDialog"   />
       </el-form-item>
     </el-form>
 
@@ -52,13 +55,40 @@
       <el-button @click="dialogVisible = false">{{ t('common.cancel') }}</el-button>
     </template>
   </Dialog>
+  <TableSelectDialog
+    ref="deviceSelectDialogRef"
+    title="选择设备"
+    :columns="deviceColumns"
+    :fetch-api="fetchDeviceLedgerPage"
+    row-key="id"
+    @confirm="handleDeviceSelectConfirm"
+    :query-params="mergedQueryParams"
+    :default-selected-keys="ids"
+  >
+    <!-- 使用 header 插槽插入查询表单 -->
+    <template #header>
+      <el-form ref="searchFormRef" :model="searchParams" :inline="true" >
+        <el-form-item label="设备编号" prop="deviceCode">
+          <el-input v-model="searchParams.deviceCode" placeholder="请输入编号" clearable />
+        </el-form-item>
+        <el-form-item label="设备名称" prop="deviceName">
+          <el-input v-model="searchParams.deviceName" placeholder="请输入名称" clearable />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="handleSearch">{{ t('FactoryModeling.ProductInformation.searchButtonText') }}</el-button>
+          <el-button @click="resetSearch">{{ t('FactoryModeling.ProductInformation.resetButtonText') }}</el-button>
+        </el-form-item>
+      </el-form>
+    </template>
+  </TableSelectDialog>
 </template>
 
 <script setup lang="ts">
 import type { FormRules } from 'element-plus'
 import { DvSubjectApi, DvSubjectVO } from '@/api/mold/inspectionItems'
 import { PlanMaintenanceApi, PlanMaintenanceVO } from '@/api/mold/planmaintenance'
-
+import {DeviceLedgerApi, DeviceLedgerVO} from "@/api/mes/deviceledger";
+import TableSelectDialog from '@/components/TableSelectDialog/TableSelectDialog.vue'
 defineOptions({ name: 'MoldInspectionPlanForm' })
 
 const { t } = useI18n()
@@ -74,6 +104,7 @@ const ensureSubjectOptionsLoaded = async () => {
   if (subjectOptions.value.length) return
   const res = await DvSubjectApi.getMoldSubjectAllList()
   const list = Array.isArray(res) ? res : res?.list
+  itemList.value = (list ?? []) as DvSubjectVO[]
   subjectOptions.value = (list ?? []) as DvSubjectVO[]
 }
 
@@ -97,7 +128,94 @@ const parseIds = (value: any): Array<number | string> => {
     })
     .filter((v): v is number | string => v !== undefined)
 }
+const ids = ref([])
+const itemList = ref<DvSubjectVO[]>([])
+const selectedDeviceRows = ref<any[]>([])
+const deviceSelectDialogRef = ref(false)
+const mergedQueryParams = computed(() => ({ ...searchParams }))
+const deviceColumns = [
+  { label: '项目编码', prop: 'subjectCode', minWidth: 140 },
+  { label: '项目名称', prop: 'subjectName', minWidth: 160 },
+  { label: '项目类型', prop: 'subjectType', minWidth: 140 },
+  { label: '项目内容', prop: 'subjectContent', minWidth: 140 }
+]
+
+const fetchDeviceLedgerPage = async (params: Record<string, any>) => {
+  const res = await DvSubjectApi.getDvSubjectPage({
+    ...params,
+  })
+
+  const list = res.list || []
+
+  // 合并已选数据（防止分页丢失）
+  const selectedMap = new Map(
+    selectedDeviceRows.value.map((item) => [item.id, item])
+  )
+
+  return {
+    ...res,
+    list: list.map((item) => ({
+      ...item,
+      ...selectedMap.get(item.id)
+    }))
+  }
+}
+// 1. 自定义表单的查询参数
+const searchParams = reactive({
+  subjectCode: undefined,
+  subjectName: undefined,
+})
+const displayItemDevice = computed( () => {
+  if (!ids.value.length)return ''
+  if (!itemList.value.length) {
+    return formData.value.subjectIds ? String(formData.value.subjectIds) : ''
+  }
+  const map = new Map(itemList.value.map((item) => [item.id, item.subjectName]))
+  const names = ids.value
+    .map((id) => map.get(id))
+    .filter((name) => name)
+  return names.join(',')
+})
+
+const openCriticalComponentDialog = async () => {
+  searchParams.subjectCode=''
+  searchParams.subjectName=''
+  const rows = selectedDeviceRows.value.length
+
+
+  //deviceSelectDialogRef.value?.open(rows)
+  let initIds= formData.value.subjectIds!=undefined?formData.value.subjectIds.toString().split(","):[]
+  deviceSelectDialogRef.value?.open([], {
+    defaultSelectedKeys: initIds
+  })
+  ids.value=initIds.map((id) => Number(id))
+}
 
+const handleDeviceSelectConfirm = (payload: { ids: (number | string)[]; rows: any[] }) => {
+  formData.value.subjectIds = payload.rows
+    .map((item) => {
+      const id = Number(item.id)
+      if (!Number.isFinite(id)) return undefined
+      return {
+        id,
+        name: item.subjectName || item.name || item.code || `设备ID:${id}`
+      }
+    })
+    .filter((item): item is { id: number; name: string } => Boolean(item))
+  selectedDeviceRows.value = payload.rows
+  formData.value.subjectIds = payload.ids.join(',')
+  ids.value = payload.ids.map((id) => Number(id))
+}
+
+const handleSearch = () => {
+  // 触发弹窗内部重新加载数据
+  deviceSelectDialogRef.value?.reload?.()
+}
+const searchFormRef = ref()
+const resetSearch = () => {
+  searchFormRef.value?.resetFields()
+  handleSearch()
+}
 const initFormData = () => ({
   id: undefined as PlanMaintenanceVO['id'],
   planName: '' as string,
@@ -141,6 +259,9 @@ const open = async (type: 'create' | 'update', row?: Partial<PlanMaintenanceVO>)
       description: (row.description as any) ?? '',
       subjectIds: parseIds((row as any).subjectIds ?? (row as any).subjectIdS)
     }
+    ids.value=parseIds((row as any).subjectIds ?? (row as any).subjectIdS)
+  }else{
+    ids.value=[]
   }
 }