|
|
|
|
@ -30,21 +30,22 @@
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="r_box g_ml_10 g_mr_10">
|
|
|
|
|
<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"
|
|
|
|
|
>
|
|
|
|
|
<div class="g_flex_row_start flex_center" style="font-size: 16px;color: #333333;">
|
|
|
|
|
<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">
|
|
|
|
|
<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"
|
|
|
|
|
:class="i ? (i == '创建人' ? 'creator' : i == '管理员' ? 'manager' : 'member') : ''"
|
|
|
|
|
>{{ i }}</div>
|
|
|
|
|
v-for="(role, index) in getDisplayRoles(item.agencyRoleNameList)"
|
|
|
|
|
:key="index"
|
|
|
|
|
: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), '...'];
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
|
