elink-star
/
epdc-admin-yushan
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

物业项目管理pc页面

feature/yujt_analysis_pc
zhangyuan 5 years ago
parent
da11d6e19c
commit
f9c59a0935
2 changed files with 287 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 173
      src/views/modules/property/propertyproject-add-or-update.vue
  2. 114
      src/views/modules/property/propertyproject.vue

173
src/views/modules/property/propertyproject-add-or-update.vue
View File

@ -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>

114
src/views/modules/property/propertyproject.vue
View File

@ -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>
Write Preview
Loading…
Cancel
Save