diff --git a/src/views/modules/housemaster/cpts/detail.vue b/src/views/modules/housemaster/cpts/detail.vue
new file mode 100644
index 000000000..433f71b22
--- /dev/null
+++ b/src/views/modules/housemaster/cpts/detail.vue
@@ -0,0 +1,95 @@
+<template>
+	<div>
+		<div class="dialog-h-content scroll-h">
+			<div class="m-row">
+				<div class="m-info">
+					<div class="info-prop">
+						<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.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.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.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.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.name || '--' }}</span>
+					</div>
+				</div>
+			</div>
+		</div>
+		<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 fileList from '@/views/components/fileList';
+
+export default {
+	props: {
+		formId: {
+			type: String,
+			default: ''
+		},
+		villageList: {
+			type: Object,
+			default: () => {}
+		}
+	},
+
+	data() {
+		return {
+			customerId: localStorage.getItem('customerId'),
+			initLoading: false,
+			fmData: {}
+		};
+	},
+	components: { fileList },
+	computed: {},
+	watch: {},
+
+	methods: {
+		handleCancle() {
+			this.$emit('diaDetailClose');
+		}
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+@import '@/assets/scss/modules/management/detail-main.scss';
+</style>
diff --git a/src/views/modules/housemaster/cpts/edit.vue b/src/views/modules/housemaster/cpts/edit.vue
new file mode 100644
index 000000000..ada54b672
--- /dev/null
+++ b/src/views/modules/housemaster/cpts/edit.vue
@@ -0,0 +1,216 @@
+<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-item label="姓名" prop="name" style="display: block">
+					<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-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-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-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-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-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-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-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-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-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-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>
+		</div>
+	</div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex';
+import { requestPost } from '@/js/dai/request';
+import formVltHelper from 'dai-js/tools/formVltHelper';
+
+export default {
+	props: {
+		formId: {
+			type: String,
+			default: ''
+		},
+		formType: {
+			type: String,
+			default: 'info'
+		},
+		villageList: {
+			type: Object,
+			default: {}
+		}
+	},
+
+	data() {
+		return {
+			uploadUrl: window.SITE_CONFIG['apiURL'] + '/oss/file/uploadqrcodeV2',
+			customerId: localStorage.getItem('customerId'),
+
+			btnDisable: false,
+
+			fmData: {
+				name: ''
+			},
+			typeList: [
+				{
+					value: '0',
+					label: '楼长'
+				},
+				{
+					value: '1',
+					label: '单元长'
+				}
+			],
+			levelOptions: [
+				{
+					value: '0',
+					label: '市级'
+				},
+				{
+					value: '1',
+					label: '区级'
+				},
+				{
+					value: '2',
+					label: '街道级'
+				}
+			],
+			categoryOptions: []
+		};
+	},
+	components: {},
+	computed: {
+		dataRule() {
+			return {
+				name: [{ required: true, message: '物业名字不能为空', trigger: 'blur' }]
+			};
+		}
+	},
+	watch: {},
+
+	async mounted() {
+		this.initForm();
+	},
+
+	methods: {
+		async initForm() {
+			if (this.formType != 'add') {
+				this.getInfo();
+			}
+		},
+
+		async getInfo() {
+			this.fmData.name = this.villageList.name;
+		},
+
+		async handleComfirm() {
+			this.btnDisable = true;
+			setTimeout(() => {
+				this.btnDisable = false;
+			}, 10000);
+			this.$refs['ref_form'].validate((valid, messageObj) => {
+				if (!valid) {
+					app.util.validateRule(messageObj);
+					this.btnDisable = false;
+				} else {
+					this.submit();
+				}
+			});
+		},
+
+		async submit() {
+			let url = '';
+			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);
+
+			if (code === 0) {
+				this.$message({
+					type: 'success',
+					message: '操作成功'
+				});
+				this.$emit('afterEdit');
+				this.btnDisable = false;
+			} else {
+				this.btnDisable = false;
+				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;
+}
+
+.div_map {
+	margin-top: 10px;
+}
+
+.div_btn {
+	// 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 {
+}
+</style>
diff --git a/src/views/modules/housemaster/housemaster .vue b/src/views/modules/housemaster/housemaster .vue
new file mode 100644
index 000000000..373b8118d
--- /dev/null
+++ b/src/views/modules/housemaster/housemaster .vue	
@@ -0,0 +1,468 @@
+<template>
+	<div class="div_main">
+		<div v-show="true">
+			<div class="div_search">
+				<el-form :inline="true" :model="searchData" ref="ref_searchform" :label-width="'80px'">
+					<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>
+						<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>
+						<el-form-item label="证件号" prop="idCard">
+							<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-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>
+						</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>
+						</el-form-item>
+						<el-form-item label="所属社区/民居" prop="communityId">
+							<el-select
+								class="item_width_2"
+								v-model="searchData.communityId"
+								placeholder="请选择"
+								filterable
+								clearable
+								@change="
+									getgridList();
+									getviliageList();
+								"
+							>
+								<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>
+						</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>
+						</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>
+						</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>
+						</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>
+					</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"
+              size="small"
+              >导出</el-button
+            > -->
+				</div>
+
+				<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 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-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>
+				</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>
+
+		<!-- 详情弹出框 -->
+		<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 nextTick from 'dai-js/tools/nextTick';
+import { mapGetters } from 'vuex';
+import axios from 'axios';
+import editForm from './cpts/edit';
+import detailForm from './cpts/detail';
+
+function iniSearchData() {
+	return {
+		name: ''
+	};
+}
+
+export default {
+	components: { editForm, detailForm },
+
+	data() {
+		return {
+			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: [],
+			streetList: [],
+			communityList: [],
+			gridList: [],
+			viliageList: [],
+			buildingList: [],
+			unitList: [],
+			grid: '',
+			viliageid: ''
+		};
+	},
+	computed: {
+		maxTableHeight() {
+			return this.$store.state.inIframe ? this.clientHeight - 410 + this.iframeHeigh : this.clientHeight - 410;
+		},
+		...mapGetters(['clientHeight', 'iframeHeight'])
+	},
+
+	mounted() {
+		console.log(this.$store.state);
+		this.user = this.$store.state.user;
+		this.getTableData();
+		this.getdistricList();
+	},
+	methods: {
+		// districList
+		// streetList
+		// communityList
+		// gridList
+		// viliageList
+		// buildingList
+		// unitList
+		// getdistricList
+		// getstreetList
+		// getcommunityList
+		// getgridList
+		// getviliageList
+		// getbuildingList
+		// getunitList
+		//加载组织
+		async getdistricList() {
+			// 区市
+			const url = '/gov/org/customeragency/districtList';
+			const { data, code, msg } = await requestPost(url);
+			if (code === 0) {
+				this.districList = data;
+
+				this.searchData.streetId = '';
+				this.searchData.communityId = '';
+				this.searchData.gridId = '';
+				this.searchData.viliageId = '';
+				this.searchData.buildingId = '';
+				this.searchData.unitId = '';
+			} else {
+				this.$message.error(msg);
+			}
+			this.$forceUpdate();
+		},
+		async getstreetList(id) {
+			// 镇街
+			const url = `/gov/org/customeragency/streetList/${id}`;
+			const { data, code, msg } = await requestPost(url);
+			if (code === 0) {
+				this.streetList = data;
+
+				this.searchData.communityId = '';
+				this.searchData.gridId = '';
+				this.searchData.viliageId = '';
+				this.searchData.buildingId = '';
+				this.searchData.unitId = '';
+			} else {
+				this.$message.error(msg);
+			}
+			this.$forceUpdate();
+		},
+		async getcommunityList(id) {
+			// 社区/民居
+			const url = `/gov/org/customeragency/communityList/${id}`;
+			const { data, code, msg } = await requestPost(url);
+			if (code === 0) {
+				this.communityList = data;
+
+				this.searchData.gridId = '';
+				this.searchData.viliageId = '';
+				this.searchData.buildingId = '';
+				this.searchData.unitId = '';
+			} else {
+				this.$message.error(msg);
+			}
+			this.$forceUpdate();
+		},
+		async getgridList(id) {
+			// 网格
+			const url = `/gov/org/customergrid/gridoption`;
+			const { data, code, msg } = await requestPost(url, { agencyId: this.searchData.communityId, purpose: 'query' });
+			if (code === 0) {
+				this.gridList = data;
+
+				this.searchData.viliageId = '';
+				this.searchData.buildingId = '';
+				this.searchData.unitId = '';
+			} else {
+				this.$message.error(msg);
+			}
+			this.$forceUpdate();
+		},
+		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 });
+			if (code === 0) {
+				this.viliageList = data;
+
+				this.searchData.buildingId = '';
+				this.searchData.unitId = '';
+			} else {
+				this.$message.error(msg);
+			}
+			this.$forceUpdate();
+		},
+		async getbuildingList(id) {
+			const url = `/gov/org/icbuilding/buildingoption`;
+			const { data, code, msg } = await requestPost(url, { neighborHoodId: this.searchData.viliageId });
+			if (code === 0) {
+				this.buildingList = data;
+
+				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 });
+			if (code === 0) {
+				this.unitList = data;
+			} 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;
+			axios({
+				url: window.SITE_CONFIG['apiURL'] + url,
+				method: 'post',
+				data: {
+					pageSize,
+					pageNo,
+					...searchData
+				},
+				responseType: 'blob'
+			})
+				.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' });
+					var url = window.URL.createObjectURL(blob);
+					var aLink = document.createElement('a');
+					aLink.style.display = 'none';
+					aLink.href = url;
+					aLink.setAttribute('download', fileName);
+					document.body.appendChild(aLink);
+					aLink.click();
+					document.body.removeChild(aLink); //下载完成移除元素
+					window.URL.revokeObjectURL(url); //释放掉blob对象
+				})
+				.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;
+			// this.formTitle = "查看";
+			// this.formShow = true;
+			console.log(this.villageList);
+			this.detailShow = true;
+		},
+
+		handleEdit(row) {
+			this.formType = 'edit';
+			this.formId = row.villageId;
+			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);
+			if (code === 0) {
+				this.$message.success('删除成功！');
+				this.getTableData();
+			} else {
+				if (code >= 8000) {
+					this.$message.error(msg);
+				} else {
+					this.$message.error('操作失败！');
+				}
+			}
+		},
+
+		async getTableData() {
+			const url = '/gov/org/communityBuildingManager/page';
+
+			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 => {
+							return item;
+					  })
+					: [];
+			} else {
+				this.$message.error(msg);
+			}
+		},
+
+		handleSizeChange(val) {
+			this.pageSize = val;
+			window.localStorage.setItem('pageSize', val);
+			this.getTableData();
+		},
+		handleCurrentChange(val) {
+			this.pageNo = val;
+			this.getTableData();
+		},
+
+		resetSearch() {
+			this.searchData = iniSearchData();
+			this.getTableData();
+		}
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+@import '@/assets/scss/buttonstyle.scss';
+@import '@/assets/scss/modules/management/list-main.scss';
+@import '@/assets/scss/modules/shequzhili/event-info.scss';
+</style>