@ -1,128 +1,159 @@
< template >
< view class= "template-edit tn-safe-area-inset-bottom" >
< view style= "background-color: #ffffff;" class= "template-edit tn-safe-area-inset-bottom" >
<!-- 顶部自定义导航 -- >
< tn-nav-bar :isBack = "false" backTitle = "" :bottomShadow = "true" backgroundColor = "#FFFFFF" >
< view class = "custom-nav tn-flex tn-flex-col-center tn-flex-row-left" >
< view style = "padding-left: 15rpx;" @click ="goBack()" >
< tn-nav-bar customBack :bottomShadow = "false" backgroundColor = "#ffffff" >
< view class = "custom-nav tn-flex tn-flex-col-center tn-flex-row-center" >
< view style = "color: #000000;;text-align: left;font-size: 36rpx;font-weight: 600;" >
< text > 入会申请 < / text >
< / view >
< / view >
< view slot = "back" class = 'tn-custom-nav-bar__back' @click ="goBack" >
< text class = "tn-icon-left" style = "font-size: 40rpx;" > < / text >
< / view >
< view class = "tn-margin-top"
style = ";text-shadow: 1rpx 0 0 #FFF, 0 1rpx 0 #FFF, -1rpx 0 0 #FFF , 0 -1rpx 0 #FFF;" >
< tn-tabs :list = "[{name:info.association_name+'入会申请'}]" :current = "topCurrent" activeColor = "#000"
: bold = "false" : fontSize = "30" > < / tn-tabs >
< / view >
< / view >
< / tn-nav-bar >
< view class = "tn-safe-area-inset-bottom" : style = "{paddingTop: vuex_custom_bar_height + 'px'}" >
< view style = "margin-top: 40rpx" >
< tn-steps :list = "tab_list" :current = "current" > < / tn-steps >
< view class = "tn-safe-area-inset-bottom" : style = "{ paddingTop: vuex_custom_bar_height + 'px' }" >
< view style = "height: 20rpx;background-color: #F7F7F7;width: 100%;" > < / view >
< view style = "background-color: #ffffff;padding: 30rpx 0rpx;" >
< tn-steps :list = "tab_list" :current = "current" activeColor = "#FE6E25" inactiveColor = "#9B9B9B" > < / tn-steps >
< / view >
< view v-if = "current==1" style="padding: 30rpx" >
< view style = "height: 20rpx;background-color: #F7F7F7;width: 100%;" > < / view >
< view v-if = "current == 1" style="padding: 30rpx;background-color: #ffffff;" >
< view v-html = "info.ruhuixizhu" > < / view >
< view style = "text-align: center;margin-top: 60rpx" >
< tn-checkbox :size = "40" v-model = "checked1" > 同意入会协议 < / tn -checkbox >
< tn-checkbox :size = "40" activeColor = "#FE6E25" shape = "circle" v-model = "checked1" > 同意入会协议 < / tn -checkbox >
< view style = "margin-top: 30rpx" >
< tn-button backgroundColor = "#01BEFF" fontColor = "#ffffff" @click ="one_next()" > 下一步 < / tn -button >
< tn-button shape = "round" width = "90%" height = "80rpx" backgroundColor = "#FE6E25"
fontColor = "#ffffff" @ click = "one_next()" > 下一步 < / tn-button >
< / view >
< / view >
< / view >
< view v-if = "current==2" >
< view class = "tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin" >
< view class = "tn-flex justify-content-item" >
< view class = "tn-padding-right-xs tn-text-bold" > 推荐人 < / view >
< view v-if = "current == 2" style="background-color: #ffffff;margin-top: 20rpx;" >
< view class = "tn-flex tn-flex-row-between tn-flex-col-center" style = "padding:10rpx 30rpx;" >
< view style = "width: 30%;" >
< view class = "tn-padding-right-xs tn-text-bold" >
< text class = "tn-icon-title" style = "color: #FE6E25;" > < / text >
< text > 推荐人 < / text >
< / view >
< / view >
< view class= "tn-margin tn-bg-gray--light" style= " border-radius: 10rpx; padding: 20rpx 30rpx;">
< input v-model = "new_info.recommendation_name" placeholder=" 选填" :showRightIcon = "false"
< view style= " padding: 20rpx 30rpx;width: 70%;text-align: right ;">
< input v-model = "new_info.recommendation_name" placeholder=" 请输入推荐人( 选填) " :showRightIcon = "false"
: disabled = "true" @ click = "tuijian_show = true" / >
< tn-select v-model = "tuijian_show" mode="single" :list = "member_list"
@ confirm = "getTuiJianId" > < / tn-select >
< / view >
< view class = "tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin" >
< view class = "tn-flex justify-content-item" >
< view class = "tn-padding-right-xs tn-text-bold" > 手机号 < / view >
< / view >
< view style = "width: 90%;height: 1px;background-color:#E5E5E5;margin: 0 auto;" > < / view >
< view class = "tn-flex tn-flex-row-between tn-flex-col-center" style = "padding:20rpx 30rpx;" >
< view style = "width: 30%;" >
< view class = "tn-padding-right-xs tn-text-bold" >
< text class = "tn-icon-title" style = "color: #FE6E25;" > < / text >
< text > 手机号 < / text >
< / view >
< / view >
< view class = "tn-margin tn-bg-gray--light" style = "border-radius: 10rpx;padding: 20rpx 30rpx;" >
< input placeholder = "手机号" disabled v -model = " userInfo.phone "
< view style= " padding: 20rpx 30rpx;width: 70%;text-align: right ;">
< input placeholder = " 请输入 手机号" disabled v -model = " userInfo.phone "
placeholder - style = "color:#AAAAAA" > < / input >
< / view >
< view class = "tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin" >
< view class = "tn-flex justify-content-item" >
< view class = "tn-padding-right-xs tn-text-bold" > 真实姓名 < / view >
< / view >
< view style = "width: 90%;height: 1px;background-color:#E5E5E5;margin: 0 auto;" > < / view >
< view class = "tn-flex tn-flex-row-between tn-flex-col-center" style = "padding:20rpx 30rpx;" >
< view style = "width: 30%;" >
< view class = "tn-padding-right-xs tn-text-bold" >
< text class = "tn-icon-title" style = "color: #FE6E25;" > < / text >
< text > 真实姓名 < / text >
< / view >
< / view >
< view class = "tn-margin tn-bg-gray--light" style = "border-radius: 10rpx;padding: 20rpx 30rpx;" >
< input placeholder = "请输入真实姓名" v-model = "new_info.nikename" placeholder-style="color:#AAAAAA" > < / input >
< / view >
< view class = "tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin" >
< view class = "tn-flex justify-content-item" >
< view class = "tn-padding-right-xs tn-text-bold" > 性别 < / view >
< view style = "padding: 20rpx 30rpx;width: 70%;text-align: right;" >
< input placeholder = "请输入真实姓名" v -model = " new_info.nikename "
placeholder - style = "color:#AAAAAA" > < / input >
< / view >
< / view >
< view class = "tn-margin tn-bg-gray--light" style = "border-radius: 10rpx;padding: 20rpx 30rpx;" >
< view style = "width: 90%;height: 1px;background-color:#E5E5E5;margin: 0 auto;" > < / view >
< view class = "tn-flex tn-flex-row-between tn-flex-col-center" style = "padding:20rpx 30rpx;" >
< view style = "width: 30%;" >
< view class = "tn-padding-right-xs tn-text-bold" >
< text class = "tn-icon-title" style = "color: #FE6E25;" > < / text >
< text > 性别 < / text >
< / view >
< / view >
< view style = "padding: 20rpx 30rpx;width: 70%;text-align: right;" >
< input v-model = "new_info.gender_name" :showRightIcon="false" :disabled = "true"
@ click = "gender_show = true" / >
< tn-select v-model = "gender_show" mode="single" :list = "genderList"
@ confirm = "getGenderId" > < / tn-select >
< / view >
< view class = "tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin" >
< view class = "tn-flex justify-content-item" >
< view class = "tn-padding-right-xs tn-text-bold" > 企业名称 < / view >
< / view >
< view style = "width: 90%;height: 1px;background-color:#E5E5E5;margin: 0 auto;" > < / view >
< view class = "tn-flex tn-flex-row-between tn-flex-col-center" style = "padding:20rpx 30rpx;" >
< view style = "width: 30%;" >
< view class = "tn-padding-right-xs tn-text-bold" >
< text class = "tn-icon-title" style = "color: #FE6E25;" > < / text >
< text > 企业名称 < / text >
< / view >
< / view >
< view class = "tn-margin tn-bg-gray--light" style = "border-radius: 10rpx;padding: 20rpx 30rpx;" >
< view style= " padding: 20rpx 30rpx;width: 70%;text-align: right ;">
< input placeholder = "请输入企业名称" v -model = " new_info.enterprise_name "
placeholder - style = "color:#AAAAAA" > < / input >
< / view >
< view class = "tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin" >
< view class = "tn-flex justify-content-item" >
< view class = "tn-padding-right-xs tn-text-bold" > 所属行业 < / view >
< / view >
< view style = "width: 90%;height: 1px;background-color:#E5E5E5;margin: 0 auto;" > < / view >
< view class = "tn-flex tn-flex-row-between tn-flex-col-center" style = "padding:20rpx 30rpx;" >
< view style = "width: 30%;" >
< view class = "tn-padding-right-xs tn-text-bold" >
< text class = "tn-icon-title" style = "color: #FE6E25;" > < / text >
< text > 所属行业 < / text >
< / view >
< / view >
< view class = "tn-margin tn-bg-gray--light" style = "border-radius: 10rpx;padding: 20rpx 30rpx;" >
< view class = "tn-flex tn-flex-center tn-flex-col-center" @ click = "industry_id_show = true" >
< view style= " padding: 20rpx 30rpx;width: 70%;text-align: right ;">
< view @ click = "industry_id_show = true" >
< view style = "font-size: 28rpx; color: rgba(102, 102, 102, 1);" >
{ { formData . industrynew _id _name } }
{ { formData . industrynew _id _name } }
< / view >
< / view >
< tn-select v-model = "industry_id_show" mode="single" :list = "industry_list"
@ confirm = "getindustryId" > < / tn-select >
< / view >
< view class = "tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin" >
< / view >
< view style = "width: 90%;height: 1px;background-color:#E5E5E5;margin: 0 auto;" > < / view >
< view class = "tn-flex tn-flex-row-between tn-flex-col-center" style = "padding:20rpx 30rpx;" >
< view class = "tn-flex justify-content-item" >
< view class = "tn-padding-right-xs tn-text-bold" > 申请理由 < / view >
< view class = "tn-padding-right-xs tn-text-bold" >
< text class = "tn-icon-title" style = "color: #FE6E25;" > < / text >
< text > 申请理由 < / text >
< / view >
< / view >
< / view >
< view class = "tn-margin tn-bg-gray--light" style = "border-radius: 10rpx;padding: 20rpx 30rpx;" >
< tn-input v-model = "new_info.reason" :maxLength="1000" placeholder="申请入会理由" :clearable = "false"
: height = "300" type = "textarea" : customStyle = "{ lineHeight:'42rpx',color:'#777777'}" / >
: height = "300" type = "textarea" : customStyle = "{ lineHeight: '42rpx', color: '#777777' }" / >
< / view >
< div style = "text-align: center;margin-top: 40px" >
< tn-button @click ="current= 1" backgroundColor = "#E6E6E6" fontColor = "#000000" > 上一步 < / tn-button >
< tn-button @ click = "current = 1" backgroundColor = "#E6E6E6" fontColor = "#000000" > 上一步 < / tn-button >
< tn-button backgroundColor = "#01BEFF" fontColor = "#ffffff" style = "margin-left: 40rpx"
@ click = "newSubmit" > 提交申请
< / tn-button >
< / div >
< / view >
< / view >
< view class = 'tn-tabbar-height' > < / view >
< / view >
< / template >
< script >
import {
import {
associationInfo ,
IndustryNewList ,
loginAdd ,
positionList ,
MemberList
} from '@/util/api.js' ;
import store from "@/store" ;
import string from "@/tuniao-ui/libs/function/string" ;
} from '@/util/api.js' ;
import store from "@/store" ;
import string from "@/tuniao-ui/libs/function/string" ;
export default {
export default {
data ( ) {
return {
positionList : [ ] ,
@ -154,7 +185,7 @@
phone : '' ,
nikename : '' ,
enterprise _name : '' ,
gender _name : '请选择 ',
gender _name : '请选择 性别 ',
gender : 0 ,
industry _id : 0 ,
reason : '' ,
@ -165,7 +196,7 @@
position _id : 0 ,
industry _id : '' ,
industry _id _name : '请选择' ,
industrynew _id _name : '请选择 ',
industrynew _id _name : '请选择 所属行业 ',
phone : '' ,
password : '' ,
nikename : '' ,
@ -232,19 +263,19 @@
} ,
onLoad ( d ) {
console . log ( '123456' , d ) ;
if ( typeof ( d . scene ) != 'undefined' ) {
if ( typeof ( d . scene ) != 'undefined' ) {
let decodedParams = decodeURIComponent ( d . scene ) ;
var searchParams = this . parseQuery ( decodedParams ) ;
console . log ( 'searchParams' , searchParams ) ;
d = searchParams ;
}
if ( typeof ( d . id ) != 'undefined' ) {
if ( typeof ( d . id ) != 'undefined' ) {
uni . setStorageSync ( 'apply_id' , d . id ) ;
this . new _info . recommendation _id = d . id ;
}
this . userInfo = uni . getStorageSync ( 'userInfo' ) ;
if ( typeof ( d . association _id ) != 'undefined' ) {
if ( typeof ( d . association _id ) != 'undefined' ) {
store . commit ( '$tStore' , {
name : 'Gid' ,
value : d . association _id
@ -497,7 +528,7 @@
uni . showModal ( {
title : '提示' ,
content : '申请成功,请关注站内信通知!' ,
success : function ( res ) {
success : function ( res ) {
uni . navigateTo ( {
url : '/pages/index/index'
} ) ;
@ -759,29 +790,29 @@
}
} ,
}
}
}
< / script >
< style lang = "scss" scoped >
/* 底部悬浮按钮 start*/
. tn - tabbar - height {
/* 底部悬浮按钮 start*/
. tn - tabbar - height {
min - height : 100 rpx ;
height : calc ( 120 rpx + env ( safe - area - inset - bottom ) / 2 ) ;
}
}
. tn - footerfixed {
. tn - footerfixed {
position : fixed ;
width : 100 % ;
bottom : calc ( 30 rpx + env ( safe - area - inset - bottom ) ) ;
z - index : 1024 ;
box - shadow : 0 1 rpx 6 rpx rgba ( 0 , 0 , 0 , 0 ) ;
}
}
/* 底部悬浮按钮 end*/
/* 底部悬浮按钮 end*/
/* 标签内容 start*/
. tn - tag - content {
/* 标签内容 start*/
. tn - tag - content {
& _ _item {
display : inline - block ;
line - height : 45 rpx ;
@ -792,7 +823,7 @@
padding - right : 10 rpx ;
}
}
}
}
/* 标签内容 end*/
/* 标签内容 end*/
< / style >