From c7a5a78f0b30471c80bb5220a37ad23180f0c06e Mon Sep 17 00:00:00 2001
From: wuxw <928255095@qq.com>
Date: Thu, 12 Jun 2025 00:43:20 +0800
Subject: [PATCH] 加入巡检工鞥你

---
 src/api/inspection/inspectionItemManageApi.js           |  81 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/api/inspection/inspectionItemTitleManageApi.js      |  88 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/inspection/AddInspectionItem.vue         | 101 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/inspection/DeleteInspectionItem.vue      |  63 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/inspection/EditInspectionItem.vue        | 103 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/inspection/addInspectionItemTitle.vue    | 183 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/inspection/deleteInspectionItemTitle.vue |  53 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/components/inspection/editInspectionItemTitle.vue   | 141 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/i18n/index.js                                       |   7 ++++++-
 src/router/index.js                                     |  10 ++++++++++
 src/views/inspection/inspectionItemManageLang.js        |  74 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/views/inspection/inspectionItemManageList.vue       | 181 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/views/inspection/inspectionItemTitleManageLang.js   |  60 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/views/inspection/inspectionItemTitleManageList.vue  | 199 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 14 files changed, 1343 insertions(+), 1 deletion(-)
 create mode 100644 src/api/inspection/inspectionItemManageApi.js
 create mode 100644 src/api/inspection/inspectionItemTitleManageApi.js
 create mode 100644 src/components/inspection/AddInspectionItem.vue
 create mode 100644 src/components/inspection/DeleteInspectionItem.vue
 create mode 100644 src/components/inspection/EditInspectionItem.vue
 create mode 100644 src/components/inspection/addInspectionItemTitle.vue
 create mode 100644 src/components/inspection/deleteInspectionItemTitle.vue
 create mode 100644 src/components/inspection/editInspectionItemTitle.vue
 create mode 100644 src/views/inspection/inspectionItemManageLang.js
 create mode 100644 src/views/inspection/inspectionItemManageList.vue
 create mode 100644 src/views/inspection/inspectionItemTitleManageLang.js
 create mode 100644 src/views/inspection/inspectionItemTitleManageList.vue

diff --git a/src/api/inspection/inspectionItemManageApi.js b/src/api/inspection/inspectionItemManageApi.js
new file mode 100644
index 0000000..fb45a62
--- /dev/null
+++ b/src/api/inspection/inspectionItemManageApi.js
@@ -0,0 +1,81 @@
+import request from '@/utils/request'
+
+// 查询巡检项目列表
+export function listInspectionItem(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/inspectionItem.listInspectionItem',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '获取巡检项目列表失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 添加巡检项目
+export function saveInspectionItem(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/inspectionItem.saveInspectionItem',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '添加巡检项目失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新巡检项目
+export function updateInspectionItem(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/inspectionItem.updateInspectionItem',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '更新巡检项目失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除巡检项目
+export function deleteInspectionItem(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/inspectionItem.deleteInspectionItem',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '删除巡检项目失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/api/inspection/inspectionItemTitleManageApi.js b/src/api/inspection/inspectionItemTitleManageApi.js
new file mode 100644
index 0000000..7f776e0
--- /dev/null
+++ b/src/api/inspection/inspectionItemTitleManageApi.js
@@ -0,0 +1,88 @@
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 获取巡检题目列表
+export function listInspectionItemTitle(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/inspectionItemTitle.listInspectionItemTitle',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve({
+          data: res.data,
+          total: res.records
+        })
+      } else {
+        reject(new Error(res.msg || '获取巡检题目列表失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 添加巡检题目
+export function saveInspectionItemTitle(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/inspectionItemTitle.saveInspectionItemTitle',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '添加巡检题目失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新巡检题目
+export function updateInspectionItemTitle(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/inspectionItemTitle.updateInspectionItemTitle',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '更新巡检题目失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除巡检题目
+export function deleteInspectionItemTitle(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/inspectionItemTitle.deleteInspectionItemTitle',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '删除巡检题目失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/components/inspection/AddInspectionItem.vue b/src/components/inspection/AddInspectionItem.vue
new file mode 100644
index 0000000..9551a4b
--- /dev/null
+++ b/src/components/inspection/AddInspectionItem.vue
@@ -0,0 +1,101 @@
+<template>
+  <el-dialog
+    :title="$t('inspectionItemManage.addTitle')"
+    :visible.sync="visible"
+    width="50%"
+    @close="handleClose"
+  >
+    <el-form ref="form" :model="formData" :rules="rules" label-width="120px">
+      <el-form-item :label="$t('inspectionItemManage.itemNameLabel')" prop="itemName">
+        <el-input 
+          v-model="formData.itemName" 
+          :placeholder="$t('inspectionItemManage.requiredItem')"
+        />
+      </el-form-item>
+      <el-form-item :label="$t('inspectionItemManage.remarkLabel')" prop="remark">
+        <el-input
+          v-model="formData.remark"
+          type="textarea"
+          :rows="4"
+          :placeholder="$t('inspectionItemManage.requiredRemark')"
+        />
+      </el-form-item>
+    </el-form>
+    
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">
+        {{ $t('inspectionItemManage.cancel') }}
+      </el-button>
+      <el-button type="primary" @click="handleSubmit" :loading="loading">
+        {{ $t('inspectionItemManage.save') }}
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { saveInspectionItem } from '@/api/inspection/inspectionItemManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'AddInspectionItem',
+  data() {
+    return {
+      visible: false,
+      loading: false,
+      formData: {
+        itemName: '',
+        remark: '',
+        communityId: ''
+      },
+      rules: {
+        itemName: [
+          { required: true, message: this.$t('inspectionItemManage.requiredItem'), trigger: 'blur' },
+          { max: 256, message: this.$t('inspectionItemManage.maxLength256'), trigger: 'blur' }
+        ],
+        remark: [
+          { required: true, message: this.$t('inspectionItemManage.requiredRemark'), trigger: 'blur' },
+          { max: 512, message: this.$t('inspectionItemManage.maxLength512'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open() {
+      this.visible = true
+      this.resetForm()
+    },
+    resetForm() {
+      this.formData = {
+        itemName: '',
+        remark: '',
+        communityId: getCommunityId()
+      }
+      if (this.$refs.form) {
+        this.$refs.form.resetFields()
+      }
+    },
+    handleClose() {
+      this.resetForm()
+    },
+    async handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          this.loading = true
+          try {
+            await saveInspectionItem(this.formData)
+            this.$message.success(this.$t('inspectionItemManage.addSuccess'))
+            this.visible = false
+            this.$emit('success')
+          } catch (error) {
+            console.error('添加巡检项目失败:', error)
+            this.$message.error(error.message || this.$t('inspectionItemManage.addFailed'))
+          } finally {
+            this.loading = false
+          }
+        }
+      })
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/inspection/DeleteInspectionItem.vue b/src/components/inspection/DeleteInspectionItem.vue
new file mode 100644
index 0000000..4192070
--- /dev/null
+++ b/src/components/inspection/DeleteInspectionItem.vue
@@ -0,0 +1,63 @@
+<template>
+  <el-dialog
+    :title="$t('inspectionItemManage.confirmDelete')"
+    :visible.sync="visible"
+    width="30%"
+  >
+    <div class="text-center">
+      <p>{{ $t('inspectionItemManage.confirmDeleteMsg') }}: {{ formData.itemName }}?</p>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">
+        {{ $t('inspectionItemManage.cancelDelete') }}
+      </el-button>
+      <el-button type="primary" @click="handleSubmit" :loading="loading">
+        {{ $t('inspectionItemManage.confirmDeleteBtn') }}
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteInspectionItem } from '@/api/inspection/inspectionItemManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'DeleteInspectionItem',
+  data() {
+    return {
+      visible: false,
+      loading: false,
+      formData: {
+        itemId: '',
+        itemName: '',
+        communityId: ''
+      }
+    }
+  },
+  methods: {
+    open(item) {
+      this.formData = {
+        itemId: item.itemId,
+        itemName: item.itemName,
+        communityId: getCommunityId()
+      }
+      this.visible = true
+    },
+    async handleSubmit() {
+      this.loading = true
+      try {
+        await deleteInspectionItem(this.formData)
+        this.$message.success(this.$t('inspectionItemManage.deleteSuccess'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        console.error('删除巡检项目失败:', error)
+        this.$message.error(error.message || this.$t('inspectionItemManage.deleteFailed'))
+      } finally {
+        this.loading = false
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/inspection/EditInspectionItem.vue b/src/components/inspection/EditInspectionItem.vue
new file mode 100644
index 0000000..aacc97f
--- /dev/null
+++ b/src/components/inspection/EditInspectionItem.vue
@@ -0,0 +1,103 @@
+<template>
+  <el-dialog
+    :title="$t('inspectionItemManage.editTitle')"
+    :visible.sync="visible"
+    width="50%"
+    @close="handleClose"
+  >
+    <el-form ref="form" :model="formData" :rules="rules" label-width="120px">
+      <el-form-item :label="$t('inspectionItemManage.itemNameLabel')" prop="itemName">
+        <el-input 
+          v-model="formData.itemName" 
+          :placeholder="$t('inspectionItemManage.requiredItem')"
+        />
+      </el-form-item>
+      <el-form-item :label="$t('inspectionItemManage.remarkLabel')" prop="remark">
+        <el-input
+          v-model="formData.remark"
+          type="textarea"
+          :rows="4"
+          :placeholder="$t('inspectionItemManage.requiredRemark')"
+        />
+      </el-form-item>
+    </el-form>
+    
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">
+        {{ $t('inspectionItemManage.cancel') }}
+      </el-button>
+      <el-button type="primary" @click="handleSubmit" :loading="loading">
+        {{ $t('inspectionItemManage.save') }}
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { updateInspectionItem } from '@/api/inspection/inspectionItemManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'EditInspectionItem',
+  data() {
+    return {
+      visible: false,
+      loading: false,
+      formData: {
+        itemId: '',
+        itemName: '',
+        remark: '',
+        communityId: ''
+      },
+      rules: {
+        itemName: [
+          { required: true, message: this.$t('inspectionItemManage.requiredItem'), trigger: 'blur' },
+          { max: 256, message: this.$t('inspectionItemManage.maxLength256'), trigger: 'blur' }
+        ],
+        remark: [
+          { required: true, message: this.$t('inspectionItemManage.requiredRemark'), trigger: 'blur' },
+          { max: 512, message: this.$t('inspectionItemManage.maxLength512'), trigger: 'blur' }
+        ],
+        itemId: [
+          { required: true, message: this.$t('inspectionItemManage.requiredId'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open(item) {
+      this.formData = {
+        ...item,
+        communityId: getCommunityId()
+      }
+      this.visible = true
+    },
+    handleClose() {
+      this.formData = {
+        itemId: '',
+        itemName: '',
+        remark: '',
+        communityId: ''
+      }
+    },
+    async handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          this.loading = true
+          try {
+            await updateInspectionItem(this.formData)
+            this.$message.success(this.$t('inspectionItemManage.editSuccess'))
+            this.visible = false
+            this.$emit('success')
+          } catch (error) {
+            console.error('更新巡检项目失败:', error)
+            this.$message.error(error.message || this.$t('inspectionItemManage.editFailed'))
+          } finally {
+            this.loading = false
+          }
+        }
+      })
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/inspection/addInspectionItemTitle.vue b/src/components/inspection/addInspectionItemTitle.vue
new file mode 100644
index 0000000..2c00695
--- /dev/null
+++ b/src/components/inspection/addInspectionItemTitle.vue
@@ -0,0 +1,183 @@
+<template>
+  <el-dialog 
+    :title="$t('inspectionItemTitleManage.addTitle')" 
+    :visible.sync="visible"
+    width="50%"
+    @close="resetForm"
+  >
+    <el-form ref="form" :model="formData" label-width="120px">
+      <el-form-item 
+        :label="$t('inspectionItemTitleManage.title')"
+        prop="itemTitle"
+        :rules="[{ required: true, message: $t('common.required') }]"
+      >
+        <el-input 
+          v-model="formData.itemTitle" 
+          :placeholder="$t('inspectionItemTitleManage.placeholderItemTitleRequired')"
+        />
+      </el-form-item>
+      
+      <el-form-item 
+        :label="$t('inspectionItemTitleManage.titleType')"
+        prop="titleType"
+        :rules="[{ required: true, message: $t('common.required') }]"
+      >
+        <el-select 
+          v-model="formData.titleType" 
+          :placeholder="$t('inspectionItemTitleManage.placeholderTitleTypeRequired')"
+          style="width:100%"
+          @change="handleTypeChange"
+        >
+          <el-option 
+            :label="$t('inspectionItemTitleManage.singleChoice')" 
+            value="1001" 
+          />
+          <el-option 
+            :label="$t('inspectionItemTitleManage.multipleChoice')" 
+            value="2002" 
+          />
+          <el-option 
+            :label="$t('inspectionItemTitleManage.shortAnswer')" 
+            value="3003" 
+          />
+        </el-select>
+      </el-form-item>
+      
+      <template v-if="formData.titleType && formData.titleType !== '3003'">
+        <div v-for="(item, index) in formData.titleValues" :key="index">
+          <el-form-item 
+            :label="`${$t('inspectionItemTitleManage.option')} ${index + 1}`"
+            :prop="`titleValues.${index}.itemValue`"
+            :rules="[{ required: true, message: $t('common.required') }]"
+          >
+            <el-input v-model="item.itemValue" />
+            <el-button 
+              v-if="index === formData.titleValues.length - 1" 
+              type="text" 
+              @click="addOption"
+            >
+              <i class="el-icon-plus"></i>
+              {{ $t('inspectionItemTitleManage.addOption') }}
+            </el-button>
+            <el-button 
+              v-else 
+              type="text" 
+              @click="removeOption(index)"
+            >
+              <i class="el-icon-minus"></i>
+              {{ $t('inspectionItemTitleManage.removeOption') }}
+            </el-button>
+          </el-form-item>
+        </div>
+      </template>
+      
+      <el-form-item 
+        :label="$t('inspectionItemTitleManage.seq')"
+        prop="seq"
+        :rules="[
+          { required: true, message: $t('common.required') },
+          { type: 'number', message: $t('inspectionItemTitleManage.seqMustNumber') }
+        ]"
+      >
+        <el-input 
+          v-model.number="formData.seq" 
+          :placeholder="$t('inspectionItemTitleManage.placeholderSeq')"
+          type="number"
+        />
+      </el-form-item>
+    </el-form>
+    
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">
+        {{ $t('common.cancel') }}
+      </el-button>
+      <el-button type="primary" @click="submitForm">
+        {{ $t('common.save') }}
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { saveInspectionItemTitle } from '@/api/inspection/inspectionItemTitleManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'AddInspectionItemTitle',
+  data() {
+    return {
+      visible: false,
+      formData: {
+        titleType: '',
+        itemTitle: '',
+        seq: '',
+        itemId: '',
+        titleValues: []
+      }
+    }
+  },
+  methods: {
+    open(data) {
+      this.formData = {
+        ...this.formData,
+        ...data
+      }
+      this.visible = true
+    },
+    handleTypeChange(val) {
+      if (val === '1001') {
+        this.formData.titleValues = [{ itemValue: '', seq: 1 }]
+      } else if (val === '2002') {
+        this.formData.titleValues = [
+          { itemValue: '', seq: 1 },
+          { itemValue: '', seq: 2 }
+        ]
+      } else if (val === '3003') {
+        this.formData.titleValues = []
+      }
+    },
+    addOption() {
+      this.formData.titleValues.push({
+        itemValue: '',
+        seq: this.formData.titleValues.length + 1
+      })
+    },
+    removeOption(index) {
+      this.formData.titleValues.splice(index, 1)
+      // 重新排序
+      this.formData.titleValues.forEach((item, i) => {
+        item.seq = i + 1
+      })
+    },
+    resetForm() {
+      this.$refs.form.resetFields()
+      this.formData = {
+        titleType: '',
+        itemTitle: '',
+        seq: '',
+        itemId: '',
+        titleValues: []
+      }
+    },
+    submitForm() {
+      this.$refs.form.validate(async valid => {
+        if (!valid) return
+        
+        try {
+          const params = {
+            ...this.formData,
+            communityId: getCommunityId()
+          }
+          
+          await saveInspectionItemTitle(params)
+          this.$message.success(this.$t('common.saveSuccess'))
+          this.visible = false
+          this.$emit('success')
+        } catch (error) {
+          this.$message.error(error.message || this.$t('common.saveError'))
+        }
+      })
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/inspection/deleteInspectionItemTitle.vue b/src/components/inspection/deleteInspectionItemTitle.vue
new file mode 100644
index 0000000..618cc92
--- /dev/null
+++ b/src/components/inspection/deleteInspectionItemTitle.vue
@@ -0,0 +1,53 @@
+<template>
+  <el-dialog 
+    :title="$t('common.delete')" 
+    :visible.sync="visible" 
+    width="30%"
+  >
+    <p>{{ $t('inspectionItemTitleManage.confirmDelete') }}</p>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">
+        {{ $t('common.cancel') }}
+      </el-button>
+      <el-button type="primary" @click="confirmDelete">
+        {{ $t('common.confirm') }}
+      </el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteInspectionItemTitle } from '@/api/inspection/inspectionItemTitleManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'DeleteInspectionItemTitle',
+  data() {
+    return {
+      visible: false,
+      currentData: {}
+    }
+  },
+  methods: {
+    open(data) {
+      this.currentData = { ...data }
+      this.visible = true
+    },
+    async confirmDelete() {
+      try {
+        const params = {
+          ...this.currentData,
+          communityId: getCommunityId()
+        }
+        
+        await deleteInspectionItemTitle(params)
+        this.$message.success(this.$t('common.deleteSuccess'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        this.$message.error(error.message || this.$t('common.deleteError'))
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/inspection/editInspectionItemTitle.vue b/src/components/inspection/editInspectionItemTitle.vue
new file mode 100644
index 0000000..af25146
--- /dev/null
+++ b/src/components/inspection/editInspectionItemTitle.vue
@@ -0,0 +1,141 @@
+<template>
+  <el-dialog :title="$t('inspectionItemTitleManage.editTitle')" :visible.sync="visible" width="50%" @close="resetForm">
+    <el-form ref="form" :model="formData" label-width="120px">
+      <el-form-item :label="$t('inspectionItemTitleManage.title')" prop="itemTitle"
+        :rules="[{ required: true, message: $t('common.required') }]">
+        <el-input v-model="formData.itemTitle"
+          :placeholder="$t('inspectionItemTitleManage.placeholderItemTitleRequired')" />
+      </el-form-item>
+      <el-form-item :label="$t('inspectionItemTitleManage.titleType')" prop="titleType"
+        :rules="[{ required: true, message: $t('common.required') }]">
+        <el-select v-model="formData.titleType"
+          :placeholder="$t('inspectionItemTitleManage.placeholderTitleTypeRequired')" style="width:100%"
+          @change="handleTypeChange">
+          <el-option :label="$t('inspectionItemTitleManage.singleChoice')" value="1001" />
+          <el-option :label="$t('inspectionItemTitleManage.multipleChoice')" value="2002" />
+          <el-option :label="$t('inspectionItemTitleManage.shortAnswer')" value="3003" />
+        </el-select>
+      </el-form-item>
+
+   
+
+      <template v-if="formData.titleType && formData.titleType !== '3003'">
+        <div v-for="(item, index) in formData.titleValues" :key="index">
+          <el-form-item :label="`${$t('inspectionItemTitleManage.option')} ${index + 1}`"
+            :prop="`titleValues.${index}.itemValue`" :rules="[{ required: true, message: $t('common.required') }]">
+            <el-input v-model="item.itemValue" />
+            <el-button v-if="index === formData.titleValues.length - 1" type="text" @click="addOption">
+              <i class="el-icon-plus"></i>
+              {{ $t('inspectionItemTitleManage.addOption') }}
+            </el-button>
+            <el-button v-else type="text" @click="removeOption(index)">
+              <i class="el-icon-minus"></i>
+              {{ $t('inspectionItemTitleManage.removeOption') }}
+            </el-button>
+          </el-form-item>
+        </div>
+      </template>
+
+      <el-form-item :label="$t('inspectionItemTitleManage.seq')" prop="seq" :rules="[
+        { required: true, message: $t('common.required') }
+      ]">
+        <el-input v-model.number="formData.seq" :placeholder="$t('inspectionItemTitleManage.placeholderSeq')"
+          type="number" />
+      </el-form-item>
+    </el-form>
+
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">
+        {{ $t('common.cancel') }}
+      </el-button>
+      <el-button type="primary" @click="submitForm">
+        {{ $t('common.save') }}
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { updateInspectionItemTitle } from '@/api/inspection/inspectionItemTitleManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'EditInspectionItemTitle',
+  data() {
+    return {
+      visible: false,
+      formData: {
+        titleId: '',
+        titleType: '',
+        itemTitle: '',
+        seq: '',
+        itemId: '',
+        titleValues: []
+      }
+    }
+  },
+  methods: {
+    open(data) {
+      this.formData = { ...data }
+      console.log(data)
+      this.formData.titleValues = data.inspectionItemTitleValueDtos;
+      this.visible = true
+    },
+    handleTypeChange(val) {
+      if (val === '1001' && (!this.formData.titleValues || this.formData.titleValues.length === 0)) {
+        this.formData.titleValues = [{ itemValue: '', seq: 1 }]
+      } else if (val === '2002' && (!this.formData.titleValues || this.formData.titleValues.length < 2)) {
+        this.formData.titleValues = [
+          { itemValue: '', seq: 1 },
+          { itemValue: '', seq: 2 }
+        ]
+      } else if (val === '3003') {
+        this.formData.titleValues = []
+      }
+    },
+    addOption() {
+      this.formData.titleValues.push({
+        itemValue: '',
+        seq: this.formData.titleValues.length + 1
+      })
+    },
+    removeOption(index) {
+      this.formData.titleValues.splice(index, 1)
+      // 重新排序
+      this.formData.titleValues.forEach((item, i) => {
+        item.seq = i + 1
+      })
+    },
+    resetForm() {
+      this.$refs.form.resetFields()
+      this.formData = {
+        titleId: '',
+        titleType: '',
+        itemTitle: '',
+        seq: '',
+        itemId: '',
+        titleValues: []
+      }
+    },
+    submitForm() {
+      this.$refs.form.validate(async valid => {
+        if (!valid) return
+
+        try {
+          const params = {
+            ...this.formData,
+            communityId: getCommunityId()
+          }
+
+          await updateInspectionItemTitle(params)
+          this.$message.success(this.$t('common.updateSuccess'))
+          this.visible = false
+          this.$emit('success')
+        } catch (error) {
+          this.$message.error(error.message || this.$t('common.updateError'))
+        }
+      })
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/i18n/index.js b/src/i18n/index.js
index 04f0078..4d24988 100644
--- a/src/i18n/index.js
+++ b/src/i18n/index.js
@@ -170,7 +170,8 @@ import { messages as repairDispatchManageMessages } from '../views/work/repairDi
 import { messages as myRepairDispatchManageMessages } from '../views/work/myRepairDispatchManageLang'
 import { messages as repairReturnVisitMessages } from '../views/work/repairReturnVisitLang'
 import { messages as repairForceFinishManageMessages } from '../views/work/repairForceFinishManageLang'
-
+import { messages as inspectionItemManageMessages } from '../views/inspection/inspectionItemManageLang'
+import { messages as inspectionItemTitleManageMessages } from '../views/inspection/inspectionItemTitleManageLang'
 Vue.use(VueI18n)
 
 // 合并所有语言配置
@@ -344,6 +345,8 @@ const messages = {
     ...myRepairDispatchManageMessages.en,
     ...repairReturnVisitMessages.en,
     ...repairForceFinishManageMessages.en,
+    ...inspectionItemManageMessages.en,
+    ...inspectionItemTitleManageMessages.en,
   },
   zh: {
     ...loginMessages.zh,
@@ -514,6 +517,8 @@ const messages = {
      ...myRepairDispatchManageMessages.zh,
      ...repairReturnVisitMessages.zh,
      ...repairForceFinishManageMessages.zh,
+     ...inspectionItemManageMessages.zh,
+     ...inspectionItemTitleManageMessages.zh,
   }
 }
 
diff --git a/src/router/index.js b/src/router/index.js
index a220129..5a7d8bd 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -841,6 +841,16 @@ const routes = [
         name: '/pages/property/repairForceFinishManage',
         component: () => import('@/views/work/repairForceFinishManageList.vue')
       },
+      {
+        path:'/pages/property/inspectionItemManage',
+        name:'/pages/property/inspectionItemManage',
+        component: () => import('@/views/inspection/inspectionItemManageList.vue')
+        },
+        {
+          path:'/views/inspection/inspectionItemTitleManage',
+          name:'/views/inspection/inspectionItemTitleManage',
+          component: () => import('@/views/inspection/inspectionItemTitleManageList.vue')
+          },
       // 其他子路由可以在这里添加
     ]
   },
diff --git a/src/views/inspection/inspectionItemManageLang.js b/src/views/inspection/inspectionItemManageLang.js
new file mode 100644
index 0000000..ef6a9e8
--- /dev/null
+++ b/src/views/inspection/inspectionItemManageLang.js
@@ -0,0 +1,74 @@
+export const messages = {
+  en: {
+    inspectionItemManage: {
+      searchCondition: 'Search Condition',
+      itemIdPlaceholder: 'Please enter item number',
+      itemNamePlaceholder: 'Please enter inspection item',
+      searchBtn: 'Search',
+      resetBtn: 'Reset',
+      inspectionItems: 'Inspection Items',
+      doc: 'Document',
+      addBtn: 'Add',
+      id: 'ID',
+      itemName: 'Inspection Item',
+      createTime: 'Create Time',
+      remark: 'Remark',
+      operation: 'Operation',
+      edit: 'Edit',
+      delete: 'Delete',
+      question: 'Question',
+      addTitle: 'Add',
+      editTitle: 'Edit',
+      deleteTitle: 'Delete',
+      itemNameLabel: 'Inspection Item',
+      remarkLabel: 'Remark',
+      requiredItem: 'Required, please fill in inspection item',
+      requiredRemark: 'Required, please fill in remark',
+      save: 'Save',
+      cancel: 'Cancel',
+      confirmDelete: 'Confirm deletion?',
+      confirmDeleteMsg: 'Are you sure to delete the inspection item?',
+      cancelDelete: 'Cancel',
+      confirmDeleteBtn: 'Confirm Delete',
+      deleteSuccess: 'Delete successfully',
+      addSuccess: 'Add successfully',
+      editSuccess: 'Edit successfully'
+    }
+  },
+  zh: {
+    inspectionItemManage: {
+      searchCondition: '查询条件',
+      itemIdPlaceholder: '请输入项目编号',
+      itemNamePlaceholder: '请输入巡检项目',
+      searchBtn: '查询',
+      resetBtn: '重置',
+      inspectionItems: '巡检项目',
+      doc: '文档',
+      addBtn: '添加',
+      id: '编号',
+      itemName: '巡检项目',
+      createTime: '创建时间',
+      remark: '备注',
+      operation: '操作',
+      edit: '修改',
+      delete: '删除',
+      question: '题目',
+      addTitle: '添加',
+      editTitle: '修改',
+      deleteTitle: '删除',
+      itemNameLabel: '巡检项目',
+      remarkLabel: '备注',
+      requiredItem: '必填，请填写巡检项目',
+      requiredRemark: '必填，请填写备注',
+      save: '保存',
+      cancel: '取消',
+      confirmDelete: '请确认您的操作',
+      confirmDeleteMsg: '确定删除巡检项目',
+      cancelDelete: '点错了',
+      confirmDeleteBtn: '确认删除',
+      deleteSuccess: '删除成功',
+      addSuccess: '添加成功',
+      editSuccess: '修改成功'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/inspection/inspectionItemManageList.vue b/src/views/inspection/inspectionItemManageList.vue
new file mode 100644
index 0000000..40318e5
--- /dev/null
+++ b/src/views/inspection/inspectionItemManageList.vue
@@ -0,0 +1,181 @@
+<template>
+  <div class="inspection-item-manage-container">
+    <!-- 查询条件 -->
+    <el-card class="search-card">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('inspectionItemManage.searchCondition') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-input v-model="searchForm.itemId" :placeholder="$t('inspectionItemManage.itemIdPlaceholder')" clearable />
+        </el-col>
+        <el-col :span="6">
+          <el-input v-model="searchForm.itemName" :placeholder="$t('inspectionItemManage.itemNamePlaceholder')"
+            clearable />
+        </el-col>
+        <el-col :span="6">
+          <el-button type="primary" @click="handleSearch">
+            {{ $t('inspectionItemManage.searchBtn') }}
+          </el-button>
+          <el-button @click="handleReset">
+            {{ $t('inspectionItemManage.resetBtn') }}
+          </el-button>
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <!-- 巡检项目列表 -->
+    <el-card>
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('inspectionItemManage.inspectionItems') }}</span>
+        <div style="float: right;">
+          <el-button type="primary" size="small" @click="handleShowDoc">
+            <i class="el-icon-document"></i>
+            {{ $t('inspectionItemManage.doc') }}
+          </el-button>
+          <el-button type="primary" size="small" @click="openAddModal">
+            <i class="el-icon-plus"></i>
+            {{ $t('inspectionItemManage.addBtn') }}
+          </el-button>
+        </div>
+      </div>
+
+      <el-table v-loading="loading" :data="tableData" border style="width: 100%">
+        <el-table-column prop="itemId" :label="$t('inspectionItemManage.id')" align="center" />
+        <el-table-column prop="itemName" :label="$t('inspectionItemManage.itemName')" align="center" />
+        <el-table-column prop="createTime" :label="$t('inspectionItemManage.createTime')" align="center" />
+        <el-table-column prop="remark" :label="$t('inspectionItemManage.remark')" align="center" />
+        <el-table-column :label="$t('inspectionItemManage.operation')" align="center" width="300">
+          <template slot-scope="scope">
+            <el-button size="mini" @click="openEditModal(scope.row)">
+              {{ $t('inspectionItemManage.edit') }}
+            </el-button>
+            <el-button size="mini" type="danger" @click="openDeleteModal(scope.row)">
+              {{ $t('inspectionItemManage.delete') }}
+            </el-button>
+            <el-button size="mini" type="success" @click="handleToQuestion(scope.row)">
+              {{ $t('inspectionItemManage.question') }}
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <el-pagination class="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="handlePageChange" />
+    </el-card>
+
+    <!-- 子组件 -->
+    <add-inspection-item ref="addModal" @success="handleSuccess" />
+    <edit-inspection-item ref="editModal" @success="handleSuccess" />
+    <delete-inspection-item ref="deleteModal" @success="handleSuccess" />
+  </div>
+</template>
+
+<script>
+import { listInspectionItem } from '@/api/inspection/inspectionItemManageApi'
+import AddInspectionItem from '@/components/inspection/AddInspectionItem'
+import EditInspectionItem from '@/components/inspection/EditInspectionItem'
+import DeleteInspectionItem from '@/components/inspection/DeleteInspectionItem'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'InspectionItemManageList',
+  components: {
+    AddInspectionItem,
+    EditInspectionItem,
+    DeleteInspectionItem
+  },
+  data() {
+    return {
+      loading: false,
+      searchForm: {
+        itemId: '',
+        itemName: '',
+        communityId: ''
+      },
+      tableData: [],
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.searchForm.communityId = getCommunityId()
+    this.getList()
+  },
+  methods: {
+    async getList() {
+      this.loading = true
+      try {
+        const params = {
+          ...this.searchForm,
+          page: this.pagination.current,
+          row: this.pagination.size
+        }
+        const res = await listInspectionItem(params)
+        this.tableData = res.data
+        this.pagination.total = res.total
+      } catch (error) {
+        console.error('获取巡检项目列表失败:', error)
+        this.$message.error(this.$t('inspectionItemManage.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    handleSearch() {
+      this.pagination.current = 1
+      this.getList()
+    },
+    handleReset() {
+      this.searchForm.itemId = ''
+      this.searchForm.itemName = ''
+      this.handleSearch()
+    },
+    handleSizeChange(size) {
+      this.pagination.size = size
+      this.getList()
+    },
+    handlePageChange(page) {
+      this.pagination.current = page
+      this.getList()
+    },
+    handleShowDoc() {
+      // 显示文档逻辑
+      console.log('显示文档')
+    },
+    handleToQuestion(item) {
+      this.$router.push(`/views/inspection/inspectionItemTitleManage?itemId=${item.itemId}`)
+    },
+    openAddModal() {
+      this.$refs.addModal.open()
+    },
+    openEditModal(item) {
+      this.$refs.editModal.open(item)
+    },
+    openDeleteModal(item) {
+      this.$refs.deleteModal.open(item)
+    },
+    handleSuccess() {
+      this.getList()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.inspection-item-manage-container {
+  padding: 20px;
+
+  .search-card {
+    margin-bottom: 20px;
+  }
+
+  .pagination {
+    margin-top: 20px;
+    text-align: right;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/inspection/inspectionItemTitleManageLang.js b/src/views/inspection/inspectionItemTitleManageLang.js
new file mode 100644
index 0000000..682df00
--- /dev/null
+++ b/src/views/inspection/inspectionItemTitleManageLang.js
@@ -0,0 +1,60 @@
+export const messages = {
+  en: {
+    inspectionItemTitleManage: {
+      searchTitle: 'Search Conditions',
+      listTitle: 'Inspection Items',
+      placeholderTitleId: 'Please enter title ID',
+      placeholderItemTitle: 'Please enter question name',
+      placeholderTitleType: 'Please select title type',
+      selectTitleType: 'Select title type',
+      singleChoice: 'Single choice',
+      multipleChoice: 'Multiple choice',
+      shortAnswer: 'Short answer',
+      titleId: 'Title ID',
+      title: 'Title',
+      titleType: 'Title Type',
+      seq: 'Sequence',
+      createTime: 'Create Time',
+      operation: 'Operation',
+      addTitle: 'Add Title',
+      editTitle: 'Edit Title',
+      confirmDelete: 'Are you sure to delete this title?',
+      placeholderItemTitleRequired: 'Required, please enter title',
+      placeholderTitleTypeRequired: 'Required, please select title type',
+      option: 'Option',
+      addOption: 'Add Option',
+      removeOption: 'Remove Option',
+      placeholderSeq: 'Required, please enter sequence',
+      seqMustNumber: 'Sequence must be a number'
+    }
+  },
+  zh: {
+    inspectionItemTitleManage: {
+      searchTitle: '查询条件',
+      listTitle: '巡检项',
+      placeholderTitleId: '请输入题目ID',
+      placeholderItemTitle: '请输入问题名称',
+      placeholderTitleType: '请选择题目类型',
+      selectTitleType: '请选择题目类型',
+      singleChoice: '单选',
+      multipleChoice: '多选',
+      shortAnswer: '简答题',
+      titleId: '题目ID',
+      title: '题目',
+      titleType: '题目类型',
+      seq: '顺序',
+      createTime: '创建时间',
+      operation: '操作',
+      addTitle: '添加题目',
+      editTitle: '修改题目',
+      confirmDelete: '确定删除题目？',
+      placeholderItemTitleRequired: '必填，请填写题目',
+      placeholderTitleTypeRequired: '必填，请选择题目类型',
+      option: '选项',
+      addOption: '增加选项',
+      removeOption: '删除选项',
+      placeholderSeq: '必填，请填写顺序',
+      seqMustNumber: '顺序必须是数字'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/inspection/inspectionItemTitleManageList.vue b/src/views/inspection/inspectionItemTitleManageList.vue
new file mode 100644
index 0000000..5b789eb
--- /dev/null
+++ b/src/views/inspection/inspectionItemTitleManageList.vue
@@ -0,0 +1,199 @@
+<template>
+  <div>
+    <!-- 查询条件 -->
+    <el-card class="search-wrapper">
+      <div slot="header" class="flex juistify-between">
+        <span>{{ $t('inspectionItemTitleManage.searchTitle') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-input v-model="searchForm.titleId" :placeholder="$t('inspectionItemTitleManage.placeholderTitleId')"
+            clearable />
+        </el-col>
+        <el-col :span="6">
+          <el-input v-model="searchForm.itemTitle" :placeholder="$t('inspectionItemTitleManage.placeholderItemTitle')"
+            clearable />
+        </el-col>
+        <el-col :span="6">
+          <el-select v-model="searchForm.titleType" :placeholder="$t('inspectionItemTitleManage.placeholderTitleType')"
+            style="width:100%">
+            <el-option :label="$t('inspectionItemTitleManage.selectTitleType')" value="" />
+            <el-option :label="$t('inspectionItemTitleManage.singleChoice')" value="1001" />
+            <el-option :label="$t('inspectionItemTitleManage.multipleChoice')" value="2002" />
+            <el-option :label="$t('inspectionItemTitleManage.shortAnswer')" value="3003" />
+          </el-select>
+        </el-col>
+        <el-col :span="6">
+          <el-button type="primary" @click="handleSearch">
+            <i class="el-icon-search"></i>
+            {{ $t('common.search') }}
+          </el-button>
+          <el-button @click="handleReset">
+            <i class="el-icon-refresh"></i>
+            {{ $t('common.reset') }}
+          </el-button>
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <!-- 列表 -->
+    <el-card>
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('inspectionItemTitleManage.listTitle') }}</span>
+        <div style="float:right">
+          <el-button size="small" @click="goBack">
+            <i class="el-icon-close"></i>
+            {{ $t('common.back') }}
+          </el-button>
+          <el-button type="primary" size="small" @click="openAddModal">
+            <i class="el-icon-plus"></i>
+            {{ $t('common.add') }}
+          </el-button>
+        </div>
+      </div>
+
+      <el-table :data="tableData" border v-loading="loading" style="width:100%">
+        <el-table-column prop="titleId" :label="$t('inspectionItemTitleManage.titleId')" align="center" />
+        <el-table-column prop="itemTitle" :label="$t('inspectionItemTitleManage.title')" align="center" />
+        <el-table-column prop="titleType" :label="$t('inspectionItemTitleManage.titleType')" align="center">
+          <template slot-scope="scope">
+            {{ getTitleTypeName(scope.row.titleType) }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="seq" :label="$t('inspectionItemTitleManage.seq')" align="center" />
+        <el-table-column prop="createTime" :label="$t('inspectionItemTitleManage.createTime')" align="center" />
+        <el-table-column :label="$t('common.operation')" align="center" width="200">
+          <template slot-scope="scope">
+            <el-button size="mini" @click="openEditModal(scope.row)">
+              {{ $t('common.edit') }}
+            </el-button>
+            <el-button size="mini" type="danger" @click="openDeleteModal(scope.row)">
+              {{ $t('common.delete') }}
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <el-pagination class="pagination" :current-page.sync="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="handlePageChange" />
+    </el-card>
+
+    <!-- 组件 -->
+    <add-inspection-item-title ref="addModal" @success="fetchList" />
+    <edit-inspection-item-title ref="editModal" @success="fetchList" />
+    <delete-inspection-item-title ref="deleteModal" @success="fetchList" />
+  </div>
+</template>
+
+<script>
+import { listInspectionItemTitle } from '@/api/inspection/inspectionItemTitleManageApi'
+import AddInspectionItemTitle from '@/components/inspection/addInspectionItemTitle'
+import EditInspectionItemTitle from '@/components/inspection/editInspectionItemTitle'
+import DeleteInspectionItemTitle from '@/components/inspection/deleteInspectionItemTitle'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'InspectionItemTitleManageList',
+  components: {
+    AddInspectionItemTitle,
+    EditInspectionItemTitle,
+    DeleteInspectionItemTitle
+  },
+  data() {
+    return {
+      searchForm: {
+        titleId: '',
+        itemTitle: '',
+        titleType: '',
+        itemId: this.$route.query.itemId || ''
+      },
+      tableData: [],
+      loading: false,
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.fetchList()
+  },
+  methods: {
+    async fetchList() {
+      this.loading = true
+      try {
+        const params = {
+          ...this.searchForm,
+          page: this.pagination.current,
+          row: this.pagination.size,
+          communityId: getCommunityId()
+        }
+
+        const { data, total } = await listInspectionItemTitle(params)
+        this.tableData = data
+        this.pagination.total = total
+      } catch (error) {
+        this.$message.error(this.$t('common.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+    handleSearch() {
+      this.pagination.current = 1
+      this.fetchList()
+    },
+    handleReset() {
+      this.searchForm = {
+        titleId: '',
+        itemTitle: '',
+        titleType: '',
+        itemId: this.searchForm.itemId
+      }
+      this.handleSearch()
+    },
+    handleSizeChange(size) {
+      this.pagination.size = size
+      this.fetchList()
+    },
+    handlePageChange(page) {
+      this.pagination.current = page
+      this.fetchList()
+    },
+    getTitleTypeName(type) {
+      const types = {
+        '1001': this.$t('inspectionItemTitleManage.singleChoice'),
+        '2002': this.$t('inspectionItemTitleManage.multipleChoice'),
+        '3003': this.$t('inspectionItemTitleManage.shortAnswer')
+      }
+      return types[type] || type
+    },
+    goBack() {
+      this.$router.go(-1)
+    },
+    openAddModal() {
+      this.$refs.addModal.open({
+        itemId: this.searchForm.itemId
+      })
+    },
+    openEditModal(row) {
+      this.$refs.editModal.open(row)
+    },
+    openDeleteModal(row) {
+      this.$refs.deleteModal.open(row)
+    }
+  }
+}
+</script>
+
+<style scoped>
+.search-wrapper {
+  margin-bottom: 20px;
+}
+
+.pagination {
+  margin-top: 20px;
+  text-align: right;
+}
+</style>
\ No newline at end of file
--
libgit2 0.21.4