注册已有身份调整显示

src/projects/home/views/Register/Home.vue

@@ -4,22 +4,24 @@
 		<top-header :pageTitle="pageTitle"></top-header>
 
 		<div class="mui-content vongi-zhuce">
-			<div class="mui-content-padded">
-				<h5>该账号已注册以下身份：</h5>
+			<div v-if="roleList.length">
+				<div class="mui-content-padded">
+					<h5>该账号已注册以下身份：</h5>
+				</div>
+				<ul class="mui-table-view mui-grid-view mui-grid-9">
+					<li v-for="(item,index) in roleList" class="mui-table-view-cell mui-media mui-col-xs-4">
+						<a>
+							<div class="mui-media-object">
+								<img :src="item.faceImagUrl">
+							</div>
+							<div class="mui-media-body">
+								{{item.job?item.job:item.personRoleName}}
+								<p class="mui-ellipsis" v-text="item.companyName"></p>
+							</div>
+						</a>
+					</li>
+				</ul>
 			</div>
-			<ul class="mui-table-view mui-grid-view mui-grid-9">
-				<li class="mui-table-view-cell mui-media mui-col-xs-4">
-					<a href="#">
-						<div class="mui-media-object">
-							<img src="~$project/assets/img/02.jpg">
-						</div>
-						<div class="mui-media-body">
-							采购部经理
-							<p class="mui-ellipsis">湖北荆鹏集团有限公司</p>
-						</div>
-					</a>
-				</li>
-			</ul>
 			<div class="mui-content-padded">
 				<h5 v-text="titleTips"></h5>
 			</div>
@@ -30,7 +32,7 @@
 						<button @click="selectScene" class="mui-btn mui-btn-block mui-navigate-right" type='button' style="width:65%">
 							{{subForm.sceneName}}
 						</button>
-					</div>					
+					</div>
 				</form>
 			</div>
 		</div>
@@ -42,6 +44,7 @@
 <script>
 	require('$project/assets/js/mui.picker.min.js');
 	import * as API_Person from '@/apis/person'
+	import * as API_User from '$project/apis/user'
 	import Common from '$project/components/Common.vue'
 	import Loading from '$project/components/Loading.vue'
 	import TopHeader from '$project/components/TopHeader.vue'
@@ -84,6 +87,8 @@
 				isLoading: false,
 
 				sceneList: [],
+
+				roleList: [],
 			}
 		},
 		created() {
@@ -158,6 +163,18 @@
 					this.$router.push(routeName)
 				}
 			},
+			//获取用户角色列表
+			getRoleList() {
+				this.isLoading = true;
+				API_User.getRoleList().then(response => {
+					this.isLoading = false;
+
+					this.roleList = response.list;
+				}).catch(error => {
+					this.isLoading = false;
+					mui.toast(error);
+				})
+			},
 			asynCallBack() {
 
 			},
@@ -168,6 +185,10 @@
 		mounted() {
 			//获取场景列表
 			this.getSceneList()
+			if (this.person_popedom) {
+				//获取用户角色列表
+				this.getRoleList();
+			}
 		},
 		destroyed() {
 
@@ -178,7 +199,7 @@
 				get: function() {
 					if (this.person_popedom) {
 						var job = this.person_popedom.job ? this.person_popedom.job : this.person_popedom.personRoleName;
-						return '该账号已注册' + job + '身份，正在为您注册新的身份：';
+						return '正在为您注册新的身份：';
 					} else {
 						return '该号码尚未注册，正在为您注册新的身份：';
 					}