提交
This commit is contained in:
parent
4374c28e3e
commit
cfa8c6c47f
@ -76,10 +76,16 @@
|
||||
@click="tn('/pages/packageA/user/my_card?id='+v.member_id)"
|
||||
class="tn-flex tn-flex-center tn-flex-col-center">
|
||||
<!-- 标题,有需要可以显示出来 -->
|
||||
<view style="width: 130rpx;height: 180rpx">
|
||||
<image :src="apiImgUrl+v.photo_image"
|
||||
style="width: 130rpx;height: 180rpx;border-radius:8rpx;" mode="aspectFill">
|
||||
<view style="width: 100rpx;height: 100rpx">
|
||||
<image v-if="v.gender == 1" src="https://ysx.0rui.cn/h5/static/man.png"
|
||||
style="width: 100rpx;height: 100rpx;border-radius:50%;">
|
||||
</image>
|
||||
<image v-else src="https://ysx.0rui.cn/h5/static/weman.png"
|
||||
style="width: 100rpx;height: 100rpx;border-radius:50%;">
|
||||
</image>
|
||||
<!-- <image :src="apiImgUrl+v.photo_image"
|
||||
style="width: 130rpx;height: 180rpx;border-radius:8rpx;" mode="aspectFill">
|
||||
</image> -->
|
||||
</view>
|
||||
<view style="margin-left: 20rpx;">
|
||||
<view style="font-size: 28rpx;color: #323232;font-weight: 600;">
|
||||
|
@ -66,10 +66,10 @@
|
||||
<view style="font-size: 28rpx;font-weight: normal;margin-top: 10rpx;">协会活动</view>
|
||||
</view>
|
||||
</tn-grid-item>
|
||||
<tn-grid-item style="width: 25%" @click="openUrl('/pages/packageA/info/policy')">
|
||||
<tn-grid-item style="width: 25%" @click="openUrl('/pages/packageA/user/my_idea')">
|
||||
<view style="padding: 30rpx;text-align: center;">
|
||||
<image src="/static/h3.png" style="width: 100rpx;height: 100rpx;"></image>
|
||||
<view style="font-size: 28rpx;font-weight: normal;margin-top: 10rpx;">惠企政策</view>
|
||||
<view style="font-size: 28rpx;font-weight: normal;margin-top: 10rpx;">意见建议</view>
|
||||
</view>
|
||||
</tn-grid-item>
|
||||
<tn-grid-item style="width: 25%">
|
||||
|
@ -69,9 +69,9 @@
|
||||
style="width: 100rpx;height: 100rpx;border-radius: 50%;"></image>
|
||||
</view>
|
||||
<view style="margin-left: 30rpx;">
|
||||
<view style="color:#3D3D3D;font-size: 32rpx;font-weight: 600;">洛阳市总商会
|
||||
<view style="color:#3D3D3D;font-size: 32rpx;font-weight: 600;">洛阳市青年户外协会
|
||||
</view>
|
||||
<view style="font-size: 28rpx;color:#9B9B9B;margin-top: 15rpx;">成立时间:2021-10-01
|
||||
<view style="font-size: 28rpx;color:#9B9B9B;margin-top: 15rpx;">成立时间:2024年8月13日
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
@ -57,14 +57,14 @@
|
||||
<view style="padding: 30rpx;background-color: transparent;">
|
||||
<view class="tn-flex tn-flex-center tn-flex-col-center tn-flex-row-between"
|
||||
style="text-align: center;padding: 40rpx 30rpx;background-color: #FFF;border-radius: 20rpx;">
|
||||
<view>
|
||||
<!-- <view>
|
||||
<view>
|
||||
<image src="/static/wdfb.png" style="width: 80rpx;height: 80rpx;"></image>
|
||||
</view>
|
||||
<view style="margin-top: 10rpx;">
|
||||
<text>我的发布</text>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<view @click="tn('/pages/packageA/user/events_my')">
|
||||
<view>
|
||||
<image src="/static/ico1.png" style="width: 80rpx;height: 80rpx;"></image>
|
||||
|
@ -1,88 +1,115 @@
|
||||
<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 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 }}
|
||||
</view>
|
||||
@ -90,9 +117,14 @@
|
||||
<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;">
|
||||
@ -107,7 +139,6 @@
|
||||
</div>
|
||||
</view>
|
||||
</view>
|
||||
<view class='tn-tabbar-height'></view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@ -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: '',
|
||||
|
@ -40,7 +40,7 @@
|
||||
</view>
|
||||
|
||||
<view style="font-size: 26rpx;color: #323232;margin-top: 10rpx;">
|
||||
{{ userThisInfo.unit_position }}
|
||||
{{ userThisInfo.unit_position==null?'未填写':userThisInfo.unit_position}}
|
||||
</view>
|
||||
|
||||
<!-- <view style="font-size: 28rpx;margin-top: 10rpx;">
|
||||
@ -68,7 +68,7 @@
|
||||
v-if="userThisInfo.if_tongyi != 0">联系电话:xxxxxxxxxxx
|
||||
</view>
|
||||
<view style="font-size: 26rpx;margin-top: 20rpx;">所 在 地:{{
|
||||
userThisInfo.region_name }}</view>
|
||||
userThisInfo.region_name==null?'未填写':userThisInfo.region_name }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
@ -51,8 +51,8 @@ const store = new Vuex.Store({
|
||||
msgCount: 0,
|
||||
// imgUrl: "http://192.168.3.130",
|
||||
// apiUrl: "http://192.168.3.130/api"
|
||||
imgUrl: "https://ysx.hschool.com.cn",
|
||||
apiUrl: "https://ysx.hschool.com.cn/api"
|
||||
imgUrl: "https://ysx.0rui.cn",
|
||||
apiUrl: "https://ysx.0rui.cn/api"
|
||||
},
|
||||
mutations: {
|
||||
$tStore(state, payload) {
|
||||
|
@ -174,7 +174,7 @@
|
||||
<style lang="scss" scoped>
|
||||
|
||||
$tn-steps-item-number-width: 44rpx;
|
||||
$tn-steps-item-dot-width: 20rpx;
|
||||
$tn-steps-item-dot-width: 25rpx;
|
||||
|
||||
.tn-steps {
|
||||
display: flex;
|
||||
@ -305,10 +305,11 @@
|
||||
flex-direction: column;
|
||||
|
||||
.tn-steps__item__line {
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-style: solid;
|
||||
width: 50%;
|
||||
left: 75%;
|
||||
border-bottom-width: 2px;
|
||||
border-bottom-style: dotted;
|
||||
border-bottom-color: #FE6E25;
|
||||
width: 90%;
|
||||
left: 55%;
|
||||
|
||||
&--dot {
|
||||
top: calc(#{$tn-steps-item-dot-width} / 2);
|
||||
|
Loading…
x
Reference in New Issue
Block a user