投诉与报修

src/projects/business/apis/Master/property.js

@@ -0,0 +1,30 @@
+import request from '@/utils/request'
+import Qs from 'qs';
+
+
+//获取报修及投诉列表
+export function getRepairAndComplaintList(params) {
+	return request({
+		url: '/mobile/information/pageList',
+		data: Qs.stringify(params),
+		method: 'post',
+	})
+}
+
+//获取报修及投诉详情
+export function getRepairAndComplaintInfo(id) {
+	return request({
+		url: '/mobile/information/detail/' + id,
+		data: Qs.stringify({}),
+		method: 'get',
+	})
+}
+
+//提交报修及投诉
+export function subRepairAndComplaint(params) {
+	return request({
+		url: '/mobile/information/add',
+		data: Qs.stringify(params),
+		method: 'post',
+	})
+}

src/projects/business/router/master.js

@@ -288,7 +288,7 @@ const routesMaster = [
 							},
 							//业主投诉表单
 							{
-								path: 'info',
+								path: 'form',
 								name: 'MasterPropertyComplaintForm',
 								component: () => import('../views/Master/Property/Complaint/Form.vue'),
 								meta: {

src/projects/business/views/Master/Property/Complaint/Form.vue

@@ -1,24 +1,94 @@
 <template>
-<div>
-    <header class="mui-bar mui-bar-nav">
-			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
-			<h1 class="mui-title">投诉建议</h1>
-		</header>
+	<div>
+		<common ref="common" @asynCallBack="asynCallBack"></common>
+		<top-header :pageTitle="pageTitle"></top-header>
+
 		<div class="mui-content">
 			<div class="mui-content-padded">
 				<h5>请输入您的投诉内容或者建议</h5>
 				<div class="mui-input-row">
-					<textarea id="textarea" rows="5" placeholder="请输入"></textarea>
+					<textarea v-model="subForm.content" rows="5" placeholder="请输入"></textarea>
 				</div>
 			</div>
 		</div>
 		<div class="fyy-footer">
-			<div class="bindfyy-btn"><button type="submit" class="mui-btn mui-btn-primary ">提交</button></div>
+			<div class="bindfyy-btn"><button @click="submit" type="submit" class="mui-btn mui-btn-primary ">提交</button></div>
 		</div>
-</div>
+
+		<loading :visible="isLoading"></loading>
+	</div>
 </template>
 
 <script>
+	import * as API_Property from '@/apis/Master/property'
+	import Common from '$project/components/Common.vue'
+	import Loading from '$project/components/Loading.vue'
+	import TopHeader from '$project/components/TopHeader.vue'
+	import {
+		mapGetters,
+		mapMutations
+	} from 'vuex'
+	export default {
+		name: 'MasterPropertyComplaintForm',
+		components: {
+			Common,
+			Loading,
+			TopHeader
+		},
+		data() {
+			return {
+				pageTitle: '投诉建议',
+
+				isLoading: false,
+
+				subForm: {
+					content: '',
+					type: 1,
+				}
+			}
+		},
+		created() {},
+		methods: {
+			//检测表单
+			checkForm() {
+				if (!this.subForm.content) {
+					mui.toast('请输入内容详情');
+					return false;
+				} else {
+					return true;
+				}
+			},
+			//提交
+			submit() {
+				if (this.checkForm()) {
+					API_Property.subRepairAndComplaint(this.subForm).then(response => {
+						this.isLoading = false;
+						mui.toast('提交成功');
+
+						this.$router.go(-1);
+					}).catch(error => {
+						this.isLoading = false;
+						mui.toast(error);
+					})
+				}
+			},
+			asynCallBack() {
+
+			},
+		},
+		mounted() {
+			document.body.style.backgroundColor = '#fff';
+		},
+		destroyed() {
+			document.body.style.backgroundColor = '';
+		},
+		computed: {
+			...mapGetters({
+				openId: 'wx_openid',
+				token: 'token',
+			})
+		},
+	}
 </script>
 
 <style scoped src="$project/assets/css/xpwyfyy.css"></style>

src/projects/business/views/Master/Property/Complaint/Info.vue

@@ -1,35 +1,88 @@
 <template>
-<div>
-    <header class="mui-bar mui-bar-nav">
-			<h1 class="mui-title">投诉建议</h1>
-			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
-		</header>
+	<div>
+		<common ref="common" @asynCallBack="asynCallBack"></common>
+		<top-header :pageTitle="pageTitle"></top-header>
 
 		<div class="mui-content">
 			<div class="mui-content-padded fyy-detail">
-				<h4 style="margin:30px 0 15px">2019-09-03</h4>
-				<p>投诉建议内容</p>
+				<h4 style="margin:30px 0 15px" v-text="detail.createTime"></h4>
+				<p v-text="detail.content"></p>
 			</div>
 			<div class="mui-content-padded fyy-huifu">
 				<div class="fyy-answer-title">以下为回复内容</div>
-				<p>您的投诉建议服务，已上门处理完毕。如未能解决您的问题，可与我们物业联系。</p>
-				<div class="mui-h6 mui-pull-right">2019-09-03</div>
+				<p v-text="detail.returnContent"></p>
+				<div class="mui-h6 mui-pull-right" v-text="detail.returnTime"></div>
 			</div>
 		</div>
-</div>
+
+		<loading :visible="isLoading"></loading>
+	</div>
 </template>
 
-<script scoped>
-  export default {
-        mounted() {
-            document.body.style.backgroundColor = '#fff';
-        },
-    }
+<script>
+	import * as API_Property from '@/apis/Master/property'
+	import Common from '$project/components/Common.vue'
+	import Loading from '$project/components/Loading.vue'
+	import TopHeader from '$project/components/TopHeader.vue'
+	import {
+		mapGetters,
+		mapMutations
+	} from 'vuex'
+	export default {
+		name: 'MasterPropertyComplaintInfo',
+		components: {
+			Common,
+			Loading,
+			TopHeader
+		},
+		data() {
+			return {
+				pageTitle: '投诉建议',
+
+				isLoading: false,
+
+				id: this.$route.query.id,
+				detail: [],
+			}
+		},
+		created() {},
+		methods: {
+			//获取详情
+			getDetail(id) {
+				this.id = id || this.id;
+				this.isLoading = true;
+				API_Property.getRepairAndComplaintInfo(this.id).then(response => {
+
+					this.detail = response;
+
+					this.isLoading = false;
+				}).catch(error => {
+					this.isLoading = false;
+					mui.toast(error);
+				})
+			},
+			asynCallBack() {
+
+			},
+		},
+		mounted() {
+			//获取详情
+			this.getDetail();
+			document.body.style.backgroundColor = '#fff';
+		},
+		destroyed() {
+			document.body.style.backgroundColor = '';
+		},
+		computed: {
+			...mapGetters({
+				openId: 'wx_openid',
+				token: 'token',
+			})
+		},
+	}
 </script>
 
 <style scoped src="$project/assets/css/xpwyfyy.css"></style>
 <style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>
-
-

src/projects/business/views/Master/Property/Complaint/List.vue

@@ -1,51 +1,132 @@
 <template>
-<div>
-    <header class="mui-bar mui-bar-nav">
-			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
-			<h1 class="mui-title">投诉建议</h1>
-		</header>
+	<div>
+		<common ref="common" @asynCallBack="asynCallBack"></common>
+		<top-header :pageTitle="pageTitle"></top-header>
+
 		<div class="mui-content">
 			<div class="mui-content-padded">
 				<ul class="mui-table-view openfyy-list">
-					<li class="mui-table-view-cell mui-media">
-						<a href="javascript:;" class="mui-navigate-right ">
-							<div class="mui-media-body">
-								2019-09-03
-								<p class='mui-ellipsis'>已回复</p>
-							</div>
-						</a>
-					</li>
-					<li class="mui-table-view-cell mui-media">
-						<a href="javascript:;" class="mui-navigate-right ">
-							<div class="mui-media-body">
-								2019-09-03
-								<p class='mui-ellipsis'>待回复</p>
-							</div>
-						</a>
-					</li>
-					<li class="mui-table-view-cell mui-media">
-						<a href="javascript:;" class="mui-navigate-right ">
-							<div class="mui-media-body">
-								2019-09-03
-								<p class='mui-ellipsis'>已回复</p>
-							</div>
-						</a>
-					</li>
-					<li class="mui-table-view-cell mui-media">
-						<a href="javascript:;" class="mui-navigate-right ">
+					<li v-for="(item,index) in recordList" class="mui-table-view-cell mui-media">
+						<router-link :to="{name:'MasterPropertyComplaintInfo',query:{id:item.id}}" class="mui-navigate-right ">
 							<div class="mui-media-body">
-								2019-09-03
-								<p class='mui-ellipsis'>已结束</p>
+								{{item.createTime}}
+								<p class='mui-ellipsis' v-text="item.statusN"></p>
 							</div>
-						</a>
+						</router-link>
 					</li>
 				</ul>
 			</div>
 		</div>
-</div>
+
+		<div class="fyy-footer">
+			<div class="bindfyy-btn"><button type="submit" class="mui-btn mui-btn-primary " @click="goToForm()">填写投诉建议</button></div>
+		</div>
+
+		<loading :visible="isLoading"></loading>
+	</div>
 </template>
 
 <script>
+	import * as API_Property from '@/apis/Master/property'
+	import Common from '$project/components/Common.vue'
+	import Loading from '$project/components/Loading.vue'
+	import TopHeader from '$project/components/TopHeader.vue'
+	import NavMenu from '@/components/NavMenu.vue'
+	import {
+		mapGetters,
+		mapMutations
+	} from 'vuex'
+	import isReachBottom from '$project/utils/isReachBottom'
+	export default {
+		name: 'MasterPropertyComplaintList',
+		components: {
+			Common,
+			Loading,
+			TopHeader,
+			NavMenu
+		},
+		data() {
+			return {
+				isLoading: false,
+
+				pageTitle: '投诉建议',
+
+				listForm: {
+					pageIndex: 1,
+					pageSize: 20,
+					totalPage: 1,
+					type: 1
+				},
+				recordList: [],
+			}
+		},
+		created() {},
+		methods: {
+			//获取列表
+			getList() {
+				this.isLoading = true;
+				API_Property.getRepairAndComplaintList(this.listForm).then(response => {
+					if (response) {
+						if (this.listForm.pageIndex == 1) {
+							this.recordList = response.data;
+							this.listForm.pageIndex = response.pageNumber;
+							this.listForm.totalPage = response.totalPage;
+						} else {
+							this.recordList = [
+								...this.recordList,
+								...response.data
+							];
+						}
+					}
+					this.listForm.pageIndex++;
+					this.isLoading = false;
+				}).catch(error => {
+					this.isLoading = false;
+					mui.toast(error);
+				})
+			},
+			//下拉事件
+			handleScrool() {
+				if (isReachBottom()) {
+					console.log('到达底部')
+					if (this.listForm.pageIndex <= this.listForm.totalPage && this.isLoading == false) {
+						this.getList();
+					} else {
+						return;
+					}
+				}
+			},
+			//填写
+			goToForm() {
+				this.$router.push({
+					name: 'MasterPropertyComplaintForm'
+				})
+			},
+			asynCallBack() {
+
+			},
+		},
+		mounted() {
+			this.getList();
+			//监控下拉加载事件
+			var _this = this;
+			window.addEventListener('scroll', _this.handleScrool);
+		},
+		destroyed() {
+			//销毁监听事件
+			var _this = this;
+			window.removeEventListener('scroll', _this.handleScrool);
+		},
+		computed: {
+			...mapGetters({
+				openId: 'wx_openid',
+				token: 'token',
+				person_data: 'person_data',
+				person_popedom: 'person_popedom',
+				fun_list: 'fun_list'
+			})
+		}
+	}
 </script>
 
 <style scoped src="$project/assets/css/xpwyfyy.css"></style>

src/projects/business/views/Master/Property/Contact.vue

@@ -1,6 +1,6 @@
 <template>
-<div>
-    <header class="mui-bar mui-bar-nav">
+	<div>
+		<header class="mui-bar mui-bar-nav">
 			<h1 class="mui-title">联系物业</h1>
 			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
 		</header>
@@ -9,27 +9,27 @@
 				<h5>需要帮助请联系我们</h5>
 			</div>
 			<ul class="mui-table-view openfyy-list">
-					<li class="mui-table-view-cell mui-media flew-sp">
-						<div class="mui-media-body">
-							物业门卫
-						</div>
-						<span class="iconfont icon-dianhua1"></span>
-					</li>
-					<li class="mui-table-view-cell mui-media flew-sp">
-						<div class="mui-media-body">
-							物业经理
-						</div>
-						<span class="iconfont icon-dianhua1"></span>
-					</li>
-					<li class="mui-table-view-cell mui-media flew-sp">
-						<div class="mui-media-body">
-							楼栋管家
-						</div>
-						<span class="iconfont icon-dianhua1"></span>
-					</li>
-				</ul>
+				<li class="mui-table-view-cell mui-media flew-sp">
+					<div class="mui-media-body">
+						物业门卫
+					</div>
+					<span class="iconfont icon-dianhua1"></span>
+				</li>
+				<li class="mui-table-view-cell mui-media flew-sp">
+					<div class="mui-media-body">
+						物业经理
+					</div>
+					<span class="iconfont icon-dianhua1"></span>
+				</li>
+				<li class="mui-table-view-cell mui-media flew-sp">
+					<div class="mui-media-body">
+						楼栋管家
+					</div>
+					<span class="iconfont icon-dianhua1"></span>
+				</li>
+			</ul>
 		</div>
-</div>
+	</div>
 </template>
 
 <script>

src/projects/business/views/Master/Property/Repair/Form.vue

@@ -1,24 +1,94 @@
 <template>
-<div>
-    <header class="mui-bar mui-bar-nav">
-			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
-			<h1 class="mui-title">物业报修</h1>
-		</header>
+	<div>
+		<common ref="common" @asynCallBack="asynCallBack"></common>
+		<top-header :pageTitle="pageTitle"></top-header>
+
 		<div class="mui-content">
 			<div class="mui-content-padded">
-				<h5>请输入您要报修的内容</h5>
+				<h5>请输入您的物业报修内容</h5>
 				<div class="mui-input-row">
-					<textarea id="textarea" rows="5" placeholder="请输入"></textarea>
+					<textarea v-model="subForm.content" rows="5" placeholder="请输入"></textarea>
 				</div>
 			</div>
 		</div>
 		<div class="fyy-footer">
-			<div class="bindfyy-btn"><button type="submit" class="mui-btn mui-btn-primary ">提交</button></div>
+			<div class="bindfyy-btn"><button @click="submit" type="submit" class="mui-btn mui-btn-primary ">提交</button></div>
 		</div>
-</div>
+
+		<loading :visible="isLoading"></loading>
+	</div>
 </template>
 
 <script>
+	import * as API_Property from '@/apis/Master/property'
+	import Common from '$project/components/Common.vue'
+	import Loading from '$project/components/Loading.vue'
+	import TopHeader from '$project/components/TopHeader.vue'
+	import {
+		mapGetters,
+		mapMutations
+	} from 'vuex'
+	export default {
+		name: 'MasterPropertyRepairForm',
+		components: {
+			Common,
+			Loading,
+			TopHeader
+		},
+		data() {
+			return {
+				pageTitle: '物业报修',
+
+				isLoading: false,
+
+				subForm: {
+					content: '',
+					type: 2,
+				}
+			}
+		},
+		created() {},
+		methods: {
+			//检测表单
+			checkForm() {
+				if (!this.subForm.content) {
+					mui.toast('请输入内容详情');
+					return false;
+				} else {
+					return true;
+				}
+			},
+			//提交
+			submit() {
+				if (this.checkForm()) {
+					API_Property.subRepairAndComplaint(this.subForm).then(response => {
+						this.isLoading = false;
+						mui.toast('提交成功');
+
+						this.$router.go(-1);
+					}).catch(error => {
+						this.isLoading = false;
+						mui.toast(error);
+					})
+				}
+			},
+			asynCallBack() {
+
+			},
+		},
+		mounted() {
+			document.body.style.backgroundColor = '#fff';
+		},
+		destroyed() {
+			document.body.style.backgroundColor = '';
+		},
+		computed: {
+			...mapGetters({
+				openId: 'wx_openid',
+				token: 'token',
+			})
+		},
+	}
 </script>
 
 <style scoped src="$project/assets/css/xpwyfyy.css"></style>

src/projects/business/views/Master/Property/Repair/Info.vue

@@ -1,34 +1,88 @@
 <template>
-<div>
-    <header class="mui-bar mui-bar-nav">
-			<h1 class="mui-title">物业报修</h1>
-			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
-		</header>
+	<div>
+		<common ref="common" @asynCallBack="asynCallBack"></common>
+		<top-header :pageTitle="pageTitle"></top-header>
 
 		<div class="mui-content">
 			<div class="mui-content-padded fyy-detail">
-				<h4 style="margin:30px 0 15px">2019-09-03</h4>
-				<p>住户在2019年9月3日当天对物业发送的报事报修内容住户在2019年9月3日当天对物业发送的报事报修内容住户在2019年9月3日当天对物业发送的报事报修内容住户在2019年9月3日当天对物业发送的报事报修内容住户在2019年9月3日当天对物业发送的报事报修内容</p>
+				<h4 style="margin:30px 0 15px" v-text="detail.createTime"></h4>
+				<p v-text="detail.content"></p>
 			</div>
 			<div class="mui-content-padded fyy-huifu">
 				<div class="fyy-answer-title">以下为回复内容</div>
-				<p>您的报事报修服务，已上门处理完毕。如未能解决您的问题，可与我们物业联系。</p>
-				<div class="mui-h6 mui-pull-right">2019-09-03</div>
+				<p v-text="detail.returnContent"></p>
+				<div class="mui-h6 mui-pull-right" v-text="detail.returnTime"></div>
 			</div>
 		</div>
-</div>
+
+		<loading :visible="isLoading"></loading>
+	</div>
 </template>
 
-<script scoped>
-  export default {
-        mounted() {
-            document.body.style.backgroundColor = '#fff';
-        },
-    }
+<script>
+	import * as API_Property from '@/apis/Master/property'
+	import Common from '$project/components/Common.vue'
+	import Loading from '$project/components/Loading.vue'
+	import TopHeader from '$project/components/TopHeader.vue'
+	import {
+		mapGetters,
+		mapMutations
+	} from 'vuex'
+	export default {
+		name: 'MasterPropertyRepairInfo',
+		components: {
+			Common,
+			Loading,
+			TopHeader
+		},
+		data() {
+			return {
+				pageTitle: '物业报修',
+
+				isLoading: false,
+
+				id: this.$route.query.id,
+				detail: [],
+			}
+		},
+		created() {},
+		methods: {
+			//获取详情
+			getDetail(id) {
+				this.id = id || this.id;
+				this.isLoading = true;
+				API_Property.getRepairAndComplaintInfo(this.id).then(response => {
+
+					this.detail = response;
+
+					this.isLoading = false;
+				}).catch(error => {
+					this.isLoading = false;
+					mui.toast(error);
+				})
+			},
+			asynCallBack() {
+
+			},
+		},
+		mounted() {
+			//获取详情
+			this.getDetail();
+			document.body.style.backgroundColor = '#fff';
+		},
+		destroyed() {
+			document.body.style.backgroundColor = '';
+		},
+		computed: {
+			...mapGetters({
+				openId: 'wx_openid',
+				token: 'token',
+			})
+		},
+	}
 </script>
 
 <style scoped src="$project/assets/css/xpwyfyy.css"></style>
 <style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>
-

src/projects/business/views/Master/Property/Repair/List.vue

@@ -1,51 +1,132 @@
 <template>
-<div>
-    <header class="mui-bar mui-bar-nav">
-			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
-			<h1 class="mui-title">物业报修</h1>
-		</header>
+	<div>
+		<common ref="common" @asynCallBack="asynCallBack"></common>
+		<top-header :pageTitle="pageTitle"></top-header>
+
 		<div class="mui-content">
 			<div class="mui-content-padded">
 				<ul class="mui-table-view openfyy-list">
-					<li class="mui-table-view-cell mui-media">
-						<a href="javascript:;" class="mui-navigate-right ">
-							<div class="mui-media-body">
-								2019-09-03
-								<p class='mui-ellipsis'>已回复</p>
-							</div>
-						</a>
-					</li>
-					<li class="mui-table-view-cell mui-media">
-						<a href="javascript:;" class="mui-navigate-right ">
-							<div class="mui-media-body">
-								2019-09-03
-								<p class='mui-ellipsis'>待回复</p>
-							</div>
-						</a>
-					</li>
-					<li class="mui-table-view-cell mui-media">
-						<a href="javascript:;" class="mui-navigate-right ">
-							<div class="mui-media-body">
-								2019-09-03
-								<p class='mui-ellipsis'>已回复</p>
-							</div>
-						</a>
-					</li>
-					<li class="mui-table-view-cell mui-media">
-						<a href="javascript:;" class="mui-navigate-right ">
+					<li v-for="(item,index) in recordList" class="mui-table-view-cell mui-media">
+						<router-link :to="{name:'MasterPropertyRepairInfo',query:{id:item.id}}" class="mui-navigate-right ">
 							<div class="mui-media-body">
-								2019-09-03
-								<p class='mui-ellipsis'>已结束</p>
+								{{item.createTime}}
+								<p class='mui-ellipsis' v-text="item.statusN"></p>
 							</div>
-						</a>
+						</router-link>
 					</li>
 				</ul>
 			</div>
 		</div>
-</div>
+
+		<div class="fyy-footer">
+			<div class="bindfyy-btn"><button type="submit" class="mui-btn mui-btn-primary " @click="goToForm()">填写物业报修</button></div>
+		</div>
+
+		<loading :visible="isLoading"></loading>
+	</div>
 </template>
 
 <script>
+	import * as API_Property from '@/apis/Master/property'
+	import Common from '$project/components/Common.vue'
+	import Loading from '$project/components/Loading.vue'
+	import TopHeader from '$project/components/TopHeader.vue'
+	import NavMenu from '@/components/NavMenu.vue'
+	import {
+		mapGetters,
+		mapMutations
+	} from 'vuex'
+	import isReachBottom from '$project/utils/isReachBottom'
+	export default {
+		name: 'MasterPropertyComplaintList',
+		components: {
+			Common,
+			Loading,
+			TopHeader,
+			NavMenu
+		},
+		data() {
+			return {
+				isLoading: false,
+
+				pageTitle: '物业报修',
+
+				listForm: {
+					pageIndex: 1,
+					pageSize: 20,
+					totalPage: 1,
+					type: 2
+				},
+				recordList: [],
+			}
+		},
+		created() {},
+		methods: {
+			//获取列表
+			getList() {
+				this.isLoading = true;
+				API_Property.getRepairAndComplaintList(this.listForm).then(response => {
+					if (response) {
+						if (this.listForm.pageIndex == 1) {
+							this.recordList = response.data;
+							this.listForm.pageIndex = response.pageNumber;
+							this.listForm.totalPage = response.totalPage;
+						} else {
+							this.recordList = [
+								...this.recordList,
+								...response.data
+							];
+						}
+					}
+					this.listForm.pageIndex++;
+					this.isLoading = false;
+				}).catch(error => {
+					this.isLoading = false;
+					mui.toast(error);
+				})
+			},
+			//下拉事件
+			handleScrool() {
+				if (isReachBottom()) {
+					console.log('到达底部')
+					if (this.listForm.pageIndex <= this.listForm.totalPage && this.isLoading == false) {
+						this.getList();
+					} else {
+						return;
+					}
+				}
+			},
+			//填写
+			goToForm() {
+				this.$router.push({
+					name: 'MasterPropertyRepairForm'
+				})
+			},
+			asynCallBack() {
+
+			},
+		},
+		mounted() {
+			this.getList();
+			//监控下拉加载事件
+			var _this = this;
+			window.addEventListener('scroll', _this.handleScrool);
+		},
+		destroyed() {
+			//销毁监听事件
+			var _this = this;
+			window.removeEventListener('scroll', _this.handleScrool);
+		},
+		computed: {
+			...mapGetters({
+				openId: 'wx_openid',
+				token: 'token',
+				person_data: 'person_data',
+				person_popedom: 'person_popedom',
+				fun_list: 'fun_list'
+			})
+		}
+	}
 </script>
 
 <style scoped src="$project/assets/css/xpwyfyy.css"></style>