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)"
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;">

View File

@ -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%">

View File

@ -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>

View File

@ -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>

View File

@ -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: '',

View File

@ -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;">&nbsp;&nbsp;&nbsp;&nbsp;{{
userThisInfo.region_name }}</view>
userThisInfo.region_name==null?'未填写':userThisInfo.region_name }}</view>
</view>
</view>
</view>

View File

@ -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) {

View File

@ -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);