Merge branch 'equipManage'

src/api/equipManage/equipLedger.js

@@ -0,0 +1,54 @@
+import request from '@/utils/request'
+
+// 查询设备台账列表
+export function listEquipLedger(query) {
+  return request({
+    url: '/equipment/ledger/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 获取设备台账详细信息
+export function getEquipLedger(ledgerId) {
+  return request({
+    url: '/equipment/ledger/' + ledgerId,
+    method: 'get'
+  })
+}
+
+// 新增设备台账
+export function addEquipLedger(data) {
+  return request({
+    url: '/equipment/ledger',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改设备台账
+export function updateEquipLedger(data) {
+  return request({
+    url: '/equipment/ledger',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除设备台账
+export function delEquipLedger(ledgerIds) {
+  return request({
+    url: '/equipment/ledger/' + ledgerIds,
+    method: 'delete'
+  })
+}
+
+// 导出设备台账列表
+export function exportEquipLedger(data) {
+  return request({
+    url: '/equipment/ledger/export',
+    method: 'post',
+    data: data,
+    responseType: 'blob'
+  })
+}

src/api/system/position.js

@@ -42,3 +42,10 @@ export function delPosition(id) {
     method: 'delete'
   })
 }
+//查询位置列表树形结构
+export function treePosition() {
+  return request({
+    url: '/system/position/listTree',
+    method: 'get'
+  })
+}

src/components/TreePositionSelect/index.vue

@@ -0,0 +1,147 @@
+<template>
+  <el-cascader
+    v-model="selectedValue"
+    :options="options"
+    :props="cascaderProps"
+    :placeholder="placeholder"
+    :disabled="disabled"
+    :style="{ width: width }"
+    filterable
+    clearable
+    collapse-tags
+    collapse-tags-tooltip
+    separator="/"
+    @change="handleChange"
+    @clear="handleClear"
+  />
+</template>
+
+<script lang="ts" setup>
+import { ref, watch, computed, onMounted, nextTick } from 'vue'
+import { treePosition } from '@/api/system/position'
+
+const props = defineProps<{
+  modelValue: any
+  disabled?: boolean
+  width?: string
+  placeholder?: string
+}>()
+
+const emits = defineEmits(['update:modelValue', 'change'])
+
+const options = ref<any[]>([])
+const loading = ref(false)
+const selectedValue = ref<any[]>([])
+const dataLoaded = ref(false)
+
+const placeholder = computed(() => props.placeholder || '请选择安装位置')
+
+const cascaderProps = {
+  value: 'code',
+  label: 'name',
+  children: 'children',
+  expandTrigger: 'hover' as const
+}
+
+const loadData = async () => {
+  if (dataLoaded.value) return
+  loading.value = true
+  try {
+    const response = await treePosition()
+    options.value = response.data || []
+    dataLoaded.value = true
+    
+    // 等待DOM更新后再设置选中值
+    await nextTick()
+    await nextTick()
+    
+    if (props.modelValue) {
+      updateSelectedValue(props.modelValue)
+    }
+  } catch (error) {
+    console.error('获取位置列表失败:', error)
+  } finally {
+    loading.value = false
+  }
+}
+
+const updateSelectedValue = (value: any) => {
+  if (value && typeof value === 'object') {
+    const obj = value as any
+    selectedValue.value = [obj.terminlCode, obj.regionalCode, obj.channelCode].filter(Boolean)
+  } else {
+    selectedValue.value = []
+  }
+}
+
+const findNodeByCode = (nodes: any[], code: string): any | null => {
+  for (const node of nodes) {
+    if (node.code === code) {
+      return node
+    }
+    if (node.children && node.children.length > 0) {
+      const found = findNodeByCode(node.children, code)
+      if (found) return found
+    }
+  }
+  return null
+}
+
+const handleChange = (value: any) => {
+  console.log(value,"value")
+  if (!value || value.length === 0) {
+    selectedValue.value = []
+    emits('update:modelValue', null)
+    emits('change', null)
+    return
+  }
+  
+  const terminal = findNodeByCode(options.value, value[0])
+  const region = value[1] ? findNodeByCode(options.value, value[1]) || (terminal?.children?.find((c: any) => c.code === value[1])) : null
+  const channel = value[2] ? (region?.children?.find((c: any) => c.code === value[2])) : null
+  
+  const result = {
+    terminlCode: value[0] || '',
+    terminlName: terminal?.name || '',
+    regionalCode: value[1] || '',
+    regionalName: region?.name || '',
+    channelCode: value[2] || '',
+    channelName: channel?.name || ''
+  }
+  
+  emits('update:modelValue', result)
+  emits('change', result)
+}
+
+const handleClear = () => {
+  selectedValue.value = []
+  emits('update:modelValue', null)
+  emits('change', null)
+}
+
+watch(() => props.modelValue, async (newValue) => {
+  if (newValue) {
+    if (!dataLoaded.value) {
+      await loadData()
+    } else {
+      await nextTick()
+      updateSelectedValue(newValue)
+    }
+  }
+}, { deep: true, immediate: true })
+
+watch(() => options.value, (newOptions) => {
+  if (newOptions.length > 0 && props.modelValue) {
+    nextTick(() => {
+      updateSelectedValue(props.modelValue)
+    })
+  }
+}, { immediate: false })
+
+onMounted(() => {
+  loadData()
+})
+</script>
+
+<style scoped>
+</style>

src/components/UserSelect/index.vue

@@ -9,19 +9,17 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, ref, watch, defineProps, defineEmits, onUnmounted } from 'vue'
+import { nextTick, onMounted, ref, watch, defineProps, defineEmits, onUnmounted } from 'vue'
 import { debounce } from 'lodash-es'
 import { listUser, getUser } from "@/api/system/user"
-import { unref } from 'vue'
 
 interface ListItem {
-  value: string
+  value: string | number
   label: string
 }
 
-// 定义组件属性
 const props = defineProps<{
-  modelValue: string | string[]
+  modelValue: string | string[] | number | number[]
   multiple?: boolean
   disabled?: boolean
   width?: string
@@ -29,19 +27,16 @@ const props = defineProps<{
   placeholder?: string
 }>()
 
-// 定义组件事件
 const emits = defineEmits(['update:modelValue'])
 
 const options = ref<ListItem[]>([])
 const loading = ref(false)
-const selectedValue = ref<string | string[]>(props.modelValue)
+const selectedValue = ref<string | string[] | number | number[]>(props.modelValue)
 
-// 根据用户ID列表获取用户信息
-const fetchUsersByIds = async (userIds: string[]) => {
+const fetchUsersByIds = async (userIds: (string | number)[]) => {
   if (!userIds || userIds.length === 0) return []
   try {
-    // 使用Promise.all并行获取每个用户的信息
-    const userPromises = userIds.map(userId => getUser(userId))
+    const userPromises = userIds.map(userId => getUser(String(userId)))
     const userResponses = await Promise.all(userPromises)
 
     return userResponses.map((response: any) => ({
@@ -54,17 +49,14 @@ const fetchUsersByIds = async (userIds: string[]) => {
   }
 }
 
-// 远程搜索方法
 const remoteMethod = async (query: string) => {
   if (query) {
     loading.value = true
     try {
-      // 调用远程接口获取数据
       const response = await listUser({ nickName: query })
-      // 假设接口返回的数据结构为 { data: [...] }，根据实际情况调整
       options.value = response.rows.map((item) => ({
-        value: item.userId, // 根据实际接口返回字段调整
-        label: item.nickName // 根据实际接口返回字段调整
+        value: item.userId,
+        label: item.nickName
       }))
     } catch (error) {
       console.error('远程搜索出错:', error)
@@ -76,39 +68,47 @@ const remoteMethod = async (query: string) => {
   }
 }
 
-// 防抖处理远程搜索
 const debouncedRemoteMethod = debounce(remoteMethod, 300)
-
-// 标记是否正在初始化回显，避免循环更新
 const isInitializing = ref(false)
 
-// 监听modelValue变化，有值时执行回显逻辑
+const hasValue = (value: any): boolean => {
+  if (value === null || value === undefined) return false
+  if (typeof value === 'string') return value.length > 0
+  if (Array.isArray(value)) return value.length > 0
+  if (typeof value === 'number') return true
+  return false
+}
+
+const initSelection = async (value: any) => {
+  if (!hasValue(value)) return
+  
+  isInitializing.value = true
+  try {
+    const userIds = Array.isArray(value) ? value : [value]
+    const userOptions = await fetchUsersByIds(userIds as (string | number)[])
+    options.value = userOptions
+    
+    await nextTick()
+    selectedValue.value = value
+  } catch (error) {
+    console.error('初始化选中失败:', error)
+  } finally {
+    isInitializing.value = false
+  }
+}
+
 watch(() => props.modelValue, async (newValue, oldValue) => {
-  // 只有当值从无到有或值发生变化时才执行回显
-  if (newValue && newValue.length > 0 && newValue !== oldValue) {
-    isInitializing.value = true
-    try {
-      const userIds = Array.isArray(newValue) ? newValue : [newValue]
-      const userOptions = await fetchUsersByIds(userIds)
-      options.value = userOptions
-      
-      // 设置选中值，但不触发更新事件
-      selectedValue.value = newValue
-    } finally {
-      isInitializing.value = false
-    }
+  if (hasValue(newValue) && newValue !== oldValue) {
+    await initSelection(newValue)
   }
 }, { immediate: true })
 
-// 监听选中值变化并触发更新事件
 watch(selectedValue, (newValue) => {
-  // 只有在非初始化状态下才触发更新事件
   if (!isInitializing.value) {
     emits('update:modelValue', newValue)
   }
 })
 
-// 组件销毁时清空数据
 onUnmounted(() => {
   options.value = []
   selectedValue.value = props.multiple ? [] : ''

src/views/equipManage/equipLedger/index.vue

@@ -0,0 +1,725 @@
+<template>
+  <div class="app-container">
+    <!-- 查询条件 -->
+    <div class="filter-container">
+      <el-form :model="queryParams" ref="queryFormRef" :inline="true" class="search-form">
+        <el-form-item label="设备名称" prop="equipmentName">
+          <el-input v-model="queryParams.equipmentName" placeholder="请输入设备名称" clearable style="width: 200px" />
+        </el-form-item>
+
+        <el-form-item label="设备序列号" prop="equipmentSerialNumber">
+          <el-input v-model="queryParams.equipmentSerialNumber" placeholder="请输入设备序列号" clearable style="width: 200px" />
+        </el-form-item>
+        <el-form-item label="使用状态" prop="usageStatus">
+          <el-select v-model="queryParams.usageStatus" placeholder="请选择使用状态" clearable style="width: 200px">
+            <el-option v-for="dict in equipment_usage_status" :key="dict.value" :label="dict.label"
+              :value="dict.value" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="最近定/自检日期" prop="inspectionSelfCheckDate">
+          <el-date-picker v-model="queryParams.inspectionSelfCheckDate" type="date" value-format="YYYY-MM-DD"
+            placeholder="请选择日期" style="width: 200px" />
+        </el-form-item>
+        <el-form-item label="检查成员" prop="inspectionTeamUserName">
+          <el-input v-model="queryParams.inspectionTeamUserName" placeholder="请输入检查成员" clearable style="width: 200px" />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" icon="Search" @click="handleQuery">查询</el-button>
+          <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+
+    <!-- 操作按钮 -->
+    <div class="operation-container">
+      <el-button type="primary" plain icon="Plus" @click="handleAdd"
+        v-hasPermi="['equipment:ledger:add']">新增</el-button>
+      <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleBatchDelete"
+        v-hasPermi="['equipment:ledger:delete']">删除</el-button>
+      <el-button type="warning" plain icon="Download" @click="handleExport"
+        v-hasPermi="['equipment:ledger:export']">导出</el-button>
+      <el-button type="info" plain icon="Upload" @click="handleImport"
+        v-hasPermi="['equipment:ledger:import']">导入</el-button>
+    </div>
+
+    <!-- 数据表格 -->
+    <el-table v-loading="loading" :data="tableData" border @selection-change="handleSelectionChange"
+      :row-class-name="tableRowClassName">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="序号" prop="rowIndex" width="70" align="center">
+        <template #default="scope">
+          {{ (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1 }}
+        </template>
+      </el-table-column>
+      <el-table-column label="设备编号" prop="equipmentCode" align="center" min-width="120">
+        <template #default="scope">
+          <el-link type="primary" @click="handleDetail(scope.row)">{{ scope.row.equipmentCode }}</el-link>
+        </template>
+      </el-table-column>
+      <el-table-column label="设备名称" prop="equipmentName" align="center" min-width="150" show-overflow-tooltip />
+      <el-table-column label="设备种类" prop="equipmentType" align="center" min-width="120" show-overflow-tooltip />
+      <el-table-column label="设备序列号" prop="equipmentSerialNumber" align="center" min-width="150"
+        show-overflow-tooltip />
+      <el-table-column label="安装位置" prop="installationLocation" align="center" min-width="180" show-overflow-tooltip>
+        <template #default="scope">
+          <span>{{ scope.row.terminlName }}{{ scope.row.terminlName ? '/' : '' }}{{ scope.row.regionalName
+          }}{{ scope.row.regionalName ? '/' : '' }}{{ scope.row.channelName }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="使用状态" prop="usageStatus" align="center" min-width="100">
+        <template #default="scope">
+          <dict-tag :options="equipment_usage_status" :value="scope.row.usageStatus" />
+
+        </template>
+      </el-table-column>
+      <el-table-column label="定/自检小组组长" prop="inspectionTeamLeaderName" align="center" min-width="120"
+        show-overflow-tooltip />
+      <el-table-column label="定/自检小组组员1" prop="inspectionTeamMember1Name" align="center" min-width="120"
+        show-overflow-tooltip />
+      <el-table-column label="定/自检小组组员2" prop="inspectionTeamMember2Name" align="center" min-width="120"
+        show-overflow-tooltip />
+      <el-table-column label="最近定检/自检到期日期" prop="nextInspectionDueDate" align="center" min-width="120" />
+      <el-table-column label="操作" align="center" width="220" fixed="right" class-name="operation-column">
+        <template #default="scope">
+          <el-button link type="primary" icon="View" @click="handleDetail(scope.row)">详情</el-button>
+          <el-button link type="primary" icon="Edit" @click="handleEdit(scope.row)">编辑</el-button>
+          <el-button link type="danger" icon="Delete" @click="handleDelete(scope.row)">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 分页 -->
+    <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize" @pagination="getList" />
+
+    <!-- 编辑/详情弹窗 -->
+    <el-dialog :title="dialog.title" v-model="dialog.visible" width="1000px" :close-on-click-modal="false"
+      destroy-on-close>
+      <el-form :model="form" ref="formRef" :rules="rules" label-width="160px">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="设备名称" prop="equipmentName">
+              <el-input v-model="form.equipmentName" placeholder="请输入设备名称" :disabled="formDisabled" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="设备种类" prop="equipmentType">
+              <el-input v-model="form.equipmentType" placeholder="请输入设备种类" :disabled="formDisabled" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="设备类别" prop="equipmentCategory">
+              <el-input v-model="form.equipmentCategory" placeholder="请输入设备类别" :disabled="formDisabled" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="设备品牌" prop="equipmentBrand">
+              <el-input v-model="form.equipmentBrand" placeholder="请输入设备品牌" :disabled="formDisabled" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="设备型号" prop="equipmentModel">
+              <el-input v-model="form.equipmentModel" placeholder="请输入设备型号" :disabled="formDisabled" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="设备序列号" prop="equipmentSerialNumber">
+              <el-input v-model="form.equipmentSerialNumber" placeholder="请输入设备序列号" :disabled="formDisabled" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="生产厂家" prop="manufacturer">
+              <el-input v-model="form.manufacturer" placeholder="请输入生产厂家" :disabled="formDisabled" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="出厂日期" prop="manufacturingDate">
+              <el-date-picker v-model="form.manufacturingDate" type="date" value-format="YYYY-MM-DD"
+                placeholder="请选择出厂日期" :disabled="formDisabled" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="验收日期" prop="acceptanceDate">
+              <el-date-picker v-model="form.acceptanceDate" type="date" value-format="YYYY-MM-DD" placeholder="请选择验收日期"
+                :disabled="formDisabled" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="启用日期" prop="commissioningDate">
+              <el-date-picker v-model="form.commissioningDate" type="date" value-format="YYYY-MM-DD"
+                placeholder="请选择启用日期" :disabled="formDisabled" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="使用状态" prop="usageStatus">
+              <el-select v-model="form.usageStatus" placeholder="请选择使用状态" :disabled="formDisabled">
+                <el-option v-for="dict in equipment_usage_status" :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="scrappingDate">
+              <el-date-picker v-model="form.scrappingDate" type="date" value-format="YYYY-MM-DD" placeholder="请选择报废日期"
+                :disabled="formDisabled" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="安装位置" prop="installationLocation">
+              <TreePositionSelect v-model="form.installationLocation" :disabled="formDisabled" width="100%"
+                placeholder="请选择安装位置" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="定/自检日期" prop="inspectionSelfCheckDate">
+              <el-date-picker v-model="form.inspectionSelfCheckDate" type="date" value-format="YYYY-MM-DD"
+                placeholder="请选择定/自检日期" :disabled="formDisabled" @change="calculateDueDate" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="定/自检周期" prop="inspectionSelfCheckCycle">
+              <el-input-number v-model="form.inspectionSelfCheckCycle" placeholder="请输入定/自检周期" :min="0" :precision="0"
+                :disabled="formDisabled" @change="calculateDueDate" />&nbsp;月
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="最近定/自检到期日期" prop="nextInspectionDueDate">
+              <el-date-picker v-model="form.nextInspectionDueDate" type="date" value-format="YYYY-MM-DD"
+                placeholder="请选择最近定/自检到期日期" :disabled="formDisabled" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="定/自检小组组长" prop="inspectionTeamLeaderId">
+              <UserSelect v-model="form.inspectionTeamLeaderId" :disabled="formDisabled" width="100%"
+                placeholder="请选择组长" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="定/自检小组组员1" prop="inspectionTeamMember1Id">
+              <UserSelect v-model="form.inspectionTeamMember1Id" :disabled="formDisabled" width="100%"
+                placeholder="请选择组员1" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="定/自检小组组员2" prop="inspectionTeamMember2Id">
+              <UserSelect v-model="form.inspectionTeamMember2Id" :disabled="formDisabled" width="100%"
+                placeholder="请选择组员2" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="首次验收情况" prop="initialAcceptanceStatus">
+              <el-input v-model="form.initialAcceptanceStatus" type="textarea" :rows="3" placeholder="请输入首次验收情况"
+                :disabled="formDisabled" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="设备图片" prop="baseAttachmentList">
+              <ImageUpload v-model="form.baseAttachmentList" :disabled="formDisabled" :limit="3" result-type="object" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <!-- 定检记录表格 -->
+        <el-divider content-position="left">定检记录</el-divider>
+        <el-button type="primary" plain icon="Plus" @click="addCheckRecord" v-if="!formDisabled">新增定检记录</el-button>
+        <el-table :data="form.equipmentInspectionRecordList" border style="margin-top: 10px">
+          <el-table-column label="定检日期" prop="inspectionDate">
+            <template #default="scope">
+              <el-date-picker v-model="scope.row.inspectionDate" type="date" value-format="YYYY-MM-DD"
+                placeholder="选择日期" :disabled="formDisabled"
+                @change="handleInspectionDateChange(scope.row, scope.$index)" />
+            </template>
+          </el-table-column>
+          <el-table-column label="定检小组" prop="inspectionTeamId">
+            <template #default="scope">
+              <UserSelect v-model="scope.row.inspectionTeamId" :multiple="true" :disabled="formDisabled" width="100%"
+                placeholder="请选择" />
+            </template>
+          </el-table-column>
+          <el-table-column label="定检结论" prop="inspectionResult">
+            <template #default="scope">
+              <el-input v-model="scope.row.inspectionResult" placeholder="定检结论" :disabled="formDisabled" />
+            </template>
+          </el-table-column>
+          <el-table-column label="定检性质" prop="inspectionNature">
+            <template #default="scope">
+              <el-select v-model="scope.row.inspectionNature" placeholder="请选择" :disabled="formDisabled">
+                <el-option v-for="dict in equipment_inspection_nature" :key="dict.value" :label="dict.label"
+                  :value="dict.value" />
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" width="80" v-if="!formDisabled">
+            <template #default="scope">
+              <el-button type="danger" link icon="Delete" @click="removeCheckRecord(scope.$index)"
+                v-hasPermi="['equipment:ledger:delete']">删除</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-form>
+
+      <template #footer>
+        <el-button @click="dialog.visible = false">取消</el-button>
+        <el-button type="primary" @click="submitForm" v-if="!formDisabled">确定</el-button>
+      </template>
+    </el-dialog>
+
+    <!-- 导入对话框 -->
+    <el-dialog :title="upload.title" v-model="upload.open" width="400px" append-to-body>
+      <el-upload ref="uploadRef" :limit="1" accept=".xlsx, .xls" :headers="upload.headers"
+        :action="upload.url + '?updateSupport=' + upload.updateSupport" :disabled="upload.isUploading"
+        :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess" :auto-upload="false" drag>
+        <el-icon class="el-icon--upload">
+          <UploadFilled />
+        </el-icon>
+        <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+        <template #tip>
+          <div class="el-upload__tip text-center">
+            <span>仅允许导入xls、xlsx格式文件。</span>
+            <el-link type="primary" :underline="false" style="font-size: 12px; vertical-align: baseline"
+              @click="importTemplate">下载模板</el-link>
+          </div>
+        </template>
+      </el-upload>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitFileForm">确 定</el-button>
+          <el-button @click="upload.open = false">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted, getCurrentInstance } from 'vue'
+import { ElMessage } from 'element-plus'
+import { Delete, UploadFilled } from '@element-plus/icons-vue'
+import ImageUpload from '@/components/ImageUpload/index.vue'
+import UserSelect from '@/components/UserSelect/index.vue'
+import TreePositionSelect from '@/components/TreePositionSelect/index.vue'
+import { listEquipLedger, getEquipLedger, addEquipLedger, updateEquipLedger, delEquipLedger, exportEquipLedger } from '@/api/equipManage/equipLedger'
+import { getUser } from '@/api/system/user'
+import { getToken } from '@/utils/auth'
+
+const { proxy } = getCurrentInstance()
+
+const { equipment_usage_status, equipment_inspection_nature } = proxy.useDict('equipment_usage_status', 'equipment_inspection_nature')
+
+const loading = ref(false)
+
+const queryFormRef = ref()
+const formRef = ref()
+const tableData = ref([])
+const total = ref(0)
+const single = ref(true)
+const multiple = ref(true)
+const queryParams = reactive({
+  pageNum: 1,
+  pageSize: 10,
+  equipmentName: '',
+
+  equipmentSerialNumber: '',
+  usageStatus: '',
+  inspectionSelfCheckDate: '',
+  inspectionTeamUserName: ''
+})
+const dialog = reactive({
+  visible: false,
+  title: ''
+})
+const formDisabled = ref(false)
+const form = reactive({
+  id: null,
+  equipmentName: '',
+  equipmentType: '',
+  equipmentCategory: '',
+  equipmentBrand: '',
+  equipmentModel: '',
+  equipmentSerialNumber: '',
+  manufacturer: '',
+  manufacturingDate: '',
+  acceptanceDate: '',
+  commissioningDate: '',
+  usageStatus: '',
+  scrappingDate: '',
+  installationLocation: null,
+  inspectionSelfCheckDate: '',
+  inspectionSelfCheckCycle: 0,
+  nextInspectionDueDate: '',
+  inspectionTeamLeaderId: '',
+  inspectionTeamMember1Id: '',
+  inspectionTeamMember2Id: '',
+  initialAcceptanceStatus: '',
+  baseAttachmentList: [],
+  equipmentInspectionRecordList: []
+})
+const baseAttachmentListInternal = ref([])
+
+watch(() => form.baseAttachmentList, (newVal) => {
+  if (newVal && Array.isArray(newVal)) {
+    baseAttachmentListInternal.value = newVal.map(item => ({
+      attachmentName: item.name || item.originalFilename || '',
+      attachmentUrl: item.url || ''
+    }))
+  }
+}, { deep: true, immediate: true })
+const rules = {
+  equipmentName: [{ required: true, message: '设备名称不能为空', trigger: 'blur' }],
+  equipmentSerialNumber: [{ required: true, message: '设备序列号不能为空', trigger: 'blur' }]
+}
+const selectedIds = ref([])
+
+const upload = reactive({
+  open: false,
+  title: '',
+  isUploading: false,
+  updateSupport: 1,
+  headers: { Authorization: 'Bearer ' + getToken() },
+  url: import.meta.env.VITE_APP_BASE_API + '/equipment/ledger/importData'
+})
+
+function getList() {
+  loading.value = true
+  listEquipLedger(queryParams).then(response => {
+    tableData.value = response.rows
+    total.value = response.total
+    loading.value = false
+  })
+}
+
+function handleQuery() {
+  queryParams.pageNum = 1
+  getList()
+}
+
+function resetQuery() {
+  queryFormRef.value?.resetFields()
+  handleQuery()
+}
+
+function handleSelectionChange(selection) {
+  selectedIds.value = selection.map(item => item.id)
+  single.value = selection.length !== 1
+  multiple.value = !selection.length
+}
+
+function handleAdd() {
+  resetForm()
+  formDisabled.value = false
+  dialog.title = '新增设备'
+  dialog.visible = true
+}
+
+function handleEdit(row) {
+  getEquipLedger(row.id).then(response => {
+    Object.assign(form, response.data)
+    if (form.baseAttachmentList && Array.isArray(form.baseAttachmentList)) {
+      form.baseAttachmentList = form.baseAttachmentList.map(item => ({
+        name: item.attachmentName || item.name || '',
+        url: item.attachmentUrl || item.url || ''
+      }))
+    } else {
+      form.baseAttachmentList = []
+    }
+    if (!form.equipmentInspectionRecordList || !Array.isArray(form.equipmentInspectionRecordList)) {
+      form.equipmentInspectionRecordList = []
+    }
+    // form.installationLocation = [response.data.terminlCode, response.data.regionalCode, response.data.channelCode]
+ 
+    form.installationLocation = {
+      terminlCode: response.data.terminlCode,
+      regionalCode: response.data.regionalCode,
+      channelCode: response.data.channelCode
+    }
+    form.inspectionTeamLeaderId = form.inspectionTeamLeaderId || ''
+    form.inspectionTeamMember1Id = form.inspectionTeamMember1Id || ''
+    form.inspectionTeamMember2Id = form.inspectionTeamMember2Id || ''
+    form.equipmentInspectionRecordList.forEach(item => {
+      item.inspectionTeamId = item.inspectionTeamId ? item.inspectionTeamId.split(',').map(id => Number(id)).filter(id => !isNaN(id)) : []
+    })
+    formDisabled.value = false
+    dialog.title = '编辑设备'
+    dialog.visible = true
+  })
+}
+
+function handleDetail(row) {
+  getEquipLedger(row.id).then(response => {
+    Object.assign(form, response.data)
+    if (form.baseAttachmentList && Array.isArray(form.baseAttachmentList)) {
+      form.baseAttachmentList = form.baseAttachmentList.map(item => ({
+        name: item.attachmentName || item.name || '',
+        url: item.attachmentUrl || item.url || ''
+      }))
+    } else {
+      form.baseAttachmentList = []
+    }
+    if (!form.equipmentInspectionRecordList || !Array.isArray(form.equipmentInspectionRecordList)) {
+      form.equipmentInspectionRecordList = []
+    }
+    // form.installationLocation = [response.data.terminlCode, response.data.regionalCode, response.data.channelCode]
+ 
+    form.installationLocation = {
+      terminlCode: response.data.terminlCode,
+      regionalCode: response.data.regionalCode,
+      channelCode: response.data.channelCode
+    }
+    form.inspectionTeamLeaderId = form.inspectionTeamLeaderId || ''
+    form.inspectionTeamMember1Id = form.inspectionTeamMember1Id || ''
+    form.inspectionTeamMember2Id = form.inspectionTeamMember2Id || ''
+    form.equipmentInspectionRecordList.forEach(item => {
+      item.inspectionTeamId = item.inspectionTeamId ? item.inspectionTeamId.split(',').map(id => Number(id)).filter(id => !isNaN(id)) : []
+    })
+    formDisabled.value = true
+    dialog.title = '设备详情'
+    dialog.visible = true
+  })
+}
+
+function handleDelete(row) {
+  proxy.$modal.confirm('是否确认删除该设备？').then(function () {
+    return delEquipLedger(row.id)
+  }).then(() => {
+    getList()
+    proxy.$modal.msgSuccess('删除成功')
+  }).catch(() => { })
+}
+
+
+
+function handleBatchDelete() {
+  proxy.$modal.confirm('是否确认删除选中的设备？').then(function () {
+    return delEquipLedger(selectedIds.value.join(','))
+  }).then(() => {
+    getList()
+    proxy.$modal.msgSuccess('删除成功')
+  }).catch(() => { })
+}
+
+function tableRowClassName({ row }) {
+  if (row.colorType === 'RED') {
+    return 'row-red'
+  } else if (row.colorType === 'ORANGE') {
+    return 'row-orange'
+  } else if (row.colorType === 'YELLOW') {
+    return 'row-yellow'
+  }
+  return ''
+}
+
+function handleExport() {
+  proxy.download('equipment/ledger/export', {
+    ...queryParams
+  }, `equipLedger_${new Date().getTime()}.xlsx`)
+}
+
+function handleImport() {
+  upload.title = '设备台账导入'
+  upload.open = true
+}
+
+function importTemplate() {
+  proxy.download('equipment/ledger/importTemplate', {}, `equipLedger_template_${new Date().getTime()}.xlsx`)
+}
+
+function resetForm() {
+  Object.assign(form, {
+    id: null,
+    equipmentName: '',
+    equipmentType: '',
+    equipmentCategory: '',
+    equipmentBrand: '',
+    equipmentModel: '',
+    equipmentSerialNumber: '',
+    manufacturer: '',
+    manufacturingDate: '',
+    acceptanceDate: '',
+    commissioningDate: '',
+    usageStatus: '',
+    scrappingDate: '',
+    installationLocation: null,
+    inspectionSelfCheckDate: '',
+    inspectionSelfCheckCycle: 0,
+    nextInspectionDueDate: '',
+    inspectionTeamLeaderId: '',
+    inspectionTeamMember1Id: '',
+    inspectionTeamMember2Id: '',
+    initialAcceptanceStatus: '',
+    baseAttachmentList: [],
+    equipmentInspectionRecordList: []
+  })
+}
+
+async function submitForm() {
+  formRef.value?.validate(async valid => {
+    if (valid) {
+      const submitData = { ...form, ...form.installationLocation }
+      submitData.baseAttachmentList = baseAttachmentListInternal.value
+      // 收集所有定检小组用户ID，批量获取名称
+      const allTeamIds = new Set()
+      form.equipmentInspectionRecordList.forEach(item => {
+        if (item.inspectionTeamId && Array.isArray(item.inspectionTeamId)) {
+          item.inspectionTeamId.forEach(id => allTeamIds.add(id))
+        }
+      })
+      const userMap = new Map()
+      if (allTeamIds.size > 0) {
+        const userPromises = Array.from(allTeamIds).map(async id => {
+          try {
+            const res = await getUser(String(id))
+            return { id, name: res.data?.nickName || '' }
+          } catch {
+            return { id, name: '' }
+          }
+        })
+        const results = await Promise.all(userPromises)
+        results.forEach(({ id, name }) => userMap.set(id, name))
+      }
+      submitData.equipmentInspectionRecordList = form.equipmentInspectionRecordList.map(item => {
+        const teamIds = item.inspectionTeamId && Array.isArray(item.inspectionTeamId) ? item.inspectionTeamId.join(',') : ''
+        const teamNames = item.inspectionTeamId && Array.isArray(item.inspectionTeamId) ? item.inspectionTeamId.map(id => userMap.get(id) || '').filter(Boolean).join(',') : ''
+        return {
+          ...item,
+          inspectionTeamId: teamIds,
+          inspectionTeamName: teamNames
+        }
+      })
+      try {
+        if (submitData.inspectionTeamLeaderId) {
+          const leaderRes = await getUser(submitData.inspectionTeamLeaderId)
+          submitData.inspectionTeamLeaderName = leaderRes.data?.nickName || ''
+        }
+        if (submitData.inspectionTeamMember1Id) {
+          const member1Res = await getUser(submitData.inspectionTeamMember1Id)
+          submitData.inspectionTeamMember1Name = member1Res.data?.nickName || ''
+        }
+        if (submitData.inspectionTeamMember2Id) {
+          const member2Res = await getUser(submitData.inspectionTeamMember2Id)
+          submitData.inspectionTeamMember2Name = member2Res.data?.nickName || ''
+        }
+      } catch (error) {
+        console.error('获取用户信息失败:', error)
+      }
+      delete submitData.installationLocation
+
+      if (submitData.id != null) {
+        updateEquipLedger(submitData).then(response => {
+          proxy.$modal.msgSuccess('修改成功')
+          dialog.visible = false
+          getList()
+        })
+      } else {
+        addEquipLedger(submitData).then(response => {
+          proxy.$modal.msgSuccess('新增成功')
+          dialog.visible = false
+          getList()
+        })
+      }
+    }
+  })
+}
+
+function addCheckRecord() {
+  const teamIds = []
+  if (form.inspectionTeamLeaderId) {
+    teamIds.push(form.inspectionTeamLeaderId)
+  }
+  if (form.inspectionTeamMember1Id) {
+    teamIds.push(form.inspectionTeamMember1Id)
+  }
+  if (form.inspectionTeamMember2Id) {
+    teamIds.push(form.inspectionTeamMember2Id)
+  }
+  form.equipmentInspectionRecordList.push({
+    inspectionDate: '',
+    inspectionTeamId: teamIds,
+    inspectionTeamName: '',
+    inspectionResult: '',
+    inspectionNature: ''
+  })
+}
+
+function removeCheckRecord(index) {
+  form.equipmentInspectionRecordList.splice(index, 1)
+}
+
+function handleInspectionDateChange(row, index) {
+  if (row.inspectionDate) {
+    const recordDate = new Date(row.inspectionDate)
+    const checkDate = form.inspectionSelfCheckDate ? new Date(form.inspectionSelfCheckDate) : null
+
+    if (!checkDate || recordDate > checkDate) {
+      form.inspectionSelfCheckDate = row.inspectionDate
+      calculateDueDate()
+    }
+  }
+}
+
+function calculateDueDate() {
+  if (form.inspectionSelfCheckDate && form.inspectionSelfCheckCycle && form.inspectionSelfCheckCycle > 0) {
+    const checkDate = new Date(form.inspectionSelfCheckDate)
+    checkDate.setMonth(checkDate.getMonth() + form.inspectionSelfCheckCycle)
+    const year = checkDate.getFullYear()
+    const month = String(checkDate.getMonth() + 1).padStart(2, '0')
+    const day = String(checkDate.getDate()).padStart(2, '0')
+    form.nextInspectionDueDate = `${year}-${month}-${day}`
+  }
+}
+
+function handleFileUploadProgress(event, file, fileList) {
+  upload.isUploading = true
+}
+
+function handleFileSuccess(response, file, fileList) {
+  upload.open = false
+  upload.isUploading = false
+  proxy.$refs['uploadRef'].handleRemove(file)
+  proxy.$alert('<div style="overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;">' + response.msg + '</div>', '导入结果', { dangerouslyUseHTMLString: true })
+  getList()
+}
+
+function submitFileForm() {
+  proxy.$refs['uploadRef'].submit()
+}
+
+onMounted(() => {
+  getList()
+})
+</script>
+
+<style scoped>
+.app-container {
+  padding: 20px;
+}
+
+.filter-container {}
+
+.operation-container {
+  margin-bottom: 15px;
+}
+
+.search-form {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+}
+
+:deep(.row-red) {
+  background-color: rgba(245, 108, 108, 0.3) !important;
+}
+
+:deep(.row-orange) {
+  background-color: rgba(230, 162, 60, 0.3) !important;
+}
+
+:deep(.row-yellow) {
+  background-color: rgba(255, 206, 86, 0.3) !important;
+}
+
+:deep(.operation-column) {
+
+  background-color: white !important;
+  z-index: 3;
+}
+</style>