diff --git a/src/views/modules/property/propertyproject-add-or-update.vue b/src/views/modules/property/propertyproject-add-or-update.vue
new file mode 100644
index 0000000..5d23882
--- /dev/null
+++ b/src/views/modules/property/propertyproject-add-or-update.vue
@@ -0,0 +1,173 @@
+<template>
+    <el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false"
+               :close-on-press-escape="false">
+        <el-form v-loading="loading" :model="dataForm" :rules="dataRule" ref="dataForm"
+                 @keyup.enter.native="dataFormSubmitHandle()"
+                 :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
+            <el-form-item label="所属网格"
+                          prop="allDeptIds">
+                <el-cascader v-model="dataForm.allDeptIds"
+                             :options="options"
+                             ref="grid"
+                             :props="{ checkStrictly: true }"
+                             filterable
+                             collapse-tags></el-cascader>
+            </el-form-item>
+            <el-form-item label="物业项目名称" prop="projectName">
+                <el-input v-model="dataForm.projectName" placeholder="物业项目名称"></el-input>
+            </el-form-item>
+            <el-form-item label="物业名称" prop="propertyName">
+                <el-input v-model="dataForm.propertyName" placeholder="物业名称"></el-input>
+            </el-form-item>
+            <el-form-item label="物业电话" prop="propertyTel">
+                <el-input v-model="dataForm.propertyTel" placeholder="物业电话"></el-input>
+            </el-form-item>
+            <el-form-item label="物业负责人" prop="propertyManager">
+                <el-input v-model="dataForm.propertyManager" placeholder="物业负责人"></el-input>
+            </el-form-item>
+            <el-form-item label="物业地址" prop="propertyAddress">
+                <el-input v-model="dataForm.propertyAddress" placeholder="物业地址"></el-input>
+            </el-form-item>
+        </el-form>
+        <template slot="footer">
+            <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
+            <el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
+        </template>
+    </el-dialog>
+</template>
+
+<script>
+    import debounce from 'lodash/debounce'
+
+    export default {
+        data() {
+            return {
+                visible: false,
+                loading: true,
+                dataForm: {
+                    id: '',
+                    gridId: '',
+                    grid: '',
+                    projectName: '',
+                    propertyName: '',
+                    propertyTel: '',
+                    propertyManager: '',
+                    propertyAddress: '',
+                    revision: '',
+                    delFlag: '',
+                    parentDeptIds: '',
+                    parentDeptNames: '',
+                    allDeptIds: '',
+                    allDeptNames: ''
+                },
+                options: []
+            }
+        },
+        computed: {
+            dataRule() {
+                return {
+                    projectName: [
+                        {required: true, message: this.$t('validate.required'), trigger: 'blur'}
+                    ],
+                    propertyName: [
+                        {required: true, message: this.$t('validate.required'), trigger: 'blur'}
+                    ],
+                    propertyTel: [
+                        {required: true, message: this.$t('validate.required'), trigger: 'blur'}
+                    ],
+                    propertyManager: [
+                        {required: true, message: this.$t('validate.required'), trigger: 'blur'}
+                    ],
+                    propertyAddress: [
+                        {required: true, message: this.$t('validate.required'), trigger: 'blur'}
+                    ],
+                    revision: [
+                        {required: true, message: this.$t('validate.required'), trigger: 'blur'}
+                    ],
+                    delFlag: [
+                        {required: true, message: this.$t('validate.required'), trigger: 'blur'}
+                    ],
+                    parentDeptIds: [
+                        {required: true, message: this.$t('validate.required'), trigger: 'blur'}
+                    ],
+                    parentDeptNames: [
+                        {required: true, message: this.$t('validate.required'), trigger: 'blur'}
+                    ],
+                    allDeptIds: [
+                        {required: true, message: this.$t('validate.required'), trigger: 'blur'}
+                    ],
+                    allDeptNames: [
+                        {required: true, message: this.$t('validate.required'), trigger: 'blur'}
+                    ]
+                }
+            }
+        },
+        methods: {
+            init() {
+                // 获取下拉菜单
+                this.getByLoginUser();
+                this.visible = true;
+                this.$nextTick(() => {
+                    this.$refs['dataForm'].resetFields()
+                    if (this.dataForm.id) {
+                        this.getInfo()
+                    }
+                })
+            },
+            getByLoginUser() {
+                this.$http
+                    .get(`/sys/user/deptOptions/getDeptAuthByUser`)
+                    .then(({data: res}) => {
+                        if (res.code !== 0) {
+                            return this.$message.error(res.msg)
+                        }
+                        this.loading = false;
+                        this.options = res.data.options
+                    })
+                    .catch(() => {
+                        this.loading = false;
+                    })
+            },
+            // 获取信息
+            getInfo() {
+                this.$http.get(`/property/propertyproject/${this.dataForm.id}`).then(({data: res}) => {
+                    if (res.code !== 0) {
+                        return this.$message.error(res.msg)
+                    }
+                    this.dataForm = {
+                        ...this.dataForm,
+                        ...res.data
+                    };
+                    this.dataForm.allDeptIds=res.data.allDeptIds.split(",");
+                    this.loading = false;
+                }).catch(() => {
+                    this.loading = false;
+                })
+            },
+            // 表单提交
+            dataFormSubmitHandle: debounce(function () {
+                this.dataForm.allDeptNames = this.$refs['grid'].inputValue;
+                this.$refs['dataForm'].validate((valid) => {
+                    if (!valid) {
+                        return false
+                    }
+                    this.$http[!this.dataForm.id ? 'post' : 'put']('/property/propertyproject/', this.dataForm).then(({data: res}) => {
+                        if (res.code !== 0) {
+                            return this.$message.error(res.msg)
+                        }
+                        this.$message({
+                            message: this.$t('prompt.success'),
+                            type: 'success',
+                            duration: 500,
+                            onClose: () => {
+                                this.visible = false
+                                this.$emit('refreshDataList')
+                            }
+                        })
+                    }).catch(() => {
+                    })
+                })
+            }, 1000, {'leading': true, 'trailing': false})
+        }
+    }
+</script>
diff --git a/src/views/modules/property/propertyproject.vue b/src/views/modules/property/propertyproject.vue
new file mode 100644
index 0000000..7ae67e2
--- /dev/null
+++ b/src/views/modules/property/propertyproject.vue
@@ -0,0 +1,114 @@
+<template>
+    <el-card shadow="never" class="aui-card--fill">
+        <div class="mod-__propertyproject}">
+            <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
+                <el-form-item label="物业项目名称">
+                    <el-input v-model="dataForm.projectName" clearable></el-input>
+                </el-form-item>
+                <el-form-item label="所属社区">
+                    <el-cascader
+                            :options="options"
+                            :props="{ checkStrictly: true }"
+                            @change="handleChange"
+                            clearable>
+                    </el-cascader>
+                </el-form-item>
+                <el-form-item>
+                    <el-button @click="getDataList()">{{ $t('query') }}</el-button>
+                </el-form-item>
+                <el-form-item>
+                    <el-button v-if="$hasPermission(':propertyproject:add')"  type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
+                </el-form-item>
+                <el-form-item>
+                    <el-button v-if="$hasPermission(':propertyproject:delete')" type="danger" @click="deleteHandle()">{{
+                        $t('deleteBatch') }}
+                    </el-button>
+                </el-form-item>
+            </el-form>
+            <el-table v-loading="dataListLoading" :data="dataList" border
+                      @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
+                <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
+                <el-table-column prop="projectName" label="物业项目名称" header-align="center"
+                                 align="center"></el-table-column>
+                <el-table-column prop="propertyName" label="物业名称" header-align="center"
+                                 align="center"></el-table-column>
+                <el-table-column prop="propertyTel" label="物业电话" header-align="center" align="center"></el-table-column>
+                <el-table-column prop="propertyManager" label="物业负责人" header-align="center"
+                                 align="center"></el-table-column>
+                <el-table-column prop="propertyAddress" label="物业地址" header-align="center"
+                                 align="center"></el-table-column>
+                <el-table-column prop="allDeptNames" label="所属社区" header-align="center"
+                                 align="center"></el-table-column>
+                <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
+                    <template slot-scope="scope">
+                        <el-button v-if="$hasPermission(':propertyproject:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update')
+                            }}
+                        </el-button>
+                        <el-button v-if="$hasPermission(':propertyproject:delete')" type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}
+                        </el-button>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <el-pagination
+                    :current-page="page"
+                    :page-sizes="[10, 20, 50, 100]"
+                    :page-size="limit"
+                    :total="total"
+                    layout="total, sizes, prev, pager, next, jumper"
+                    @size-change="pageSizeChangeHandle"
+                    @current-change="pageCurrentChangeHandle">
+            </el-pagination>
+            <!-- 弹窗, 新增 / 修改 -->
+            <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
+        </div>
+    </el-card>
+</template>
+
+<script>
+    import mixinViewModule from '@/mixins/view-module'
+    import AddOrUpdate from './propertyproject-add-or-update'
+
+    export default {
+        mixins: [mixinViewModule],
+        data() {
+            return {
+                mixinViewModuleOptions: {
+                    getDataListURL: '/property/propertyproject/page',
+                    getDataListIsPage: true,
+                    deleteURL: '/property/propertyproject',
+                    deleteIsBatch: true
+                },
+                dataForm: {
+                    id: '',
+                    gridId: '',
+                    projectName: '',
+                },
+                options: []
+            }
+        },
+        components: {
+            AddOrUpdate
+        },
+        mounted() {
+            // 获取下拉菜单
+            this.getByLoginUser();
+        },
+        methods: {
+            getByLoginUser() {
+                this.$http
+                    .get(`/sys/user/deptOptions/getDeptAuthByUser`)
+                    .then(({data: res}) => {
+                        if (res.code !== 0) {
+                            return this.$message.error(res.msg)
+                        }
+                        this.options = res.data.options
+                    })
+                    .catch(() => {
+                    })
+            },
+            handleChange(value) {
+                this.dataForm.gridId = value.slice(-1).shift();
+            }
+        }
+    }
+</script>