开发保养计划功能

wuxw
1 parent f68885f8
Showing 29 changed files with 3193 additions and 0 deletions
src/api/inspection/addMaintainancePlanApi.js
src/api/inspection/editMaintainancePlanApi.js
src/api/inspection/maintainancePlanMachineApi.js
src/api/inspection/maintainancePlanManageApi.js
src/api/inspection/maintainanceStandardItemApi.js
src/api/inspection/maintainanceStandardManageApi.js
src/components/inspection/addMaintainanceStandard.vue
src/components/inspection/chooseMaintainancePlanMachine.vue
src/components/inspection/chooseMaintainanceStandardItem.vue
src/components/inspection/deleteMaintainancePlan.vue
src/components/inspection/deleteMaintainancePlanMachine.vue
src/components/inspection/deleteMaintainanceStandard.vue
src/components/inspection/deleteMaintainanceStandardItem.vue
src/components/inspection/editMaintainanceStandard.vue
src/components/inspection/maintainancePlanState.vue
src/i18n/inspectionI18n.js
src/router/inspectionRouter.js
src/views/inspection/addMaintainancePlanLang.js
src/views/inspection/addMaintainancePlanList.vue
src/views/inspection/editMaintainancePlanLang.js
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 保存保养计划
+export function saveMaintainancePlan(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/maintainancePlan.saveMaintainancePlan',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取保养标准列表
+export function listMaintainanceStandard(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/maintainance.listMaintainanceStandard',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取设备列表
+export function listEquipmentAccount(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/equipmentAccount.listEquipmentAccount',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取组织树
+export function listOrgTree(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/org.listOrgTree',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询员工信息
+export function queryStaffInfos(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/query.staff.infos',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 获取保养标准列表
+export function listMaintainanceStandard(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/maintainance.listMaintainanceStandard',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取保养计划列表
+export function listMaintainancePlan(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/maintainancePlan.listMaintainancePlan',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取保养计划员工列表
+export function listMaintainancePlanStaff(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/maintainancePlan.listMaintainancePlanStaff',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新保养计划
+export function updateMaintainancePlan(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/maintainancePlan.updateMaintainancePlan',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取组织树
+export function listOrgTree(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/org.listOrgTree',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取员工信息
+export function getStaffInfos(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/query.staff.infos',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 获取保养计划设备列表
+export function listMaintainancePlanMachine(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/maintainancePlan.listMaintainancePlanMachine',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取设备列表
+export function listEquipmentAccount(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/equipmentAccount.listEquipmentAccount',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 保存保养计划设备
+export function saveMaintainancePlanMachine(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/maintainancePlan.saveMaintainancePlanMachine',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除保养计划设备
+export function deleteMaintainancePlanMachine(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/maintainancePlan.deleteMaintainancePlanMachine',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+
+// 获取保养计划列表
+export function listMaintainancePlan(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/maintainancePlan.listMaintainancePlan',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除保养计划
+export function deleteMaintainancePlan(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/maintainancePlan.deleteMaintainancePlan',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新保养计划状态
+export function updateMaintainancePlanState(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/maintainancePlan.updateMaintainancePlanState',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 获取保养标准项列表
+export function listMaintainanceStandardItem(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/maintainance.listMaintainanceStandardItem',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 获取所有保养项列表
+export function listMaintainanceItem(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/maintainance.listMaintainanceItem',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 保存保养标准项
+export function saveMaintainanceStandardItem(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/maintainance.saveMaintainanceStandardItem',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除保养标准项
+export function deleteMaintainanceStandardItem(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/maintainance.deleteMaintainanceStandardItem',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 获取保养标准列表
+export function listMaintainanceStandard(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/maintainance.listMaintainanceStandard',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 添加保养标准
+export function saveMaintainanceStandard(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/maintainance.saveMaintainanceStandard',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新保养标准
+export function updateMaintainanceStandard(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/maintainance.updateMaintainanceStandard',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除保养标准
+export function deleteMaintainanceStandard(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/maintainance.deleteMaintainanceStandard',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('maintainanceStandard.add.title')"
+    :visible.sync="visible"
+    width="50%"
+    @close="handleClose"
+  >
+    <el-form
+      ref="form"
+      :model="formData"
+      :rules="rules"
+      label-width="120px"
+    >
+      <el-form-item
+        :label="$t('maintainanceStandard.form.standardName')"
+        prop="standardName"
+      >
+        <el-input
+          v-model="formData.standardName"
+          :placeholder="$t('maintainanceStandard.placeholder.standardName')"
+        />
+      </el-form-item>
+      <el-form-item
+        :label="$t('maintainanceStandard.form.remark')"
+        prop="remark"
+      >
+        <el-input
+          v-model="formData.remark"
+          type="textarea"
+          :placeholder="$t('maintainanceStandard.placeholder.remark')"
+          :rows="3"
+        />
+      </el-form-item>
+    </el-form>
+
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">
+        {{ $t('common.cancel') }}
+      </el-button>
+      <el-button type="primary" @click="handleSubmit">
+        {{ $t('common.confirm') }}
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { saveMaintainanceStandard } from '@/api/inspection/maintainanceStandardManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'AddMaintainanceStandard',
+  data() {
+    return {
+      visible: false,
+      formData: {
+        standardName: '',
+        remark: '',
+        communityId: ''
+      },
+      rules: {
+        standardName: [
+          { required: true, message: this.$t('maintainanceStandard.rules.standardName'), trigger: 'blur' },
+          { max: 256, message: this.$t('maintainanceStandard.rules.standardNameMax'), trigger: 'blur' }
+        ],
+        remark: [
+          { required: true, message: this.$t('maintainanceStandard.rules.remark'), trigger: 'blur' },
+          { max: 512, message: this.$t('maintainanceStandard.rules.remarkMax'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open() {
+      this.visible = true
+      this.resetForm()
+    },
+    resetForm() {
+      this.formData = {
+        standardName: '',
+        remark: '',
+        communityId: getCommunityId()
+      }
+      this.$nextTick(() => {
+        if (this.$refs.form) {
+          this.$refs.form.clearValidate()
+        }
+      })
+    },
+    handleClose() {
+      this.resetForm()
+    },
+    handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            await saveMaintainanceStandard(this.formData)
+            this.$message.success(this.$t('maintainanceStandard.message.addSuccess'))
+            this.visible = false
+            this.$emit('success')
+          } catch (error) {
+            this.$message.error(error.message || this.$t('maintainanceStandard.message.addFailed'))
+          }
+        }
+      })
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('chooseMaintainancePlanMachine.title')"
+    :visible.sync="visible"
+    width="80%"
+    @close="handleClose">
+
+      <el-row :gutter="20">
+        <el-col :span="8">
+          <el-input
+            v-model="searchForm.machineName"
+            :placeholder="$t('chooseMaintainancePlanMachine.machineNamePlaceholder')"
+            clearable
+            @keyup.enter.native="queryMachines">
+          </el-input>
+        </el-col>
+        <el-col :span="16">
+          <el-button type="primary" @click="queryMachines">
+            <i class="el-icon-search"></i>
+            {{ $t('chooseMaintainancePlanMachine.search') }}
+          </el-button>
+          <el-button @click="resetMachines" style="margin-left: 10px;">
+            <i class="el-icon-refresh"></i>
+            {{ $t('chooseMaintainancePlanMachine.reset') }}
+          </el-button>
+        </el-col>
+      </el-row>
+
+      <el-table
+        :data="tableData"
+        border
+        style="width: 100%; margin-top: 20px;">
+        <el-table-column width="50">
+          <template slot="header">
+            <el-checkbox v-model="isAllChecked" @change="handleCheckAllChange"></el-checkbox>
+          </template>
+          <template slot-scope="scope">
+            <el-checkbox
+              v-model="scope.row.checked"
+              @change="handleCheckChange(scope.row)">
+            </el-checkbox>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="machineId"
+          :label="$t('chooseMaintainancePlanMachine.machineId')"
+          align="center">
+        </el-table-column>
+        <el-table-column
+          prop="machineName"
+          :label="$t('chooseMaintainancePlanMachine.machineName')"
+          align="center">
+        </el-table-column>
+      </el-table>
+
+      <el-pagination
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page="pagination.current"
+        :page-sizes="[10, 20, 30, 50]"
+        :page-size="pagination.size"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="pagination.total"
+        style="margin-top: 20px;">
+      </el-pagination>
+
+
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('chooseMaintainancePlanMachine.cancel') }}</el-button>
+      <el-button type="primary" @click="submitSelected">{{ $t('chooseMaintainancePlanMachine.submit') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { listEquipmentAccount, saveMaintainancePlanMachine } from '@/api/inspection/maintainancePlanMachineApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'ChooseMaintainancePlanMachine',
+  data() {
+    return {
+      visible: false,
+      searchForm: {
+        machineName: ''
+      },
+      tableData: [],
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      },
+      isAllChecked: false,
+      selectedMachines: [],
+      formData: {}
+    }
+  },
+  methods: {
+    open(params) {
+      this.formData = { ...params }
+      this.visible = true
+      this.resetMachines()
+    },
+    async queryMachines() {
+      try {
+        const params = {
+          page: this.pagination.current,
+          row: this.pagination.size,
+          machineName: this.searchForm.machineName,
+          communityId: getCommunityId()
+        }
+        const { data, records } = await listEquipmentAccount(params)
+        this.tableData = data.map(item => ({
+          ...item,
+          checked: false
+        }))
+        this.pagination.total = records
+        this.isAllChecked = false
+      } catch (error) {
+        this.$message.error(this.$t('chooseMaintainancePlanMachine.fetchError'))
+      }
+    },
+    resetMachines() {
+      this.searchForm.machineName = ''
+      this.pagination.current = 1
+      this.queryMachines()
+    },
+    handleCheckAllChange(val) {
+      this.tableData.forEach(item => {
+        item.checked = val
+      })
+      this.updateSelectedMachines()
+    },
+    handleCheckChange(row) {
+      console.log(row)
+      this.isAllChecked = this.tableData.every(item => item.checked)
+      this.updateSelectedMachines()
+    },
+    updateSelectedMachines() {
+      this.selectedMachines = this.tableData
+        .filter(item => item.checked)
+        .map(item => item.machineId)
+    },
+    async submitSelected() {
+      if (this.selectedMachines.length === 0) {
+        this.$message.warning(this.$t('chooseMaintainancePlanMachine.selectWarning'))
+        return
+      }
+
+      try {
+        const params = {
+          communityId: getCommunityId(),
+          planId: this.formData.planId,
+          machines: this.selectedMachines
+        }
+        await saveMaintainancePlanMachine(params)
+        this.$emit('success')
+        this.visible = false
+        this.$message.success(this.$t('chooseMaintainancePlanMachine.addSuccess'))
+      } catch (error) {
+        this.$message.error(this.$t('chooseMaintainancePlanMachine.addError'))
+      }
+    },
+    handleSizeChange(val) {
+      this.pagination.size = val
+      this.queryMachines()
+    },
+    handleCurrentChange(val) {
+      this.pagination.current = val
+      this.queryMachines()
+    },
+    handleClose() {
+      this.searchForm.machineName = ''
+      this.tableData = []
+      this.selectedMachines = []
+      this.isAllChecked = false
+    }
+  }
+}
+</script>
+
+<style scoped>
+.dialog-footer {
+  text-align: right;
+}
+</style>
 \ No newline at end of file
+<template>
+  <el-dialog :title="$t('chooseMaintainanceStandardItem.title')" :visible.sync="visible" width="70%" @close="handleClose">
+    <el-row :gutter="20">
+      <el-col :span="24">
+
+          <el-row :gutter="20">
+            <el-col :span="12">
+              <el-input v-model="form.itemTitle" :placeholder="$t('chooseMaintainanceStandardItem.searchPlaceholder')"
+                clearable @keyup.enter.native="queryItems">
+              </el-input>
+            </el-col>
+            <el-col :span="12">
+              <el-button type="primary" @click="queryItems">
+                <i class="el-icon-search"></i>
+                {{ $t('chooseMaintainanceStandardItem.search') }}
+              </el-button>
+              <el-button @click="resetItems" style="margin-left: 10px;">
+                <i class="el-icon-refresh"></i>
+                {{ $t('chooseMaintainanceStandardItem.reset') }}
+              </el-button>
+            </el-col>
+          </el-row>
+
+          <el-table :data="tableData" border style="width: 100%; margin-top: 15px;" v-loading="loading">
+            <el-table-column width="50" align="center">
+              <template slot="header">
+                <el-checkbox v-model="isAllChecked" @change="handleCheckAllChange"></el-checkbox>
+              </template>
+              <template slot-scope="scope">
+                <el-checkbox v-model="scope.row.checked" @change="handleItemCheckChange(scope.row)">
+                </el-checkbox>
+              </template>
+            </el-table-column>
+            <el-table-column prop="itemId" :label="$t('chooseMaintainanceStandardItem.id')" align="center">
+            </el-table-column>
+            <el-table-column prop="itemTitle" :label="$t('chooseMaintainanceStandardItem.item')" align="center">
+            </el-table-column>
+          </el-table>
+
+          <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
+            :current-page="pagination.current" :page-sizes="[10, 20, 30, 50]" :page-size="pagination.size"
+            layout="total, sizes, prev, pager, next, jumper" :total="pagination.total"
+            style="margin-top: 20px; text-align: right;">
+          </el-pagination>
+
+          <div style="margin-top: 20px; text-align: right;" v-if="tableData.length > 0">
+            <el-button type="primary" @click="submit">
+              <i class="el-icon-check"></i>
+              {{ $t('chooseMaintainanceStandardItem.submit') }}
+            </el-button>
+            <el-button @click="handleClose" style="margin-left: 10px;">
+              <i class="el-icon-close"></i>
+              {{ $t('chooseMaintainanceStandardItem.cancel') }}
+            </el-button>
+          </div>
+      </el-col>
+    </el-row>
+  </el-dialog>
+</template>
+
+<script>
+import { listMaintainanceItem, saveMaintainanceStandardItem } from '@/api/inspection/maintainanceStandardItemApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'ChooseMaintainanceStandardItem',
+  data() {
+    return {
+      visible: false,
+      loading: false,
+      form: {
+        itemTitle: '',
+        standardId: ''
+      },
+      tableData: [],
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      },
+      isAllChecked: false
+    }
+  },
+  methods: {
+    open(params) {
+      this.resetForm()
+      this.form.standardId = params.standardId
+      this.visible = true
+      this.loadItems()
+    },
+    async loadItems() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.pagination.current,
+          row: this.pagination.size,
+          itemTitle: this.form.itemTitle,
+          communityId: getCommunityId()
+        }
+        const { data, records } = await listMaintainanceItem(params)
+        this.tableData = data.map(item => ({
+          ...item,
+          checked: false
+        }))
+        this.pagination.total = records
+      } catch (error) {
+        this.$message.error(this.$t('chooseMaintainanceStandardItem.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    queryItems() {
+      this.pagination.current = 1
+      this.loadItems()
+    },
+    resetItems() {
+      this.form.itemTitle = ''
+      this.queryItems()
+    },
+    handleCheckAllChange(val) {
+      this.tableData.forEach(item => {
+        item.checked = val
+      })
+    },
+    handleItemCheckChange() {
+      this.isAllChecked = this.tableData.every(item => item.checked)
+    },
+    async submit() {
+      const selectedItems = this.tableData
+        .filter(item => item.checked)
+        .map(item => item.itemId)
+
+      if (selectedItems.length === 0) {
+        this.$message.warning(this.$t('chooseMaintainanceStandardItem.selectWarning'))
+        return
+      }
+
+      try {
+        const params = {
+          communityId: getCommunityId(),
+          standardId: this.form.standardId,
+          items: selectedItems
+        }
+        await saveMaintainanceStandardItem(params)
+        this.$message.success(this.$t('chooseMaintainanceStandardItem.submitSuccess'))
+        this.$emit('success')
+        this.handleClose()
+      } catch (error) {
+        this.$message.error(this.$t('chooseMaintainanceStandardItem.submitError'))
+      }
+    },
+    handleSizeChange(val) {
+      this.pagination.size = val
+      this.loadItems()
+    },
+    handleCurrentChange(val) {
+      this.pagination.current = val
+      this.loadItems()
+    },
+    handleClose() {
+      this.visible = false
+      this.resetForm()
+    },
+    resetForm() {
+      this.form = {
+        itemTitle: '',
+        standardId: ''
+      }
+      this.tableData = []
+      this.pagination = {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+      this.isAllChecked = false
+    }
+  }
+}
+</script>
+
+<style scoped>
+.el-input {
+  width: 100%;
+}
+</style>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('deleteMaintainancePlan.title')"
+    :visible.sync="visible"
+    width="30%"
+    @close="handleClose"
+  >
+    <div class="text-center">
+      <p>{{ $t('deleteMaintainancePlan.confirm') }}</p>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="handleClose">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="handleConfirm">{{ $t('common.confirm') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteMaintainancePlan } from '@/api/inspection/maintainancePlanManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'DeleteMaintainancePlan',
+  data() {
+    return {
+      visible: false,
+      currentRow: {},
+      communityId: ''
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+  },
+  methods: {
+    open(row) {
+      this.currentRow = { ...row }
+      this.visible = true
+    },
+    async handleConfirm() {
+      try {
+        const params = {
+          planId: this.currentRow.planId,
+          communityId: this.communityId
+        }
+        await deleteMaintainancePlan(params)
+        this.$message.success(this.$t('deleteMaintainancePlan.success'))
+        this.$emit('success')
+        this.visible = false
+      } catch (error) {
+        this.$message.error(this.$t('deleteMaintainancePlan.error'))
+      }
+    },
+    handleClose() {
+      this.visible = false
+    }
+  }
+}
+</script>
+
+<style scoped>
+.text-center {
+  text-align: center;
+}
+</style>
 \ No newline at end of file
+<template>
+  <el-dialog :title="$t('deleteMaintainancePlanMachine.title')" :visible.sync="visible" width="30%" @close="handleClose">
+
+      <div style="text-align: center; margin-bottom: 20px;">
+        <p>{{ $t('deleteMaintainancePlanMachine.confirmText') }}</p>
+      </div>
+
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('deleteMaintainancePlanMachine.cancel') }}</el-button>
+      <el-button type="primary" @click="confirmDelete">{{ $t('deleteMaintainancePlanMachine.confirm') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteMaintainancePlanMachine } from '@/api/inspection/maintainancePlanMachineApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'DeleteMaintainancePlanMachine',
+  data() {
+    return {
+      visible: false,
+      formData: {}
+    }
+  },
+  methods: {
+    open(params) {
+      this.formData = { ...params }
+      this.visible = true
+    },
+    async confirmDelete() {
+      try {
+        const params = {
+          ...this.formData,
+          communityId: getCommunityId()
+        }
+        await deleteMaintainancePlanMachine(params)
+        this.$emit('success')
+        this.visible = false
+        this.$message.success(this.$t('deleteMaintainancePlanMachine.deleteSuccess'))
+      } catch (error) {
+        this.$message.error(this.$t('deleteMaintainancePlanMachine.deleteError'))
+      }
+    },
+    handleClose() {
+      this.formData = {}
+    }
+  }
+}
+</script>
+
+<style scoped>
+.dialog-footer {
+  text-align: right;
+}
+</style>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('maintainanceStandard.delete.title')"
+    :visible.sync="visible"
+    width="30%"
+    center
+  >
+    <div class="text-center">
+      <p>{{ $t('maintainanceStandard.delete.confirmText') }}</p>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">
+        {{ $t('common.cancel') }}
+      </el-button>
+      <el-button type="primary" @click="handleConfirm" :loading="loading">
+        {{ $t('common.confirm') }}
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteMaintainanceStandard } from '@/api/inspection/maintainanceStandardManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'DeleteMaintainanceStandard',
+  data() {
+    return {
+      visible: false,
+      loading: false,
+      currentData: {
+        standardId: '',
+        communityId: ''
+      }
+    }
+  },
+  methods: {
+    open(row) {
+      this.currentData = {
+        standardId: row.standardId,
+        communityId: getCommunityId()
+      }
+      this.visible = true
+    },
+    async handleConfirm() {
+      try {
+        this.loading = true
+        await deleteMaintainanceStandard(this.currentData)
+        this.$message.success(this.$t('maintainanceStandard.message.deleteSuccess'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        this.$message.error(error.message || this.$t('maintainanceStandard.message.deleteFailed'))
+      } finally {
+        this.loading = false
+      }
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog :title="$t('deleteMaintainanceStandardItem.title')" :visible.sync="visible" width="30%" @close="handleClose">
+    <el-row>
+      <el-col :span="24">
+
+        <div style="text-align: center; margin-bottom: 20px;">
+          {{ $t('deleteMaintainanceStandardItem.confirmMessage') }}
+        </div>
+        <div style="text-align: center;">
+          <el-button @click="handleClose">
+            {{ $t('deleteMaintainanceStandardItem.cancel') }}
+          </el-button>
+          <el-button type="primary" @click="confirmDelete" style="margin-left: 20px;">
+            {{ $t('deleteMaintainanceStandardItem.confirm') }}
+          </el-button>
+        </div>
+      </el-col>
+    </el-row>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteMaintainanceStandardItem } from '@/api/inspection/maintainanceStandardItemApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'DeleteMaintainanceStandardItem',
+  data() {
+    return {
+      visible: false,
+      form: {
+        itemId: '',
+        msiId: '',
+        standardId: ''
+      }
+    }
+  },
+  methods: {
+    open(params) {
+      this.form = {
+        itemId: params.itemId,
+        msiId: params.msiId,
+        standardId: params.standardId
+      }
+      this.visible = true
+    },
+    async confirmDelete() {
+      try {
+        const params = {
+          ...this.form,
+          communityId: getCommunityId()
+        }
+        await deleteMaintainanceStandardItem(params)
+        this.$message.success(this.$t('deleteMaintainanceStandardItem.deleteSuccess'))
+        this.$emit('success')
+        this.handleClose()
+      } catch (error) {
+        this.$message.error(this.$t('deleteMaintainanceStandardItem.deleteError'))
+      }
+    },
+    handleClose() {
+      this.visible = false
+      this.resetForm()
+    },
+    resetForm() {
+      this.form = {
+        itemId: '',
+        standardId: ''
+      }
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('maintainanceStandard.edit.title')"
+    :visible.sync="visible"
+    width="50%"
+    @close="handleClose"
+  >
+    <el-form
+      ref="form"
+      :model="formData"
+      :rules="rules"
+      label-width="120px"
+    >
+      <el-form-item
+        :label="$t('maintainanceStandard.form.standardName')"
+        prop="standardName"
+      >
+        <el-input
+          v-model="formData.standardName"
+          :placeholder="$t('maintainanceStandard.placeholder.standardName')"
+        />
+      </el-form-item>
+      <el-form-item
+        :label="$t('maintainanceStandard.form.remark')"
+        prop="remark"
+      >
+        <el-input
+          v-model="formData.remark"
+          type="textarea"
+          :placeholder="$t('maintainanceStandard.placeholder.remark')"
+          :rows="3"
+        />
+      </el-form-item>
+    </el-form>
+
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">
+        {{ $t('common.cancel') }}
+      </el-button>
+      <el-button type="primary" @click="handleSubmit">
+        {{ $t('common.confirm') }}
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { updateMaintainanceStandard } from '@/api/inspection/maintainanceStandardManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'EditMaintainanceStandard',
+  data() {
+    return {
+      visible: false,
+      formData: {
+        standardId: '',
+        standardName: '',
+        remark: '',
+        communityId: ''
+      },
+      rules: {
+        standardName: [
+          { required: true, message: this.$t('maintainanceStandard.rules.standardName'), trigger: 'blur' },
+          { max: 256, message: this.$t('maintainanceStandard.rules.standardNameMax'), trigger: 'blur' }
+        ],
+        remark: [
+          { required: true, message: this.$t('maintainanceStandard.rules.remark'), trigger: 'blur' },
+          { max: 512, message: this.$t('maintainanceStandard.rules.remarkMax'), trigger: 'blur' }
+        ],
+        standardId: [
+          { required: true, message: this.$t('maintainanceStandard.rules.standardId'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open(row) {
+      this.formData = {
+        standardId: row.standardId,
+        standardName: row.standardName,
+        remark: row.remark,
+        communityId: getCommunityId()
+      }
+      this.visible = true
+      this.$nextTick(() => {
+        if (this.$refs.form) {
+          this.$refs.form.clearValidate()
+        }
+      })
+    },
+    handleClose() {
+      this.formData = {
+        standardId: '',
+        standardName: '',
+        remark: '',
+        communityId: ''
+      }
+    },
+    handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            await updateMaintainanceStandard(this.formData)
+            this.$message.success(this.$t('maintainanceStandard.message.editSuccess'))
+            this.visible = false
+            this.$emit('success')
+          } catch (error) {
+            this.$message.error(error.message || this.$t('maintainanceStandard.message.editFailed'))
+          }
+        }
+      })
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('maintainancePlanState.title')"
+    :visible.sync="visible"
+    width="30%"
+    @close="handleClose"
+  >
+    <div class="text-center">
+      <p>
+        {{ $t('maintainancePlanState.confirm') }}
+        <span style="color:#409EFF">{{ formData.stateName }}</span>
+        {{ $t('maintainancePlanState.plan') }}
+      </p>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="handleClose">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="handleConfirm">{{ $t('common.confirm') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { updateMaintainancePlanState } from '@/api/inspection/maintainancePlanManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'MaintainancePlanState',
+  data() {
+    return {
+      visible: false,
+      formData: {
+        planId: '',
+        stateName: '',
+        state: ''
+      },
+      communityId: ''
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+  },
+  methods: {
+    open(data) {
+      this.formData = { ...data }
+      this.visible = true
+    },
+    async handleConfirm() {
+      try {
+        const params = {
+          planId: this.formData.planId,
+          state: this.formData.state,
+          communityId: this.communityId
+        }
+        await updateMaintainancePlanState(params)
+        this.$message.success(this.$t('maintainancePlanState.success'))
+        this.$emit('success')
+        this.visible = false
+      } catch (error) {
+        this.$message.error(this.$t('maintainancePlanState.error'))
+      }
+    },
+    handleClose() {
+      this.visible = false
+    }
+  }
+}
+</script>
+
+<style scoped>
+.text-center {
+  text-align: center;
+}
+</style>
 \ No newline at end of file
 import { messages as maintainanceItemMessages } from '../views/inspection/maintainanceItemLang'
+import { messages as maintainanceStandardManageMessages } from '../views/inspection/maintainanceStandardManageLang'
+import { messages as maintainanceStandardItemMessages } from '../views/inspection/maintainanceStandardItemLang'
+import { messages as maintainancePlanManageMessages } from '../views/inspection/maintainancePlanManageLang'
+import { messages as addMaintainancePlanMessages } from '../views/inspection/addMaintainancePlanLang'
+import { messages as editMaintainancePlanMessages } from '../views/inspection/editMaintainancePlanLang'
+import { messages as maintainancePlanMachineMessages } from '../views/inspection/maintainancePlanMachineLang'
+
 export const messages = {
     en: {
         ...maintainanceItemMessages.en,
+        ...maintainanceStandardManageMessages.en,
+        ...maintainanceStandardItemMessages.en,
+        ...maintainancePlanManageMessages.en,
+        ...addMaintainancePlanMessages.en,
+        ...editMaintainancePlanMessages.en,
+        ...maintainancePlanMachineMessages.en,
     },
     zh: {
         ...maintainanceItemMessages.zh,
+        ...maintainanceStandardManageMessages.zh,
+        ...maintainanceStandardItemMessages.zh,
+        ...maintainancePlanManageMessages.zh,
+        ...addMaintainancePlanMessages.zh,
+        ...editMaintainancePlanMessages.zh,
+        ...maintainancePlanMachineMessages.zh,
     }
  
 }
 \ No newline at end of file
@@ -64,4 +64,34 @@ export default [
         name: '/pages/property/maintainanceItem',
         component: () => import('@/views/inspection/maintainanceItemList.vue')
     },
+    {
+        path: '/pages/property/maintainanceStandardManage',
+        name: '/pages/property/maintainanceStandardManage',
+        component: () => import('@/views/inspection/maintainanceStandardManageList.vue')
+    },
+    {
+        path: '/views/inspection/maintainanceStandardItem',
+        name: '/views/inspection/maintainanceStandardItem',
+        component: () => import('@/views/inspection/maintainanceStandardItemList.vue')
+    },
+    {
+        path: '/pages/property/maintainancePlanManage',
+        name: '/pages/property/maintainancePlanManage',
+        component: () => import('@/views/inspection/maintainancePlanManageList.vue')
+    },
+    {
+        path: '/views/inspection/addMaintainancePlan',
+        name: '/views/inspection/addMaintainancePlan',
+        component: () => import('@/views/inspection/addMaintainancePlanList.vue')
+    },
+    {
+        path: '/views/inspection/editMaintainancePlan',
+        name: '/views/inspection/editMaintainancePlan',
+        component: () => import('@/views/inspection/editMaintainancePlanList.vue')
+    },
+    {
+        path: '/views/inspection/maintainancePlanMachine',
+        name: '/views/inspection/maintainancePlanMachine',
+        component: () => import('@/views/inspection/maintainancePlanMachineList.vue')
+    },
 ]
 \ No newline at end of file
+export const messages = {
+  en: {
+    addMaintainancePlan: {
+      title: 'Add Maintenance Plan',
+      planName: 'Plan Name',
+      planNamePlaceholder: 'Required, please enter plan name',
+      standard: 'Maintenance Standard',
+      standardPlaceholder: 'Required, please select maintenance standard',
+      period: 'Maintenance Cycle',
+      periodPlaceholder: 'Required, please select inspection cycle',
+      month: 'Month',
+      monthUnit: 'Month',
+      day: 'Day',
+      dayUnit: 'Day',
+      fixedDays: 'Fixed Days',
+      fixedDaysPlaceholder: 'Required, please enter days',
+      startDate: 'Start Date',
+      startDatePlaceholder: 'Required, please enter start date',
+      endDate: 'End Date',
+      endDatePlaceholder: 'Required, please enter end date',
+      staff: 'Select Staff',
+      machine: 'Maintenance Equipment',
+      machinePlaceholder: 'Required, please select equipment',
+      saveSuccess: 'Added successfully',
+      saveError: 'Failed to add',
+      validate: {
+        planNameRequired: 'Plan name cannot be empty',
+        standardRequired: 'Maintenance standard cannot be empty',
+        periodRequired: 'Maintenance cycle cannot be empty',
+        monthRequired: 'Month cannot be empty',
+        dayRequired: 'Day cannot be empty',
+        fixedDaysRequired: 'Fixed days cannot be empty',
+        startDateRequired: 'Start date cannot be empty',
+        endDateRequired: 'End date cannot be empty',
+        machineRequired: 'Equipment cannot be empty'
+      }
+    }
+  },
+  zh: {
+    addMaintainancePlan: {
+      title: '添加保养计划',
+      planName: '计划名称',
+      planNamePlaceholder: '必填，请填写计划名称',
+      standard: '保养标准',
+      standardPlaceholder: '必填，请选择保养标准',
+      period: '保养周期',
+      periodPlaceholder: '必填，请选择巡检周期',
+      month: '月',
+      monthUnit: '月',
+      day: '日',
+      dayUnit: '日',
+      fixedDays: '固定天数',
+      fixedDaysPlaceholder: '必填，请填写多少天后保养一次',
+      startDate: '开始日期',
+      startDatePlaceholder: '必填，请填写开始日期',
+      endDate: '结束日期',
+      endDatePlaceholder: '必填，请填写结束日期',
+      staff: '选择员工',
+      machine: '保养设备',
+      machinePlaceholder: '必填，请选择设备',
+      saveSuccess: '添加成功',
+      saveError: '添加失败',
+      validate: {
+        planNameRequired: '计划名称不能为空',
+        standardRequired: '保养标准不能为空',
+        periodRequired: '保养周期不能为空',
+        monthRequired: '月不能为空',
+        dayRequired: '日不能为空',
+        fixedDaysRequired: '固定天数不能为空',
+        startDateRequired: '开始日期不能为空',
+        endDateRequired: '结束日期不能为空',
+        machineRequired: '设备不能为空'
+      }
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="add-maintainance-plan-container">
+    <el-card>
+      <div slot="header" class="clearfix">
+        <span>{{ $t('addMaintainancePlan.title') }}</span>
+      </div>
+
+      <el-form ref="form" :model="addMaintainancePlanInfo" label-width="120px">
+        <el-row :gutter="20">
+          <el-col :span="24">
+            <el-form-item :label="$t('addMaintainancePlan.planName')" prop="planName">
+              <el-input v-model="addMaintainancePlanInfo.planName"
+                :placeholder="$t('addMaintainancePlan.planNamePlaceholder')" clearable />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item :label="$t('addMaintainancePlan.standard')" prop="standardId">
+              <el-select v-model="addMaintainancePlanInfo.standardId"
+                :placeholder="$t('addMaintainancePlan.standardPlaceholder')" style="width:100%" clearable>
+                <el-option v-for="item in addMaintainancePlanInfo.standards" :key="item.standardId"
+                  :label="item.standardName" :value="item.standardId" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item :label="$t('addMaintainancePlan.period')" prop="planPeriod">
+              <el-select v-model="addMaintainancePlanInfo.planPeriod" @change="changeMaintainancePeriod"
+                :placeholder="$t('addMaintainancePlan.periodPlaceholder')" style="width:100%" clearable>
+                <el-option label="月/天" value="2020022" />
+                <el-option label="固定(天)" value="2020024" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20" v-if="addMaintainancePlanInfo.planPeriod === '2020022'">
+          <el-col :span="24">
+            <el-form-item :label="$t('addMaintainancePlan.month')">
+              <el-checkbox-group v-model="addMaintainancePlanInfo.months">
+                <el-checkbox v-for="index in 12" :key="index" :label="index">
+                  {{ index }}{{ $t('addMaintainancePlan.monthUnit') }}
+                </el-checkbox>
+              </el-checkbox-group>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20" v-if="addMaintainancePlanInfo.planPeriod === '2020022'">
+          <el-col :span="24">
+            <el-form-item :label="$t('addMaintainancePlan.day')">
+              <el-checkbox-group v-model="addMaintainancePlanInfo.days">
+                <el-checkbox v-for="index in 31" :key="index" :label="index">
+                  {{ index }}{{ $t('addMaintainancePlan.dayUnit') }}
+                </el-checkbox>
+              </el-checkbox-group>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20" v-if="addMaintainancePlanInfo.planPeriod === '2020024'">
+          <el-col :span="12">
+            <el-form-item :label="$t('addMaintainancePlan.fixedDays')">
+              <el-input-number v-model="addMaintainancePlanInfo.everyDays" :min="1"
+                :placeholder="$t('addMaintainancePlan.fixedDaysPlaceholder')" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item :label="$t('addMaintainancePlan.startDate')" prop="startDate">
+              <el-date-picker v-model="addMaintainancePlanInfo.startDate" type="date"
+                :placeholder="$t('addMaintainancePlan.startDatePlaceholder')" style="width:100%"
+                value-format="yyyy-MM-dd" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item :label="$t('addMaintainancePlan.endDate')" prop="endDate">
+              <el-date-picker v-model="addMaintainancePlanInfo.endDate" type="date"
+                :placeholder="$t('addMaintainancePlan.endDatePlaceholder')" style="width:100%"
+                value-format="yyyy-MM-dd" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="24">
+            <el-form-item :label="$t('addMaintainancePlan.staff')">
+              <select-staffs-div ref="selectStaffs" @selectStaffs="handleStaffSelected" />
+
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="24">
+            <el-form-item :label="$t('addMaintainancePlan.machine')" prop="machineIds">
+              <el-select v-model="addMaintainancePlanInfo.machineIds" multiple
+                :placeholder="$t('addMaintainancePlan.machinePlaceholder')" style="width:100%">
+                <el-option v-for="item in addMaintainancePlanInfo.machines" :key="item.machineId"
+                  :label="`${item.machineName}(${item.machineCode})`" :value="item.machineId" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="24" style="text-align: right;">
+            <el-button type="warning" @click="goBack">
+              {{ $t('common.back') }}
+            </el-button>
+            <el-button type="primary" @click="saveMaintainancePlanInfo">
+              {{ $t('common.save') }}
+            </el-button>
+          </el-col>
+        </el-row>
+      </el-form>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import { getCommunityId } from '@/api/community/communityApi'
+import SelectStaffsDiv from '@/components/staff/selectStaffsDiv'
+import {
+  saveMaintainancePlan,
+  listMaintainanceStandard,
+  listEquipmentAccount
+} from '@/api/inspection/addMaintainancePlanApi'
+
+export default {
+  name: 'AddMaintainancePlanList',
+  components: {
+    SelectStaffsDiv
+  },
+  data() {
+    return {
+      addMaintainancePlanInfo: {
+        planId: '',
+        planName: '',
+        standardId: '',
+        standards: [],
+        planPeriod: '',
+        startDate: new Date().toISOString().split('T')[0],
+        endDate: '2050-01-01',
+        state: '2020025',
+        remark: '',
+        machineIds: [],
+        months: [],
+        days: [],
+        everyDays: [],
+        machines: []
+      }
+    }
+  },
+  created() {
+    this.initData()
+  },
+  methods: {
+    async initData() {
+      this.addMaintainancePlanInfo.communityId = getCommunityId()
+      await this.listMaintainanceStandards()
+      await this.listEquipmentAccounts()
+    },
+    handleStaffSelected(staffs) {
+      console.log(staffs)
+      this.form.staffs = staffs
+    },
+    async listMaintainanceStandards() {
+      try {
+        const params = {
+          page: 1,
+          row: 100,
+          communityId: this.addMaintainancePlanInfo.communityId
+        }
+        const { data } = await listMaintainanceStandard(params)
+        this.addMaintainancePlanInfo.standards = data
+      } catch (error) {
+        console.error('获取保养标准失败:', error)
+      }
+    },
+    async listEquipmentAccounts() {
+      try {
+        const params = {
+          page: 1,
+          row: 100,
+          communityId: this.addMaintainancePlanInfo.communityId
+        }
+        const { data } = await listEquipmentAccount(params)
+        this.addMaintainancePlanInfo.machines = data
+      } catch (error) {
+        console.error('获取设备列表失败:', error)
+      }
+    },
+    changeMaintainancePeriod() {
+      this.addMaintainancePlanInfo.months = []
+      this.addMaintainancePlanInfo.days = []
+      this.addMaintainancePlanInfo.everyDays = []
+    },
+    validateForm() {
+      const requiredFields = [
+        { field: 'planName', message: this.$t('addMaintainancePlan.validate.planNameRequired') },
+        { field: 'standardId', message: this.$t('addMaintainancePlan.validate.standardRequired') },
+        { field: 'planPeriod', message: this.$t('addMaintainancePlan.validate.periodRequired') },
+        { field: 'startDate', message: this.$t('addMaintainancePlan.validate.startDateRequired') },
+        { field: 'endDate', message: this.$t('addMaintainancePlan.validate.endDateRequired') }
+      ]
+
+      for (const { field, message } of requiredFields) {
+        if (!this.addMaintainancePlanInfo[field]) {
+          this.$message.error(message)
+          return false
+        }
+      }
+
+      if (this.addMaintainancePlanInfo.planPeriod === '2020022') {
+        if (this.addMaintainancePlanInfo.months.length === 0) {
+          this.$message.error(this.$t('addMaintainancePlan.validate.monthRequired'))
+          return false
+        }
+        if (this.addMaintainancePlanInfo.days.length === 0) {
+          this.$message.error(this.$t('addMaintainancePlan.validate.dayRequired'))
+          return false
+        }
+      } else if (this.addMaintainancePlanInfo.planPeriod === '2020024') {
+        if (!this.addMaintainancePlanInfo.everyDays) {
+          this.$message.error(this.$t('addMaintainancePlan.validate.fixedDaysRequired'))
+          return false
+        }
+      }
+
+      if (this.addMaintainancePlanInfo.machineIds.length === 0) {
+        this.$message.error(this.$t('addMaintainancePlan.validate.machineRequired'))
+        return false
+      }
+
+      return true
+    },
+    async saveMaintainancePlanInfo() {
+      if (!this.validateForm()) return
+
+      try {
+        const formData = {
+          ...this.addMaintainancePlanInfo,
+          maintainanceMonth: this.addMaintainancePlanInfo.months.join(','),
+          maintainanceDay: this.addMaintainancePlanInfo.days.join(','),
+          maintainanceEveryday: this.addMaintainancePlanInfo.everyDays,
+          staffs: this.$refs.selectStaffs.getSelectedStaffs()
+        }
+
+        const { code, msg } = await saveMaintainancePlan(formData)
+        if (code === 0) {
+          this.$message.success(this.$t('addMaintainancePlan.saveSuccess'))
+          this.goBack()
+        } else {
+          this.$message.error(msg)
+        }
+      } catch (error) {
+        console.error('保存保养计划失败:', error)
+        this.$message.error(this.$t('addMaintainancePlan.saveError'))
+      }
+    },
+    goBack() {
+      this.$router.go(-1)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.add-maintainance-plan-container {
+  padding: 20px;
+
+  .el-checkbox {
+    margin-right: 15px;
+    margin-bottom: 10px;
+  }
+
+  .el-date-editor,
+  .el-select,
+  .el-input {
+    width: 100%;
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    editMaintainancePlan: {
+      title: 'Edit Maintenance Plan',
+      planName: 'Plan Name',
+      planNamePlaceholder: 'Required, please enter plan name',
+      standard: 'Maintenance Standard',
+      standardPlaceholder: 'Required, please select maintenance standard',
+      period: 'Inspection Cycle',
+      periodPlaceholder: 'Required, please select inspection cycle',
+      month: 'Month',
+      monthUnit: 'Month',
+      day: 'Day',
+      dayUnit: 'Day',
+      fixedDay: 'Fixed Days',
+      fixedDayPlaceholder: 'Required, please enter days',
+      startDate: 'Start Date',
+      startDatePlaceholder: 'Required, please select start date',
+      endDate: 'End Date',
+      endDatePlaceholder: 'Required, please select end date',
+      selectStaff: 'Select Staff',
+      saveSuccess: 'Save successfully',
+      saveError: 'Save failed',
+      fetchStandardError: 'Failed to get maintenance standards',
+      fetchPlanError: 'Failed to get maintenance plan',
+      fetchStaffError: 'Failed to get staff list'
+    },
+    orgTree: {
+      fetchError: 'Failed to get organization tree'
+    }
+  },
+  zh: {
+    editMaintainancePlan: {
+      title: '修改保养计划',
+      planName: '计划名称',
+      planNamePlaceholder: '必填，请填写计划名称',
+      standard: '保养标准',
+      standardPlaceholder: '必填，请选择保养标准',
+      period: '巡检周期',
+      periodPlaceholder: '必填，请选择巡检周期',
+      month: '月',
+      monthUnit: '月',
+      day: '日',
+      dayUnit: '日',
+      fixedDay: '固定天数',
+      fixedDayPlaceholder: '必填，请填写多少天后保养一次',
+      startDate: '开始日期',
+      startDatePlaceholder: '必填，请填写开始日期',
+      endDate: '结束日期',
+      endDatePlaceholder: '必填，请填写结束日期',
+      selectStaff: '选择员工',
+      saveSuccess: '保存成功',
+      saveError: '保存失败',
+      fetchStandardError: '获取保养标准失败',
+      fetchPlanError: '获取保养计划失败',
+      fetchStaffError: '获取员工列表失败'
+    },
+    orgTree: {
+      fetchError: '获取组织树失败'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="edit-maintainance-plan-container">
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>{{ $t('editMaintainancePlan.title') }}</span>
+      </div>
+
+      <el-form ref="form" :model="editMaintainancePlanInfo" label-width="120px">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item :label="$t('editMaintainancePlan.planName')" prop="planName">
+              <el-input v-model="editMaintainancePlanInfo.planName"
+                :placeholder="$t('editMaintainancePlan.planNamePlaceholder')" clearable>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item :label="$t('editMaintainancePlan.standard')" prop="standardId">
+              <el-select v-model="editMaintainancePlanInfo.standardId"
+                :placeholder="$t('editMaintainancePlan.standardPlaceholder')" style="width:100%">
+                <el-option v-for="item in editMaintainancePlanInfo.standards" :key="item.standardId"
+                  :label="item.standardName" :value="item.standardId">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item :label="$t('editMaintainancePlan.period')" prop="planPeriod">
+              <el-select v-model="editMaintainancePlanInfo.planPeriod"
+                :placeholder="$t('editMaintainancePlan.periodPlaceholder')" @change="changeMaintainancePeriod"
+                style="width:100%">
+                <el-option label="月/天" value="2020022">
+                </el-option>
+                <el-option label="固定(天)" value="2020024">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <template v-if="editMaintainancePlanInfo.planPeriod === '2020022'">
+          <el-row :gutter="20">
+            <el-col :span="24">
+              <el-form-item :label="$t('editMaintainancePlan.month')">
+                <el-checkbox-group v-model="editMaintainancePlanInfo.months">
+                  <el-checkbox v-for="index in 12" :key="index" :label="index">
+                    {{ index }}{{ $t('editMaintainancePlan.monthUnit') }}
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row :gutter="20">
+            <el-col :span="24">
+              <el-form-item :label="$t('editMaintainancePlan.day')">
+                <el-checkbox-group v-model="editMaintainancePlanInfo.days">
+                  <el-checkbox v-for="index in 31" :key="index" :label="index">
+                    {{ index }}{{ $t('editMaintainancePlan.dayUnit') }}
+                  </el-checkbox>
+                </el-checkbox-group>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </template>
+
+        <template v-if="editMaintainancePlanInfo.planPeriod === '2020024'">
+          <el-row :gutter="20">
+            <el-col :span="12">
+              <el-form-item :label="$t('editMaintainancePlan.fixedDay')">
+                <el-input-number v-model="editMaintainancePlanInfo.everyDays" :min="1"
+                  :placeholder="$t('editMaintainancePlan.fixedDayPlaceholder')">
+                </el-input-number>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </template>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item :label="$t('editMaintainancePlan.startDate')" prop="startDate">
+              <el-date-picker v-model="editMaintainancePlanInfo.startDate" type="date"
+                :placeholder="$t('editMaintainancePlan.startDatePlaceholder')" style="width:100%">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item :label="$t('editMaintainancePlan.endDate')" prop="endDate">
+              <el-date-picker v-model="editMaintainancePlanInfo.endDate" type="date"
+                :placeholder="$t('editMaintainancePlan.endDatePlaceholder')" style="width:100%">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="24">
+            <el-form-item :label="$t('editMaintainancePlan.selectStaff')">
+              <select-staffs-div ref="selectStaffs" @selectStaffs="handleStaffSelected" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="24" class="text-right">
+            <el-button type="primary" @click="saveMaintainancePlanInfo">
+              {{ $t('common.save') }}
+            </el-button>
+            <el-button @click="goBack">
+              {{ $t('common.back') }}
+            </el-button>
+          </el-col>
+        </el-row>
+      </el-form>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import { updateMaintainancePlan, listMaintainanceStandard, listMaintainancePlan, listMaintainancePlanStaff } from '@/api/inspection/editMaintainancePlanApi'
+import SelectStaffsDiv from '@/components/staff/selectStaffsDiv'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'EditMaintainancePlan',
+  components: {
+    SelectStaffsDiv
+  },
+  data() {
+    return {
+      editMaintainancePlanInfo: {
+        planId: '',
+        planName: '',
+        standardId: '',
+        standards: [],
+        planPeriod: '',
+        startDate: new Date(),
+        endDate: '2050-01-01',
+        state: '2020025',
+        remark: '',
+        months: [],
+        days: [],
+        everyDays: [],
+        staffs: [],
+        communityId: ''
+      }
+    }
+  },
+  created() {
+    this.editMaintainancePlanInfo.communityId = getCommunityId()
+    this.editMaintainancePlanInfo.planId = this.$route.query.planId
+    this.initEditMaintainancePlanDateInfo()
+    this.listEditMaintainanceStandards()
+    this.listMaintainancePlans()
+    this.listMaintainancePlanStaffs()
+  },
+  methods: {
+    initEditMaintainancePlanDateInfo() {
+      // 日期初始化逻辑
+    },
+    handleStaffSelected(staffs) {
+      console.log(staffs)
+      this.editMaintainancePlanInfo.staffs = staffs
+    },
+    changeMaintainancePeriod() {
+      this.editMaintainancePlanInfo.months = []
+      this.editMaintainancePlanInfo.days = []
+      this.editMaintainancePlanInfo.everyDays = []
+
+      if (this.editMaintainancePlanInfo.planPeriod === '2020022') {
+        for (let month = 1; month < 13; month++) {
+          this.editMaintainancePlanInfo.months.push(month)
+        }
+        for (let day = 1; day < 32; day++) {
+          this.editMaintainancePlanInfo.days.push(day)
+        }
+      }
+    },
+    async listEditMaintainanceStandards() {
+      try {
+        const params = {
+          page: 1,
+          row: 100,
+          communityId: this.editMaintainancePlanInfo.communityId
+        }
+        const { data } = await listMaintainanceStandard(params)
+        this.editMaintainancePlanInfo.standards = data
+      } catch (error) {
+        this.$message.error(this.$t('editMaintainancePlan.fetchStandardError'))
+      }
+    },
+    async listMaintainancePlans() {
+      try {
+        const params = {
+          page: 1,
+          row: 1,
+          communityId: this.editMaintainancePlanInfo.communityId,
+          planId: this.editMaintainancePlanInfo.planId
+        }
+        const { data } = await listMaintainancePlan(params)
+        if (data && data.length > 0) {
+          Object.assign(this.editMaintainancePlanInfo, data[0])
+          this.editMaintainancePlanInfo.months = data[0].maintainanceMonth.split(',')
+          this.editMaintainancePlanInfo.days = data[0].maintainanceDay.split(',')
+          this.editMaintainancePlanInfo.everyDays = data[0].maintainanceEveryday
+        }
+      } catch (error) {
+        this.$message.error(this.$t('editMaintainancePlan.fetchPlanError'))
+      }
+    },
+    async listMaintainancePlanStaffs() {
+      try {
+        const params = {
+          page: 1,
+          row: 100,
+          communityId: this.editMaintainancePlanInfo.communityId,
+          planId: this.editMaintainancePlanInfo.planId
+        }
+        const { data } = await listMaintainancePlanStaff(params)
+        this.editMaintainancePlanInfo.staffs = data.map(item => ({
+          userId: item.staffId,
+          name: item.staffName
+        }))
+        this.$refs.selectStaffs.setStaffs(this.editMaintainancePlanInfo.staffs)
+      } catch (error) {
+        this.$message.error(this.$t('editMaintainancePlan.fetchStaffError'))
+      }
+    },
+    validateForm() {
+      // 表单验证逻辑
+      return true
+    },
+    async saveMaintainancePlanInfo() {
+      if (!this.validateForm()) return
+
+      try {
+        const params = {
+          ...this.editMaintainancePlanInfo,
+          maintainanceMonth: this.editMaintainancePlanInfo.months.join(','),
+          maintainanceDay: this.editMaintainancePlanInfo.days.join(','),
+          maintainanceEveryday: this.editMaintainancePlanInfo.everyDays,
+          staffs: this.$refs.selectStaffs.getSelectedStaffs()
+        }
+
+        const res = await updateMaintainancePlan(params)
+        if (res.code === 0) {
+          this.$message.success(this.$t('editMaintainancePlan.saveSuccess'))
+          this.goBack()
+        } else {
+          this.$message.error(res.msg)
+        }
+      } catch (error) {
+        this.$message.error(this.$t('editMaintainancePlan.saveError'))
+      }
+    },
+    goBack() {
+      this.$router.go(-1)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.edit-maintainance-plan-container {
+  padding: 20px;
+
+  .el-checkbox {
+    margin-right: 15px;
+    margin-bottom: 10px;
+  }
+
+  .text-right {
+    text-align: right;
+  }
+
+  .el-date-editor,
+  .el-select {
+    width: 100%;
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    maintainancePlanMachine: {
+      title: 'Maintenance Equipment',
+      back: 'Back',
+      add: 'Add',
+      machineName: 'Equipment Name',
+      machineId: 'Equipment ID',
+      operation: 'Operation',
+      delete: 'Delete',
+      fetchError: 'Failed to fetch equipment list'
+    },
+    chooseMaintainancePlanMachine: {
+      title: 'Select Equipment',
+      machineNamePlaceholder: 'Enter equipment name',
+      search: 'Search',
+      reset: 'Reset',
+      machineId: 'ID',
+      machineName: 'Equipment Name',
+      cancel: 'Cancel',
+      submit: 'Submit',
+      selectWarning: 'Please select at least one equipment',
+      addSuccess: 'Added successfully',
+      addError: 'Failed to add equipment',
+      fetchError: 'Failed to fetch equipment list'
+    },
+    deleteMaintainancePlanMachine: {
+      title: 'Confirm Operation',
+      confirmText: 'Are you sure to delete this maintenance equipment?',
+      cancel: 'Cancel',
+      confirm: 'Confirm',
+      deleteSuccess: 'Deleted successfully',
+      deleteError: 'Failed to delete equipment'
+    }
+  },
+  zh: {
+    maintainancePlanMachine: {
+      title: '保养设备',
+      back: '返回',
+      add: '添加',
+      machineName: '设备名称',
+      machineId: '设备编号',
+      operation: '操作',
+      delete: '删除',
+      fetchError: '获取设备列表失败'
+    },
+    chooseMaintainancePlanMachine: {
+      title: '选择设备',
+      machineNamePlaceholder: '输入设备名称',
+      search: '查询',
+      reset: '重置',
+      machineId: '编号',
+      machineName: '设备名称',
+      cancel: '取消',
+      submit: '提交',
+      selectWarning: '请至少选择一台设备',
+      addSuccess: '添加成功',
+      addError: '添加设备失败',
+      fetchError: '获取设备列表失败'
+    },
+    deleteMaintainancePlanMachine: {
+      title: '请确认您的操作',
+      confirmText: '确定删除保养设备?',
+      cancel: '点错了',
+      confirm: '确认删除',
+      deleteSuccess: '删除成功',
+      deleteError: '删除设备失败'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="maintainance-plan-machine-container">
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>{{ $t('maintainancePlanMachine.title') }}</span>
+        <div class="card-header-actions">
+          <el-button type="primary" size="small" @click="_goBack" style="margin-right:10px">
+            <i class="el-icon-close"></i>
+            <span>{{ $t('maintainancePlanMachine.back') }}</span>
+          </el-button>
+          <el-button type="primary" size="small" @click="_openAddMaintainancePlanMachineModal">
+            <i class="el-icon-plus"></i>
+            <span>{{ $t('maintainancePlanMachine.add') }}</span>
+          </el-button>
+        </div>
+      </div>
+
+      <el-table :data="maintainancePlanMachineInfo.machines" border style="width: 100%">
+        <el-table-column prop="machineName" :label="$t('maintainancePlanMachine.machineName')" align="center">
+        </el-table-column>
+        <el-table-column prop="machineId" :label="$t('maintainancePlanMachine.machineId')" align="center">
+        </el-table-column>
+        <el-table-column :label="$t('maintainancePlanMachine.operation')" align="center">
+          <template slot-scope="scope">
+            <el-button size="mini" type="danger" @click="_openDeleteMaintainancePlanMachineModel(scope.row)">
+              {{ $t('maintainancePlanMachine.delete') }}
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
+        :current-page="pagination.current" :page-sizes="[10, 20, 30, 50]" :page-size="pagination.size"
+        layout="total, sizes, prev, pager, next, jumper" :total="pagination.total">
+      </el-pagination>
+    </el-card>
+
+    <choose-maintainance-plan-machine ref="chooseMachineModal"
+      @success="handleSuccess"></choose-maintainance-plan-machine>
+    <delete-maintainance-plan-machine ref="deleteMachineModal"
+      @success="handleSuccess"></delete-maintainance-plan-machine>
+  </div>
+</template>
+
+<script>
+import { listMaintainancePlanMachine } from '@/api/inspection/maintainancePlanMachineApi'
+import ChooseMaintainancePlanMachine from '@/components/inspection/chooseMaintainancePlanMachine'
+import DeleteMaintainancePlanMachine from '@/components/inspection/deleteMaintainancePlanMachine'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'MaintainancePlanMachineList',
+  components: {
+    ChooseMaintainancePlanMachine,
+    DeleteMaintainancePlanMachine
+  },
+  data() {
+    return {
+      maintainancePlanMachineInfo: {
+        machines: [],
+        planId: '',
+        routeName: ''
+      },
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.maintainancePlanMachineInfo.planId = this.$route.query.planId
+    this._listMaintainancePlanMachines(1, 10)
+  },
+  methods: {
+    async _listMaintainancePlanMachines(page, size) {
+      try {
+        const params = {
+          page: page,
+          row: size,
+          communityId: getCommunityId(),
+          planId: this.maintainancePlanMachineInfo.planId
+        }
+        const { data, records } = await listMaintainancePlanMachine(params)
+        this.maintainancePlanMachineInfo.machines = data
+        this.pagination.total = records
+      } catch (error) {
+        this.$message.error(this.$t('maintainancePlanMachine.fetchError'))
+      }
+    },
+    _openAddMaintainancePlanMachineModal() {
+      this.$refs.chooseMachineModal.open({
+        planId: this.maintainancePlanMachineInfo.planId
+      })
+    },
+    _openDeleteMaintainancePlanMachineModel(machine) {
+      this.$refs.deleteMachineModal.open({
+        ...machine,
+        planId: this.maintainancePlanMachineInfo.planId
+      })
+    },
+    _goBack() {
+      this.$router.go(-1)
+    },
+    handleSuccess() {
+      this._listMaintainancePlanMachines(this.pagination.current, this.pagination.size)
+    },
+    handleSizeChange(val) {
+      this.pagination.size = val
+      this._listMaintainancePlanMachines(this.pagination.current, val)
+    },
+    handleCurrentChange(val) {
+      this.pagination.current = val
+      this._listMaintainancePlanMachines(val, this.pagination.size)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.maintainance-plan-machine-container {
+  padding: 20px;
+
+  .box-card {
+    margin-bottom: 20px;
+
+    .clearfix {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+
+      .card-header-actions {
+        display: flex;
+      }
+    }
+  }
+
+  .el-pagination {
+    margin-top: 20px;
+    text-align: right;
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    maintainancePlanManage: {
+      search: {
+        title: 'Search Conditions',
+        planName: 'Plan Name',
+        state: 'Status',
+        allState: 'All Status'
+      },
+      list: {
+        title: 'Maintenance Plan (Generate Tasks on Maintenance Day)'
+      },
+      table: {
+        planName: 'Plan Name',
+        standardName: 'Maintenance Standard',
+        planPeriod: 'Plan Cycle',
+        dateRange: 'Date Range',
+        machineCount: 'Equipment Count',
+        machine: 'Equipment',
+        staffCount: 'Maintenance Staff Count',
+        createUser: 'Creator',
+        createTime: 'Creation Time',
+        state: 'Status'
+      },
+      button: {
+        enable: 'Enable',
+        disable: 'Disable'
+      },
+      tip: 'Please ensure the plan start time and end time are valid and maintenance staff are assigned, otherwise maintenance tasks cannot be generated',
+      fetchError: 'Failed to fetch maintenance plans'
+    },
+    deleteMaintainancePlan: {
+      title: 'Please confirm your operation',
+      confirm: 'Are you sure to delete this maintenance plan?',
+      success: 'Delete successfully',
+      error: 'Failed to delete'
+    },
+    maintainancePlanState: {
+      title: 'Please confirm your operation',
+      confirm: 'Are you sure to',
+      plan: 'this maintenance plan?',
+      success: 'Operation successful',
+      error: 'Operation failed'
+    }
+  },
+  zh: {
+    maintainancePlanManage: {
+      search: {
+        title: '查询条件',
+        planName: '计划名称',
+        state: '状态',
+        allState: '全部状态'
+      },
+      list: {
+        title: '保养计划(保养日生成任务)'
+      },
+      table: {
+        planName: '计划名称',
+        standardName: '保养标准',
+        planPeriod: '计划周期',
+        dateRange: '日期范围',
+        machineCount: '设备数',
+        machine: '设备',
+        staffCount: '保养人数',
+        createUser: '制定人',
+        createTime: '制定时间',
+        state: '状态'
+      },
+      button: {
+        enable: '启用',
+        disable: '停用'
+      },
+      tip: '请确保计划开始时间和计划结束时间是有效时间范围，并且设置了保养人，不然无法生成保养任务',
+      fetchError: '获取保养计划失败'
+    },
+    deleteMaintainancePlan: {
+      title: '请确认您的操作',
+      confirm: '确定删除保养计划?',
+      success: '删除成功',
+      error: '删除失败'
+    },
+    maintainancePlanState: {
+      title: '请确认您的操作',
+      confirm: '确定',
+      plan: '保养计划?',
+      success: '操作成功',
+      error: '操作失败'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="maintainance-plan-manage-container animated fadeInRight">
+    <el-card class="search-card">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('maintainancePlanManage.search.title') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-input v-model="searchForm.maintainancePlanName" :placeholder="$t('maintainancePlanManage.search.planName')"
+            clearable />
+        </el-col>
+        <el-col :span="6">
+          <el-select v-model="searchForm.state" :placeholder="$t('maintainancePlanManage.search.state')"
+            style="width:100%">
+            <el-option :label="$t('maintainancePlanManage.search.allState')" value="" />
+            <el-option v-for="item in states" :key="item.statusCd" :label="item.name" :value="item.statusCd" />
+          </el-select>
+        </el-col>
+        <el-col :span="6">
+          <el-button type="primary" @click="handleSearch">
+            {{ $t('common.search') }}
+          </el-button>
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <el-card class="table-card">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('maintainancePlanManage.list.title') }}</span>
+        <el-button type="primary" size="small" style="float:right" @click="handleAdd">
+          {{ $t('common.add') }}
+        </el-button>
+      </div>
+
+      <el-table v-loading="loading" :data="tableData" border style="width:100%">
+        <el-table-column prop="planName" :label="$t('maintainancePlanManage.table.planName')" align="center" />
+        <el-table-column prop="standardName" :label="$t('maintainancePlanManage.table.standardName')" align="center" />
+        <el-table-column prop="planPeriodName" :label="$t('maintainancePlanManage.table.planPeriod')" align="center" />
+        <el-table-column :label="$t('maintainancePlanManage.table.dateRange')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.startDate }}~{{ scope.row.endDate }}
+          </template>
+        </el-table-column>
+        <el-table-column :label="$t('maintainancePlanManage.table.machineCount')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.machineCount }}
+            (<el-link type="primary" @click="handleViewMachine(scope.row)">
+              {{ $t('maintainancePlanManage.table.machine') }}
+            </el-link>)
+          </template>
+        </el-table-column>
+        <el-table-column prop="staffCount" :label="$t('maintainancePlanManage.table.staffCount')" align="center" />
+        <el-table-column prop="createUserName" :label="$t('maintainancePlanManage.table.createUser')" align="center" />
+        <el-table-column prop="createTime" :label="$t('maintainancePlanManage.table.createTime')" align="center" />
+        <el-table-column prop="stateName" :label="$t('maintainancePlanManage.table.state')" align="center" />
+        <el-table-column :label="$t('common.operation')" align="center" width="300">
+          <template slot-scope="scope">
+            <el-button size="mini" type="primary" @click="handleEdit(scope.row)">
+              {{ $t('common.edit') }}
+            </el-button>
+            <el-button size="mini" type="danger" @click="handleDelete(scope.row)">
+              {{ $t('common.delete') }}
+            </el-button>
+            <el-button v-if="scope.row.state === '2020025'" size="mini" type="warning" @click="handleDisable(scope.row)">
+              {{ $t('maintainancePlanManage.button.disable') }}
+            </el-button>
+            <el-button v-else size="mini" type="success" @click="handleEnable(scope.row)">
+              {{ $t('maintainancePlanManage.button.enable') }}
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <div class="pagination-wrapper">
+        <div class="tip">
+          {{ $t('maintainancePlanManage.tip') }}
+        </div>
+        <el-pagination :current-page="pagination.current" :page-sizes="[10, 20, 30, 50]" :page-size="pagination.size"
+          :total="pagination.total" layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange"
+          @current-change="handleCurrentChange" />
+      </div>
+    </el-card>
+
+    <delete-maintainance-plan ref="deleteDialog" @success="handleSuccess" />
+    <maintainance-plan-state ref="stateDialog" @success="handleSuccess" />
+  </div>
+</template>
+
+<script>
+import { listMaintainancePlan } from '@/api/inspection/maintainancePlanManageApi'
+import { getDict } from '@/api/community/communityApi'
+import { getCommunityId } from '@/api/community/communityApi'
+import DeleteMaintainancePlan from '@/components/inspection/deleteMaintainancePlan'
+import MaintainancePlanState from '@/components/inspection/maintainancePlanState'
+
+export default {
+  name: 'MaintainancePlanManageList',
+  components: {
+    DeleteMaintainancePlan,
+    MaintainancePlanState
+  },
+  data() {
+    return {
+      loading: false,
+      searchForm: {
+        maintainancePlanName: '',
+        state: ''
+      },
+      tableData: [],
+      states: [],
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      },
+      communityId: ''
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this.getList()
+    this.getDictData()
+  },
+  methods: {
+    async getList() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.pagination.current,
+          row: this.pagination.size,
+          maintainancePlanName: this.searchForm.maintainancePlanName,
+          state: this.searchForm.state,
+          communityId: this.communityId
+        }
+        const { data, total } = await listMaintainancePlan(params)
+        this.tableData = data
+        this.pagination.total = total
+      } catch (error) {
+        this.$message.error(this.$t('maintainancePlanManage.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    async getDictData() {
+      try {
+        const data = await getDict('maintainance_plan', 'state')
+        this.states = data
+      } catch (error) {
+        console.error('获取字典数据失败:', error)
+      }
+    },
+    handleSearch() {
+      this.pagination.current = 1
+      this.getList()
+    },
+    handleAdd() {
+      this.$router.push('/views/inspection/addMaintainancePlan')
+    },
+    handleEdit(row) {
+      this.$router.push(`/views/inspection/editMaintainancePlan?planId=${row.planId}`)
+    },
+    handleDelete(row) {
+      this.$refs.deleteDialog.open(row)
+    },
+    handleViewMachine(row) {
+      this.$router.push(`/views/inspection/maintainancePlanMachine?planId=${row.planId}`)
+    },
+    handleEnable(row) {
+      this.$refs.stateDialog.open({
+        planId: row.planId,
+        stateName: this.$t('maintainancePlanManage.button.enable'),
+        state: '2020025'
+      })
+    },
+    handleDisable(row) {
+      this.$refs.stateDialog.open({
+        planId: row.planId,
+        stateName: this.$t('maintainancePlanManage.button.disable'),
+        state: '2020026'
+      })
+    },
+    handleSuccess() {
+      this.getList()
+    },
+    handleSizeChange(val) {
+      this.pagination.size = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.pagination.current = val
+      this.getList()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.maintainance-plan-manage-container {
+  padding: 20px;
+
+  .search-card {
+    margin-bottom: 20px;
+  }
+
+  .table-card {
+    margin-bottom: 20px;
+  }
+
+  .pagination-wrapper {
+    margin-top: 20px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    .tip {
+      color: #909399;
+      font-size: 14px;
+    }
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    maintainanceStandardItem: {
+      title: 'Inspection Items',
+      back: 'Back',
+      add: 'Add',
+      item: 'Inspection Item',
+      id: 'ID',
+      operation: 'Operation',
+      delete: 'Delete',
+      fetchError: 'Failed to fetch inspection items'
+    },
+    chooseMaintainanceStandardItem: {
+      title: 'Select Inspection Items',
+      searchPlaceholder: 'Enter inspection item',
+      search: 'Search',
+      reset: 'Reset',
+      id: 'ID',
+      item: 'Inspection Item',
+      submit: 'Submit',
+      cancel: 'Cancel',
+      selectWarning: 'Please select at least one inspection item',
+      submitSuccess: 'Added successfully',
+      submitError: 'Failed to add inspection items',
+      fetchError: 'Failed to fetch available inspection items'
+    },
+    deleteMaintainanceStandardItem: {
+      title: 'Confirm Operation',
+      confirmMessage: 'Are you sure to delete this inspection item?',
+      cancel: 'Cancel',
+      confirm: 'Confirm Delete',
+      deleteSuccess: 'Deleted successfully',
+      deleteError: 'Failed to delete inspection item'
+    }
+  },
+  zh: {
+    maintainanceStandardItem: {
+      title: '检查项',
+      back: '返回',
+      add: '添加',
+      item: '检查项',
+      id: '编号',
+      operation: '操作',
+      delete: '删除',
+      fetchError: '获取检查项失败'
+    },
+    chooseMaintainanceStandardItem: {
+      title: '选择检查项',
+      searchPlaceholder: '输入检查项',
+      search: '查询',
+      reset: '重置',
+      id: '编号',
+      item: '检查项',
+      submit: '提交',
+      cancel: '取消',
+      selectWarning: '请至少选择一项检查项',
+      submitSuccess: '添加成功',
+      submitError: '添加检查项失败',
+      fetchError: '获取可选检查项失败'
+    },
+    deleteMaintainanceStandardItem: {
+      title: '请确认您的操作',
+      confirmMessage: '确定删除该检查项吗？',
+      cancel: '点错了',
+      confirm: '确认删除',
+      deleteSuccess: '删除成功',
+      deleteError: '删除检查项失败'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="maintainance-standard-item-container">
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>{{ $t('maintainanceStandardItem.title') }}</span>
+        <div class="card-header-actions">
+          <el-button type="primary" size="small" @click="_goBack" style="margin-right:10px">
+            <i class="el-icon-close"></i>
+            <span>{{ $t('maintainanceStandardItem.back') }}</span>
+          </el-button>
+          <el-button type="primary" size="small" @click="_openAddMaintainanceStandardItemModal">
+            <i class="el-icon-plus"></i>
+            <span>{{ $t('maintainanceStandardItem.add') }}</span>
+          </el-button>
+        </div>
+      </div>
+
+      <el-table :data="maintainanceStandardItemInfo.items" border style="width: 100%" v-loading="loading">
+        <el-table-column prop="itemTitle" :label="$t('maintainanceStandardItem.item')" align="center">
+        </el-table-column>
+        <el-table-column prop="itemId" :label="$t('maintainanceStandardItem.id')" align="center">
+        </el-table-column>
+        <el-table-column :label="$t('maintainanceStandardItem.operation')" align="center" width="150">
+          <template slot-scope="scope">
+            <el-button size="mini" type="danger" @click="_openDeleteMaintainanceStandardItemModel(scope.row)">
+              {{ $t('maintainanceStandardItem.delete') }}
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
+        :current-page="pagination.current" :page-sizes="[10, 20, 30, 50]" :page-size="pagination.size"
+        layout="total, sizes, prev, pager, next, jumper" :total="pagination.total"
+        style="margin-top: 20px; text-align: right;">
+      </el-pagination>
+    </el-card>
+
+    <choose-maintainance-standard-item ref="chooseModal" @success="_listMaintainanceStandardItems"></choose-maintainance-standard-item>
+    <delete-maintainance-standard-item ref="deleteModal" @success="_listMaintainanceStandardItems"></delete-maintainance-standard-item>
+  </div>
+</template>
+
+<script>
+import { listMaintainanceStandardItem } from '@/api/inspection/maintainanceStandardItemApi'
+import ChooseMaintainanceStandardItem from '@/components/inspection/chooseMaintainanceStandardItem'
+import DeleteMaintainanceStandardItem from '@/components/inspection/deleteMaintainanceStandardItem'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'MaintainanceStandardItemList',
+  components: {
+    ChooseMaintainanceStandardItem,
+    DeleteMaintainanceStandardItem
+  },
+  data() {
+    return {
+      loading: false,
+      maintainanceStandardItemInfo: {
+        items: [],
+        standardId: ''
+      },
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.maintainanceStandardItemInfo.standardId = this.$route.query.standardId
+    this._listMaintainanceStandardItems()
+  },
+  methods: {
+    async _listMaintainanceStandardItems() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.pagination.current,
+          row: this.pagination.size,
+          communityId: getCommunityId(),
+          standardId: this.maintainanceStandardItemInfo.standardId
+        }
+        const { data, records } = await listMaintainanceStandardItem(params)
+        this.maintainanceStandardItemInfo.items = data
+        this.pagination.total = records
+      } catch (error) {
+        this.$message.error(this.$t('maintainanceStandardItem.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    _openAddMaintainanceStandardItemModal() {
+      this.$refs.chooseModal.open({
+        standardId: this.maintainanceStandardItemInfo.standardId
+      })
+    },
+    _openDeleteMaintainanceStandardItemModel(item) {
+      this.$refs.deleteModal.open({
+        ...item,
+        standardId: this.maintainanceStandardItemInfo.standardId
+      })
+    },
+    _goBack() {
+      this.$router.go(-1)
+    },
+    handleSizeChange(val) {
+      this.pagination.size = val
+      this._listMaintainanceStandardItems()
+    },
+    handleCurrentChange(val) {
+      this.pagination.current = val
+      this._listMaintainanceStandardItems()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.maintainance-standard-item-container {
+  padding: 20px;
+
+  .box-card {
+    margin-bottom: 20px;
+
+    .clearfix {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+
+    .card-header-actions {
+      display: flex;
+      align-items: center;
+    }
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    maintainanceStandard: {
+      search: {
+        title: 'Search Conditions',
+        standardName: 'Please select maintenance item'
+      },
+      list: {
+        title: 'Maintenance Standard'
+      },
+      table: {
+        standardName: 'Maintenance Standard',
+        itemCount: 'Inspection Items',
+        item: 'Items',
+        remark: 'Remark',
+        createTime: 'Create Time'
+      },
+      form: {
+        standardName: 'Maintenance Item',
+        remark: 'Remark'
+      },
+      placeholder: {
+        standardName: 'Required, please fill in the maintenance item',
+        remark: 'Required, please fill in the remark'
+      },
+      rules: {
+        standardName: 'Maintenance item cannot be empty',
+        standardNameMax: 'Maintenance item cannot exceed 256 characters',
+        remark: 'Remark cannot be empty',
+        remarkMax: 'Remark cannot exceed 512 characters',
+        standardId: 'ID cannot be empty'
+      },
+      add: {
+        title: 'Add Maintenance Standard'
+      },
+      edit: {
+        title: 'Edit Maintenance Standard'
+      },
+      delete: {
+        title: 'Confirm Operation',
+        confirmText: 'Are you sure to delete this maintenance standard?'
+      },
+      message: {
+        addSuccess: 'Add successfully',
+        addFailed: 'Add failed',
+        editSuccess: 'Edit successfully',
+        editFailed: 'Edit failed',
+        deleteSuccess: 'Delete successfully',
+        deleteFailed: 'Delete failed',
+        fetchError: 'Failed to fetch data'
+      }
+    }
+  },
+  zh: {
+    maintainanceStandard: {
+      search: {
+        title: '查询条件',
+        standardName: '请选择保养项目'
+      },
+      list: {
+        title: '保养标准'
+      },
+      table: {
+        standardName: '保养标准',
+        itemCount: '检查项',
+        item: '检查项',
+        remark: '备注',
+        createTime: '创建时间'
+      },
+      form: {
+        standardName: '保养项目',
+        remark: '备注'
+      },
+      placeholder: {
+        standardName: '必填，请填写保养项目',
+        remark: '必填，请填写备注'
+      },
+      rules: {
+        standardName: '保养项目不能为空',
+        standardNameMax: '保养项目不能超过256个字符',
+        remark: '备注不能为空',
+        remarkMax: '备注不能超过512个字符',
+        standardId: '编号不能为空'
+      },
+      add: {
+        title: '添加保养标准'
+      },
+      edit: {
+        title: '修改保养标准'
+      },
+      delete: {
+        title: '请确认您的操作',
+        confirmText: '确定删除保养标准?'
+      },
+      message: {
+        addSuccess: '添加成功',
+        addFailed: '添加失败',
+        editSuccess: '修改成功',
+        editFailed: '修改失败',
+        deleteSuccess: '删除成功',
+        deleteFailed: '删除失败',
+        fetchError: '获取数据失败'
+      }
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="maintainance-standard-container">
+    <!-- 查询条件 -->
+    <el-card class="search-wrapper">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('maintainanceStandard.search.title') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-input v-model="searchForm.standardName" :placeholder="$t('maintainanceStandard.search.standardName')"
+            clearable />
+        </el-col>
+        <el-col :span="4">
+          <el-button type="primary" @click="handleSearch">
+            {{ $t('common.search') }}
+          </el-button>
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <!-- 列表 -->
+    <el-card class="list-wrapper">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('maintainanceStandard.list.title') }}</span>
+        <el-button type="primary" size="small" @click="handleAdd">
+          {{ $t('common.add') }}
+        </el-button>
+      </div>
+
+      <el-table v-loading="loading" :data="tableData" border style="width: 100%">
+        <el-table-column prop="standardName" :label="$t('maintainanceStandard.table.standardName')" align="center" />
+        <el-table-column :label="$t('maintainanceStandard.table.itemCount')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.itemCount }} (
+            <el-link type="primary" @click="handleItem(scope.row)">
+              {{ $t('maintainanceStandard.table.item') }}
+            </el-link>)
+          </template>
+        </el-table-column>
+        <el-table-column prop="remark" :label="$t('maintainanceStandard.table.remark')" align="center" />
+        <el-table-column prop="createTime" :label="$t('maintainanceStandard.table.createTime')" align="center" />
+        <el-table-column :label="$t('common.operation')" align="center" width="200">
+          <template slot-scope="scope">
+            <el-button size="mini" type="primary" @click="handleEdit(scope.row)">
+              {{ $t('common.edit') }}
+            </el-button>
+            <el-button size="mini" type="danger" @click="handleDelete(scope.row)">
+              {{ $t('common.delete') }}
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <el-pagination :current-page.sync="page.current" :page-sizes="[10, 20, 30, 50]" :page-size="page.size"
+        :total="page.total" layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange"
+        @current-change="handleCurrentChange" />
+    </el-card>
+
+    <!-- 组件 -->
+    <AddMaintainanceStandard ref="addDialog" @success="handleSuccess" />
+    <EditMaintainanceStandard ref="editDialog" @success="handleSuccess" />
+    <DeleteMaintainanceStandard ref="deleteDialog" @success="handleSuccess" />
+  </div>
+</template>
+
+<script>
+import {
+  listMaintainanceStandard
+} from '@/api/inspection/maintainanceStandardManageApi'
+import AddMaintainanceStandard from '@/components/inspection/addMaintainanceStandard'
+import EditMaintainanceStandard from '@/components/inspection/editMaintainanceStandard'
+import DeleteMaintainanceStandard from '@/components/inspection/deleteMaintainanceStandard'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'MaintainanceStandardManageList',
+  components: {
+    AddMaintainanceStandard,
+    EditMaintainanceStandard,
+    DeleteMaintainanceStandard
+  },
+  data() {
+    return {
+      loading: false,
+      searchForm: {
+        standardName: '',
+        communityId: ''
+      },
+      tableData: [],
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.searchForm.communityId = getCommunityId()
+    this.getList()
+  },
+  methods: {
+    async getList() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.page.current,
+          row: this.page.size,
+          ...this.searchForm
+        }
+        const { data, total } = await listMaintainanceStandard(params)
+        this.tableData = data
+        this.page.total = total
+      } catch (error) {
+        this.$message.error(this.$t('maintainanceStandard.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    handleSearch() {
+      this.page.current = 1
+      this.getList()
+    },
+    handleAdd() {
+      this.$refs.addDialog.open()
+    },
+    handleEdit(row) {
+      this.$refs.editDialog.open(row)
+    },
+    handleDelete(row) {
+      this.$refs.deleteDialog.open(row)
+    },
+    handleItem(row) {
+      this.$router.push(`/views/inspection/maintainanceStandardItem?standardId=${row.standardId}`)
+    },
+    handleSuccess() {
+      this.getList()
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this.getList()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.maintainance-standard-container {
+  padding: 20px;
+  margin: 0;
+
+  .search-wrapper {
+    margin-bottom: 20px;
+
+    .search-title {
+      font-size: 16px;
+      font-weight: bold;
+      margin-bottom: 20px;
+      text-align: left;
+      color: #333;
+    }
+  }
+
+  .list-wrapper {
+    .list-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 20px;
+
+      .list-title {
+        font-size: 16px;
+        font-weight: bold;
+        color: #333;
+      }
+    }
+
+    .el-pagination {
+      margin-top: 20px;
+      text-align: right;
+    }
+  }
+}
+</style>
 \ No newline at end of file