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

新增物业表和分数表相关vue页面

feature/yujt_analysis_pc
zhangyuan 6 years ago
parent
4574cb48c4
commit
8c1b14f4cd
5 changed files with 566 additions and 114 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. 128
      src/views/modules/property/property-add-or-update.vue
  2. 75
      src/views/modules/property/property.vue
  3. 49
      src/views/modules/property/propertyproject-add-or-update.vue
  4. 145
      src/views/modules/property/propertyprojectscore-add-or-update.vue
  5. 75
      src/views/modules/property/propertyprojectscore.vue

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

@ -0,0 +1,128 @@
<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 :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()"
:label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
<el-form-item label="物业名称" prop="propertyName">
<el-input v-model="dataForm.propertyName" placeholder="物业名称"></el-input>
</el-form-item>
<el-form-item label="物业编码" prop="propertyCode">
<el-input v-model="dataForm.propertyCode" placeholder="物业编码"></el-input>
</el-form-item>
<el-form-item label="是否有效" prop="effectiveFlag">
<el-radio-group v-model="dataForm.effectiveFlag">
<el-radio :label="'1'">是</el-radio>
<el-radio :label="'0'">否</el-radio>
</el-radio-group>
</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,
dataForm: {
id: '',
propertyName: '',
propertyCode: '',
effectiveFlag: '1',
revision: '',
delFlag: '',
createdBy: '',
createdTime: '',
updatedBy: '',
updatedTime: ''
}
}
},
computed: {
dataRule() {
return {
propertyName: [
{required: true, message: this.$t('validate.required'), trigger: 'blur'}
],
propertyCode: [
{required: true, message: this.$t('validate.required'), trigger: 'blur'}
],
effectiveFlag: [
{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'}
],
createdBy: [
{required: true, message: this.$t('validate.required'), trigger: 'blur'}
],
createdTime: [
{required: true, message: this.$t('validate.required'), trigger: 'blur'}
],
updatedBy: [
{required: true, message: this.$t('validate.required'), trigger: 'blur'}
],
updatedTime: [
{required: true, message: this.$t('validate.required'), trigger: 'blur'}
]
}
}
},
methods: {
init() {
this.visible = true
this.$nextTick(() => {
this.$refs['dataForm'].resetFields()
if (this.dataForm.id) {
this.getInfo()
}
})
},
// 获取信息
getInfo() {
this.$http.get(`/property/property/${this.dataForm.id}`).then(({data: res}) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.dataForm = {
...this.dataForm,
...res.data
}
}).catch(() => {
})
},
// 表单提交
dataFormSubmitHandle: debounce(function () {
this.$refs['dataForm'].validate((valid) => {
if (!valid) {
return false
}
this.$http[!this.dataForm.id ? 'post' : 'put']('/property/property/', 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>

75
src/views/modules/property/property.vue
View File

@ -0,0 +1,75 @@
<template>
<el-card shadow="never" class="aui-card--fill">
<div class="mod-__property}">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form-item label="物业名称">
<el-input v-model="dataForm.propertyName" clearable></el-input>
</el-form-item>
<el-form-item label="物业编码">
<el-input v-model="dataForm.propertyCode" clearable></el-input>
</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(':property:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
</el-form-item>
<el-form-item>
<el-button v-if="$hasPermission(':property: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="propertyName" label="物业名称" header-align="center" align="center"></el-table-column>
<el-table-column prop="propertyCode" label="物业编码" header-align="center" align="center"></el-table-column>
<el-table-column prop="effectiveFlag" label="是否有效" header-align="center" align="center">
<template slot-scope="scope">
<el-tag v-if="scope.row.effectiveFlag === '0'" size="small" type="danger">否</el-tag>
<el-tag v-else size="small" type="success">是</el-tag>
</template>
</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(':property:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
<el-button v-if="$hasPermission(':property: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 './property-add-or-update'
export default {
mixins: [mixinViewModule],
data () {
return {
mixinViewModuleOptions: {
getDataListURL: '/property/property/page',
getDataListIsPage: true,
deleteURL: '/property/property',
deleteIsBatch: true
},
dataForm: {
id: ''
}
}
},
components: {
AddOrUpdate
}
}
</script>

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

@ -3,22 +3,30 @@
:close-on-press-escape="false"> :close-on-press-escape="false">
<el-form v-loading="loading" :model="dataForm" :rules="dataRule" ref="dataForm" <el-form v-loading="loading" :model="dataForm" :rules="dataRule" ref="dataForm"
@keyup.enter.native="dataFormSubmitHandle()" @keyup.enter.native="dataFormSubmitHandle()"
:label-width="$i18n.locale === 'en-US' ? '120px' : '80px'"> :label-width="$i18n.locale === 'en-US' ? '160px' : '120px'">
<el-form-item label="所属网格" <el-form-item label="所属网格"
prop="allDeptIds"> prop="allDeptIds">
<el-cascader v-model="dataForm.allDeptIds" <el-cascader v-model="dataForm.allDeptIds"
:options="options" :options="options"
ref="grid" ref="grid"
:props="{ checkStrictly: true }" :props="{ checkStrictly: true }"
@change="handleChange" @change="deptHandleChange"
filterable filterable
collapse-tags></el-cascader> collapse-tags></el-cascader>
</el-form-item> </el-form-item>
<el-form-item label="物业项目名称" prop="projectName"> <el-form-item label="物业项目名称" prop="projectName">
<el-input v-model="dataForm.projectName" placeholder="物业项目名称"></el-input> <el-input v-model="dataForm.projectName" placeholder="物业项目名称"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="物业名称" prop="propertyName"> <el-form-item label="物业名称"
<el-input v-model="dataForm.propertyName" placeholder="物业名称"></el-input> prop="propertyName">
<el-select v-model="dataForm.propertyId" @change="propertyHandleChange"
placeholder="物业名称" style="width: 100%">
<el-option v-for="item in propertyList"
:key="item.dictValue"
:label="item.dictName"
:value="item.dictValue">
</el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="物业电话" prop="propertyTel"> <el-form-item label="物业电话" prop="propertyTel">
<el-input v-model="dataForm.propertyTel" placeholder="物业电话"></el-input> <el-input v-model="dataForm.propertyTel" placeholder="物业电话"></el-input>
@ -50,12 +58,14 @@ export default {
gridId: '', gridId: '',
grid: '', grid: '',
projectName: '', projectName: '',
propertyId: '',
propertyName: '', propertyName: '',
propertyTel: '', propertyTel: '',
propertyManager: '', propertyManager: '',
propertyAddress: '' propertyAddress: ''
}, },
options: [] options: [],
propertyList: []
} }
}, },
computed: { computed: {
@ -82,15 +92,26 @@ export default {
methods: { methods: {
init() { init() {
// 获取下拉菜单 // 获取下拉菜单
this.getByLoginUser() this.getByLoginUser();
this.visible = true this.getPropertyList();
this.visible = true;
this.$nextTick(() => { this.$nextTick(() => {
this.$refs['dataForm'].resetFields() this.$refs['dataForm'].resetFields();
if (this.dataForm.id) { if (this.dataForm.id) {
this.getInfo() this.getInfo()
} }
}) })
}, },
// 获取用物业列表
getPropertyList() {
this.$http.get(`/property/property/dict`).then(({data: res}) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.propertyList = res.data
}).catch(() => {
})
},
getByLoginUser() { getByLoginUser() {
this.$http this.$http
.get(`/sys/user/deptOptions/getBusinessDeptByUser`) .get(`/sys/user/deptOptions/getBusinessDeptByUser`)
@ -105,8 +126,16 @@ export default {
this.loading = false this.loading = false
}) })
}, },
handleChange (value) { deptHandleChange(value) {
this.dataForm.gridId = value.slice(-1).shift() this.dataForm.gridId = value.slice(-1).shift();
},
propertyHandleChange(value) {
console.log(value)
let obj = this.propertyList.find((item) => {
return item.dictValue === value;
});
console.log(obj.dictName)
this.dataForm.propertyName = obj.dictName;
}, },
// 获取信息 // 获取信息
getInfo() { getInfo() {

145
src/views/modules/property/propertyprojectscore-add-or-update.vue
View File

@ -0,0 +1,145 @@
<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 :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
<el-form-item label="物业项目ID" prop="projectId">
<el-input v-model="dataForm.projectId" placeholder="物业项目ID"></el-input>
</el-form-item>
<el-form-item label="物业ID" prop="propertyId">
<el-input v-model="dataForm.propertyId" placeholder="物业ID"></el-input>
</el-form-item>
<el-form-item label="用户ID" prop="userId">
<el-input v-model="dataForm.userId" placeholder="用户ID"></el-input>
</el-form-item>
<el-form-item label="得分" prop="score">
<el-input v-model="dataForm.score" placeholder="得分"></el-input>
</el-form-item>
<el-form-item label="乐观锁" prop="revision">
<el-input v-model="dataForm.revision" placeholder="乐观锁"></el-input>
</el-form-item>
<el-form-item label="删除标记(0-否，1-是)" prop="delFlag">
<el-input v-model="dataForm.delFlag" placeholder="删除标记(0-否，1-是)"></el-input>
</el-form-item>
<el-form-item label="创建人" prop="createdBy">
<el-input v-model="dataForm.createdBy" placeholder="创建人"></el-input>
</el-form-item>
<el-form-item label="创建时间" prop="createdTime">
<el-input v-model="dataForm.createdTime" placeholder="创建时间"></el-input>
</el-form-item>
<el-form-item label="更新人" prop="updatedBy">
<el-input v-model="dataForm.updatedBy" placeholder="更新人"></el-input>
</el-form-item>
<el-form-item label="更新时间" prop="updatedTime">
<el-input v-model="dataForm.updatedTime" 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,
dataForm: {
id: '',
projectId: '',
propertyId: '',
userId: '',
score: '',
revision: '',
delFlag: '',
createdBy: '',
createdTime: '',
updatedBy: '',
updatedTime: ''
}
}
},
computed: {
dataRule () {
return {
projectId: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
propertyId: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
userId: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
score: [
{ 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' }
],
createdBy: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
createdTime: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
updatedBy: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
updatedTime: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
]
}
}
},
methods: {
init () {
this.visible = true
this.$nextTick(() => {
this.$refs['dataForm'].resetFields()
if (this.dataForm.id) {
this.getInfo()
}
})
},
// 获取信息
getInfo () {
this.$http.get(`//propertyprojectscore/${this.dataForm.id}`).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.dataForm = {
...this.dataForm,
...res.data
}
}).catch(() => {})
},
// 表单提交
dataFormSubmitHandle: debounce(function () {
this.$refs['dataForm'].validate((valid) => {
if (!valid) {
return false
}
this.$http[!this.dataForm.id ? 'post' : 'put']('//propertyprojectscore/', 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>

75
src/views/modules/property/propertyprojectscore.vue
View File

@ -0,0 +1,75 @@
<template>
<el-card shadow="never" class="aui-card--fill">
<div class="mod-__propertyprojectscore}">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form-item>
<el-input v-model="dataForm.id" placeholder="id" clearable></el-input>
</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(':propertyprojectscore:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
</el-form-item>
<el-form-item>
<el-button v-if="$hasPermission(':propertyprojectscore: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="id" label="主键" header-align="center" align="center"></el-table-column>
<el-table-column prop="projectId" label="物业项目ID" header-align="center" align="center"></el-table-column>
<el-table-column prop="propertyId" label="物业ID" header-align="center" align="center"></el-table-column>
<el-table-column prop="userId" label="用户ID" header-align="center" align="center"></el-table-column>
<el-table-column prop="score" label="得分" header-align="center" align="center"></el-table-column>
<el-table-column prop="revision" label="乐观锁" header-align="center" align="center"></el-table-column>
<el-table-column prop="delFlag" label="删除标记(0-否，1-是)" header-align="center" align="center"></el-table-column>
<el-table-column prop="createdBy" label="创建人" header-align="center" align="center"></el-table-column>
<el-table-column prop="createdTime" label="创建时间" header-align="center" align="center"></el-table-column>
<el-table-column prop="updatedBy" label="更新人" header-align="center" align="center"></el-table-column>
<el-table-column prop="updatedTime" 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(':propertyprojectscore:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
<el-button v-if="$hasPermission(':propertyprojectscore: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 './propertyprojectscore-add-or-update'
export default {
mixins: [mixinViewModule],
data () {
return {
mixinViewModuleOptions: {
getDataListURL: '//propertyprojectscore/page',
getDataListIsPage: true,
deleteURL: '//propertyprojectscore',
deleteIsBatch: true
},
dataForm: {
id: ''
}
}
},
components: {
AddOrUpdate
}
}
</script>
Write Preview
Loading…
Cancel
Save