11
This commit is contained in:
18500206848
@@ -1,85 +0,0 @@
|
||||
<template>
|
||||
<view style="height: 100%;">
|
||||
|
||||
<view class="notice">
|
||||
<view class="body">
|
||||
<view>
|
||||
<view class="list" v-for="(item, index) in list" :key="index">
|
||||
{{item}}
|
||||
</view>
|
||||
</view>
|
||||
<view style="height:65rpx;"></view>
|
||||
<view class="nextBtn" @click="go('/pageMy/federation/forMembership/perfectXin')">下一步</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default{
|
||||
data(){
|
||||
return {
|
||||
list: [
|
||||
'1、选举权、被选举权和表决权。',
|
||||
'2、对工会工作监督提出意见和建议。',
|
||||
'3、对用人单位工作提出批评与建议。',
|
||||
'4、在合法权益受到侵犯时，要求工会给予保护。',
|
||||
'5、工会提供的法律服务、就业服务等优惠待遇。',
|
||||
'6、参加关于工会工作和会员关心问题的讨论。'
|
||||
]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
go(url) {
|
||||
uni.navigateTo({
|
||||
url
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
page{
|
||||
height:100%;
|
||||
background-color: #2354fd;
|
||||
}
|
||||
.notice{
|
||||
width: 100%;
|
||||
height:100%;
|
||||
background: url('../../static/img/federation/notice.png') no-repeat;
|
||||
background-size: contain;
|
||||
margin-top: -50px;
|
||||
position: absolute;
|
||||
}
|
||||
.body{
|
||||
width: 590rpx;
|
||||
height: 711rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 10rpx;
|
||||
z-index: 999;
|
||||
position: absolute;
|
||||
top: 534rpx;
|
||||
// bottom: 220rpx;
|
||||
left: 6%;
|
||||
padding: 38rpx;
|
||||
.list{
|
||||
font-size: 30rpx;
|
||||
font-weight: 400;
|
||||
color: #333333;
|
||||
line-height: 55rpx;
|
||||
}
|
||||
.nextBtn{
|
||||
margin: 45rpx 0 0 93rpx;
|
||||
width: 402rpx;
|
||||
height: 80rpx;
|
||||
background: #1B66FF;
|
||||
border-radius: 8rpx;
|
||||
font-size: 30rpx;
|
||||
font-weight: 400;
|
||||
color: #FFFFFF;
|
||||
line-height: 80rpx;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -1,115 +0,0 @@
|
||||
<template>
|
||||
<view>
|
||||
<view class="bookBox">
|
||||
<view class="title">入会申请书</view>
|
||||
<view class="content">{{content}}</view>
|
||||
<view class="time people">申请人：</view>
|
||||
<view class="time">
|
||||
<view class="day">日期：</view>
|
||||
<view class="year"> 年 <view>月</view> 日</view>
|
||||
</view>
|
||||
</view>
|
||||
<view style="height: 49rpx;"></view>
|
||||
<view class="nextBtn" @click="submit">
|
||||
确定入会
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {contract} from '@/api/federation.js'
|
||||
export default{
|
||||
data(){
|
||||
return{
|
||||
password: false,
|
||||
maxlength: 6,
|
||||
content: '我自愿加入石家庄新业态职工工会联合会，遵守工会章程，执行工会决议，积极参加工会活动，为把我国建设成为富强、民主、文明的社会主义国家而努力奋斗。'
|
||||
}
|
||||
},
|
||||
|
||||
methods:{
|
||||
submit(){
|
||||
uni.showLoading({
|
||||
title:'请求中'
|
||||
})
|
||||
contract().then(e => {
|
||||
uni.hideLoading()
|
||||
uni.switchTab({
|
||||
url: '/pages/my/my'
|
||||
})
|
||||
})
|
||||
},
|
||||
go(url) {
|
||||
uni.navigateTo({
|
||||
url
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
page{
|
||||
background: #F6F6F6;
|
||||
}
|
||||
.bookBox{
|
||||
width: 630rpx;
|
||||
height: 691rpx;
|
||||
background: #FFFFFF;
|
||||
margin: 53rpx 30rpx;
|
||||
padding: 60rpx 30rpx 0 30rpx;
|
||||
position: relative;
|
||||
.title{
|
||||
font-size: 40rpx;
|
||||
font-weight: 500;
|
||||
color: #333333;
|
||||
line-height: 56rpx;
|
||||
text-align: center;
|
||||
margin-bottom: 47rpx;
|
||||
}
|
||||
.content{
|
||||
font-size: 28rpx;
|
||||
font-weight: 400;
|
||||
color: #333333;
|
||||
line-height: 50rpx;
|
||||
text-indent:2em;
|
||||
}
|
||||
.people{
|
||||
position: absolute;
|
||||
bottom: 203rpx;
|
||||
right: 223rpx;
|
||||
}
|
||||
.time{
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
color: #333333;
|
||||
line-height: 45rpx;
|
||||
.day{
|
||||
position: absolute;
|
||||
bottom: 128rpx;
|
||||
right: 255rpx;
|
||||
}
|
||||
.year{
|
||||
width: 192rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
position: absolute;
|
||||
bottom: 128rpx;
|
||||
right: 30rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.nextBtn{
|
||||
margin: 50rpx 30rpx;
|
||||
height: 80rpx;
|
||||
background: #1B66FF;
|
||||
border-radius: 8rpx;
|
||||
font-size: 30rpx;
|
||||
font-weight: 400;
|
||||
color: #FFFFFF;
|
||||
line-height: 80rpx;
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
@@ -1,101 +0,0 @@
|
||||
<template>
|
||||
<view class="codeSealBox">
|
||||
<!-- #ifdef H5 || APP-PLUS -->
|
||||
<view class="closeCode" @click="closeShowCode" style="top: 124rpx;">+</view>
|
||||
<!-- #endif -->
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
<view class="closeCode" @click="closeShowCode">+</view>
|
||||
<!-- #endif -->
|
||||
<view class="title">
|
||||
<view class="name">签名密码</view>
|
||||
<view class="tip">6位数字签名密码</view>
|
||||
</view>
|
||||
<view style="height: 36px;"></view>
|
||||
<valid-code ref="validCode" @finish="getInpCode" :maxlength="maxlength"></valid-code>
|
||||
<view style="height: 36px;"></view>
|
||||
<view class="forget" @click="forget">忘记密码？</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import validCode from '@/components/p-valid-code/p-valid-code.vue'
|
||||
import {contract} from '@/api/federation.js'
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
maxlength: 6
|
||||
}
|
||||
},
|
||||
components: {validCode},
|
||||
methods:{
|
||||
closeShowCode () {
|
||||
uni.navigateBack()
|
||||
},
|
||||
getInpCode (e){
|
||||
var params = {
|
||||
password: e
|
||||
}
|
||||
uni.showLoading({
|
||||
title:'请求中'
|
||||
})
|
||||
contract(params).then(e => {
|
||||
uni.hideLoading()
|
||||
uni.switchTab({
|
||||
url: '/pages/my/my'
|
||||
})
|
||||
})
|
||||
},
|
||||
// 忘记密码
|
||||
forget(){
|
||||
uni.navigateTo({
|
||||
url: `/pageMy/setUserBase/seal/forget?`
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.codeSealBox{
|
||||
padding: 285rpx 72rpx 0 72rpx;
|
||||
.closeCode{
|
||||
position: absolute;
|
||||
right: 30rpx;
|
||||
top: 120rpx;
|
||||
color: #1B66FF;
|
||||
transform: rotate(45deg);
|
||||
font-size: 40px;
|
||||
}
|
||||
.title{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.name{
|
||||
height: 46rpx;
|
||||
font-size: 46rpx;
|
||||
font-family: PingFangSC-Medium, PingFang SC;
|
||||
font-weight: 500;
|
||||
color: #333333;
|
||||
line-height: 46rpx;
|
||||
margin-right: 28rpx;
|
||||
}
|
||||
.tip{
|
||||
height: 38rpx;
|
||||
font-size: 28rpx;
|
||||
font-family: PingFangSC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #999999;
|
||||
line-height: 38rpx;
|
||||
}
|
||||
.forget{
|
||||
height: 38rpx;
|
||||
font-size: 28rpx;
|
||||
font-family: PingFangSC-Regular, PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #5AA0FA;
|
||||
line-height: 38rpx;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
@@ -1,170 +0,0 @@
|
||||
<template>
|
||||
<view class="">
|
||||
<view class="paymentList">
|
||||
<view class="title">支付方式</view>
|
||||
<view style="height: 45rpx;"></view>
|
||||
<view class="payment" :class="{'active': jianhangValue}" @click="jianhangchange">
|
||||
<view style="display: flex;align-items: center;">
|
||||
<image class="img" v-if="jianhangValue" src="../../static/img/federation/jiansheyinhanglan.png" ></image>
|
||||
<image class="img" v-else src="../../static/img/federation/jiansheyinhanghui.png"></image>
|
||||
<view class="name">建行卡号支付</view>
|
||||
<view class="price">手续费0.00元</view>
|
||||
</view>
|
||||
<checkbox :checked="jianhangValue" style="transform:scale(0.8)"/>
|
||||
</view>
|
||||
<view style="height: 45rpx;"></view>
|
||||
<view class="payment" :class="{'active': yinlianValue}" @click="yinlianchange">
|
||||
<view style="display: flex;align-items: center;">
|
||||
<image class="img" v-if="yinlianValue" src="../../static/img/federation/yilianlan.png" ></image>
|
||||
<image class="img" v-else src="../../static/img/federation/yinlianhui.png"></image>
|
||||
<view class="name">银联支付</view>
|
||||
<view class="price">手续费0.00元</view>
|
||||
</view>
|
||||
<checkbox :checked="yinlianValue" style="transform:scale(0.8)"/>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="paymentPrice">
|
||||
<view class="title">结算信息</view>
|
||||
<view class="bodyPrice">
|
||||
<view class="price"><view style="font-size: 46rpx;height: 20px;">￥</view>20.00</view>
|
||||
<view class="tip">应付费用</view>
|
||||
</view>
|
||||
<view class="bottomPrice">
|
||||
<view class="priceBox">
|
||||
<view>缴费金额</view>
|
||||
<view>¥ 20.00 元</view>
|
||||
</view>
|
||||
<view class="priceBox">
|
||||
<view>支付手续费</view>
|
||||
<view>¥ 0.00 元</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="nextBtn" @click="payment">
|
||||
确认支付
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default{
|
||||
data (){
|
||||
return {
|
||||
jianhangValue: false,
|
||||
yinlianValue: false,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
jianhangchange (){
|
||||
this.yinlianValue = false
|
||||
this.jianhangValue = !this.jianhangValue
|
||||
},
|
||||
yinlianchange (){
|
||||
this.jianhangValue = false
|
||||
this.yinlianValue = !this.jianhangValue
|
||||
},
|
||||
payment (){
|
||||
console.log('支付')
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
page{
|
||||
background: #F6F6F6;;
|
||||
}
|
||||
.paymentPrice{
|
||||
width: 690rpx;
|
||||
height: 469rpx;
|
||||
background: #FFFFFF;
|
||||
margin: 0 30rpx;
|
||||
.title{
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
color: #333333;
|
||||
padding: 30rpx 0 0 30rpx;
|
||||
}
|
||||
.bodyPrice{
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 205rpx;
|
||||
.price{
|
||||
font-size: 73rpx;
|
||||
font-weight: normal;
|
||||
color: #333333;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.tip{
|
||||
font-size: 28rpx;
|
||||
font-weight: 400;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
.bottomPrice{
|
||||
border-top: 1px solid #E8E8E8;
|
||||
padding: 30rpx;
|
||||
font-size: 30rpx;
|
||||
font-weight: 400;
|
||||
color: #999999;
|
||||
.priceBox{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
line-height: 36px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.paymentList{
|
||||
width: 630rpx;
|
||||
height: 319rpx;
|
||||
background: #FFFFFF;
|
||||
margin:30rpx;
|
||||
padding: 0 30rpx;
|
||||
.title{
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
color: #333333;
|
||||
border-bottom: 1px solid #E8E8E8;
|
||||
padding: 15px 0 10px 0;
|
||||
}
|
||||
.payment{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
.img{
|
||||
width: 50rpx;height: 50rpx;
|
||||
}
|
||||
.name{
|
||||
font-size: 28rpx;
|
||||
font-weight: 500;
|
||||
color: #999999;
|
||||
width: 170rpx;
|
||||
margin: 0 20rpx;
|
||||
}
|
||||
.price{
|
||||
font-size: 22rpx;
|
||||
font-weight: 400;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
.active{
|
||||
color: #1B66FF !important;
|
||||
}
|
||||
}
|
||||
.nextBtn{
|
||||
margin: 50rpx 30rpx;
|
||||
height: 80rpx;
|
||||
background: #1B66FF;
|
||||
border-radius: 8rpx;
|
||||
font-size: 30rpx;
|
||||
font-weight: 400;
|
||||
color: #FFFFFF;
|
||||
line-height: 80rpx;
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
@@ -1,264 +0,0 @@
|
||||
<template>
|
||||
<view >
|
||||
<view class="vip">
|
||||
<view class="body">
|
||||
<view class="name">
|
||||
<view class="">
|
||||
姓名：{{authInfo.realName}}
|
||||
</view>
|
||||
<view class="Gender">
|
||||
性别：{{authInfo.sex | sex}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="idcard">
|
||||
身份证号：{{authInfo.idNumber}}
|
||||
</view>
|
||||
<view class="">
|
||||
手机号码：{{authInfo.telphone}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="status" class="informationWrap">
|
||||
<view class="informationBox">
|
||||
<view class="title">民族</view>
|
||||
<view class="btn btnGray">
|
||||
<view style="margin-right:23rpx;">{{authInfo.nation}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="informationBox">
|
||||
<view class="title">政治面貌</view>
|
||||
<view class="btn btnGray">
|
||||
<view style="margin-right:23rpx;">{{authInfo.politics}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-else class="informationWrap">
|
||||
<picker @change="nationPickerChange" :value="nationIndex" :range="nation" range-key="name">
|
||||
<view class="informationBox">
|
||||
<view class="title">民族</view>
|
||||
<view class="btn">
|
||||
<view v-if="nationStatus" style="margin-right:23rpx;">{{nation[nationIndex].name}}</view>
|
||||
<view v-else style="margin-right:23rpx;">请选择</view>
|
||||
<image src="../../../static/img/right.svg" mode=""></image>
|
||||
</view>
|
||||
</view>
|
||||
</picker>
|
||||
<picker @change="politicsPickerChange" :value="politicsIndex" :range="politics" range-key="name">
|
||||
<view class="informationBox">
|
||||
<view class="title">政治面貌</view>
|
||||
<view class="btn">
|
||||
<view v-if="politicsStatus" style="margin-right:23rpx;">{{politics[politicsIndex].name}}</view>
|
||||
<view v-else style="margin-right:23rpx;">请选择</view>
|
||||
<image src="../../../static/img/right.svg" mode=""></image>
|
||||
</view>
|
||||
</view>
|
||||
</picker>
|
||||
</view>
|
||||
<view class="tips">
|
||||
注：确定后不可更改
|
||||
</view>
|
||||
|
||||
<view class="checkbox" :class="{'active': checkedValue}" @click="change">
|
||||
<img v-if="checkedValue" src="../../static/img/federation/checkOk.png" alt="" style="width: 30rpx;height:30rpx;margin-right:12rpx;">
|
||||
<view v-else class="checkBoxView"></view>
|
||||
我申请加入石家庄新业态职工工会联合会
|
||||
</view>
|
||||
|
||||
<view class="nextBtn" :class="{'nextBtnActive': checkedValue}" @click="submit">
|
||||
下一步
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import nationPolitics from '@/common/nationPolitics.js'
|
||||
import {setInfo} from '@/api/federation.js'
|
||||
import {
|
||||
mapGetters
|
||||
} from 'vuex'
|
||||
export default{
|
||||
data () {
|
||||
return {
|
||||
nation: nationPolitics.nation,
|
||||
politics: nationPolitics.politics,
|
||||
checkedValue: false,
|
||||
nationStatus: false,
|
||||
politicsStatus: false,
|
||||
status: false,
|
||||
nationIndex: 0,
|
||||
politicsIndex: 0,
|
||||
}
|
||||
},
|
||||
filters:{
|
||||
sex(number){
|
||||
if (number === 1) {
|
||||
return '男'
|
||||
} else
|
||||
if (number === 2) {
|
||||
return '女'
|
||||
}
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
var that = this
|
||||
this.$store.dispatch('refreshAuthState').then(e => {
|
||||
if(that.authInfo.nation && that.authInfo.politics) {
|
||||
that.status = true
|
||||
that.nationStatus = true
|
||||
that.politicsStatus = true
|
||||
that.checkedValue = true
|
||||
}
|
||||
})
|
||||
},
|
||||
methods:{
|
||||
submit(){
|
||||
if(!this.checkedValue) {
|
||||
uni.showToast({
|
||||
title: '请先勾选申请加入石家庄新业态职工工会联合会',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
if (!this.nationStatus || !this.politicsStatus) {
|
||||
uni.showToast({
|
||||
title: '请先填写完整信息',
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
if(this.status) {
|
||||
this.go('/pageMy/federation/forMembership/forBook')
|
||||
return
|
||||
}
|
||||
var params = {
|
||||
nation: this.nation[this.nationIndex].name,
|
||||
politics: this.politics[this.politicsIndex].name
|
||||
}
|
||||
setInfo(params).then(res =>{
|
||||
this.go('/pageMy/federation/forMembership/forBook')
|
||||
})
|
||||
},
|
||||
nationPickerChange(e){
|
||||
this.nationStatus = true
|
||||
this.nationIndex = e.target.value
|
||||
},
|
||||
politicsPickerChange(e){
|
||||
this.politicsStatus = true
|
||||
this.politicsIndex = e.target.value
|
||||
},
|
||||
change(){
|
||||
this.checkedValue = !this.checkedValue
|
||||
},
|
||||
go(url) {
|
||||
uni.navigateTo({
|
||||
url
|
||||
})
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
...mapGetters(['auth', 'authInfo'])
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.active{
|
||||
color: #333333 !important;
|
||||
}
|
||||
.nextBtnActive{
|
||||
opacity: 1 !important;
|
||||
}
|
||||
.nextBtn{
|
||||
margin: 50rpx 30rpx;
|
||||
height: 80rpx;
|
||||
background: #1B66FF;
|
||||
opacity: 0.5;
|
||||
border-radius: 8rpx;
|
||||
font-size: 30rpx;
|
||||
font-weight: 400;
|
||||
color: #FFFFFF;
|
||||
line-height: 80rpx;
|
||||
text-align: center;
|
||||
}
|
||||
.checkbox{
|
||||
font-size: 28rpx;
|
||||
font-weight: 400;
|
||||
color: #999999;
|
||||
margin: 0 30rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.checkBoxView{
|
||||
width: 26rpx;
|
||||
height: 26rpx;
|
||||
border-radius: 50%;
|
||||
border: 2rpx solid #999999;
|
||||
margin-right:12rpx;
|
||||
}
|
||||
}
|
||||
.tips{
|
||||
font-size: 26rpx;
|
||||
font-weight: 400;
|
||||
color: #1B66FF;
|
||||
line-height: 46rpx;
|
||||
margin: 60rpx 0 20rpx 30rpx;
|
||||
}
|
||||
|
||||
.informationWrap{
|
||||
padding: 0 30rpx;
|
||||
.informationBox{
|
||||
height: 32rpx;
|
||||
background: #FEFEFE;
|
||||
padding: 64rpx 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
border-bottom:1px solid #F2F2F2;
|
||||
.title{
|
||||
font-size: 32rpx;
|
||||
font-weight: 400;
|
||||
color: #333333;
|
||||
}
|
||||
.btn{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 28rpx;
|
||||
font-weight: 400;
|
||||
color: #1B66FF;
|
||||
image {
|
||||
width: 19rpx;
|
||||
height: 32rpx;
|
||||
margin-top: 4rpx;
|
||||
}
|
||||
}
|
||||
.btnGray{
|
||||
color: #999999 !important;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.vip{
|
||||
height: 138px;
|
||||
margin: 20rpx;
|
||||
background: url('../../static/img/federation/icon.png') no-repeat;
|
||||
background-size: cover;
|
||||
font-size: 32rpx;
|
||||
font-weight: 400;
|
||||
color: #FFFFFF;
|
||||
.body{
|
||||
padding: 59rpx 49rpx;
|
||||
.name{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.Gender{
|
||||
margin-right: 30px;
|
||||
}
|
||||
.idcard{
|
||||
margin: 20rpx 0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
@@ -1,167 +0,0 @@
|
||||
<template>
|
||||
<view class="informationWrap">
|
||||
<view class="informationBox">
|
||||
<view class="title">会员编号</view>
|
||||
<view class="content">{{labourUnion.no}}</view>
|
||||
</view>
|
||||
<view class="informationBox">
|
||||
<view class="title">入会日期</view>
|
||||
<view class="content">{{dateFormat(labourUnion.createTime)}}</view>
|
||||
</view>
|
||||
<view class="informationBox">
|
||||
<view class="title">入会申请书</view>
|
||||
<view class="lookbtn" @click="status(true)">
|
||||
<view>查看</view>
|
||||
<image src="../../../static/img/right.svg" mode="" style="width: 19rpx;height: 32rpx;margin-left: 20rpx;margin-top: 4rpx;"></image>
|
||||
</view>
|
||||
</view>
|
||||
<uniMask :maskShow="maskShow">
|
||||
<view class="informationMask">
|
||||
<view class="close" @click="status(false)">+</view>
|
||||
<view class="bookBox">
|
||||
<view class="title">入会申请书</view>
|
||||
<view class="content">{{content}}</view>
|
||||
<view class="time people">申请人：{{authInfo.realName}}</view>
|
||||
<view class="time dayYear">
|
||||
<view class="">日期：<i></i></view>
|
||||
<view class="">{{dateFormat(labourUnion.createTime, 'yyyy年MM月dd日')}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <image :src="labourUnion.contractUrl" class="img"></image> -->
|
||||
</view>
|
||||
</uniMask>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
mapGetters
|
||||
} from 'vuex'
|
||||
import uniMask from '@/components/uni-mask/mask.vue'
|
||||
import {labourUnionInfo} from '@/api/federation.js'
|
||||
import {dateFormat} from '@/untils/format.js'
|
||||
export default{
|
||||
data(){
|
||||
return {
|
||||
maskShow: false,
|
||||
labourUnion: {},
|
||||
content: '我自愿加入石家庄新业态职工工会联合会，遵守工会章程，执行工会决议，积极参加工会活动，为把我国建设成为富强、民主、文明的社会主义国家而努力奋斗。'
|
||||
}
|
||||
},
|
||||
components:{uniMask},
|
||||
onLoad() {
|
||||
this.labourUnionInfoInit()
|
||||
},
|
||||
methods: {
|
||||
dateFormat,
|
||||
status(status){
|
||||
this.maskShow = status
|
||||
},
|
||||
labourUnionInfoInit(){
|
||||
labourUnionInfo().then(e=>{
|
||||
this.labourUnion = e.data.data
|
||||
})
|
||||
},
|
||||
},
|
||||
computed: {
|
||||
...mapGetters(['authInfo'])
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.bookBox{
|
||||
height: 691rpx;
|
||||
background: #FFFFFF;
|
||||
margin: 53rpx 30rpx;
|
||||
padding: 60rpx 30rpx 0 30rpx;
|
||||
position: relative;
|
||||
.title{
|
||||
font-size: 40rpx;
|
||||
font-weight: 500;
|
||||
color: #333333;
|
||||
line-height: 56rpx;
|
||||
text-align: center;
|
||||
margin-bottom: 47rpx;
|
||||
}
|
||||
.content{
|
||||
font-size: 28rpx;
|
||||
font-weight: 400;
|
||||
color: #333333;
|
||||
line-height: 50rpx;
|
||||
text-indent:2em;
|
||||
}
|
||||
.people{
|
||||
position: absolute;
|
||||
bottom: 203rpx;
|
||||
left: 250rpx;
|
||||
}
|
||||
.dayYear{
|
||||
position: absolute;
|
||||
bottom: 128rpx;
|
||||
left: 250rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.time{
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
color: #333333;
|
||||
line-height: 45rpx;
|
||||
}
|
||||
}
|
||||
.informationMask{
|
||||
width: 690rpx;
|
||||
// height: 750rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 4rpx;
|
||||
margin: 0 auto;
|
||||
margin-top: 30%;
|
||||
position: relative;
|
||||
.close{
|
||||
width: 23px;
|
||||
height: 23px;
|
||||
color: #1B66FF;
|
||||
position: fixed;
|
||||
right: 60rpx;
|
||||
transform: rotate(45deg);
|
||||
font-size: 40px;
|
||||
z-index: 9999;
|
||||
}
|
||||
.img{
|
||||
width: 690rpx;
|
||||
height: 1040rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.informationWrap{
|
||||
padding: 0 30rpx;
|
||||
}
|
||||
.informationBox{
|
||||
height: 32rpx;
|
||||
background: #FEFEFE;
|
||||
padding: 64rpx 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
border-bottom:1px solid #F2F2F2;
|
||||
}
|
||||
.title{
|
||||
height: 36rpx;
|
||||
font-size: 32rpx;
|
||||
font-weight: 400;
|
||||
color: #333333;
|
||||
}
|
||||
.content{
|
||||
height: 32rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: 400;
|
||||
color: #999999;
|
||||
}
|
||||
.lookbtn{
|
||||
display: flex;
|
||||
font-size: 28rpx;
|
||||
font-weight: 400;
|
||||
color: #1B66FF;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user