This commit is contained in:
王创世 2024-07-11 18:17:19 +08:00
parent 1ea2b60e04
commit 796d0a1396
8 changed files with 199 additions and 61 deletions

View File

@ -12,7 +12,7 @@
</tn-nav-bar>
<view :style="{paddingTop: vuex_custom_bar_height + 'px'}"
style="background-color: #FFF;padding-bottom: 30rpx;z-index: 200;">
style="background-color: #FFF;padding-bottom:10rpx;z-index: 200;">
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-margin">
<view class="justify-content-item align-content-item" style="width: 100%;position: relative;">
<view class="tn-flex tn-flex-col-center"
@ -82,9 +82,8 @@
style="border-radius: 20rpx 20rpx 0rpx 0rpx;background: #E6E8F1;text-align: center;font-size: 34rpx;font-weight: bold;height: 110rpx;line-height: 110rpx;">
{{item.position_name}}
</view>
<view>
<view v-if="item.neirong" v-for="(v,k) in item.neirong"
@click="tn('/pages/packageA/user/my_card?id='+v.member_id)"
<view v-if="item.neirong" v-for="(v,k) in item.neirong">
<view @click="tn('/pages/packageA/user/my_card?id='+v.member_id)"
class="tn-flex tn-flex-center tn-flex-col-center" style="padding: 35rpx;">
<view style="width: 100rpx;height: 100rpx">
<image :src="apiImgUrl+v.photo_image"
@ -104,6 +103,8 @@
</view>
</view>
</view>
<view v-if="k<item.neirong.length-1"
style="height: 1rpx;border-top: #BABDC7 1rpx dashed;margin: 10rpx 40rpx;"></view>
</view>
</view>
<view v-if="showNo" style="margin-top: 30px;text-align: center">暂无数据</view>

View File

@ -201,8 +201,8 @@
<view v-if="item.type=='进行中'" class="my_tag" style="background-color: #13C296">
进行中
</view>
<view v-if="item.type=='未开始'" class="my_tag" style="background-color: rgb(248, 155, 59)">
预告
<view v-if="item.type=='未开始'" class="my_tag" style="background: #BABDC7;">
未开始
</view>
<view v-if="item.type=='已结束'" class="my_tag" style="background-color: #FF5159">
已结束

View File

@ -1,19 +1,50 @@
<template>
<view style="letter-spacing: 1rpx;">
<view style="background-color: #F1F2F8;letter-spacing: 1rpx;min-height: 100vh;">
<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()">
<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="36"></tn-tabs>
<view style="width: 83%;font-weight: bold;">
<text>协会简介</text>
</view>
</view>
</tn-nav-bar>
<view :style="{paddingTop: vuex_custom_bar_height + 'px'}">
<view style="position: relative;">
<view style="padding: 30rpx;">
<view
style="padding: 40rpx;;border-radius: 30rpx;background: linear-gradient( 180deg, rgba(48,86,211,0.17) 0%, rgba(255,255,255,0.23) 32%, #FFFFFF 100%);">
<image class="no-img" src="/static/logo.png" style="width: 100%;display: block;" mode="widthFix">
</image>
<view style="height: 1rpx;border-top: #BABDC7 1rpx dashed;margin-top: 30rpx;"></view>
<view style="font-size: 34rpx;font-weight: bold;margin-top: 30rpx;">协会介绍</view>
<div style="margin-top: 20rpx;color: #666666;" v-html="info.association_desc"></div>
</view>
<view style="margin-top: 30rpx;padding:30rpx 40rpx;;border-radius: 30rpx;background-color: #FFFFFF;">
<view style="font-size: 34rpx;font-weight: bold;">协会介绍</view>
<view style="margin-top: 20rpx;font-size: 28rpx;color: #666666;">
<text>联系人</text>
<text>河南省青年企业家协会</text>
</view>
<view style="margin-top: 10rpx;font-size: 28rpx;color: #666666;">
<text>联系电话</text>
<text>{{info.association_phone}}</text>
</view>
<view style="margin-top: 10rpx;font-size: 28rpx;color: #666666;">
<text>邮箱</text>
<text>{{info.association_emal}}</text>
</view>
<view style="margin-top: 10rpx;font-size: 28rpx;color: #666666;">
<text>地址</text>
<text>{{info.association_dizhi}}</text>
</view>
<view style="height: 1rpx;border-top: #CCCCCC 1rpx dashed;margin-top: 30rpx;"></view>
<image :show-menu-by-longpress="true" class="no-img"
style="width: 150rpx;display: block;margin-top: 30rpx;" mode="widthFix" src="/static/tu23.png">
</image>
</view>
</view>
<!-- <view style="position: relative;">
<swiper class="card-swiper" :circular="true" :autoplay="true" duration="500" interval="8000"
@change="cardSwiper" style="height: 370rpx;">
<swiper-item style="padding: 0px;border-radius: 0;">
@ -28,10 +59,9 @@
<text class="tn-icon-qr-code" style="font-size: 40rpx;"></text>
</view>
</view>
</view>
</view>
<view style="padding:20rpx 30rpx;">
</view> -->
<!-- </view> -->
<!-- <view style="padding:20rpx 30rpx;">
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-between" style="font-size: 30rpx;">
<view style="min-width: 200rpx;">协会地址</view>
<view>{{info.association_dizhi}}</view>
@ -45,19 +75,13 @@
<view style="min-width: 200rpx;">联系方式</view>
<view>{{info.association_phone}}</view>
</view>
</view>
<view style="height: 10rpx;background-color: #EBF4F7;"></view>
<view style="padding:10rpx 30rpx 200rpx 30rpx;">
<tn-tabs :list="list" :isScroll="false" :activeItemStyle="{'fontWeight':'600','fontSize':'30rpx'}"
</view> -->
<!-- <view style="height: 10rpx;background-color: #EBF4F7;"></view> -->
<!-- <view style="padding:10rpx 30rpx 200rpx 30rpx;"> -->
<!-- <tn-tabs :list="list" :isScroll="false" :activeItemStyle="{'fontWeight':'600','fontSize':'30rpx'}"
style="font-weight: ;" activeColor="#000" :barWidth="50" :barHeight="6"
:barStyle="{'background': 'linear-gradient(-45deg, #4AA2EF, #3A7FF4)','borderRadius': '4rpx'}"
:current="current" name="name" @change="change"></tn-tabs>
<!-- <view style="margin-top: 20rpx;position: relative;">-->
<!-- <image src="/static/b1.png"-->
<!-- style="width: 100rpx;height: 100rpx;position: absolute;left: 0;right: 0;top: 38%;z-index: 10;margin: 0 auto;">-->
<!-- </image>-->
<!-- <image src="/static/t7.jpg" style="width: 100%;border-radius: 20rpx;" mode="widthFix"></image>-->
<!-- </view>-->
<view style="line-height: 50rpx; text-indent: 2em;margin-top: 20rpx;" v-if="current==0">
<div v-html="info.association_desc"></div>
</view>
@ -66,13 +90,13 @@
</view>
<view style="line-height: 50rpx; text-indent: 2em;margin-top: 20rpx;" v-if="current==3">
<div v-html="info.ruhuixizhu"></div>
</view>
<view style="padding: 30rpx;text-align: center; " v-if="current==1">
<view style="width: 100%;background-color: #ffffff;z-index: 1;">
</view> -->
<!-- <view style="padding: 30rpx;text-align: center; " v-if="current==1"> -->
<!-- <view style="width: 100%;background-color: #ffffff;z-index: 1;">
<tn-tabs :list="tab_list" :isScroll="false" :current="tab_current" name="name" activeColor="#000000"
:activeItemStyle="{backgroundColor:'#F2F2F2'}" :showBar='false' @change="tab_change"></tn-tabs>
</view>
<view style="padding: 30rpx 0rpx;text-align: center;padding-top: 30rpx;">
</view> -->
<!-- <view style="padding: 30rpx 0rpx;text-align: center;padding-top: 30rpx;">
<template v-for="(item, index) in architecture" v-if="item.neirong.length>0">
<tn-button backgroundColor="#82B2FF" height="50rpx"
fontColor="#ffffff">{{item.position_name}}</tn-button>
@ -94,8 +118,8 @@
</tn-grid-item>
</tn-grid>
</template>
</view>
<!-- <template v-for="(item, index) in architecture">
</view> -->
<!-- <template v-for="(item, index) in architecture">
<tn-button backgroundColor="#E83A30" height="50rpx" width="250rpx"
fontColor="#ffffff">{{item.position_name}}</tn-button>
<tn-grid align="center" col="5">
@ -114,7 +138,7 @@
</tn-grid-item>
</tn-grid>
</template> -->
</view>
<!-- </view> -->
</view>
<!-- <view style="position: fixed;bottom: 50rpx;width: 100%;">
<view class="tn-flex tn-flex-row-around"> -->
@ -141,8 +165,7 @@
</view>
</view> -->
<!-- </view> -->
<tn-popup :closeBtn="true" v-model="show" mode="center" width="500rpx" height="600rpx">
<!-- <div style="text-align: center;padding: 30rpx;font-size: 32rpx;font-weight: 600;">使用二维码邀请入会</div> -->
<!-- <tn-popup :closeBtn="true" v-model="show" mode="center" width="500rpx" height="600rpx">
<view style="text-align: center;margin-top: 40rpx;">
<image :src="qrcode_url" style="width: 400rpx;height: 400rpx;"></image>
</view>
@ -150,10 +173,10 @@
<tn-button shape="round" backgroundColor="#82B2FF" fontColor="#ffffff"
@click="saveBase64">保存图片</tn-button>
</view>
</tn-popup>
<tn-tabbar :outHeight="140" :height="120" v-model="currentIndex" :list="tabbarList" activeColor="#3377FF"
</tn-popup> -->
<!-- <tn-tabbar :outHeight="140" :height="120" v-model="currentIndex" :list="tabbarList" activeColor="#3377FF"
inactiveColor="#AAAAAA" activeIconColor="#3377FF" inactiveIconColor="#8A8E99" :animation="true"
:safeAreaInsetBottom="true" @change="switchTabbar"></tn-tabbar>
:safeAreaInsetBottom="true" @change="switchTabbar"></tn-tabbar> -->
</view>
</template>

View File

@ -38,7 +38,8 @@
<view v-for="(item,index) in actList">
<view @click="openUrl('/pages/packageB/event/event_info?id='+item.id)"
style="margin-bottom: 30rpx;background-color: #FFF;border-radius: 20rpx;">
<view class="tn-flex tn-flex-row-between" style="padding:20rpx 20rpx 10rpx 10rpx;">
<view class="tn-flex tn-flex-row-between"
style="padding:20rpx 20rpx 10rpx 10rpx;position: relative;">
<view style="margin-left: 10rpx;" v-if="item.activity_image">
<image :src="apiImgUrl+item.activity_image" mode="aspectFill"
style="width: 280rpx;height: 180rpx;border-radius: 20rpx;"></image>
@ -56,6 +57,17 @@
<text style="vertical-align: middle;">{{item.activity_name}}</text>
</view>
</view>
<view style="position: absolute;top: 0rpx;left: 0rpx;">
<view v-if="item.type=='进行中'" class="my_tag" style="background-color: #13C296">
进行中
</view>
<view v-if="item.type=='未开始'" class="my_tag" style="background: #BABDC7;">
未开始
</view>
<view v-if="item.type=='已结束'" class="my_tag" style="background-color: #FF5159">
已结束
</view>
</view>
</view>
</view>
</view>
@ -64,9 +76,9 @@
<view style="padding-bottom: 120rpx;">
<tn-load-more class="tn-margin-top" :status="load_status"></tn-load-more>
</view>
<tn-tabbar :outHeight="140" :height="120" v-model="currentIndex" :list="tabbarList" activeColor="#3377FF"
<!-- <tn-tabbar :outHeight="140" :height="120" v-model="currentIndex" :list="tabbarList" activeColor="#3377FF"
inactiveColor="#AAAAAA" activeIconColor="#3377FF" inactiveIconColor="#8A8E99" :animation="true"
:safeAreaInsetBottom="true" @change="switchTabbar"></tn-tabbar>
:safeAreaInsetBottom="true" @change="switchTabbar"></tn-tabbar> -->
</view>
</template>
@ -220,4 +232,11 @@
background-color: red;
clip-path: path("M0 0 Q100 200, 200 0");
}
.my_tag {
padding: 8rpx 15rpx;
font-size: 20rpx;
color: rgba(255, 255, 255, 1);
border-radius: 20rpx 0rpx 20rpx 0rpx;
}
</style>

View File

@ -1,17 +1,88 @@
<template>
<view class="page-c">
<tn-nav-bar :isBack="false" backTitle="" :alpha="true" :bottomShadow="false">
<view
style="background: linear-gradient( 180deg, #3056D3 0%, #F1F2F8 25%);background-repeat: no-repeat;height: 100vh;">
<tn-nav-bar :isBack="false" backTitle="" :bottomShadow="false" backgroundColor="transparent">
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-left">
<view style="padding-left: 15rpx;" @click="goBack()">
<text class="tn-icon-left" style="font-size: 40rpx;color: #ffffff"></text>
<text class="tn-icon-left" style="font-size: 40rpx;color: #ffffff;"></text>
</view>
<view class="tn-margin-top" @click="goBack()">
<tn-tabs :list="[{name:'会员名片'}]" :current="topCurrent" activeColor="#ffffff" :bold="false"
:fontSize="24"></tn-tabs>
<view style="width: 83%;font-weight: bold;color: #ffffff;">
<text>会员名片</text>
</view>
</view>
</tn-nav-bar>
<view style="height: 550rpx;">
<view :style="{paddingTop: vuex_custom_bar_height +10+ 'px'}">
<view style="padding: 30rpx;">
<view
style="background: #FFFFFF;box-shadow: 0rpx 4rpx 25rpx 0rpx rgba(175,189,236,0.5);border-radius: 30rpx;">
<view class="tn-flex tn-flex-center tn-flex-col-center" style="padding: 30rpx;">
<view>
<image v-if="userThisInfo.photo_image!=null" :src="apiImgUrl+userThisInfo.photo_image"
mode="aspectFill" style="width: 100rpx;height: 100rpx;border-radius: 50%;"></image>
<image v-if="userThisInfo.photo_image==null" src="/static/def.png" mode="aspectFill"
style="width: 100rpx;height: 100rpx;border-radius: 50%;"></image>
</view>
<view style="margin-left: 20rpx;">
<view>
<text
style="font-size: 32rpx;font-weight: bold;vertical-align: middle;">{{userThisInfo.nikename}}</text>
<tn-tag size="sm" padding="0px 5px" margin="0 0 0 20rpx" width="auto" shape="radius"
backgroundColor="#F1F2F8"
fontColor="#888888">{{userThisInfo.position_name==null||userThisInfo.position_name==''?'无':userThisInfo.position_name}}</tn-tag>
<tn-tag size="sm" padding="0px 5px" margin="0 0 0 20rpx" width="auto" shape="radius"
backgroundColor="#13C296" fontColor="#ffffff">{{userThisInfo.phone}}</tn-tag>
</view>
<view style="color: #666666;font-size: 28rpx;margin-top: 20rpx;">
{{userThisInfo.enterprise_name==null||userThisInfo.enterprise_name==''?'未填写':userThisInfo.enterprise_name}}
</view>
</view>
</view>
</view>
<view
style="margin-top: 30rpx;background: #FFFFFF;box-shadow: 0rpx 4rpx 25rpx 0rpx rgba(175,189,236,0.5);border-radius: 30rpx;">
<view class="tn-flex tn-flex-center tn-flex-col-center" style="padding: 30rpx;">
<view>
<image v-if="userThisInfo.company_image!=''" :src="apiImgUrl+userThisInfo.company_image"
mode="aspectFill" style="width: 100rpx;height: 100rpx;"></image>
<view v-if="userThisInfo.company_image==''"
style="width: 100rpx;height: 100rpx;background: #d9d9d9;"></view>
</view>
<view style="margin-left: 20rpx;">
<view>
<text
style="font-size: 32rpx;font-weight: bold;vertical-align: middle;">{{userThisInfo.enterprise_name==null||userThisInfo.enterprise_name==''?'未填写':userThisInfo.enterprise_name}}</text>
</view>
<view style="color: #666666;font-size: 28rpx;margin-top: 20rpx;">
<text class="tn-icon-location" style="vertical-align: middle;"></text>
<text>{{userThisInfo.enterprise_location==null||userThisInfo.enterprise_location==''?'无':userThisInfo.enterprise_location}}</text>
</view>
</view>
</view>
<view style="height: 1rpx;border-top: #BABDC7 1rpx dashed;margin: 10rpx 40rpx;"></view>
<view style="padding: 30rpx;">
<view style="font-size: 34rpx;font-weight: bold;">企业介绍</view>
<view style="margin-top: 20rpx;">
{{userThisInfo.enterprise_Introduction==null||userThisInfo.enterprise_Introduction==''?'无':userThisInfo.enterprise_Introduction}}
</view>
</view>
</view>
</view>
<view
style="position: fixed;bottom:0px;width: 100%;background-color: #FFFFFF;box-shadow: 0rpx -2rpx 4rpx 0rpx rgba(186,189,199,0.2);padding:30rpx 30rpx 40rpx 30rpx;">
<view class="tn-flex tn-flex-center tn-flex-col-center tn-flex-row-center">
<view
style="line-height: 80rpx;height: 80rpx;text-align: center;width: 40%;;border-radius: 90rpx 0rpx 0rpx 90rpx;background: #FFFFFF;border: 1rpx solid #BABDC7;">
<text class="tn-icon-send"></text>
<text style="margin-left: 10rpx;">分享</text>
</view>
<view
style="line-height: 80rpx;height: 80rpx;font-size: 32rpx;font-weight: bold;text-align: center;width: 80%;color: #ffffff;;background: #3056D3;border: 1rpx solid #3056D3;border-radius: 0rpx 90rpx 90rpx 0rpx;">
<text>申请查看联系方式</text>
</view>
</view>
</view>
</view>
<!-- <view style="height: 550rpx;">
<view style="width: 100%;height: 450rpx;position: absolute;top: 0;">
<image v-if="userThisInfo.background_image==''" src="/static/my.png"
style="width: 100%;height: 450rpx;opacity: 0.8;">
@ -40,9 +111,9 @@
</view>
</view>
</view>
</view>
</view> -->
<view style="padding: 30rpx 30rpx 240rpx 30rpx;">
<!-- <view style="padding: 30rpx 30rpx 240rpx 30rpx;">
<view style="font-size: 30rpx;font-weight: 600;margin-bottom: 20rpx">个人经历</view>
<view style="background-color: #ffffff;border-radius: 15rpx;width: 100%;margin: 0 auto;">
<view style="padding: 20rpx;line-height: 50rpx;">
@ -79,8 +150,8 @@
</view>
</view>
</view>
</view>
<view class="tn-flex" style="width: 100%;position: fixed;bottom: 0;">
</view> -->
<!-- <view class="tn-flex" style="width: 100%;position: fixed;bottom: 0;">
<view style="background: #418ef2;height: 100rpx;text-align: center;line-height: 100rpx;color: #ffffff;"
class="tn-flex-8" @click="addModeShow">
{{userThisInfo.if_tongyi!=0?'申请查看联系方式':'立刻联系'}}
@ -90,8 +161,8 @@
<text class="tn-icon-send-fill" style="color: #418ef2;font-size: 40rpx;"></text>
</tn-button>
</view>
</view>
<view class="bg-tabbar-shadow"></view>
</view> -->
<!-- <view class="bg-tabbar-shadow"></view>
<tn-modal v-model="addMod" :custom="true">
<view class="custom-modal-content">
<view style="text-align: center;font-size: 34rpx;">申请查看</view>
@ -109,8 +180,8 @@
</view>
</view>
</view>
</tn-modal>
<tn-popup v-model="editInfo" mode="right" width="100%">
</tn-modal> -->
<!-- <tn-popup v-model="editInfo" mode="right" width="100%">
<tn-nav-bar :isBack="false" backTitle="" :alpha="true" :bottomShadow="false">
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-left">
<view style="padding-left: 15rpx;" @click="editInfo = false">
@ -143,7 +214,7 @@
关闭</view>
</view>
</view>
</tn-popup>
</tn-popup> -->
</view>
</template>
@ -585,4 +656,4 @@
-webkit-line-clamp: 10;
-webkit-box-orient: vertical;
}
</style>
</style>

View File

@ -37,9 +37,9 @@
</view>
</view>
</view>
<view style="height: 80rpx;"></view>
<view style="height: 330rpx;"></view>
<view
style="border-radius: 200rpx;background: #FFFFFF;position: fixed;bottom: 50rpx;right: 30rpx;padding: 30rpx 50rpx;box-shadow: 0rpx 4rpx 25rpx 0rpx rgba(48,86,211,0.15);">
style="border-radius: 200rpx;background: #FFFFFF;position: fixed;bottom: 260rpx;right: 30rpx;padding: 30rpx 50rpx;box-shadow: 0rpx 4rpx 25rpx 0rpx rgba(48,86,211,0.15);">
<view style="text-align: center;" class="tn-flex tn-flex-center tn-flex-col-center tn-flex-row-between">
<view>
<button hover-class="none" open-type="share">
@ -69,6 +69,30 @@
</view>
</view>
</view>
<view
style="position: fixed;box-shadow: 0px -2px 4px 0px rgba(186,189,199,0.2);background: #FFFFFF;width: 100%;bottom: 0;padding:30rpx 60rpx 80rpx 60rpx;">
<view style="text-align: center;padding:0 30rpx;" v-if="info.activity_type==1">
<button class="mmy" hover-class="none" @click="application_add"
v-if="info.type=='进行中'">确认报名</button>
<button class="mmy" hover-class="none" :disabled="true" v-if="info.type=='已结束'">报名已结束</button>
<button class="mmy" hover-class="none" :disabled="true" v-if="info.type=='未开始'">报名未开始</button>
</view>
<view style="text-align: center;padding:0 30rpx;" v-if="info.activity_type==2">
<button class="mmy" hover-class="none" :disabled="true" v-if="info.type=='未开始'">问卷未开始</button>
<button class="mmy" hover-class="none" @click="option_add" v-if="info.type=='进行中'">确认提交</button>
<button class="mmy" hover-class="none" :disabled="true" v-if="info.type=='已结束'">问卷已结束</button>
</view>
<view style="text-align: center;padding:0 30rpx;" v-if="info.activity_type==3">
<button class="mmy" hover-class="none" :disabled="true" v-if="info.type=='未开始'">捐助未开始</button>
<button class="mmy" hover-class="none" @click="juanMod=true" v-if="info.type=='进行中'">我要捐助</button>
<button class="mmy" hover-class="none" :disabled="true" v-if="info.type=='已结束'">捐助已结束</button>
</view>
<view style="text-align: center;padding:0 30rpx;" v-if="info.activity_type==4">
<button class="mmy" hover-class="none" @click="peiMod=true" v-if="info.type=='进行中'">我要参加</button>
<button class="mmy" hover-class="none" :disabled="true" v-if="info.type=='已结束'">报名已结束</button>
<button class="mmy" hover-class="none" :disabled="true" v-if="info.type=='未开始'">报名未开始</button>
</view>
</view>
<!-- <view>
<view style="padding:20rpx 30rpx;">
<view style="font-size: 34rpx;font-weight: 600;">{{ info.activity_name }}</view>

BIN
static/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 140 KiB

BIN
static/tu23.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB