feat(equipManage): add equipment ledger page

实现了设备台账管理页面，包含查询列表、增删改查、定检记录管理等完整功能

src/views/equipManage/equipLedger/index.vue

@@ -0,0 +1,394 @@
+<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="equipName">
+          <el-input v-model="queryParams.equipName" 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-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>
+        <el-form-item label="检查成员" prop="checkMember">
+          <el-input v-model="queryParams.checkMember" 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">新增</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>
+    </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="usageStatus" align="center" min-width="100">
+        <template #default="scope">
+          <el-tag :type="scope.row.usageStatus === '1' ? 'success' : 'danger'">
+            {{ scope.row.usageStatus === '1' ? '使用中' : '已停用' }}
+          </el-tag>
+        </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">
+        <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>
+
+    <!-- 编辑/详情弹窗 -->
+    <el-dialog :title="dialog.title" v-model="dialog.visible" width="900px" :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>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="设备种类" prop="equipType">
+              <el-input v-model="form.equipType" 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>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="设备品牌" prop="equipBrand">
+              <el-input v-model="form.equipBrand" 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>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="设备序列号" prop="serialNumber">
+              <el-input v-model="form.serialNumber" 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="factoryDate">
+              <el-date-picker v-model="form.factoryDate" 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>
+          </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>
+          </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-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>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="安装位置" prop="installLocation">
+              <el-input v-model="form.installLocation" placeholder="请输入安装位置" :disabled="formDisabled" />
+            </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>
+          </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>
+          </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>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="定/自检小组组长" prop="checkTeamLeader">
+              <el-input v-model="form.checkTeamLeader" placeholder="请输入定/自检小组组长" :disabled="formDisabled" />
+            </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>
+          </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>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="设备图片" prop="equipImages">
+              <ImageUpload v-model="form.equipImages" :disabled="formDisabled" />
+            </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.checkRecords" border style="margin-top: 10px">
+          <el-table-column label="定检日期" prop="checkRecordDate">
+            <template #default="scope">
+              <el-date-picker v-model="scope.row.checkRecordDate" type="date" value-format="YYYY-MM-DD" placeholder="选择日期" :disabled="formDisabled" />
+            </template>
+          </el-table-column>
+          <el-table-column label="定检小组" prop="checkTeam">
+            <template #default="scope">
+              <el-input v-model="scope.row.checkTeam" placeholder="定检小组" :disabled="formDisabled" />
+            </template>
+          </el-table-column>
+          <el-table-column label="定检结论" prop="checkConclusion">
+            <template #default="scope">
+              <el-input v-model="scope.row.checkConclusion" placeholder="定检结论" :disabled="formDisabled" />
+            </template>
+          </el-table-column>
+          <el-table-column label="定检性质" prop="checkNature">
+            <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>
+            </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>
+            </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>
+
+    
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive } from 'vue'
+import { ElMessage } from 'element-plus'
+import ImageUpload from '@/components/ImageUpload/index.vue'
+
+const loading = ref(false)
+const queryFormRef = ref()
+const formRef = ref()
+const tableData = ref([])
+const single = ref(true)
+const multiple = ref(true)
+const queryParams = reactive({
+  equipName: '',
+  usageStatus: '',
+  lastCheckDate: '',
+  checkMember: ''
+})
+const dialog = reactive({
+  visible: false,
+  title: ''
+})
+const detailVisible = ref(false)
+const formDisabled = ref(false)
+const form = reactive({
+  equipName: '',
+  equipType: '',
+  equipCategory: '',
+  equipBrand: '',
+  equipModel: '',
+  serialNumber: '',
+  manufacturer: '',
+  factoryDate: '',
+  performanceDate: '',
+  enableDate: '',
+  usageStatus: '1',
+  retireDate: '',
+  installLocation: '',
+  checkDate: '',
+  checkCycle: 0,
+  checkExpireDate: '',
+  checkTeamLeader: '',
+  checkTeamMembers: '',
+  firstAcceptance: '',
+  checkRecords: []
+})
+const rules = {
+  equipName: [{ required: true, message: '设备名称不能为空', trigger: 'blur' }],
+  serialNumber: [{ required: true, message: '设备序列号不能为空', trigger: 'blur' }]
+}
+const selectedIds = ref([])
+
+function handleQuery() {
+  loading.value = true
+  setTimeout(() => {
+    loading.value = false
+  }, 300)
+}
+
+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 > 0
+}
+
+function handleAdd() {
+  resetForm()
+  formDisabled.value = false
+  dialog.title = '新增设备'
+  dialog.visible = true
+}
+
+function handleEdit(row) {
+  Object.assign(form, row)
+  formDisabled.value = false
+  dialog.title = '编辑设备'
+  dialog.visible = true
+}
+
+function handleDetail(row) {
+  Object.assign(form, row)
+  formDisabled.value = true
+  dialog.title = '设备详情'
+  dialog.visible = true
+}
+
+function handleDelete(row) {
+  ElMessage.success('删除成功')
+}
+
+function handleBatchDelete() {
+  ElMessage.success('批量删除成功')
+}
+
+function handleExport() {
+  ElMessage.success('导出功能开发中')
+}
+
+function handleImport() {
+  ElMessage.info('导入功能开发中')
+}
+
+function resetForm() {
+  Object.assign(form, {
+    equipName: '',
+    equipType: '',
+    equipCategory: '',
+    equipBrand: '',
+    equipModel: '',
+    serialNumber: '',
+    manufacturer: '',
+    factoryDate: '',
+    performanceDate: '',
+    enableDate: '',
+    usageStatus: '1',
+    retireDate: '',
+    installLocation: '',
+    checkDate: '',
+    checkCycle: 0,
+    checkExpireDate: '',
+    checkTeamLeader: '',
+    checkTeamMembers: '',
+    firstAcceptance: '',
+    checkRecords: []
+  })
+}
+
+function submitForm() {
+  formRef.value?.validate(valid => {
+    if (valid) {
+      ElMessage.success('保存成功')
+      dialog.visible = false
+      handleQuery()
+    }
+  })
+}
+
+function addCheckRecord() {
+  form.checkRecords.push({
+    checkRecordDate: '',
+    checkTeam: '',
+    checkConclusion: '',
+    checkNature: ''
+  })
+}
+
+function removeCheckRecord(index) {
+  form.checkRecords.splice(index, 1)
+}
+
+onMounted(() => {
+  handleQuery()
+})
+</script>
+
+<style scoped>
+.app-container {
+  padding: 20px;
+}
+
+.filter-container {
+  margin-bottom: 20px;
+}
+
+.operation-container {
+  margin-bottom: 15px;
+}
+
+.search-form {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+}
+</style>