开发报修

wuxw
1 parent 2c760b97
Showing 29 changed files with 3536 additions and 18 deletions
src/api/fee/carCreateFeeApi.js
src/api/fee/listCarFeeApi.js
src/api/work/repairSettingApi.js
src/api/work/repairTypeUserApi.js
src/components/fee/carCreateFeeAdd.vue
src/components/fee/deleteFee.vue
src/components/fee/doImportCreateFee.vue
src/components/fee/editFee.vue
src/components/fee/exportCarFeeImportExcel.vue
src/components/fee/parkingAreaSelect2.vue
src/components/fee/splitFee.vue
src/components/work/AddRepairSetting.vue
src/components/work/DeleteRepairSetting.vue
src/components/work/DeleteRepairTypeUser.vue
src/components/work/EditRepairSetting.vue
src/components/work/EditRepairTypeUser.vue
src/components/work/OrgTreeShow.vue
src/components/work/SelectStaff.vue
src/i18n/commonLang.js
src/i18n/index.js
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 查询车辆收费信息
+export function listCarCreateFees(params) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/owner.queryOwnerCars',
+      method: 'get',
+      params: {
+        ...params,
+        communityId
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '查询车辆收费信息失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 保存停车位收费信息
+export function saveParkingSpaceCreateFee(data) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/fee.saveParkingSpaceCreateFee',
+      method: 'post',
+      data: {
+        ...data,
+        communityId
+      }
+    }).then(response => {
+      const res = response.data
+
+        resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询费用配置列表
+export function listFeeConfigs(params) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/feeConfig.listFeeConfigs',
+      method: 'get',
+      params: {
+        ...params,
+        communityId
+      }
+    }).then(response => {
+      const res = response.data
+        resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询停车场列表
+export function listParkingAreas(params) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/parkingArea.listParkingAreas',
+      method: 'get',
+      params: {
+        ...params,
+        communityId
+      }
+    }).then(response => {
+      const res = response.data
+        resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 导出车辆收费Excel
+export function exportCarFeeExcel(params) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/callComponent/importAndExportFee/exportData',
+      method: 'get',
+      params: {
+        ...params,
+        communityId,
+        type: '2002'
+      }
+    }).then(response => {
+      resolve(response)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 导入自定义费用
+export function importCustomFee(data) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    const formData = new FormData()
+    formData.append('uploadFile', data.file)
+    formData.append('communityId', communityId)
+    formData.append('importAdapt', 'importCustomFee')
+
+    request({
+      url: '/callComponent/upload/assetImport/importData',
+      method: 'post',
+      data: formData,
+      headers: {
+        'Content-Type': 'multipart/form-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
+import request from '@/utils/request'
+
+// 查询费用列表
+export function listFee(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/fee.listFee',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+        resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除费用
+export function deleteFee(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/fee.deleteFee',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+
+        resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新费用
+export function updateFee(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/fee.updateFee',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+
+        resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 拆分费用
+export function splitFee(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/feeSub.splitPayFee',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+
+        resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 保存车位费用
+export function saveParkingSpaceCreateFee(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/fee.saveParkingSpaceCreateFee',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+
+        resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 保存抄表
+export function saveMeterWater(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/meterWater.saveMeterWater',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+
+        resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询抄表
+export function queryPreMeterWater(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/meterWater/queryPreMeterWater',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+
+        resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询费用配置
+export function listFeeConfigs(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/feeConfig.listFeeConfigs',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+        resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询停车场
+export function listParkingAreas(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/parkingArea.listParkingAreas',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+        resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询楼栋
+export function queryFloors(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/floor.queryFloors',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+        resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询单元
+export function queryUnits(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/unit.queryUnits',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+        resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询房屋
+export function queryRooms(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/room.queryRooms',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+        resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询抄表类型
+export function listMeterType(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/meterType.listMeterType',
+      method: 'get',
+      params
+    }).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 listRepairSettings(params) {
+  return new Promise((resolve, reject) => {
+    params.communityId = getCommunityId()
+    request({
+      url: '/repair.listRepairSettings',
+      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 saveRepairSetting(data) {
+  return new Promise((resolve, reject) => {
+    data.communityId = getCommunityId()
+    request({
+      url: '/repair.saveRepairSetting',
+      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 updateRepairSetting(data) {
+  return new Promise((resolve, reject) => {
+    data.communityId = getCommunityId()
+    request({
+      url: '/repair.updateRepairSetting',
+      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 deleteRepairSetting(settingId) {
+  return new Promise((resolve, reject) => {
+    const data = {
+      settingId,
+      communityId: getCommunityId()
+    }
+    request({
+      url: '/repair.deleteRepairSetting',
+      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 getDict(dictType, state) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/dict.getDict',
+      method: 'get',
+      params: {
+        dictType,
+        state,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res.data)
+      } else {
+        reject(new Error(res.msg || '获取字典数据失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 获取报修师傅列表
+export function listRepairTypeUsers(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/repair.listRepairTypeUsers',
+      method: 'get',
+      params
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 保存报修师傅
+export function saveRepairTypeUser(data) {
+  data.communityId = getCommunityId()
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/repair.saveRepairTypeUser',
+      method: 'post',
+      data
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新报修师傅
+export function updateRepairTypeUser(data) {
+  data.communityId = getCommunityId()
+
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/repair/updateRepairTypeUser',
+      method: 'post',
+      data
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除报修师傅
+export function deleteRepairTypeUser(data) {
+  data.communityId = getCommunityId()
+
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/repair/deleteRepairTypeUser',
+      method: 'post',
+      data
+    }).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
+    }).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
+    }).then(response => {
+      resolve(response.data)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
 \ No newline at end of file
+<template>
+  <el-dialog :title="$t('carCreateFeeAdd.createFee')" :visible.sync="visible" width="50%" @close="handleClose">
+    <el-form :model="form" label-width="150px" ref="form">
+      <el-form-item v-if="isMore" :label="$t('carCreateFeeAdd.chargeScope')" prop="locationTypeCd"
+        :rules="[{ required: true, message: $t('carCreateFeeAdd.requiredChargeScope') }]">
+        <el-select v-model="form.locationTypeCd" style="width:100%">
+          <el-option :label="$t('carCreateFeeAdd.community')" value="1000" />
+          <el-option :label="$t('carCreateFeeAdd.parkingLot')" value="3000" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item v-else :label="$t('carCreateFeeAdd.vehicle')" prop="locationTypeCdName">
+        <el-input v-model="form.locationTypeCdName" disabled :placeholder="$t('carCreateFeeAdd.requiredChargeScope')" />
+      </el-form-item>
+
+      <el-form-item v-if="form.locationTypeCd === '3000' && isMore" :label="$t('carCreateFeeAdd.parkingLot')" prop="paId">
+        <parking-area-select2 @change="handleParkingAreaChange" />
+      </el-form-item>
+
+      <el-form-item :label="$t('carCreateFeeAdd.feeType')" prop="feeTypeCd"
+        :rules="[{ required: true, message: $t('carCreateFeeAdd.requiredFeeType') }]">
+        <el-select v-model="form.feeTypeCd" @change="handleFeeTypeChange" style="width:100%">
+          <template v-for="item in feeTypeCds">
+            <el-option :key="item.statusCd" :label="item.name" :value="item.statusCd"
+              v-if="item.statusCd !== '888800010001' && item.statusCd !== '888800010009' && item.statusCd !== '888800010011'" />
+          </template>
+        </el-select>
+      </el-form-item>
+
+      <el-form-item :label="$t('carCreateFeeAdd.feeItem')" prop="configId"
+        :rules="[{ required: true, message: $t('carCreateFeeAdd.requiredFeeItem') }]">
+        <el-select v-model="form.configId" @change="handleConfigChange" style="width:100%">
+          <el-option v-for="item in feeConfigs" :key="item.configId" :label="item.feeName" :value="item.configId" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item v-if="form.computingFormula === '4004'" :label="$t('carCreateFeeAdd.chargeAmount')" prop="amount"
+        :rules="[{ required: true, message: $t('carCreateFeeAdd.requiredChargeAmount') }]">
+        <el-input v-model="form.amount" />
+      </el-form-item>
+
+      <el-form-item v-if="isMore" :label="$t('carCreateFeeAdd.parkingSpaceStatus')" prop="carState">
+        <el-checkbox-group v-model="form.carState">
+          <el-checkbox label="S">{{ $t('carCreateFeeAdd.sold') }}</el-checkbox>
+          <el-checkbox label="H">{{ $t('carCreateFeeAdd.rented') }}</el-checkbox>
+        </el-checkbox-group>
+      </el-form-item>
+
+      <el-form-item :label="$t('carCreateFeeAdd.startTime')" prop="startTime"
+        :rules="[{ required: true, message: $t('carCreateFeeAdd.requiredStartTime') }]">
+        <el-date-picker v-model="form.startTime" type="date" value-format="yyyy-MM-dd" style="width:100%"
+          :placeholder="$t('carCreateFeeAdd.requiredStartTime')" />
+      </el-form-item>
+
+      <el-form-item :label="$t('carCreateFeeAdd.endTime')" prop="endTime"
+        :rules="[{ required: true, message: $t('carCreateFeeAdd.requiredEndTime') }]">
+        <el-date-picker v-model="form.endTime" type="date" value-format="yyyy-MM-dd" style="width:100%"
+          :placeholder="$t('carCreateFeeAdd.requiredEndTime')" />
+      </el-form-item>
+    </el-form>
+
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('carCreateFeeAdd.cancel') }}</el-button>
+      <el-button type="primary" @click="handleSubmit">{{ $t('carCreateFeeAdd.submit') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { saveParkingSpaceCreateFee, listFeeConfigs } from '@/api/fee/carCreateFeeApi'
+import { getCommunityId, getDict } from '@/api/community/communityApi'
+
+export default {
+  name: 'CarCreateFeeAdd',
+  data() {
+    return {
+      visible: false,
+      isMore: false,
+      form: {
+        feeTypeCds: [],
+        feeConfigs: [],
+        parkingAreas: [],
+        locationTypeCd: '',
+        locationObjId: '',
+        carId: '',
+        feeTypeCd: '',
+        configId: '',
+        carState: ['H', 'S'],
+        locationTypeCdName: '',
+        startTime: '',
+        paId: '',
+        feeFlag: '',
+        computingFormula: '',
+        amount: '',
+        endTime: ''
+      },
+      feeTypeCds: [],
+      feeConfigs: []
+    }
+  },
+  created() {
+    this.getDictData()
+  },
+  methods: {
+    async getDictData() {
+      try {
+        this.feeTypeCds = await getDict('pay_fee_config', 'fee_type_cd')
+      } catch (error) {
+        console.error('获取字典数据失败:', error)
+      }
+    },
+    open(params) {
+      this.isMore = params.isMore || false
+
+      if (!this.isMore && params.car) {
+        this.form.locationTypeCd = '2000'
+        this.form.locationObjId = params.car.carId
+        this.form.carId = params.car.carId
+        this.form.locationTypeCdName = params.car.carNum
+      }
+
+      this.visible = true
+    },
+    handleClose() {
+      this.resetForm()
+    },
+    resetForm() {
+      this.form = {
+        ...this.form,
+        locationTypeCd: '',
+        locationObjId: '',
+        carId: '',
+        feeTypeCd: '',
+        configId: '',
+        startTime: '',
+        paId: '',
+        feeFlag: '',
+        computingFormula: '',
+        amount: '',
+        endTime: ''
+      }
+    },
+    async handleFeeTypeChange(feeTypeCd) {
+      try {
+        const res = await listFeeConfigs({
+          feeTypeCd: feeTypeCd,
+          isDefault: 'F',
+          valid: '1',
+          page: 1,
+          row: 100
+        })
+        this.feeConfigs = res.feeConfigs || []
+      } catch (error) {
+        this.$message.error(this.$t('common.fetchError'))
+      }
+    },
+    handleConfigChange(configId) {
+      const config = this.feeConfigs.find(item => item.configId === configId)
+      if (config) {
+        this.form.feeFlag = config.feeFlag
+        this.form.computingFormula = config.computingFormula
+        this.form.endTime = ''
+      }
+    },
+    handleParkingAreaChange(paId) {
+      this.form.paId = paId
+    },
+    async handleSubmit() {
+      try {
+        await this.$refs.form.validate()
+
+        // 设置收费对象ID
+        if (this.form.locationTypeCd === '1000') {
+          this.form.locationObjId = getCommunityId()
+        } else if (this.form.locationTypeCd === '2000') {
+          this.form.locationObjId = this.form.carId
+        } else if (this.form.locationTypeCd === '3000') {
+          this.form.locationObjId = this.form.paId
+        } else {
+          this.$message.error(this.$t('common.invalidScope'))
+          return
+        }
+
+        // 提交表单
+        //const res = ;
+        await saveParkingSpaceCreateFee(this.form)
+        this.$message.success(this.$t('common.saveSuccess'))
+        this.visible = false
+        this.$emit('success')
+
+      } catch (error) {
+        console.error('提交失败:', error)
+      }
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog :title="$t('deleteFee.title')" :visible.sync="visible" width="30%">
+    <div>
+      <p>{{ $t('deleteFee.confirmDelete') }}</p>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="close">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="deleteFee">{{ $t('common.confirm') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteFee } from '@/api/fee/listCarFeeApi'
+
+export default {
+  name: 'DeleteFee',
+  data() {
+    return {
+      visible: false,
+      deleteFeeInfo: {}
+    }
+  },
+  methods: {
+    open(info) {
+      this.deleteFeeInfo = info
+      this.visible = true
+    },
+    close() {
+      this.visible = false
+    },
+    deleteFee() {
+      deleteFee(this.deleteFeeInfo).then(response => {
+        if (response.data.code === 0) {
+          this.$message.success(this.$t('common.deleteSuccess'))
+          this.$emit('success')
+          this.close()
+        } else {
+          this.$message.error(response.data.msg)
+        }
+      }).catch(error => {
+        this.$message.error(error.message)
+      })
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog 
+    :title="$t('doImportCreateFee.customCreateFee')" 
+    :visible.sync="visible" 
+    width="50%"
+  >
+    <el-form label-width="150px">
+      <el-form-item :label="$t('doImportCreateFee.selectFile')">
+        <el-upload
+          class="upload-demo"
+          :before-upload="beforeUpload"
+          :show-file-list="false"
+        >
+          <el-button size="small" type="primary">
+            <i class="el-icon-upload"></i>
+            {{ $t('common.selectFile') }}
+          </el-button>
+          <div slot="tip" class="el-upload__tip" style="margin-top:10px">
+            {{ fileName || $t('doImportCreateFee.requiredFile') }}
+          </div>
+        </el-upload>
+      </el-form-item>
+    </el-form>
+    
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('doImportCreateFee.cancel') }}</el-button>
+      <el-button type="primary" @click="handleImport" :disabled="!file">
+        {{ $t('doImportCreateFee.import') }}
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { importCustomFee } from '@/api/fee/carCreateFeeApi'
+
+export default {
+  name: 'DoImportCreateFee',
+  data() {
+    return {
+      visible: false,
+      file: null,
+      fileName: ''
+    }
+  },
+  methods: {
+    open() {
+      this.visible = true
+      this.file = null
+      this.fileName = ''
+    },
+    beforeUpload(file) {
+      const validTypes = ['xlsx', 'xls']
+      const fileType = file.name.split('.').pop().toLowerCase()
+      const isExcel = validTypes.includes(fileType)
+      const isLt2M = file.size / 1024 / 1024 < 2
+      
+      if (!isExcel) {
+        this.$message.error(this.$t('common.invalidExcelType'))
+        return false
+      }
+      if (!isLt2M) {
+        this.$message.error(this.$t('common.fileSizeExceed'))
+        return false
+      }
+      
+      this.file = file
+      this.fileName = file.name
+      return false // 阻止自动上传
+    },
+    async handleImport() {
+      if (!this.file) {
+        this.$message.warning(this.$t('doImportCreateFee.requiredFile'))
+        return
+      }
+      
+      try {
+        const res = await importCustomFee({
+          file: this.file
+        })
+        
+        if (res.code === 0) {
+          this.$message.success(this.$t('common.importSuccess'))
+          this.visible = false
+          this.$emit('success')
+        } else {
+          this.$message.error(res.msg || this.$t('common.importError'))
+        }
+      } catch (error) {
+        this.$message.error(this.$t('common.importError'))
+      }
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog :title="$t('editFee.title')" :visible.sync="visible" width="50%">
+    <el-form :model="editFeeInfo" label-width="120px">
+      <el-form-item :label="$t('editFee.startTime')" required>
+        <el-date-picker v-model="editFeeInfo.startTime" type="datetime" :placeholder="$t('editFee.startTimePlaceholder')"
+          value-format="yyyy-MM-dd HH:mm:ss" style="width:100%">
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item :label="$t('editFee.endTime')" required>
+        <el-date-picker v-model="editFeeInfo.endTime" type="datetime" :placeholder="$t('editFee.endTimePlaceholder')"
+          value-format="yyyy-MM-dd HH:mm:ss" style="width:100%">
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item :label="$t('editFee.maxEndTime')" required>
+        <el-date-picker v-model="editFeeInfo.maxEndTime" type="datetime"
+          :placeholder="$t('editFee.maxEndTimePlaceholder')" value-format="yyyy-MM-dd HH:mm:ss" style="width:100%">
+        </el-date-picker>
+      </el-form-item>
+      <template v-if="editFeeInfo.computingFormula == '1102'">
+        <el-form-item :label="$t('editFee.rateCycle')" required>
+          <el-input v-model="editFeeInfo.rateCycle" :placeholder="$t('editFee.rateCyclePlaceholder')"></el-input>
+        </el-form-item>
+        <el-form-item :label="$t('editFee.rate')" required>
+          <el-input v-model="editFeeInfo.rate" :placeholder="$t('editFee.ratePlaceholder')"></el-input>
+        </el-form-item>
+        <el-form-item :label="$t('editFee.rateStartTime')" required>
+          <el-date-picker v-model="editFeeInfo.rateStartTime" type="datetime"
+            :placeholder="$t('editFee.rateStartTimePlaceholder')" value-format="yyyy-MM-dd HH:mm:ss" style="width:100%">
+          </el-date-picker>
+        </el-form-item>
+      </template>
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="close">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="_doEidtFee">{{ $t('common.submit') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { updateFee } from '@/api/fee/listCarFeeApi'
+
+export default {
+  name: 'EditFee',
+  data() {
+    return {
+      visible: false,
+      editFeeInfo: {
+        feeId: '',
+        startTime: '',
+        endTime: '',
+        feeFlag: '',
+        maxEndTime: '',
+        computingFormula: '',
+        rateCycle: '',
+        rate: '',
+        rateStartTime: ''
+      }
+    }
+  },
+  methods: {
+    open(fee) {
+      this.editFeeInfo = { ...fee }
+      this.visible = true
+    },
+    close() {
+      this.visible = false
+    },
+    _doEidtFee() {
+      // 验证逻辑
+      updateFee(this.editFeeInfo).then(response => {
+        if (response.data.code === 0) {
+          this.$message.success(this.$t('common.updateSuccess'))
+          this.$emit('success')
+          this.close()
+        } else {
+          this.$message.error(response.data.msg)
+        }
+      }).catch(error => {
+        this.$message.error(error.message)
+      })
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog :title="$t('exportCarFeeImportExcel.templateExport')" :visible.sync="visible" width="50%">
+    <el-form label-width="150px">
+      <el-form-item :label="$t('exportCarFeeImportExcel.parkingLot')">
+        <div>
+          <el-checkbox v-model="isParkingAreaAll" @change="changeAllParkingAreas">
+            {{ $t('exportCarFeeImportExcel.all') }}
+          </el-checkbox>
+          <el-checkbox-group v-model="selectedParkingAreas" @change="changeItemParkingArea">
+            <el-checkbox v-for="item in parkingAreas" :key="item.paId" :label="item.paId" style="margin-left:15px">
+              {{ item.num }}{{ $t('exportCarFeeImportExcel.parkingLotPlaceholder') }}
+            </el-checkbox>
+          </el-checkbox-group>
+        </div>
+      </el-form-item>
+
+      <el-form-item :label="$t('exportCarFeeImportExcel.feeItem')">
+        <div>
+          <el-checkbox v-model="isConfigAll" @change="changeAllConfigs">
+            {{ $t('exportCarFeeImportExcel.all') }}
+          </el-checkbox>
+          <el-checkbox-group v-model="selectedConfigs" @change="changeItemConfig">
+            <template v-for="item in configs">
+              <el-checkbox :key="item.configId" :label="item.configId" style="margin-left:15px"
+                v-if="item.feeTypeCd !== '888800010001' && item.feeTypeCd !== '888800010009' && item.feeTypeCd !== '888800010011'">
+                {{ item.feeName }}
+              </el-checkbox>
+            </template>
+          </el-checkbox-group>
+        </div>
+      </el-form-item>
+    </el-form>
+
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('exportCarFeeImportExcel.cancel') }}</el-button>
+      <el-button type="primary" @click="handleExport">{{ $t('exportCarFeeImportExcel.export') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { listParkingAreas, listFeeConfigs, exportCarFeeExcel } from '@/api/fee/carCreateFeeApi'
+
+export default {
+  name: 'ExportCarFeeImportExcel',
+  data() {
+    return {
+      visible: false,
+      isParkingAreaAll: true,
+      isConfigAll: true,
+      selectedParkingAreas: [],
+      selectedConfigs: [],
+      parkingAreas: [],
+      configs: []
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    async fetchData() {
+      try {
+        // 获取停车场
+        const parkingRes = await listParkingAreas({
+          page: 1,
+          row: 150
+        })
+        this.parkingAreas = parkingRes.parkingAreas || []
+        this.selectedParkingAreas = this.parkingAreas.map(item => item.paId)
+
+        // 获取费用配置
+        const configRes = await listFeeConfigs({
+          page: 1,
+          row: 100,
+          isDefault: 'F'
+        })
+        this.configs = configRes.feeConfigs || []
+        this.selectedConfigs = this.configs
+          .filter(item => item.feeTypeCd !== '888800010001' && item.feeTypeCd !== '888800010009' && item.feeTypeCd !== '888800010011')
+          .map(item => item.configId)
+
+      } catch (error) {
+        console.error('获取数据失败:', error)
+      }
+    },
+    open() {
+      this.visible = true
+    },
+    changeAllParkingAreas() {
+      if (this.isParkingAreaAll) {
+        this.selectedParkingAreas = this.parkingAreas.map(item => item.paId)
+      } else {
+        this.selectedParkingAreas = []
+      }
+    },
+    changeItemParkingArea() {
+      this.isParkingAreaAll = this.selectedParkingAreas.length === this.parkingAreas.length
+    },
+    changeAllConfigs() {
+      if (this.isConfigAll) {
+        this.selectedConfigs = this.configs
+          .filter(item => item.feeTypeCd !== '888800010001' && item.feeTypeCd !== '888800010009' && item.feeTypeCd !== '888800010011')
+          .map(item => item.configId)
+      } else {
+        this.selectedConfigs = []
+      }
+    },
+    changeItemConfig() {
+      this.isConfigAll = this.selectedConfigs.length === this.configs
+        .filter(item => item.feeTypeCd !== '888800010001' && item.feeTypeCd !== '888800010009' && item.feeTypeCd !== '888800010011')
+        .length
+    },
+    async handleExport() {
+      try {
+        const paIds = this.selectedParkingAreas.join(',')
+        const configIds = this.selectedConfigs.join(',')
+
+        await exportCarFeeExcel({
+          paIds,
+          configIds
+        })
+
+        this.$message.success(this.$t('common.exportSuccess'))
+        this.visible = false
+      } catch (error) {
+        this.$message.error(this.$t('common.exportError'))
+      }
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-select
+    v-model="value"
+    filterable
+    remote
+    :remote-method="remoteMethod"
+    :loading="loading"
+    :placeholder="$t('parkingAreaSelect2.parkingLotPlaceholder')"
+    style="width:100%"
+    @change="handleChange"
+  >
+    <el-option
+      v-for="item in options"
+      :key="item.paId"
+      :label="item.num"
+      :value="item.paId"
+    />
+  </el-select>
+</template>
+
+<script>
+import { listParkingAreas } from '@/api/fee/carCreateFeeApi'
+
+export default {
+  name: 'ParkingAreaSelect2',
+  props: {
+    value: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      options: [],
+      loading: false
+    }
+  },
+  methods: {
+    async remoteMethod(query) {
+      if (query) {
+        this.loading = true
+        try {
+          const res = await listParkingAreas({
+            num: query,
+            page: 1,
+            row: 50
+          })
+          this.options = res.parkingAreas || []
+        } catch (error) {
+          console.error('获取停车场失败:', error)
+        } finally {
+          this.loading = false
+        }
+      } else {
+        this.options = []
+      }
+    },
+    handleChange(value) {
+      this.$emit('change', value)
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog :title="$t('splitFee.title')" :visible.sync="visible" width="50%">
+    <el-form :model="splitFeeInfo" label-width="120px">
+      <el-form-item :label="$t('splitFee.timePeriod')">
+        <div>{{ splitFeeInfo.endTime }} ~ {{ splitFeeInfo.deadlineTime }}</div>
+      </el-form-item>
+      <el-form-item :label="$t('splitFee.splitTime')" required>
+        <el-date-picker
+          v-model="splitFeeInfo.splitTime"
+          type="date"
+          :placeholder="$t('splitFee.splitTimePlaceholder')"
+          value-format="yyyy-MM-dd"
+          style="width:100%">
+        </el-date-picker>
+        <span style="color: red;">{{ $t('splitFee.note') }}</span>
+      </el-form-item>
+      <el-form-item :label="$t('splitFee.remark')" required>
+        <el-input
+          type="textarea"
+          v-model="splitFeeInfo.remark"
+          :placeholder="$t('splitFee.remarkPlaceholder')"
+          :rows="3"
+          style="width:100%">
+        </el-input>
+      </el-form-item>
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="close">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="_doSplitFee">{{ $t('common.submit') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { splitFee } from '@/api/fee/listCarFeeApi'
+
+export default {
+  name: 'SplitFee',
+  data() {
+    return {
+      visible: false,
+      splitFeeInfo: {
+        feeId: '',
+        splitTime: '',
+        remark: '',
+        endTime: '',
+        deadlineTime: ''
+      }
+    }
+  },
+  methods: {
+    open(fee) {
+      this.splitFeeInfo = {
+        feeId: fee.feeId,
+        endTime: this.$formatDate(fee.endTime),
+        deadlineTime: this._computeSplitDeadLineTime(fee),
+        splitTime: '',
+        remark: ''
+      }
+      this.visible = true
+    },
+    close() {
+      this.visible = false
+    },
+    _doSplitFee() {
+      if (!this.splitFeeInfo.splitTime) {
+        this.$message.error(this.$t('splitFee.splitTimeRequired'))
+        return
+      }
+      
+      const data = {
+        preFeeId: this.splitFeeInfo.feeId,
+        splitTime: this.splitFeeInfo.splitTime,
+        remark: this.splitFeeInfo.remark
+      }
+      
+      splitFee(data).then(response => {
+        if (response.data.code === 0) {
+          this.$message.success(this.$t('common.operateSuccess'))
+          this.$emit('success')
+          this.close()
+        } else {
+          this.$message.error(response.data.msg)
+        }
+      }).catch(error => {
+        this.$message.error(error.message)
+      })
+    },
+    _computeSplitDeadLineTime(fee) {
+      if (fee.amountOwed == 0 && fee.endTime == fee.deadlineTime) {
+        return "-"
+      }
+      if (fee.state == '2009001') {
+        return "-"
+      }
+      return this.$formatDate(fee.deadlineTime)
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog :title="$t('repairSetting.addTitle')" :visible.sync="visible" width="50%" @close="closeDialog">
+    <el-form ref="form" :model="formData" :rules="rules" label-width="150px">
+      <el-row>
+        <el-col :span="12">
+          <el-form-item :label="$t('repairSetting.typeName')" prop="repairTypeName">
+            <el-input v-model="formData.repairTypeName" :placeholder="$t('repairSetting.repairTypeNamePlaceholder')" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item :label="$t('repairSetting.settingType')" prop="repairSettingType">
+            <el-select v-model="formData.repairSettingType"
+              :placeholder="$t('repairSetting.required') + $t('repairSetting.repairSettingTypePlaceholder')"
+              style="width:100%">
+              <el-option :label="$t('repairSetting.cleaningOrder')" value="100" />
+              <el-option :label="$t('repairSetting.repairOrder')" value="200" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="12">
+          <el-form-item :label="$t('repairSetting.dispatchMethod')" prop="repairWay">
+            <el-select v-model="formData.repairWay"
+              :placeholder="$t('repairSetting.required') + $t('repairSetting.repairWayPlaceholder')" style="width:100%">
+              <el-option :label="$t('repairSetting.grabOrder')" value="100" />
+              <el-option :label="$t('repairSetting.assign')" value="200" />
+              <el-option :label="$t('repairSetting.polling')" value="300" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item :label="$t('repairSetting.publicArea')" prop="publicArea">
+            <el-select v-model="formData.publicArea"
+              :placeholder="$t('repairSetting.required') + $t('repairSetting.publicAreaPlaceholder')" style="width:100%">
+              <el-option :label="$t('repairSetting.nonHouse')" value="T" />
+              <el-option :label="$t('repairSetting.house')" value="F" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="12">
+          <el-form-item :label="$t('repairSetting.ownerDisplay')" prop="isShow">
+            <el-select v-model="formData.isShow" :placeholder="$t('repairSetting.ownerDisplayPlaceholder')"
+              style="width:100%">
+              <el-option :label="$t('repairSetting.yes')" value="Y" />
+              <el-option :label="$t('repairSetting.no')" value="N" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item :label="$t('repairSetting.notificationMethod')" prop="notifyWay">
+            <el-select v-model="formData.notifyWay" :placeholder="$t('repairSetting.notificationMethodPlaceholder')"
+              style="width:100%">
+              <el-option :label="$t('repairSetting.sms')" value="SMS" />
+              <el-option :label="$t('repairSetting.wechat')" value="WECHAT" />
+              <el-option :label="$t('repairSetting.wechatWorkLicense')" value="WORK_LICENSE" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="12">
+          <el-form-item :label="$t('repairSetting.processingTime')" prop="doTime">
+            <el-input v-model.number="formData.doTime" type="number"
+              :placeholder="$t('repairSetting.required') + $t('repairSetting.processingTimePlaceholder')">
+              <template slot="append">{{ $t('repairSetting.processingTimeUnit') }}</template>
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item :label="$t('repairSetting.timeoutWarning')" prop="warningTime">
+            <el-input v-model.number="formData.warningTime" type="number"
+              :placeholder="$t('repairSetting.required') + $t('repairSetting.timeoutWarningPlaceholder')">
+              <template slot="append">{{ $t('repairSetting.timeoutWarningUnit') }}</template>
+            </el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="12">
+          <el-form-item :label="$t('repairSetting.returnVisitSetting')" prop="returnVisitFlag">
+            <el-select v-model="formData.returnVisitFlag"
+              :placeholder="$t('repairSetting.required') + $t('repairSetting.returnVisitFlagPlaceholder')"
+              style="width:100%">
+              <el-option :label="$t('repairSetting.noFollowUp')" value="001" />
+              <el-option :label="$t('repairSetting.followUpAfterEvaluation')" value="002" />
+              <el-option :label="$t('repairSetting.followUp')" value="003" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="24">
+          <el-form-item :label="$t('repairSetting.explanation')" prop="remark">
+            <el-input v-model="formData.remark" type="textarea" :rows="3"
+              :placeholder="$t('repairSetting.remarkPlaceholder')" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="closeDialog">{{ $t('repairSetting.cancel') }}</el-button>
+      <el-button type="primary" @click="submitForm">{{ $t('repairSetting.save') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { saveRepairSetting } from '@/api/work/repairSettingApi'
+
+export default {
+  name: 'AddRepairSetting',
+  data() {
+    return {
+      visible: false,
+      formData: {
+        repairTypeName: '',
+        repairWay: '200',
+        repairSettingType: '200',
+        remark: '',
+        publicArea: 'F',
+        payFeeFlag: 'F',
+        returnVisitFlag: '003',
+        isShow: 'Y',
+        doTime: 24,
+        warningTime: 30,
+        notifyWay: 'WECHAT'
+      },
+      rules: {
+        repairTypeName: [
+          { required: true, message: this.$t('repairSetting.typeNamePlaceholder'), trigger: 'blur' },
+          { max: 200, message: this.$t('repairSetting.typeNameMaxLength'), trigger: 'blur' }
+        ],
+        repairSettingType: [
+          { required: true, message: this.$t('repairSetting.settingTypeRequired'), trigger: 'change' }
+        ],
+        repairWay: [
+          { required: true, message: this.$t('repairSetting.dispatchMethodRequired'), trigger: 'change' }
+        ],
+        publicArea: [
+          { required: true, message: this.$t('repairSetting.publicAreaRequired'), trigger: 'change' }
+        ],
+        isShow: [
+          { required: true, message: this.$t('repairSetting.ownerDisplayRequired'), trigger: 'change' }
+        ],
+        notifyWay: [
+          { required: true, message: this.$t('repairSetting.notificationMethodRequired'), trigger: 'change' }
+        ],
+        returnVisitFlag: [
+          { required: true, message: this.$t('repairSetting.returnVisitRequired'), trigger: 'change' }
+        ],
+        doTime: [
+          { required: true, message: this.$t('repairSetting.processingTimeRequired'), trigger: 'blur' },
+          { type: 'number', min: 1, message: this.$t('repairSetting.processingTimeMin'), trigger: 'blur' }
+        ],
+        warningTime: [
+          { required: true, message: this.$t('repairSetting.timeoutWarningRequired'), trigger: 'blur' },
+          { type: 'number', min: 1, message: this.$t('repairSetting.timeoutWarningMin'), trigger: 'blur' }
+        ],
+        remark: [
+          { max: 500, message: this.$t('repairSetting.remarkMaxLength'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open() {
+      this.visible = true
+    },
+
+    closeDialog() {
+      this.visible = false
+      this.resetForm()
+    },
+
+    resetForm() {
+      this.$refs.form.resetFields()
+      this.formData = {
+        repairTypeName: '',
+        repairWay: '200',
+        repairSettingType: '200',
+        remark: '',
+        publicArea: 'F',
+        payFeeFlag: 'F',
+        returnVisitFlag: '003',
+        isShow: 'Y',
+        doTime: 24,
+        warningTime: 30,
+        notifyWay: 'WECHAT'
+      }
+    },
+
+    submitForm() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            await saveRepairSetting(this.formData)
+            this.$message.success(this.$t('repairSetting.addSuccess'))
+            this.$emit('success')
+            this.closeDialog()
+          } catch (error) {
+            console.error('添加报修设置失败:', error)
+            this.$message.error(this.$t('repairSetting.addFailed'))
+          }
+        }
+      })
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :title="$t('repairSetting.confirmDeleteTitle')"
+    :visible.sync="visible"
+    width="30%"
+    center
+  >
+    <div style="text-align: center">
+      <p>{{ $t('repairSetting.confirmDeleteContent') }} [{{ currentRow.repairTypeName }}]?</p>
+    </div>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="closeDialog">{{ $t('repairSetting.cancelDelete') }}</el-button>
+      <el-button type="danger" @click="confirmDelete">{{ $t('repairSetting.confirmDelete') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteRepairSetting } from '@/api/work/repairSettingApi'
+
+export default {
+  name: 'DeleteRepairSetting',
+  data() {
+    return {
+      visible: false,
+      currentRow: {}
+    }
+  },
+  methods: {
+    open(row) {
+      this.currentRow = { ...row }
+      this.visible = true
+    },
+    
+    closeDialog() {
+      this.visible = false
+      this.currentRow = {}
+    },
+    
+    async confirmDelete() {
+      try {
+        await deleteRepairSetting(this.currentRow.settingId)
+        this.$message.success(this.$t('repairSetting.deleteSuccess'))
+        this.$emit('success')
+        this.closeDialog()
+      } catch (error) {
+        console.error('删除报修设置失败:', error)
+        this.$message.error(this.$t('repairSetting.deleteFailed'))
+      }
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :visible="visible"
+    :title="$t('deleteRepairTypeUser.title')"
+    width="30%"
+    @close="handleClose"
+  >
+    <div class="text-center">
+      <p>{{ $t('deleteRepairTypeUser.confirmDelete') }}</p>
+    </div>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="handleClose">{{ $t('common.cancel') }}</el-button>
+      <el-button type="danger" @click="confirmDelete">{{ $t('common.confirmDelete') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteRepairTypeUser } from '@/api/work/repairTypeUserApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'DeleteRepairTypeUser',
+  data() {
+    return {
+      visible: false,
+      repairTypeUser: {}
+    }
+  },
+  methods: {
+    open(repairTypeUser) {
+      this.repairTypeUser = repairTypeUser
+      this.visible = true
+    },
+    handleClose() {
+      this.visible = false
+      this.repairTypeUser = {}
+    },
+    async confirmDelete() {
+      try {
+        const communityId = await getCommunityId()
+        const data = {
+          communityId: communityId,
+          typeUserId: this.repairTypeUser.typeUserId
+        }
+        
+        const response = await deleteRepairTypeUser(data)
+        if (response.code === 0) {
+          this.$message.success(this.$t('common.deleteSuccess'))
+          this.$emit('success')
+          this.handleClose()
+        } else {
+          this.$message.error(response.msg || this.$t('common.deleteFailed'))
+        }
+      } catch (error) {
+        console.error('Error deleting repair type user:', error)
+        this.$message.error(this.$t('common.deleteFailed'))
+      }
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog 
+    :title="$t('repairSetting.editTitle')" 
+    :visible.sync="visible"
+    width="50%"
+    @close="closeDialog"
+  >
+    <el-form ref="form" :model="formData" :rules="rules" label-width="150px">
+      <el-row>
+        <el-col :span="12">
+          <el-form-item :label="$t('repairSetting.typeName')" prop="repairTypeName">
+            <el-input 
+              v-model="formData.repairTypeName" 
+              :placeholder="$t('repairSetting.repairTypeNamePlaceholder')"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item :label="$t('repairSetting.settingType')" prop="repairSettingType">
+            <el-select 
+              v-model="formData.repairSettingType" 
+              :placeholder="$t('repairSetting.required') + $t('repairSetting.repairSettingTypePlaceholder')"
+              style="width:100%"
+            >
+              <el-option :label="$t('repairSetting.cleaningOrder')" value="100" />
+              <el-option :label="$t('repairSetting.repairOrder')" value="200" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      
+      <el-row>
+        <el-col :span="12">
+          <el-form-item :label="$t('repairSetting.dispatchMethod')" prop="repairWay">
+            <el-select 
+              v-model="formData.repairWay" 
+              :placeholder="$t('repairSetting.required') + $t('repairSetting.repairWayPlaceholder')"
+              style="width:100%"
+            >
+              <el-option :label="$t('repairSetting.grabOrder')" value="100" />
+              <el-option :label="$t('repairSetting.assign')" value="200" />
+              <el-option :label="$t('repairSetting.polling')" value="300" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item :label="$t('repairSetting.publicArea')" prop="publicArea">
+            <el-select 
+              v-model="formData.publicArea" 
+              :placeholder="$t('repairSetting.required') + $t('repairSetting.publicAreaPlaceholder')"
+              style="width:100%"
+            >
+              <el-option :label="$t('repairSetting.nonHouse')" value="T" />
+              <el-option :label="$t('repairSetting.house')" value="F" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      
+      <el-row>
+        <el-col :span="12">
+          <el-form-item :label="$t('repairSetting.ownerDisplay')" prop="isShow">
+            <el-select 
+              v-model="formData.isShow" 
+              :placeholder="$t('repairSetting.ownerDisplayPlaceholder')"
+              style="width:100%"
+            >
+              <el-option :label="$t('repairSetting.yes')" value="Y" />
+              <el-option :label="$t('repairSetting.no')" value="N" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item :label="$t('repairSetting.notificationMethod')" prop="notifyWay">
+            <el-select 
+              v-model="formData.notifyWay" 
+              :placeholder="$t('repairSetting.notificationMethodPlaceholder')"
+              style="width:100%"
+            >
+              <el-option :label="$t('repairSetting.sms')" value="SMS" />
+              <el-option :label="$t('repairSetting.wechat')" value="WECHAT" />
+              <el-option :label="$t('repairSetting.wechatWorkLicense')" value="WORK_LICENSE" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      
+      <el-row>
+        <el-col :span="12">
+          <el-form-item :label="$t('repairSetting.processingTime')" prop="doTime">
+            <el-input 
+              v-model.number="formData.doTime" 
+              type="number"
+              :placeholder="$t('repairSetting.required') + $t('repairSetting.processingTimePlaceholder')"
+            >
+              <template slot="append">{{ $t('repairSetting.processingTimeUnit') }}</template>
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item :label="$t('repairSetting.timeoutWarning')" prop="warningTime">
+            <el-input 
+              v-model.number="formData.warningTime" 
+              type="number"
+              :placeholder="$t('repairSetting.required') + $t('repairSetting.timeoutWarningPlaceholder')"
+            >
+              <template slot="append">{{ $t('repairSetting.timeoutWarningUnit') }}</template>
+            </el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      
+      <el-row>
+        <el-col :span="12">
+          <el-form-item :label="$t('repairSetting.returnVisitSetting')" prop="returnVisitFlag">
+            <el-select 
+              v-model="formData.returnVisitFlag" 
+              :placeholder="$t('repairSetting.required') + $t('repairSetting.returnVisitFlagPlaceholder')"
+              style="width:100%"
+            >
+              <el-option :label="$t('repairSetting.noFollowUp')" value="001" />
+              <el-option :label="$t('repairSetting.followUpAfterEvaluation')" value="002" />
+              <el-option :label="$t('repairSetting.followUp')" value="003" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      
+      <el-row>
+        <el-col :span="24">
+          <el-form-item :label="$t('repairSetting.explanation')" prop="remark">
+            <el-input 
+              v-model="formData.remark" 
+              type="textarea" 
+              :rows="3"
+              :placeholder="$t('repairSetting.remarkPlaceholder')"
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="closeDialog">{{ $t('repairSetting.cancel') }}</el-button>
+      <el-button type="primary" @click="submitForm">{{ $t('repairSetting.save') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { updateRepairSetting } from '@/api/work/repairSettingApi'
+
+export default {
+  name: 'EditRepairSetting',
+  data() {
+    return {
+      visible: false,
+      formData: {
+        settingId: '',
+        repairTypeName: '',
+        repairWay: '',
+        repairSettingType: '',
+        remark: '',
+        publicArea: '',
+        returnVisitFlag: '',
+        isShow: '',
+        doTime: 24,
+        warningTime: 30,
+        notifyWay: ''
+      },
+      rules: {
+        repairTypeName: [
+          { required: true, message: this.$t('repairSetting.typeNamePlaceholder'), trigger: 'blur' },
+          { max: 200, message: this.$t('repairSetting.typeNameMaxLength'), trigger: 'blur' }
+        ],
+        repairSettingType: [
+          { required: true, message: this.$t('repairSetting.settingTypeRequired'), trigger: 'change' }
+        ],
+        repairWay: [
+          { required: true, message: this.$t('repairSetting.dispatchMethodRequired'), trigger: 'change' }
+        ],
+        publicArea: [
+          { required: true, message: this.$t('repairSetting.publicAreaRequired'), trigger: 'change' }
+        ],
+        isShow: [
+          { required: true, message: this.$t('repairSetting.ownerDisplayRequired'), trigger: 'change' }
+        ],
+        notifyWay: [
+          { required: true, message: this.$t('repairSetting.notificationMethodRequired'), trigger: 'change' }
+        ],
+        returnVisitFlag: [
+          { required: true, message: this.$t('repairSetting.returnVisitRequired'), trigger: 'change' }
+        ],
+        doTime: [
+          { required: true, message: this.$t('repairSetting.processingTimeRequired'), trigger: 'blur' },
+          { type: 'number', min: 1, message: this.$t('repairSetting.processingTimeMin'), trigger: 'blur' }
+        ],
+        warningTime: [
+          { required: true, message: this.$t('repairSetting.timeoutWarningRequired'), trigger: 'blur' },
+          { type: 'number', min: 1, message: this.$t('repairSetting.timeoutWarningMin'), trigger: 'blur' }
+        ],
+        remark: [
+          { max: 500, message: this.$t('repairSetting.remarkMaxLength'), trigger: 'blur' }
+        ],
+        settingId: [
+          { required: true, message: this.$t('repairSetting.settingIdRequired'), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  methods: {
+    open(row) {
+      this.formData = { ...row }
+      this.visible = true
+    },
+    
+    closeDialog() {
+      this.visible = false
+      this.$refs.form.resetFields()
+    },
+    
+    submitForm() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            await updateRepairSetting(this.formData)
+            this.$message.success(this.$t('repairSetting.updateSuccess'))
+            this.$emit('success')
+            this.closeDialog()
+          } catch (error) {
+            console.error('更新报修设置失败:', error)
+            this.$message.error(this.$t('repairSetting.updateFailed'))
+          }
+        }
+      })
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :visible="visible"
+    :title="$t('editRepairTypeUser.title')"
+    width="50%"
+    @close="handleClose"
+  >
+    <el-form ref="form" :model="form" label-width="120px">
+      <el-form-item :label="$t('editRepairTypeUser.status')" prop="state" required>
+        <el-select v-model="form.state" style="width: 100%">
+          <el-option :value="9999" :label="$t('editRepairTypeUser.online')"></el-option>
+          <el-option :value="8888" :label="$t('editRepairTypeUser.offline')"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item :label="$t('editRepairTypeUser.description')" prop="remark">
+        <el-input v-model="form.remark" :placeholder="$t('editRepairTypeUser.descriptionPlaceholder')"></el-input>
+      </el-form-item>
+    </el-form>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="handleClose">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="saveChanges">{{ $t('common.save') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { updateRepairTypeUser } from '@/api/work/repairTypeUserApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'EditRepairTypeUser',
+  data() {
+    return {
+      visible: false,
+      form: {
+        typeUserId: '',
+        state: '',
+        remark: ''
+      }
+    }
+  },
+  methods: {
+    open(repairTypeUser) {
+      this.form = {
+        typeUserId: repairTypeUser.typeUserId,
+        state: repairTypeUser.state,
+        remark: repairTypeUser.remark
+      }
+      this.visible = true
+    },
+    handleClose() {
+      this.visible = false
+      this.form = {
+        typeUserId: '',
+        state: '',
+        remark: ''
+      }
+    },
+    async saveChanges() {
+      try {
+        if (!this.form.state) {
+          this.$message.warning(this.$t('editRepairTypeUser.statusRequired'))
+          return
+        }
+        
+        const communityId = await getCommunityId()
+        const data = {
+          ...this.form,
+          communityId: communityId
+        }
+        
+        const response = await updateRepairTypeUser(data)
+        if (response.code === 0) {
+          this.$message.success(this.$t('common.saveSuccess'))
+          this.$emit('success')
+          this.handleClose()
+        } else {
+          this.$message.error(response.msg || this.$t('common.saveFailed'))
+        }
+      } catch (error) {
+        console.error('Error updating repair type user:', error)
+        this.$message.error(this.$t('common.saveFailed'))
+      }
+    }
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <div>
+    <el-tree
+      ref="orgTree"
+      :data="orgs"
+      node-key="id"
+      :props="defaultProps"
+      default-expand-all
+      :expand-on-click-node="false"
+      @node-click="handleNodeClick"
+    ></el-tree>
+  </div>
+</template>
+
+<script>
+import { listOrgTree } from '@/api/work/repairTypeUserApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'OrgTreeShow',
+  data() {
+    return {
+      orgs: [],
+      defaultProps: {
+        children: 'children',
+        label: 'text'
+      }
+    }
+  },
+  methods: {
+    async refreshTree() {
+      try {
+        const communityId = await getCommunityId()
+        const params = {
+          communityId: communityId
+        }
+        const response = await listOrgTree(params)
+        if (response.code === 0) {
+          this.orgs = response.data
+        } else {
+          this.$message.error(response.msg || this.$t('common.requestFailed'))
+        }
+      } catch (error) {
+        console.error('Error loading org tree:', error)
+        this.$message.error(this.$t('common.requestFailed'))
+      }
+    },
+    handleNodeClick(data) {
+      this.$emit('org-selected', {
+        orgId: data.id,
+        orgName: data.text
+      })
+    }
+  },
+  mounted() {
+    this.refreshTree()
+  }
+}
+</script>
 \ No newline at end of file
+<template>
+  <el-dialog
+    :visible="visible"
+    :title="$t('selectStaff.title')"
+    width="80%"
+    @close="handleClose"
+  >
+    <el-row :gutter="20">
+      <el-col :span="12" class="border-right">
+        <div class="text-center">
+          <h4>{{ $t('selectStaff.orgInfo') }}</h4>
+        </div>
+        <div class="staff padding">
+          <OrgTreeShow ref="orgTree" @org-selected="handleOrgSelected" />
+        </div>
+      </el-col>
+      <el-col :span="12">
+        <div class="text-center">
+          <h4>{{ $t('selectStaff.staffInfo') }}</h4>
+        </div>
+        <div class="padding-left staff padding padding-top-xs">
+          <div 
+            v-for="(item, index) in staffs" 
+            :key="index"
+            class="staff-item"
+            :class="{'selected': curStaffId === item.staffId}"
+            @click="selectStaff(item)"
+          >
+            <div>
+              <i class="el-icon-user margin-right-xs"></i>
+              {{ item.name }}
+            </div>
+            <div>{{ item.tel }}</div>
+          </div>
+        </div>
+      </el-col>
+    </el-row>
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="handleClose">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="handleSubmit">{{ $t('common.confirm') }}</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import OrgTreeShow from '@/components/work/OrgTreeShow'
+import { getStaffInfos } from '@/api/work/repairTypeUserApi'
+
+export default {
+  name: 'SelectStaff',
+  components: {
+    OrgTreeShow
+  },
+  data() {
+    return {
+      visible: false,
+      staffs: [],
+      curStaffId: '',
+      selectedStaff: null,
+      staffConfig: {},
+      currentOrgId: ''
+    }
+  },
+  methods: {
+    open(staffConfig) {
+      this.staffConfig = staffConfig || {}
+      this.visible = true
+      this.$nextTick(() => {
+        this.$refs.orgTree.refreshTree()
+      })
+    },
+    handleClose() {
+      this.visible = false
+      this.staffs = []
+      this.curStaffId = ''
+      this.selectedStaff = null
+    },
+    handleOrgSelected(org) {
+      this.currentOrgId = org.orgId
+      this.loadStaff(org.orgId)
+    },
+    async loadStaff(orgId) {
+      try {
+        const params = {
+          orgId: orgId,
+          row: 50
+        }
+        const response = await getStaffInfos(params)
+        if (response.code === 0) {
+          this.staffs = response.data
+          if (this.staffs.length > 0) {
+            this.curStaffId = this.staffs[0].staffId
+          }
+        } else {
+          this.$message.error(response.msg || this.$t('common.requestFailed'))
+        }
+      } catch (error) {
+        console.error('Error loading staff:', error)
+        this.$message.error(this.$t('common.requestFailed'))
+      }
+    },
+    selectStaff(staff) {
+      this.curStaffId = staff.staffId
+      this.selectedStaff = staff
+    },
+    handleSubmit() {
+      if (this.selectedStaff) {
+        if (this.staffConfig.call) {
+          this.staffConfig.call({
+            staffId: this.selectedStaff.staffId,
+            staffName: this.selectedStaff.name
+          })
+        }
+        this.handleClose()
+      } else {
+        this.$message.warning(this.$t('selectStaff.selectStaffFirst'))
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.border-right {
+  border-right: 1px solid #ebeef5;
+}
+.padding {
+  padding: 15px;
+}
+.staff-item {
+  padding: 10px;
+  margin-bottom: 10px;
+  border: 1px solid #ebeef5;
+  border-radius: 4px;
+  cursor: pointer;
+}
+.staff-item:hover {
+  background-color: #f5f7fa;
+}
+.staff-item.selected {
+  background-color: #ecf5ff;
+  border-color: #409eff;
+}
+.text-center {
+  text-align: center;
+  margin-bottom: 15px;
+}
+</style>
 \ No newline at end of file
@@ -44,6 +44,7 @@ export const messages = {
         hour:'hour',
         more:'More',
         tip:'Tip',
+        selectFile:'Select File'
       }
     },
     zh: {
@@ -91,7 +92,7 @@ export const messages = {
         hour:'时',
         more:'更多',
         tip:'提示',
-        
+        selectFile:'选择文件'
       }
     }
   } 
 \ No newline at end of file
@@ -158,6 +158,10 @@ import { messages as tempCarPaymentMessages } from &#39;../views/car/tempCarPaymentL
 import { messages as parkingSpaceApplyManageMessages } from '../views/car/parkingSpaceApplyManageLang'
 import { messages as addParkingSpaceApplyMessages } from '../views/car/addParkingSpaceApplyLang'
 import { messages as auditParkingSpaceApplyMessages } from '../views/car/auditParkingSpaceApplyLang'
+import { messages as carCreateFeeMessages } from '../views/fee/carCreateFeeLang'
+import { messages as listCarFeeMessages } from '../views/fee/listCarFeeLang'
+import { messages as repairSettingMessages } from '../views/work/repairSettingLang'
+import { messages as repairTypeUserMessages } from '../views/work/repairTypeUserLang'
 Vue.use(VueI18n)
@@ -320,6 +324,10 @@ const messages = {
     ...parkingSpaceApplyManageMessages.en,
     ...addParkingSpaceApplyMessages.en,
     ...auditParkingSpaceApplyMessages.en,
+    ...carCreateFeeMessages.en,
+    ...listCarFeeMessages.en,
+    ...repairSettingMessages.en,
+    ...repairTypeUserMessages.en,
   },
   zh: {
     ...loginMessages.zh,
@@ -478,6 +486,10 @@ const messages = {
     ...parkingSpaceApplyManageMessages.zh,
     ...addParkingSpaceApplyMessages.zh,
     ...auditParkingSpaceApplyMessages.zh,
+    ...carCreateFeeMessages.zh,
+    ...listCarFeeMessages.zh,
+    ...repairSettingMessages.zh,
+    ...repairTypeUserMessages.zh,
   }
 }
@@ -767,25 +767,45 @@ const routes = [
         component: () => import('@/views/car/remainingParkingSpaceList.vue')
       },
       {
-        path:'/pages/car/tempCarPayment',
-        name:'/pages/car/tempCarPayment',
+        path: '/pages/car/tempCarPayment',
+        name: '/pages/car/tempCarPayment',
         component: () => import('@/views/car/tempCarPaymentList.vue')
+      },
+      {
+        path: '/pages/property/parkingSpaceApplyManage',
+        name: '/pages/property/parkingSpaceApplyManage',
+        component: () => import('@/views/car/parkingSpaceApplyManageList.vue')
+      },
+      {
+        path: '/views/car/addParkingSpaceApply',
+        name: '/views/car/addParkingSpaceApply',
+        component: () => import('@/views/car/addParkingSpaceApply.vue')
+      },
+      {
+        path: '/views/car/auditParkingSpaceApply',
+        name: '/views/car/auditParkingSpaceApply',
+        component: () => import('@/views/car/auditParkingSpaceApply.vue')
+      },
+      {
+        path: '/pages/property/carCreateFee',
+        name: '/pages/property/carCreateFee',
+        component: () => import('@/views/fee/carCreateFeeList.vue')
+      },
+      {
+        path: '/views/fee/listCarFee',
+        name: '/views/fee/listCarFee',
+        component: () => import('@/views/fee/listCarFeeList.vue')
+      },
+      {
+        path: '/pages/work/repairSetting',
+        name: '/pages/work/repairSetting',
+        component: () => import('@/views/work/repairSettingList.vue')
+      },
+      {
+        path:'/views/work/repairTypeUser',
+        name:'/views/work/repairTypeUser',
+        component: () => import('@/views/work/repairTypeUserList.vue')
         },
-        {
-          path:'/pages/property/parkingSpaceApplyManage',
-          name:'/pages/property/parkingSpaceApplyManage',
-          component: () => import('@/views/car/parkingSpaceApplyManageList.vue')
-          },
-          {
-            path:'/views/car/addParkingSpaceApply',
-            name:'/views/car/addParkingSpaceApply',
-            component: () => import('@/views/car/addParkingSpaceApply.vue')
-            },
-            {
-              path:'/views/car/auditParkingSpaceApply',
-              name:'/views/car/auditParkingSpaceApply',
-              component: () => import('@/views/car/auditParkingSpaceApply.vue')
-              },
       // 其他子路由可以在这里添加
     ]
   },
+export const messages = {
+  en: {
+    carCreateFee: {
+      queryCondition: "Query Conditions",
+      parkingSpacePlaceholder: "Please fill in parking lot-space, e.g. 1-101",
+      carNumPlaceholder: "Please fill in license plate number",
+      ownerNamePlaceholder: "Please fill in owner name",
+      parkingSpaceStatus: "Parking space status",
+      query: "Query",
+      reset: "Reset",
+      vehicleCharging: "Vehicle Charging",
+      customTemplate: "Custom Template",
+      customCreate: "Custom Create",
+      batchCreate: "Batch Create",
+      buyMonthlyCard: "Buy Monthly Card",
+      licensePlate: "License Plate",
+      parkingLot: "Parking Lot (Unit: No.)",
+      parkingSpace: "Parking Space (Unit: No.)",
+      ownerName: "Owner Name",
+      contact: "Contact",
+      status: "Status",
+      operation: "Operation",
+      viewCharges: "View Charges"
+    },
+    carCreateFeeAdd: {
+      createFee: "Create Fee",
+      chargeScope: "Charge Scope",
+      requiredChargeScope: "Required, please select charge scope",
+      community: "Community",
+      parkingLot: "Parking Lot",
+      vehicle: "Vehicle",
+      feeType: "Fee Type",
+      requiredFeeType: "Required, please select fee type",
+      feeItem: "Fee Item",
+      requiredFeeItem: "Required, please select fee item",
+      chargeAmount: "Charge Amount",
+      requiredChargeAmount: "Required, please fill in charge amount",
+      parkingSpaceStatus: "Parking Space Status",
+      sold: "Sold",
+      rented: "Rented",
+      startTime: "Billing Start Time",
+      requiredStartTime: "Required, please fill in billing start time",
+      endTime: "Billing End Time",
+      requiredEndTime: "Required, please fill in billing end time",
+      submit: "Submit",
+      cancel: "Cancel"
+    },
+    exportCarFeeImportExcel: {
+      templateExport: "Template Export",
+      parkingLot: "Parking Lot",
+      all: "All",
+      parkingLotPlaceholder: "Parking Lot",
+      feeItem: "Fee Item",
+      export: "Export",
+      cancel: "Cancel"
+    },
+    doImportCreateFee: {
+      customCreateFee: "Custom Create Fee",
+      selectFile: "Select File",
+      requiredFile: "Required, please select data file",
+      import: "Import",
+      cancel: "Cancel"
+    },
+    parkingAreaSelect2: {
+      parkingLotPlaceholder: "Required, please select parking lot"
+    }
+  },
+  zh: {
+    carCreateFee: {
+      queryCondition: "查询条件",
+      parkingSpacePlaceholder: "请填写停车场-车位，如 1-101",
+      carNumPlaceholder: "请填写车牌号",
+      ownerNamePlaceholder: "请填写业主名称",
+      parkingSpaceStatus: "请选择车位状态",
+      query: "查询",
+      reset: "重置",
+      vehicleCharging: "车辆收费",
+      customTemplate: "自定义模板",
+      customCreate: "自定义创建",
+      batchCreate: "批量创建",
+      buyMonthlyCard: "购买月卡",
+      licensePlate: "车牌号",
+      parkingLot: "停车场(单位:号)",
+      parkingSpace: "车位(单位:号)",
+      ownerName: "业主名称",
+      contact: "联系方式",
+      status: "车位状态",
+      operation: "操作",
+      viewCharges: "查看收费"
+    },
+    carCreateFeeAdd: {
+      createFee: "创建费用",
+      chargeScope: "收费范围",
+      requiredChargeScope: "必填，请选择收费范围",
+      community: "小区",
+      parkingLot: "停车场",
+      vehicle: "车辆",
+      feeType: "费用类型",
+      requiredFeeType: "必填，请选择费用类型",
+      feeItem: "收费项目",
+      requiredFeeItem: "必填，请选择收费项目",
+      chargeAmount: "收费金额",
+      requiredChargeAmount: "必填，请填写收费金额",
+      parkingSpaceStatus: "车位状态",
+      sold: "已出售",
+      rented: "已出租",
+      startTime: "计费起始时间",
+      requiredStartTime: "必填，请填写计费起始时间",
+      endTime: "计费结束时间",
+      requiredEndTime: "必填，请填写计费结束时间",
+      submit: "提交",
+      cancel: "取消"
+    },
+    exportCarFeeImportExcel: {
+      templateExport: "模板导出",
+      parkingLot: "停车场",
+      all: "全部",
+      parkingLotPlaceholder: "停车场",
+      feeItem: "费用项",
+      export: "导出",
+      cancel: "取消"
+    },
+    doImportCreateFee: {
+      customCreateFee: "自定义创建费用",
+      selectFile: "选择文件",
+      requiredFile: "必填，请选择数据文件",
+      import: "导入",
+      cancel: "取消"
+    },
+    parkingAreaSelect2: {
+      parkingLotPlaceholder: "必填，请选择停车场"
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="car-create-fee-container">
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <h5>{{ $t('carCreateFee.queryCondition') }}</h5>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="4">
+          <el-input v-model.trim="queryParams.allNum" :placeholder="$t('carCreateFee.parkingSpacePlaceholder')"
+            @keyup.enter.native="handleQuery" />
+        </el-col>
+        <el-col :span="4">
+          <el-input v-model.trim="queryParams.carNumLike" :placeholder="$t('carCreateFee.carNumPlaceholder')"
+            @keyup.enter.native="handleQuery" />
+        </el-col>
+        <el-col :span="4">
+          <el-input v-model.trim="queryParams.ownerName" :placeholder="$t('carCreateFee.ownerNamePlaceholder')"
+            @keyup.enter.native="handleQuery" />
+        </el-col>
+        <el-col :span="4">
+          <el-select v-model="queryParams.state" :placeholder="$t('carCreateFee.parkingSpaceStatus')" style="width:100%">
+            <el-option v-for="item in states" :key="item.statusCd" :label="item.name" :value="item.statusCd" />
+          </el-select>
+        </el-col>
+        <el-col :span="4" style="text-align:right">
+          <el-button type="primary" @click="handleQuery">
+            <i class="el-icon-search"></i>
+            {{ $t('carCreateFee.query') }}
+          </el-button>
+          <el-button @click="handleReset" style="margin-left:10px">
+            <i class="el-icon-refresh"></i>
+            {{ $t('carCreateFee.reset') }}
+          </el-button>
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <el-card class="box-card" style="margin-top:20px">
+      <div slot="header" class="clearfix">
+        <h5>{{ $t('carCreateFee.vehicleCharging') }}</h5>
+        <div style="float:right">
+          <el-button @click="handleOpenFeeImportExcel">
+            <i class="el-icon-plus"></i>
+            {{ $t('carCreateFee.customTemplate') }}
+          </el-button>
+          <el-button @click="handleOpenDoCreateRoomFee" style="margin-left:10px">
+            <i class="el-icon-plus"></i>
+            {{ $t('carCreateFee.customCreate') }}
+          </el-button>
+          <el-button type="primary" @click="handleBatchCreate" style="margin-left:10px">
+            {{ $t('carCreateFee.batchCreate') }}
+          </el-button>
+          <el-button type="primary" @click="handleBuyMonthlyCard" style="margin-left:10px">
+            {{ $t('carCreateFee.buyMonthlyCard') }}
+          </el-button>
+        </div>
+      </div>
+
+      <el-table :data="cars" border style="width:100%">
+        <el-table-column prop="carNum" :label="$t('carCreateFee.licensePlate')" align="center" />
+        <el-table-column prop="areaNum" :label="$t('carCreateFee.parkingLot')" align="center" />
+        <el-table-column prop="num" :label="$t('carCreateFee.parkingSpace')" align="center" />
+        <el-table-column prop="ownerName" :label="$t('carCreateFee.ownerName')" align="center" />
+        <el-table-column prop="link" :label="$t('carCreateFee.contact')" align="center" />
+        <el-table-column prop="stateName" :label="$t('carCreateFee.status')" align="center" />
+        <el-table-column :label="$t('carCreateFee.operation')" align="center" width="150">
+          <template slot-scope="scope">
+            <el-button size="mini" @click="handleViewCharges(scope.row)">
+              {{ $t('carCreateFee.viewCharges') }}
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <el-pagination style="margin-top:20px" :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="handleCurrentChange" />
+    </el-card>
+
+    <!-- 子组件 -->
+    <car-create-fee-add ref="carCreateFeeAdd" @success="handleSuccess" />
+    <export-car-fee-import-excel ref="exportCarFeeImportExcel" />
+    <do-import-create-fee ref="doImportCreateFee" />
+  </div>
+</template>
+
+<script>
+import { listCarCreateFees } from '@/api/fee/carCreateFeeApi'
+import { getDict } from '@/api/community/communityApi'
+
+export default {
+  name: 'CarCreateFeeList',
+  components: {
+    'car-create-fee-add': () => import('@/components/fee/carCreateFeeAdd'),
+    'export-car-fee-import-excel': () => import('@/components/fee/exportCarFeeImportExcel'),
+    'do-import-create-fee': () => import('@/components/fee/doImportCreateFee')
+  },
+  data() {
+    return {
+      queryParams: {
+        allNum: '',
+        carNumLike: '',
+        ownerName: '',
+        state: '',
+        carTypeCd: '1001',
+        page: 1,
+        row: 10
+      },
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      },
+      cars: [],
+      states: []
+    }
+  },
+  created() {
+    this.getDictData()
+    this.fetchData()
+  },
+  methods: {
+    async getDictData() {
+      try {
+        this.states = await getDict('owner_car', 'state')
+      } catch (error) {
+        console.error('获取字典数据失败:', error)
+      }
+    },
+    async fetchData() {
+      try {
+        const res = await listCarCreateFees(this.queryParams)
+        this.cars = res.data || []
+        this.pagination.total = res.total || 0
+      } catch (error) {
+        this.$message.error(this.$t('common.fetchError'))
+      }
+    },
+    handleQuery() {
+      this.queryParams.page = 1
+      this.fetchData()
+    },
+    handleReset() {
+      this.queryParams = {
+        allNum: '',
+        carNumLike: '',
+        ownerName: '',
+        state: '',
+        carTypeCd: '1001',
+        page: 1,
+        row: this.queryParams.row
+      }
+      this.fetchData()
+    },
+    handleSizeChange(size) {
+      this.queryParams.row = size
+      this.fetchData()
+    },
+    handleCurrentChange(current) {
+      this.queryParams.page = current
+      this.fetchData()
+    },
+    handleBatchCreate() {
+      this.$refs.carCreateFeeAdd.open({ isMore: true })
+    },
+    handleOpenFeeImportExcel() {
+      this.$refs.exportCarFeeImportExcel.open()
+    },
+    handleOpenDoCreateRoomFee() {
+      this.$refs.doImportCreateFee.open()
+    },
+    handleBuyMonthlyCard() {
+      this.$router.push({ path: '/views/fee/buyCarMonthCard' })
+    },
+    handleViewCharges(row) {
+      this.$router.push({
+        path: '/views/fee/listCarFee',
+        query: {
+          carId: row.carId,
+          carNum: row.carNum,
+          areaNum: row.areaNum,
+          num: row.num
+        }
+      })
+    },
+    handleSuccess() {
+      this.fetchData()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.car-create-fee-container {
+  padding: 20px;
+
+  .box-card {
+    margin-bottom: 20px;
+  }
+
+  .clearfix {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    h5 {
+      margin: 0;
+      font-size: 16px;
+    }
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    listCarFee: {
+      fee: 'Fee',
+      createFee: 'Create Fee',
+      feeItem: 'Fee Item',
+      feeFlag: 'Fee Flag',
+      feeType: 'Fee Type',
+      amountOwed: 'Amount Owed',
+      startTime: 'Start Time',
+      endTime: 'End Time',
+      remark: 'Remark',
+      state: 'State',
+      operation: 'Operation',
+      pay: 'Pay',
+      history: 'History',
+      cancel: 'Cancel',
+      change: 'Change',
+      split: 'Split',
+      detail: 'Detail',
+      preDegrees: 'Pre Degrees',
+      curDegrees: 'Cur Degrees',
+      price: 'Price',
+      additionalAmount: 'Additional Amount',
+      algorithm: 'Algorithm',
+      usage: 'Usage',
+      note1: 'Note: The end time "-" means the fee is not due or the fee collection has ended.',
+      note2: 'If the amount owed is -1, it is usually an error in the fee item formula setting, please check.'
+    },
+  },
+  zh: {
+    listCarFee: {
+      fee: '费用',
+      createFee: '创建费用',
+      feeItem: '费用项目',
+      feeFlag: '费用标识',
+      feeType: '费用类型',
+      amountOwed: '应收金额',
+      startTime: '建账时间',
+      endTime: '应收时间段',
+      remark: '说明',
+      state: '状态',
+      operation: '操作',
+      pay: '缴费',
+      history: '历史',
+      cancel: '取消',
+      change: '变更',
+      split: '拆分',
+      detail: '详情',
+      preDegrees: '上期度数',
+      curDegrees: '本期度数',
+      price: '单价',
+      additionalAmount: '附加费',
+      algorithm: '算法',
+      usage: '用量',
+      note1: '注意：应收结束时间“-”表示未到应收时间或收费已结束。',
+      note2: '应收金额为-1一般为费用项公式设置出错请检查。'
+    },
+  }
+}
 \ No newline at end of file
+<template>
+  <div>
+    <el-card class="box-card margin">
+      <div slot="header" class="flex justify-between">
+        <div>{{ listCarFeeInfo.carNum }}
+          <span>{{ $t('listCarFee.fee') }}</span>({{ listCarFeeInfo.parkingName }})
+        </div>
+        <div class="ibox-tools" style="top:10px;">
+          <el-button type="primary" size="small" style="margin-left:10px" @click="_openCarCreateFeeAddModal">
+            <i class="el-icon-plus"></i>
+            <span>{{ $t('listCarFee.createFee') }}</span>
+          </el-button>
+          <el-button type="primary" size="small" style="margin-left:10px" @click="_goBack">
+            <i class="el-icon-close"></i>
+            <span>{{ $t('common.back') }}</span>
+          </el-button>
+        </div>
+      </div>
+      <div class="ibox-content">
+        <el-table :data="listCarFeeInfo.fees" border style="width: 100%">
+          <el-table-column prop="feeName" :label="$t('listCarFee.feeItem')" align="center">
+            <template slot-scope="scope">
+              <span class="hand" @click="_viewCarFeeConfig(scope.row)">{{ scope.row.feeName }}
+                <i class="el-icon-info"></i>
+              </span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="feeFlagName" :label="$t('listCarFee.feeFlag')" align="center"></el-table-column>
+          <el-table-column prop="feeTypeCdName" :label="$t('listCarFee.feeType')" align="center"></el-table-column>
+          <el-table-column prop="amountOwed" :label="$t('listCarFee.amountOwed')" align="center"></el-table-column>
+          <el-table-column prop="startTime" :label="$t('listCarFee.startTime')" align="center"></el-table-column>
+          <el-table-column :label="$t('listCarFee.endTime')" align="center">
+            <template slot-scope="scope">
+              {{ _getEndTime(scope.row) }}~<br />{{ _getDeadlineTime(scope.row) }}
+            </template>
+          </el-table-column>
+          <el-table-column :label="$t('listCarFee.remark')" align="center" width="150">
+            <template slot-scope="scope">
+              <div v-if="scope.row.feeTypeCd == '888800010015' || scope.row.feeTypeCd == '888800010016'">
+                <div>
+                  <span>{{ $t('listCarFee.preDegrees') }}：</span>{{ scope.row.preDegrees }}
+                </div>
+                <div>
+                  <span>{{ $t('listCarFee.curDegrees') }}：</span>{{ scope.row.curDegrees }}
+                </div>
+                <div>
+                  <span>{{ $t('listCarFee.price') }}：</span>{{ scope.row.mwPrice ? scope.row.mwPrice :
+                    scope.row.squarePrice
+                  }}
+                </div>
+                <div>
+                  <span>{{ $t('listCarFee.additionalAmount') }}：</span>{{ scope.row.additionalAmount }}
+                </div>
+              </div>
+              <div v-else-if="scope.row.feeTypeCd == '888800010017'">
+                <div>
+                  <span>{{ $t('listCarFee.algorithm') }}：</span>{{ _getAttrValue(scope.row.feeAttrs, '390005') }}
+                </div>
+                <div>
+                  <span>{{ $t('listCarFee.usage') }}：</span>{{ _getAttrValue(scope.row.feeAttrs, '390003') }}
+                </div>
+              </div>
+              <div v-else>
+                <div>
+                  <span>{{ $t('listCarFee.price') }}：</span>{{ scope.row.squarePrice }}
+                </div>
+                <div>
+                  <span>{{ $t('listCarFee.additionalAmount') }}：</span>{{ scope.row.additionalAmount }}
+                </div>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column prop="stateName" :label="$t('listCarFee.state')" align="center"></el-table-column>
+          <el-table-column :label="$t('listCarFee.operation')" align="center">
+            <template slot-scope="scope">
+              <el-button type="text" v-if="scope.row.state != '2009001' && hasPrivilege('502020082314267912')"
+                @click="_payFee(scope.row)">{{ $t('listCarFee.pay') }}</el-button>
+              <el-button type="text" @click="_payFeeHis(scope.row)">{{ $t('listCarFee.history') }}</el-button>
+              <el-button type="text" v-if="hasPrivilege('502020090604200029')" @click="_deleteFee(scope.row)">{{
+                $t('listCarFee.cancel') }}</el-button>
+              <el-button type="text" v-if="scope.row.state != '2009001' && hasPrivilege('502020090427190001')"
+                @click="_editFee(scope.row)">{{ $t('listCarFee.change') }}</el-button>
+              <el-button type="text" v-if="scope.row.feeFlag == '4012024' && scope.row.state == '2008001'"
+                @click="_splitPayFee(scope.row)">{{ $t('listCarFee.split') }}</el-button>
+              <el-button type="text" @click="_viewCarFee(scope.row)">{{ $t('listCarFee.detail') }}</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <el-row>
+          <el-col :span="12">
+            <div> {{ $t('listCarFee.note1') }}</div>
+            <div> {{ $t('listCarFee.note2') }}</div>
+          </el-col>
+          <el-col :span="12">
+            <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
+              :current-page="page.current" :page-sizes="[10, 20, 30, 50]" :page-size="page.size"
+              layout="total, sizes, prev, pager, next, jumper" :total="page.total">
+            </el-pagination>
+          </el-col>
+        </el-row>
+      </div>
+    </el-card>
+
+    <!-- 子组件 -->
+    <delete-fee ref="deleteFee"></delete-fee>
+    <edit-fee ref="editFee"></edit-fee>
+    <split-fee ref="splitFee"></split-fee>
+    <car-create-fee-add ref="carCreateFeeAdd" @success="handleSuccess"></car-create-fee-add>
+    <!-- <add-meter-water ref="addMeterWater"></add-meter-water> -->
+  </div>
+</template>
+
+<script>
+import { listFee } from '@/api/fee/listCarFeeApi'
+import DeleteFee from '@/components/fee/deleteFee'
+import EditFee from '@/components/fee/editFee'
+import SplitFee from '@/components/fee/splitFee'
+import CarCreateFeeAdd from '@/components/fee/carCreateFeeAdd'
+//import AddMeterWater from '@/components/fee/addMeterWater'
+import { getCommunityId } from '@/api/community/communityApi'
+import {dateFormat} from '@/utils/dateUtil'
+
+export default {
+  name: 'ListCarFee',
+  components: {
+    DeleteFee,
+    EditFee,
+    SplitFee,
+    CarCreateFeeAdd,
+    // AddMeterWater
+  },
+  data() {
+    return {
+      listCarFeeInfo: {
+        fees: [],
+        carNum: '',
+        carId: '',
+        total: 0,
+        records: 1,
+        areaNum: '',
+        num: '',
+        parkingName: ''
+      },
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      },
+      communityId: ''
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    if (this.$route.query.carNum) {
+      this.listCarFeeInfo.carNum = this.$route.query.carNum
+      this.listCarFeeInfo.carId = this.$route.query.carId
+      this.listCarFeeInfo.areaNum = this.$route.query.areaNum
+      this.listCarFeeInfo.num = this.$route.query.num
+    }
+    let parkingName = this.listCarFeeInfo.areaNum ? `${this.listCarFeeInfo.areaNum}停车场${this.listCarFeeInfo.num}车位` : '无车位'
+    this.listCarFeeInfo.parkingName = parkingName
+    this._loadlistCarFeeInfo(1, 10)
+  },
+  methods: {
+    handleSuccess() {
+      this._loadlistCarFeeInfo(1, 10)
+    },
+    async _loadlistCarFeeInfo(page, row) {
+      const params = {
+        page: page,
+        row: row,
+        communityId: this.communityId,
+        payerObjId: this.listCarFeeInfo.carId
+      }
+      const { fees,total,records } = await listFee(params)
+      this.listCarFeeInfo.fees = fees
+      this.page.total = total
+      this.page.records = records
+
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this._loadlistCarFeeInfo(this.page.current, val)
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this._loadlistCarFeeInfo(val, this.page.size)
+    },
+    _payFee(fee) {
+      fee.roomName = this.listCarFeeInfo.carNum
+      this.$router.push({ path: '/fee/payFeeOrder', query: { feeId: fee.feeId } })
+    },
+    _payFeeHis(fee) {
+      this.$router.push({ path: '/property/propertyFee', query: fee })
+    },
+    _editFee(fee) {
+      this.$refs.editFee.open(fee)
+    },
+    _deleteFee(fee) {
+      this.$refs.deleteFee.open({
+        communityId: this.communityId,
+        feeId: fee.feeId
+      })
+    },
+    _openCarCreateFeeAddModal() {
+      this.$refs.carCreateFeeAdd.open({
+        isMore: false,
+        car: this.listCarFeeInfo
+      })
+    },
+    _openAddMeterWaterModal() {
+      this.$refs.addMeterWater.open({
+        roomId: this.listCarFeeInfo.carId,
+        roomName: this.listCarFeeInfo.carNum,
+        ownerName: this.listCarFeeInfo.parkingName,
+        objType: '6666'
+      })
+    },
+    _goBack() {
+      this.$router.go(-1)
+    },
+    _getDeadlineTime(fee) {
+      if (fee.amountOwed == 0 && fee.endTime == fee.deadlineTime) {
+        return "-"
+      }
+      if (fee.state == '2009001') {
+        return "-"
+      }
+      return dateFormat(fee.deadlineTime) || fee.deadlineTime
+    },
+    _getEndTime(fee) {
+      if (fee.state == '2009001') {
+        return "-"
+      }
+      return dateFormat(fee.endTime) || fee.endTime
+    },
+    _viewCarFeeConfig(fee) {
+      // 查看费用项配置逻辑
+      console.log(fee)
+    },
+    _viewCarFee(fee) {
+      // 查看费用详情逻辑
+      console.log(fee)
+
+    },
+    _splitPayFee(fee) {
+      this.$refs.splitFee.open(fee)
+    },
+    _getAttrValue(attrs, specCd) {
+      const attr = attrs.find(item => item.specCd === specCd)
+      return attr ? attr.value : ''
+    },
+  }
+}
+</script>
+
+<style scoped>
+.hand {
+  cursor: pointer;
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    repairSetting: {
+      queryCondition: 'Query Condition',
+      repairTypeNamePlaceholder: 'Please enter type name',
+      repairWayPlaceholder: 'Please select dispatch method',
+      repairSettingTypePlaceholder: 'Please select repair setting type',
+      publicAreaPlaceholder: 'Please select area',
+      returnVisitFlagPlaceholder: 'Please select whether to follow up',
+      search: 'Search',
+      reset: 'Reset',
+      repairSettingTitle: 'Repair Settings',
+      documentation: 'Documentation',
+      add: 'Add',
+      typeName: 'Type Name',
+      repairSettingType: 'Repair Setting Type',
+      dispatchMethod: 'Dispatch Method',
+      area: 'Area',
+      ownerDisplay: 'Owner Display',
+      notificationMethod: 'Notification Method',
+      returnVisit: 'Return Visit',
+      processingTime: 'Processing Time (hours)',
+      timeoutWarning: 'Timeout Warning (minutes)',
+      createTime: 'Create Time',
+      operation: 'Operation',
+      edit: 'Edit',
+      bindRepairMaster: 'Bind Repair Master',
+      delete: 'Delete',
+      explanation: 'Explanation',
+      save: 'Save',
+      cancel: 'Cancel',
+      confirmDeleteTitle: 'Please confirm your operation!',
+      confirmDeleteContent: 'Are you sure to delete this repair setting?',
+      cancelDelete: 'Cancel',
+      confirmDelete: 'Confirm Delete',
+      addTitle: 'Add Repair Setting',
+      editTitle: 'Edit Repair Setting',
+      settingType: 'Setting Type',
+      publicArea: 'Public Area',
+      ownerDisplayPlaceholder: 'Whether to display in owner app',
+      notificationMethodPlaceholder: 'Please select notification method',
+      returnVisitSetting: 'Return Visit Setting',
+      remarkPlaceholder: 'Optional, please enter remarks',
+      required: 'Required',
+      cleaningOrder: 'Cleaning Order',
+      repairOrder: 'Repair Order',
+      grabOrder: 'Grab Order',
+      assign: 'Assign',
+      polling: 'Polling',
+      nonHouse: 'Non-House',
+      house: 'House',
+      yes: 'Yes',
+      no: 'No',
+      sms: 'SMS',
+      wechat: 'WeChat',
+      wechatWorkLicense: 'WeChat + Employee License',
+      noFollowUp: 'No Follow Up',
+      followUpAfterEvaluation: 'Follow Up After Evaluation',
+      followUp: 'Follow Up',
+      dispatchExplanation: 'Dispatch Explanation:',
+      dispatchPoint1: '1. Grab Order: Employees (masters under the repair type) grab orders independently, suitable for scenarios where the property gives commissions per order',
+      dispatchPoint2: '2. Assign: Specifically assigned by customer service to employees (masters under the repair type)',
+      dispatchPoint3: '3. Polling: System periodically assigns orders to employees (masters under the repair type)',
+      areaExplanation: 'Area Explanation:',
+      areaPoint1: 'Community, building, unit are non-house areas; houses are house areas',
+      areaPoint2: 'Note: For owner house repairs, a house area type must be added for normal repair',
+      processingTimeUnit: 'Hours',
+      timeoutWarningUnit: 'Minutes'
+    }
+  },
+  zh: {
+    repairSetting: {
+      queryCondition: '查询条件',
+      repairTypeNamePlaceholder: '请输入类型名称',
+      repairWayPlaceholder: '请选择派单方式',
+      repairSettingTypePlaceholder: '请选择报修设置类型',
+      publicAreaPlaceholder: '请选择区域',
+      returnVisitFlagPlaceholder: '请选择是否回访',
+      search: '查询',
+      reset: '重置',
+      repairSettingTitle: '报修设置',
+      documentation: '文档',
+      add: '添加',
+      typeName: '类型名称',
+      repairSettingType: '报修设置类型',
+      dispatchMethod: '派单方式',
+      area: '区域',
+      ownerDisplay: '业主端展示',
+      notificationMethod: '通知方式',
+      returnVisit: '是否回访',
+      processingTime: '办理时长',
+      timeoutWarning: '超时预警',
+      createTime: '创建时间',
+      operation: '操作',
+      edit: '修改',
+      bindRepairMaster: '绑定维修师傅',
+      delete: '删除',
+      explanation: '说明',
+      save: '保存',
+      cancel: '取消',
+      confirmDeleteTitle: '请确认您的操作!',
+      confirmDeleteContent: '确定删除报修设置',
+      cancelDelete: '点错了',
+      confirmDelete: '确认删除',
+      addTitle: '添加报修设置',
+      editTitle: '修改报修设置',
+      settingType: '设置类型',
+      publicArea: '公共区域',
+      ownerDisplayPlaceholder: '必填，请选择是否在业主端展示',
+      notificationMethodPlaceholder: '必填，请选择通知方式',
+      returnVisitSetting: '回访设置',
+      remarkPlaceholder: '选填，请填写说明',
+      required: '必填',
+      cleaningOrder: '保洁单',
+      repairOrder: '维修单',
+      grabOrder: '抢单',
+      assign: '指派',
+      polling: '轮训',
+      nonHouse: '非房屋',
+      house: '房屋',
+      yes: '是',
+      no: '否',
+      sms: '短信',
+      wechat: '微信',
+      wechatWorkLicense: '微信+员工工牌',
+      noFollowUp: '不回访',
+      followUpAfterEvaluation: '已评价不回访',
+      followUp: '回访',
+      dispatchExplanation: '派单方式说明：',
+      dispatchPoint1: '1、抢单：员工（报修类型下的师傅）自主抢单维修处理，比较实用于物业每单给维修是否提成的场景',
+      dispatchPoint2: '2、指派：专门由客服派单员工（报修类型下的师傅）维修处理，一般物业的选择',
+      dispatchPoint3: '3、轮训：由系统定时派单员工（报修类型下的师傅）维修处理',
+      areaExplanation: '区域说明：',
+      areaPoint1: '小区、楼栋、单元为非房屋类区域，房屋为房屋类区域',
+      areaPoint2: '注意：一般业主房屋报修必须添加一个房屋类区域的类型才能正常报修',
+      processingTimeUnit: '小时',
+      timeoutWarningUnit: '分钟'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div class="repair-setting-container">
+    <!-- 查询条件 -->
+    <el-card class="search-card">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('repairSetting.queryCondition') }}</span>
+      </div>
+      <el-row :gutter="20">
+        <el-col :span="5">
+          <el-input v-model="searchForm.repairTypeName" :placeholder="$t('repairSetting.repairTypeNamePlaceholder')"
+            clearable />
+        </el-col>
+        <el-col :span="5">
+          <el-select v-model="searchForm.repairWay" :placeholder="$t('repairSetting.repairWayPlaceholder')"
+            style="width:100%">
+            <el-option :label="$t('common.all')" value=""></el-option>
+            <el-option v-for="item in repairWays" :key="item.statusCd" :label="item.name" :value="item.statusCd" />
+          </el-select>
+        </el-col>
+        <el-col :span="5">
+          <el-select v-model="searchForm.repairSettingType"
+            :placeholder="$t('repairSetting.repairSettingTypePlaceholder')" style="width:100%">
+            <el-option :label="$t('common.all')" value=""></el-option>
+            <el-option v-for="item in repairSettingTypes" :key="item.statusCd" :label="item.name"
+              :value="item.statusCd" />
+          </el-select>
+        </el-col>
+        <el-col :span="5">
+          <el-select v-model="searchForm.publicArea" :placeholder="$t('repairSetting.publicAreaPlaceholder')"
+            style="width:100%">
+            <el-option :label="$t('common.all')" value=""></el-option>
+            <el-option v-for="item in publicAreas" :key="item.statusCd" :label="item.name" :value="item.statusCd" />
+          </el-select>
+        </el-col>
+        <el-col :span="4">
+          <el-button type="primary" @click="handleSearch">{{ $t('repairSetting.search') }}</el-button>
+          <el-button @click="handleReset">{{ $t('repairSetting.reset') }}</el-button>
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <!-- 报修设置列表 -->
+    <el-card class="list-card">
+      <div slot="header" class="flex justify-between">
+        <span>{{ $t('repairSetting.repairSettingTitle') }}</span>
+        <div style="float: right">
+          <el-button type="text" @click="showDocumentation">
+            {{ $t('repairSetting.documentation') }}
+          </el-button>
+          <el-button type="primary" size="small" @click="openAddDialog">
+            {{ $t('repairSetting.add') }}
+          </el-button>
+        </div>
+      </div>
+
+      <el-table v-loading="loading" :data="tableData" border style="width: 100%">
+        <el-table-column prop="repairTypeName" :label="$t('repairSetting.typeName')" align="center" />
+        <el-table-column prop="repairSettingTypeName" :label="$t('repairSetting.repairSettingType')" align="center" />
+        <el-table-column prop="repairWayName" :label="$t('repairSetting.dispatchMethod')" align="center" />
+        <el-table-column prop="publicArea" :label="$t('repairSetting.area')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.publicArea === 'T' ? $t('repairSetting.nonHouse') : $t('repairSetting.house') }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="isShow" :label="$t('repairSetting.ownerDisplay')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.isShow === 'Y' ? $t('repairSetting.yes') : $t('repairSetting.no') }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="notifyWay" :label="$t('repairSetting.notificationMethod')" align="center">
+          <template slot-scope="scope">
+            <span v-if="scope.row.notifyWay === 'SMS'">{{ $t('repairSetting.sms') }}</span>
+            <span v-else-if="scope.row.notifyWay === 'WORK_LICENSE'">{{ $t('repairSetting.wechatWorkLicense') }}</span>
+            <span v-else>{{ $t('repairSetting.wechat') }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="returnVisitFlagName" :label="$t('repairSetting.returnVisit')" align="center" />
+        <el-table-column prop="doTime" :label="$t('repairSetting.processingTime')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.doTime }}{{ $t('repairSetting.processingTimeUnit') }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="warningTime" :label="$t('repairSetting.timeoutWarning')" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.warningTime }}{{ $t('repairSetting.timeoutWarningUnit') }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="createTime" :label="$t('repairSetting.createTime')" align="center" />
+        <el-table-column :label="$t('repairSetting.operation')" align="center" width="300">
+          <template slot-scope="scope">
+            <el-button size="mini" @click="openEditDialog(scope.row)">
+              {{ $t('repairSetting.edit') }}
+            </el-button>
+            <el-button size="mini" @click="bindRepairMaster(scope.row)">
+              {{ $t('repairSetting.bindRepairMaster') }}
+            </el-button>
+            <el-button size="mini" type="danger" @click="openDeleteDialog(scope.row)">
+              {{ $t('repairSetting.delete') }}
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <!-- 分页和说明 -->
+      <el-row :gutter="20" class="margin-top-xs">
+        <el-col :span="18">
+          <div class="explanation-section">
+            <p><strong>{{ $t('repairSetting.dispatchExplanation') }}</strong></p>
+            <p>{{ $t('repairSetting.dispatchPoint1') }}</p>
+            <p>{{ $t('repairSetting.dispatchPoint2') }}</p>
+            <p>{{ $t('repairSetting.dispatchPoint3') }}</p>
+            <p><strong>{{ $t('repairSetting.areaExplanation') }}</strong></p>
+            <p>{{ $t('repairSetting.areaPoint1') }}</p>
+            <p>{{ $t('repairSetting.areaPoint2') }}</p>
+          </div>
+        </el-col>
+        <el-col :span="6">
+          <el-pagination background :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="handleCurrentChange" />
+        </el-col>
+      </el-row>
+    </el-card>
+
+    <!-- 子组件 -->
+    <add-repair-setting ref="addDialog" @success="fetchData" />
+    <edit-repair-setting ref="editDialog" @success="fetchData" />
+    <delete-repair-setting ref="deleteDialog" @success="fetchData" />
+  </div>
+</template>
+
+<script>
+import { listRepairSettings } from '@/api/work/repairSettingApi'
+import AddRepairSetting from '@/components/work/AddRepairSetting'
+import EditRepairSetting from '@/components/work/EditRepairSetting'
+import DeleteRepairSetting from '@/components/work/DeleteRepairSetting'
+import {getDict} from '@/api/community/communityApi'
+
+export default {
+  name: 'RepairSettingList',
+  components: {
+    AddRepairSetting,
+    EditRepairSetting,
+    DeleteRepairSetting
+  },
+  data() {
+    return {
+      loading: false,
+      searchForm: {
+        repairTypeName: '',
+        repairWay: '',
+        repairSettingType: '',
+        publicArea: '',
+        returnVisitFlag: ''
+      },
+      tableData: [],
+      repairWays: [],
+      repairSettingTypes: [],
+      publicAreas: [],
+      returnVisitFlags: [],
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this.fetchData()
+    this.loadDictData()
+  },
+  methods: {
+    async fetchData() {
+      this.loading = true
+      try {
+        const params = {
+          page: this.pagination.current,
+          row: this.pagination.size,
+          ...this.searchForm
+        }
+
+        const { data, records } = await listRepairSettings(params)
+        this.tableData = data
+        this.pagination.total = records
+      } catch (error) {
+        console.error('获取报修设置列表失败:', error)
+        this.$message.error(this.$t('common.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+
+    async loadDictData() {
+      try {
+        this.repairWays = await getDict('r_repair_setting', 'repair_way')
+        this.repairSettingTypes = await getDict('r_repair_setting', 'repair_setting_type')
+        this.publicAreas = await getDict('r_repair_setting', 'public_area')
+        this.returnVisitFlags = await getDict('r_repair_setting', 'return_visit_flag')
+      } catch (error) {
+        console.error('加载字典数据失败:', error)
+      }
+    },
+
+    handleSearch() {
+      this.pagination.current = 1
+      this.fetchData()
+    },
+
+    handleReset() {
+      this.searchForm = {
+        repairTypeName: '',
+        repairWay: '',
+        repairSettingType: '',
+        publicArea: '',
+        returnVisitFlag: ''
+      }
+      this.handleSearch()
+    },
+
+    handleSizeChange(size) {
+      this.pagination.size = size
+      this.fetchData()
+    },
+
+    handleCurrentChange(current) {
+      this.pagination.current = current
+      this.fetchData()
+    },
+
+    openAddDialog() {
+      this.$refs.addDialog.open()
+    },
+
+    openEditDialog(row) {
+      this.$refs.editDialog.open(row)
+    },
+
+    openDeleteDialog(row) {
+      this.$refs.deleteDialog.open(row)
+    },
+
+    bindRepairMaster(row) {
+      // 跳转到绑定维修师傅页面
+      this.$router.push({
+        path: '/views/work/repairTypeUser',
+        query: {
+          settingId: row.settingId,
+          repairType: row.repairType,
+          repairTypeName: row.repairTypeName
+        }
+      })
+    },
+
+    showDocumentation() {
+      // 显示文档逻辑
+      console.log('Show documentation')
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.repair-setting-container {
+  padding: 20px;
+
+  .search-card {
+    margin-bottom: 20px;
+  }
+
+  .list-card {
+    margin-bottom: 20px;
+  }
+
+  .margin-top-xs {
+    margin-top: 20px;
+  }
+
+  .explanation-section {
+    background-color: #f8f9fa;
+    padding: 15px;
+    border-radius: 4px;
+    font-size: 14px;
+    line-height: 1.6;
+
+    p {
+      margin-bottom: 8px;
+    }
+  }
+}
+</style>
 \ No newline at end of file
+export const messages = {
+  en: {
+    repairTypeUser: {
+      title: 'Repair Master',
+      repairMasterId: 'Repair Master ID',
+      masterName: 'Master Name',
+      repairType: 'Repair Type',
+      status: 'Status',
+      description: 'Description',
+      createTime: 'Create Time',
+      operation: 'Operation',
+      repairTypeRequired: 'Repair type is required'
+    },
+    selectStaff: {
+      title: 'Select Staff',
+      orgInfo: 'Organization Information',
+      staffInfo: 'Staff Information',
+      selectStaffFirst: 'Please select a staff first'
+    },
+    deleteRepairTypeUser: {
+      title: 'Confirm Operation',
+      confirmDelete: 'Are you sure to delete this repair master?'
+    },
+    editRepairTypeUser: {
+      title: 'Modify Repair Master',
+      status: 'Status',
+      description: 'Description',
+      online: 'Online',
+      offline: 'Offline',
+      descriptionPlaceholder: 'Optional, please enter description',
+      statusRequired: 'Status is required'
+    }
+  },
+  zh: {
+    repairTypeUser: {
+      title: '报修师傅',
+      repairMasterId: '维修师傅ID',
+      masterName: '师傅名称',
+      repairType: '报修类型',
+      status: '状态',
+      description: '说明',
+      createTime: '创建时间',
+      operation: '操作',
+      repairTypeRequired: '未包含报修类型'
+    },
+    selectStaff: {
+      title: '选择员工',
+      orgInfo: '组织信息',
+      staffInfo: '员工信息',
+      selectStaffFirst: '请先选择员工'
+    },
+    deleteRepairTypeUser: {
+      title: '请确认您的操作',
+      confirmDelete: '确定删除报修师傅?'
+    },
+    editRepairTypeUser: {
+      title: '变更报修师傅',
+      status: '状态',
+      description: '说明',
+      online: '在线',
+      offline: '离线',
+      descriptionPlaceholder: '选填，请填写说明',
+      statusRequired: '状态不能为空'
+    }
+  }
+}
 \ No newline at end of file
+<template>
+  <div>
+    <el-row>
+      <el-col :span="24">
+        <el-card class="box-card">
+          <div slot="header" class="clearfix">
+            <h5>{{ $t('repairTypeUser.title') }}</h5>
+            <div class="ibox-tools" style="top:10px;">
+              <el-button type="primary" size="small" @click="_goBack">
+                <i class="el-icon-close"></i>{{ $t('common.back') }}
+              </el-button>
+              <el-button type="primary" size="small" @click="_openAddRepairTypeUserModal">
+                <i class="el-icon-plus"></i>{{ $t('common.add') }}
+              </el-button>
+            </div>
+          </div>
+          <div class="ibox-content">
+            <el-table :data="repairTypeUserManageInfo.repairTypeUsers" style="width: 100%" border stripe>
+              <el-table-column prop="staffId" :label="$t('repairTypeUser.repairMasterId')" align="center" />
+              <el-table-column prop="staffName" :label="$t('repairTypeUser.masterName')" align="center" />
+              <el-table-column prop="repairTypeName" :label="$t('repairTypeUser.repairType')" align="center" />
+              <el-table-column prop="stateName" :label="$t('repairTypeUser.status')" align="center" />
+              <el-table-column prop="remark" :label="$t('repairTypeUser.description')" align="center" />
+              <el-table-column prop="createTime" :label="$t('repairTypeUser.createTime')" align="center" />
+              <el-table-column :label="$t('common.operation')" align="center">
+                <template slot-scope="scope">
+                  <el-button-group>
+                    <el-button size="mini" @click="_openDeleteTypeUserModel(scope.row)">
+                      {{ $t('common.delete') }}
+                    </el-button>
+                    <el-button size="mini" @click="_openEditrepairTypeUserModel(scope.row)">
+                      {{ $t('common.change') }}
+                    </el-button>
+                  </el-button-group>
+                </template>
+              </el-table-column>
+            </el-table>
+            <el-pagination :current-page="currentPage" :page-sizes="[10, 20, 30, 50]" :page-size="pageSize"
+              layout="total, sizes, prev, pager, next, jumper" :total="repairTypeUserManageInfo.total"
+              @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <SelectStaff ref="selectStaff" />
+    <DeleteRepairTypeUser ref="deleteRepairTypeUser" @success="handleDeleteSuccess" />
+    <EditRepairTypeUser ref="editRepairTypeUser" @success="handleEditSuccess" />
+  </div>
+</template>
+
+<script>
+import { listRepairTypeUsers, saveRepairTypeUser } from '@/api/work/repairTypeUserApi'
+import { getCommunityId } from '@/api/community/communityApi'
+import SelectStaff from '@/components/work/SelectStaff'
+import DeleteRepairTypeUser from '@/components/work/DeleteRepairTypeUser'
+import EditRepairTypeUser from '@/components/work/EditRepairTypeUser'
+
+export default {
+  name: 'RepairTypeUserList',
+  components: {
+    SelectStaff,
+    DeleteRepairTypeUser,
+    EditRepairTypeUser
+  },
+  data() {
+    return {
+      repairTypeUserManageInfo: {
+        repairTypeUsers: [],
+        total: 0,
+        records: 1,
+        repairType: '',
+        conditions: {
+          repairTypeName: '',
+          repairWay: '',
+          repairType: ''
+        }
+      },
+      currentPage: 1,
+      pageSize: 10
+    }
+  },
+  created() {
+    this.repairTypeUserManageInfo.repairType = this.$route.query.repairType
+    this._listRepairTypeUsers(this.currentPage, this.pageSize)
+  },
+  methods: {
+    async _listRepairTypeUsers(page, size) {
+      try {
+        const communityId = await getCommunityId()
+        const params = {
+          page: page,
+          row: size,
+          communityId: communityId,
+          repairType: this.repairTypeUserManageInfo.repairType
+        }
+
+        const response = await listRepairTypeUsers(params)
+        if (response.code === 0) {
+          this.repairTypeUserManageInfo.repairTypeUsers = response.data
+          this.repairTypeUserManageInfo.total = response.total
+        } else {
+          this.$message.error(response.msg || this.$t('common.requestFailed'))
+        }
+      } catch (error) {
+        console.error('Error fetching repair type users:', error)
+        this.$message.error(this.$t('common.requestFailed'))
+      }
+    },
+    handleSizeChange(val) {
+      this.pageSize = val
+      this._listRepairTypeUsers(this.currentPage, val)
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val
+      this._listRepairTypeUsers(val, this.pageSize)
+    },
+    _openAddRepairTypeUserModal() {
+      this.$refs.selectStaff.open({
+        call: (staff) => {
+          this.saveRepairTypeUserInfo(staff)
+        }
+      })
+    },
+    _openEditrepairTypeUserModel(row) {
+      this.$refs.editRepairTypeUser.open(row)
+    },
+    _openDeleteTypeUserModel(row) {
+      this.$refs.deleteRepairTypeUser.open(row)
+    },
+    _goBack() {
+      this.$router.go(-1)
+    },
+    async saveRepairTypeUserInfo(staff) {
+      try {
+        const communityId = await getCommunityId()
+        const data = {
+          communityId: communityId,
+          staffId: staff.staffId,
+          staffName: staff.staffName,
+          repairType: this.repairTypeUserManageInfo.repairType
+        }
+
+        const response = await saveRepairTypeUser(data)
+        if (response.code === 0) {
+          this.$message.success(this.$t('common.saveSuccess'))
+          this._listRepairTypeUsers(this.currentPage, this.pageSize)
+        } else {
+          this.$message.error(response.msg || this.$t('common.saveFailed'))
+        }
+      } catch (error) {
+        console.error('Error saving repair type user:', error)
+        this.$message.error(this.$t('common.saveFailed'))
+      }
+    },
+    handleDeleteSuccess() {
+      this._listRepairTypeUsers(this.currentPage, this.pageSize)
+    },
+    handleEditSuccess() {
+      this._listRepairTypeUsers(this.currentPage, this.pageSize)
+    }
+  }
+}
+</script>
+
+<style scoped>
+.ibox-tools {
+  position: absolute;
+  right: 15px;
+  top: 10px;
+}
+
+.clearfix {
+  position: relative;
+}
+</style>
 \ No newline at end of file