This commit is contained in:
王创世 2025-07-10 18:13:44 +08:00
parent 4374c28e3e
commit cfa8c6c47f
8 changed files with 804 additions and 766 deletions

View File

@ -76,10 +76,16 @@
@click="tn('/pages/packageA/user/my_card?id='+v.member_id)" @click="tn('/pages/packageA/user/my_card?id='+v.member_id)"
class="tn-flex tn-flex-center tn-flex-col-center"> class="tn-flex tn-flex-center tn-flex-col-center">
<!-- 标题有需要可以显示出来 --> <!-- 标题有需要可以显示出来 -->
<view style="width: 130rpx;height: 180rpx"> <view style="width: 100rpx;height: 100rpx">
<image :src="apiImgUrl+v.photo_image" <image v-if="v.gender == 1" src="https://ysx.0rui.cn/h5/static/man.png"
style="width: 130rpx;height: 180rpx;border-radius:8rpx;" mode="aspectFill"> style="width: 100rpx;height: 100rpx;border-radius:50%;">
</image> </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>
<view style="margin-left: 20rpx;"> <view style="margin-left: 20rpx;">
<view style="font-size: 28rpx;color: #323232;font-weight: 600;"> <view style="font-size: 28rpx;color: #323232;font-weight: 600;">

View File

@ -66,10 +66,10 @@
<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> </view>
</tn-grid-item> </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;"> <view style="padding: 30rpx;text-align: center;">
<image src="/static/h3.png" style="width: 100rpx;height: 100rpx;"></image> <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> </view>
</tn-grid-item> </tn-grid-item>
<tn-grid-item style="width: 25%"> <tn-grid-item style="width: 25%">

View File

@ -69,9 +69,9 @@
style="width: 100rpx;height: 100rpx;border-radius: 50%;"></image> style="width: 100rpx;height: 100rpx;border-radius: 50%;"></image>
</view> </view>
<view style="margin-left: 30rpx;"> <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>
<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> </view>
</view> </view>

View File

@ -57,14 +57,14 @@
<view style="padding: 30rpx;background-color: transparent;"> <view style="padding: 30rpx;background-color: transparent;">
<view class="tn-flex tn-flex-center tn-flex-col-center tn-flex-row-between" <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;"> style="text-align: center;padding: 40rpx 30rpx;background-color: #FFF;border-radius: 20rpx;">
<view> <!-- <view>
<view> <view>
<image src="/static/wdfb.png" style="width: 80rpx;height: 80rpx;"></image> <image src="/static/wdfb.png" style="width: 80rpx;height: 80rpx;"></image>
</view> </view>
<view style="margin-top: 10rpx;"> <view style="margin-top: 10rpx;">
<text>我的发布</text> <text>我的发布</text>
</view> </view>
</view> </view> -->
<view @click="tn('/pages/packageA/user/events_my')"> <view @click="tn('/pages/packageA/user/events_my')">
<view> <view>
<image src="/static/ico1.png" style="width: 80rpx;height: 80rpx;"></image> <image src="/static/ico1.png" style="width: 80rpx;height: 80rpx;"></image>

View File

@ -1,88 +1,115 @@
<template> <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"> <tn-nav-bar customBack :bottomShadow="false" backgroundColor="#ffffff">
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-left"> <view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-center">
<view style="padding-left: 15rpx;" @click="goBack()"> <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> <text class="tn-icon-left" style="font-size: 40rpx;"></text>
</view> </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> </tn-nav-bar>
<view class="tn-safe-area-inset-bottom" :style="{ paddingTop: vuex_custom_bar_height + 'px' }"> <view class="tn-safe-area-inset-bottom" :style="{ paddingTop: vuex_custom_bar_height + 'px' }">
<view style="margin-top: 40rpx"> <view style="height: 20rpx;background-color: #F7F7F7;width: 100%;"></view>
<tn-steps :list="tab_list" :current="current"></tn-steps> <view style="background-color: #ffffff;padding: 30rpx 0rpx;">
<tn-steps :list="tab_list" :current="current" activeColor="#FE6E25" inactiveColor="#9B9B9B"></tn-steps>
</view> </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 v-html="info.ruhuixizhu"></view>
<view style="text-align: center;margin-top: 60rpx"> <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"> <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>
</view> </view>
<view v-if="current==2"> <view v-if="current == 2" style="background-color: #ffffff;margin-top: 20rpx;">
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin"> <view class="tn-flex tn-flex-row-between tn-flex-col-center" style="padding:10rpx 30rpx;">
<view class="tn-flex justify-content-item"> <view style="width: 30%;">
<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>
<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 v-model="new_info.recommendation_name" placeholder="选填" :showRightIcon="false" <input v-model="new_info.recommendation_name" placeholder="请输入推荐人(选填" :showRightIcon="false"
:disabled="true" @click="tuijian_show = true" /> :disabled="true" @click="tuijian_show = true" />
<tn-select v-model="tuijian_show" mode="single" :list="member_list" <tn-select v-model="tuijian_show" mode="single" :list="member_list"
@confirm="getTuiJianId"></tn-select> @confirm="getTuiJianId"></tn-select>
</view> </view>
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin"> </view>
<view class="tn-flex justify-content-item"> <view style="width: 90%;height: 1px;background-color:#E5E5E5;margin: 0 auto;"></view>
<view class="tn-padding-right-xs tn-text-bold">手机号</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> </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="手机号" disabled v-model="userInfo.phone" <input placeholder="请输入手机号" disabled v-model="userInfo.phone"
placeholder-style="color:#AAAAAA"></input> placeholder-style="color:#AAAAAA"></input>
</view> </view>
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin"> </view>
<view class="tn-flex justify-content-item"> <view style="width: 90%;height: 1px;background-color:#E5E5E5;margin: 0 auto;"></view>
<view class="tn-padding-right-xs tn-text-bold">真实姓名</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> </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.nikename" placeholder-style="color:#AAAAAA"></input> <input placeholder="请输入真实姓名" v-model="new_info.nikename"
</view> placeholder-style="color:#AAAAAA"></input>
<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>
</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" <input v-model="new_info.gender_name" :showRightIcon="false" :disabled="true"
@click="gender_show = true" /> @click="gender_show = true" />
<tn-select v-model="gender_show" mode="single" :list="genderList" <tn-select v-model="gender_show" mode="single" :list="genderList"
@confirm="getGenderId"></tn-select> @confirm="getGenderId"></tn-select>
</view> </view>
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin"> </view>
<view class="tn-flex justify-content-item"> <view style="width: 90%;height: 1px;background-color:#E5E5E5;margin: 0 auto;"></view>
<view class="tn-padding-right-xs tn-text-bold">企业名称</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> </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" <input placeholder="请输入企业名称" v-model="new_info.enterprise_name"
placeholder-style="color:#AAAAAA"></input> placeholder-style="color:#AAAAAA"></input>
</view> </view>
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin"> </view>
<view class="tn-flex justify-content-item"> <view style="width: 90%;height: 1px;background-color:#E5E5E5;margin: 0 auto;"></view>
<view class="tn-padding-right-xs tn-text-bold">所属行业</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> </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;">
<view class="tn-flex tn-flex-center tn-flex-col-center" @click="industry_id_show = true"> <view @click="industry_id_show = true">
<view style="font-size: 28rpx; color: rgba(102, 102, 102, 1);"> <view style="font-size: 28rpx; color: rgba(102, 102, 102, 1);">
{{ formData.industrynew_id_name }} {{ formData.industrynew_id_name }}
</view> </view>
@ -90,9 +117,14 @@
<tn-select v-model="industry_id_show" mode="single" :list="industry_list" <tn-select v-model="industry_id_show" mode="single" :list="industry_list"
@confirm="getindustryId"></tn-select> @confirm="getindustryId"></tn-select>
</view> </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-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> </view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;"> <view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
@ -107,7 +139,6 @@
</div> </div>
</view> </view>
</view> </view>
<view class='tn-tabbar-height'></view>
</view> </view>
</template> </template>
@ -154,7 +185,7 @@
phone: '', phone: '',
nikename: '', nikename: '',
enterprise_name: '', enterprise_name: '',
gender_name: '请选择', gender_name: '请选择性别',
gender: 0, gender: 0,
industry_id: 0, industry_id: 0,
reason: '', reason: '',
@ -165,7 +196,7 @@
position_id: 0, position_id: 0,
industry_id: '', industry_id: '',
industry_id_name: '请选择', industry_id_name: '请选择',
industrynew_id_name: '请选择', industrynew_id_name: '请选择所属行业',
phone: '', phone: '',
password: '', password: '',
nikename: '', nikename: '',

View File

@ -40,7 +40,7 @@
</view> </view>
<view style="font-size: 26rpx;color: #323232;margin-top: 10rpx;"> <view style="font-size: 26rpx;color: #323232;margin-top: 10rpx;">
{{ userThisInfo.unit_position }} {{ userThisInfo.unit_position==null?'未填写':userThisInfo.unit_position}}
</view> </view>
<!-- <view style="font-size: 28rpx;margin-top: 10rpx;"> <!-- <view style="font-size: 28rpx;margin-top: 10rpx;">
@ -68,7 +68,7 @@
v-if="userThisInfo.if_tongyi != 0">联系电话xxxxxxxxxxx v-if="userThisInfo.if_tongyi != 0">联系电话xxxxxxxxxxx
</view> </view>
<view style="font-size: 26rpx;margin-top: 20rpx;">&nbsp;&nbsp;&nbsp;&nbsp;{{ <view style="font-size: 26rpx;margin-top: 20rpx;">&nbsp;&nbsp;&nbsp;&nbsp;{{
userThisInfo.region_name }}</view> userThisInfo.region_name==null?'未填写':userThisInfo.region_name }}</view>
</view> </view>
</view> </view>
</view> </view>

View File

@ -51,8 +51,8 @@ const store = new Vuex.Store({
msgCount: 0, msgCount: 0,
// imgUrl: "http://192.168.3.130", // imgUrl: "http://192.168.3.130",
// apiUrl: "http://192.168.3.130/api" // apiUrl: "http://192.168.3.130/api"
imgUrl: "https://ysx.hschool.com.cn", imgUrl: "https://ysx.0rui.cn",
apiUrl: "https://ysx.hschool.com.cn/api" apiUrl: "https://ysx.0rui.cn/api"
}, },
mutations: { mutations: {
$tStore(state, payload) { $tStore(state, payload) {

View File

@ -174,7 +174,7 @@
<style lang="scss" scoped> <style lang="scss" scoped>
$tn-steps-item-number-width: 44rpx; $tn-steps-item-number-width: 44rpx;
$tn-steps-item-dot-width: 20rpx; $tn-steps-item-dot-width: 25rpx;
.tn-steps { .tn-steps {
display: flex; display: flex;
@ -305,10 +305,11 @@
flex-direction: column; flex-direction: column;
.tn-steps__item__line { .tn-steps__item__line {
border-bottom-width: 1px; border-bottom-width: 2px;
border-bottom-style: solid; border-bottom-style: dotted;
width: 50%; border-bottom-color: #FE6E25;
left: 75%; width: 90%;
left: 55%;
&--dot { &--dot {
top: calc(#{$tn-steps-item-dot-width} / 2); top: calc(#{$tn-steps-item-dot-width} / 2);