From def762ae783a46071abbf90962216403171c5755 Mon Sep 17 00:00:00 2001
From: liutao <790864623@qq.com>
Date: Thu, 28 May 2026 15:06:02 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=BE=E5=A4=87=E5=8F=B0=E8=B4=A6=E7=BC=96?=
 =?UTF-8?q?=E8=BE=91=E9=A1=B5=E9=9D=A2=E8=B7=AF=E7=94=B1=E8=B7=B3=E8=BD=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../mes/deviceledger/detail/editIndex.vue     | 1001 +++++++++++++++++
 src/views/mes/deviceledger/index.vue          |    5 +-
 2 files changed, 1005 insertions(+), 1 deletion(-)
 create mode 100644 src/views/mes/deviceledger/detail/editIndex.vue

diff --git a/src/views/mes/deviceledger/detail/editIndex.vue b/src/views/mes/deviceledger/detail/editIndex.vue
new file mode 100644
index 00000000..00093e5e
--- /dev/null
+++ b/src/views/mes/deviceledger/detail/editIndex.vue
@@ -0,0 +1,1001 @@
+<template>
+  <ContentWrap>
+    <div v-loading="detailLoading" class="device-ledger-detail-body">
+      <div class="device-ledger-detail-title">设备基本信息</div>
+      <div class="device-ledger-detail-main" >
+        <el-form
+          ref="formRef"
+          :model="formData"
+          :rules="formRules"
+          label-width="110px"
+          v-loading="formLoading || fileUploading"
+          element-loading-text="资料上传中，请稍候"
+        >
+          <el-row :gutter="16">
+            <el-col :span="8">
+              <el-form-item :label="t('EquipmentManagement.EquipmentLedger.images')" prop="images">
+                <UploadImg style="height: 100px" v-model="formData.images" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="16">
+              <el-form-item :label="t('EquipmentManagement.EquipmentLedger.deviceCode')" prop="deviceCode">
+                <el-row :gutter="20" style="width: 100%">
+                  <el-col :xs="18" :sm="18" :md="16" :lg="14" :xl="10">
+                    <el-input v-model="formData.deviceCode"
+                              :placeholder="t('EquipmentManagement.EquipmentLedger.placeholderDeviceCode')"
+                              :disabled="Boolean(formData.isCode) || formType === 'update'" />
+                  </el-col>
+                  <el-col :xs="24" :sm="6" :md="4" :lg="3" :xl="2">
+                    <div>
+                      <el-switch v-model="formData.isCode" :disabled="formType === 'update'"
+                                 @change="handleCodeAutoChange" />
+                    </div>
+                  </el-col>
+
+                </el-row>
+              </el-form-item>
+
+              <el-row :gutter="20">
+                <el-col :span="12">
+                  <el-form-item :label="t('EquipmentManagement.EquipmentLedger.deviceName')" prop="deviceName" required>
+                    <el-input v-model="formData.deviceName"
+                              :placeholder="t('EquipmentManagement.EquipmentLedger.placeholderDeviceName')" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item :label="t('EquipmentManagement.EquipmentLedger.deviceType')" prop="deviceType" required>
+                    <el-tree-select v-model="formData.deviceType" :data="deviceTypeTree" :props="treeSelectProps"
+                                    check-strictly default-expand-all value-key="id"
+                                    :placeholder="t('EquipmentManagement.EquipmentLedger.placeholderDeviceType')" class="!w-full" />
+                  </el-form-item>
+                </el-col>
+              </el-row>
+
+              <el-row :gutter="20">
+                <el-col :span="12">
+                  <el-form-item :label="t('EquipmentManagement.EquipmentLedger.deviceSpec')" prop="deviceSpec">
+                    <el-input v-model="formData.deviceSpec"
+                              :placeholder="t('EquipmentManagement.EquipmentLedger.placeholderDeviceSpec')" />
+                  </el-form-item>
+                </el-col>
+                <el-col v-if="isScheduledEnabled" :span="12">
+                  <el-form-item
+                    :label="t('EquipmentManagement.EquipmentLedger.ratedCapacity')"
+                    prop="ratedCapacity"
+                    :required="isScheduledEnabled"
+                  >
+                    <el-input-number v-model="formData.ratedCapacity" :min="0" :precision="0" controls-position="right"
+                                     class="!w-full" :placeholder="t('EquipmentManagement.EquipmentLedger.placeholderRatedCapacity')" />
+                  </el-form-item>
+                </el-col>
+
+              </el-row>
+
+
+
+            </el-col>
+            <el-col :span="8">
+              <el-form-item :label="t('EquipmentManagement.EquipmentLedger.isSchedueld')" prop="isScheduled">
+                <el-switch v-model="formData.isScheduled" :active-value="1" :inactive-value="0"
+                           :active-text="t('EquipmentManagement.EquipmentLedger.yes')"
+                           :inactive-text="t('EquipmentManagement.EquipmentLedger.no')" inline-prompt />
+              </el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <el-form-item :label="t('EquipmentManagement.EquipmentLedger.productionDate')" prop="productionDate">
+                <el-date-picker v-model="formData.productionDate" type="date" value-format="YYYY-MM-DD"
+                                :placeholder="t('EquipmentManagement.EquipmentLedger.placeholderProductionDate')" class="!w-full" />
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="8">
+              <el-form-item :label="t('EquipmentManagement.EquipmentLedger.factoryEntryDate')" prop="factoryEntryDate">
+                <el-date-picker v-model="formData.factoryEntryDate" type="date" value-format="YYYY-MM-DD"
+                                :placeholder="t('EquipmentManagement.EquipmentLedger.placeholderFactoryEntryDate')" class="!w-full" />
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="12">
+              <el-form-item :label="t('EquipmentManagement.EquipmentLedger.deviceLocation')" prop="deviceLocation">
+                <el-input v-model="formData.deviceLocation"
+                          :placeholder="t('EquipmentManagement.EquipmentLedger.placeholderDeviceLocation')" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item :label="t('EquipmentManagement.EquipmentLedger.deviceManagerName')" prop="deviceManagerIds">
+                <el-select v-model="formData.deviceManagerIds" multiple filterable clearable
+                           :placeholder="t('EquipmentManagement.EquipmentLedger.placeholderDeviceManagerIds')" class="!w-full">
+                  <el-option v-for="item in users" :key="item.id" :label="item.nickname" :value="item.id" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="24">
+              <el-form-item :label="t('EquipmentManagement.EquipmentLedger.criticalComponent')" prop="componentIds">
+                <el-input :model-value="criticalComponentDisplay" readonly clearable class="device-ledger-selection-input"
+                          :placeholder="t('EquipmentManagement.EquipmentLedger.placeholderComponentIds')"
+                          @clear="clearCriticalComponent" @click="openCriticalComponentDialog" />
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="24">
+              <el-form-item :label="t('EquipmentManagement.EquipmentLedger.sparePart')" prop="beijianIds">
+                <el-input :model-value="beijianDisplay" readonly clearable class="device-ledger-selection-input"
+                          :placeholder="t('EquipmentManagement.EquipmentLedger.placeholderBeijianIds')" @clear="clearBeijian"
+                          @click="openBeijianDialog" />
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="24">
+              <el-form-item :label="t('EquipmentManagement.EquipmentLedger.fileUrl')" prop="fileUrl">
+                <UploadFile
+                  :is-show-tip="false"
+                  v-model="formData.fileUrl"
+                  :limit="9"
+                  @uploading-change="handleFileUploadingChange"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col v-if="formType === 'update'" :span="24">
+              <el-form-item :label="t('EquipmentManagement.EquipmentLedger.qrcode')" prop="qrcodeUrl">
+                <QrcodeActionCard :image-url="formData.qrcodeUrl" :print-id="formData.id"
+                                  :print-title="`${formData.deviceName || '设备'}码打印预览`" :print-paper-width="80" :print-paper-height="80"
+                                  :print-max-width="220" :empty-text="t('EquipmentManagement.EquipmentLedger.qrcodeEmpty')"
+                                  :error-text="t('EquipmentManagement.EquipmentLedger.qrcodeLoadError')"
+                                  :refresh-url="getQrcodeRefreshUrl()" :refresh-disabled="!formData.id || !formData.deviceCode"
+                                  refresh-confirm-text="确认刷新该设备二维码吗？"
+                                  :template-json="formData.templateJson"
+                                  :print-data="buildPrintData()"
+                                  @refresh-success="handleQrcodeRefreshSuccess" />
+              </el-form-item>
+            </el-col>
+
+            <el-col :span="24">
+              <el-form-item :label="t('EquipmentManagement.EquipmentLedger.remark')" prop="remark">
+                <el-input v-model="formData.remark"
+                          :placeholder="t('EquipmentManagement.EquipmentLedger.placeholderRemark')" type="textarea" />
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+<!--        <template #footer>
+          <el-button @click="submitForm" type="primary" :disabled="formLoading || fileUploading">{{ t('common.ok') }}</el-button>
+          <el-button @click="dialogVisible = false">{{ t('common.cancel') }}</el-button>
+        </template>-->
+      </div>
+
+      <div class="device-ledger-detail-tabs">
+        <el-tabs v-model="detailActiveTab" class="mt-12px">
+
+          <el-tab-pane :label="t('EquipmentManagement.EquipmentLedger.criticalComponent')" name="criticalComponent">
+            <div class="device-ledger-tab-toolbar">
+              <el-button
+                type="success"
+                plain
+                :loading="criticalExportLoading"
+                @click="handleExportCriticalComponent"
+                v-hasPermi="['mes:device-ledger:export']"
+              >
+                <Icon icon="ep:download" class="mr-5px" /> {{ t('action.export') }}
+              </el-button>
+            </div>
+            <el-table v-loading="tableLoading" :data="detailData?.componentList" :stripe="true" :show-overflow-tooltip="true">
+              <el-table-column :label="t('EquipmentManagement.EquipmentLedger.componentCode')" align="center" prop="code" min-width="140" sortable />
+              <el-table-column :label="t('EquipmentManagement.EquipmentLedger.componentName')" align="center" prop="name" min-width="140" sortable />
+              <el-table-column :label="t('EquipmentManagement.EquipmentLedger.componentDesc')" align="center" prop="description" min-width="180" />
+              <el-table-column :label="t('EquipmentManagement.EquipmentLedger.remark')" align="center" prop="remark" min-width="180" />
+              <el-table-column :label="t('EquipmentManagement.EquipmentLedger.createTime')" align="center" prop="createTime" :formatter="dateFormatter" width="180" sortable />
+            </el-table>
+          </el-tab-pane>
+
+
+        </el-tabs>
+      </div>
+    </div>
+  </ContentWrap>
+</template>
+
+<script setup lang="ts">
+import { dateFormatter, formatDate } from '@/utils/formatTime'
+import download from '@/utils/download'
+import { DeviceLedgerApi, DeviceLedgerVO } from '@/api/mes/deviceledger'
+import { DeviceTypeApi, DeviceTypeTreeVO } from '@/api/mes/devicetype'
+import { CriticalComponentApi } from '@/api/mes/criticalComponent'
+import { TicketManagementApi } from '@/api/mes/ticketManagement'
+import { DvRepairApi } from '@/api/mes/dvrepair'
+import QrcodeActionCard from '@/components/QrcodeActionCard/index.vue'
+import { useTagsViewStore } from '@/store/modules/tagsView'
+import { downloadByUrl } from '@/utils/filt'
+import {ref} from "vue";
+
+defineOptions({ name: 'MesDeviceLedgerEditDetail' })
+
+const { t } = useI18n()
+const message = useMessage()
+const route = useRoute()
+const { delView } = useTagsViewStore()
+const { currentRoute } = useRouter()
+
+const deviceId = computed(() => Number(route.params.id))
+const detailLoading = ref(false)
+const tableLoading = ref(false)
+const detailData = ref<DeviceLedgerVO | undefined>()
+const detailActiveTab = ref('criticalComponent')
+
+const deviceTypeNameMap = ref<Record<number, string>>({})
+const formData = ref({
+})
+const buildDeviceTypeNameMap = (nodes: DeviceTypeTreeVO[]) => {
+  const map: Record<number, string> = {}
+  const stack = [...nodes]
+  while (stack.length) {
+    const node = stack.pop()!
+    if (typeof node.id === 'number') map[node.id] = node.name
+    if (Array.isArray(node.children) && node.children.length) stack.push(...node.children)
+  }
+  deviceTypeNameMap.value = map
+}
+
+const getDeviceTypeName = (value: any) => {
+  const id = typeof value === 'number' ? value : Number(value)
+  if (!Number.isNaN(id) && deviceTypeNameMap.value[id]) return deviceTypeNameMap.value[id]
+  return value ?? ''
+}
+
+const detailTemplateJson = computed(() => {
+  const templateJson = detailData.value?.templateJson
+  if (!templateJson) return undefined
+  if (typeof templateJson === 'string') {
+    try {
+      return JSON.parse(templateJson)
+    } catch {
+      return undefined
+    }
+  }
+  return templateJson
+})
+
+type FileUrlItem = {
+  fileName: string
+  fileUrl: string
+}
+
+const getFileNameFromUrl = (url: string) => {
+  const cleanUrl = url.split('?')[0]
+  const fileName = cleanUrl.substring(cleanUrl.lastIndexOf('/') + 1)
+  return decodeURIComponent(fileName || url)
+}
+
+const parseFileUrlList = (value: any): FileUrlItem[] => {
+  if (!value) return []
+  let rawList: any[] = []
+  if (Array.isArray(value)) {
+    rawList = value
+  } else if (typeof value === 'string') {
+    const trimmed = value.trim()
+    if (!trimmed) return []
+    try {
+      const parsed = JSON.parse(trimmed)
+      rawList = Array.isArray(parsed) ? parsed : [parsed]
+    } catch {
+      rawList = trimmed
+        .split(',')
+        .map((url) => ({ fileUrl: url.trim() }))
+        .filter((item) => item.fileUrl)
+    }
+  } else if (typeof value === 'object') {
+    rawList = [value]
+  }
+
+  return rawList
+    .map((item) => {
+      if (!item) return undefined
+      const fileUrl = typeof item === 'string' ? item : item.fileUrl
+      if (!fileUrl) return undefined
+      const normalizedUrl = String(fileUrl).trim()
+      if (!normalizedUrl) return undefined
+      const fileName =
+        typeof item === 'string'
+          ? getFileNameFromUrl(normalizedUrl)
+          : item.fileName || getFileNameFromUrl(normalizedUrl)
+      return {
+        fileName: String(fileName),
+        fileUrl: normalizedUrl
+      }
+    })
+    .filter((item): item is FileUrlItem => Boolean(item))
+}
+
+const fileUrlList = computed(() => parseFileUrlList(detailData.value?.fileUrl))
+
+const handleDownloadFile = (row: FileUrlItem) => {
+  downloadByUrl({
+    url: row.fileUrl,
+    fileName: row.fileName
+  })
+}
+
+const buildDetailPrintData = () => {
+  return {
+    id: detailData.value?.id,
+    deviceCode: detailData.value?.deviceCode,
+    deviceName: detailData.value?.deviceName,
+    deviceSpec: detailData.value?.deviceSpec,
+    deviceBrand: detailData.value?.deviceBrand,
+    deviceModel: detailData.value?.deviceModel,
+    deviceLocation: detailData.value?.deviceLocation,
+    remark: detailData.value?.remark ?? detailData.value?.deviceRemark,
+    qrcodeUrl: detailData.value?.qrcodeUrl
+  }
+}
+
+const formatDetailDate = (value: any) => {
+  if (!value) return ''
+  return formatDate(new Date(value), 'YYYY-MM-DD')
+}
+
+const formatHistoryTime = (value: any) => {
+  const raw = value ?? '-'
+  if (Array.isArray(raw) && raw.length >= 3) {
+    const [y, m, d, hh, mm, ss] = raw
+    const pad = (n: any) => String(n).padStart(2, '0')
+    if (hh !== undefined) return `${y}-${pad(m)}-${pad(d)} ${pad(hh)}:${pad(mm)}:${pad(ss)}`
+    return `${y}-${pad(m)}-${pad(d)}`
+  }
+  const tryDateFromNumber = (v: any) => {
+    const num = Number(v)
+    if (!Number.isFinite(num)) return undefined
+    const s = String(v).trim()
+    const ms = s.length === 10 ? num * 1000 : num
+    const d = new Date(ms)
+    if (Number.isNaN(d.getTime())) return undefined
+    return d
+  }
+  const tryDateFromString = (v: any) => {
+    const s = String(v).trim()
+    if (!s) return undefined
+    const d = new Date(s)
+    if (Number.isNaN(d.getTime())) return undefined
+    return d
+  }
+  const d = typeof raw === 'number' ? tryDateFromNumber(raw) : tryDateFromNumber(raw) ?? tryDateFromString(raw)
+  if (d) return formatDate(d, 'YYYY-MM-DD HH:mm:ss')
+  return String(raw)
+}
+
+const getResultLabel = (value: any) => {
+  const v = value === '' || value === null || value === undefined ? undefined : String(value)
+  if (!v) return '-'
+  const upper = v.toUpperCase()
+  if (v === '0') return '待检测'
+  if (v === '1' || upper === 'OK') return '通过'
+  if (v === '2' || upper === 'NG') return '不通过'
+  return v
+}
+
+const getResultTagType = (value: any) => {
+  const v = value === '' || value === null || value === undefined ? undefined : String(value)
+  if (!v) return 'info'
+  const upper = v.toUpperCase()
+  if (v === '1' || upper === 'OK') return 'success'
+  if (v === '2' || upper === 'NG') return 'danger'
+  if (v === '0') return 'info'
+  return 'info'
+}
+
+const parseImages = (value: any): string[] => {
+  if (!value) return []
+  if (Array.isArray(value)) return value.map(String).filter(Boolean)
+  const cleaned = String(value).replace(/[`'"]/g, '').trim()
+  return cleaned
+    .split(',')
+    .map((v) => v.trim())
+    .filter(Boolean)
+}
+
+const deviceImageList = computed(() => parseImages(detailData.value?.images))
+const firstDeviceImage = computed(() => deviceImageList.value[0] ?? '')
+const deviceManagerName = computed(() => (detailData.value as any)?.deviceManagerName ?? detailData.value?.deviceManager ?? '')
+
+type HistoryStepItem = {
+  key: string
+  name: string
+  result: any
+  method?: any
+  criteria?: any
+  images?: string[]
+  remark?: any
+  taskTime?: any
+  createTime?: any
+}
+type HistoryStepGroup = { key: string; time: string; operator: string; items: HistoryStepItem[] }
+
+const buildStepGroups = (
+  rows: any[],
+  options: { timeField: string; nameFieldCandidates: string[]; resultFieldCandidates: string[] }
+) => {
+  const groups = new Map<string, HistoryStepGroup>()
+  for (const row of rows ?? []) {
+    const time = formatHistoryTime(row?.taskTime ?? row?.[options.timeField] ?? row?.createTime)
+    const operator = String(row?.operator ?? row?.creatorName ?? row?.creator ?? '-')
+    const groupKey = `${row?.managementId ?? ''}__${time}__${operator}`
+    const name =
+      options.nameFieldCandidates
+        .map((k) => row?.[k])
+        .find((v) => v !== undefined && v !== null && String(v).trim() !== '') ?? '-'
+    const result =
+      options.resultFieldCandidates
+        .map((k) => row?.[k])
+        .find((v) => v !== undefined && v !== null) ?? undefined
+    const item: HistoryStepItem = {
+      key: String(row?.id ?? `${groupKey}__${String(name)}`),
+      name: String(name),
+      result,
+      method: row?.inspectionMethod,
+      criteria: row?.judgmentCriteria,
+      images: parseImages(row?.images),
+      remark: row?.remark,
+      taskTime: row?.taskTime,
+      createTime: row?.createTime
+    }
+    if (!groups.has(groupKey)) {
+      groups.set(groupKey, { key: groupKey, time, operator, items: [item] })
+    } else {
+      groups.get(groupKey)!.items.push(item)
+    }
+  }
+  return Array.from(groups.values()).sort((a, b) => String(b.time).localeCompare(String(a.time)))
+}
+
+const inspectionHistory = ref<any[]>([])
+const maintainHistory = ref<any[]>([])
+
+const inspectionStepGroups = computed<HistoryStepGroup[]>(() => {
+  return buildStepGroups(inspectionHistory.value, {
+    timeField: 'inspectionTime',
+    nameFieldCandidates: ['inspectionItemName', 'name'],
+    resultFieldCandidates: ['inspectionResult']
+  })
+})
+
+const maintainStepGroups = computed<HistoryStepGroup[]>(() => {
+  return buildStepGroups(maintainHistory.value, {
+    timeField: 'inspectionTime',
+    nameFieldCandidates: ['maintainItemName', 'inspectionItemName', 'name'],
+    resultFieldCandidates: ['maintainResult', 'inspectionResult']
+  })
+})
+
+type RepairHistoryRow = {
+  id?: any
+  repairId?: any
+  repairCode?: any
+  repairName?: any
+  subjectId?: any
+  subjectCode?: any
+  subjectName?: any
+  subjectContent?: any
+  subjectStandard?: any
+  malfunction?: any
+  malfunctionUrl?: any
+  repairDes?: any
+  remark?: any
+  createTime?: any
+  finishDate?: any
+  result?: any
+  repairResult?: any
+  malfunctionImages?: string[]
+}
+type RepairHistoryGroup = { key: string; name: string; items: RepairHistoryRow[] }
+
+const repairActiveNames = ref<string[]>([])
+const repairList = ref<RepairHistoryRow[]>([])
+
+const repairGroups = computed<RepairHistoryGroup[]>(() => {
+  const groupsMap = new Map<string, RepairHistoryGroup>()
+  for (const row of repairList.value ?? []) {
+    const key = String(row.repairCode ?? row.repairId ?? row.subjectName ?? '-')
+    if (!groupsMap.has(key)) {
+      groupsMap.set(key, {
+        key,
+        name: String(row.repairName ?? row.repairCode ?? key),
+        items: []
+      })
+    }
+    const group = groupsMap.get(key)!
+    group.items.push({
+      ...row,
+      malfunctionImages: parseImages(row?.malfunctionUrl)
+    })
+  }
+  const groups = Array.from(groupsMap.values()).filter((g) => g.items.length)
+  return groups.sort((a, b) => {
+    const at = formatHistoryTime(a.items?.[0]?.finishDate ?? a.items?.[0]?.createTime)
+    const bt = formatHistoryTime(b.items?.[0]?.finishDate ?? b.items?.[0]?.createTime)
+    return String(bt).localeCompare(String(at))
+  })
+})
+
+const inspectionExportLoading = ref(false)
+const inspectionDateRange = ref<string[] | undefined>(undefined)
+const maintainExportLoading = ref(false)
+const maintainDateRange = ref<string[] | undefined>(undefined)
+const repairExportLoading = ref(false)
+const repairDateRange = ref<string[] | undefined>(undefined)
+const criticalExportLoading = ref(false)
+const spareExportLoading = ref(false)
+
+const fetchInspectionHistory = async () => {
+  if (!deviceId.value) return
+  const params: any = { deviceId: deviceId.value }
+  if (inspectionDateRange.value && inspectionDateRange.value.length === 2) {
+    params.startTime = inspectionDateRange.value[0]
+    params.endTime = inspectionDateRange.value[1]
+  }
+  const data = await TicketManagementApi.getInspectionByDeviceId(params)
+  inspectionHistory.value = Array.isArray(data) ? data : []
+}
+
+const handleQueryInspection = async () => {
+  await fetchInspectionHistory()
+}
+
+const handleResetInspection = async () => {
+  inspectionDateRange.value = undefined
+  await fetchInspectionHistory()
+}
+
+const fetchMaintainHistory = async () => {
+  if (!deviceId.value) return
+  const params: any = { deviceId: deviceId.value }
+  if (maintainDateRange.value && maintainDateRange.value.length === 2) {
+    params.startTime = maintainDateRange.value[0]
+    params.endTime = maintainDateRange.value[1]
+  }
+  const data = await TicketManagementApi.getMaintenanceByDeviceId(params)
+  maintainHistory.value = Array.isArray(data) ? data : []
+}
+
+const handleQueryMaintain = async () => {
+  await fetchMaintainHistory()
+}
+
+const handleResetMaintain = async () => {
+  maintainDateRange.value = undefined
+  await fetchMaintainHistory()
+}
+
+const fetchRepairHistory = async () => {
+  if (!deviceId.value) return
+  const params: any = { deviceId: deviceId.value }
+  if (repairDateRange.value && repairDateRange.value.length === 2) {
+    params.startTime = repairDateRange.value[0]
+    params.endTime = repairDateRange.value[1]
+  }
+  const data = await DvRepairApi.getRepairListByDeviceId(params)
+  repairList.value = Array.isArray(data) ? data : []
+}
+
+const handleQueryRepair = async () => {
+  await fetchRepairHistory()
+}
+
+const handleResetRepair = async () => {
+  repairDateRange.value = undefined
+  await fetchRepairHistory()
+}
+
+const handleExportInspection = async () => {
+  if (!deviceId.value) return
+  try {
+    await message.exportConfirm()
+    inspectionExportLoading.value = true
+    const params: any = { deviceId: deviceId.value }
+    if (inspectionDateRange.value && inspectionDateRange.value.length === 2) {
+      params.startTime = inspectionDateRange.value[0]
+      params.endTime = inspectionDateRange.value[1]
+    }
+    const data = await TicketManagementApi.exportInspection(params)
+    download.excel(data, '点检履历.xls')
+  } catch {
+  } finally {
+    inspectionExportLoading.value = false
+  }
+}
+
+const handleExportMaintain = async () => {
+  if (!deviceId.value) return
+  try {
+    await message.exportConfirm()
+    maintainExportLoading.value = true
+    const params: any = { deviceId: deviceId.value }
+    if (maintainDateRange.value && maintainDateRange.value.length === 2) {
+      params.startTime = maintainDateRange.value[0]
+      params.endTime = maintainDateRange.value[1]
+    }
+    const data = await TicketManagementApi.exportMaintenance(params)
+    download.excel(data, '保养履历.xls')
+  } catch {
+  } finally {
+    maintainExportLoading.value = false
+  }
+}
+
+const handleExportRepair = async () => {
+  if (!deviceId.value) return
+  try {
+    await message.exportConfirm()
+    repairExportLoading.value = true
+    const params: any = { deviceId: deviceId.value }
+    if (repairDateRange.value && repairDateRange.value.length === 2) {
+      params.startTime = repairDateRange.value[0]
+      params.endTime = repairDateRange.value[1]
+    }
+    const data = await DvRepairApi.exportRepairExcel(params)
+    download.excel(data, '维修履历.xls')
+  } catch {
+  } finally {
+    repairExportLoading.value = false
+  }
+}
+
+const handleExportCriticalComponent = async () => {
+  if (!deviceId.value) return
+  try {
+    await message.exportConfirm()
+    criticalExportLoading.value = true
+    const data = await CriticalComponentApi.exportDeviceComponent({ id: deviceId.value })
+    download.excel(data, '关键件.xls')
+  } catch {
+  } finally {
+    criticalExportLoading.value = false
+  }
+}
+
+const handleExportSpareBased = async () => {
+  if (!deviceId.value) return
+  try {
+    await message.exportConfirm()
+    spareExportLoading.value = true
+    const data = await DeviceLedgerApi.exportSpareBased({ id: deviceId.value })
+    download.excel(data, '备件.xls')
+  } catch {
+  } finally {
+    spareExportLoading.value = false
+  }
+}
+
+const getTypeTreeForNameMap = async () => {
+  const data = await DeviceTypeApi.getDeviceTypeTree({ pageNo: 1, pageSize: 10 })
+  const treeChildren = JSON.parse(JSON.stringify(data ?? []))
+  buildDeviceTypeNameMap(treeChildren)
+}
+
+const getDetail = async () => {
+  if (!deviceId.value) {
+    message.warning(t('EquipmentManagement.EquipmentLedger.Detail.invalidId'))
+    delView(unref(currentRoute))
+    return
+  }
+  detailLoading.value = true
+  try {
+    detailData.value = await DeviceLedgerApi.getDeviceLedger(deviceId.value)
+    await fetchInspectionHistory()
+    await fetchMaintainHistory()
+    await fetchRepairHistory()
+    const keys = repairGroups.value.map((g) => g.key)
+    repairActiveNames.value = keys.length ? [keys[0]] : []
+  } finally {
+    detailLoading.value = false
+  }
+}
+
+onMounted(async () => {
+  await getTypeTreeForNameMap()
+  await getDetail()
+})
+</script>
+
+<style lang="scss" scoped>
+.device-ledger-detail-body {
+  position: relative;
+  max-height: 85vh;
+  padding-top: 2px;
+}
+
+.device-ledger-detail-title {
+  position: relative;
+  display: flex;
+  align-items: center;
+  height: 28px;
+  color: var(--el-text-color-primary);
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 22px;
+}
+
+.device-ledger-detail-title::before {
+  width: 3px;
+  height: 16px;
+  margin-right: 8px;
+  content: '';
+  border-radius: 2px;
+  background: var(--el-color-primary);
+}
+
+.device-ledger-detail-main {
+  display: flex;
+  min-height: 224px;
+  padding: 18px 260px 18px 0;
+  margin-bottom: 10px;
+  gap: 28px;
+  box-sizing: border-box;
+  align-items: center;
+}
+
+
+.device-ledger-detail-images {
+  display: flex;
+  width: 260px;
+  height: 188px;
+  padding: 12px;
+  box-sizing: border-box;
+  flex: 0 0 260px;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  border: 1px solid var(--el-border-color-lighter);
+  border-radius: 8px;
+  background: linear-gradient(180deg, var(--el-fill-color-blank) 0%, var(--el-fill-color-lighter) 100%);
+}
+
+.device-ledger-detail-carousel,
+.device-ledger-detail-image {
+  width: 100%;
+}
+
+.device-ledger-detail-image {
+  height: 164px;
+  overflow: hidden;
+  border-radius: 6px;
+  background: transparent;
+}
+
+.device-ledger-detail-image :deep(.el-image__inner) {
+  object-fit: contain;
+}
+
+.device-ledger-detail-image-error {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  color: var(--el-text-color-secondary);
+  background: var(--el-fill-color);
+  align-items: center;
+  justify-content: center;
+}
+
+.device-ledger-detail-desc {
+  display: flex;
+  align-items: center;
+  min-width: 0;
+  flex: 1;
+  min-height: 188px;
+}
+
+.device-ledger-detail-desc :deep(.el-descriptions__body) {
+  width: 100%;
+}
+
+.device-ledger-detail-desc :deep(.el-descriptions__table) {
+  width: 100%;
+  table-layout: fixed;
+}
+
+.device-ledger-detail-desc :deep(.el-descriptions__cell) {
+  width: 33.3333%;
+  padding-bottom: 14px;
+  color: var(--el-text-color-primary);
+  font-size: 14px;
+  line-height: 22px;
+}
+
+
+.device-ledger-detail-desc :deep(.el-descriptions__label) {
+  color: var(--el-text-color-primary);
+  font-weight: 500;
+}
+
+.device-ledger-detail-desc :deep(.el-descriptions__content) {
+  color: var(--el-text-color-regular);
+}
+
+.device-ledger-detail-tabs {
+  padding-right: 4px;
+}
+
+:deep(.el-tabs__content) {
+  max-height: 65vh;
+  overflow-y: auto;
+}
+
+.device-ledger-detail-qrcode {
+  position: absolute;
+  top: 48px;
+  right: 36px;
+  display: flex;
+  width: 184px;
+  min-height: 214px;
+  padding: 16px 14px;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  border: 1px solid var(--el-border-color-lighter);
+  border-radius: 8px;
+  background: var(--el-bg-color);
+  box-shadow: 0 8px 24px rgb(31 45 61 / 6%);
+}
+
+.device-ledger-detail-qrcode-title {
+  margin-bottom: 12px;
+  color: var(--el-text-color-primary);
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 20px;
+}
+
+.device-ledger-detail-qrcode :deep(.qrcode-action-card) {
+  width: 128px;
+  min-width: 128px;
+  height: 128px;
+  border-color: var(--el-border-color-lighter);
+  border-radius: 6px;
+}
+
+.device-ledger-detail-qrcode :deep(.qrcode-action-card__img) {
+  width: 128px;
+  height: 128px;
+  object-fit: contain;
+}
+
+.device-ledger-detail-qrcode :deep(.qrcode-action-card__error) {
+  width: 128px;
+  min-width: 128px;
+  height: 128px;
+}
+
+.device-ledger-detail-qrcode-desc {
+  margin-top: 12px;
+  color: var(--el-text-color-regular);
+  font-size: 13px;
+  line-height: 20px;
+}
+
+.device-ledger-detail-qrcode-sub {
+  margin-top: 2px;
+  color: var(--el-text-color-secondary);
+  font-size: 12px;
+  line-height: 18px;
+}
+
+.device-ledger-history-steps {
+  padding: 8px 8px 0;
+}
+
+.device-ledger-history-title {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  font-size: 13px;
+}
+
+.device-ledger-history-time {
+  font-weight: 600;
+}
+
+.device-ledger-history-operator {
+  color: var(--el-text-color-secondary);
+}
+
+.device-ledger-tab-toolbar {
+  margin-bottom: 8px;
+  text-align: right;
+}
+
+.device-ledger-history-items {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  margin-top: 8px;
+}
+
+.device-ledger-history-item {
+  display: flex;
+  padding: 10px;
+  background: var(--el-fill-color-blank);
+  border: 1px solid var(--el-border-color-lighter);
+  border-radius: 8px;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.device-ledger-history-item-head {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.device-ledger-history-item-body {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  width: 100%;
+}
+
+.device-ledger-history-item-row {
+  display: flex;
+  gap: 10px;
+}
+
+.device-ledger-history-item-label {
+  width: 70px;
+  flex: 0 0 70px;
+  color: var(--el-text-color-secondary);
+}
+
+.device-ledger-history-item-value {
+  flex: 1;
+  color: var(--el-text-color-regular);
+  word-break: break-word;
+}
+
+.device-ledger-history-item-images {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-top: 4px;
+}
+
+.device-ledger-history-item-image {
+  width: 76px;
+  height: 76px;
+  overflow: hidden;
+  border-radius: 6px;
+}
+
+.device-ledger-history-image-error {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  font-size: 12px;
+  color: var(--el-text-color-secondary);
+  background: var(--el-fill-color);
+  align-items: center;
+  justify-content: center;
+}
+
+.device-ledger-repair-collapse {
+  padding: 8px 8px 0;
+}
+
+.device-ledger-repair-title {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+}
+
+.device-ledger-repair-name {
+  font-weight: 600;
+  color: var(--el-text-color-primary);
+}
+
+.device-ledger-repair-meta {
+  font-size: 12px;
+  color: var(--el-text-color-secondary);
+}
+
+.device-ledger-history-item-text {
+  color: var(--el-text-color-regular);
+}
+</style>
diff --git a/src/views/mes/deviceledger/index.vue b/src/views/mes/deviceledger/index.vue
index 78df14de..08912b42 100644
--- a/src/views/mes/deviceledger/index.vue
+++ b/src/views/mes/deviceledger/index.vue
@@ -219,7 +219,7 @@
                 <el-button link @click="handleDetail(scope.row.id)">
                   {{ t('EquipmentManagement.EquipmentLedger.detail') }}
                 </el-button>
-                <el-button link type="primary" @click="openForm('update', scope.row.id)"
+                <el-button link type="primary" @click="handleEditDetail(scope.row.id)"
                   v-hasPermi="['mes:device-ledger:update']">
                   {{ t('EquipmentManagement.EquipmentLedger.edit') }}
                 </el-button>
@@ -712,6 +712,9 @@ const handleDetail = (id: number) => {
   router.push({ name: 'MesDeviceLedgerDetail', params: { id } })
 }
 
+const handleEditDetail = (id: number) => {
+  router.push({name: 'MesDeviceLedgerEditDetail', params: {id } })
+}
 /** 查询列表 */
 const getList = async () => {
   loading.value = true