elink-star
/
epmet-oper-gov
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

楼长

jly/task002
tianqian 3 years ago
parent
42a10bced3
commit
25f085a692
3 changed files with 983 additions and 569 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 71
      src/views/modules/housemaster/cpts/detail.vue
  2. 425
      src/views/modules/housemaster/cpts/edit.vue
  3. 386
      src/views/modules/housemaster/housemaster .vue

71
src/views/modules/housemaster/cpts/detail.vue
View File

@ -4,16 +4,24 @@
<div class="m-row">
<div class="m-info">
<div class="info-prop">
<span class="info-title-2">联系电话</span>
<span class="info-title-2">姓名 </span>
<span>{{ villageList.name || '--' }}</span>
</div>
</div>
</div>
<div class="m-row">
<div class="m-info">
<div class="info-prop">
<span class="info-title-2">联系电话</span>
<span>{{ villageList.phone|| '--' }}</span>
</div>
</div>
</div>
<div class="m-row">
<div class="m-info">
<div class="info-prop">
<span class="info-title-2">证件号</span>
<span>{{ villageList.name || '--' }}</span>
<span>{{ villageList.idCard|| '--' }}</span>
</div>
</div>
</div>
@ -21,15 +29,47 @@
<div class="m-info">
<div class="info-prop">
<span class="info-title-2">类型</span>
<span>{{ villageList.name || '--' }}</span>
<span>{{ villageList.type=='0'?"楼长":"单元长"|| '--' }}</span>
</div>
</div>
</div>
<div class="m-row">
<div class="m-info">
<div class="info-prop">
<span class="info-title-2">所属组织</span>
<span>{{ villageList.name || '--' }}</span>
<span class="info-title-2">所属区市 </span>
<span>{{ villageList.districtName|| '--' }}</span>
</div>
</div>
</div>
<div class="m-row">
<div class="m-info">
<div class="info-prop">
<span class="info-title-2">所属镇街 </span>
<span>{{ villageList.streetName|| '--' }}</span>
</div>
</div>
</div>
<div class="m-row">
<div class="m-info">
<div class="info-prop">
<span class="info-title-2">社区/民居 </span>
<span>{{ villageList.communityName|| '--' }}</span>
</div>
</div>
</div>
<div class="m-row">
<div class="m-info">
<div class="info-prop">
<span class="info-title-2">所属网格 </span>
<span>{{ villageList.gridName|| '--' }}</span>
</div>
</div>
</div>
<div class="m-row">
<div class="m-info">
<div class="info-prop">
<span class="info-title-2">所属小区 </span>
<span>{{ villageList.viliageName|| '--' }}</span>
</div>
</div>
</div>
@ -37,7 +77,7 @@
<div class="m-info">
<div class="info-prop">
<span class="info-title-2">楼栋</span>
<span>{{ villageList.name || '--' }}</span>
<span>{{ villageList.buildingName|| '--' }}</span>
</div>
</div>
</div>
@ -45,7 +85,7 @@
<div class="m-info">
<div class="info-prop">
<span class="info-title-2">单元</span>
<span>{{ villageList.name || '--' }}</span>
<span>{{ villageList.unitName || '--' }}</span>
</div>
</div>
</div>
@ -53,12 +93,14 @@
<div class="div-btn"><el-button size="small" @click="handleCancle">关 闭</el-button></div>
</div>
</template>
<script>
import { mapGetters } from 'vuex';
import { requestPost } from '@/js/dai/request';
import {
mapGetters
} from 'vuex';
import {
requestPost
} from '@/js/dai/request';
import fileList from '@/views/components/fileList';
export default {
props: {
formId: {
@ -70,7 +112,6 @@ export default {
default: () => {}
}
},
data() {
return {
customerId: localStorage.getItem('customerId'),
@ -78,10 +119,11 @@ export default {
fmData: {}
};
},
components: { fileList },
components: {
fileList
},
computed: {},
watch: {},
methods: {
handleCancle() {
this.$emit('diaDetailClose');
@ -89,7 +131,6 @@ export default {
}
};
</script>
<style lang="scss" scoped>
@import '@/assets/scss/modules/management/detail-main.scss';
</style>

425
src/views/modules/housemaster/cpts/edit.vue
View File

@ -1,58 +1,95 @@
<template>
<div>
<div class="dialog-h-content scroll-h">
<el-form ref="ref_form" :model="fmData" :rules="dataRule" :disabled="formType === 'watch'" class="form" label-width="150px">
<el-form ref="ref_form" :inline="true" :model="fmData" :rules="dataRule" :disabled="formType === 'watch'"
class="form" label-width="150px">
<el-form-item label="姓名" prop="name" style="display: block">
<el-input v-model="fmData.name" class="item_width_2" size="small" clearable placeholder="请输入"></el-input>
<el-input v-model="fmData.name" class="item_width_2" size="small" clearable
placeholder="请输入"></el-input>
</el-form-item>
<el-form-item label="联系电话" prop="phone">
<el-input v-model="fmData.phone" class="item_width_2" size="small" clearable placeholder="请输入"></el-input>
<el-input v-model="fmData.phone" class="item_width_2" size="small" clearable
placeholder="请输入"></el-input>
</el-form-item>
<el-form-item label="身份证号" prop="idCard">
<el-input v-model="fmData.idCard" class="item_width_2" size="small" clearable placeholder="请输入"></el-input>
<el-input v-model="fmData.idCard" class="item_width_2" size="small" clearable
placeholder="请输入"></el-input>
</el-form-item>
<el-form-item label="类型" prop="type">
<el-select class="item_width_2" v-model="fmData.type" placeholder="请选择" filterable clearable>
<el-option v-for="item in typeList" :key="item.value" :label="item.label" :value="item.value"></el-option>
<el-option v-for="item in typeList" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="所属区市" prop="districtId">
<el-input v-model="fmData.districtId" class="item_width_2" size="small" clearable placeholder="请输入"></el-input>
<el-select class="item_width_2" v-model="fmData.districtId" placeholder="请选择" filterable
clearable @change="getstreetList(1)">
<el-option v-for="item in districtList" :key="item.id" :label="item.organizationName"
:value="item.id"></el-option>
</el-select>
</el-form-item>
<el-form-item label="所属镇街" prop="streetId">
<el-input v-model="fmData.streetId" class="item_width_2" size="small" clearable placeholder="请输入"></el-input>
<el-select class="item_width_2" v-model="fmData.streetId" placeholder="请选择" filterable :disabled="streetList.length==0"
clearable @change="getcommunityList(1)">
<el-option v-for="item in streetList" :key="item.id" :label="item.organizationName"
:value="item.id"></el-option>
</el-select>
</el-form-item>
<el-form-item label="所属社区/民居" prop="communityId">
<el-input v-model="fmData.communityId" class="item_width_2" size="small" clearable placeholder="请输入"></el-input>
<el-select class="item_width_2" v-model="fmData.communityId" placeholder="请选择" :disabled="communityList.length==0"
filterable clearable @change="
getgridList(1);
getviliageList(1);
">
<el-option v-for="item in communityList" :key="item.id" :label="item.organizationName"
:value="item.id"></el-option>
</el-select>
</el-form-item>
<el-form-item label="所属网格" prop="gridId">
<el-input v-model="fmData.gridId" class="item_width_2" size="small" clearable placeholder="请输入"></el-input>
<el-select class="item_width_2" v-model="fmData.gridId" placeholder="请选择" filterable :disabled="gridList.length==0"
clearable @change="getviliageList(1)">
<el-option v-for="item in gridList" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="所属小区" prop="viliageId">
<el-input v-model="fmData.viliageId" class="item_width_2" size="small" clearable placeholder="请输入"></el-input>
<el-select class="item_width_2" v-model="fmData.viliageId" placeholder="请选择" filterable :disabled="viliageList.length==0"
clearable @change="getbuildingList(1)">
<el-option v-for="item in viliageList" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="楼栋" prop="buildingId">
<el-input v-model="fmData.buildingId" class="item_width_2" size="small" clearable placeholder="请输入"></el-input>
<el-select class="item_width_2" v-model="fmData.buildingId" placeholder="请选择" filterable :disabled="buildingList.length==0"
clearable @change="getunitList(1)">
<el-option v-for="item in buildingList" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="单元" prop="unitId">
<el-input v-model="fmData.unitId" class="item_width_2" size="small" clearable placeholder="请输入"></el-input>
<el-select class="item_width_2" v-model="fmData.unitId" placeholder="请选择" filterable :disabled="unitList.length==0"
clearable>
<el-option v-for="item in unitList" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
</el-form>
</div>
<div class="div_btn resi-btns">
<el-button size="small" @click="handleCancle">取 消</el-button>
<el-button v-if="formType != 'watch'" type="primary" size="small" :disabled="btnDisable" @click="handleComfirm">确 定</el-button>
<el-button v-if="formType != 'watch'" type="primary" size="small" :disabled="btnDisable"
@click="handleComfirm">确 定</el-button>
</div>
</div>
</template>
<script>
import { mapGetters } from 'vuex';
import { requestPost } from '@/js/dai/request';
import {
mapGetters
} from 'vuex';
import {
requestPost
} from '@/js/dai/request';
import formVltHelper from 'dai-js/tools/formVltHelper';
export default {
props: {
formId: {
@ -68,69 +105,336 @@ export default {
default: {}
}
},
data() {
const checkPhone = (rule, value, callback) => {
if (value === '') {
callback(new Error('请输入手机号'));
} else if (!/^((13[0-9])|(14[5|7])|(15([0-3]|[5-9]))|(1[|6|7|8][0-9]))\d{8}$/.test(value)) {
callback(new Error('请输入正确的手机号格式'));
} else {
callback();
}
};
const checkCardId = (rule, value, callback) => {
if (value === '') {
callback(new Error('请输入身份证号'));
} else if (!/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(value)) {
callback(new Error('请输入正确的身份证号'));
} else {
callback();
}
};
return {
uploadUrl: window.SITE_CONFIG['apiURL'] + '/oss/file/uploadqrcodeV2',
customerId: localStorage.getItem('customerId'),
btnDisable: false,
fmData: {
name: ''
name: '',
phone: '',
idCard: '',
type: '',
districtId: '',
streetId: '',
communityId: '',
gridId: '',
viliageId: '',
buildingId: '',
unitId: '',
},
typeList: [
{
typeList: [{
value: '0',
label: '楼长'
},
{
}, {
value: '1',
label: '单元长'
}
],
levelOptions: [
{
}],
levelOptions: [{
value: '0',
label: '市级'
},
{
}, {
value: '1',
label: '区级'
},
{
}, {
value: '2',
label: '街道级'
}],
categoryOptions: [],
districtList: [],
streetList: [],
communityList: [],
gridList: [],
viliageList: [],
buildingList: [],
unitList: [],
dataRule: {
name: [{
required: true,
message: '姓名不能为空',
trigger: 'blur'
}],
phone: [{
required: true,
validator: checkPhone,
trigger: 'blur'
}],
idCard: [{
required: true,
validator: checkCardId,
trigger: 'blur'
}],
type: [{
required: true,
message: '类型不能为空',
trigger: 'blur'
}],
districtId: [{
required: true,
message: '所属区市不能为空',
trigger: 'blur'
}],
streetId: [{
required: true,
message: '所属镇街不能为空',
trigger: 'blur'
}],
communityId: [{
required: true,
message: '所属社区/民居不能为空',
trigger: 'blur'
}],
gridId: [{
required: true,
message: '所属网格不能为空',
trigger: 'blur'
}],
viliageId: [{
required: true,
message: '所属小区不能为空',
trigger: 'blur'
}],
buildingId: [{
required: true,
message: '楼栋不能为空',
trigger: 'blur'
}],
unitId: [{
required: true,
message: '单元不能为空',
trigger: 'blur'
}],
}
],
categoryOptions: []
};
},
components: {},
computed: {
dataRule() {
return {
name: [{ required: true, message: '物业名字不能为空', trigger: 'blur' }]
};
}
},
computed: {},
watch: {},
async mounted() {
this.initForm();
},
methods: {
async initForm() {
this.getdistrictList(2);
if (this.formType != 'add') {
this.getInfo();
}
},
async getdistrictList(type) {
// 区市
const url = '/gov/org/customeragency/districtList';
const {
data,
code,
msg
} = await requestPost(url);
if (code === 0) {
this.districtList = data;
if (type == 1) {
this.streetList = [];
this.communityList = [];
this.gridList = [];
this.viliageList = [];
this.buildingList = [];
this.unitList = [];
this.fmData.districtId = '';
this.fmData.streetId = '';
this.fmData.communityId = '';
this.fmData.gridId = '';
this.fmData.viliageId = '';
this.fmData.buildingId = '';
this.fmData.unitId = '';
}
} else {
this.$message.error(msg);
}
this.$forceUpdate();
},
async getstreetList(type) {
// 镇街
const url = `/gov/org/customeragency/streetList/${this.fmData.districtId}`;
const {
data,
code,
msg
} = await requestPost(url);
if (code === 0) {
this.streetList = data;
if (type == 1) {
this.communityList = [];
this.gridList = [];
this.viliageList = [];
this.buildingList = [];
this.unitList = [];
this.fmData.streetId = '';
this.fmData.communityId = '';
this.fmData.gridId = '';
this.fmData.viliageId = '';
this.fmData.buildingId = '';
this.fmData.unitId = '';
}
} else {
this.$message.error(msg);
}
this.$forceUpdate();
},
async getcommunityList(type) {
// 社区/民居
const url = `/gov/org/customeragency/communityList/${this.fmData.streetId}`;
const {
data,
code,
msg
} = await requestPost(url);
if (code === 0) {
this.communityList = data;
if (type == 1) {
this.gridList = [];
this.viliageList = [];
this.buildingList = [];
this.unitList = [];
this.fmData.communityId = '';
this.fmData.gridId = '';
this.fmData.viliageId = '';
this.fmData.buildingId = '';
this.fmData.unitId = '';
}
} else {
this.$message.error(msg);
}
this.$forceUpdate();
},
async getgridList(type) {
// 网格
const url = `/gov/org/customergrid/gridoption`;
const {
data,
code,
msg
} = await requestPost(url, {
agencyId: this.fmData.communityId,
purpose: 'query'
});
if (code === 0) {
this.gridList = data;
if (type == 1) {
this.viliageList = [];
this.buildingList = [];
this.unitList = [];
this.fmData.gridId = '';
this.fmData.viliageId = '';
this.fmData.buildingId = '';
this.fmData.unitId = '';
}
} else {
this.$message.error(msg);
}
this.$forceUpdate();
},
async getviliageList(type) {
//小区
const url = `/gov/org/icneighborhood/neighborhood-options`;
const {
data,
code,
msg
} = await requestPost(url, {
agencyId: this.fmData.communityId,
gridId: this.fmData.gridId
});
if (code === 0) {
this.viliageList = data;
if (type == 1) {
this.buildingList = [];
this.unitList = [];
this.fmData.viliageId = '';
this.fmData.buildingId = '';
this.fmData.unitId = '';
}
} else {
this.$message.error(msg);
}
this.$forceUpdate();
},
async getbuildingList(type) {
const url = `/gov/org/icbuilding/buildingoption`;
const {
data,
code,
msg
} = await requestPost(url, {
neighborHoodId: this.fmData.viliageId
});
if (code === 0) {
this.buildingList = data;
if (type == 1) {
this.unitList = [];
this.fmData.buildingId = '';
this.fmData.unitId = '';
}
} else {
this.$message.error(msg);
}
this.$forceUpdate();
},
async getunitList(type) {
const url = `/gov/org/icbuildingunit/unitoption`;
const {
data,
code,
msg
} = await requestPost(url, {
buildingId: this.fmData.buildingId
});
if (code === 0) {
this.unitList = data;
if (type == 1) {
this.fmData.unitId = '';
}
} else {
this.$message.error(msg);
}
this.$forceUpdate();
},
async getInfo() {
this.fmData.name = this.villageList.name;
const url = `/gov/org/communityBuildingManager/detail/${this.formId}`;
const {
data,
code,
msg
} = await requestPost(url);
if (code === 0) {
this.$nextTick(() => {
this.fmData = data;
this.getstreetList(2);
this.getcommunityList(2);
this.getgridList(2);
this.getviliageList(2);
this.getbuildingList(2);
this.getunitList(2);
})
} else {
this.$message.error(msg);
}
},
async handleComfirm() {
this.btnDisable = true;
setTimeout(() => {
@ -145,18 +449,22 @@ export default {
}
});
},
async submit() {
let url = '';
let params = { ...this.fmData };
let params = {
...this.fmData
};
if (this.formType === 'add') {
url = '/gov/org/communityBuildingManager/save';
} else {
url = '/gov/org/communityBuildingManager/update';
this.$set(params, 'id', this.villageList.id);
}
const { data, code, msg } = await requestPost(url, params);
const {
data,
code,
msg
} = await requestPost(url, params);
if (code === 0) {
this.$message({
type: 'success',
@ -169,25 +477,26 @@ export default {
this.$message.error(msg);
}
},
handleCancle() {
this.$emit('close');
}
}
};
</script>
<style lang="scss" scoped>
.item_width_1 {
width: 500px;
}
.item_width_2 {
width: 400px;
}
.item_width_3 {
margin-left: 10px;
width: 200px;
}
.item_width_4 {
width: 200px;
}
@ -200,17 +509,19 @@ export default {
// display: flex;
// justify-content: flex-end;
}
.el-tabs {
margin: 0 20px;
}
.el-upload__tip {
color: rgb(155, 155, 155);
margin: 0;
}
.form {
margin-top: 30px;
}
.attachement-list {
}
.attachement-list {}
</style>

386
src/views/modules/housemaster/housemaster .vue
View File

@ -2,77 +2,90 @@
<div class="div_main">
<div v-show="true">
<div class="div_search">
<el-form :inline="true" :model="searchData" ref="ref_searchform" :label-width="'80px'">
<el-form :inline="true" :model="searchData" ref="ref_searchform" :label-width="'120px'">
<div>
<!-- 姓名 联系电话 证件号 类型 所属组织 楼栋 单元 tianqian -->
<el-form-item label="姓名" prop="serviceContent">
<el-input v-model="searchData.name" class="item_width_2" size="small" clearable placeholder="请输入"></el-input>
<el-form-item label="姓名" prop="name">
<el-input v-model="searchData.name" class="item_width_2" size="small" clearable
placeholder="请输入"></el-input>
</el-form-item>
<el-form-item label="联系电话" prop="serviceContent">
<el-input v-model="searchData.name" class="item_width_2" size="small" clearable placeholder="请输入"></el-input>
<el-form-item label="联系电话" prop="phone">
<el-input v-model="searchData.phone" class="item_width_2" size="small" clearable
placeholder="请输入"></el-input>
</el-form-item>
<el-form-item label="证件号" prop="idCard">
<el-input v-model="searchData.idCard" class="item_width_2" size="small" clearable placeholder="请输入"></el-input>
<el-input v-model="searchData.idCard" class="item_width_2" size="small" clearable
placeholder="请输入"></el-input>
</el-form-item>
<el-form-item label="类型" prop="type">
<el-input v-model="searchData.type" class="item_width_2" size="small" clearable placeholder="请输入"></el-input>
<el-select class="item_width_2" v-model="searchData.type" placeholder="请选择" filterable
clearable>
<el-option v-for="item in typeList" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="所属区市" prop="districtId">
<el-select class="item_width_2" v-model="searchData.districtId" placeholder="请选择" filterable clearable @change="getstreetList">
<el-option v-for="item in districList" :key="item.id" :label="item.organizationName" :value="item.id"></el-option>
<el-select class="item_width_2" v-model="searchData.districtId" placeholder="请选择" filterable
clearable @change="getstreetList">
<el-option v-for="item in districtList" :key="item.id" :label="item.organizationName"
:value="item.id"></el-option>
</el-select>
</el-form-item>
<el-form-item label="所属镇街" prop="streetId">
<el-select class="item_width_2" v-model="searchData.streetId" placeholder="请选择" filterable clearable @change="getcommunityList">
<el-option v-for="item in streetList" :key="item.id" :label="item.organizationName" :value="item.id"></el-option>
<el-select class="item_width_2" v-model="searchData.streetId" placeholder="请选择" filterable
:disabled="streetList.length==0" clearable @change="getcommunityList">
<el-option v-for="item in streetList" :key="item.id" :label="item.organizationName"
:value="item.id"></el-option>
</el-select>
</el-form-item>
<el-form-item label="所属社区/民居" prop="communityId">
<el-select
class="item_width_2"
v-model="searchData.communityId"
placeholder="请选择"
filterable
clearable
@change="
<el-select class="item_width_2" v-model="searchData.communityId" placeholder="请选择"
:disabled="communityList.length==0" filterable clearable @change="
getgridList();
getviliageList();
"
>
<el-option v-for="item in communityList" :key="item.id" :label="item.organizationName" :value="item.id"></el-option>
">
<el-option v-for="item in communityList" :key="item.id" :label="item.organizationName"
:value="item.id"></el-option>
</el-select>
</el-form-item>
<el-form-item label="所属网格" prop="gridId">
<el-select class="item_width_2" v-model="searchData.gridId" placeholder="请选择" filterable clearable @change="getviliageList">
<el-option v-for="item in gridList" :key="item.value" :label="item.label" :value="item.value"></el-option>
<el-select class="item_width_2" v-model="searchData.gridId" placeholder="请选择" filterable
:disabled="gridList.length==0" clearable @change="getviliageList">
<el-option v-for="item in gridList" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="所属小区" prop="viliageId">
<el-select class="item_width_2" v-model="searchData.viliageId" placeholder="请选择" filterable clearable @change="getbuildingList">
<el-option v-for="item in viliageList" :key="item.value" :label="item.label" :value="item.value"></el-option>
<el-select class="item_width_2" v-model="searchData.viliageId" placeholder="请选择" filterable
:disabled="viliageList.length==0" clearable @change="getbuildingList">
<el-option v-for="item in viliageList" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="楼栋" prop="buildingId">
<el-select class="item_width_2" v-model="searchData.buildingId" placeholder="请选择" filterable clearable @change="getunitList">
<el-option v-for="item in buildingList" :key="item.value" :label="item.label" :value="item.value"></el-option>
<el-select class="item_width_2" v-model="searchData.buildingId" placeholder="请选择" filterable
:disabled="buildingList.length==0" clearable @change="getunitList">
<el-option v-for="item in buildingList" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="单元" prop="unitId">
<el-select class="item_width_2" v-model="searchData.unitId" placeholder="请选择" filterable clearable>
<el-option v-for="item in unitList" :key="item.value" :label="item.label" :value="item.value"></el-option>
<el-select class="item_width_2" v-model="searchData.unitId" placeholder="请选择" filterable
:disabled="unitList.length==0" clearable>
<el-option v-for="item in unitList" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select>
</el-form-item>
<el-button style="margin-left: 30px" size="small" class="diy-button--search" @click="handleSearch">查询</el-button>
<el-button style="margin-left: 10px" size="small" class="diy-button--reset" @click="resetSearch">重置</el-button>
<el-button style="margin-left: 30px" size="small" class="diy-button--search"
@click="handleSearch">查询</el-button>
<el-button style="margin-left: 10px" size="small" class="diy-button--reset"
@click="resetSearch">重置</el-button>
</div>
</el-form>
</div>
<div class="div_table">
<div class="div_btn">
<el-button class="diy-button--add" size="small" @click="handleAdd">新增</el-button>
<!-- <el-button
@click="handleExport"
class="diy-button--reset"
@ -80,115 +93,119 @@
>导出</el-button
> -->
</div>
<el-table :data="tableData" border :header-cell-style="{ background: '#2195FE', color: '#FFFFFF' }" class="table" style="width: 100%" :height="maxTableHeight">
<el-table :data="tableData" border :header-cell-style="{ background: '#2195FE', color: '#FFFFFF' }"
class="table" style="width: 100%" :height="maxTableHeight">
<el-table-column label="序号" fixed="left" type="index" align="center" width="50" />
<!-- 姓名 联系电话 证件号 所属组织 楼栋 单元 tianqian -->
<el-table-column prop="name" align="center" label="姓名" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="phone" align="center" label="联系电话" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="idCard" align="center" label="证件号" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="districtName" align="center" label="所属区市" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="streetName" align="center" label="所属镇街" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="communityName" align="center" label="所属社区/民居" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="gridName" align="center" label="所属网格" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="viliageName" align="center" label="所属小区" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="buildingName" align="center" label="楼栋" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="unitName" align="center" label="单元" :show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="name" align="center" label="姓名"
:show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="phone" align="center" label="联系电话"
:show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="idCard" align="center" label="证件号"
:show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="districtName" align="center" label="所属区市"
:show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="streetName" align="center" label="所属镇街"
:show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="communityName" align="center" label="所属社区/民居"
:show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="gridName" align="center" label="所属网格"
:show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="viliageName" align="center" label="所属小区"
:show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="buildingName" align="center" label="楼栋"
:show-overflow-tooltip="true"></el-table-column>
<el-table-column prop="unitName" align="center" label="单元"
:show-overflow-tooltip="true"></el-table-column>
<el-table-column fixed="right" label="操作" align="center" width="200">
<template slot-scope="scope">
<el-button @click="handleWatch(scope.row)" type="text" size="small" class=".div-table-button--detail">查看</el-button>
<el-button @click="handleEdit(scope.row)" type="text" size="small" class="div-table-button--edit">编辑</el-button>
<el-popconfirm title="删除之后无法回复，确认删除？" @onConfirm="handleDelete(scope.row, scope.$index)" @confirm="handleDelete(scope.row, scope.$index)">
<el-button slot="reference" type="text" size="small" style="margin-left: 10px" class="div-table-button--delete">删除</el-button>
<el-button @click="handleWatch(scope.row)" type="text" size="small"
class=".div-table-button--detail">查看</el-button>
<el-button @click="handleEdit(scope.row)" type="text" size="small"
class="div-table-button--edit">编辑</el-button>
<el-popconfirm title="删除之后无法回复，确认删除？" @onConfirm="handleDelete(scope.row, scope.$index)"
@confirm="handleDelete(scope.row, scope.$index)">
<el-button slot="reference" type="text" size="small" style="margin-left: 10px"
class="div-table-button--delete">删除</el-button>
</el-popconfirm>
</template>
</el-table-column>
</el-table>
<div>
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="pageNo"
:page-sizes="[20, 50, 100, 200]"
:page-size="parseInt(pageSize)"
layout="sizes, prev, pager, next, total"
:total="total"
></el-pagination>
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
:current-page.sync="pageNo" :page-sizes="[20, 50, 100, 200]" :page-size="parseInt(pageSize)"
layout="sizes, prev, pager, next, total" :total="total"></el-pagination>
</div>
</div>
</div>
<!-- 修改弹出框 -->
<el-dialog
v-if="formShow"
:visible.sync="formShow"
:close-on-click-modal="false"
:close-on-press-escape="false"
:title="formTitle"
width="850px"
top="5vh"
class="dialog-h"
@closed="handleClose"
>
<edit-form ref="eleEditForm" :formId="formId" :formType="formType" @close="handleClose" :villageList="villageList" @afterEdit="handleEditSuccess"></edit-form>
<el-dialog v-if="formShow" :visible.sync="formShow" :close-on-click-modal="false" :close-on-press-escape="false"
:title="formTitle" width="850px" top="5vh" class="dialog-h" @closed="handleClose">
<edit-form ref="eleEditForm" :formId="formId" :formType="formType" @close="handleClose"
:villageList="villageList" @afterEdit="handleEditSuccess"></edit-form>
</el-dialog>
<!-- 详情弹出框 -->
<el-dialog
v-if="detailShow"
:visible.sync="detailShow"
:close-on-click-modal="false"
:close-on-press-escape="false"
:title="'详情'"
width="850px"
top="5vh"
class="dialog-h"
@closed="handleClose"
>
<detail-form ref="ref_form_detail" :formId="formId" :villageList="villageList" @diaDetailClose="handleClose"></detail-form>
<el-dialog v-if="detailShow" :visible.sync="detailShow" :close-on-click-modal="false"
:close-on-press-escape="false" :title="'详情'" width="850px" top="5vh" class="dialog-h" @closed="handleClose">
<detail-form ref="ref_form_detail" :formId="formId" :villageList="villageList"
@diaDetailClose="handleClose"></detail-form>
</el-dialog>
</div>
</template>
<script>
import { requestPost } from '@/js/dai/request';
import {
requestPost
} from '@/js/dai/request';
import nextTick from 'dai-js/tools/nextTick';
import { mapGetters } from 'vuex';
import {
mapGetters
} from 'vuex';
import axios from 'axios';
import editForm from './cpts/edit';
import detailForm from './cpts/detail';
function iniSearchData() {
return {
name: ''
name: '',
phone: '',
idCard: '',
type: '',
districtId: '',
streetId: '',
communityId: '',
gridId: '',
viliageId: '',
buildingId: '',
unitId: '',
};
}
export default {
components: { editForm, detailForm },
components: {
editForm,
detailForm
},
data() {
return {
typeList: [{
value: '0',
label: '楼长'
}, {
value: '1',
label: '单元长'
}],
tableData: [],
villageList: {},
searchData: iniSearchData(),
categoryOptions: [],
pageNo: 1,
pageSize: window.localStorage.getItem('pageSize') || 20,
total: 1,
formId: '',
formShow: false,
formTitle: '服务项目',
formType: '', // 列表list 新增add 修改edit 详情info
detailShow: false,
districList: [],
districtList: [],
streetList: [],
communityList: [],
gridList: [],
@ -205,36 +222,31 @@ export default {
},
...mapGetters(['clientHeight', 'iframeHeight'])
},
mounted() {
console.log(this.$store.state);
this.user = this.$store.state.user;
this.getTableData();
this.getdistricList();
this.getdistrictList();
},
methods: {
// districList
// streetList
// communityList
// gridList
// viliageList
// buildingList
// unitList
// getdistricList
// getstreetList
// getcommunityList
// getgridList
// getviliageList
// getbuildingList
// getunitList
//加载组织
async getdistricList() {
async getdistrictList() {
// 区市
const url = '/gov/org/customeragency/districtList';
const { data, code, msg } = await requestPost(url);
const {
data,
code,
msg
} = await requestPost(url);
if (code === 0) {
this.districList = data;
this.districtList = data;
this.streetList = [];
this.communityList = [];
this.gridList = [];
this.viliageList = [];
this.buildingList = [];
this.unitList = [];
this.searchData.districtId = '';
this.searchData.streetId = '';
this.searchData.communityId = '';
this.searchData.gridId = '';
@ -249,10 +261,19 @@ export default {
async getstreetList(id) {
// 镇街
const url = `/gov/org/customeragency/streetList/${id}`;
const { data, code, msg } = await requestPost(url);
const {
data,
code,
msg
} = await requestPost(url);
if (code === 0) {
this.streetList = data;
this.communityList = [];
this.gridList = [];
this.viliageList = [];
this.buildingList = [];
this.unitList = [];
this.searchData.streetId = '';
this.searchData.communityId = '';
this.searchData.gridId = '';
this.searchData.viliageId = '';
@ -266,10 +287,18 @@ export default {
async getcommunityList(id) {
// 社区/民居
const url = `/gov/org/customeragency/communityList/${id}`;
const { data, code, msg } = await requestPost(url);
const {
data,
code,
msg
} = await requestPost(url);
if (code === 0) {
this.communityList = data;
this.gridList = [];
this.viliageList = [];
this.buildingList = [];
this.unitList = [];
this.searchData.communityId = '';
this.searchData.gridId = '';
this.searchData.viliageId = '';
this.searchData.buildingId = '';
@ -282,10 +311,20 @@ export default {
async getgridList(id) {
// 网格
const url = `/gov/org/customergrid/gridoption`;
const { data, code, msg } = await requestPost(url, { agencyId: this.searchData.communityId, purpose: 'query' });
const {
data,
code,
msg
} = await requestPost(url, {
agencyId: this.searchData.communityId,
purpose: 'query'
});
if (code === 0) {
this.gridList = data;
this.viliageList = [];
this.buildingList = [];
this.unitList = [];
this.searchData.gridId = '';
this.searchData.viliageId = '';
this.searchData.buildingId = '';
this.searchData.unitId = '';
@ -297,10 +336,19 @@ export default {
async getviliageList(id) {
//小区
const url = `/gov/org/icneighborhood/neighborhood-options`;
const { data, code, msg } = await requestPost(url, { agencyId: this.searchData.communityId, gridId: this.searchData.gridId });
const {
data,
code,
msg
} = await requestPost(url, {
agencyId: this.searchData.communityId,
gridId: this.searchData.gridId
});
if (code === 0) {
this.viliageList = data;
this.buildingList = [];
this.unitList = [];
this.searchData.viliageId = '';
this.searchData.buildingId = '';
this.searchData.unitId = '';
} else {
@ -310,37 +358,52 @@ export default {
},
async getbuildingList(id) {
const url = `/gov/org/icbuilding/buildingoption`;
const { data, code, msg } = await requestPost(url, { neighborHoodId: this.searchData.viliageId });
const {
data,
code,
msg
} = await requestPost(url, {
neighborHoodId: this.searchData.viliageId
});
if (code === 0) {
this.buildingList = data;
this.unitList = [];
this.searchData.buildingId = '';
this.searchData.unitId = '';
} else {
this.$message.error(msg);
}
this.$forceUpdate();
},
async getunitList(id) {
const url = `/gov/org/icbuildingunit/unitoption`;
const { data, code, msg } = await requestPost(url, { buildingId: id });
const {
data,
code,
msg
} = await requestPost(url, {
buildingId: id
});
if (code === 0) {
this.unitList = data;
this.searchData.unitId = '';
} else {
this.$message.error(msg);
}
this.$forceUpdate();
},
handleSearch(val) {
console.log(this.searchData);
this.pageNo = 1;
this.getTableData();
},
async handleExport() {
const url = '/gov/project/icEvent/export';
const { pageSize, pageNo, searchData } = this;
const {
pageSize,
pageNo,
searchData
} = this;
axios({
url: window.SITE_CONFIG['apiURL'] + url,
method: 'post',
@ -350,11 +413,13 @@ export default {
...searchData
},
responseType: 'blob'
})
.then(res => {
let fileName = window.decodeURI(res.headers['content-disposition'].split(';')[1].split('=')[1]);
}).then(res => {
let fileName = window.decodeURI(res.headers['content-disposition'].split(';')[1].split(
'=')[1]);
console.log('filename', fileName);
let blob = new Blob([res.data], { type: 'application/vnd.ms-excel' });
let blob = new Blob([res.data], {
type: 'application/vnd.ms-excel'
});
var url = window.URL.createObjectURL(blob);
var aLink = document.createElement('a');
aLink.style.display = 'none';
@ -364,19 +429,16 @@ export default {
aLink.click();
document.body.removeChild(aLink); //下载完成移除元素
window.URL.revokeObjectURL(url); //释放掉blob对象
})
.catch(err => {
}).catch(err => {
console.log('获取导出情失败', err);
return this.$message.error('网络错误');
});
},
handleAdd() {
this.formType = 'add';
this.formTitle = '新增';
this.formShow = true;
},
handleWatch(row) {
// this.formType = "watch";
this.villageList = row;
@ -385,30 +447,30 @@ export default {
console.log(this.villageList);
this.detailShow = true;
},
handleEdit(row) {
this.formType = 'edit';
this.formId = row.villageId;
this.formId = row.id;
this.villageList = row;
this.formTitle = '编辑';
this.formShow = true;
},
handleClose() {
this.formShow = false;
this.detailShow = false;
},
handleEditSuccess() {
this.handleClose();
this.getTableData();
},
async handleDelete(rowData, rowIndex) {
console.log(rowData, rowIndex);
const url = '/gov/org/communityBuildingManager/delete';
let params = { id: rowData.id };
const { data, code, msg } = await requestPost(url, params);
let params = [rowData.id];
const {
data,
code,
msg
} = await requestPost(url, params);
if (code === 0) {
this.$message.success('删除成功！');
this.getTableData();
@ -420,29 +482,31 @@ export default {
}
}
},
async getTableData() {
const url = '/gov/org/communityBuildingManager/page';
const { pageSize, pageNo, searchData } = this;
const { data, code, msg } = await requestPost(url, {
const {
pageSize,
pageNo,
searchData
} = this;
const {
data,
code,
msg
} = await requestPost(url, {
pageSize,
pageNo,
...searchData
});
if (code === 0) {
this.total = data.total || 0;
this.tableData = data.list
? data.list.map(item => {
this.tableData = data.list ? data.list.map(item => {
return item;
})
: [];
}) : [];
} else {
this.$message.error(msg);
}
},
handleSizeChange(val) {
this.pageSize = val;
window.localStorage.setItem('pageSize', val);
@ -452,7 +516,6 @@ export default {
this.pageNo = val;
this.getTableData();
},
resetSearch() {
this.searchData = iniSearchData();
this.getTableData();
@ -460,7 +523,6 @@ export default {
}
};
</script>
<style lang="scss" scoped>
@import '@/assets/scss/buttonstyle.scss';
@import '@/assets/scss/modules/management/list-main.scss';

Write Preview
Loading…
Cancel
Save