You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
116 lines
3.4 KiB
Vue
116 lines
3.4 KiB
Vue
<template>
|
|
<div class="team-manage-container g_bg_page">
|
|
<div class="g_h_10"></div>
|
|
<div class="g_flex_row_start g_bg_f" style="padding: 12px 16px">
|
|
<div class="g_mr_16 g_w_48 g_h_48 t-icon t-icon-wodetuandui" style="background-repeat: no-repeat"></div>
|
|
<div>
|
|
<div class="g_fs_18">新的成员</div>
|
|
<div class="g_c_9 g_fs_14">您有{{ 8 }}条申请等待审核</div>
|
|
</div>
|
|
</div>
|
|
<scroll-view class="" style="height: calc(100vh - 180px)" :scroll-y="true">
|
|
<div class="g_h_all">
|
|
<div class="g_h_10"></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: 18px 10px">
|
|
<div class="g_flex_row_start flex_center g_fw_600">
|
|
{{ item.aliasName }}
|
|
<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" :class="item.agencyRoleName ? (item.agencyRoleName == '创建人' ? 'creator' : item.agencyRoleName == '管理员' ? 'manager' : 'member') : ''">{{ item.agencyRoleName }}</div>
|
|
</div>
|
|
<div class="g_flex_row_end flex_center g_c_6">
|
|
{{ item.tel }}
|
|
<i class="iconfont icon-gengduo11 g_c_9"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="g_h_24"></div>
|
|
</div>
|
|
</scroll-view>
|
|
<div class="g_flex_row_end g_bg_f" style="padding: 14px 16px 34px">
|
|
<g-button btnText="添加成员" size="small" class="" @clickBtn="addMember"></g-button>
|
|
<g-button btnText="添加部门" size="small" class="g_ml_16" @clickBtn="goLogin"></g-button>
|
|
</div>
|
|
<u-popup v-model="addMemberShow" mode="bottom" z-index="999999" border-radius="12" :closeable="false" :mask-close-able="true" @close="addMemberShow = false">
|
|
<view class="g_text_c g_bg_f_5 g_fs_17">
|
|
<view class="g_bg_f">
|
|
<view class="g_c_3">
|
|
<view class="g_p_16 g_border_e_t" @click="goPage('/root/person/addOrUpdataMember')"> 手动填写信息 </view>
|
|
<view class="g_p_16 g_border_e_t" @click="goPage('/root/person/memberApplyAdd')"> 微信分享邀请 </view>
|
|
</view>
|
|
</view>
|
|
<view class="g_p_16 g_mt_10 g_bg_f" style="padding-bottom: calc(constant(safe-area-inset-bottom)); padding-bottom: calc(env(safe-area-inset-bottom))" @click="addMemberShow = false"> 取消 </view>
|
|
</view>
|
|
</u-popup>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
memberList: [],
|
|
addMemberShow: false,
|
|
};
|
|
},
|
|
onShow() {
|
|
this.getMemberList();
|
|
},
|
|
onLoad() {},
|
|
created() {
|
|
console.log(123123);
|
|
},
|
|
|
|
methods: {
|
|
getMemberList() {
|
|
let that = this;
|
|
uni.showLoading({
|
|
title: "加载中...",
|
|
});
|
|
this.G.Get(this.api.order_peopleList, {}, (res) => {
|
|
console.log("报名人列表：", res);
|
|
that.memberList = res.recordList;
|
|
uni.hideLoading();
|
|
});
|
|
},
|
|
addMember() {
|
|
this.addMemberShow = true;
|
|
},
|
|
editMember(_item) {
|
|
uni.navigateTo({
|
|
url: "/root/person/addOrUpdataMember?info=" + JSON.stringify(_item),
|
|
});
|
|
},
|
|
goPage(url) {
|
|
uni.navigateTo({
|
|
url,
|
|
});
|
|
this.addMemberShow = false;
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.creator {
|
|
color: #46c7bb;
|
|
border: 1px solid #46c7bb;
|
|
background-color: #46c7ba3d;
|
|
}
|
|
.member {
|
|
color: #f9676e;
|
|
border: 1px solid #f9676e;
|
|
background-color: #f9676e3d;
|
|
}
|
|
.manager {
|
|
color: #0066d6;
|
|
border: 1px solid #0066d6;
|
|
background-color: #0066d63d;
|
|
}
|
|
.sticky {
|
|
position: sticky;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 999;
|
|
}
|
|
</style>
|