联系物业

README.md

@@ -15,14 +15,16 @@ yarn install
 yarn jserve [project]
 yarn jserve business
 yarn jserve factory
-yarn jserve persion
+yarn jserve pension
 
 ```
 
 ### 生成环境打包，其中[project]为不同应用场景标识
 ```
 yarn jbuild [project]
-
+yarn jbuild business
+yarn jbuild factory
+yarn jbuild pension
 ```
 
 ### 测试环境打包，其中[project]为不同应用场景标识
@@ -30,7 +32,7 @@ yarn jbuild [project]
 yarn jtest [project]
 yarn jtest business
 yarn jtest factory
-yarn jtest persion
+yarn jtest pension
 ```
 
 ### 更多配置

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

@@ -1,6 +1,14 @@
 import request from '@/utils/request'
 import Qs from 'qs';
 
+//联系门卫
+export function companyContactsList(params) {
+	return request({
+		url: '/mobile/companyInfoApi/companyContactsList',
+		data: Qs.stringify(params),
+		method: 'post',
+	})
+}
 
 //获取报修及投诉列表
 export function getRepairAndComplaintList(params) {

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

@@ -1,40 +1,89 @@
 <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>
+
+		<common ref="common" @asynCallBack="asynCallBack"></common>
+		<top-header :pageTitle="pageTitle"></top-header>
 		<div class="mui-content  vongi-fklist">
 			<div class="mui-content-padded">
 				<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">
+				<li class="mui-table-view-cell mui-media flew-sp" v-for="mod in list">
 					<div class="mui-media-body">
-						物业经理
+						{{mod.name}}
 					</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>
+					<a :href="'tel:'+mod.telephone">
+						<span class="iconfont icon-dianhua1"></span>
+					</a>
 				</li>
 			</ul>
 		</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: 'MasterPropertyContact',
+		components: {
+			Common,
+			Loading,
+			TopHeader
+		},
+		data() {
+			return {
+				pageTitle: '联系物业',
+
+				isLoading: false,
+
+				list:[]
+			}
+		},
+		created() {},
+		methods: {
+
+			//提交
+			getList() {
+				this.isLoading = true;
+
+				API_Property.companyContactsList().then(response => {
+					this.isLoading = false;
+ 					this.list=response.list;
+
+				}).catch(error => {
+					this.isLoading = false;
+					mui.toast(error);
+				})
+			},
+			asynCallBack() {
+
+			},
+		},
+		mounted() {
+			this.getList();
+		},
+		destroyed() {
+ 		},
+		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>