diff --git a/src/api/car/listParkingSpaceApi.js b/src/api/car/listParkingSpaceApi.js
new file mode 100644
index 0000000..24643ed
--- /dev/null
+++ b/src/api/car/listParkingSpaceApi.js
@@ -0,0 +1,121 @@
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 查询停车位列表
+export function listParkingSpaces(params) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/parkingSpace.queryParkingSpaces',
+      method: 'get',
+      params: { ...params, communityId }
+    }).then(response => {
+      const res = response.data
+
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 添加停车位
+export function saveParkingSpace(data) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/parkingSpace.saveParkingSpace',
+      method: 'post',
+      data: { ...data, 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 editParkingSpace(data) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/parkingSpace.editParkingSpace',
+      method: 'post',
+      data: { ...data, 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 deleteParkingSpace(data) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/parkingSpace.deleteParkingSpace',
+      method: 'post',
+      data: { ...data, 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 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)
+    })
+  })
+}
+
+// 批量添加停车位
+export function batchSaveParkingSpace(data) {
+  return new Promise((resolve, reject) => {
+    const communityId = getCommunityId()
+    request({
+      url: '/parkingSpace.batchSaveParkingSpace',
+      method: 'post',
+      data: { ...data, communityId }
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '批量添加停车位失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/api/car/parkingAreaManageApi.js b/src/api/car/parkingAreaManageApi.js
new file mode 100644
index 0000000..5670d97
--- /dev/null
+++ b/src/api/car/parkingAreaManageApi.js
@@ -0,0 +1,98 @@
+import request from '@/utils/request'
+import { getCommunityId } from '@/api/community/communityApi'
+
+// 获取停车场列表
+export function getParkingAreaList(params) {
+  return new Promise((resolve, reject) => {
+    const query = {
+      ...params,
+      communityId: params.communityId || getCommunityId()
+    }
+
+    request({
+      url: '/parkingArea.listParkingAreas',
+      method: 'get',
+      params: query
+    }).then(response => {
+      const res = response.data
+      resolve(res)
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
+
+// 添加停车场
+export function saveParkingArea(data) {
+  return new Promise((resolve, reject) => {
+    const params = {
+      ...data,
+      communityId: data.communityId || getCommunityId()
+    }
+
+    request({
+      url: '/parkingArea.saveParkingArea',
+      method: 'post',
+      data: 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 updateParkingArea(data) {
+  return new Promise((resolve, reject) => {
+    const params = {
+      ...data,
+      communityId: data.communityId || getCommunityId()
+    }
+
+    request({
+      url: '/parkingArea.updateParkingArea',
+      method: 'post',
+      data: 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 deleteParkingArea(data) {
+  return new Promise((resolve, reject) => {
+    const params = {
+      ...data,
+      communityId: data.communityId || getCommunityId()
+    }
+
+    request({
+      url: '/parkingArea.deleteParkingArea',
+      method: 'post',
+      data: params
+    }).then(response => {
+      const res = response.data
+      if (res.code === 0) {
+        resolve(res)
+      } else {
+        reject(new Error(res.msg || '删除停车场失败'))
+      }
+    }).catch(error => {
+      reject(error)
+    })
+  })
+}
\ No newline at end of file
diff --git a/src/components/car/addParkingArea.vue b/src/components/car/addParkingArea.vue
new file mode 100644
index 0000000..67729d4
--- /dev/null
+++ b/src/components/car/addParkingArea.vue
@@ -0,0 +1,124 @@
+<template>
+  <el-dialog :title="$t('parkingAreaManage.addTitle')" :visible.sync="visible" width="50%" @close="closeDialog">
+    <el-form ref="form" :model="addParkingAreaInfo" label-width="150px" label-position="left">
+      <el-form-item :label="$t('parkingAreaManage.parkingNum')" prop="num"
+        :rules="[{ required: true, message: $t('parkingAreaManage.numRequired'), trigger: 'blur' }]">
+        <el-input v-model.trim="addParkingAreaInfo.num" :placeholder="$t('parkingAreaManage.inputParkingNum')" />
+      </el-form-item>
+
+      <el-form-item :label="$t('parkingAreaManage.parkingType')" prop="typeCd"
+        :rules="[{ required: true, message: $t('parkingAreaManage.typeRequired'), trigger: 'change' }]">
+        <el-select v-model="addParkingAreaInfo.typeCd" :placeholder="$t('parkingAreaManage.selectParkingType')"
+          style="width: 100%">
+          <el-option v-for="item in parkingTypes" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </el-form-item>
+
+      <div v-for="(item, index) in addParkingAreaInfo.attrs" :key="index">
+        <el-form-item v-if="item.specType === '2233'" :label="item.specName" :prop="`attrs[${index}].value`"
+          :rules="item.required ? [{ required: true, message: $t('common.required'), trigger: 'blur' }] : []">
+          <el-input v-model="item.value" :placeholder="item.specHoldplace" />
+        </el-form-item>
+
+        <el-form-item v-if="item.specType === '3344'" :label="item.specName" :prop="`attrs[${index}].value`"
+          :rules="item.required ? [{ required: true, message: $t('common.required'), trigger: 'change' }] : []">
+          <el-select v-model="item.value" :placeholder="item.specHoldplace" style="width: 100%">
+            <el-option v-for="value in item.values" :key="value.value" :label="value.valueName" :value="value.value" />
+          </el-select>
+        </el-form-item>
+      </div>
+
+      <el-form-item :label="$t('parkingAreaManage.remark')">
+        <el-input v-model="addParkingAreaInfo.remark" type="textarea" :rows="3"
+          :placeholder="$t('parkingAreaManage.remarkPlaceholder')" />
+      </el-form-item>
+    </el-form>
+
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="saveParkingAreaInfo" :loading="saving">
+        {{ $t('common.save') }}
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { saveParkingArea } from '@/api/car/parkingAreaManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'AddParkingArea',
+  data() {
+    return {
+      visible: false,
+      saving: false,
+      addParkingAreaInfo: {
+        num: '',
+        typeCd: '',
+        remark: '',
+        attrs: []
+      },
+      parkingTypes: [
+        { value: '1001', label: this.$t('parkingAreaManage.aboveGround') },
+        { value: '2001', label: this.$t('parkingAreaManage.underground') }
+      ]
+    }
+  },
+  methods: {
+    open() {
+      this.visible = true
+      this.resetForm()
+      this._loadParkingAreaAttrSpec()
+    },
+
+    closeDialog() {
+      this.$refs.form.resetFields()
+    },
+
+    resetForm() {
+      this.addParkingAreaInfo = {
+        num: '',
+        typeCd: '',
+        remark: '',
+        attrs: []
+      }
+    },
+
+    async saveParkingAreaInfo() {
+      this.$refs.form.validate(async valid => {
+        if (!valid) return
+
+        try {
+          this.saving = true
+          const params = {
+            ...this.addParkingAreaInfo,
+            communityId: getCommunityId()
+          }
+
+          await saveParkingArea(params)
+          this.$message.success(this.$t('parkingAreaManage.addSuccess'))
+          this.visible = false
+          this.$emit('success')
+        } catch (error) {
+          console.error('添加停车场失败:', error)
+          this.$message.error(this.$t('parkingAreaManage.addFailed'))
+        } finally {
+          this.saving = false
+        }
+      })
+    },
+
+    async _loadParkingAreaAttrSpec() {
+      try {
+        // 实际项目中从API获取属性配置
+        // 这里使用模拟数据
+        this.addParkingAreaInfo.attrs = [
+        ]
+      } catch (error) {
+        console.error('加载停车场属性失败:', error)
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/car/addParkingSpace.vue b/src/components/car/addParkingSpace.vue
new file mode 100644
index 0000000..b07ca83
--- /dev/null
+++ b/src/components/car/addParkingSpace.vue
@@ -0,0 +1,133 @@
+<template>
+  <el-dialog :title="$t('addParkingSpace.title')" :visible.sync="visible" width="50%" @close="closeDialog">
+    <el-form :model="form" ref="form" label-width="120px">
+      <el-form-item :label="$t('addParkingSpace.parkingSpaceNum')" prop="num"
+        :rules="[{ required: true, message: $t('addParkingSpace.parkingSpaceNumPlaceholder'), trigger: 'blur' }]">
+        <el-input v-model="form.num" :placeholder="$t('addParkingSpace.parkingSpaceNumPlaceholder')"></el-input>
+      </el-form-item>
+
+      <el-form-item :label="$t('addParkingSpace.parkingLot')" prop="paId"
+        :rules="[{ required: true, message: $t('addParkingSpace.parkingLotPlaceholder'), trigger: 'change' }]">
+        <el-select v-model="form.paId" :placeholder="$t('addParkingSpace.parkingLotPlaceholder')" style="width:100%">
+          <el-option v-for="item in parkingAreas" :key="item.paId" :label="item.num" :value="item.paId"></el-option>
+        </el-select>
+      </el-form-item>
+
+      <el-form-item :label="$t('addParkingSpace.parkingSpaceType')" prop="parkingType"
+        :rules="[{ required: true, message: $t('addParkingSpace.parkingSpaceTypePlaceholder'), trigger: 'change' }]">
+        <el-select v-model="form.parkingType" :placeholder="$t('addParkingSpace.parkingSpaceTypePlaceholder')"
+          style="width:100%">
+          <el-option v-for="item in parkingTypes" :key="item.statusCd" :label="item.name"
+            :value="item.statusCd"></el-option>
+        </el-select>
+      </el-form-item>
+
+      <el-form-item :label="$t('addParkingSpace.area')" prop="area" :rules="[
+        { required: true, message: $t('addParkingSpace.areaPlaceholder'), trigger: 'blur' },
+        { pattern: /^\d+(\.\d{1,2})?$/, message: $t('addParkingSpace.areaPlaceholder'), trigger: 'blur' }
+      ]">
+        <el-input v-model="form.area" type="number" :placeholder="$t('addParkingSpace.areaPlaceholder')"></el-input>
+      </el-form-item>
+
+      <el-form-item :label="$t('addParkingSpace.remark')" prop="remark">
+        <el-input v-model="form.remark" type="textarea" :placeholder="$t('addParkingSpace.remarkPlaceholder')"></el-input>
+      </el-form-item>
+    </el-form>
+
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('addParkingSpace.cancel') }}</el-button>
+      <el-button type="primary" @click="saveParkingSpace" :loading="saving">
+        {{ $t('addParkingSpace.save') }}
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { saveParkingSpace } from '@/api/car/listParkingSpaceApi'
+import { listParkingAreas } from '@/api/car/listParkingSpaceApi'
+import { getDict } from '@/api/community/communityApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'AddParkingSpace',
+  data() {
+    return {
+      visible: false,
+      saving: false,
+      form: {
+        num: '',
+        paId: '',
+        parkingType: '1',
+        area: '1',
+        remark: '',
+        communityId: getCommunityId()
+      },
+      parkingTypes: [],
+      parkingAreas: []
+    }
+  },
+  methods: {
+    open() {
+      this.visible = true
+      this.loadParkingTypes()
+      this.loadParkingAreas()
+    },
+
+    async loadParkingTypes() {
+      try {
+        const data = await getDict('parking_space', 'parking_type')
+        this.parkingTypes = data
+      } catch (error) {
+        this.$message.error(this.$t('common.loadDictError'))
+      }
+    },
+
+    async loadParkingAreas() {
+      try {
+        const params = {
+          page: 1,
+          row: 50,
+          communityId: getCommunityId()
+        }
+        const res = await listParkingAreas(params)
+        this.parkingAreas = res.parkingAreas
+      } catch (error) {
+        this.$message.error(this.$t('common.loadError'))
+      }
+    },
+
+    async saveParkingSpace() {
+      try {
+        this.saving = true
+        await this.$refs.form.validate()
+
+        const res = await saveParkingSpace(this.form)
+        if (res.code === 0) {
+          this.$message.success(this.$t('common.saveSuccess'))
+          this.$emit('success')
+          this.visible = false
+        } else {
+          this.$message.error(res.msg || this.$t('common.saveError'))
+        }
+      } catch (error) {
+        console.error('Validation failed:', error)
+      } finally {
+        this.saving = false
+      }
+    },
+
+    closeDialog() {
+      this.$refs.form.resetFields()
+      this.form = {
+        num: '',
+        paId: '',
+        parkingType: '1',
+        area: '1',
+        remark: '',
+        communityId: getCommunityId()
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/car/batchAddParkingSpace.vue b/src/components/car/batchAddParkingSpace.vue
new file mode 100644
index 0000000..35cbb48
--- /dev/null
+++ b/src/components/car/batchAddParkingSpace.vue
@@ -0,0 +1,142 @@
+<template>
+  <el-dialog :title="$t('batchAddParkingSpace.title')" :visible.sync="visible" width="50%" @close="closeDialog">
+    <el-form :model="form" ref="form" label-width="120px">
+      <el-form-item :label="$t('batchAddParkingSpace.prefixNum')" prop="preNum">
+        <el-input v-model="form.preNum" :placeholder="$t('batchAddParkingSpace.prefixNumPlaceholder')"></el-input>
+      </el-form-item>
+
+      <el-form-item :label="$t('batchAddParkingSpace.startNum')" prop="startNum"
+        :rules="[{ required: true, message: $t('batchAddParkingSpace.startNumPlaceholder'), trigger: 'blur' }]">
+        <el-input v-model="form.startNum" type="number"
+          :placeholder="$t('batchAddParkingSpace.startNumPlaceholder')"></el-input>
+      </el-form-item>
+
+      <el-form-item :label="$t('batchAddParkingSpace.endNum')" prop="endNum"
+        :rules="[{ required: true, message: $t('batchAddParkingSpace.endNumPlaceholder'), trigger: 'blur' }]">
+        <el-input v-model="form.endNum" type="number"
+          :placeholder="$t('batchAddParkingSpace.endNumPlaceholder')"></el-input>
+      </el-form-item>
+
+      <el-form-item :label="$t('batchAddParkingSpace.parkingLot')" prop="paId"
+        :rules="[{ required: true, message: $t('batchAddParkingSpace.parkingLotPlaceholder'), trigger: 'change' }]">
+        <el-select v-model="form.paId" :placeholder="$t('batchAddParkingSpace.parkingLotPlaceholder')" style="width:100%">
+          <el-option v-for="item in parkingAreas" :key="item.paId" :label="item.num" :value="item.paId"></el-option>
+        </el-select>
+      </el-form-item>
+
+      <el-form-item :label="$t('batchAddParkingSpace.parkingSpaceType')" prop="parkingType"
+        :rules="[{ required: true, message: $t('batchAddParkingSpace.parkingSpaceTypePlaceholder'), trigger: 'change' }]">
+        <el-select v-model="form.parkingType" :placeholder="$t('batchAddParkingSpace.parkingSpaceTypePlaceholder')"
+          style="width:100%">
+          <template slot="prepend" v-for="item in parkingTypes" >
+            <el-option :label="item.name" :key="item.statusCd" :value="item.statusCd" v-if="item.statusCd !== '2'"></el-option>
+          </template>
+        </el-select>
+      </el-form-item>
+    </el-form>
+
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('batchAddParkingSpace.cancel') }}</el-button>
+      <el-button type="primary" @click="batchSaveParkingSpace" :loading="saving">
+        {{ $t('batchAddParkingSpace.save') }}
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { batchSaveParkingSpace } from '@/api/car/listParkingSpaceApi'
+import { listParkingAreas } from '@/api/car/listParkingSpaceApi'
+import { getDict } from '@/api/community/communityApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'BatchAddParkingSpace',
+  data() {
+    return {
+      visible: false,
+      saving: false,
+      form: {
+        preNum: '',
+        startNum: '',
+        endNum: '',
+        paId: '',
+        parkingType: '1',
+        area: '1',
+        communityId: getCommunityId()
+      },
+      parkingTypes: [],
+      parkingAreas: []
+    }
+  },
+  methods: {
+    open() {
+      this.visible = true
+      this.loadParkingTypes()
+      this.loadParkingAreas()
+    },
+
+    async loadParkingTypes() {
+      try {
+        const data = await getDict('parking_space', 'parking_type')
+        this.parkingTypes = data
+      } catch (error) {
+        this.$message.error(this.$t('common.loadDictError'))
+      }
+    },
+
+    async loadParkingAreas() {
+      try {
+        const params = {
+          page: 1,
+          row: 50,
+          communityId: getCommunityId()
+        }
+        const res = await listParkingAreas(params)
+        this.parkingAreas = res.parkingAreas
+      } catch (error) {
+        this.$message.error(this.$t('common.loadError'))
+      }
+    },
+
+    async batchSaveParkingSpace() {
+      try {
+        this.saving = true
+        await this.$refs.form.validate()
+
+        // 验证结束编号大于开始编号
+        if (parseInt(this.form.endNum) < parseInt(this.form.startNum)) {
+          this.$message.error(this.$t('batchAddParkingSpace.endNumPlaceholder'))
+          return
+        }
+
+        const res = await batchSaveParkingSpace(this.form)
+        if (res.code === 0) {
+          this.$message.success(this.$t('common.saveSuccess'))
+          this.$emit('success')
+          this.visible = false
+        } else {
+          this.$message.error(res.msg || this.$t('common.saveError'))
+        }
+      } catch (error) {
+        console.error('Validation failed:', error)
+      } finally {
+        this.saving = false
+      }
+    },
+
+    closeDialog() {
+      this.$refs.form.resetFields()
+      this.form = {
+        preNum: '',
+        startNum: '',
+        endNum: '',
+        paId: '',
+        parkingType: '1',
+        area: '1',
+        communityId: getCommunityId()
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/car/chooseParkingArea.vue b/src/components/car/chooseParkingArea.vue
new file mode 100644
index 0000000..e0bd704
--- /dev/null
+++ b/src/components/car/chooseParkingArea.vue
@@ -0,0 +1,135 @@
+<template>
+  <el-dialog
+    :title="$t('chooseParkingArea.title')"
+    :visible.sync="visible"
+    width="70%"
+  >
+    <el-card>
+      <div slot="header">
+        <el-row :gutter="20">
+          <el-col :span="18"></el-col>
+          <el-col :span="6">
+            <el-input-group>
+              <el-input
+                v-model="searchForm.num"
+                :placeholder="$t('chooseParkingArea.parkingLotNumPlaceholder')"
+              ></el-input>
+              <el-button 
+                slot="append" 
+                type="primary" 
+                @click="queryParkingAreas"
+              >
+                {{ $t('chooseParkingArea.query') }}
+              </el-button>
+              <el-button 
+                type="primary" 
+                @click="resetParkingAreas"
+              >
+                {{ $t('chooseParkingArea.reset') }}
+              </el-button>
+            </el-input-group>
+          </el-col>
+        </el-row>
+      </div>
+      
+      <el-table :data="parkingAreas" border>
+        <el-table-column prop="paId" :label="$t('chooseParkingArea.parkingLotId')" align="center"></el-table-column>
+        <el-table-column prop="num" :label="$t('chooseParkingArea.parkingLotNum')" align="center"></el-table-column>
+        <el-table-column prop="typeCd" :label="$t('chooseParkingArea.parkingLotType')" align="center"></el-table-column>
+        <el-table-column :label="$t('chooseParkingArea.operation')" align="center" width="120">
+          <template slot-scope="scope">
+            <el-button 
+              type="primary" 
+              size="mini"
+              @click="selectParkingArea(scope.row)"
+            >
+              {{ $t('chooseParkingArea.select') }}
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      
+      <el-pagination
+        @size-change="handleSizeChange"
+        @current-change="handlePageChange"
+        :current-page="pagination.current"
+        :page-sizes="[10, 20, 30, 50]"
+        :page-size="pagination.size"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="pagination.total"
+        style="margin-top:20px;text-align:right"
+      ></el-pagination>
+    </el-card>
+  </el-dialog>
+</template>
+
+<script>
+import { listParkingAreas } from '@/api/car/listParkingSpaceApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'ChooseParkingArea',
+  data() {
+    return {
+      visible: false,
+      searchForm: {
+        num: ''
+      },
+      parkingAreas: [],
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    }
+  },
+  methods: {
+    open() {
+      this.visible = true
+      this.loadParkingAreas()
+    },
+    
+    async loadParkingAreas() {
+      try {
+        const params = {
+          page: this.pagination.current,
+          row: this.pagination.size,
+          communityId: getCommunityId(),
+          num: this.searchForm.num
+        }
+        
+        const res = await listParkingAreas(params)
+        this.parkingAreas = res.data.parkingAreas
+        this.pagination.total = res.data.total
+      } catch (error) {
+        this.$message.error(this.$t('common.loadError'))
+      }
+    },
+    
+    selectParkingArea(row) {
+      this.$emit('choose', row)
+      this.visible = false
+    },
+    
+    queryParkingAreas() {
+      this.pagination.current = 1
+      this.loadParkingAreas()
+    },
+    
+    resetParkingAreas() {
+      this.searchForm.num = ''
+      this.queryParkingAreas()
+    },
+    
+    handlePageChange(page) {
+      this.pagination.current = page
+      this.loadParkingAreas()
+    },
+    
+    handleSizeChange(size) {
+      this.pagination.size = size
+      this.loadParkingAreas()
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/car/deleteParkingArea.vue b/src/components/car/deleteParkingArea.vue
new file mode 100644
index 0000000..432bbe3
--- /dev/null
+++ b/src/components/car/deleteParkingArea.vue
@@ -0,0 +1,66 @@
+<template>
+  <el-dialog :title="$t('parkingAreaManage.deleteTitle')" :visible.sync="visible" width="30%" center>
+    <div style="text-align: center">
+      <p>{{ $t('parkingAreaManage.deleteConfirm') }}</p>
+      <p style="font-weight: bold; color: #e6a23c; margin-top: 10px">
+        {{ deleteParkingAreaInfo.num }} ({{ parkingTypeLabel }})
+      </p>
+    </div>
+
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="danger" @click="deleteParkingArea" :loading="deleting">
+        {{ $t('common.confirm') }}
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteParkingArea } from '@/api/car/parkingAreaManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'DeleteParkingArea',
+  data() {
+    return {
+      visible: false,
+      deleting: false,
+      deleteParkingAreaInfo: {}
+    }
+  },
+  computed: {
+    parkingTypeLabel() {
+      return this.deleteParkingAreaInfo.typeCd === '1001'
+        ? this.$t('parkingAreaManage.aboveGround')
+        : this.$t('parkingAreaManage.underground')
+    }
+  },
+  methods: {
+    open(row) {
+      this.visible = true
+      this.deleteParkingAreaInfo = { ...row }
+    },
+
+    async deleteParkingArea() {
+      try {
+        this.deleting = true
+        const params = {
+          paId: this.deleteParkingAreaInfo.paId,
+          communityId: getCommunityId()
+        }
+
+        await deleteParkingArea(params)
+        this.$message.success(this.$t('parkingAreaManage.deleteSuccess'))
+        this.visible = false
+        this.$emit('success')
+      } catch (error) {
+        console.error('删除停车场失败:', error)
+        this.$message.error(this.$t('parkingAreaManage.deleteFailed'))
+      } finally {
+        this.deleting = false
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/car/deleteParkingSpace.vue b/src/components/car/deleteParkingSpace.vue
new file mode 100644
index 0000000..b977e5e
--- /dev/null
+++ b/src/components/car/deleteParkingSpace.vue
@@ -0,0 +1,59 @@
+<template>
+  <el-dialog
+    :title="$t('deleteParkingSpace.title')"
+    :visible.sync="visible"
+    width="30%"
+    center
+  >
+    <div style="text-align:center">
+      <p>{{ $t('deleteParkingSpace.confirmDelete') }}</p>
+    </div>
+    
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('deleteParkingSpace.cancel') }}</el-button>
+      <el-button type="danger" @click="confirmDelete" :loading="deleting">
+        {{ $t('deleteParkingSpace.confirm') }}
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { deleteParkingSpace } from '@/api/car/listParkingSpaceApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'DeleteParkingSpace',
+  data() {
+    return {
+      visible: false,
+      deleting: false,
+      currentParkingSpace: null
+    }
+  },
+  methods: {
+    open(row) {
+      this.currentParkingSpace = { ...row, communityId: getCommunityId() }
+      this.visible = true
+    },
+    
+    async confirmDelete() {
+      try {
+        this.deleting = true
+        const res = await deleteParkingSpace(this.currentParkingSpace)
+        if (res.code === 0) {
+          this.$message.success(this.$t('common.deleteSuccess'))
+          this.$emit('success')
+          this.visible = false
+        } else {
+          this.$message.error(res.msg || this.$t('common.deleteError'))
+        }
+      } catch (error) {
+        this.$message.error(this.$t('common.deleteError'))
+      } finally {
+        this.deleting = false
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/car/editParkingArea.vue b/src/components/car/editParkingArea.vue
new file mode 100644
index 0000000..09fd139
--- /dev/null
+++ b/src/components/car/editParkingArea.vue
@@ -0,0 +1,153 @@
+<template>
+  <el-dialog 
+    :title="$t('parkingAreaManage.editTitle')" 
+    :visible.sync="visible" 
+    width="50%"
+    @close="closeDialog"
+  >
+    <el-form ref="form" :model="editParkingAreaInfo" label-width="150px" label-position="left">
+      <el-form-item 
+        :label="$t('parkingAreaManage.parkingNum')" 
+        prop="num"
+        :rules="[{ required: true, message: $t('parkingAreaManage.numRequired'), trigger: 'blur' }]"
+      >
+        <el-input 
+          v-model.trim="editParkingAreaInfo.num" 
+          :placeholder="$t('parkingAreaManage.inputParkingNum')"
+        />
+      </el-form-item>
+      
+      <el-form-item 
+        :label="$t('parkingAreaManage.parkingType')" 
+        prop="typeCd"
+        :rules="[{ required: true, message: $t('parkingAreaManage.typeRequired'), trigger: 'change' }]"
+      >
+        <el-select 
+          v-model="editParkingAreaInfo.typeCd" 
+          :placeholder="$t('parkingAreaManage.selectParkingType')"
+          style="width: 100%"
+        >
+          <el-option 
+            v-for="item in parkingTypes" 
+            :key="item.value" 
+            :label="item.label" 
+            :value="item.value"
+          />
+        </el-select>
+      </el-form-item>
+      
+      <div v-for="(item, index) in editParkingAreaInfo.attrs" :key="index">
+        <el-form-item 
+          v-if="item.specType === '2233'" 
+          :label="item.specName"
+          :prop="`attrs[${index}].value`"
+          :rules="item.required ? [{ required: true, message: $t('common.required'), trigger: 'blur' }] : []"
+        >
+          <el-input 
+            v-model="item.value" 
+            :placeholder="item.specHoldplace"
+          />
+        </el-form-item>
+        
+        <el-form-item 
+          v-if="item.specType === '3344'" 
+          :label="item.specName"
+          :prop="`attrs[${index}].value`"
+          :rules="item.required ? [{ required: true, message: $t('common.required'), trigger: 'change' }] : []"
+        >
+          <el-select 
+            v-model="item.value" 
+            :placeholder="item.specHoldplace"
+            style="width: 100%"
+          >
+            <el-option 
+              v-for="value in item.values" 
+              :key="value.value" 
+              :label="value.valueName" 
+              :value="value.value"
+            />
+          </el-select>
+        </el-form-item>
+      </div>
+      
+      <el-form-item :label="$t('parkingAreaManage.remark')">
+        <el-input 
+          v-model="editParkingAreaInfo.remark" 
+          type="textarea" 
+          :rows="3" 
+          :placeholder="$t('parkingAreaManage.remarkPlaceholder')"
+        />
+      </el-form-item>
+    </el-form>
+    
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('common.cancel') }}</el-button>
+      <el-button type="primary" @click="editParkingArea" :loading="saving">
+        {{ $t('common.save') }}
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { updateParkingArea } from '@/api/car/parkingAreaManageApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'EditParkingArea',
+  data() {
+    return {
+      visible: false,
+      saving: false,
+      editParkingAreaInfo: {
+        paId: '',
+        num: '',
+        typeCd: '',
+        remark: '',
+        attrs: []
+      },
+      parkingTypes: [
+        { value: '1001', label: this.$t('parkingAreaManage.aboveGround') },
+        { value: '2001', label: this.$t('parkingAreaManage.underground') }
+      ]
+    }
+  },
+  methods: {
+    open(row) {
+      this.visible = true
+      this.editParkingAreaInfo = JSON.parse(JSON.stringify(row))
+      this.$nextTick(() => {
+        this.$refs.form.clearValidate()
+      })
+    },
+    
+    closeDialog() {
+      this.$refs.form.resetFields()
+    },
+    
+    async editParkingArea() {
+      this.$refs.form.validate(async valid => {
+        if (!valid) return
+        
+        try {
+          this.saving = true
+          const params = {
+            ...this.editParkingAreaInfo,
+            communityId: getCommunityId()
+          }
+          
+          await updateParkingArea(params)
+          this.$message.success(this.$t('parkingAreaManage.editSuccess'))
+          this.visible = false
+          this.$emit('success')
+        } catch (error) {
+          console.error('修改停车场失败:', error)
+          this.$message.error(this.$t('parkingAreaManage.editFailed'))
+        } finally {
+          this.saving = false
+        }
+      })
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/components/car/editParkingSpace.vue b/src/components/car/editParkingSpace.vue
new file mode 100644
index 0000000..715ff69
--- /dev/null
+++ b/src/components/car/editParkingSpace.vue
@@ -0,0 +1,175 @@
+<template>
+  <el-dialog 
+    :title="$t('editParkingSpace.title')" 
+    :visible.sync="visible"
+    width="50%"
+    @close="closeDialog"
+  >
+    <el-form :model="form" ref="form" label-width="120px">
+      <el-form-item :label="$t('editParkingSpace.parkingSpaceNum')" prop="num"
+        :rules="[{ required: true, message: $t('editParkingSpace.parkingSpaceNumPlaceholder'), trigger: 'blur' }]"
+      >
+        <el-input 
+          v-model="form.num" 
+          :placeholder="$t('editParkingSpace.parkingSpaceNumPlaceholder')"
+          :disabled="form.parkingType === '2'"
+        ></el-input>
+      </el-form-item>
+      
+      <el-form-item :label="$t('editParkingSpace.parkingLot')" prop="paId"
+        :rules="[{ required: true, message: $t('editParkingSpace.parkingLotPlaceholder'), trigger: 'change' }]"
+      >
+        <el-select 
+          v-model="form.paId" 
+          :placeholder="$t('editParkingSpace.parkingLotPlaceholder')"
+          style="width:100%"
+        >
+          <el-option 
+            v-for="item in parkingAreas" 
+            :key="item.paId"
+            :label="item.num" 
+            :value="item.paId"
+          ></el-option>
+        </el-select>
+      </el-form-item>
+      
+      <el-form-item :label="$t('editParkingSpace.parkingSpaceType')" prop="parkingType"
+        :rules="[{ required: true, message: $t('editParkingSpace.parkingSpaceTypePlaceholder'), trigger: 'change' }]"
+      >
+        <el-select 
+          v-model="form.parkingType" 
+          :placeholder="$t('editParkingSpace.parkingSpaceTypePlaceholder')"
+          style="width:100%"
+          :disabled="form.parkingType === '2'"
+        >
+          <el-option 
+            v-for="item in parkingTypes" 
+            :key="item.statusCd"
+            :label="item.name" 
+            :value="item.statusCd"
+          ></el-option>
+        </el-select>
+      </el-form-item>
+      
+      <el-form-item :label="$t('editParkingSpace.area')" prop="area"
+        :rules="[
+          { required: true, message: $t('editParkingSpace.areaPlaceholder'), trigger: 'blur' },
+          { pattern: /^\d+(\.\d{1,2})?$/, message: $t('editParkingSpace.areaPlaceholder'), trigger: 'blur' }
+        ]"
+      >
+        <el-input 
+          v-model="form.area" 
+          type="number"
+          :placeholder="$t('editParkingSpace.areaPlaceholder')"
+        ></el-input>
+      </el-form-item>
+      
+      <el-form-item :label="$t('editParkingSpace.remark')" prop="remark">
+        <el-input 
+          v-model="form.remark" 
+          type="textarea"
+          :placeholder="$t('editParkingSpace.remarkPlaceholder')"
+        ></el-input>
+      </el-form-item>
+    </el-form>
+    
+    <div slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">{{ $t('editParkingSpace.cancel') }}</el-button>
+      <el-button type="primary" @click="editParkingSpace" :loading="saving">
+        {{ $t('editParkingSpace.save') }}
+      </el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { editParkingSpace } from '@/api/car/listParkingSpaceApi'
+import { listParkingAreas } from '@/api/car/listParkingSpaceApi'
+import { getDict } from '@/api/community/communityApi'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'EditParkingSpace',
+  data() {
+    return {
+      visible: false,
+      saving: false,
+      form: {
+        psId: '',
+        num: '',
+        paId: '',
+        parkingType: '',
+        area: '',
+        remark: '',
+        communityId: getCommunityId()
+      },
+      parkingTypes: [],
+      parkingAreas: []
+    }
+  },
+  methods: {
+    open(row) {
+      this.form = { ...row, communityId: getCommunityId() }
+      this.visible = true
+      this.loadParkingTypes()
+      this.loadParkingAreas()
+    },
+    
+    async loadParkingTypes() {
+      try {
+        const data = await getDict('parking_space', 'parking_type')
+        this.parkingTypes = data
+      } catch (error) {
+        this.$message.error(this.$t('common.loadDictError'))
+      }
+    },
+    
+    async loadParkingAreas() {
+      try {
+        const params = {
+          page: 1,
+          row: 50,
+          communityId: getCommunityId()
+        }
+        const res = await listParkingAreas(params)
+        this.parkingAreas = res.parkingAreas
+      } catch (error) {
+        this.$message.error(this.$t('common.loadError'))
+      }
+    },
+    
+    async editParkingSpace() {
+      try {
+        this.saving = true
+        await this.$refs.form.validate()
+        
+        const res = await editParkingSpace(this.form)
+        if (res.code === 0) {
+          this.$message.success(this.$t('common.saveSuccess'))
+          this.$emit('success')
+          this.visible = false
+        } else {
+          this.$message.error(res.msg || this.$t('common.saveError'))
+        }
+      } catch (error) {
+        console.error('Validation failed:', error)
+      } finally {
+        this.saving = false
+      }
+    },
+    
+    closeDialog() {
+      this.$refs.form.resetFields()
+      this.form = {
+        psId: '',
+        num: '',
+        paId: '',
+        parkingType: '',
+        area: '',
+        remark: '',
+        communityId: getCommunityId()
+      }
+    }
+  }
+}
+</script>
\ No newline at end of file
diff --git a/src/i18n/commonLang.js b/src/i18n/commonLang.js
index a0659f2..2ec0b1a 100644
--- a/src/i18n/commonLang.js
+++ b/src/i18n/commonLang.js
@@ -42,6 +42,7 @@ export const messages = {
         import: 'Import',
         remark: 'Remark',
         hour:'hour',
+        more:'More',
       }
     },
     zh: {
@@ -87,6 +88,7 @@ export const messages = {
         import: '导入',
         remark: '备注',
         hour:'时',
+        more:'更多',
       }
     }
   } 
\ No newline at end of file
diff --git a/src/i18n/index.js b/src/i18n/index.js
index dbfe109..d3359f5 100644
--- a/src/i18n/index.js
+++ b/src/i18n/index.js
@@ -144,6 +144,8 @@ import { messages as invoiceApplyMessages } from '../views/fee/invoiceApplyLang'
 import { messages as ownerApplyInvoiceMessages } from '../views/fee/ownerApplyInvoiceLang'
 import { messages as invoiceApplyDetailMessages } from '../views/fee/invoiceApplyDetailLang'
 import { messages as feeConfigDetailMessages } from '../views/fee/feeConfigDetailLang'
+import { messages as parkingAreaManageMessages } from '../views/car/parkingAreaManageLang'
+import { messages as listParkingSpaceMessages } from '../views/car/listParkingSpaceLang'
 
 Vue.use(VueI18n)
 
@@ -292,6 +294,8 @@ const messages = {
     ...ownerApplyInvoiceMessages.en,
     ...invoiceApplyDetailMessages.en,
     ...feeConfigDetailMessages.en,
+    ...parkingAreaManageMessages.en,
+    ...listParkingSpaceMessages.en,
   },
   zh: {
     ...loginMessages.zh,
@@ -436,6 +440,8 @@ const messages = {
     ...ownerApplyInvoiceMessages.zh,
     ...invoiceApplyDetailMessages.zh,
     ...feeConfigDetailMessages.zh,
+    ...parkingAreaManageMessages.zh,
+    ...listParkingSpaceMessages.zh,
   }
 }
 
diff --git a/src/router/index.js b/src/router/index.js
index d21c8ed..56b533c 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -716,6 +716,16 @@ const routes = [
         name: '/views/fee/feeConfigDetail',
         component: () => import('@/views/fee/feeConfigDetailList.vue')
       },
+      {
+        path:'/pages/property/parkingAreaManage',
+        name:'/pages/property/parkingAreaManage',
+        component: () => import('@/views/car/parkingAreaManageList.vue')
+        },
+        {
+          path:'/pages/property/listParkingSpace',
+          name:'/pages/property/listParkingSpace',
+          component: () => import('@/views/car/listParkingSpaceList.vue')
+          },
       // 其他子路由可以在这里添加
     ]
   },
diff --git a/src/views/car/listParkingSpaceLang.js b/src/views/car/listParkingSpaceLang.js
new file mode 100644
index 0000000..4954f04
--- /dev/null
+++ b/src/views/car/listParkingSpaceLang.js
@@ -0,0 +1,178 @@
+export const messages = {
+  en: {
+    listParkingSpace: {
+      queryCondition: "Query Conditions",
+      parkingLotPlaceholder: "Please select parking lot",
+      select: "Select",
+      parkingSpaceNumPlaceholder: "Please enter parking space number",
+      parkingSpaceStatePlaceholder: "Required, select parking space state",
+      forSale: "For Sale",
+      forRent: "For Rent",
+      free: "Free",
+      query: "Query",
+      reset: "Reset",
+      parkingSpaceIdPlaceholder: "Please enter parking space ID",
+      parkingSpaceInfo: "Parking Space Information",
+      batchAdd: "Batch Add",
+      add: "Add",
+      parkingLot: "Parking Lot",
+      parkingSpace: "Parking Space",
+      parkingSpaceState: "Parking Space State",
+      parkingSpaceType: "Parking Space Type",
+      area: "Area",
+      createTime: "Create Time",
+      operation: "Operation",
+      modify: "Modify",
+      delete: "Delete"
+    },
+    addParkingSpace: {
+      title: "Add",
+      parkingSpaceNum: "Parking Space Number",
+      parkingSpaceNumPlaceholder: "Required, enter parking space number",
+      parkingLot: "Parking Lot",
+      parkingLotPlaceholder: "Required, select parking lot",
+      parkingSpaceType: "Parking Space Type",
+      parkingSpaceTypePlaceholder: "Required, select parking space type",
+      area: "Area",
+      areaPlaceholder: "Required, enter area, e.g. 30.09",
+      remark: "Remark",
+      remarkPlaceholder: "Optional, enter remark",
+      save: "Save",
+      cancel: "Cancel"
+    },
+    editParkingSpace: {
+      title: "Edit Parking Space",
+      parkingSpaceNum: "Parking Space Number",
+      parkingSpaceNumPlaceholder: "Required, enter parking space number",
+      parkingLot: "Parking Lot",
+      parkingLotPlaceholder: "Required, select parking lot",
+      parkingSpaceType: "Parking Space Type",
+      area: "Area",
+      areaPlaceholder: "Required, enter area, e.g. 30.09",
+      remark: "Remark",
+      remarkPlaceholder: "Optional, enter remark",
+      save: "Save",
+      cancel: "Cancel"
+    },
+    deleteParkingSpace: {
+      title: "Confirm Operation",
+      confirmDelete: "Confirm to delete?",
+      cancel: "Cancel",
+      confirm: "Confirm Delete"
+    },
+    chooseParkingArea: {
+      title: "Select Parking Lot",
+      parkingLotNumPlaceholder: "Enter parking lot number",
+      query: "Query",
+      reset: "Reset",
+      parkingLotId: "Parking Lot ID",
+      parkingLotNum: "Parking Lot Number",
+      parkingLotType: "Parking Lot Type",
+      operation: "Operation",
+      select: "Select"
+    },
+    batchAddParkingSpace: {
+      title: "Add",
+      prefixNum: "Number Prefix",
+      prefixNumPlaceholder: "Optional, prefix letters when not pure numbers, e.g. A for A12",
+      startNum: "Start Number",
+      startNumPlaceholder: "Required, enter starting number",
+      endNum: "End Number",
+      endNumPlaceholder: "Required, enter ending number",
+      parkingLot: "Parking Lot",
+      parkingLotPlaceholder: "Required, select parking lot",
+      parkingSpaceType: "Parking Space Type",
+      parkingSpaceTypePlaceholder: "Required, select parking space type",
+      save: "Save",
+      cancel: "Cancel"
+    }
+  },
+  zh: {
+    listParkingSpace: {
+      queryCondition: "查询条件",
+      parkingLotPlaceholder: "请选择停车场",
+      select: "选择",
+      parkingSpaceNumPlaceholder: "请填写车位编号",
+      parkingSpaceStatePlaceholder: "必填，请选择车位状态",
+      forSale: "出售",
+      forRent: "出租",
+      free: "空闲",
+      query: "查询",
+      reset: "重置",
+      parkingSpaceIdPlaceholder: "请填写车位ID",
+      parkingSpaceInfo: "停车位信息",
+      batchAdd: "批量添加",
+      add: "添加",
+      parkingLot: "停车场",
+      parkingSpace: "车位",
+      parkingSpaceState: "车位状态",
+      parkingSpaceType: "车位类型",
+      area: "面积",
+      createTime: "创建时间",
+      operation: "操作",
+      modify: "修改",
+      delete: "删除"
+    },
+    addParkingSpace: {
+      title: "添加",
+      parkingSpaceNum: "车位编码",
+      parkingSpaceNumPlaceholder: "必填，请填写车位编码",
+      parkingLot: "停车场",
+      parkingLotPlaceholder: "必填，请选择停车场",
+      parkingSpaceType: "车位类型",
+      parkingSpaceTypePlaceholder: "必填，请选择车位类型",
+      area: "面积",
+      areaPlaceholder: "必填，请填写面积，如30.09",
+      remark: "备注",
+      remarkPlaceholder: "可填，请填写备注",
+      save: "保存",
+      cancel: "取消"
+    },
+    editParkingSpace: {
+      title: "修改车位",
+      parkingSpaceNum: "车位编码",
+      parkingSpaceNumPlaceholder: "必填，请填写车位编码",
+      parkingLot: "停车场",
+      parkingLotPlaceholder: "必填，请选择停车场",
+      parkingSpaceType: "车位类型",
+      area: "面积",
+      areaPlaceholder: "必填，请填写面积，如30.09",
+      remark: "备注",
+      remarkPlaceholder: "可填，请填写备注",
+      save: "保存",
+      cancel: "取消"
+    },
+    deleteParkingSpace: {
+      title: "请确认您的操作",
+      confirmDelete: "确认是否删除!",
+      cancel: "点错了",
+      confirm: "确认删除"
+    },
+    chooseParkingArea: {
+      title: "选择停车场",
+      parkingLotNumPlaceholder: "输入停车场编号",
+      query: "查询",
+      reset: "重置",
+      parkingLotId: "停车场ID",
+      parkingLotNum: "停车场编号",
+      parkingLotType: "停车场类型",
+      operation: "操作",
+      select: "选择"
+    },
+    batchAddParkingSpace: {
+      title: "添加",
+      prefixNum: "编号前缀",
+      prefixNumPlaceholder: "选填，不是纯数字时前面字母 如A12 时填写A",
+      startNum: "开始编号",
+      startNumPlaceholder: "必填，请填写编码中数字部分开始编号",
+      endNum: "结束编号",
+      endNumPlaceholder: "必填，请填写编码中数字部分结束编号",
+      parkingLot: "停车场",
+      parkingLotPlaceholder: "必填，请选择停车场",
+      parkingSpaceType: "车位类型",
+      parkingSpaceTypePlaceholder: "必填，请选择车位类型",
+      save: "保存",
+      cancel: "取消"
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/car/listParkingSpaceList.vue b/src/views/car/listParkingSpaceList.vue
new file mode 100644
index 0000000..b24c7cf
--- /dev/null
+++ b/src/views/car/listParkingSpaceList.vue
@@ -0,0 +1,295 @@
+<template>
+  <div class="parking-space-container">
+    <el-row :gutter="20">
+      <el-col :span="24">
+        <el-card class="box-card">
+          <div slot="header" class=" flex justify-between">
+            <span>{{ $t('listParkingSpace.queryCondition') }}</span>
+            <div class="ibox-tools" style="">
+              <el-button type="text" @click="toggleMoreCondition">
+                {{ listParkingSpaceInfo.moreCondition ? $t('common.hide') : $t('common.more') }}
+              </el-button>
+            </div>
+          </div>
+          <div class="search-content">
+            <el-row :gutter="20">
+              <el-col :sm="4">
+                <el-input-group>
+                  <el-input v-model="listParkingSpaceInfo.conditions.areaNum"
+                    :placeholder="$t('listParkingSpace.parkingLotPlaceholder')"></el-input>
+                </el-input-group>
+              </el-col>
+              <el-col :sm="2">
+                <el-input-group>
+                  <el-button slot="append" type="primary" @click="openChooseParkingArea">
+                    <i class="el-icon-search"></i>
+                    {{ $t('listParkingSpace.select') }}
+                  </el-button>
+                </el-input-group>
+              </el-col>
+              <el-col :sm="6">
+                <el-input v-model.trim="listParkingSpaceInfo.num"
+                  :placeholder="$t('listParkingSpace.parkingSpaceNumPlaceholder')"></el-input>
+              </el-col>
+              <el-col :sm="6">
+                <el-select v-model="listParkingSpaceInfo.conditions.state"
+                  :placeholder="$t('listParkingSpace.parkingSpaceStatePlaceholder')" style="width:100%">
+                  <el-option value="" :label="$t('listParkingSpace.parkingSpaceStatePlaceholder')"></el-option>
+                  <el-option value="S" :label="$t('listParkingSpace.forSale')"></el-option>
+                  <el-option value="H" :label="$t('listParkingSpace.forRent')"></el-option>
+                  <el-option value="F" :label="$t('listParkingSpace.free')"></el-option>
+                </el-select>
+              </el-col>
+              <el-col :sm="6">
+                <el-button type="primary" @click="queryParkingSpaceMethod">
+                  <i class="el-icon-search"></i>
+                  {{ $t('listParkingSpace.query') }}
+                </el-button>
+                <el-button @click="resetParkingSpaceMethod">
+                  <i class="el-icon-refresh"></i>
+                  {{ $t('listParkingSpace.reset') }}
+                </el-button>
+              </el-col>
+            </el-row>
+
+            <el-row v-show="listParkingSpaceInfo.moreCondition" :gutter="20" style="margin-top:15px">
+              <el-col :sm="6">
+                <el-input v-model.trim="listParkingSpaceInfo.conditions.psId"
+                  :placeholder="$t('listParkingSpace.parkingSpaceIdPlaceholder')"></el-input>
+              </el-col>
+            </el-row>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <el-row :gutter="20" style="margin-top:20px">
+      <el-col :span="24">
+        <el-card class="box-card">
+          <div slot="header" class="flex justify-between">
+            <span>{{ $t('listParkingSpace.parkingSpaceInfo') }}</span>
+            <div style="float: right;">
+              <el-button type="primary" size="small" @click="openBatchAddParkingSpaceModal">
+                <i class="el-icon-plus"></i>
+                {{ $t('listParkingSpace.batchAdd') }}
+              </el-button>
+              <el-button type="primary" size="small" @click="openAddParkingSpaceModal">
+                <i class="el-icon-plus"></i>
+                {{ $t('listParkingSpace.add') }}
+              </el-button>
+            </div>
+          </div>
+
+          <el-table :data="listParkingSpaceInfo.parkingSpaces" border style="width: 100%" v-loading="loading">
+            <el-table-column prop="areaNum" :label="$t('listParkingSpace.parkingLot')" align="center"></el-table-column>
+            <el-table-column prop="num" :label="$t('listParkingSpace.parkingSpace')" align="center"></el-table-column>
+            <el-table-column :label="$t('listParkingSpace.parkingSpaceState')" align="center">
+              <template slot-scope="scope">
+                {{ viewParkingSpaceState(scope.row.state) }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="parkingTypeName" :label="$t('listParkingSpace.parkingSpaceType')"
+              align="center"></el-table-column>
+            <el-table-column prop="area" :label="$t('listParkingSpace.area')" align="center"></el-table-column>
+            <el-table-column prop="createTime" :label="$t('listParkingSpace.createTime')"
+              align="center"></el-table-column>
+            <el-table-column :label="$t('listParkingSpace.operation')" align="center" width="200">
+              <template slot-scope="scope">
+                <el-button-group>
+                  <el-button size="mini" type="primary" @click="openEditParkingSpaceModel(scope.row)">
+                    {{ $t('listParkingSpace.modify') }}
+                  </el-button>
+                  <el-button size="mini" type="danger" @click="openDelParkingSpaceModel(scope.row)">
+                    {{ $t('listParkingSpace.delete') }}
+                  </el-button>
+                </el-button-group>
+              </template>
+            </el-table-column>
+          </el-table>
+
+          <el-pagination @size-change="handleSizeChange" @current-change="handlePageChange"
+            :current-page="listParkingSpaceInfo.currentPage" :page-sizes="[10, 20, 30, 50]"
+            :page-size="listParkingSpaceInfo.pageSize" layout="total, sizes, prev, pager, next, jumper"
+            :total="listParkingSpaceInfo.total" style="margin-top:20px;text-align:right"></el-pagination>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <!-- 子组件 -->
+    <add-parking-space ref="addParkingSpace" @success="handleAddSuccess" />
+    <edit-parking-space ref="editParkingSpace" @success="handleEditSuccess" />
+    <delete-parking-space ref="deleteParkingSpace" @success="handleDeleteSuccess" />
+    <choose-parking-area ref="chooseParkingArea" @choose="handleChooseParkingArea" />
+    <batch-add-parking-space ref="batchAddParkingSpace" @success="handleBatchAddSuccess" />
+  </div>
+</template>
+
+<script>
+import { listParkingSpaces } from '@/api/car/listParkingSpaceApi'
+import { getCommunityId } from '@/api/community/communityApi'
+import AddParkingSpace from '@/components/car/addParkingSpace'
+import EditParkingSpace from '@/components/car/editParkingSpace'
+import DeleteParkingSpace from '@/components/car/deleteParkingSpace'
+import ChooseParkingArea from '@/components/car/chooseParkingArea'
+import BatchAddParkingSpace from '@/components/car/batchAddParkingSpace'
+
+export default {
+  name: 'ListParkingSpace',
+  components: {
+    AddParkingSpace,
+    EditParkingSpace,
+    DeleteParkingSpace,
+    ChooseParkingArea,
+    BatchAddParkingSpace
+  },
+  data() {
+    return {
+      loading: false,
+      listParkingSpaceInfo: {
+        parkingSpaces: [],
+        total: 0,
+        currentPage: 1,
+        pageSize: 10,
+        num: '',
+        moreCondition: false,
+        conditions: {
+          psId: '',
+          area: '',
+          paId: '',
+          areaNum: '',
+          state: ''
+        }
+      }
+    }
+  },
+  created() {
+    this.loadParkingSpaceData()
+  },
+  methods: {
+    async loadParkingSpaceData() {
+      try {
+        this.loading = true
+        const params = {
+          page: this.listParkingSpaceInfo.currentPage,
+          row: this.listParkingSpaceInfo.pageSize,
+          communityId: getCommunityId(),
+          num: this.listParkingSpaceInfo.num,
+          psId: this.listParkingSpaceInfo.conditions.psId,
+          area: this.listParkingSpaceInfo.conditions.area,
+          paId: this.listParkingSpaceInfo.conditions.paId,
+          state: this.listParkingSpaceInfo.conditions.state
+        }
+
+        const res = await listParkingSpaces(params)
+        this.listParkingSpaceInfo.parkingSpaces = res.parkingSpaces
+        this.listParkingSpaceInfo.total = res.total
+      } catch (error) {
+        this.$message.error(this.$t('common.loadError'))
+      } finally {
+        this.loading = false
+      }
+    },
+
+    viewParkingSpaceState(state) {
+      if (state === 'S') return this.$t('listParkingSpace.forSale')
+      if (state === 'H') return this.$t('listParkingSpace.forRent')
+      if (state === 'F') return this.$t('listParkingSpace.free')
+      return 'Unknown'
+    },
+
+    toggleMoreCondition() {
+      this.listParkingSpaceInfo.moreCondition = !this.listParkingSpaceInfo.moreCondition
+    },
+
+    queryParkingSpaceMethod() {
+      this.listParkingSpaceInfo.currentPage = 1
+      this.loadParkingSpaceData()
+    },
+
+    resetParkingSpaceMethod() {
+      this.listParkingSpaceInfo.conditions = {
+        psId: '',
+        area: '',
+        paId: '',
+        areaNum: '',
+        state: ''
+      }
+      this.listParkingSpaceInfo.num = ''
+      this.loadParkingSpaceData()
+    },
+
+    openChooseParkingArea() {
+      this.$refs.chooseParkingArea.open()
+    },
+
+    openAddParkingSpaceModal() {
+      this.$refs.addParkingSpace.open()
+    },
+
+    openEditParkingSpaceModel(row) {
+      this.$refs.editParkingSpace.open(row)
+    },
+
+    openDelParkingSpaceModel(row) {
+      this.$refs.deleteParkingSpace.open(row)
+    },
+
+    openBatchAddParkingSpaceModal() {
+      this.$refs.batchAddParkingSpace.open()
+    },
+
+    handleChooseParkingArea(parkingArea) {
+      this.listParkingSpaceInfo.conditions.paId = parkingArea.paId
+      this.listParkingSpaceInfo.conditions.areaNum = parkingArea.num
+    },
+
+    handleAddSuccess() {
+      this.loadParkingSpaceData()
+    },
+
+    handleEditSuccess() {
+      this.loadParkingSpaceData()
+    },
+
+    handleDeleteSuccess() {
+      this.loadParkingSpaceData()
+    },
+
+    handleBatchAddSuccess() {
+      this.loadParkingSpaceData()
+    },
+
+    handlePageChange(page) {
+      this.listParkingSpaceInfo.currentPage = page
+      this.loadParkingSpaceData()
+    },
+
+    handleSizeChange(size) {
+      this.listParkingSpaceInfo.pageSize = size
+      this.loadParkingSpaceData()
+    }
+  }
+}
+</script>
+
+<style scoped>
+.parking-space-container {
+  padding: 20px;
+}
+
+.search-content {
+  padding: 10px 0;
+}
+
+.ibox-tools {
+  display: inline-block;
+  float: right;
+  margin-top: 0;
+  position: relative;
+  padding: 0;
+}
+
+.el-input-group {
+  display: flex;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/car/parkingAreaManageLang.js b/src/views/car/parkingAreaManageLang.js
new file mode 100644
index 0000000..b5470c4
--- /dev/null
+++ b/src/views/car/parkingAreaManageLang.js
@@ -0,0 +1,80 @@
+export const messages = {
+  en: {
+    parkingAreaManage: {
+      queryTitle: 'Query Conditions',
+      parkingInfo: 'Parking Area Information',
+      parkingId: 'Parking ID',
+      parkingNum: 'Parking Number',
+      parkingType: 'Parking Type',
+      inputParkingNum: 'Please enter parking number',
+      selectParkingType: 'Please select parking type',
+      aboveGround: 'Above Ground Parking',
+      underground: 'Underground Parking',
+      remark: 'Remark',
+      createTime: 'Create Time',
+      operation: 'Operation',
+      controlPanel: 'Control Panel',
+      addTitle: 'Add Parking Area',
+      editTitle: 'Edit Parking Area',
+      deleteTitle: 'Confirm Operation',
+      deleteConfirm: 'Are you sure to delete this parking area?',
+      numRequired: 'Parking number is required',
+      typeRequired: 'Parking type is required',
+      remarkPlaceholder: 'Optional, please enter remark',
+      attr1: 'Area Size',
+      attr1Placeholder: 'Please enter area size',
+      attr2: 'Parking Type',
+      selectAttr2: 'Please select parking type',
+      option1: 'Standard',
+      option2: 'VIP',
+      column1: 'Capacity',
+      column2: 'Available',
+      addSuccess: 'Parking area added successfully',
+      addFailed: 'Failed to add parking area',
+      editSuccess: 'Parking area updated successfully',
+      editFailed: 'Failed to update parking area',
+      deleteSuccess: 'Parking area deleted successfully',
+      deleteFailed: 'Failed to delete parking area',
+      fetchError: 'Failed to fetch parking area data'
+    }
+  },
+  zh: {
+    parkingAreaManage: {
+      queryTitle: '查询条件',
+      parkingInfo: '停车场信息',
+      parkingId: '停车场ID',
+      parkingNum: '停车场编号',
+      parkingType: '停车场类型',
+      inputParkingNum: '请输入停车场编号',
+      selectParkingType: '请选择停车场类型',
+      aboveGround: '地上停车场',
+      underground: '地下停车场',
+      remark: '备注',
+      createTime: '创建时间',
+      operation: '操作',
+      controlPanel: '控制台',
+      addTitle: '添加停车场',
+      editTitle: '修改停车场',
+      deleteTitle: '确认操作',
+      deleteConfirm: '是否确定删除该停车场？',
+      numRequired: '停车场编号不能为空',
+      typeRequired: '停车场类型不能为空',
+      remarkPlaceholder: '可选，请填写备注',
+      attr1: '区域大小',
+      attr1Placeholder: '请输入区域大小',
+      attr2: '停车类型',
+      selectAttr2: '请选择停车类型',
+      option1: '标准',
+      option2: 'VIP',
+      column1: '容量',
+      column2: '可用',
+      addSuccess: '停车场添加成功',
+      addFailed: '停车场添加失败',
+      editSuccess: '停车场修改成功',
+      editFailed: '停车场修改失败',
+      deleteSuccess: '停车场删除成功',
+      deleteFailed: '停车场删除失败',
+      fetchError: '获取停车场数据失败'
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/views/car/parkingAreaManageList.vue b/src/views/car/parkingAreaManageList.vue
new file mode 100644
index 0000000..a38bbe2
--- /dev/null
+++ b/src/views/car/parkingAreaManageList.vue
@@ -0,0 +1,252 @@
+<template>
+  <div class="parking-area-manage animated fadeInRight">
+    <el-row :gutter="20">
+      <el-col :span="24">
+        <el-card>
+          <div slot="header" class="text-left">
+            <span>{{ $t('parkingAreaManage.queryTitle') }}</span>
+          </div>
+          <el-form :inline="true" :model="parkingAreaManageInfo.conditions" class="text-left">
+            <el-form-item :label="$t('parkingAreaManage.parkingNum')">
+              <el-input v-model.trim="parkingAreaManageInfo.conditions.num"
+                :placeholder="$t('parkingAreaManage.inputParkingNum')" clearable />
+            </el-form-item>
+            <el-form-item :label="$t('parkingAreaManage.parkingType')">
+              <el-select v-model="parkingAreaManageInfo.conditions.typeCd"
+                :placeholder="$t('parkingAreaManage.selectParkingType')" clearable style="width: 100%">
+                <el-option v-for="item in parkingTypes" :key="item.value" :label="item.label" :value="item.value" />
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" @click="_queryParkingAreaMethod">
+                {{ $t('common.search') }}
+              </el-button>
+              <el-button @click="_resetParkingAreaMethod">
+                {{ $t('common.reset') }}
+              </el-button>
+            </el-form-item>
+          </el-form>
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <el-row :gutter="20" style="margin-top: 20px">
+      <el-col :span="24">
+        <el-card>
+          <div slot="header" class="flex justify-between">
+            <span>{{ $t('parkingAreaManage.parkingInfo') }}</span>
+            <el-button v-if="hasPrivilege('502022100147030003')" type="primary" size="small" class="float-right"
+              @click="_openAddParkingAreaModal">
+              {{ $t('common.add') }}
+            </el-button>
+          </div>
+
+          <el-table :data="parkingAreaManageInfo.parkingAreas" border style="width: 100%" v-loading="loading">
+            <el-table-column prop="paId" :label="$t('parkingAreaManage.parkingId')" align="center" />
+            <el-table-column prop="num" :label="$t('parkingAreaManage.parkingNum')" align="center" />
+            <el-table-column :label="$t('parkingAreaManage.parkingType')" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.typeCd === '1001' ? $t('parkingAreaManage.aboveGround') : $t('parkingAreaManage.underground')
+                }}
+              </template>
+            </el-table-column>
+            <el-table-column v-for="(item, index) in parkingAreaManageInfo.listColumns" :key="index"
+              :label="item.specName" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.listValues[index] }}
+              </template>
+            </el-table-column>
+            <el-table-column prop="remark" :label="$t('parkingAreaManage.remark')" align="center" />
+            <el-table-column prop="createTime" :label="$t('parkingAreaManage.createTime')" align="center" />
+            <el-table-column :label="$t('common.operation')" align="center" width="250">
+              <template slot-scope="scope">
+                <el-button v-if="hasPrivilege('502022100103010004')" size="mini"
+                  @click="_openEditParkingAreaModel(scope.row)">
+                  {{ $t('common.edit') }}
+                </el-button>
+                <el-button v-if="hasPrivilege('502022100117490005')" size="mini" type="danger"
+                  @click="_openDeleteParkingAreaModel(scope.row)">
+                  {{ $t('common.delete') }}
+                </el-button>
+                <el-button v-if="hasPrivilege('502022100112510006')" size="mini" type="success"
+                  @click="_openParkingAreaTotalControl(scope.row)">
+                  {{ $t('parkingAreaManage.controlPanel') }}
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+
+          <el-pagination :current-page.sync="pagination.current" :page-sizes="[10, 20, 30, 50]"
+            :page-size="pagination.size" :total="pagination.total" layout="total, sizes, prev, pager, next, jumper"
+            @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+        </el-card>
+      </el-col>
+    </el-row>
+
+    <add-parking-area ref="addModal" @success="handleAddSuccess" />
+    <edit-parking-area ref="editModal" @success="handleEditSuccess" />
+    <delete-parking-area ref="deleteModal" @success="handleDeleteSuccess" />
+  </div>
+</template>
+
+<script>
+import { getParkingAreaList } from '@/api/car/parkingAreaManageApi'
+import AddParkingArea from '@/components/car/addParkingArea'
+import EditParkingArea from '@/components/car/editParkingArea'
+import DeleteParkingArea from '@/components/car/deleteParkingArea'
+import { getCommunityId } from '@/api/community/communityApi'
+
+export default {
+  name: 'ParkingAreaManageList',
+  components: {
+    AddParkingArea,
+    EditParkingArea,
+    DeleteParkingArea
+  },
+  data() {
+    return {
+      loading: false,
+      parkingAreaManageInfo: {
+        parkingAreas: [],
+        listColumns: [],
+        conditions: {
+          num: '',
+          typeCd: '',
+          paId: ''
+        }
+      },
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      },
+      parkingTypes: [
+        { value: '1001', label: this.$t('parkingAreaManage.aboveGround') },
+        { value: '2001', label: this.$t('parkingAreaManage.underground') }
+      ]
+    }
+  },
+  created() {
+    this._getColumns()
+    this._listParkingAreas()
+  },
+  methods: {
+    async _listParkingAreas() {
+      this.loading = true
+      try {
+        const params = {
+          page: this.pagination.current,
+          row: this.pagination.size,
+          ...this.parkingAreaManageInfo.conditions,
+          communityId: getCommunityId()
+        }
+
+        const res = await getParkingAreaList(params)
+        this.parkingAreaManageInfo.parkingAreas = res.parkingAreas
+        this.pagination.total = res.total
+        this.dealParkingAreaAttr(res.parkingAreas)
+      } catch (error) {
+        console.error('获取停车场列表失败:', error)
+        this.$message.error(this.$t('parkingAreaManage.fetchError'))
+      } finally {
+        this.loading = false
+      }
+    },
+
+    _queryParkingAreaMethod() {
+      this.pagination.current = 1
+      this._listParkingAreas()
+    },
+
+    _resetParkingAreaMethod() {
+      this.parkingAreaManageInfo.conditions = {
+        num: '',
+        typeCd: '',
+        paId: ''
+      }
+      this._listParkingAreas()
+    },
+
+    _openAddParkingAreaModal() {
+      this.$refs.addModal.open()
+    },
+
+    _openEditParkingAreaModel(row) {
+      this.$refs.editModal.open(row)
+    },
+
+    _openDeleteParkingAreaModel(row) {
+      this.$refs.deleteModal.open(row)
+    },
+
+    handleAddSuccess() {
+      this._listParkingAreas()
+    },
+
+    handleEditSuccess() {
+      this._listParkingAreas()
+    },
+
+    handleDeleteSuccess() {
+      this._listParkingAreas()
+    },
+
+    handleSizeChange(size) {
+      this.pagination.size = size
+      this._listParkingAreas()
+    },
+
+    handleCurrentChange(current) {
+      this.pagination.current = current
+      this._listParkingAreas()
+    },
+
+    dealParkingAreaAttr(parkingAreas) {
+      parkingAreas.forEach(item => {
+        this._getColumnsValue(item)
+      })
+    },
+
+    _getColumnsValue(parkingArea) {
+      parkingArea.listValues = []
+      if (!parkingArea.attrs || parkingArea.attrs.length === 0) {
+        this.parkingAreaManageInfo.listColumns.forEach(() => {
+          parkingArea.listValues.push('')
+        })
+        return
+      }
+
+      this.parkingAreaManageInfo.listColumns.forEach(column => {
+        const attr = parkingArea.attrs.find(a => a.specCd === column.specCd)
+        parkingArea.listValues.push(attr ? attr.value : '')
+      })
+    },
+
+    async _getColumns() {
+      try {
+        // 这里需要根据实际接口获取列配置
+        // 示例代码，实际需要替换为API调用
+        this.parkingAreaManageInfo.listColumns = [
+        ]
+      } catch (error) {
+        console.error('获取列配置失败:', error)
+      }
+    },
+
+    _openParkingAreaTotalControl(parkingArea) {
+      // 跳转到控制台逻辑
+      console.log('打开控制台', parkingArea)
+    }
+  }
+}
+</script>
+
+<style scoped>
+.parking-area-manage {
+  padding: 20px;
+}
+
+.float-right {
+  float: right;
+}
+</style>
\ No newline at end of file