同步

root/person/teamManage.vue

@@ -15,7 +15,7 @@
 					<div v-for="item in memberList" :key="item.id" @click="editMember(item)" class="g_border_e_b g_flex_row_between g_fs_18" style="padding: 18px 10px">
 						<div class="g_flex_row_start flex_center g_fw_600">
 							{{ item.aliasName || item.userName }}
-							<div class="g_fs_12 g_pl_2 g_h_18 g_pr_2 g_radius_4 g_flex_row_center flex_center g_ml_4 g_fw_500" :class="item.agencyRoleName ? (item.agencyRoleName == '创建人' ? 'creator' : item.agencyRoleName == '管理员' ? 'manager' : 'member') : ''">{{ item.agencyRoleName }}</div>
+							<div class="g_fs_12 g_pl_2 g_h_18 g_pr_2 g_radius_4 g_flex_row_center flex_center g_ml_4 g_fw_500" v-for="i in item.agencyRoleNameList" :class="i ? (i == '创建人' ? 'creator' : i == '管理员' ? 'manager' : 'member') : ''">{{ i }}</div>
 						</div>
 						<div class="g_flex_row_end flex_center g_c_6">
 							{{ item.tel }}
@@ -67,6 +67,18 @@ export default {
 	},
 
 	methods: {
+		compare(a, b) {
+			let sortList = ["创建人", "管理员"];
+			if (sortList.includes(a) && sortList.includes(b)) {
+				return sortList.indexOf(a) - sortList.indexOf(b);
+			} else if (sortList.includes(a)) {
+				return -1;
+			} else if (sortList.includes(b)) {
+				return 1;
+			} else {
+				return a.localeCompare(b);
+			}
+		},
 		getMemberList() {
 			let that = this;
 			uni.showLoading({
@@ -74,7 +86,12 @@ export default {
 			});
 			this.G.Get(this.api.order_peopleList, { pageSize: 500 }, (res) => {
 				console.log("报名人列表：", res);
-				that.memberList = res.recordList
+				that.memberList = res.recordList;
+				that.memberList.forEach((item) => {
+					item.agencyRoleNameList = item.agencyRoleName.split(";");
+					item.agencyRoleNameList = item.agencyRoleNameList.sort(this.compare);
+				});
+
 				uni.hideLoading();
 			});
 		},
@@ -105,19 +122,19 @@ export default {
 
 <style lang="scss">
 .creator {
-	color: #46c7bb;
+	color: #ff4d4f;
 	// border: 1px solid #46c7bb;
-	background-color: #46c7ba3d;
+	background-color: #fff2f0;
 }
 .member {
-	color: #f9676e;
+	color: rgba(0, 0, 0, 0.88);
 	// border: 1px solid #f9676e;
-	background-color: #f9676e3d;
+	background-color: rgba(0, 0, 0, 0.04);
 }
 .manager {
-	color: #0066d6;
+	color: #1677ff;
 	// border: 1px solid #0066d6;
-	background-color: #0066d63d;
+	background-color: #e6f4ff;
 }
 .sticky {
 	position: sticky;