feat(equipManage): 完成设备台账页面的完整开发

1. 新增设备台账API接口文件，包含增删改查和导出导入接口
2. 重构设备台账页面表单、表格字段适配后端新实体
3. 添加权限控制、分页、字典渲染、导入导出功能
4. 新增定检记录管理和自检到期日期自动计算逻辑
5. 优化序号渲染、表单校验和用户选择组件使用

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/views/equipManage/equipLedger/index.vue

@@ -3,20 +3,19 @@
     <!-- 查询条件 -->
     <div class="filter-container">
       <el-form :model="queryParams" ref="queryFormRef" :inline="true" class="search-form">
-        <el-form-item label="设备名称" prop="equipName">
-          <el-input v-model="queryParams.equipName" placeholder="请输入设备名称" clearable style="width: 200px" />
+        <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="usageStatus">
           <el-select v-model="queryParams.usageStatus" placeholder="请选择使用状态" clearable style="width: 200px">
-            <el-option label="使用中" value="1" />
-            <el-option label="已停用" value="0" />
+            <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="lastCheckDate">
-          <el-date-picker v-model="queryParams.lastCheckDate" type="date" value-format="YYYY-MM-DD" placeholder="请选择日期" style="width: 200px" />
+        <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="checkMember">
-          <el-input v-model="queryParams.checkMember" placeholder="请输入检查成员" clearable style="width: 200px" />
+        <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>
@@ -27,31 +26,39 @@
 
     <!-- 操作按钮 -->
     <div class="operation-container">
-      <el-button type="primary" plain icon="Plus" @click="handleAdd">新增</el-button>
-      <el-button type="danger" plain icon="Delete" :disabled="single" @click="handleBatchDelete">删除</el-button>
-      <el-button type="warning" plain icon="Download" @click="handleExport">导出</el-button>
-      <el-button type="info" plain icon="Upload" @click="handleImport">导入</el-button>
+      <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">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="序号" prop="rowIndex" width="70" align="center" />
-      <el-table-column label="设备编号" prop="equipCode" align="center" min-width="120" />
-      <el-table-column label="设备名称" prop="equipName" align="center" min-width="150" show-overflow-tooltip />
-      <el-table-column label="设备序列号" prop="serialNumber" align="center" min-width="150" show-overflow-tooltip />
-      <el-table-column label="安装位置" prop="installLocation" align="center" min-width="150" show-overflow-tooltip />
+      <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="equipmentSerialNumber" align="center" min-width="150" show-overflow-tooltip />
+      <el-table-column label="安装位置" prop="installationLocation" align="center" min-width="150" show-overflow-tooltip />
       <el-table-column label="使用状态" prop="usageStatus" align="center" min-width="100">
         <template #default="scope">
-          <el-tag :type="scope.row.usageStatus === '1' ? 'success' : 'danger'">
-            {{ scope.row.usageStatus === '1' ? '使用中' : '已停用' }}
-          </el-tag>
+          <dict-tag :options="equipment_usage_status" :value="scope.row.usageStatus" />
+          
         </template>
       </el-table-column>
-      <el-table-column label="定/自检小组组长" prop="checkTeamLeader" align="center" min-width="120" show-overflow-tooltip />
-      <el-table-column label="定/自检小组组员" prop="checkTeamMembers" align="center" min-width="120" show-overflow-tooltip />
-      <el-table-column label="最近定检/自检日期" prop="lastCheckDate" align="center" min-width="120" />
-      <el-table-column label="操作" align="center" width="180" fixed="right">
+      <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="inspectionSelfCheckDate" align="center" min-width="120" />
+      <el-table-column label="操作" align="center" width="220" fixed="right">
         <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>
@@ -60,38 +67,41 @@
       </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="900px" :close-on-click-modal="false">
+    <el-dialog :title="dialog.title" v-model="dialog.visible" width="1000px" :close-on-click-modal="false">
       <el-form :model="form" ref="formRef" :rules="rules" label-width="140px">
         <el-row :gutter="20">
           <el-col :span="12">
-            <el-form-item label="设备名称" prop="equipName">
-              <el-input v-model="form.equipName" placeholder="请输入设备名称" :disabled="formDisabled" />
+            <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="equipType">
-              <el-input v-model="form.equipType" placeholder="请输入设备种类" :disabled="formDisabled" />
+            <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="equipCategory">
-              <el-input v-model="form.equipCategory" placeholder="请输入设备类别" :disabled="formDisabled" />
+            <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="equipBrand">
-              <el-input v-model="form.equipBrand" placeholder="请输入设备品牌" :disabled="formDisabled" />
+            <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="equipModel">
-              <el-input v-model="form.equipModel" placeholder="请输入设备型号" :disabled="formDisabled" />
+            <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="serialNumber">
-              <el-input v-model="form.serialNumber" placeholder="请输入设备序列号" :disabled="formDisabled" />
+            <el-form-item label="设备序列号" prop="equipmentSerialNumber">
+              <el-input v-model="form.equipmentSerialNumber" placeholder="请输入设备序列号" :disabled="formDisabled" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
@@ -100,71 +110,75 @@
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="出厂日期" prop="factoryDate">
-              <el-date-picker v-model="form.factoryDate" type="date" value-format="YYYY-MM-DD" placeholder="请选择出厂日期" :disabled="formDisabled" />
+            <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="performanceDate">
-              <el-date-picker v-model="form.performanceDate" type="date" value-format="YYYY-MM-DD" placeholder="请选择绩效日期" :disabled="formDisabled" />
+            <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="enableDate">
-              <el-date-picker v-model="form.enableDate" type="date" value-format="YYYY-MM-DD" placeholder="请选择启用日期" :disabled="formDisabled" />
+            <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 label="使用中" value="1" />
-                <el-option label="已停用" value="0" />
+                <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="retireDate">
-              <el-date-picker v-model="form.retireDate" type="date" value-format="YYYY-MM-DD" placeholder="请选择报废日期" :disabled="formDisabled" />
+            <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">
+              <el-input v-model="form.installationLocation" placeholder="请输入安装位置" :disabled="formDisabled" />
             </el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="安装位置" prop="installLocation">
-              <el-input v-model="form.installLocation" placeholder="请输入安装位置" :disabled="formDisabled" />
+            <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="checkDate">
-              <el-date-picker v-model="form.checkDate" type="date" value-format="YYYY-MM-DD" placeholder="请选择定/自检日期" :disabled="formDisabled" />
+            <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="checkCycle">
-              <el-input-number v-model="form.checkCycle" placeholder="请输入定/自检周期" :min="0" :disabled="formDisabled" />
+            <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="checkExpireDate">
-              <el-date-picker v-model="form.checkExpireDate" type="date" value-format="YYYY-MM-DD" placeholder="请选择定/自检到期日期" :disabled="formDisabled" />
+            <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="定/自检小组组长" prop="checkTeamLeader">
-              <el-input v-model="form.checkTeamLeader" placeholder="请输入定/自检小组组长" :disabled="formDisabled" />
+            <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="定/自检小组组员" prop="checkTeamMembers">
-              <el-input v-model="form.checkTeamMembers" placeholder="请输入定/自检小组组员" :disabled="formDisabled" />
+            <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="firstAcceptance">
-              <el-input v-model="form.firstAcceptance" type="textarea" :rows="3" placeholder="请输入首次验收情况" :disabled="formDisabled" />
+            <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="equipImages">
-              <ImageUpload v-model="form.equipImages" :disabled="formDisabled" />
+            <el-form-item label="设备图片" prop="baseAttachmentList">
+              <ImageUpload v-model="form.baseAttachmentList" :disabled="formDisabled" :limit="3" />
             </el-form-item>
           </el-col>
         </el-row>
@@ -172,33 +186,32 @@
         <!-- 定检记录表格 -->
         <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.checkRecords" border style="margin-top: 10px">
-          <el-table-column label="定检日期" prop="checkRecordDate">
+        <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.checkRecordDate" type="date" value-format="YYYY-MM-DD" placeholder="选择日期" :disabled="formDisabled" />
+              <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="checkTeam">
+          <el-table-column label="定检小组" prop="inspectionTeamName">
             <template #default="scope">
-              <el-input v-model="scope.row.checkTeam" placeholder="定检小组" :disabled="formDisabled" />
+              <UserSelect v-model="scope.row.inspectionTeamIds" :multiple="true" :disabled="formDisabled" width="100%" placeholder="请选择" />
             </template>
           </el-table-column>
-          <el-table-column label="定检结论" prop="checkConclusion">
+          <el-table-column label="定检结论" prop="inspectionResult">
             <template #default="scope">
-              <el-input v-model="scope.row.checkConclusion" placeholder="定检结论" :disabled="formDisabled" />
+              <el-input v-model="scope.row.inspectionResult" placeholder="定检结论" :disabled="formDisabled" />
             </template>
           </el-table-column>
-          <el-table-column label="定检性质" prop="checkNature">
+          <el-table-column label="定检性质" prop="inspectionNature">
             <template #default="scope">
-              <el-select v-model="scope.row.checkNature" placeholder="请选择" :disabled="formDisabled">
-                <el-option label="重大维修" value="major_repair" />
-                <el-option label="移机" value="relocation" />
+              <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)">删除</el-button>
+              <el-button type="danger" link icon="Delete" @click="removeCheckRecord(scope.$index)" v-hasPermi="['equipment:ledger:delete']">删除</el-button>
             </template>
           </el-table-column>
         </el-table>
@@ -210,66 +223,114 @@
       </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 } from 'vue'
+import { ref, reactive, onMounted, getCurrentInstance } from 'vue'
 import { ElMessage } from 'element-plus'
+import { UploadFilled } from '@element-plus/icons-vue'
 import ImageUpload from '@/components/ImageUpload/index.vue'
+import UserSelect from '@/components/UserSelect/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({
-  equipName: '',
+  pageNum: 1,
+  pageSize: 10,
+  equipmentName: '',
   usageStatus: '',
-  lastCheckDate: '',
-  checkMember: ''
+  inspectionSelfCheckDate: '',
+  inspectionTeamUserName: ''
 })
 const dialog = reactive({
   visible: false,
   title: ''
 })
-const detailVisible = ref(false)
 const formDisabled = ref(false)
 const form = reactive({
-  equipName: '',
-  equipType: '',
-  equipCategory: '',
-  equipBrand: '',
-  equipModel: '',
-  serialNumber: '',
+  id: null,
+  equipmentName: '',
+  equipmentType: '',
+  equipmentCategory: '',
+  equipmentBrand: '',
+  equipmentModel: '',
+  equipmentSerialNumber: '',
   manufacturer: '',
-  factoryDate: '',
-  performanceDate: '',
-  enableDate: '',
+  manufacturingDate: '',
+  acceptanceDate: '',
+  commissioningDate: '',
   usageStatus: '1',
-  retireDate: '',
-  installLocation: '',
-  checkDate: '',
-  checkCycle: 0,
-  checkExpireDate: '',
-  checkTeamLeader: '',
-  checkTeamMembers: '',
-  firstAcceptance: '',
-  checkRecords: []
+  scrappingDate: '',
+  installationLocation: '',
+  inspectionSelfCheckDate: '',
+  inspectionSelfCheckCycle: 0,
+  nextInspectionDueDate: '',
+  inspectionTeamLeaderId: '',
+  inspectionTeamMember1Id: '',
+  inspectionTeamMember2Id: '',
+  initialAcceptanceStatus: '',
+  baseAttachmentList: [],
+  equipmentInspectionRecordList: []
 })
 const rules = {
-  equipName: [{ required: true, message: '设备名称不能为空', trigger: 'blur' }],
-  serialNumber: [{ required: true, message: '设备序列号不能为空', trigger: 'blur' }]
+  equipmentName: [{ required: true, message: '设备名称不能为空', trigger: 'blur' }],
+  equipmentSerialNumber: [{ required: true, message: '设备序列号不能为空', trigger: 'blur' }]
 }
 const selectedIds = ref([])
 
-function handleQuery() {
+const upload = reactive({
+  open: false,
+  title: '',
+  isUploading: false,
+  updateSupport: 0,
+  headers: { Authorization: 'Bearer ' + getToken() },
+  url: import.meta.env.VITE_APP_BASE_API + '/equipment/ledger/importData'
+})
+
+function getList() {
   loading.value = true
-  setTimeout(() => {
+  listEquipLedger(queryParams).then(response => {
+    tableData.value = response.rows
+    total.value = response.total
     loading.value = false
-  }, 300)
+  })
+}
+
+function handleQuery() {
+  queryParams.pageNum = 1
+  getList()
 }
 
 function resetQuery() {
@@ -280,7 +341,7 @@ function resetQuery() {
 function handleSelectionChange(selection) {
   selectedIds.value = selection.map(item => item.id)
   single.value = selection.length !== 1
-  multiple.value = selection.length > 0
+  multiple.value = !selection.length
 }
 
 function handleAdd() {
@@ -291,85 +352,194 @@ function handleAdd() {
 }
 
 function handleEdit(row) {
-  Object.assign(form, row)
-  formDisabled.value = false
-  dialog.title = '编辑设备'
-  dialog.visible = true
+  getEquipLedger(row.id).then(response => {
+    Object.assign(form, response.data)
+    if (!form.equipmentInspectionRecordList || !Array.isArray(form.equipmentInspectionRecordList)) {
+      form.equipmentInspectionRecordList = []
+    }
+    formDisabled.value = false
+    dialog.title = '编辑设备'
+    dialog.visible = true
+  })
 }
 
 function handleDetail(row) {
-  Object.assign(form, row)
-  formDisabled.value = true
-  dialog.title = '设备详情'
-  dialog.visible = true
+  getEquipLedger(row.id).then(response => {
+    Object.assign(form, response.data)
+    if (!form.equipmentInspectionRecordList || !Array.isArray(form.equipmentInspectionRecordList)) {
+      form.equipmentInspectionRecordList = []
+    }
+    formDisabled.value = true
+    dialog.title = '设备详情'
+    dialog.visible = true
+  })
 }
 
 function handleDelete(row) {
-  ElMessage.success('删除成功')
+  proxy.$modal.confirm('是否确认删除该设备？').then(function () {
+    return delEquipLedger(row.id)
+  }).then(() => {
+    getList()
+    proxy.$modal.msgSuccess('删除成功')
+  }).catch(() => { })
 }
 
 function handleBatchDelete() {
-  ElMessage.success('批量删除成功')
+  proxy.$modal.confirm('是否确认删除选中的设备？').then(function () {
+    return delEquipLedger(selectedIds.value.join(','))
+  }).then(() => {
+    getList()
+    proxy.$modal.msgSuccess('删除成功')
+  }).catch(() => { })
 }
 
 function handleExport() {
-  ElMessage.success('导出功能开发中')
+  proxy.download('equipment/ledger/export', {
+    ...queryParams
+  }, `equipLedger_${new Date().getTime()}.xlsx`)
 }
 
 function handleImport() {
-  ElMessage.info('导入功能开发中')
+  upload.title = '设备台账导入'
+  upload.open = true
+}
+
+function importTemplate() {
+  proxy.download('equipment/ledger/importTemplate', {}, `equipLedger_template_${new Date().getTime()}.xlsx`)
 }
 
 function resetForm() {
   Object.assign(form, {
-    equipName: '',
-    equipType: '',
-    equipCategory: '',
-    equipBrand: '',
-    equipModel: '',
-    serialNumber: '',
+    id: null,
+    equipmentName: '',
+    equipmentType: '',
+    equipmentCategory: '',
+    equipmentBrand: '',
+    equipmentModel: '',
+    equipmentSerialNumber: '',
     manufacturer: '',
-    factoryDate: '',
-    performanceDate: '',
-    enableDate: '',
+    manufacturingDate: '',
+    acceptanceDate: '',
+    commissioningDate: '',
     usageStatus: '1',
-    retireDate: '',
-    installLocation: '',
-    checkDate: '',
-    checkCycle: 0,
-    checkExpireDate: '',
-    checkTeamLeader: '',
-    checkTeamMembers: '',
-    firstAcceptance: '',
-    checkRecords: []
+    scrappingDate: '',
+    installationLocation: '',
+    inspectionSelfCheckDate: '',
+    inspectionSelfCheckCycle: 0,
+    nextInspectionDueDate: '',
+    inspectionTeamLeaderId: '',
+    inspectionTeamMember1Id: '',
+    inspectionTeamMember2Id: '',
+    initialAcceptanceStatus: '',
+    baseAttachmentList: '',
+    equipmentInspectionRecordList: []
   })
 }
 
-function submitForm() {
-  formRef.value?.validate(valid => {
+async function submitForm() {
+  formRef.value?.validate(async valid => {
     if (valid) {
-      ElMessage.success('保存成功')
-      dialog.visible = false
-      handleQuery()
+      const submitData = { ...form }
+      
+      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)
+      }
+
+      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() {
-  form.checkRecords.push({
-    checkRecordDate: '',
-    checkTeam: '',
-    checkConclusion: '',
-    checkNature: ''
+  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: '',
+    inspectionTeamIds: teamIds,
+    inspectionTeamName: '',
+    inspectionResult: '',
+    inspectionNature: ''
   })
 }
 
 function removeCheckRecord(index) {
-  form.checkRecords.splice(index, 1)
+  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(() => {
-  handleQuery()
+  getList()
 })
 </script>
 
@@ -379,7 +549,6 @@ onMounted(() => {
 }
 
 .filter-container {
-  margin-bottom: 20px;
 }
 
 .operation-container {
@@ -391,4 +560,4 @@ onMounted(() => {
   flex-wrap: wrap;
   gap: 10px;
 }
-</style>
+</style>