提交
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