同步

root/merchantManagement/teamManage.vue

@@ -30,21 +30,22 @@
 						/>
 					</div>
 					<div class="r_box g_ml_10 g_mr_10">
-						<div v-for="item in memberList" :key="item.id" 
+						<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: 19px 12px 19px 22px">
-								 @click="editMember(item)" 
+							<div class="g_flex_row_start flex_center" style="font-size: 16px; color: #333333">
-								 class="g_border_e_b g_flex_row_between g_fs_18" 
-								 style="padding: 19px 12px 19px 22px"
-						>
-							<div class="g_flex_row_start flex_center" style="font-size: 16px;color: #333333;">
 								{{ 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" 
-											v-for="i in item.agencyRoleNameList" 
+									v-for="(role, index) in getDisplayRoles(item.agencyRoleNameList)" 
-											:class="i ? (i == '创建人' ? 'creator' : i == '管理员' ? 'manager' : 'member') : ''"
+									:key="index" 
-								>{{ i }}</div>
+									:class="role !== '...' ? (role == '创建人' ? 'creator' : role == '管理员' ? 'manager' : 'member') : ''"
+									v-show="role && role.trim()">
+									{{ role }}
+								</div>
+
 							</div>
-							<div class="g_flex_row_end flex_center g_c_6" style="font-size: 16px;color: #888;">
+							<div class="g_flex_row_end flex_center g_c_6" style="font-size: 16px; color: #888">
 								{{ item.tel }}
-								<i class="iconfont icon-gengduo11 g_c_c" style="font-size: 16px;"></i>
+								<i class="iconfont icon-gengduo11 g_c_c" style="font-size: 16px"></i>
 							</div>
 						</div>
 					</div>
@@ -85,12 +86,16 @@
 </template>
 
 <script>
+import gPanelFormItem from "@/components/panel/formItem.vue";
 export default {
+	components: {
+		gPanelFormItem,
+	},
 	data() {
 		return {
 			memberList: [],
 			addMemberShow: false,
-			agencyInfo: uni.getStorageSync("apply-userinfo"),
+			agencyInfo: uni.getStorageSync("agencyInfo"),
 			applyNum: 0,
 		};
 	},
@@ -105,7 +110,7 @@ export default {
 
 	methods: {
 		compare(a, b) {
-			let sortList = ["创建人", "管理员",'成员'];
+			let sortList = ["创建人", "管理员", "成员"];
 			if (sortList.includes(a) && sortList.includes(b)) {
 				return sortList.indexOf(a) - sortList.indexOf(b);
 			} else if (sortList.includes(a)) {
@@ -154,18 +159,32 @@ export default {
 			});
 		},
 		openChoose() {
-			console.log('openChoose')
+			console.log("openChoose");
 			uni.showActionSheet({
-				itemList: ['添加团队成员', '修改企业资料'],
+        title: "请选择操作",
+				itemList: ["添加团队成员", "修改企业资料"],
 				success: (res) => {
-					console.log(res)
+					console.log(res);
 					if (res.tapIndex == 0) {
-						this.goPage('/root/merchantManagement/addOrUpdataMember')
+						this.goPage("/root/merchantManagement/addOrUpdataMember");
 					} else if (res.tapIndex == 1) {
-						this.goPage('/root/person/info?active=1')
+						this.goPage("/root/person/info?active=1");
+					}
+				},
+			});
+		},
+		// 新增方法：获取要显示的角色列表
+		getDisplayRoles(roles) {
+			if (!roles || roles.length <= 2) {
+				// 过滤掉空值
+				return (roles || []).filter(role => role && role.trim());
 			}
+			// 过滤掉空值并限制最多显示2个加省略号
+			const filteredRoles = (roles || []).filter(role => role && role.trim());
+			if (filteredRoles.length <= 2) {
+				return filteredRoles;
 			}
-			})
+			return [...filteredRoles.slice(0, 2), '...'];
 		}
 	},
 };

root/person/child/resume.vue

@@ -28,7 +28,7 @@
 					</view>
 					<view style="width: 100vw" class="g_border_e_b">
 						<!-- item-width="126"  itemWidth="auto"  -->
-						<g-tabs :list="tabInfo" v-if="!numLoading" item-width="126" :current="menuActive" active-color="#6A81FF" bar-width="60" bar-height="6" font-size="32" @change="handleUpdateMenu" :gutter="22" duration="0.1" itemWidth="auto" height="84"></g-tabs>
+						<g-tabs :list="tabInfo" v-if="!numLoading" item-width="126" :current="menuActive"  bar-width="60" bar-height="6" font-size="32" @change="handleUpdateMenu" :gutter="22" duration="0.1" itemWidth="auto" height="84"></g-tabs>
 
 						<!-- <u-tabs :list="tabInfo" v-model="menuActive" active-color="#6A81FF" bar-width="60" bar-height="6" font-size="32" @change="handleUpdateMenu" :gutter="22" duration="0.1" height="84"></u-tabs> -->
 					</view>