diff --git a/src/api/community/locationManageApi.js b/src/api/community/locationManageApi.js
new file mode 100644
index 0000000..39c5998
--- /dev/null
+++ b/src/api/community/locationManageApi.js
@@ -0,0 +1,211 @@
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 查询位置列表
+export function listCommunityLocations(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/communityLocation.listCommunityLocations',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 添加位置
+export function saveCommunityLocation(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/communityLocation.saveCommunityLocation',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 修改位置
+export function updateCommunityLocation(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/communityLocation.updateCommunityLocation',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除位置
+export function deleteCommunityLocation(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/communityLocation.deleteCommunityLocation',
+      method: 'post',
+      data: {
+        ...data,
+        communityId: getCommunityId()
+      }
+    }).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: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).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: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).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: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询岗亭列表
+export function listParkingBox(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/parkingBox.listParkingBox',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).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: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询组织树
+export function listOrgTree(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/org.listOrgTree',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 查询组织列表
+export function listOrgs(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/org.listOrgs',
+      method: 'get',
+      params: {
+        ...params,
+        communityId: getCommunityId()
+      }
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/api/machine/machineTypeTreeManageApi.js b/src/api/machine/machineTypeTreeManageApi.js
new file mode 100644
index 0000000..79fc467
--- /dev/null
+++ b/src/api/machine/machineTypeTreeManageApi.js
@@ -0,0 +1,65 @@
+import request from '@/utils/request'
+
+// 获取设备类型列表
+export function listMachineType(params) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/machineType.listMachineType',
+      method: 'get',
+      params
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 添加设备类型
+export function saveMachineType(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/machineType.saveMachineType',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 更新设备类型
+export function updateMachineType(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/machineType.updateMachineType',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 删除设备类型
+export function deleteMachineType(data) {
+  return new Promise((resolve, reject) => {
+    request({
+      url: '/machineType.deleteMachineType',
+      method: 'post',
+      data
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/components/community/AddLocation.vue b/src/components/community/AddLocation.vue
new file mode 100644
index 0000000..c39e5c5
--- /dev/null
+++ b/src/components/community/AddLocation.vue
@@ -0,0 +1,126 @@
+<template>
+  <el-dialog :title="$t('locationManage.add')" :visible.sync="visible" width="50%" @close="handleClose">
+    <el-form ref="form" :model="formData" label-width="120px">
+      <el-form-item :label="$t('locationManage.locationName')" prop="locationName" :rules="[
+        { required: true, message: $t('locationManage.locationNameRequired') },
+        { max: 100, message: $t('locationManage.locationNameMaxLength') }
+      ]">
+        <el-input v-model="formData.locationName" :placeholder="$t('locationManage.enterLocationName')" />
+      </el-form-item>
+
+      <el-form-item :label="$t('locationManage.locationType')" prop="locationType" :rules="[
+        { required: true, message: $t('locationManage.locationTypeRequired') }
+      ]">
+        <el-select v-model="formData.locationType" :placeholder="$t('locationManage.selectLocationType')"
+          style="width:100%" @change="handleLocationTypeChange">
+          <el-option v-for="item in locationTypeOptions" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </el-form-item>
+    </el-form>
+
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="handleSubmit">{{ $t('common.confirm') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { getCommunityId,getCommunityName } from '@/api/community/communityApi'
+import { saveCommunityLocation } from '@/api/community/locationManageApi'
+
+
+export default {
+  name: 'AddLocation',
+  components: {
+  },
+  data() {
+    return {
+      visible: false,
+      formData: {
+        locationName: '',
+        locationType: '',
+        locationObjId: '',
+        locationObjName: '',
+        communityId: getCommunityId()
+      },
+      locationTypeOptions: [
+        { value: '1000', label: this.$t('locationManage.community') },
+      ]
+    }
+  },
+  methods: {
+    open() {
+      this.visible = true
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+      this.formData = {
+        locationName: '',
+        locationType: '',
+        locationObjId: '',
+        locationObjName: '',
+        communityId: getCommunityId()
+      }
+    },
+    handleLocationTypeChange(val) {
+      console.log(val)
+      this.formData.locationObjId = ''
+      this.formData.locationObjName = ''
+    },
+    handleFloorChange(data) {
+      if (data) {
+        this.formData.locationObjId = data.floorId
+        this.formData.locationObjName = data.floorNum
+      } else {
+        this.formData.locationObjId = ''
+        this.formData.locationObjName = ''
+      }
+    },
+    handleUnitChange(data) {
+      if (data) {
+        this.formData.locationObjId = data.unitId
+        this.formData.locationObjName = `${data.floorNum}${data.unitNum}`
+      } else {
+        this.formData.locationObjId = ''
+        this.formData.locationObjName = ''
+      }
+    },
+    handleParkingBoxChange(data) {
+      if (data) {
+        this.formData.locationObjId = data.boxId
+        this.formData.locationObjName = data.boxName
+      } else {
+        this.formData.locationObjId = ''
+        this.formData.locationObjName = ''
+      }
+    },
+    handleOrgChange(data) {
+      if (data) {
+        this.formData.locationObjId = data.orgId
+        this.formData.locationObjName = data.allOrgName
+      } else {
+        this.formData.locationObjId = ''
+        this.formData.locationObjName = ''
+      }
+    },
+    async handleSubmit() {
+      try {
+        await this.$refs.form.validate()
+
+        if (this.formData.locationType === '1000') {
+          this.formData.locationObjId = getCommunityId()
+          this.formData.locationObjName = getCommunityName()
+        }
+
+        await saveCommunityLocation(this.formData)
+        this.$message.success(this.$t('common.addSuccess'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        console.error(error)
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/community/DeleteLocation.vue b/src/components/community/DeleteLocation.vue
new file mode 100644
index 0000000..ce3b83c
--- /dev/null
+++ b/src/components/community/DeleteLocation.vue
@@ -0,0 +1,54 @@
+<template>
+  <el-dialog
+    :title="$t('locationManage.confirmOperation')"
+    :visible.sync="visible"
+    width="30%"
+    @close="handleClose"
+  >
+    <div style="text-align:center">
+      <p>{{ $t('locationManage.confirmDeleteLocation') }}</p>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="handleConfirm">{{ $t('common.confirm') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { getCommunityId } from '@/api/community/communityApi'
+import { deleteCommunityLocation } from '@/api/community/locationManageApi'
+
+export default {
+  name: 'DeleteLocation',
+  data() {
+    return {
+      visible: false,
+      locationData: {}
+    }
+  },
+  methods: {
+    open(data) {
+      this.locationData = data
+      this.visible = true
+    },
+    handleClose() {
+      this.locationData = {}
+    },
+    async handleConfirm() {
+      try {
+        const params = {
+          ...this.locationData,
+          communityId: getCommunityId()
+        }
+        await deleteCommunityLocation(params)
+        this.$message.success(this.$t('common.deleteSuccess'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        this.$message.error(this.$t('common.deleteFailed'))
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/community/EditLocation.vue b/src/components/community/EditLocation.vue
new file mode 100644
index 0000000..b32873f
--- /dev/null
+++ b/src/components/community/EditLocation.vue
@@ -0,0 +1,129 @@
+<template>
+  <el-dialog :title="$t('locationManage.edit')" :visible.sync="visible" width="50%" @close="handleClose">
+    <el-form ref="form" :model="formData" label-width="120px">
+      <el-form-item :label="$t('locationManage.locationName')" prop="locationName" :rules="[
+        { required: true, message: $t('locationManage.locationNameRequired') },
+        { max: 100, message: $t('locationManage.locationNameMaxLength') }
+      ]">
+        <el-input v-model="formData.locationName" :placeholder="$t('locationManage.enterLocationName')" />
+      </el-form-item>
+
+      <el-form-item :label="$t('locationManage.locationType')" prop="locationType">
+        <el-select v-model="formData.locationType" :placeholder="$t('locationManage.selectLocationType')"
+          style="width:100%" disabled>
+          <el-option v-for="item in locationTypeOptions" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </el-form-item>
+
+      <el-form-item :label="$t('locationManage.locationObject')" prop="locationObjName">
+        <el-input v-model="formData.locationObjName" disabled />
+      </el-form-item>
+    </el-form>
+
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="handleSubmit">{{ $t('common.confirm') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { getCommunityId,getCommunityName } from '@/api/community/communityApi'
+import { updateCommunityLocation } from '@/api/community/locationManageApi'
+
+
+export default {
+  name: 'EditLocation',
+  components: {
+  },
+  data() {
+    return {
+      visible: false,
+      formData: {
+        locationId: '',
+        locationName: '',
+        locationType: '',
+        locationObjId: '',
+        locationObjName: '',
+        floorId: '',
+        unitId: '',
+        boxId: '',
+        paId: '',
+        communityId: getCommunityId()
+      },
+      locationTypeOptions: [
+        { value: '1000', label: this.$t('locationManage.community') },
+      ]
+    }
+  },
+  methods: {
+    open(row) {
+      this.formData = {
+        ...row,
+        communityId: getCommunityId()
+      }
+
+      // Set values for select components
+     
+
+      this.visible = true
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+      this.formData = {
+        locationId: '',
+        locationName: '',
+        locationType: '',
+        locationObjId: '',
+        locationObjName: '',
+        floorId: '',
+        unitId: '',
+        boxId: '',
+        paId: '',
+        communityId: getCommunityId()
+      }
+    },
+    handleFloorChange(data) {
+      if (data) {
+        this.formData.locationObjId = data.floorId
+        this.formData.locationObjName = data.floorNum + this.$t('locationManage.buildingUnit')
+      }
+    },
+    handleUnitChange(data) {
+      if (data) {
+        this.formData.locationObjId = data.unitId
+        this.formData.locationObjName = `${data.floorNum}${data.unitNum}`
+      }
+    },
+    handleParkingBoxChange(data) {
+      if (data) {
+        this.formData.locationObjId = data.boxId
+        this.formData.locationObjName = data.boxName
+      }
+    },
+    handleParkingAreaChange(data) {
+      if (data) {
+        this.formData.locationObjId = data.paId
+        this.formData.locationObjName = data.num + this.$t('locationManage.parkingLot')
+      }
+    },
+    async handleSubmit() {
+      try {
+        await this.$refs.form.validate()
+
+        if (this.formData.locationType === '1000') {
+          this.formData.locationObjId = getCommunityId()
+          this.formData.locationObjName = getCommunityName()
+        }
+
+        await updateCommunityLocation(this.formData)
+        this.$message.success(this.$t('common.editSuccess'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        console.error(error)
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/machine/addMachineType.vue b/src/components/machine/addMachineType.vue
new file mode 100644
index 0000000..b187e01
--- /dev/null
+++ b/src/components/machine/addMachineType.vue
@@ -0,0 +1,164 @@
+<template>
+  <el-dialog
+    :title="$t('machineTypeTree.add')"
+    :visible.sync="dialogVisible"
+    width="50%"
+    @close="handleClose"
+  >
+    <el-form ref="form" :model="form" :rules="rules" label-width="120px">
+      <el-form-item :label="$t('machineTypeTree.machineTypeName')" prop="machineTypeName">
+        <el-input
+          v-model.trim="form.machineTypeName"
+          :placeholder="$t('machineTypeTree.requiredPlaceholder', {field: $t('machineTypeTree.machineTypeName')})"
+        ></el-input>
+      </el-form-item>
+      <el-form-item :label="$t('machineTypeTree.machineTypeCode')" prop="machineTypeCode">
+        <el-input
+          v-model.trim="form.machineTypeCode"
+          :placeholder="$t('machineTypeTree.requiredPlaceholder', {field: $t('machineTypeTree.machineTypeCode')})"
+        ></el-input>
+      </el-form-item>
+      <el-form-item :label="$t('machineTypeTree.status')" prop="isEnable">
+        <el-radio-group v-model="form.isEnable">
+          <el-radio :label="'1000'">{{ $t('machineTypeTree.enable') }}</el-radio>
+          <el-radio :label="'2000'">{{ $t('machineTypeTree.disable') }}</el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item :label="$t('machineTypeTree.importanceLevel')" prop="importanceLevel">
+        <el-select
+          v-model="form.importanceLevel"
+          :placeholder="$t('machineTypeTree.requiredPlaceholder', {field: $t('machineTypeTree.importanceLevel')})"
+          style="width:100%"
+        >
+          <el-option
+            v-for="item in importanceLevels"
+            :key="item.statusCd"
+            :label="item.name"
+            :value="item.statusCd"
+          ></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item :label="$t('machineTypeTree.seq')" prop="seq">
+        <el-input-number
+          v-model="form.seq"
+          :placeholder="$t('machineTypeTree.requiredPlaceholder', {field: $t('machineTypeTree.seq')})"
+          controls-position="right"
+          :min="1"
+          style="width:100%"
+        ></el-input-number>
+      </el-form-item>
+      <el-form-item :label="$t('machineTypeTree.unit')">
+        <el-input
+          v-model.trim="form.unit"
+          :placeholder="$t('machineTypeTree.optionalPlaceholder', {field: $t('machineTypeTree.unit')})"
+        ></el-input>
+      </el-form-item>
+      <el-form-item :label="$t('machineTypeTree.warrantyDeadline')">
+        <el-date-picker
+          v-model="form.warrantyDeadline"
+          type="date"
+          :placeholder="$t('machineTypeTree.optionalPlaceholder', {field: $t('machineTypeTree.warrantyDeadline')})"
+          style="width:100%"
+          value-format="yyyy-MM-dd"
+        ></el-date-picker>
+      </el-form-item>
+      <el-form-item :label="$t('machineTypeTree.remark')">
+        <el-input
+          v-model.trim="form.remark"
+          type="textarea"
+          :placeholder="$t('machineTypeTree.optionalPlaceholder', {field: $t('machineTypeTree.remark')})"
+        ></el-input>
+      </el-form-item>
+    </el-form>
+    
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="dialogVisible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="handleSubmit">{{ $t('common.confirm') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { saveMachineType } from '@/api/machine/machineTypeTreeManageApi'
+import { getDict } from '@/api/community/communityApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'AddMachineType',
+  data() {
+    return {
+      dialogVisible: false,
+      form: {
+        parentTypeId: '',
+        machineTypeName: '',
+        machineTypeCode: '',
+        isEnable: '1000',
+        importanceLevel: '',
+        unit: '',
+        warrantyDeadline: '',
+        seq: 1,
+        remark: '',
+        communityId: ''
+      },
+      importanceLevels: [],
+      rules: {
+        machineTypeName: [
+          { required: true, message: this.$t('machineTypeTree.requiredMessage', {field: this.$t('machineTypeTree.machineTypeName')}), trigger: 'blur' },
+          { max: 30, message: this.$t('machineTypeTree.maxLengthMessage', {length: 30}), trigger: 'blur' }
+        ],
+        machineTypeCode: [
+          { required: true, message: this.$t('machineTypeTree.requiredMessage', {field: this.$t('machineTypeTree.machineTypeCode')}), trigger: 'blur' },
+          { max: 30, message: this.$t('machineTypeTree.maxLengthMessage', {length: 30}), trigger: 'blur' }
+        ],
+        isEnable: [
+          { required: true, message: this.$t('machineTypeTree.requiredMessage', {field: this.$t('machineTypeTree.status')}), trigger: 'change' }
+        ],
+        importanceLevel: [
+          { required: true, message: this.$t('machineTypeTree.requiredMessage', {field: this.$t('machineTypeTree.importanceLevel')}), trigger: 'change' }
+        ],
+        seq: [
+          { required: true, message: this.$t('machineTypeTree.requiredMessage', {field: this.$t('machineTypeTree.seq')}), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  created() {
+    this.form.communityId = getCommunityId()
+    this.getDictData()
+  },
+  methods: {
+    async getDictData() {
+      try {
+        const data = await getDict('machine_type', 'importance_level')
+        this.importanceLevels = data
+      } catch (error) {
+        console.error('获取字典数据失败:', error)
+      }
+    },
+    open(params) {
+      this.form.parentTypeId = params.typeId || ''
+      this.dialogVisible = true
+      this.$nextTick(() => {
+        this.$refs.form && this.$refs.form.resetFields()
+      })
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+    },
+    handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            await saveMachineType(this.form)
+            this.$message.success(this.$t('common.addSuccess'))
+            this.dialogVisible = false
+            this.$emit('success')
+          } catch (error) {
+            console.error('添加设备类型失败:', error)
+          }
+        }
+      })
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/machine/deleteMachineType.vue b/src/components/machine/deleteMachineType.vue
new file mode 100644
index 0000000..f2ab0f8
--- /dev/null
+++ b/src/components/machine/deleteMachineType.vue
@@ -0,0 +1,60 @@
+<template>
+  <el-dialog
+    :title="$t('machineTypeTree.confirmOperation')"
+    :visible.sync="dialogVisible"
+    width="30%"
+  >
+    <div class="text-center">
+      <p>{{ $t('machineTypeTree.confirmDelete') }}</p>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="dialogVisible = false">{{ $t('machineTypeTree.cancelDelete') }}</el-button>
+      <el-button type="primary" @click="handleConfirm">{{ $t('machineTypeTree.confirmDeleteBtn') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteMachineType } from '@/api/machine/machineTypeTreeManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'DeleteMachineType',
+  data() {
+    return {
+      dialogVisible: false,
+      form: {
+        typeId: '',
+        communityId: ''
+      }
+    }
+  },
+  created() {
+    this.form.communityId = getCommunityId()
+  },
+  methods: {
+    open(data) {
+      this.form.typeId = data.typeId
+      this.dialogVisible = true
+    },
+    async handleConfirm() {
+      try {
+        await deleteMachineType(this.form)
+        this.$message.success(this.$t('common.deleteSuccess'))
+        this.dialogVisible = false
+        this.$emit('success')
+      } catch (error) {
+        console.error('删除设备类型失败:', error)
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.text-center {
+  text-align: center;
+  font-size: 16px;
+  margin: 20px 0;
+}
+</style>
\ No newline at end of file
diff --git a/src/components/machine/editMachineType.vue b/src/components/machine/editMachineType.vue
new file mode 100644
index 0000000..bbeab66
--- /dev/null
+++ b/src/components/machine/editMachineType.vue
@@ -0,0 +1,171 @@
+<template>
+  <el-dialog
+    :title="$t('machineTypeTree.edit')"
+    :visible.sync="dialogVisible"
+    width="50%"
+    @close="handleClose"
+  >
+    <el-form ref="form" :model="form" :rules="rules" label-width="120px">
+      <el-form-item :label="$t('machineTypeTree.machineTypeName')" prop="machineTypeName">
+        <el-input
+          v-model.trim="form.machineTypeName"
+          :placeholder="$t('machineTypeTree.requiredPlaceholder', {field: $t('machineTypeTree.machineTypeName')})"
+        ></el-input>
+      </el-form-item>
+      <el-form-item :label="$t('machineTypeTree.machineTypeCode')" prop="machineTypeCode">
+        <el-input
+          v-model.trim="form.machineTypeCode"
+          :placeholder="$t('machineTypeTree.requiredPlaceholder', {field: $t('machineTypeTree.machineTypeCode')})"
+        ></el-input>
+      </el-form-item>
+      <el-form-item :label="$t('machineTypeTree.status')" prop="isEnable">
+        <el-radio-group v-model="form.isEnable">
+          <el-radio :label="'1000'">{{ $t('machineTypeTree.enable') }}</el-radio>
+          <el-radio :label="'2000'">{{ $t('machineTypeTree.disable') }}</el-radio>
+        </el-radio-group>
+      </el-form-item>
+      <el-form-item :label="$t('machineTypeTree.importanceLevel')" prop="importanceLevel">
+        <el-select
+          v-model="form.importanceLevel"
+          :placeholder="$t('machineTypeTree.requiredPlaceholder', {field: $t('machineTypeTree.importanceLevel')})"
+          style="width:100%"
+        >
+          <el-option
+            v-for="item in importanceLevels"
+            :key="item.statusCd"
+            :label="item.name"
+            :value="item.statusCd"
+          ></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item :label="$t('machineTypeTree.seq')" prop="seq">
+        <el-input-number
+          v-model="form.seq"
+          :placeholder="$t('machineTypeTree.requiredPlaceholder', {field: $t('machineTypeTree.seq')})"
+          controls-position="right"
+          :min="1"
+          style="width:100%"
+        ></el-input-number>
+      </el-form-item>
+      <el-form-item :label="$t('machineTypeTree.unit')">
+        <el-input
+          v-model.trim="form.unit"
+          :placeholder="$t('machineTypeTree.optionalPlaceholder', {field: $t('machineTypeTree.unit')})"
+        ></el-input>
+      </el-form-item>
+      <el-form-item :label="$t('machineTypeTree.warrantyDeadline')">
+        <el-date-picker
+          v-model="form.warrantyDeadline"
+          type="date"
+          :placeholder="$t('machineTypeTree.optionalPlaceholder', {field: $t('machineTypeTree.warrantyDeadline')})"
+          style="width:100%"
+          value-format="yyyy-MM-dd"
+        ></el-date-picker>
+      </el-form-item>
+      <el-form-item :label="$t('machineTypeTree.remark')">
+        <el-input
+          v-model.trim="form.remark"
+          type="textarea"
+          :placeholder="$t('machineTypeTree.optionalPlaceholder', {field: $t('machineTypeTree.remark')})"
+        ></el-input>
+      </el-form-item>
+    </el-form>
+    
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="dialogVisible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="handleSubmit">{{ $t('common.confirm') }}</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { updateMachineType } from '@/api/machine/machineTypeTreeManageApi'
+import { getDict } from '@/api/community/communityApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'EditMachineType',
+  data() {
+    return {
+      dialogVisible: false,
+      form: {
+        typeId: '',
+        machineTypeName: '',
+        machineTypeCode: '',
+        isEnable: '',
+        importanceLevel: '',
+        unit: '',
+        warrantyDeadline: '',
+        seq: 1,
+        remark: '',
+        communityId: ''
+      },
+      importanceLevels: [],
+      rules: {
+        machineTypeName: [
+          { required: true, message: this.$t('machineTypeTree.requiredMessage', {field: this.$t('machineTypeTree.machineTypeName')}), trigger: 'blur' },
+          { max: 30, message: this.$t('machineTypeTree.maxLengthMessage', {length: 30}), trigger: 'blur' }
+        ],
+        machineTypeCode: [
+          { required: true, message: this.$t('machineTypeTree.requiredMessage', {field: this.$t('machineTypeTree.machineTypeCode')}), trigger: 'blur' },
+          { max: 30, message: this.$t('machineTypeTree.maxLengthMessage', {length: 30}), trigger: 'blur' }
+        ],
+        isEnable: [
+          { required: true, message: this.$t('machineTypeTree.requiredMessage', {field: this.$t('machineTypeTree.status')}), trigger: 'change' }
+        ],
+        importanceLevel: [
+          { required: true, message: this.$t('machineTypeTree.requiredMessage', {field: this.$t('machineTypeTree.importanceLevel')}), trigger: 'change' }
+        ],
+        seq: [
+          { required: true, message: this.$t('machineTypeTree.requiredMessage', {field: this.$t('machineTypeTree.seq')}), trigger: 'blur' }
+        ],
+        typeId: [
+          { required: true, message: this.$t('machineTypeTree.requiredMessage', {field: 'ID'}), trigger: 'blur' },
+          { max: 30, message: this.$t('machineTypeTree.maxLengthMessage', {length: 30}), trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  created() {
+    this.form.communityId = getCommunityId()
+    this.getDictData()
+  },
+  methods: {
+    async getDictData() {
+      try {
+        const data = await getDict('machine_type', 'importance_level')
+        this.importanceLevels = data
+      } catch (error) {
+        console.error('获取字典数据失败:', error)
+      }
+    },
+    open(data) {
+      this.form = {
+        ...this.form,
+        ...data
+      }
+      this.dialogVisible = true
+      this.$nextTick(() => {
+        this.$refs.form && this.$refs.form.clearValidate()
+      })
+    },
+    handleClose() {
+      this.$refs.form.resetFields()
+    },
+    handleSubmit() {
+      this.$refs.form.validate(async valid => {
+        if (valid) {
+          try {
+            await updateMachineType(this.form)
+            this.$message.success(this.$t('common.editSuccess'))
+            this.dialogVisible = false
+            this.$emit('success')
+          } catch (error) {
+            console.error('修改设备类型失败:', error)
+          }
+        }
+      })
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/machine/machineTypeTree.vue b/src/components/machine/machineTypeTree.vue
new file mode 100644
index 0000000..559214e
--- /dev/null
+++ b/src/components/machine/machineTypeTree.vue
@@ -0,0 +1,100 @@
+<template>
+  <el-card class="tree-container">
+    <el-tree ref="machineTypeTree" :data="treeData" node-key="id" :props="defaultProps" :highlight-current="true"
+      :expand-on-click-node="false" @node-click="handleNodeClick"></el-tree>
+  </el-card>
+</template>
+
+<script>
+import { listMachineType } from '@/api/machine/machineTypeTreeManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'MachineTypeTree',
+  props: {
+    state: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      treeData: [],
+      defaultProps: {
+        children: 'children',
+        label: 'text'
+      },
+      communityId: ''
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this.loadMachineTypesTree()
+  },
+  methods: {
+    async loadMachineTypesTree() {
+      try {
+        const params = {
+          page: 1,
+          row: 100,
+          communityId: this.communityId,
+          state: this.state
+        }
+        const { data } = await listMachineType(params)
+        this.treeData = this.buildTree(data)
+      } catch (error) {
+        console.error('加载设备类型树失败:', error)
+      }
+    },
+    buildTree(data) {
+      const result = []
+      const map = {}
+
+      if (!Array.isArray(data)) {
+        return result
+      }
+
+      data.forEach(item => {
+        map[item.typeId] = {
+          id: item.typeId,
+          typeId: item.typeId,
+          parentTypeId: item.parentTypeId,
+          text: item.machineTypeName,
+          children: []
+        }
+      })
+
+      data.forEach(item => {
+        const parent = map[item.parentTypeId]
+        if (parent) {
+          parent.children.push(map[item.typeId])
+        } else {
+          result.push(map[item.typeId])
+        }
+      })
+
+      return result
+    },
+    handleNodeClick(data) {
+      this.$emit('switchType', {
+        typeId: data.typeId,
+        typeName: data.text
+      })
+    },
+    refreshTree() {
+      this.loadMachineTypesTree()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.tree-container {
+  height: 100%;
+
+  .el-tree {
+    height: 100%;
+    overflow: auto;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/i18n/index.js b/src/i18n/index.js
index ddb1f92..4140dfc 100644
--- a/src/i18n/index.js
+++ b/src/i18n/index.js
@@ -197,7 +197,8 @@ import { messages as assetInventoryManageMessages } from '../views/resource/asse
 import { messages as myResourceStoreManageMessages } from '../views/resource/myResourceStoreManageLang'
 import { messages as allocationUserStorehouseManageMessages } from '../views/resource/allocationUserStorehouseManageLang'
 import { messages as resourceStoreUseRecordManageMessages } from '../views/resource/resourceStoreUseRecordManageLang'
-
+import { messages as locationManageMessages } from '../views/community/locationManageLang'
+import { messages as machineTypeTreeManageMessages } from '../views/machine/machineTypeTreeManageLang'
 Vue.use(VueI18n)
 
 // 合并所有语言配置
@@ -398,6 +399,8 @@ const messages = {
     ...myResourceStoreManageMessages.en,
     ...allocationUserStorehouseManageMessages.en,
     ...resourceStoreUseRecordManageMessages.en,
+    ...locationManageMessages.en,
+    ...machineTypeTreeManageMessages.en,
   },
   zh: {
     ...loginMessages.zh,
@@ -595,6 +598,8 @@ const messages = {
      ...myResourceStoreManageMessages.zh,
      ...allocationUserStorehouseManageMessages.zh,
      ...resourceStoreUseRecordManageMessages.zh,
+     ...locationManageMessages.zh,
+     ...machineTypeTreeManageMessages.zh,
   }
 }
 
diff --git a/src/router/index.js b/src/router/index.js
index 1a9f016..9d7c3e0 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -976,6 +976,16 @@ const routes = [
         name: '/pages/common/resourceStoreUseRecordManage',
         component: () => import('@/views/resource/resourceStoreUseRecordManageList.vue')
       },
+      {
+        path:'/pages/property/locationManage',
+        name:'/pages/property/locationManage',
+        component: () => import('@/views/community/locationManageList.vue')
+        },
+        {
+          path:'/pages/property/machineTypeTreeManage',
+          name:'/pages/property/machineTypeTreeManage',
+          component: () => import('@/views/machine/machineTypeTreeManageList.vue')
+          },
       // 其他子路由可以在这里添加
     ]
   },
diff --git a/src/views/community/locationManageLang.js b/src/views/community/locationManageLang.js
new file mode 100644
index 0000000..5cf150f
--- /dev/null
+++ b/src/views/community/locationManageLang.js
@@ -0,0 +1,102 @@
+export const messages = {
+  en: {
+    locationManage: {
+      queryCondition: 'Query Conditions',
+      deviceLocation: 'Device Location',
+      enterLocationCode: 'Enter location code',
+      enterLocationName: 'Enter location name',
+      selectLocationType: 'Select location type',
+      locationCode: 'Location Code',
+      locationName: 'Location Name',
+      locationType: 'Location Type',
+      locationObject: 'Location Object',
+      operation: 'Operation',
+      add: 'Add',
+      edit: 'Edit',
+      delete: 'Delete',
+      confirmOperation: 'Please confirm your operation',
+      confirmDeleteLocation: 'Confirm to delete this location?',
+      selectBuilding: 'Select building',
+      selectUnit: 'Select unit',
+      selectRoom: 'Select room',
+      selectGuardBox: 'Select guard box',
+      selectParkingArea: 'Select parking area',
+      selectCompany: 'Select company',
+      selectDepartment: 'Select department',
+      selectOrg: 'Select organization',
+      selectOrgRequired: 'Please select related organization',
+      selectOrgFirst: 'Please select an organization first',
+      belongBuilding: 'Belong Building',
+      belongUnit: 'Belong Unit',
+      belongGuardBox: 'Belong Guard Box',
+      belongDepartment: 'Belong Department',
+      modifyBuilding: 'Modify Building',
+      modifyUnit: 'Modify Unit',
+      modifyGuardBox: 'Modify Guard Box',
+      modifyParkingLot: 'Modify Parking Lot',
+      community: 'Community',
+      building: 'Building',
+      unit: 'Unit',
+      room: 'Room',
+      guardBox: 'Guard Box',
+      department: 'Department',
+      parkingLot: 'Parking Lot',
+      buildingUnit: 'Building',
+      noOwner: 'No Owner',
+      locationNameRequired: 'Location name is required',
+      locationNameMaxLength: 'Location name cannot exceed 100 characters',
+      locationTypeRequired: 'Location type is required',
+      fetchError: 'Failed to fetch location data'
+    }
+  },
+  zh: {
+    locationManage: {
+      queryCondition: '查询条件',
+      deviceLocation: '设备位置',
+      enterLocationCode: '请输入位置编码',
+      enterLocationName: '请输入位置名称',
+      selectLocationType: '请选择位置类型',
+      locationCode: '位置编码',
+      locationName: '位置名称',
+      locationType: '位置类型',
+      locationObject: '位置对象',
+      operation: '操作',
+      add: '添加',
+      edit: '修改',
+      delete: '删除',
+      confirmOperation: '请确认您的操作',
+      confirmDeleteLocation: '确定删除该位置管理?',
+      selectBuilding: '请选择楼栋',
+      selectUnit: '请选择单元',
+      selectRoom: '请选择房屋',
+      selectGuardBox: '请选择岗亭',
+      selectParkingArea: '请选择停车场',
+      selectCompany: '请选择公司',
+      selectDepartment: '选择部门',
+      selectOrg: '选择组织',
+      selectOrgRequired: '必填，请填写关联组织',
+      selectOrgFirst: '请先选择组织',
+      belongBuilding: '归属楼栋',
+      belongUnit: '归属单元',
+      belongGuardBox: '归属岗亭',
+      belongDepartment: '归属部门',
+      modifyBuilding: '修改楼栋',
+      modifyUnit: '修改单元',
+      modifyGuardBox: '修改岗亭',
+      modifyParkingLot: '修改停车场',
+      community: '小区',
+      building: '楼栋',
+      unit: '单元',
+      room: '房屋',
+      guardBox: '岗亭',
+      department: '部门',
+      parkingLot: '停车场',
+      buildingUnit: '号楼',
+      noOwner: '无业主',
+      locationNameRequired: '位置名称不能为空',
+      locationNameMaxLength: '位置名称不能超过100位',
+      locationTypeRequired: '位置类型不能为空',
+      fetchError: '获取位置数据失败'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/community/locationManageList.vue b/src/views/community/locationManageList.vue
new file mode 100644
index 0000000..dd81336
--- /dev/null
+++ b/src/views/community/locationManageList.vue
@@ -0,0 +1,188 @@
+<template>
+  <div class="location-manage-container">
+    <el-row>
+      <el-col :span="24">
+        <el-card class="box-card">
+          <div slot="header" class="flex justify-between">
+            <span>{{ $t('locationManage.queryCondition') }}</span>
+          </div>
+          <el-row :gutter="20">
+            <el-col :span="6">
+              <el-input v-model="locationManageInfo.conditions.locationId"
+                :placeholder="$t('locationManage.enterLocationCode')" clearable />
+            </el-col>
+            <el-col :span="8">
+              <el-input v-model="locationManageInfo.conditions.locationName"
+                :placeholder="$t('locationManage.enterLocationName')" clearable />
+            </el-col>
+            <el-col :span="6">
+              <el-select v-model="locationManageInfo.conditions.locationType"
+                :placeholder="$t('locationManage.selectLocationType')" style="width:100%" clearable>
+                <el-option v-for="item in locationTypeOptions" :key="item.value" :label="item.label"
+                  :value="item.value" />
+              </el-select>
+            </el-col>
+            <el-col :span="4">
+              <el-button type="primary" @click="_queryLocationMethod">
+                <i class="el-icon-search"></i>
+                {{ $t('common.search') }}
+              </el-button>
+              <el-button @click="_resetLocationMethod">
+                <i class="el-icon-refresh"></i>
+                {{ $t('common.reset') }}
+              </el-button>
+            </el-col>
+          </el-row>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <el-row style="margin-top:20px">
+      <el-col :span="24">
+        <el-card class="box-card">
+          <div slot="header" class="flex justify-between">
+            <span>{{ $t('locationManage.deviceLocation') }}</span>
+            <el-button type="primary" size="small" style="float:right" @click="_openAddLocationModal">
+              <i class="el-icon-plus"></i>
+              {{ $t('common.add') }}
+            </el-button>
+          </div>
+          <el-table :data="locationManageInfo.locations" border style="width:100%">
+            <el-table-column prop="locationId" :label="$t('locationManage.locationCode')" align="center" />
+            <el-table-column prop="locationName" :label="$t('locationManage.locationName')" align="center" />
+            <el-table-column prop="locationTypeName" :label="$t('locationManage.locationType')" align="center" />
+            <el-table-column prop="locationObjName" :label="$t('locationManage.locationObject')" align="center" />
+            <el-table-column :label="$t('common.operation')" align="center" width="200">
+              <template slot-scope="scope">
+                <el-button size="mini" type="primary" @click="_openEditLocationModel(scope.row)">
+                  {{ $t('common.edit') }}
+                </el-button>
+                <el-button size="mini" type="danger" @click="_openDeleteLocationModel(scope.row)">
+                  {{ $t('common.delete') }}
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          <el-pagination :current-page.sync="page.current" :page-sizes="[10, 20, 30, 50]" :page-size="page.size"
+            :total="page.total" layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange"
+            @current-change="handleCurrentChange" />
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <add-location ref="addLocation" @success="handleSuccess" />
+    <edit-location ref="editLocation" @success="handleSuccess" />
+    <delete-location ref="deleteLocation" @success="handleSuccess" />
+  </div>
+</template>
+
+<script>
+import { getCommunityId } from '@/api/community/communityApi'
+import { listCommunityLocations } from '@/api/community/locationManageApi'
+import AddLocation from '@/components/community/AddLocation'
+import EditLocation from '@/components/community/EditLocation'
+import DeleteLocation from '@/components/community/DeleteLocation'
+
+export default {
+  name: 'LocationManageList',
+  components: {
+    AddLocation,
+    EditLocation,
+    DeleteLocation
+  },
+  data() {
+    return {
+      locationManageInfo: {
+        locations: [],
+        conditions: {
+          locationId: '',
+          locationName: '',
+          locationType: '',
+          communityId: ''
+        }
+      },
+      locationTypeOptions: [
+        { value: '1000', label: this.$t('locationManage.community') },
+        { value: '6000', label: this.$t('locationManage.building') },
+        { value: '2000', label: this.$t('locationManage.unit') },
+        { value: '3000', label: this.$t('locationManage.room') },
+        { value: '4000', label: this.$t('locationManage.guardBox') },
+        { value: '5000', label: this.$t('locationManage.department') }
+      ],
+      page: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  created() {
+    this._listLocations(this.page.current, this.page.size)
+  },
+  methods: {
+    async _listLocations(page, size) {
+      try {
+        this.locationManageInfo.conditions.communityId = getCommunityId()
+        const params = {
+          page: page,
+          row: size,
+          ...this.locationManageInfo.conditions
+        }
+        const { data, total } = await listCommunityLocations(params)
+        this.locationManageInfo.locations = data
+        this.page.total = total
+      } catch (error) {
+        this.$message.error(this.$t('locationManage.fetchError'))
+      }
+    },
+    _openAddLocationModal() {
+      this.$refs.addLocation.open()
+    },
+    _openEditLocationModel(row) {
+      this.$refs.editLocation.open(row)
+    },
+    _openDeleteLocationModel(row) {
+      this.$refs.deleteLocation.open(row)
+    },
+    _queryLocationMethod() {
+      this.page.current = 1
+      this._listLocations(this.page.current, this.page.size)
+    },
+    _resetLocationMethod() {
+      this.locationManageInfo.conditions = {
+        locationId: '',
+        locationName: '',
+        locationType: '',
+        communityId: getCommunityId()
+      }
+      this._listLocations(this.page.current, this.page.size)
+    },
+    handleSuccess() {
+      this._listLocations(this.page.current, this.page.size)
+    },
+    handleSizeChange(val) {
+      this.page.size = val
+      this._listLocations(this.page.current, this.page.size)
+    },
+    handleCurrentChange(val) {
+      this.page.current = val
+      this._listLocations(this.page.current, this.page.size)
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.location-manage-container {
+  padding: 20px;
+
+  .box-card {
+    margin-bottom: 20px;
+  }
+
+  .el-pagination {
+    margin-top: 20px;
+    text-align: right;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/machine/machineTypeTreeManageLang.js b/src/views/machine/machineTypeTreeManageLang.js
new file mode 100644
index 0000000..6096e65
--- /dev/null
+++ b/src/views/machine/machineTypeTreeManageLang.js
@@ -0,0 +1,58 @@
+export const messages = {
+  en: {
+    machineTypeTree: {
+      addParent: 'Add Parent Category',
+      addChild: 'Add Child Category',
+      edit: 'Edit',
+      delete: 'Delete',
+      detail: 'Details',
+      machineTypeName: 'Equipment Type Name',
+      machineTypeCode: 'Category Code',
+      status: 'Status',
+      enable: 'Enable',
+      disable: 'Disable',
+      importanceLevel: 'Importance Level',
+      seq: 'Sort Value',
+      unit: 'Unit',
+      warrantyDeadline: 'Warranty Deadline',
+      remark: 'Remark',
+      requiredPlaceholder: 'Required, please enter {field}',
+      optionalPlaceholder: 'Optional, please enter {field}',
+      requiredMessage: '{field} is required',
+      maxLengthMessage: 'Cannot exceed {length} characters',
+      selectTypeFirst: 'Please select equipment category first',
+      confirmOperation: 'Please confirm your operation',
+      confirmDelete: 'Confirm to delete equipment type?',
+      cancelDelete: 'Cancel',
+      confirmDeleteBtn: 'Confirm Delete'
+    }
+  },
+  zh: {
+    machineTypeTree: {
+      addParent: '添加一级分类',
+      addChild: '添加子级分类',
+      edit: '修改',
+      delete: '删除',
+      detail: '详情',
+      machineTypeName: '设备类型名称',
+      machineTypeCode: '分类编码',
+      status: '启用状态',
+      enable: '启用',
+      disable: '停用',
+      importanceLevel: '重要等级',
+      seq: '排序值',
+      unit: '单位',
+      warrantyDeadline: '保修截止日期',
+      remark: '备注',
+      requiredPlaceholder: '必填，请填写{field}',
+      optionalPlaceholder: '选填，请填写{field}',
+      requiredMessage: '{field}不能为空',
+      maxLengthMessage: '{field}不能超过{length}个字符',
+      selectTypeFirst: '请先选择设备分类',
+      confirmOperation: '请确认您的操作',
+      confirmDelete: '确定删除设备类型?',
+      cancelDelete: '点错了',
+      confirmDeleteBtn: '确认删除'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/machine/machineTypeTreeManageList.vue b/src/views/machine/machineTypeTreeManageList.vue
new file mode 100644
index 0000000..42a4886
--- /dev/null
+++ b/src/views/machine/machineTypeTreeManageList.vue
@@ -0,0 +1,174 @@
+<template>
+  <div class="machine-type-tree-manage-container">
+    <div class="box-card">
+
+      <el-row :gutter="20">
+        <el-col :span="4" style="padding-right:0">
+          <div  class="">
+            <el-button-group>
+              <el-button type="primary" size="small" @click="openAddParentMachineTypeModal">
+                <i class="el-icon-plus"></i>{{ $t('machineTypeTree.addParent') }}
+              </el-button>
+              <el-button type="primary" size="small" @click="openAddMachineTypeModal">
+                <i class="el-icon-plus"></i>{{ $t('machineTypeTree.addChild') }}
+              </el-button>
+              <el-button type="primary" size="small" @click="openEditMachineTypeModel">
+                <i class="el-icon-edit"></i>{{ $t('machineTypeTree.edit') }}
+              </el-button>
+              <el-button type="primary" size="small" @click="openDeleteMachineTypeModel">
+                <i class="el-icon-delete"></i>{{ $t('machineTypeTree.delete') }}
+              </el-button>
+            </el-button-group>
+          </div>
+          <div>
+            <machine-type-tree ref="machineTypeTree" @switchType="handleSwitchType"></machine-type-tree>
+          </div>
+        </el-col>
+        <el-col :span="20">
+          <el-card class="box-card">
+            <div slot="header" class="clearfix">
+              <h3>{{ $t('machineTypeTree.detail') }}</h3>
+            </div>
+            <div class="detail-content">
+              <el-form label-width="120px">
+                <el-form-item :label="$t('machineTypeTree.machineTypeName')">
+                  <span>{{ machineTypeInfo.machineTypeName }}</span>
+                </el-form-item>
+                <el-form-item :label="$t('machineTypeTree.machineTypeCode')">
+                  <span>{{ machineTypeInfo.machineTypeCode }}</span>
+                </el-form-item>
+                <el-form-item :label="$t('machineTypeTree.status')">
+                  <el-radio-group v-model="machineTypeInfo.isEnable" disabled>
+                    <el-radio :label="'1000'">{{ $t('machineTypeTree.enable') }}</el-radio>
+                    <el-radio :label="'2000'">{{ $t('machineTypeTree.disable') }}</el-radio>
+                  </el-radio-group>
+                </el-form-item>
+                <el-form-item :label="$t('machineTypeTree.importanceLevel')">
+                  <template v-for="(item, index) in importanceLevels">
+                    <span v-if="machineTypeInfo.importanceLevel == item.statusCd" :key="index">
+                      {{ item.name }}
+                    </span>
+                  </template>
+                </el-form-item>
+                <el-form-item :label="$t('machineTypeTree.seq')">
+                  <span>{{ machineTypeInfo.seq }}</span>
+                </el-form-item>
+                <el-form-item :label="$t('machineTypeTree.unit')">
+                  <span>{{ machineTypeInfo.unit }}</span>
+                </el-form-item>
+                <el-form-item :label="$t('machineTypeTree.warrantyDeadline')">
+                  <span>{{ machineTypeInfo.warrantyDeadline }}</span>
+                </el-form-item>
+                <el-form-item :label="$t('machineTypeTree.remark')">
+                  <span>{{ machineTypeInfo.remark }}</span>
+                </el-form-item>
+              </el-form>
+            </div>
+          </el-card>
+        </el-col>
+      </el-row>
+    </div>
+
+    <add-machine-type ref="addMachineType" @success="handleSuccess"></add-machine-type>
+    <edit-machine-type ref="editMachineType" @success="handleSuccess"></edit-machine-type>
+    <delete-machine-type ref="deleteMachineType" @success="handleSuccess"></delete-machine-type>
+  </div>
+</template>
+
+<script>
+import { getDict } from '@/api/community/communityApi'
+import { getCommunityId } from '@/api/community/communityApi'
+import MachineTypeTree from '@/components/machine/machineTypeTree'
+import AddMachineType from '@/components/machine/addMachineType'
+import EditMachineType from '@/components/machine/editMachineType'
+import DeleteMachineType from '@/components/machine/deleteMachineType'
+
+export default {
+  name: 'MachineTypeTreeManageList',
+  components: {
+    MachineTypeTree,
+    AddMachineType,
+    EditMachineType,
+    DeleteMachineType
+  },
+  data() {
+    return {
+      machineTypeInfo: {},
+      importanceLevels: [],
+      currentTypeId: '',
+      communityId: ''
+    }
+  },
+  created() {
+    this.communityId = getCommunityId()
+    this.getDictData()
+  },
+  methods: {
+    async getDictData() {
+      try {
+        const data = await getDict('machine_type', 'importance_level')
+        this.importanceLevels = data
+      } catch (error) {
+        console.error('获取字典数据失败:', error)
+      }
+    },
+    handleSwitchType(data) {
+      this.currentTypeId = data.typeId
+      this.machineTypeInfo = {
+        ...this.machineTypeInfo,
+        ...data
+      }
+    },
+    openAddParentMachineTypeModal() {
+      this.$refs.addMachineType.open({})
+    },
+    openAddMachineTypeModal() {
+      if (!this.currentTypeId) {
+        this.$message.warning(this.$t('machineTypeTree.selectTypeFirst'))
+        return
+      }
+      this.$refs.addMachineType.open({ typeId: this.currentTypeId })
+    },
+    openEditMachineTypeModel() {
+      if (!this.currentTypeId) {
+        this.$message.warning(this.$t('machineTypeTree.selectTypeFirst'))
+        return
+      }
+      this.$refs.editMachineType.open(this.machineTypeInfo)
+    },
+    openDeleteMachineTypeModel() {
+      if (!this.currentTypeId) {
+        this.$message.warning(this.$t('machineTypeTree.selectTypeFirst'))
+        return
+      }
+      this.$refs.deleteMachineType.open(this.machineTypeInfo)
+    },
+    handleSuccess() {
+      this.$refs.machineTypeTree.refreshTree()
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.machine-type-tree-manage-container {
+  padding: 20px;
+
+  .box-card {
+    margin-bottom: 20px;
+  }
+
+  .detail-content {
+    padding: 20px;
+
+    span {
+      line-height: 40px;
+    }
+  }
+
+  .el-row {
+    width: 100%;
+  }
+
+}
+</style>
\ No newline at end of file