<template>
|
<view class="huiyuan-wrap">
|
<view class="huiyuan-title">
|
<view class="huiyuan-touxiang">
|
<uni-group>
|
<view class="custom-image-box">
|
<oss-upload></oss-upload>
|
<!-- <avatarCropper></avatarCropper> -->
|
<!-- <upload></upload> -->
|
</view>
|
</uni-group>
|
<text style="margin-left: 30rpx;">{{name}}</text>
|
</view>
|
<view class="huiyan-tongji-box">
|
<view class="huiyan-tongji-block wenzhang-box">
|
<text class="num">{{pdfs}}</text>
|
<text class="title">阅读文章</text>
|
</view>
|
<view class="huiyan-tongji-block wenzhang-box">
|
<text class="num">{{videos}}</text>
|
<text class="title">观看视频</text>
|
</view>
|
<view class="huiyan-tongji-block">
|
<text class="num">{{time}}</text>
|
<text class="title">学习总时长</text>
|
</view>
|
</view>
|
<!-- <view class="zhuanhuishenqing">
|
<uni-list>
|
<uni-list-item title="转会申请已提交,请耐心等待" link to="" @click="onClick($event,1)"></uni-list-item>
|
</uni-list>
|
</view> -->
|
</view>
|
<view class="huiyuan-main">
|
<view class="huiyuanBtns">
|
<navigator url="../../pagesB/pages/zhuanhuiApplication/zhuanhuiApplication">
|
<button class="zhuanhuiButton" icon="success" type="warn">转会</button>
|
</navigator>
|
</view>
|
<view class="huiyuan-xinxi-box">
|
<view class="xinxi-title-box">
|
<view class="xinxi-icon"></view>
|
<text class="xinxi-title">分会场信息</text>
|
</view>
|
<view class="huiyuan-xinxi-main-box">
|
<view class="huiyuan-xinxi-main-inside-box">
|
<view class="huiyuan-xinxi-main-line">
|
<view class="chenghao">
|
<view class="yuan"></view>
|
<text>分会会长</text>
|
</view>
|
<view class="chengyuan-box">
|
<view class="chengyuan-box-block">
|
<view>
|
<image class="touxiang" :src="adminImg.img" mode="aspectFill">
|
</image>
|
</view>
|
<text class="name">{{adminImg.name}}</text>
|
</view>
|
</view>
|
</view>
|
<view class="huiyuan-xinxi-main-line">
|
<view class="chenghao">
|
<view class="yuan"></view>
|
<text>分会成员</text>
|
</view>
|
<view class="chengyuan-box">
|
<view class="chengyuan-box-block" v-for="(item,index) in members" :key="item.id">
|
<view>
|
<image v-if="item.img" class="touxiang" :src="item.img.replace(/[\\]/g,'/')" mode="aspectFill">
|
</image>
|
</view>
|
<text class="name">{{item.name}}</text>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="daishenhe-box">
|
<view class="xinxi-title-box">
|
<view class="xinxi-icon"></view>
|
<text class="xinxi-title">待审核信息</text>
|
</view>
|
<view class="daishenhe-main">
|
<view class="daishenhe-line" v-for="(item,index) in changDepts" :key="index">
|
<text class="time">{{item.createTime}}</text>
|
<view class="shenhe-block">
|
<view class="content">{{item.userName}}申请加入本工会</view>
|
<view class="shenhe-btns">
|
<button @click="passBtn(item)" class="tongyi-btn">同意</button>
|
<button @click="rejectBtn(item)" class="jujue-btn">拒绝</button>
|
</view>
|
</view>
|
</view>
|
<text class="hasNoNum" v-if="!changDepts.length">暂无信息</text>
|
|
</view>
|
</view>
|
<view class="daishenhe-box">
|
<view class="xinxi-title-box">
|
<view class="xinxi-icon"></view>
|
<text class="xinxi-title">您的参会信息</text>
|
</view>
|
<view class="daishenhe-main">
|
<view @click="toDetail" class="daishenhe-line2" v-for="(item,index) in changDepts2" :key="index">
|
<text class="time">{{item.createTime}}</text>
|
<view class="content">转入{{item.newDeptName}}分会</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
userInfo:{},
|
name:'', //姓名
|
pdfs:'', //阅读文章数
|
videos:'', //视频数
|
time:'', //总时长
|
adminImg:{}, //会长信息
|
members:[], //成员信息
|
changDepts:[], //转会待审核信息
|
changDepts2:[], //转会成功信息
|
imageValue: [],
|
imageStyles: {
|
width: 64,
|
height: 64,
|
border: {
|
radius: '50%'
|
}
|
},
|
listStyles: {
|
// 是否显示边框
|
border: true,
|
// 是否显示分隔线
|
dividline: true,
|
// 线条样式
|
borderStyle: {
|
width: 1,
|
color: 'blue',
|
style: 'dashed',
|
radius: 2
|
}
|
},
|
}
|
},
|
onShow() {
|
this.$u.api.getStatisticByUserId({userId:this.userInfo.id}).then(res => {
|
this.pdfs = res.obj.pdfs
|
this.videos = res.obj.videos
|
this.time = res.obj.time
|
})
|
},
|
onLoad() {
|
this.userInfo = this.getStore('userInfo')
|
this.name = this.userInfo.name
|
let userId = this.userInfo.id
|
let deptId = this.userInfo.deptId
|
this.findByInfo(userId,deptId)
|
uni.$on('refeshList',data => {
|
this.findByInfo(userId,deptId)
|
})
|
},
|
|
methods: {
|
toDetail() {
|
uni.navigateTo({
|
url:'../../pagesB/pages/zhuanhuiStauts/zhuanhuiStauts?userId=' + this.userInfo.id
|
})
|
},
|
passBtn(data) { //同意：1
|
console.log('data-----',data)
|
data.status = 1
|
this.$u.api.save(data).then(res => {
|
this.findByInfo(this.userInfo.id,this.userInfo.deptId)
|
this.$u.toast('同意')
|
})
|
},
|
rejectBtn(data) { //拒绝：2
|
data.status = 2
|
this.$u.api.save(data).then(res => {
|
this.findByInfo(this.userInfo.id,this.userInfo.deptId)
|
this.$u.toast('拒绝')
|
})
|
},
|
findByInfo(userId,deptId) {
|
let params = {
|
userId:userId,
|
deptId:deptId
|
}
|
this.$u.api.findByInfo(params).then(res => {
|
res.obj.adminImg && (this.adminImg = res.obj.adminImg)
|
this.members = res.obj.members
|
this.changDepts = res.obj.changDepts
|
this.changDepts2 = res.obj.changDepts2
|
})
|
},
|
onClick() {
|
|
},
|
// 获取上传状态
|
select(e) {
|
console.log('选择文件：', e)
|
},
|
// 获取上传进度
|
progress(e) {
|
console.log('上传进度：', e)
|
},
|
|
// 上传成功
|
success(e) {
|
console.log('上传成功')
|
},
|
|
// 上传失败
|
fail(e) {
|
console.log('上传失败：', e)
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
/deep/ .u-list-item{
|
border-radius: 50%!important;
|
width: 130rpx!important;
|
height: 130rpx!important;;
|
}
|
/deep/ .uicon-plus:before{
|
font-size: 24rpx;
|
}
|
/deep/ .u-add-tips{
|
font-size: 24rpx;
|
margin-top: 6rpx;
|
}
|
/deep/ .uni-group{
|
background-color: transparent!important;
|
}
|
/deep/ .uni-list-item__content-title {
|
color: #fff;
|
}
|
/deep/ .uni-list--border-bottom {
|
background: transparent;
|
}
|
|
/deep/ .uni-list--border-top {
|
background: transparent;
|
}
|
/deep/ .uni-group {
|
background: transparent;
|
}
|
|
/deep/ .file-picker__box-content {
|
border-width: 2px;
|
color: #fff;
|
}
|
/deep/ .uni-list-item{
|
background: transparent;
|
}
|
/deep/.uni-list {
|
background: transparent;
|
}
|
/deep/.uni-list-item {
|
background: transparent;
|
}
|
/deep/.uni-list-item__content {
|
align-items: center;
|
}
|
page {
|
background-color: #f1f3f5;
|
}
|
.hasNoNum{
|
font-size: 28rpx;
|
line-height: 2.5;
|
margin-left: 28rpx;
|
}
|
.huiyuan-title {
|
background: $huiyuan-title-bj;
|
background-size: 100% 100%;
|
width: 100%;
|
height: 469rpx;
|
position: relative;
|
}
|
|
.huiyuan-touxiang {
|
display: flex;
|
align-items: center;
|
padding-top: 30rpx;
|
text {
|
color: #fff;
|
}
|
}
|
|
.huiyan-tongji-box {
|
display: flex;
|
margin-top: 40rpx;
|
.huiyan-tongji-block {
|
display: flex;
|
flex-direction: column;
|
justify-content: center;
|
align-items: center;
|
flex: 1;
|
|
.num {
|
color: #fff;
|
font-size: 42rpx;
|
}
|
|
.title {
|
color: #fff;
|
font-size: 28rpx;
|
line-height: 2.5;
|
}
|
}
|
|
.wenzhang-box {
|
position: relative;
|
&::after {
|
content: '';
|
width: 2rpx;
|
height: 100%;
|
background-color: #fff;
|
position: absolute;
|
right: 0;
|
}
|
}
|
}
|
|
.zhuanhuishenqing {
|
width: 70%;
|
position: absolute;
|
bottom: 0;
|
left: 50%;
|
transform: translateX(-50%);
|
}
|
|
.huiyuanBtns {
|
display: flex;
|
margin-top: 40rpx;
|
width: 100%;
|
justify-content: space-around;
|
.zhuanhuiButton {
|
width: 314rpx;
|
height: 80rpx;
|
border-radius: 120rpx;
|
box-shadow: 0 0 10px rgba(255, 60, 45, 0.4);
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
font-size: 30rpx;
|
}
|
|
.jiaofeiButton {
|
width: 314rpx;
|
height: 80rpx;
|
border-radius: 120rpx;
|
background-color: transparent;
|
border: 1px solid #2d5eff;
|
color: #2d5eff;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
}
|
|
.huiyuan-xinxi-box {
|
width: 90%;
|
margin: 40rpx auto 0;
|
background-color: #fff;
|
border-radius: 10rpx;
|
padding: 20rpx;
|
box-sizing: border-box;
|
}
|
|
.xinxi-title {
|
color: #33404d;
|
font-size: 30rpx;
|
}
|
|
.xinxi-title-box {
|
display: flex;
|
align-items: center;
|
|
.xinxi-icon {
|
width: 4rpx;
|
height: 28rpx;
|
background-color: #33404d;
|
}
|
|
.xinxi-title {
|
color: #33404d;
|
font-size: 30rpx;
|
margin-left: 20rpx;
|
}
|
}
|
|
.huiyuan-xinxi-main-box {
|
display: flex;
|
flex-direction: column;
|
}
|
|
.huiyuan-xinxi-main-line {
|
display: flex;
|
margin-top: 40rpx;
|
align-items: flex-end;
|
|
.chenghao {
|
display: flex;
|
align-items: center;
|
margin-top: 25rpx;
|
|
.yuan {
|
width: 8rpx;
|
height: 8rpx;
|
background-color: #ff4e00;
|
border-radius: 50%;
|
}
|
|
text {
|
color: #ff4e00;
|
font-size: 28rpx;
|
margin-left: 10rpx;
|
}
|
}
|
|
|
}
|
|
.chengyuan-box {
|
display: flex;
|
flex: 1;
|
margin-left: 30rpx;
|
flex-wrap: wrap;
|
|
.chengyuan-box-block {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
margin: 0 15rpx;
|
}
|
|
.name {
|
color: #666666;
|
font-size: 28rpx;
|
margin-left: 10rpx;
|
}
|
|
.touxiang {
|
width: 66rpx;
|
height: 66rpx;
|
border-radius: 50%;
|
}
|
}
|
.daishenhe-line{
|
width: 100%;
|
padding: 0 20rpx;
|
box-sizing: border-box;
|
display: flex;
|
flex-direction: column;
|
margin-top: 20rpx;
|
.time{
|
color: #333333;
|
font-size: 22rpx;
|
}
|
.shenhe-block{
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
.content{
|
color: #333333;
|
font-size: 26rpx;
|
}
|
.shenhe-btns{
|
display: flex;
|
.tongyi-btn{
|
background-color: rgba(255,78,0,0.14);
|
color: #ff4e00;
|
border-radius: 60rpx;
|
height: 60rpx;
|
padding: 0 30rpx;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
font-size: 28rpx;
|
margin: 0 15rpx;
|
}
|
/deep/uni-button:after{
|
border:none;
|
}
|
.jujue-btn{
|
background-color: rgba(153,153,153,0.14);
|
color: #ff4e00;
|
border-radius: 60rpx;
|
height: 60rpx;
|
padding: 0 30rpx;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
font-size: 28rpx;
|
margin: 0 15rpx;
|
}
|
}
|
|
}
|
}
|
.daishenhe-box{
|
margin-top: 40rpx;
|
}
|
.daishenhe-line2{
|
width: 100%;
|
padding: 0 20rpx;
|
box-sizing: border-box;
|
display: flex;
|
align-items: flex-end;
|
margin-top: 20rpx;
|
.time{
|
color: #333333;
|
font-size: 22rpx;
|
}
|
.content{
|
margin-left: 20rpx;
|
font-size: 28rpx;
|
color: #333333;
|
}
|
}
|
</style>
|
|
<style lang="scss">
|
@import '@/filePicker/uni-nvue.scss';
|
|
.custom-image-box {
|
/* #ifndef APP-NVUE */
|
display: flex;
|
/* #endif */
|
flex-direction: row;
|
justify-content: space-between;
|
align-items: center;
|
width: 140rpx;
|
height: 140rpx;
|
}
|
</style>
|
