wo123/shengqingqixie-wechat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

123

Browse Source
This commit is contained in:
王创世 2024-07-09 18:11:31 +08:00
parent 348a886a84
commit 1527c9b350
375 changed files with 28748 additions and 6745 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
App.vue
View File

@ -12,8 +12,10 @@
if (Gid) { if (Gid) {
store.commit('$tStore', { store.commit('$tStore', {
name: 'Gid', name: 'Gid',
value: Gid value: 1
}) })
} else {
uni.setStorageSync('Gid', 1);
} }
uni.getSystemInfo({ uni.getSystemInfo({
success: function(e) { success: function(e) {

84
pages.json
View File

@ -6,49 +6,61 @@
{ {
"path": "pages/index/index", "path": "pages/index/index",
"style": { "style": {
"navigationBarTitleText": "智慧云商协" "navigationBarTitleText": "河南省青年企业家协会"
} }
}, },
{ {
"path": "pages/index/home", "path": "pages/index/home",
"style": { "style": {
"navigationBarTitleText": "智慧云商协" "navigationBarTitleText": "河南省青年企业家协会"
} }
}, },
{ {
"path": "pages/index/service", "path": "pages/index/service",
"style": { "style": {
"navigationBarTitleText": "智慧云商协", "navigationBarTitleText": "河南省青年企业家协会",
"enablePullDownRefresh": false "enablePullDownRefresh": false
} }
}, },
{ {
"path": "pages/index/pizz", "path": "pages/index/pizz",
"style": { "style": {
"navigationBarTitleText": "智慧云商协", "navigationBarTitleText": "河南省青年企业家协会",
"enablePullDownRefresh": false "enablePullDownRefresh": false
} }
}, },
{ {
"path": "pages/index/pizz_info", "path": "pages/index/pizz_info",
"style": { "style": {
"navigationBarTitleText": "智慧云商协", "navigationBarTitleText": "河南省青年企业家协会",
"enablePullDownRefresh": false "enablePullDownRefresh": false
} }
}, },
{ {
"path": "pages/index/user", "path": "pages/index/user",
"style": { "style": {
"navigationBarTitleText": "智慧云商协", "navigationBarTitleText": "河南省青年企业家协会",
"enablePullDownRefresh": false "enablePullDownRefresh": false
} }
}, },
{ {
"path": "pages/index/directory", "path": "pages/index/directory",
"style": { "style": {
"navigationBarTitleText": "智慧云商协", "navigationBarTitleText": "河南省青年企业家协会",
"enablePullDownRefresh": false "enablePullDownRefresh": false
} }
},
{
"path": "pages/index/web",
"style": {
"navigationBarTitleText": "河南省青年企业家协会"
}
},
{
"path": "pages/index/search",
"style": {
"navigationBarTitleText": "河南省青年企业家协会"
}
} }
], ],
"subPackages": [{ "subPackages": [{
@ -56,133 +68,139 @@
"pages": [{ "pages": [{
"path": "info/discovery", "path": "info/discovery",
"style": { "style": {
"navigationBarTitleText": "智慧云商协" "navigationBarTitleText": "河南省青年企业家协会"
} }
}, },
{ {
"path": "info/policy", "path": "info/policy",
"style": { "style": {
"navigationBarTitleText": "智慧云商协" "navigationBarTitleText": "河南省青年企业家协会"
} }
}, },
{ {
"path": "info/policy_info", "path": "info/policy_info",
"style": { "style": {
"navigationBarTitleText": "智慧云商协" "navigationBarTitleText": "河南省青年企业家协会"
} }
}, },
{ {
"path": "info/policy_list", "path": "info/policy_list",
"style": { "style": {
"navigationBarTitleText": "智慧云商协" "navigationBarTitleText": "河南省青年企业家协会"
} }
}, },
{ {
"path": "user/apply_in", "path": "user/apply_in",
"style": { "style": {
"navigationBarTitleText": "智慧云商协" "navigationBarTitleText": "河南省青年企业家协会"
} }
}, },
{ {
"path": "user/events_my", "path": "user/events_my",
"style": { "style": {
"navigationBarTitleText": "智慧云商协" "navigationBarTitleText": "河南省青年企业家协会"
} }
}, },
{ {
"path": "user/my_apply", "path": "user/my_apply",
"style": { "style": {
"navigationBarTitleText": "智慧云商协" "navigationBarTitleText": "河南省青年企业家协会"
} }
}, },
{ {
"path": "user/my_card", "path": "user/my_card",
"style": { "style": {
"navigationBarTitleText": "智慧云商协" "navigationBarTitleText": "河南省青年企业家协会"
} }
}, },
{ {
"path": "user/my_card_holder", "path": "user/my_card_holder",
"style": { "style": {
"navigationBarTitleText": "智慧云商协" "navigationBarTitleText": "河南省青年企业家协会"
} }
}, },
{ {
"path": "user/my_desc", "path": "user/my_desc",
"style": { "style": {
"navigationBarTitleText": "智慧云商协" "navigationBarTitleText": "河南省青年企业家协会"
} }
}, },
{ {
"path": "user/my_edit", "path": "user/my_edit",
"style": { "style": {
"navigationBarTitleText": "智慧云商协" "navigationBarTitleText": "河南省青年企业家协会"
} }
}, },
{ {
"path": "user/my_idea", "path": "user/my_idea",
"style": { "style": {
"navigationBarTitleText": "智慧云商协" "navigationBarTitleText": "河南省青年企业家协会"
} }
}, },
{ {
"path": "user/my_invite", "path": "user/my_invite",
"style": { "style": {
"navigationBarTitleText": "智慧云商协" "navigationBarTitleText": "河南省青年企业家协会"
} }
}, },
{ {
"path": "user/my_msg", "path": "user/my_msg",
"style": { "style": {
"navigationBarTitleText": "智慧云商协" "navigationBarTitleText": "河南省青年企业家协会"
} }
}, },
{ {
"path": "user/my_sign", "path": "user/my_sign",
"style": { "style": {
"navigationBarTitleText": "智慧云商协" "navigationBarTitleText": "河南省青年企业家协会"
} }
}, },
{ {
"path": "user/user_activity", "path": "user/user_activity",
"style": { "style": {
"navigationBarTitleText": "智慧云商协" "navigationBarTitleText": "河南省青年企业家协会"
} }
}, },
{ {
"path": "user/user_auditing", "path": "user/user_auditing",
"style": { "style": {
"navigationBarTitleText": "智慧云商协" "navigationBarTitleText": "河南省青年企业家协会"
} }
}, },
{ {
"path": "user/user_auditing_info", "path": "user/user_auditing_info",
"style": { "style": {
"navigationBarTitleText": "智慧云商协" "navigationBarTitleText": "河南省青年企业家协会"
} }
}, },
{ {
"path": "user/my_vip", "path": "user/my_vip",
"style": { "style": {
"navigationBarTitleText": "智慧云商协" "navigationBarTitleText": "河南省青年企业家协会"
} }
}, },
{ {
"path": "user/my_vip_info", "path": "user/my_vip_info",
"style": { "style": {
"navigationBarTitleText": "智慧云商协" "navigationBarTitleText": "河南省青年企业家协会"
} }
}, },
{ {
"path": "user/my_vip_clerk", "path": "user/my_vip_clerk",
"style": { "style": {
"navigationBarTitleText": "智慧云商协" "navigationBarTitleText": "河南省青年企业家协会"
} }
}, },
{ {
"path": "user/my_vip_off", "path": "user/my_vip_off",
"style": { "style": {
"navigationBarTitleText": "智慧云商协" "navigationBarTitleText": "河南省青年企业家协会"
}
},
{
"path": "user/my_invoice",
"style": {
"navigationBarTitleText": "河南省青年企业家协会"
} }
} }
] ]
@ -191,21 +209,21 @@
"pages": [{ "pages": [{
"path": "event/event_info", "path": "event/event_info",
"style": { "style": {
"navigationBarTitleText": "智慧云商协" "navigationBarTitleText": "河南省青年企业家协会"
} }
}, { }, {
"path": "news/new_info", "path": "news/new_info",
"style": { "style": {
"navigationBarTitleText": "智慧云商协" "navigationBarTitleText": "河南省青年企业家协会"
} }
}] }]
}], }],
"globalStyle": { "globalStyle": {
"navigationStyle": "custom", "navigationStyle": "custom",
"navigationBarTextStyle": "black", "navigationBarTextStyle": "black",
"navigationBarTitleText": "uni-app", "navigationBarTitleText": "河南省青年企业家协会",
"navigationBarBackgroundColor": "#F8F8F8", "navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8" "backgroundColor": "#F1F2F8"
}, },
"uniIdRouter": {} "uniIdRouter": {}
} }

269
pages/index/home.vue
View File

@ -1,13 +1,12 @@
<template> <template>
<view style="background-color: rgb(235, 244, 247);"> <view
<tn-nav-bar :isBack="false" :bottomShadow="true" backgroundColor="#FFFFFF"> style="background: linear-gradient( 180deg, #3056D3 0%, #F1F2F8 100%); background-size: 100% 400rpx;background-repeat: no-repeat;">
<tn-nav-bar :isBack="false" :bottomShadow="false" backgroundColor="transparent">
<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-left">
<view style="text-shadow: 1rpx 0 0 #FFF, 0 1rpx 0 #FFF, -1rpx 0 0 #FFF , 0 -1rpx 0 #FFF;width: 100%;"> <view style="width: 100%;">
<!-- <tn-tabs :list="[{name:'智慧云商协'}]" :current="topCurrent" activeColor="#000" :bold="false" <view
:fontSize="36"></tn-tabs> --> style="text-align: center;font-size: 34rpx;color: #FFF;letter-spacing: 1px;font-weight: bold;">
<view style="text-align: center;font-size: 32rpx;" @click="selectShow = true"> <text v-if="topShow">河南省青年企业家协会</text>
<text>{{ HomeTitle }}</text>
<!-- <image src="/static/c1455.png" style="width: 25rpx;height: 25rpx;margin-left: 10rpx;"></image>-->
</view> </view>
</view> </view>
</view> </view>
@ -15,90 +14,98 @@
<view :style="{paddingTop: vuex_custom_bar_height + 'px'}"> <view :style="{paddingTop: vuex_custom_bar_height + 'px'}">
<view class="tn-flex tn-flex-center tn-flex-col-center tn-flex-row-between" style="padding-top: 30rpx;"> <view class="tn-flex tn-flex-center tn-flex-col-center tn-flex-row-between" style="padding-top: 30rpx;">
<view class="tn-color-gray--dark" <view class="tn-color-gray--dark"
style="width: 100%;margin: 0rpx 30rpx 0 30rpx;border-radius: 100rpx;padding-left: 6rpx;background-color: #ffffff;" style="padding: 6rpx;position: relative;;width: 100%;margin: 0rpx 30rpx 0 30rpx;border-radius: 100rpx;padding-left: 6rpx;background-color: rgba(255,255,255,0.3);"
@click="openUrl('/pages/index/search')"> @click="openUrl('/pages/index/search')">
<tn-notice-bar :list="searlist" mode="vertical" leftIconName="search" <tn-notice-bar :list="searlist" mode="vertical" leftIconName="search" :duration="6000"
:duration="6000"></tn-notice-bar> fontColor="#FFFFFF"></tn-notice-bar>
</view> <view style="position: absolute;right: 10rpx;top: 9rpx;">
<view class="tn-flex" style="margin:0px 30rpx 0rpx 0rpx;"> <tn-button @click="openUrl('/pages/index/search')" backgroundColor="#ffffff" fontColor="#3056D3"
<tn-button @click="openUrl('/pages/index/search')" backgroundColor="#ffffff" fontColor="#666666" shape="round" width="140rpx" height="70rpx" style="font-weight: 600;">搜索
shape="round" width="140rpx" height="70rpx">搜索 </tn-button>
</tn-button> </view>
<!-- <image @click="openUrl('/pages/index/my_assist')" src="/static/t1.png"-->
<!-- style="width: 35rpx;height: 35rpx;"></image>-->
<!-- <view style="position: relative;">-->
<!-- <image @click="openUrl('/pages/index/my_msg')" src="/static/t2.png"-->
<!-- style="width: 35rpx;height: 35rpx;margin-left: 40rpx;"></image>-->
<!-- <tn-badge v-if="msg()>0" style="position: absolute;top: -20rpx;right: -20rpx;"-->
<!-- backgroundColor="#E83A30" fontColor="#ffffff">{{msg()}}</tn-badge>-->
<!-- </view>-->
</view> </view>
</view> </view>
<view style="padding: 0px 30rpx;">
<swiper class="card-swiper" style="height: 365rpx" current="0" mode="dot" :circular="true" duration="500" <swiper class="card-swiper" style="height: 320rpx;margin-top: 20rpx;" current="0" mode="dot"
interval="5000" @change="cardSwiper" :autoplay="true"> :circular="true" duration="500" interval="5000" @change="cardSwiper" :autoplay="true">
<swiper-item style="padding: 0px 28rpx;height: 380rpx" v-for="(item,index) in carousel_list" <swiper-item style="border-radius: 0;padding: 0;" v-for="(item,index) in carousel_list" :key="index"
:key="index" :class="cardCur==index?'cur':''"> :class="cardCur==index?'cur':''">
<video :muted="true" v-if="item.type==2" id="myVideo" :src="apiImgUrl+item.image" :controls="false" <video :muted="true" v-if="item.type==2" id="myVideo" :src="apiImgUrl+item.image"
loop autoplay object-fit="contain" style="width: 100%;border-radius: 15rpx;height: 100%;" :controls="false" loop autoplay object-fit="contain"
@error="videoErrorCallback"></video> style="width: 100%;border-radius: 20rpx 20rpx 0px 0px;height: 100%;"
<image v-if="item.type==1" :src="apiImgUrl+item.image" mode="aspectFit" @error="videoErrorCallback"></video>
style="width: 100%;height: 380rpx;border-radius: 15rpx;"> <image v-if="item.type==1" :src="apiImgUrl+item.image" mode="scaleToFill"
</image> style="width: 100%;height: 320rpx;border-radius: 20rpx 20rpx 0px 0px;">
</swiper-item> </image>
</swiper> </swiper-item>
<view class="indication"> </swiper>
</view>
<view style="padding:0rpx 30rpx;">
<view
style="background: linear-gradient( 90deg, #446BEB 0%, #6ADCF5 100%);border-radius: 0px 0px 20rpx 20rpx;;">
<tn-notice-bar fontColor="#FFFFFF" :list="new_top_list" @click="openInfo" leftIconType="img"
mode="vertical" :rightIcon="false" backgroundColor="transparent" @clickRight="openRight"
@clickLeft="openRight"></tn-notice-bar>
</view>
</view>
<!-- <view class="indication">
<block v-for="(item,index) in carousel_list" :key="index"> <block v-for="(item,index) in carousel_list" :key="index">
<view class="spot" :class="cardCur==index?'active':''"></view> <view class="spot" :class="cardCur==index?'active':''"></view>
</block> </block>
</view> </view> -->
</view> </view>
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-flex-row-center" style="padding: 0px 28rpx;"> <view class="tn-flex tn-flex-row-between tn-flex-col-center tn-flex-row-center"
<view @click="openUrl('/pages/index/pizz_info?id='+association_id)" style="margin-top: 20rpx;padding: 0px 30rpx;">
style="position:relative;padding: 20rpx;border-radius: 16rpx;height: 270rpx;width: 100%;background: linear-gradient(275.57deg, rgba(193, 237, 217, 1) 1.39%, rgba(188, 237, 216, 1) 112.49%);"> <view @click="openUrl('/pages/index/service?type=1')"
<view style="font-size: 32rpx">协会简介</view> style="position:relative;padding: 20rpx;border-radius: 16rpx;height: 280rpx;width: 100%;background: rgba(75,160,255,0.2);">
<view style="font-size: 22rpx;margin-top: 10rpx">Association introduction</view> <view style="font-size: 32rpx;font-weight: 600;color: #181818;">活动报名</view>
<image src="/static/48098165.png" <view style="font-size: 24rpx;margin-top: 10rpx;color: rgba(24,24,24,0.5);">Event registration</view>
style="width: 150rpx;height: 150rpx;position: absolute; right: 10rpx;bottom: 0;"></image> <image class="no-img" src="/static/48098165.png"
style="width: 220rpx;position: absolute; right: 10rpx;bottom: 0;" mode="widthFix"></image>
</view> </view>
<view style="width: 100%;margin-left: 20rpx"> <view style="width: 100%;margin-left: 20rpx">
<view @click="openUrl('/pages/index/service?type='+1)" <view @click="openUrl('/pages/index/service?type='+1)"
style=" position:relative;padding: 20rpx;border-radius: 16rpx;height: 130rpx;background: linear-gradient(96.63deg, rgba(189, 224, 249, 1) 11.78%, rgba(205, 233, 251, 1) 103.76%);"> style=" position:relative;padding: 20rpx;border-radius: 16rpx;height: 130rpx;background: rgba(251,208,111,0.2);">
<view style="font-size: 32rpx">协会活动</view> <view style="font-size: 32rpx;font-weight: 600;;color: #181818;">协会活动</view>
<view style="font-size: 22rpx;margin-top: 10rpx">Offline events</view> <view style="font-size: 24rpx;margin-top: 10rpx;color: rgba(24,24,24,0.5);">Offline events</view>
<image src="/static/48098164.png" <image class="no-img" src="/static/48098164.png"
style="width: 90rpx;height: 90rpx;position: absolute; right: 10rpx;bottom: 0;"></image> style="width: 120rpx;position: absolute; right: 10rpx;bottom: 0;" mode="widthFix"></image>
</view> </view>
<view @click="openUrl('/pages/index/service?type='+3)" <view @click="openUrl('/pages/index/service?type='+3)"
style="position:relative;margin-top: 10rpx;padding: 20rpx;border-radius: 16rpx;height: 130rpx;background: linear-gradient(279.38deg, rgba(246, 217, 197, 1) -5.05%, rgba(245, 209, 189, 1) 121.63%);"> style="position:relative;margin-top: 20rpx;padding: 20rpx;border-radius: 16rpx;height: 130rpx;background: rgba(255,151,220,0.2);">
<view style="font-size: 32rpx">公益捐赠</view> <view style="font-size: 32rpx;font-weight: 600;;color: #181818;">品牌活动</view>
<view style="font-size: 22rpx;margin-top: 10rpx">Public donations</view> <view style="font-size: 24rpx;margin-top: 10rpx;color: rgba(24,24,24,0.5);">Brand activity</view>
<image src="/static/48098162.png" <image class="no-img" src="/static/48098162.png"
style="width: 90rpx;height: 90rpx;position: absolute; right: 10rpx;bottom: 0;"></image> style="width: 120rpx;position: absolute; right: 10rpx;bottom: 0;" mode="widthFix"></image>
</view> </view>
</view> </view>
</view> </view>
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-flex-row-center" <view class="tn-flex tn-flex-row-between tn-flex-col-center tn-flex-row-center"
style="padding: 0px 28rpx;margin-top: 10rpx"> style="padding: 0px 28rpx;margin-top: 20rpx">
<view @click="openUrl('/pages/index/service?type='+2)" <view @click="openUrl('/pages/index/pizz_info?id='+association_id)"
style="position:relative;padding: 20rpx;border-radius: 16rpx;height: 130rpx;width: 100%;background: linear-gradient(280.64deg, rgba(251, 236, 198, 1) 0%, rgba(248, 225, 183, 1) 117.05%);"> style="position:relative;padding: 20rpx;border-radius: 16rpx;height: 130rpx;width: 100%;background: rgba(160,151,255,0.2);">
<view style="font-size: 32rpx">调查问卷</view> <view style="font-size: 32rpx;font-weight: 600;;color: #181818;">协会简介</view>
<view style="font-size: 22rpx;margin-top: 10rpx">Questionnaires</view> <view
<image src="/static/48098160.png" style="font-size: 24rpx;margin-top: 10rpx;color: rgba(24,24,24,0.5);z-index: 1;position: absolute;">
style="width: 90rpx;height: 90rpx;position: absolute; right: 10rpx;bottom: 0;"></image> Association
introduction
</view>
<image class="no-img" src="/static/48098160.png"
style="width: 120rpx;position: absolute; right: 10rpx;bottom: 0;z-index: 0;" mode="widthFix">
</image>
</view> </view>
<view style="width: 100%;margin-left: 20rpx"> <view style="width: 100%;margin-left: 20rpx">
<view @click="openUrl('/pages/index/service?type='+4)" <view @click="openUrl('/pages/index/service?type='+4)"
style="position:relative;padding: 20rpx;border-radius: 16rpx;height: 130rpx;background: linear-gradient(96.63deg, rgba(226, 228, 245, 1) 11.78%, rgba(234, 236, 255, 1) 103.76%);"> style="position:relative;padding: 20rpx;border-radius: 16rpx;height: 130rpx;background: rgba(72,219,122,0.2);">
<view style="font-size: 32rpx">学习培训</view> <view style="font-size: 32rpx;font-weight: 600;;color: #181818;">实时资讯</view>
<view style="font-size: 22rpx;margin-top: 10rpx">Learn and train</view> <view style="font-size: 24rpx;margin-top: 10rpx;color: rgba(24,24,24,0.5);">Member map</view>
<image src="/static/48098163.png" <image class="no-img" src="/static/48098163.png"
style="width: 90rpx;height: 90rpx;position: absolute; right: 10rpx;bottom: 0;"></image> style="width: 120rpx;height: 90rpx;position: absolute; right: 10rpx;bottom: 0;" mode="widthFix">
</image>
</view> </view>
</view> </view>
</view> </view>
<view style="margin:20rpx 28rpx"> <!-- <view style="margin:20rpx 28rpx">
<view @click="openUrl('/pages/packageA/info/policy')" <view @click="openUrl('/pages/packageA/info/policy')"
style="position:relative;padding: 20rpx;border-radius: 16rpx;height: 130rpx;background: linear-gradient(90deg, #d6eafa 0%, #d4eafe 100%);"> style="position:relative;padding: 20rpx;border-radius: 16rpx;height: 130rpx;background: linear-gradient(90deg, #d6eafa 0%, #d4eafe 100%);">
<view style="font-size: 32rpx">惠企政策</view> <view style="font-size: 32rpx">惠企政策</view>
@ -106,7 +113,7 @@
<image src="/static/3162033.png" <image src="/static/3162033.png"
style="width: 90rpx;height: 90rpx;position: absolute; right: 10rpx;bottom: 0;"></image> style="width: 90rpx;height: 90rpx;position: absolute; right: 10rpx;bottom: 0;"></image>
</view> </view>
</view> </view> -->
<!-- <view style="width: 92%;background-color: #ffffff;border-radius: 16rpx;margin: 20rpx auto;overflow: hidden;"> --> <!-- <view style="width: 92%;background-color: #ffffff;border-radius: 16rpx;margin: 20rpx auto;overflow: hidden;"> -->
<!-- <tn-list-cell> <!-- <tn-list-cell>
<view class="list-icon-text"> <view class="list-icon-text">
@ -162,12 +169,12 @@
<!-- </view>--> <!-- </view>-->
<!-- </view>--> <!-- </view>-->
<view style="padding: 10rpx 28rpx 0rpx 28rpx;"> <view style="padding: 10rpx 28rpx 0rpx 28rpx;margin-top: 20rpx;">
<view style="background-color: #ffffff;border-radius:24rpx;width: 110%;padding-bottom: 15rpx;"> <view style="background-color: #ffffff;border-radius:24rpx;width: 110%;padding-bottom: 15rpx;">
<view @click.stop="openUrl('/pages/index/service')" <view @click.stop="openUrl('/pages/index/service')"
class="tn-flex tn-flex-row-between tn-flex-col-center tn-flex-row-center" class="tn-flex tn-flex-row-between tn-flex-col-center tn-flex-row-center"
style="padding: 30rpx;width: 97%;"> style="padding: 30rpx;width: 97%;">
<view style="font-size: 32rpx;">协会活动</view> <view style="font-size: 32rpx;font-weight: bold;">精选活动</view>
<view style="color: #808080;"> <view style="color: #808080;">
<text>更多</text> <text>更多</text>
<text class="tn-icon-right"></text> <text class="tn-icon-right"></text>
@ -189,13 +196,13 @@
</view> </view>
</view> </view>
<view style="position: absolute;top: 0rpx;left: 0rpx;"> <view style="position: absolute;top: 0rpx;left: 0rpx;">
<view v-if="item.type=='进行中'" class="my_tag" style="background-color: rgb(75, 130, 235)"> <view v-if="item.type=='进行中'" class="my_tag" style="background-color: #13C296">
进行中 进行中
</view> </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-color: rgb(248, 155, 59)">
预告 预告
</view> </view>
<view v-if="item.type=='已结束'" class="my_tag" style="background-color: rgb(225, 43, 51)"> <view v-if="item.type=='已结束'" class="my_tag" style="background-color: #FF5159">
已结束 已结束
</view> </view>
</view> </view>
@ -207,48 +214,45 @@
</view> </view>
</view> </view>
<view style="padding:0rpx 28rpx;margin-top: 20rpx;"> <view style="padding:0rpx 30rpx;margin-top: 20rpx;">
<view style="background-color: #ffffff;border-radius: 15rpx 15rpx 0px 0px;"> <view style="background-color: #ffffff;border-radius: 20rpx 20rpx 0px 0px;padding-top: 20rpx;">
<tn-tabs :list="goryList" :isScroll="true" :activeItemStyle="{fontSize:'30rpx',fontWeight:'600'}" <tn-tabs :list="goryList" :isScroll="true" :activeItemStyle="{fontSize:'30rpx',fontWeight:'600'}"
activeColor="#3377FF" :current="current" name="name" @change="change" :fontSize="28"></tn-tabs> activeColor="#3056D3" :current="current" name="name" @change="change" :fontSize="28"></tn-tabs>
</view> </view>
</view> </view>
<view style="padding:0px 28rpx;padding-bottom: 50rpx;min-height:1000rpx"> <view style="padding:0px 30rpx;padding-bottom: 20rpx;min-height:1000rpx;">
<view v-for="(item,index) in news_list" :class="{ 'rounded_corner': index === 0 }" <view style="background-color: #ffffff;border-radius: 0rpx 0rpx 20rpx 20rpx;">
style="background-color: #ffffff;"> <view v-for="(item,index) in news_list" :class="{'rounded_corner': index === 0}">
<view class="tn-flex tn-flex-row-between" <view class="tn-flex tn-flex-row-between" @click="openNewUrl(item)"
@click="openUrl('/pages/packageB/news/new_info?id='+item.news_id)" style="padding: 20rpx;min-height: 200rpx;">
style="padding: 20rpx;min-height: 200rpx;"> <view style="margin-left: 20rpx;" v-if="item.news_image">
<view style="margin-left: 20rpx;" v-if="item.news_image"> <image :src="apiImgUrl+item.news_image" mode="aspectFill"
<image :src="apiImgUrl+item.news_image" mode="aspectFill" style="width: 280rpx;height: 180rpx;border-radius: 20rpx;"></image>
style="width: 230rpx;height: 180rpx;border-radius: 8rpx;"></image>
</view>
<view style="position:relative;padding:0rpx 10rpx 10rpx 15rpx">
<view class="tn-text-ellipsis-3" style="font-size: 28rpx;">{{ item.news_title }}
</view> </view>
<view class="tn-flex tn-flex-row-between" <view style="position:relative;padding:0rpx 10rpx 10rpx 15rpx">
style="font-size:24rpx;width: 95%;color: rgb(171, 171, 171);position: absolute; bottom: 0rpx; min-width: 380rpx;overflow: hidden"> <view class="tn-text-ellipsis-2" style="font-size: 32rpx;font-weight: bold;">
<view>{{ item.name }}</view> {{ item.news_title }}
<view>{{ formatTime(item.showtime) }}</view> </view>
<view> <view style="color: #3056D3;font-size: 26rpx;margin: 20rpx 0rpx;">#{{ item.name }}</view>
<text class="tn-icon-eye" style="vertical-align: middle;"></text> <view class="tn-flex tn-flex-row-between" style="font-size:26rpx;color: #888888;">
<text style="vertical-align: middle;">{{ item.news_hits }}</text> <view>{{ formatTime(item.showtime) }}</view>
<view>
<text class="tn-icon-eye-fill" style="vertical-align: middle;"></text>
<text style="vertical-align: middle;margin-left: 5rpx;">{{ item.news_hits }}</text>
</view>
</view> </view>
</view> </view>
</view> </view>
<view v-if="news_list.length-1>index"
style="background: rgba(217, 217, 217, 0.5);width: 90%;margin: 0 auto;height: 2rpx;"></view>
</view> </view>
<view v-if="news_list.length-1>index"
style="background: rgba(217, 217, 217, 0.5);width: 90%;margin: 0 auto;height: 2rpx;"></view>
</view> </view>
</view> </view>
<view> <!-- <view style="height: 1rpx;background-color: #E6E6E6;width: 90%;margin: 0 auto;margin-top: 30rpx;"></view> -->
<tn-select :safeAreaInsetBottom="true" v-model="selectShow" mode="single" :list="selectList"
@confirm="confirm"></tn-select>
</view>
<view @click="callPhone" <view @click="callPhone"
style="text-align: center;padding-bottom: 100rpx;font-size: 24rpx;color: #999999;letter-spacing: 2rpx;"> style="padding-top:70rpx ;text-align: center;padding-bottom: 20rpx;font-size: 24rpx;color: rgba(153,153,153,0.5);letter-spacing: 2rpx;">
<view>技术支持：洛阳灵睿网络</view> <view>技术支持：洛阳灵睿网络</view>
<view style="margin-top: 10rpx;">电话：15503791530</view> <view>电话：15503791530</view>
</view> </view>
</view> </view>
@ -269,12 +273,16 @@
export default { export default {
data() { data() {
return { return {
topShow: true,
new_top_list: [{
article_title: '河南省青年企业家协会走进省团校开展党史学...'
}],
list: [], list: [],
selectShow: false, selectShow: false,
selectList: [], selectList: [],
topCurrent: 0, topCurrent: 0,
searlist: [{ searlist: [{
article_title: '会员名称/协会名称/活动/新闻' article_title: '搜索资讯'
}], }],
cardCur: 0, cardCur: 0,
isAndroid: true, isAndroid: true,
@ -296,6 +304,19 @@
getApp().getUserLogin((r) => { getApp().getUserLogin((r) => {
console.log('---Login---', r); console.log('---Login---', r);
}) })
var that = this;
uni.$on('getGid', function(data) {
console.log('-----', data);
that.page = 1;
that.goryList = [];
that.news_list = [];
that.actList = [];
that.carousel_list = [];
that.getNewsGoryList();
that.getActivityList();
that.getAssociationIndex();
that.getCarouselIndex();
})
this.getNewsGoryList(); this.getNewsGoryList();
this.getActivityList(); this.getActivityList();
this.getAssociationIndex(); this.getAssociationIndex();
@ -304,6 +325,19 @@
//this.getArticlePolicyListAll(); //this.getArticlePolicyListAll();
}, },
methods: { methods: {
openNewUrl(item) {
//'/pages/packageB/news/new_info?id='+item.news_id
console.log(item);
if (item.wx_url == '') {
uni.navigateTo({
url: '/pages/packageB/news/new_info?id=' + item.news_id
})
} else {
uni.navigateTo({
url: '/pages/index/web?url=' + encodeURIComponent(item.wx_url),
})
}
},
callPhone() { callPhone() {
uni.makePhoneCall({ uni.makePhoneCall({
phoneNumber: '15503791530', // 电话号码 phoneNumber: '15503791530', // 电话号码
@ -379,6 +413,7 @@
value: info.value value: info.value
}) })
uni.setStorageSync('Gid', info.value); uni.setStorageSync('Gid', info.value);
this.association_id = info.value;
this.page = 1; this.page = 1;
this.goryList = []; this.goryList = [];
this.news_list = []; this.news_list = [];
@ -464,19 +499,19 @@
}, },
getNewsGoryList() { getNewsGoryList() {
newsGoryList({ newsGoryList({
association_id: store.state.Gid association_id: this.association_id
}) })
.then(res => { .then(res => {
console.log(res); console.log(res);
if (res.code == 1) { if (res.code == 1) {
var key = res.data; var key = res.data;
key.unshift({ // key.unshift({
id: 0, // id: 0,
name: '最新' // name: '最新'
}); // });
this.goryList = key; this.goryList = key;
this.type = 1; this.type = 0;
this.gory_id = 0; this.gory_id = key[0].id;
this.getNewsList(); this.getNewsList();
} }
}) })
@ -513,6 +548,14 @@
cardSwiper(d) { cardSwiper(d) {
this.cardCur = d.detail.current; this.cardCur = d.detail.current;
}, },
ReachScroll(d) {
var top = d.mp.detail.scrollTop;
if (top > 100) {
this.topShow = false;
} else {
this.topShow = true;
}
},
ReachBottom() { ReachBottom() {
console.log('home'); console.log('home');
this.page = this.page + 1; this.page = this.page + 1;

7
pages/index/index.vue
View File

@ -1,7 +1,8 @@
<template> <template>
<view class="index"> <view class="index">
<view v-if="tabberPageLoadFlag[0]" :style="{display: currentIndex === 0 ? '' : 'none'}"> <view v-if="tabberPageLoadFlag[0]" :style="{display: currentIndex === 0 ? '' : 'none'}">
<scroll-view class="custom-tabbar-page" scroll-y enable-back-to-top @scrolltolower="tabbarPageScrollLower"> <scroll-view @scroll="homeScroll" class="custom-tabbar-page" scroll-y enable-back-to-top
@scrolltolower="tabbarPageScrollLower">
<Home ref="home"></Home> <Home ref="home"></Home>
</scroll-view> </scroll-view>
</view> </view>
@ -192,6 +193,9 @@
// this.$refs.service.ReachBottom(); // this.$refs.service.ReachBottom();
// } // }
}, },
homeScroll(d) {
this.$refs.home.ReachScroll(d);
},
// 切换导航页面 // 切换导航页面
_switchTabbarPage(index) { _switchTabbarPage(index) {
@ -226,6 +230,7 @@
width: 100%; width: 100%;
height: 100vh; height: 100vh;
position: relative; position: relative;
background: #F1F2F8;
.custom-tabbar-page { .custom-tabbar-page {
width: 100%; width: 100%;

62
pages/index/pizz.vue
View File

@ -17,7 +17,8 @@
style="border-radius: 100rpx;padding: 15rpx 20rpx;width: 100%;background-color:#F1F2F8;"> style="border-radius: 100rpx;padding: 15rpx 20rpx;width: 100%;background-color:#F1F2F8;">
<text <text
class="tn-icon-search justify-content-item tn-padding-right-xs tn-color-gray tn-text-lg"></text> class="tn-icon-search justify-content-item tn-padding-right-xs tn-color-gray tn-text-lg"></text>
<input v-model="content" class="justify-content-item" placeholder="请输入协会名称进行搜索" name="input" <input @confirm="onsubmit()" confirm-type="search" v-model="content"
class="justify-content-item" placeholder="请输入协会名称进行搜索" name="input"
placeholder-style="color:#AAAAAA" style="width: 90%;"></input> placeholder-style="color:#AAAAAA" style="width: 90%;"></input>
</view> </view>
</view> </view>
@ -60,44 +61,49 @@
<!-- <text class="tn-icon-down-triangle"></text>--> <!-- <text class="tn-icon-down-triangle"></text>-->
<!-- </view>--> <!-- </view>-->
<!-- </view>--> <!-- </view>-->
<view style="padding:20rpx 30rpx 180rpx 30rpx;"> <view style="padding:30rpx 30rpx 180rpx 30rpx;">
<view style="position: relative;" @click="tn('/pages/index/pizz_info?id='+item.id)"> <view style="position: relative;" @click="tn('/pages/index/pizz_info?id='+item.id)">
<view class="tn-flex tn-flex-center tn-flex-col-center" <view class="tn-flex tn-flex-center tn-flex-col-center"
style="box-shadow: 0rpx 4rpx 25rpx 0rpx rgba(5,171,129,0.25);background: linear-gradient(to bottom,rgba(19,194,150,0.7) 0%, #13C296 100%);padding:40rpx 30rpx;border-radius: 30rpx;margin-bottom: 20rpx;"> style="box-shadow: 0rpx 4rpx 25rpx 0rpx rgba(5,171,129,0.25);background: linear-gradient(to bottom,rgba(19,194,150,0.7) 0%, #13C296 100%);padding:40rpx 30rpx;border-radius: 30rpx;margin-bottom: 20rpx;">
<view> <view>
<image :src="apiImgUrl+item.association_image" <image :src="apiImgUrl+'/uploads/1/20240628/a78696e22b3cecbf678afbbcca617fca.png'"
style="width: 100rpx;height: 100rpx;border-radius: 50%;"></image> style="width: 100rpx;height: 100rpx;border-radius: 50%;"></image>
</view> </view>
<view style="margin-left: 20rpx;"> <view style="margin-left: 30rpx;">
<view style="color:#ffffff;font-size: 32rpx;font-weight: 600;">洛阳市总商会 <view style="color:#ffffff;font-size: 32rpx;font-weight: 600;">洛阳市总商会
</view> </view>
<view style="font-size: 28rpx;color: rgba(255,255,255,0.6);margin-top: 15rpx;">成立时间：2021-10-01 <view style="font-size: 28rpx;color: rgba(255,255,255,0.6);margin-top: 15rpx;">成立时间：2021-10-01
</view> </view>
</view> </view>
</view> </view>
<view <view
style="font-size: 20rpx;color: #09AE85;background-color: #B8EDE0;position: absolute;top: 0;right: 0;border-radius: 0px 15rpx 0px 15rpx;padding:10rpx 10rpx;"> style="font-size: 20rpx;color: #09AE85;background-color: #B8EDE0;position: absolute;top: 0;right: 0;border-radius: 0px 15rpx 0px 15rpx;padding:10rpx 15rpx;">
<text class="tn-icon-success-circle-fill" style="vertical-align: middle;"></text>
<text style="vertical-align: middle;margin-left: 5rpx;">已认证</text> <text style="vertical-align: middle;margin-left: 5rpx;">已认证</text>
</view> </view>
<view class="triangle"></view>
</view> </view>
<view v-for="(item,index) in list" style="position: relative;" <view class="tn-flex tn-flex-center tn-flex-col-center tn-flex-row-between"
@click="tn('/pages/index/pizz_info?id='+item.id)"> style="color: #CCCCCC;margin: 50rpx 0rpx 40rpx 0rpx;">
<view style="border: 1rpx dashed #CCCCCC;width: 100%;"></view>
<!-- <view style="width: 500rpx;text-align: center;font-size: 24rpx;">分协会展示</view> -->
<view style="border: 1rpx dashed #CCCCCC;width: 100%;"></view>
</view>
<view v-for="(item,index) in list" style="position: relative;" @click="switchTabbar(item)">
<view class="tn-flex tn-flex-center tn-flex-col-center" <view class="tn-flex tn-flex-center tn-flex-col-center"
style="background-color: #ffffff;padding:60rpx 30rpx;border-radius: 15rpx;margin-bottom: 20rpx;"> style="background-color: #ffffff;padding:40rpx 30rpx;border-radius: 30rpx;margin-bottom: 30rpx;">
<view> <view>
<image :src="apiImgUrl+item.association_image" <image :src="apiImgUrl+item.association_image"
style="width: 100rpx;height: 100rpx;border-radius: 50%;"></image> style="width: 100rpx;height: 100rpx;border-radius: 50%;"></image>
</view> </view>
<view style="margin-left: 20rpx;"> <view style="margin-left: 30rpx;">
<view style="font-size: 31rpx;font-weight: 600;letter-spacing: 5rpx;">{{item.association_name}} <view style="font-size: 32rpx;font-weight: 600;">{{item.association_name}}
</view> </view>
<view style="font-size: 24rpx;color: #808080;margin-top: 15rpx;">成立时间：{{item.createtime}}</view> <view style="font-size: 28rpx;color: #888888;margin-top: 15rpx;">成立时间：{{item.createtime}}</view>
</view> </view>
</view> </view>
<view <view
style="font-size: 20rpx;color: #43A9F8;background-color: #CAE5FF;position: absolute;top: 0;right: 0;border-radius: 0px 15rpx 0px 15rpx;padding:10rpx 10rpx;"> style="font-size: 20rpx;color: #09AE85;background-color: #B8EDE0;position: absolute;top: 0;right: 0;border-radius: 0px 15rpx 0px 15rpx;padding:10rpx 15rpx;">
<text class="tn-icon-success-circle-fill" style="vertical-align: middle;"></text>
<text style="vertical-align: middle;margin-left: 5rpx;">已认证</text> <text style="vertical-align: middle;margin-left: 5rpx;">已认证</text>
</view> </view>
</view> </view>
@ -128,6 +134,20 @@
this.getAssociationIndex(); this.getAssociationIndex();
}, },
methods: { methods: {
switchTabbar(d) {
console.log(d);
store.commit('$tStore', {
name: 'Gid',
value: d.id
})
uni.setStorageSync('Gid', d.id);
uni.$emit('getGid', {
gid: d.id
})
uni.$emit('depId', {
index: 0
})
},
onsubmit() { onsubmit() {
this.page = 1; this.page = 1;
this.list = []; this.list = [];
@ -161,5 +181,17 @@
</script> </script>
<style> <style>
.triangle {
width: 0;
height: 0;
border-top: 20rpx solid #13C296;
border-right: 20rpx solid transparent;
border-left: 20rpx solid transparent;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
bottom: -12rpx;
z-index: 100;
}
</style> </style>

106
pages/index/service.vue
View File

@ -1,77 +1,65 @@
<template> <template>
<view style="background-color: #EBF4F7;letter-spacing: 1rpx;min-height: 100vh;"> <view style="background-color: #F1F2F8;letter-spacing: 1rpx;min-height: 100vh;">
<tn-nav-bar :isBack="false" backTitle="" :bottomShadow="true" backgroundColor="#FFFFFF"> <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 class="custom-nav tn-flex tn-flex-col-center tn-flex-row-left">
<view style="padding-left: 15rpx;" @click="goBack()"> <view style="padding-left: 15rpx;" @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" <view style="width: 83%;font-weight: bold;">
style=";text-shadow: 1rpx 0 0 #FFF, 0 1rpx 0 #FFF, -1rpx 0 0 #FFF , 0 -1rpx 0 #FFF;"> <text>活动列表</text>
<tn-tabs :list="[{name:'协会活动'}]" :current="topCurrent" activeColor="#000" :bold="false"
:fontSize="36"></tn-tabs>
</view> </view>
</view> </view>
</tn-nav-bar> </tn-nav-bar>
<view :style="{paddingTop: vuex_custom_bar_height + 'px'}"> <view :style="{paddingTop: vuex_custom_bar_height + 'px'}"
style="background-color: #FFF;padding-bottom: 30rpx;">
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-margin"> <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%;"> <view class="justify-content-item align-content-item" style="width: 100%;position: relative;">
<view class="tn-flex tn-flex-col-center" <view class="tn-flex tn-flex-col-center"
style="border-radius: 100rpx;padding: 10rpx 20rpx 10rpx 20rpx;width: 95%;background-color: rgba(255, 255, 255, 0.9);"> style="border-radius: 100rpx;padding: 20rpx;width: 100%;background-color:#F1F2F8;">
<text <text style="color: #BABDC7;"
class="tn-icon-search justify-content-item tn-padding-right-xs tn-color-gray tn-text-lg"></text> class="tn-icon-search justify-content-item tn-padding-right-xs tn-text-lg"></text>
<input v-model="content" class="justify-content-item" placeholder="请填写活动标题" name="input" <input v-model="content" class="justify-content-item" placeholder="请输入活动名称搜索" name="input"
placeholder-style="color:#AAAAAA" style="width: 90%;"></input> placeholder-style="color:#BABDC7" style="width: 100%;padding-right: 200rpx;"></input>
</view> </view>
</view> <view style="position: absolute;right: 10rpx;top: 10rpx">
<tn-button backgroundColor="rgba(48,86,211,0.1)" shape="round" padding="20rpx 20rpx"
<view> width="150rpx" @click="onsubmit()">
<view class="justify-content-item tn-text-center"> <text style="color:#3056D3;font-weight: bold;">搜 索</text>
<tn-button backgroundColor="#3668fc" shape="round" padding="20rpx 20rpx" width="150rpx"
@click="onsubmit()">
<text class="tn-color-white">搜 索</text>
</tn-button> </tn-button>
</view> </view>
</view> </view>
</view> </view>
<tn-tabs :list="tabList" :isScroll="false" :current="current" name="name" @change="tabChange" <tn-tabs :showBar="false" :list="tabList" :activeItemStyle="{fontSize:'30rpx',fontWeight:'600'}"
activeColor="#3668FC"></tn-tabs> :isScroll="false" :current="current" name="name" @change="tabChange" activeColor="#3056D3"></tn-tabs>
</view> </view>
<view style="padding-bottom: 30rpx;"> <view style="padding-bottom: 30rpx;">
<view style="padding: 20rpx">
<view style="padding: 30rpx 0rpx;"> <view v-for="(item,index) in actList">
<tn-grid align="left" :col="2"> <view @click="openUrl('/pages/packageB/event/event_info?id='+item.id)"
<block v-for="(item,index) in actList"> style="margin-bottom: 30rpx;background-color: #FFF;border-radius: 20rpx;">
<tn-grid-item style="width:50%"> <view class="tn-flex tn-flex-row-between" @click="openNewUrl(item)"
<view @click="openUrl('/pages/packageB/event/event_info?id='+item.id)" style="padding:20rpx 20rpx 10rpx 10rpx;">
style="margin-bottom: 30rpx;background-color: #FFF;box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(12,0,5,0.1);position: relative;display: inline-block;width: 350rpx;text-align: center;border-radius: 20rpx;overflow: hidden;"> <view style="margin-left: 10rpx;" v-if="item.activity_image">
<view> <image :src="apiImgUrl+item.activity_image" mode="aspectFill"
<image :src="apiImgUrl+item.activity_image" mode="aspectFill" style="width: 280rpx;height: 180rpx;border-radius: 20rpx;"></image>
style="width: 350rpx;height: 170rpx;">
</image>
</view>
<view style="padding:10rpx 20rpx;font-weight: 400;">
<view class="tn-text-ellipsis " style="text-align: left;">{{ item.activity_name }}
</view>
<view class="tn-flex tn-flex-row-between"
style="font-size: 24rpx;color:#808080;padding: 15rpx 0rpx;">
<view>
<text v-if="item.activity_type==1">协会活动</text>
<text v-if="item.activity_type==2">调查问卷</text>
<text v-if="item.activity_type==3">公益捐赠</text>
<text v-if="item.activity_type==4">学习培训</text>
</view>
</view>
</view>
</view> </view>
</tn-grid-item> <view style="margin-left: 20rpx;width: 54%;">
</block> <view class="tn-text-ellipsis-2" style="font-size: 32rpx;font-weight: bold;">
</tn-grid> {{ item.activity_name }}
</view>
<view style="font-size: 24rpx;margin: 20rpx 0rpx;color: #888888;">
<text class="tn-icon-time"></text>
<text>{{formatTime(item.activity_end_time)}}-{{formatTime(item.activity_start_time)}}</text>
</view>
<view class="tn-text-ellipsis" style="font-size:26rpx;color: #888888;">
<text class="tn-icon-location" style="vertical-align: middle;"></text>
<text style="vertical-align: middle;">{{item.activity_name}}</text>
</view>
</view>
</view>
</view>
</view>
</view> </view>
</view> </view>
<view style="padding-bottom: 120rpx;"> <view style="padding-bottom: 120rpx;">
@ -149,6 +137,9 @@
this.getActivityIndex(); this.getActivityIndex();
}, },
methods: { methods: {
formatTime(time) {
return time.split(" ")[0];
},
switchTabbar(d) { switchTabbar(d) {
console.log(d); console.log(d);
uni.$emit('depId', { uni.$emit('depId', {
@ -224,5 +215,10 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.curve {
width: 200px;
height: 200px;
background-color: red;
clip-path: path("M0 0 Q100 200, 200 0");
}
</style> </style>

18
pages/index/user.vue
View File

@ -142,20 +142,26 @@
<view style="margin-left: 20rpx;">意见反馈</view> <view style="margin-left: 20rpx;">意见反馈</view>
</view> </view>
</tn-list-cell> </tn-list-cell>
<tn-list-cell v-if="userInfo.if_business==1" :arrow="true" <tn-list-cell :arrow="true" @click="tn('/pages/packageA/user/my_invoice')">
<view class="tn-flex tn-flex-center tn-flex-col-center">
<image src="/static/ico12.png" style="width: 50rpx;height: 50rpx"></image>
<view style="margin-left: 20rpx;">发票申请</view>
</view>
</tn-list-cell>
<!-- <tn-list-cell v-if="userInfo.if_business==1" :arrow="true"
@click="tn('/pages/packageA/user/my_vip')"> @click="tn('/pages/packageA/user/my_vip')">
<view class="tn-flex tn-flex-center tn-flex-col-center"> <view class="tn-flex tn-flex-center tn-flex-col-center">
<image src="/static/ico12.png" style="width: 50rpx;height: 50rpx"></image> <image src="/static/ico12.png" style="width: 50rpx;height: 50rpx"></image>
<view style="margin-left: 20rpx;">会员卡</view> <view style="margin-left: 20rpx;">会员卡</view>
</view> </view>
</tn-list-cell> </tn-list-cell> -->
<tn-list-cell v-if="userInfo.business==1" :arrow="true" <!-- <tn-list-cell v-if="userInfo.business==1" :arrow="true"
@click="tn('/pages/packageA/user/my_vip_clerk')"> @click="tn('/pages/packageA/user/my_vip_clerk')">
<view class="tn-flex tn-flex-center tn-flex-col-center"> <view class="tn-flex tn-flex-center tn-flex-col-center">
<image src="/static/ico12.png" style="width: 50rpx;height: 50rpx"></image> <image src="/static/ico12.png" style="width: 50rpx;height: 50rpx"></image>
<view style="margin-left: 20rpx;">店员管理</view> <view style="margin-left: 20rpx;">店员管理</view>
</view> </view>
</tn-list-cell> </tn-list-cell> -->
<tn-list-cell :arrow="true" @click="loginAut"> <tn-list-cell :arrow="true" @click="loginAut">
<view class="tn-flex tn-flex-center tn-flex-col-center"> <view class="tn-flex tn-flex-center tn-flex-col-center">
<image src="/static/ico11.png" style="width: 50rpx;height: 50rpx"></image> <image src="/static/ico11.png" style="width: 50rpx;height: 50rpx"></image>
@ -204,9 +210,9 @@
<view style="height: 120rpx;"></view> <view style="height: 120rpx;"></view>
</tn-popup> </tn-popup>
<view @click="callPhone" <view @click="callPhone"
style="text-align: center;padding-bottom: 100rpx;font-size: 24rpx;color: #999999;letter-spacing: 2rpx;padding-top: 40rpx;"> style="text-align: center;padding-bottom: 100rpx;font-size: 24rpx;color: rgba(153,153,153,0.5);letter-spacing: 2rpx;padding-top: 40rpx;">
<view>技术支持：洛阳灵睿网络</view> <view>技术支持：洛阳灵睿网络</view>
<view style="margin-top: 10rpx;">电话：15503791530</view> <view>电话：15503791530</view>
</view> </view>
</view> </view>
</template> </template>

27
pages/index/web.vue Normal file
View File

@ -0,0 +1,27 @@
<template>
<view>
<web-view bindmessage="bindmessage" :src="url"></web-view>
</view>
</template>
<script>
export default {
data() {
return {
url: ''
}
},
onLoad(options) {
console.log(options);
var kkk = decodeURIComponent(options.url);
this.url = kkk;
},
methods: {
}
}
</script>
<style>
</style>

455
pages/packageA/user/my_invoice.vue Normal file
View File

@ -0,0 +1,455 @@
<template>
<view 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()">
<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:'发票申请'}]" :current="topCurrent" activeColor="#000" :bold="false"
:fontSize="36"></tn-tabs>
</view>
</view>
</tn-nav-bar>
<view class="tn-safe-area-inset-bottom" :style="{paddingTop: vuex_custom_bar_height + 'px'}">
<view style="padding:40rpx;">
<view class="tn-flex tn-flex-center tn-flex-row-between ">
<view>
已有发票 {{count}} 张
</view>
<view>
<tn-button @click="addMod = true" backgroundColor="#3D7EFF" size="sm"
fontColor="#ffffff">发票申请</tn-button>
</view>
</view>
</view>
<view style="padding:0rpx 40rpx;" v-for="item in allList">
<view @click="openInfo(item)"
class="tn-flex tn-flex-center tn-flex-row-between tn-flex-col-center bg-flex-shadow tn-shadow-blur">
<view>
<view style="font-size: 34rpx;font-weight: 600;">
<text>发票金额：</text>
<text class="tn-icon-money-fill" style="color: #28B93D;"></text>
<text style="color: #28B93D;">{{item.money}}</text>
</view>
<view style="margin-top: 10rpx;font-size: 28rpx;color: #999999;">
<text>{{item.createtime}}</text>
</view>
</view>
<view>
<tn-tag v-if="item.if_ssue==1" backgroundColor="#31E749" fontColor="#ffffff"
shape="radius">已通过</tn-tag>
<tn-tag v-if="item.if_ssue==2" backgroundColor="#E83A30" fontColor="#ffffff"
shape="radius">被拒绝</tn-tag>
<tn-tag v-if="item.if_ssue==3" backgroundColor="#FF7043" fontColor="#ffffff"
shape="radius">审核中</tn-tag>
<text class="tn-icon-right-triangle" style="margin-left: 10rpx;"></text>
</view>
</view>
<view style="width: 100%;height: 1px;background-color: #F8F7F8;margin: 40rpx 0rpx;"></view>
</view>
</view>
<tn-popup v-model="addMod" mode="right" :safeAreaInsetBottom="true" 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="addMod = false">
<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:'信息填写'}]" activeColor="#000" :bold="false" :fontSize="34"></tn-tabs>
</view>
</view>
</tn-nav-bar>
<view :style="{paddingTop: vuex_custom_bar_height+'px'}" class="custom-modal-content">
<view style="padding: 30rpx;">
<view class="tn-flex tn-flex-center tn-flex-col-center tn-flex-row-between">
<view @click="tt_show_do">
<view>{{header_id_name}}</view>
</view>
<view>
<tn-button @click="tt_add_show = true" backgroundColor="#3D7EFF" size="sm"
fontColor="#ffffff">添加开票信息</tn-button>
<text style="margin-left: 20rpx;" class="tn-icon-right"></text>
</view>
</view>
<tn-select v-model="tt_show" mode="single" :list="tt_list" @confirm="tt_confirm"></tn-select>
</view>
<view v-if="tt_add_show" class="text" style="padding:20rpx 40rpx;">
<view style="text-align: center;font-size: 32rpx;font-weight: 600;">添加开票信息</view>
<tn-form ref="form" :labelWidth="120">
<tn-form-item prop="name">
<tn-input placeholder="申请人" :customStyle="{width: '600rpx'}" v-model="addForm.name" />
</tn-form-item>
<tn-form-item prop="unit">
<tn-input placeholder="公司名称" :customStyle="{width: '600rpx'}" v-model="addForm.unit" />
</tn-form-item>
<tn-form-item prop="taxpayer_identification_number">
<tn-input placeholder="纳税人识别号" :customStyle="{width: '600rpx'}"
v-model="addForm.taxpayer_identification_number" />
</tn-form-item>
<tn-form-item prop="unit_address">
<tn-input placeholder="单位地址" :customStyle="{width: '600rpx'}"
v-model="addForm.unit_address" />
</tn-form-item>
<tn-form-item prop="telephone">
<tn-input placeholder="单位电话" :customStyle="{width: '600rpx'}" v-model="addForm.telephone" />
</tn-form-item>
<tn-form-item prop="bank_basic_account_number">
<tn-input placeholder="银行基本户账号" :customStyle="{width: '600rpx'}"
v-model="addForm.bank_basic_account_number" />
</tn-form-item>
<tn-form-item prop="bank">
<tn-input placeholder="开户行" :customStyle="{width: '600rpx'}" v-model="addForm.bank" />
</tn-form-item>
</tn-form>
<view style="text-align: center;margin-top: 50rpx;">
<tn-button backgroundColor="#E6E6E6" height="70rpx" fontColor="#ffffff"
@click="tt_add_show = false" width="40%">取消</tn-button>
<tn-button backgroundColor="#3D7EFF" height="70rpx" width="40%" fontColor="#ffffff"
style="margin-left: 30rpx;" @click="tt_add_do">提交</tn-button>
</view>
</view>
<view v-if="!tt_add_show" class="text" style="padding:20rpx 40rpx;">
<view style="text-align: center;font-size: 32rpx;font-weight: 600;">申请发票</view>
<tn-form ref="form" :labelWidth="180">
<tn-form-item prop="name" label="发票类型">
<tn-input v-model="invoice_type_name" :customStyle="{width: '450rpx'}"
@click="invoice_type_show = true" inputAlign="right" :disabled="true" />
<tn-action-sheet :list="actionSheetList" v-model="invoice_type_show"
@click="actionSheetCallback"></tn-action-sheet>
</tn-form-item>
<tn-form-item prop="name">
<tn-input placeholder="开票金额" :customStyle="{width: '600rpx'}" v-model="money" />
</tn-form-item>
</tn-form>
<view style="text-align: center;margin-top: 50rpx;">
<tn-button backgroundColor="#E6E6E6" height="70rpx" fontColor="#ffffff" @click="addMod = false"
width="40%">取消</tn-button>
<tn-button backgroundColor="#3D7EFF" height="70rpx" width="40%" fontColor="#ffffff"
style="margin-left: 30rpx;" @click="kp_add_do">提交</tn-button>
</view>
</view>
</view>
</tn-popup>
<tn-popup v-model="infoMod" mode="right" :safeAreaInsetBottom="true" 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="infoMod = false">
<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:'发票信息查看'}]" activeColor="#000" :bold="false" :fontSize="34"></tn-tabs>
</view>
</view>
</tn-nav-bar>
<view :style="{paddingTop: vuex_custom_bar_height+'px'}" class="custom-modal-content">
<view class="info_text" style="padding:20rpx 40rpx;">
<view>
<text>申请人：</text>
<text>{{info.header.name}}</text>
</view>
<view>
<text>公司名称：</text>
<text>{{info.header.unit}}</text>
</view>
<view>
<text>纳税人识别号：</text>
<text>{{info.header.taxpayer_identification_number}}</text>
</view>
<view>
<text>单位地址：</text>
<text>{{info.header.unit_address}}</text>
</view>
<view>
<text>单位电话：</text>
<text>{{info.header.telephone}}</text>
</view>
<view>
<text>银行基本账户：</text>
<text>{{info.header.bank_basic_account_number}}</text>
</view>
<view>
<text>开户行：</text>
<text>{{info.header.bank}}</text>
</view>
<view>
<text>发票金额：</text>
<text>{{info.money}}</text>
</view>
<view>
<text>发票类别：</text>
<text>{{info.invoice_type==1?'普票':'专票'}}</text>
</view>
<view>
<text>申请状态：</text>
<tn-tag v-if="info.if_ssue==1" backgroundColor="#31E749" fontColor="#ffffff"
shape="radius">已通过</tn-tag>
<tn-tag v-if="info.if_ssue==2" backgroundColor="#E83A30" fontColor="#ffffff"
shape="radius">被拒绝</tn-tag>
<tn-tag v-if="info.if_ssue==3" backgroundColor="#FF7043" fontColor="#ffffff"
shape="radius">审核中</tn-tag>
</view>
<view v-if="info.if_ssue==2">
<text>拒绝原因：</text>
<text>{{info.reason}}</text>
</view>
<view>
<text>发票图片：</text>
<text v-if="info.invoice_image==''||info.invoice_image==null">待上传</text>
<image @click="openImg" v-if="info.invoice_image!=''&&info.invoice_image!=null"
:src="apiImgUrl+info.invoice_image" style="width: 100%;margin-top: 20rpx;" mode="widthFix">
</image>
</view>
<view style="text-align: center;margin-top: 50rpx;">
<tn-button backgroundColor="#E6E6E6" height="70rpx" fontColor="#ffffff" @click="infoMod = false"
width="40%">关闭</tn-button>
</view>
</view>
</view>
</tn-popup>
</view>
</template>
<script>
import {
findMemberID,
addInvoiceHeader,
addInvoiceLog,
someMethod,
getInvoiceLogWithHeader
} from "@/util/api";
import store from "@/store";
export default {
data() {
return {
apiImgUrl: this.$store.state.imgUrl,
addMod: false,
infoMod: false,
addForm: {
name: '',
taxpayer_identification_number: '',
unit: '',
unit_address: '',
telephone: '',
bank_basic_account_number: '',
bank: '',
association_id: 0,
},
invoice_type_show: false,
actionSheetList: [{
text: '普票',
id: 1,
},
{
text: '专票',
id: 2
}
],
header_id: 0,
header_id_name: '请选择开票信息',
invoice_type_name: '普票',
invoice_type: 1,
tt_add_show: false,
tt_show: false,
tt_list: [],
money: '',
page: 1,
allList: [],
info: {},
count: 0
}
},
onLoad() {
var gid = uni.getStorageSync('Gid');
this.addForm.association_id = gid;
this.findMemberList();
this.getList();
},
onReachBottom() {
this.page += 1;
this.getList();
},
methods: {
openImg() {
uni.previewImage({
current: 0,
urls: [this.apiImgUrl + this.info.invoice_image],
});
},
openInfo(d) {
getInvoiceLogWithHeader({
id: d.id
})
.then(res => {
console.log(res);
this.info = res.data;
this.infoMod = true;
})
.catch(error => {
uni.showToast({
title: error,
icon: 'none',
duration: 2000
});
})
},
actionSheetCallback(index) {
this.invoice_type_name = this.actionSheetList[index].text;
this.invoice_type = this.actionSheetList[index].id;
},
tt_show_do() {
if (this.tt_list.length == 0) {
uni.showToast({
title: '请先添加开票信息',
icon: 'none',
duration: 2000
});
this.tt_add_show = true;
} else {
this.tt_show = true;
}
},
kp_add_do() {
if (this.header_id == 0) {
uni.showToast({
title: '请选择开票信息',
icon: 'none',
duration: 2000
});
return;
}
if (this.money == '' || this.money <= 0) {
uni.showToast({
title: '请填写金额',
icon: 'none',
duration: 2000
});
return;
}
addInvoiceLog({
association_id: this.addForm.association_id,
header_id: this.header_id,
money: this.money,
invoice_type: this.invoice_type
})
.then(res => {
console.log(res);
if (res.code == 1) {
uni.showToast({
title: res.msg,
icon: 'none',
duration: 2000
});
this.addMod = false;
this.header_id = 0;
this.header_id_name = '请选择开票信息';
this.invoice_type_name = '普票';
this.invoice_type = 1;
this.money = '';
} else {
uni.showModal({
title: '提示',
content: res.msg,
})
}
})
.catch(error => {
uni.showToast({
title: error,
icon: 'none',
duration: 2000
});
})
},
tt_confirm(d) {
console.log(d);
this.header_id_name = d[0].label;
this.header_id = d[0].value;
},
tt_add_do() {
addInvoiceHeader(this.addForm)
.then(res => {
console.log(res);
uni.showToast({
title: res.msg,
icon: 'none',
duration: 2000
});
this.tt_add_show = false;
this.findMemberList();
})
.catch(error => {
uni.showToast({
title: error,
icon: 'none',
duration: 2000
});
})
},
findMemberList() {
findMemberID()
.then(res => {
console.log(res);
if (res.data == null) {
this.tt_list = [];
} else {
var key = res.data;
const transformedSelectList = key.map(item => ({
value: item.id,
label: item.unit
}));
this.tt_list = transformedSelectList;
}
})
.catch(error => {
uni.showToast({
title: error,
icon: 'none',
duration: 2000
});
})
},
getList() {
someMethod({
page: this.page,
size: 10
})
.then(res => {
console.log(res);
this.allList.push(...res.data.data);
this.count = res.data.total;
})
.catch(error => {
uni.showToast({
title: error,
icon: 'none',
duration: 2000
});
})
},
goBack() {
if (getCurrentPages().length > 1) {
uni.navigateBack()
} else {
uni.redirectTo({
url: '/pages/index/index'
})
}
},
}
}
</script>
<style scoped>
.info_text view {
margin-bottom: 40rpx;
}
</style>

398
pages/packageA/user/my_vip.vue
View File

@ -1,208 +1,220 @@
<template> <template>
<view class="message tn-safe-area-inset-bottom"> <view class="message tn-safe-area-inset-bottom">
<tn-nav-bar :isBack="false" backTitle="" :bottomShadow="true" backgroundColor="#FFFFFF"> <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 class="custom-nav tn-flex tn-flex-col-center tn-flex-row-left">
<view style="padding-left: 15rpx;" @click="goBack()"> <view style="padding-left: 15rpx;" @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" <view class="tn-margin-top"
style=";text-shadow: 1rpx 0 0 #FFF, 0 1rpx 0 #FFF, -1rpx 0 0 #FFF , 0 -1rpx 0 #FFF;"> style=";text-shadow: 1rpx 0 0 #FFF, 0 1rpx 0 #FFF, -1rpx 0 0 #FFF , 0 -1rpx 0 #FFF;">
<tn-tabs :list="[{name:'会员卡'}]" activeColor="#000" :bold="false" :fontSize="36"></tn-tabs> <tn-tabs :list="[{name:'会员卡'}]" activeColor="#000" :bold="false" :fontSize="36"></tn-tabs>
</view> </view>
</view> </view>
</tn-nav-bar> </tn-nav-bar>
<view class="" :style="{paddingTop: vuex_custom_bar_height + 'px'}"> <view class="" :style="{paddingTop: vuex_custom_bar_height + 'px'}">
<view style="text-align: center;padding: 30rpx;"> <view style="text-align: center;padding: 30rpx;">
<tn-button backgroundColor="#01BEFF" @click="openQrcode" fontColor="#ffffff">出示二维码</tn-button> <tn-button backgroundColor="#01BEFF" @click="openQrcode" fontColor="#ffffff">出示二维码</tn-button>
<view style="margin-top: 20rpx;">会员卡号：{{ code }}</view> <view style="margin-top: 20rpx;">会员卡号：{{ code }}</view>
</view> </view>
</view> </view>
<tn-tabs :list="list" :isScroll="true" :activeItemStyle="{fontSize:'30rpx',fontWeight:'600'}" <tn-tabs :list="list" :isScroll="true" :activeItemStyle="{fontSize:'30rpx',fontWeight:'600'}"
activeColor="#3377FF" :current="current" name="type_name" @change="change" :fontSize="28"></tn-tabs> activeColor="#3377FF" :current="current" name="type_name" @change="change" :fontSize="28"></tn-tabs>
<view style="padding: 30rpx;"> <view style="padding: 30rpx;">
<view v-for="(item,index) in sp_list" style="position: relative;" <view v-for="(item,index) in sp_list" style="position: relative;"
@click="tn('/pages/packageA/user/my_vip_info?id='+item.id)"> @click="tn('/pages/packageA/user/my_vip_info?id='+item.id)">
<view class="tn-flex tn-flex-col-center tn-flex-row-between" <view class="tn-flex tn-flex-col-center tn-flex-row-between"
style="background-color: #ffffff;padding:50rpx 30rpx;border-radius: 15rpx;margin-bottom: 20rpx;"> style="background-color: #ffffff;padding:50rpx 30rpx;border-radius: 15rpx;margin-bottom: 20rpx;">
<view class="tn-flex tn-flex-col-center"> <view class="tn-flex tn-flex-col-center">
<view> <view>
<image :src="item.business_image==''?'/static/def.png':apiImgUrl+item.business_image" <image :src="item.business_image==''?'/static/def.png':apiImgUrl+item.business_image"
style="width: 100rpx;height: 100rpx;border-radius: 50%;"> style="width: 100rpx;height: 100rpx;border-radius: 50%;">
</image> </image>
</view> </view>
<view style="margin-left: 20rpx;"> <view style="margin-left: 20rpx;">
<view style="font-size: 31rpx;font-weight: 600;letter-spacing: 5rpx;"> <view style="font-size: 31rpx;font-weight: 600;letter-spacing: 5rpx;">
{{ item.business_name }} {{ item.business_name }}
</view> </view>
<view style="font-size: 24rpx;color: #808080;margin-top: 15rpx;">地址：{{ item.address }} <view style="font-size: 24rpx;color: #808080;margin-top: 15rpx;">地址：{{ item.address }}
</view> </view>
<view style="font-size: 24rpx;color: #808080;margin-top: 15rpx;">电话：{{ item.telephone }} <view style="font-size: 24rpx;color: #808080;margin-top: 15rpx;">电话：{{ item.telephone }}
</view> </view>
</view> </view>
</view> </view>
<view style="width: 200rpx;text-align: right;"> <view style="width: 200rpx;text-align: right;">
<tn-button backgroundColor="#3377FF" size="sm" shape="round" fontColor="#ffffff">查看</tn-button> <tn-button backgroundColor="#3377FF" size="sm" shape="round" fontColor="#ffffff">查看</tn-button>
</view> </view>
</view> </view>
<!-- <view <!-- <view
style="font-size: 20rpx;color: #43A9F8;background-color: #CAE5FF;position: absolute;top: 0;right: 0;border-radius: 0px 15rpx 0px 15rpx;padding:10rpx 10rpx;"> style="font-size: 20rpx;color: #43A9F8;background-color: #CAE5FF;position: absolute;top: 0;right: 0;border-radius: 0px 15rpx 0px 15rpx;padding:10rpx 10rpx;">
<text class="tn-icon-success-circle-fill" style="vertical-align: middle;"></text> <text class="tn-icon-success-circle-fill" style="vertical-align: middle;"></text>
<text style="vertical-align: middle;margin-left: 5rpx;">已认证</text> <text style="vertical-align: middle;margin-left: 5rpx;">已认证</text>
</view> --> </view> -->
</view> </view>
</view> </view>
<tn-popup v-if="show" :closeBtn="true" v-model="show" mode="center" width="500rpx" height="600rpx"> <tn-popup v-if="show" :closeBtn="true" v-model="show" mode="center" width="500rpx" height="600rpx">
<view style="text-align: center;padding: 30rpx 0rpx;font-size: 32rpx;font-weight: 600;">核销二维码</view> <view style="text-align: center;padding: 30rpx 0rpx;font-size: 32rpx;font-weight: 600;">核销二维码</view>
<view style="text-align: center;width: 300rpx;margin:0rpx auto;"> <view style="text-align: center;width: 300rpx;margin:0rpx auto;">
<l-painter ref="painter" css="background: #fff;width: 300rpx;text-align: center;"> <l-painter ref="painter" css="background: #fff;width: 300rpx;text-align: center;">
<l-painter-qrcode :text="qrcode_url" css="width: 300rpx; height: 300rpx"/> <l-painter-qrcode :text="qrcode_url" css="width: 300rpx; height: 300rpx" />
</l-painter> </l-painter>
</view> </view>
<view style="text-align: center;margin-top: 50rpx;"> <view style="text-align: center;margin-top: 50rpx;">
<tn-button @click="show= false" shape="round" width="80%" backgroundColor="#3F8BF2" <tn-button @click="show= false" shape="round" width="80%" backgroundColor="#3F8BF2"
fontColor="#ffffff">关闭 fontColor="#ffffff">关闭
</tn-button> </tn-button>
</view> </view>
</tn-popup> </tn-popup>
</view> </view>
</template> </template>
<script> <script>
import { import {
businesstypeList, businesstypeList,
businessList, businessList,
handleMembercode handleMembercode
} from "@/util/api"; } from "@/util/api";
import store from "@/store"; import store from "@/store";
export default { export default {
data() { data() {
return { return {
current: 0, current: 0,
show: false, show: false,
qrcode_url: '', qrcode_url: '',
list: [], list: [],
page: 1, page: 1,
type: 0, type: 0,
apiImgUrl: this.$store.state.imgUrl, apiImgUrl: this.$store.state.imgUrl,
sp_list: [], sp_list: [],
code: 0, code: 0,
} }
}, },
onLoad() { onLoad() {
this.getbusinesstypeList(); this.getbusinesstypeList();
this.getbusinessList(); this.getbusinessList();
this.setHandleMembercode(); this.setHandleMembercode();
}, },
methods: { methods: {
change(d) { change(d) {
this.current = d; this.current = d;
var info = this.list[d]; var info = this.list[d];
this.type = info.id; this.type = info.id;
this.page = 1; this.page = 1;
this.sp_list = []; this.sp_list = [];
this.getbusinessList(); this.getbusinessList();
}, },
setHandleMembercode() { setHandleMembercode() {
var u = uni.getStorageSync('userInfo'); var u = uni.getStorageSync('userInfo');
handleMembercode({ handleMembercode({
member_id: u.id, member_id: u.id,
}) })
.then(res => { .then(res => {
console.log(res); console.log(res);
if (res.code == 1) { if (res.code == 1) {
this.code = res.data.member_code this.code = res.data.member_code
} } else {
}) uni.showModal({
.catch(error => { title: '提示',
uni.showToast({ content: res.msg,
title: error, showCancel: false,
icon: 'none', success: function(res) {
duration: 2000 that.goBack();
}); }
}) });
}, }
getbusinessList() { })
var u = uni.getStorageSync('userInfo'); .catch(error => {
businessList({ uni.showToast({
business_type: this.type, title: error,
association_id: u.association_id, icon: 'none',
page: this.page, duration: 2000
size: 10, });
}) })
.then(res => { },
console.log(res); getbusinessList() {
if (res.code == 1) { var u = uni.getStorageSync('userInfo');
this.sp_list.push(...res.data.list); businessList({
} business_type: this.type,
}) association_id: u.association_id,
.catch(error => { page: this.page,
uni.showToast({ size: 10,
title: error, })
icon: 'none', .then(res => {
duration: 2000 console.log(res);
}); if (res.code == 1) {
}) this.sp_list.push(...res.data.list);
}, }
getbusinesstypeList() { })
businesstypeList() .catch(error => {
.then(res => { uni.showToast({
console.log(res); title: error,
if (res.code == 1) { icon: 'none',
var key = res.data; duration: 2000
key.unshift({ });
id: 0, })
type_name: '全部' },
}); getbusinesstypeList() {
this.list = res.data; businesstypeList()
} .then(res => {
}) console.log(res);
.catch(error => { if (res.code == 1) {
uni.showToast({ var key = res.data;
title: error, key.unshift({
icon: 'none', id: 0,
duration: 2000 type_name: '全部'
}); });
}) this.list = res.data;
}, }
generateUUIDv4() { })
const charts = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z']; .catch(error => {
var res = ''; uni.showToast({
for (var i = 0; i < 18; i++) { title: error,
var id = Math.ceil(Math.random() * 35); icon: 'none',
res += charts[id]; duration: 2000
} });
return res; })
}, },
openQrcode() { generateUUIDv4() {
var u = uni.getStorageSync('userInfo'); const charts = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H',
this.qrcode_url = store.state.imgUrl + "?type=2&key=" + this.code + "&association_id=" + u.association_id + "&random_number=" + this.generateUUIDv4(); 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'
setTimeout(() => { ];
this.show = true; var res = '';
}, 500) for (var i = 0; i < 18; i++) {
}, var id = Math.ceil(Math.random() * 35);
tn(e) { res += charts[id];
uni.navigateTo({ }
url: e return res;
}) },
}, openQrcode() {
goBack() { var u = uni.getStorageSync('userInfo');
if (getCurrentPages().length > 1) { this.qrcode_url = store.state.imgUrl + "?type=2&key=" + this.code + "&association_id=" + u.association_id +
uni.navigateBack() "&random_number=" + this.generateUUIDv4();
} else { setTimeout(() => {
uni.redirectTo({ this.show = true;
url: '/pages/index/index' }, 500)
}) },
tn(e) {
uni.navigateTo({
url: e
})
},
goBack() {
if (getCurrentPages().length > 1) {
uni.navigateBack()
} else {
uni.redirectTo({
url: '/pages/index/index'
})
} }
}, },
} }
} }
</script> </script>
<style> <style>
page { page {
background-color: aliceblue; background-color: aliceblue;
} }
</style> </style>

BIN
static/01.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
static/01_1.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
static/02.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 474 B

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
static/02_2.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 475 B

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
static/03.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
static/03_3.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
static/04.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
static/04_4.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
static/3162033.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 978 B

BIN
static/48098160.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 14 KiB

BIN
static/48098162.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 13 KiB

BIN
static/48098163.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 781 B

After

Width:  |  Height:  |  Size: 21 KiB

BIN
static/48098164.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 894 B

After

Width:  |  Height:  |  Size: 15 KiB

BIN
static/48098165.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 41 KiB

4
static/css/my.scss
View File

@ -239,3 +239,7 @@
/* 内容 end */ /* 内容 end */
} }
} }
.no-img{
width: 0;
height: 0;
}

3
static/gb.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="26" height="22" viewBox="0 0 26 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M24.9718 9.34956H19.953C19.6792 9.34956 19.4171 9.46019 19.2248 9.65552C19.0326 9.8503 18.9249 10.1129 18.9249 10.3866V10.7098C18.9249 11.2807 19.3879 11.744 19.9559 11.744H24.9718C25.5399 11.744 26 11.2807 26 10.7098V10.3866C26 10.1129 25.8923 9.85029 25.7001 9.65552C25.5078 9.46019 25.2456 9.34956 24.9718 9.34956ZM13.3349 0.474163C11.7737 1.715 8.50842 3.454 6.16064 5.12888H6.1578C6.13147 5.14637 6.10534 5.23952 6.07614 5.25407C5.79951 5.41135 5.67423 5.83963 4.16531 5.83963H1.22348C0.466086 5.83963 0 6.19492 0 6.99313V14.08C0 14.8781 0.428273 15.2713 1.22345 15.2713H4.17699C5.6772 15.2743 5.79951 15.7025 6.07617 15.8569C6.10247 15.8714 6.12863 15.9646 6.1548 15.9821H6.15777C8.4356 17.6569 11.7214 19.53 13.3349 20.7213C13.8215 21.0795 15.4352 21.7088 15.4352 19.495V1.61018C15.4352 -0.606486 13.8068 0.101221 13.3349 0.474163ZM17.9664 5.36186C18.2344 5.83078 18.7616 5.95026 19.1461 5.62397L23.2678 2.14905C23.6552 1.82563 23.7483 1.1819 23.4834 0.710142L23.3319 0.445028C23.0668 -0.023895 22.5367 -0.140532 22.1521 0.182884L18.0305 3.65784C17.6461 3.98413 17.5499 4.62499 17.815 5.09678L17.9665 5.36189L17.9664 5.36186ZM19.1433 15.4812C18.7587 15.1578 18.2315 15.2773 17.9665 15.7433L17.8151 16.0083C17.5499 16.4774 17.6461 17.1211 18.0305 17.4474L22.1521 20.9252C22.5367 21.2485 23.0639 21.1321 23.329 20.6631L23.4804 20.398C23.7455 19.9291 23.6494 19.2852 23.265 18.9591L19.1433 15.4812L19.1433 15.4812Z" fill="white" fill-opacity="0.7"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

4
store/index.js
View File

@ -50,8 +50,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.0rui.cn", imgUrl: "https://hnyea.0rui.cn",
apiUrl: "https://ysx.0rui.cn/api" apiUrl: "https://hnyea.0rui.cn/api"
}, },
mutations: { mutations: {
$tStore(state, payload) { $tStore(state, payload) {

6
tuniao-ui/components/tn-column-notice/tn-column-notice.vue
View File

@ -5,8 +5,9 @@
<view v-if="leftIcon && leftIconType=='icon'" class="tn-column-notice__icon--left" <view v-if="leftIcon && leftIconType=='icon'" class="tn-column-notice__icon--left"
:class="[`tn-icon-${leftIconName}`,fontColorClass]" :style="[fontStyle('leftIcon')]" :class="[`tn-icon-${leftIconName}`,fontColorClass]" :style="[fontStyle('leftIcon')]"
@tap="clickLeftIcon"></view> @tap="clickLeftIcon"></view>
<view v-if="leftIcon && leftIconType=='img'" class="tn-column-notice__icon--left" @tap="clickLeftIcon"> <view v-if="leftIcon && leftIconType=='img'" class="tn-column-notice__icon--left" style="padding-top: 6rpx;"
<image src="/static/hqzc.png" style="width: 56rpx;height: 50rpx;"></image> @tap="clickLeftIcon">
<image src="/static/gb.svg" style="width: 32rpx;height: 32rpx;vertical-align: middle;"></image>
</view> </view>
</view> </view>
@ -204,6 +205,7 @@
justify-content: center; justify-content: center;
flex-wrap: nowrap; flex-wrap: nowrap;
overflow: hidden; overflow: hidden;
align-self: center;
&__swiper { &__swiper {
height: auto; height: auto;

668
tuniao-ui/components/tn-tabs/tn-tabs.vue
View File

@ -1,348 +1,362 @@
<template> <template>
<view class="tn-tabs-class tn-tabs" :class="[backgroundColorClass]" :style="{backgroundColor: backgroundColorStyle, marginTop: $tn.string.getLengthUnitValue(top, 'px')}"> <view class="tn-tabs-class tn-tabs" :class="[backgroundColorClass]"
:style="{backgroundColor: backgroundColorStyle, marginTop: $tn.string.getLengthUnitValue(top, 'px')}">
<!-- _tgetRect()对组件根节点无效，因为写了.in(this)，故这里获取内层接点尺寸 --> <!-- _tgetRect()对组件根节点无效，因为写了.in(this)，故这里获取内层接点尺寸 -->
<view :id="id"> <view :id="id">
<scroll-view scroll-x class="tn-tabs__scroll-view" :scroll-left="scrollLeft" scroll-with-animation> <scroll-view scroll-x class="tn-tabs__scroll-view" :scroll-left="scrollLeft" scroll-with-animation>
<view class="tn-tabs__scroll-view__box" :class="{'tn-tabs__scroll-view--flex': !isScroll}"> <view class="tn-tabs__scroll-view__box" :class="{'tn-tabs__scroll-view--flex': !isScroll}">
<!-- item --> <!-- item -->
<view <view v-for="(item, index) in list" :key="index" :id="'tn-tabs__scroll-view__item-' + index"
v-for="(item, index) in list" class="tn-tabs__scroll-view__item tn-text-ellipsis" :style="[tabItemStyle(index)]"
:key="index" @tap="clickTab(index)">
:id="'tn-tabs__scroll-view__item-' + index" <tn-badge v-if="item[count] || item['count']" backgroundColor="tn-bg-red" fontColor="#FFFFFF"
class="tn-tabs__scroll-view__item tn-text-ellipsis" :absolute="true" :top="badgeOffset[0] || 0"
:style="[tabItemStyle(index)]" :right="badgeOffset[1] || 0">{{ item[count] || item['count']}}</tn-badge>
@tap="clickTab(index)" {{ item[name] || item['name'] }}
> </view>
<tn-badge v-if="item[count] || item['count']" backgroundColor="tn-bg-red" fontColor="#FFFFFF" :absolute="true" :top="badgeOffset[0] || 0" :right="badgeOffset[1] || 0">{{ item[count] || item['count']}}</tn-badge>
{{ item[name] || item['name'] }}
</view>
<!-- 底部滑块 --> <!-- 底部滑块 -->
<view v-if="showBar" class="tn-tabs__bar" :style="[tabBarStyle]"></view> <view v-if="showBar" class="tn-tabs__bar" :style="[tabBarStyle]"></view>
</view> <view v-if="!showBar" class="tn-tabs__bar" :style="[tabMyBarStyle]">
</scroll-view> <text style="font-size: 40rpx;" class="tn-icon-tabs-smile"></text>
</view> </view>
</view> </view>
</scroll-view>
</view>
</view>
</template> </template>
<script> <script>
import componentsColor from '../../libs/mixin/components_color.js' import componentsColor from '../../libs/mixin/components_color.js'
export default { export default {
mixins: [componentsColor], mixins: [componentsColor],
name: 'tn-tabs', name: 'tn-tabs',
props: { props: {
// 标签列表 // 标签列表
list: { list: {
type: Array, type: Array,
default() { default () {
return [] return []
} }
}, },
// 列表数据tab名称的属性 // 列表数据tab名称的属性
name: { name: {
type: String, type: String,
default: 'name' default: 'name'
}, },
// 列表数据微标数量的属性 // 列表数据微标数量的属性
count: { count: {
type: String, type: String,
default: 'count' default: 'count'
}, },
// 当前活动的tab索引 // 当前活动的tab索引
current: { current: {
type: Number, type: Number,
default: 0 default: 0
}, },
// 菜单是否可以滑动 // 菜单是否可以滑动
isScroll: { isScroll: {
type: Boolean, type: Boolean,
default: true default: true
}, },
// 高度 // 高度
height: { height: {
type: Number, type: Number,
default: 80 default: 80
}, },
// 距离顶部的距离(px) // 距离顶部的距离(px)
top: { top: {
type: Number, type: Number,
default: 0 default: 0
}, },
// item的宽度 // item的宽度
itemWidth: { itemWidth: {
type: [String, Number], type: [String, Number],
default: 'auto' default: 'auto'
}, },
// 过渡动画时长 // 过渡动画时长
duration: { duration: {
type: Number, type: Number,
default: 0.3 default: 0.3
}, },
// 选中时的颜色 // 选中时的颜色
activeColor: { activeColor: {
type: String, type: String,
default: '#01BEFF' default: '#01BEFF'
}, },
// 未被选中时的颜色 // 未被选中时的颜色
inactiveColor: { inactiveColor: {
type: String, type: String,
default: '#080808' default: '#080808'
}, },
// 选中的item样式 // 选中的item样式
activeItemStyle: { activeItemStyle: {
type: Object, type: Object,
default() { default () {
return {} return {}
} }
}, },
// 未选中的item样式 // 未选中的item样式
inactiveItemStyle: { inactiveItemStyle: {
type: Object, type: Object,
default() { default () {
return {} return {}
} }
}, },
// 是否显示底部滑块 // 是否显示底部滑块
showBar: { showBar: {
type: Boolean, type: Boolean,
default: true default: true
}, },
// 底部滑块的宽度 // 底部滑块的宽度
barWidth: { barWidth: {
type: Number, type: Number,
default: 40 default: 40
}, },
// 底部滑块的高度 // 底部滑块的高度
barHeight: { barHeight: {
type: Number, type: Number,
default: 6 default: 6
}, },
// 自定义底部滑块的样式 // 自定义底部滑块的样式
barStyle: { barStyle: {
type: Object, type: Object,
default() { default () {
return {} return {}
} }
}, },
// 单个tab的左右内边距 // 单个tab的左右内边距
gutter: { gutter: {
type: Number, type: Number,
default: 30 default: 30
}, },
// 微标的偏移数[top, right] // 微标的偏移数[top, right]
badgeOffset: { badgeOffset: {
type: Array, type: Array,
default() { default () {
return [20, 22] return [20, 22]
} }
}, },
// 是否加粗字体 // 是否加粗字体
bold: { bold: {
type: Boolean, type: Boolean,
default: false default: false
} }
}, },
computed: { computed: {
// 底部滑块样式 // 底部滑块样式
tabBarStyle() { tabBarStyle() {
let style = { let style = {
width: this.$tn.string.getLengthUnitValue(this.barWidth), width: this.$tn.string.getLengthUnitValue(this.barWidth),
height: this.$tn.string.getLengthUnitValue(this.barHeight), height: this.$tn.string.getLengthUnitValue(this.barHeight),
borderRadius: `${this.barHeight / 2}rpx`, borderRadius: `${this.barHeight / 2}rpx`,
backgroundColor: this.activeColor, backgroundColor: this.activeColor,
opacity: this.barMoveFirst ? 0 : 1, opacity: this.barMoveFirst ? 0 : 1,
transform: `translate(${this.scrollBarLeft}px, -100%)`, transform: `translate(${this.scrollBarLeft}px, -100%)`,
transitionDuration: this.barMoveFirst ? '0s' : `${this.duration}s` transitionDuration: this.barMoveFirst ? '0s' : `${this.duration}s`
} }
Object.assign(style, this.barStyle) Object.assign(style, this.barStyle)
return style return style
}, },
// tabItem样式 tabMyBarStyle() {
tabItemStyle() { let style = {
return index => { width: '40rpx',
let style = { height: '40rpx',
width: this.$tn.string.getLengthUnitValue(this.itemWidth), color: "#3056D3",
height: this.$tn.string.getLengthUnitValue(this.height), opacity: this.barMoveFirst ? 0 : 1,
lineHeight: this.$tn.string.getLengthUnitValue(this.height), transform: `translate(${this.scrollBarLeft}px, 30%)`,
fontSize: this.fontSizeStyle || '28rpx', transitionDuration: this.barMoveFirst ? '0s' : `${this.duration}s`
padding: this.isScroll ? `0 ${this.gutter}rpx` : '', }
flex: this.isScroll ? 'auto' : '1', Object.assign(style, this.barStyle)
transitionDuration: `${this.duration}s` return style
} },
if (index === this.currentIndex) { // tabItem样式
if (this.bold) { tabItemStyle() {
style.fontWeight = 'bold' return index => {
} let style = {
style.color = this.activeColor width: this.$tn.string.getLengthUnitValue(this.itemWidth),
Object.assign(style, this.activeItemStyle) height: this.$tn.string.getLengthUnitValue(this.height),
} else { lineHeight: this.$tn.string.getLengthUnitValue(this.height),
style.color = this.inactiveColor fontSize: this.fontSizeStyle || '28rpx',
Object.assign(style, this.inactiveItemStyle) padding: this.isScroll ? `0 ${this.gutter}rpx` : '',
} flex: this.isScroll ? 'auto' : '1',
return style transitionDuration: `${this.duration}s`
} }
} if (index === this.currentIndex) {
}, if (this.bold) {
data() { style.fontWeight = 'bold'
return { }
// id值 style.color = this.activeColor
id: this.$tn.uuid(), Object.assign(style, this.activeItemStyle)
// 滚动scroll-view的左边距离 } else {
scrollLeft: 0, style.color = this.inactiveColor
// 存放查询后tab菜单的节点信息 Object.assign(style, this.inactiveItemStyle)
tabQueryInfo: [], }
// 组件宽度 return style
componentWidth: 0, }
// 底部滑块的移动距离 }
scrollBarLeft: 0, },
// 组件到屏幕左边的巨鹿 data() {
componentLeft: 0, return {
// 当前选中的itemIndex // id值
currentIndex: this.current, id: this.$tn.uuid(),
// 标记底部滑块是否第一次移动，第一次移动的时候不触发动画 // 滚动scroll-view的左边距离
barMoveFirst: true scrollLeft: 0,
} // 存放查询后tab菜单的节点信息
}, tabQueryInfo: [],
watch: { // 组件宽度
// 监听tab的变化，重新计算tab菜单信息 componentWidth: 0,
list(newValue, oldValue) { // 底部滑块的移动距离
// list变化时，重置内部索引，防止出现超过数据边界的问题 scrollBarLeft: 0,
if (newValue.length !== oldValue.length) this.currentIndex = 0 // 组件到屏幕左边的巨鹿
this.$nextTick(() => { componentLeft: 0,
this.init() // 当前选中的itemIndex
}) currentIndex: this.current,
}, // 标记底部滑块是否第一次移动，第一次移动的时候不触发动画
current: { barMoveFirst: true
handler(val) { }
this.$nextTick(() => { },
this.currentIndex = val watch: {
this.scrollByIndex() // 监听tab的变化，重新计算tab菜单信息
}) list(newValue, oldValue) {
}, // list变化时，重置内部索引，防止出现超过数据边界的问题
immediate: true if (newValue.length !== oldValue.length) this.currentIndex = 0
} this.$nextTick(() => {
}, this.init()
mounted() { })
this.init() },
}, current: {
methods: { handler(val) {
// 初始化变量 this.$nextTick(() => {
async init() { this.currentIndex = val
// 获取tabs组件的信息 this.scrollByIndex()
let tabRect = await this._tGetRect('#' + this.id) })
// 计算组件的宽度 },
this.componentLeft = tabRect.left immediate: true
this.componentWidth = tabRect.width }
this.getTabRect() },
}, mounted() {
// 点击tab菜单 this.init()
clickTab(index) { },
if (index === this.currentIndex) return methods: {
this.$emit('change', index) // 初始化变量
}, async init() {
// 查询tab的布局信息 // 获取tabs组件的信息
getTabRect() { let tabRect = await this._tGetRect('#' + this.id)
let query = uni.createSelectorQuery().in(this) // 计算组件的宽度
// 遍历所有的tab this.componentLeft = tabRect.left
for (let i = 0; i < this.list.length; i++) { this.componentWidth = tabRect.width
query.select(`#tn-tabs__scroll-view__item-${i}`).fields({ this.getTabRect()
size: true, },
rect: true // 点击tab菜单
}) clickTab(index) {
} if (index === this.currentIndex) return
query.exec((res) => { this.$emit('change', index)
this.tabQueryInfo = res },
// 初始滚动条和底部滑块的位置 // 查询tab的布局信息
this.scrollByIndex() getTabRect() {
}) let query = uni.createSelectorQuery().in(this)
}, // 遍历所有的tab
// 滚动scrollView，让活动的tab处于屏幕中间 for (let i = 0; i < this.list.length; i++) {
scrollByIndex() { query.select(`#tn-tabs__scroll-view__item-${i}`).fields({
// 当前获取tab的布局信息 size: true,
let tabInfo = this.tabQueryInfo[this.currentIndex] rect: true
if (!tabInfo) return })
}
query.exec((res) => {
this.tabQueryInfo = res
// 初始滚动条和底部滑块的位置
this.scrollByIndex()
})
},
// 滚动scrollView，让活动的tab处于屏幕中间
scrollByIndex() {
// 当前获取tab的布局信息
let tabInfo = this.tabQueryInfo[this.currentIndex]
if (!tabInfo) return
// 活动tab的宽度 // 活动tab的宽度
let tabWidth = tabInfo.width let tabWidth = tabInfo.width
// 活动item的左边到组件左边的距离 // 活动item的左边到组件左边的距离
let offsetLeft = tabInfo.left - this.componentLeft let offsetLeft = tabInfo.left - this.componentLeft
// 计算scroll-view移动的距离 // 计算scroll-view移动的距离
let scrollLeft = offsetLeft - (this.componentWidth - tabWidth) / 2 let scrollLeft = offsetLeft - (this.componentWidth - tabWidth) / 2
this.scrollLeft = scrollLeft < 0 ? 0 : scrollLeft this.scrollLeft = scrollLeft < 0 ? 0 : scrollLeft
// 计算当前滑块需要移动的距离，当前活动item的中点到左边的距离减去滑块宽度的一半 // 计算当前滑块需要移动的距离，当前活动item的中点到左边的距离减去滑块宽度的一半
let left = tabInfo.left + tabInfo.width / 2 - this.componentLeft let left = tabInfo.left + tabInfo.width / 2 - this.componentLeft
// 计算当前活跃item到组件左边的距离 // 计算当前活跃item到组件左边的距离
this.scrollBarLeft = left - uni.upx2px(this.barWidth) / 2 this.scrollBarLeft = left - uni.upx2px(this.barWidth) / 2
// 防止在计算时出错，所以延迟执行标记不是第一次移动 // 防止在计算时出错，所以延迟执行标记不是第一次移动
if (this.barMoveFirst) { if (this.barMoveFirst) {
setTimeout(() => { setTimeout(() => {
this.barMoveFirst = false this.barMoveFirst = false
}, 100) }, 100)
} }
} }
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
/* #ifndef APP-NVUE */
::-webkit-scrollbar {
display: none;
width: 0 !important;
height: 0 !important;
-webkit-appearance: none;
background: transparent;
}
/* #ifndef APP-NVUE */ /* #endif */
::-webkit-scrollbar {
display: none;
width: 0 !important;
height: 0 !important;
-webkit-appearance: none;
background: transparent;
}
/* #endif */
/* #ifdef H5 */ /* #ifdef H5 */
// 通过样式穿透，隐藏H5下，scroll-view下的滚动条 // 通过样式穿透，隐藏H5下，scroll-view下的滚动条
scroll-view ::v-deep ::-webkit-scrollbar { scroll-view ::v-deep ::-webkit-scrollbar {
display: none; display: none;
width: 0 !important; width: 0 !important;
height: 0 !important; height: 0 !important;
-webkit-appearance: none; -webkit-appearance: none;
background: transparent; background: transparent;
} }
/* #endif */
.tn-tabs { /* #endif */
&__scroll-view {
position: relative;
width: 100%;
white-space: nowrap;
&__box { .tn-tabs {
position: relative; &__scroll-view {
/* #ifdef MP-TOUTIAO */ position: relative;
white-space: nowrap; width: 100%;
/* #endif */ white-space: nowrap;
}
&__item { &__box {
position: relative; position: relative;
/* #ifndef APP-NVUE */ /* #ifdef MP-TOUTIAO */
display: inline-block; white-space: nowrap;
/* #endif */ /* #endif */
text-align: center; }
transition-property: background-color, color;
}
&--flex { &__item {
display: flex; position: relative;
flex-direction: row; /* #ifndef APP-NVUE */
justify-content: space-between; display: inline-block;
} /* #endif */
} text-align: center;
transition-property: background-color, color;
}
&__bar { &--flex {
position: absolute; display: flex;
bottom: 0; flex-direction: row;
} justify-content: space-between;
} }
}
&__bar {
position: absolute;
bottom: 0;
}
}
</style> </style>

2
unpackage/dist/dev/.sourcemap/mp-weixin/common/main.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
unpackage/dist/dev/.sourcemap/mp-weixin/common/runtime.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
unpackage/dist/dev/.sourcemap/mp-weixin/common/vendor.js.map vendored
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/apply_in.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/directory.js.map vendored
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/directory_back.js.map vendored
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/discovery.js.map vendored
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/enter_in.js.map vendored
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/event_info.js.map vendored
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/events_list.js.map vendored
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/events_my.js.map vendored
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/goods_info.js.map vendored
View File

@ -1 +0,0 @@
{"version":3,"sources":["uni-app:///main.js"],"names":["wx","__webpack_require_UNI_MP_PLUGIN__","__webpack_require__","createPage","Page"],"mappings":";;;;;;;;;;;;;AAAA;AAGA;AACA;AAHA;AACAA,EAAE,CAACC,iCAAiC,GAAGC,mBAAmB;AAG1DC,UAAU,CAACC,mBAAI,CAAC,C","file":"pages/index/goods_info.js","sourcesContent":["import 'uni-pages';\n// @ts-ignore\nwx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;\nimport Vue from 'vue'\nimport Page from './pages/index/goods_info.vue'\ncreatePage(Page)"],"sourceRoot":""}

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/goods_list.js.map vendored
View File

@ -1 +0,0 @@
{"version":3,"sources":["uni-app:///main.js"],"names":["wx","__webpack_require_UNI_MP_PLUGIN__","__webpack_require__","createPage","Page"],"mappings":";;;;;;;;;;;;;AAAA;AAGA;AACA;AAHA;AACAA,EAAE,CAACC,iCAAiC,GAAGC,mBAAmB;AAG1DC,UAAU,CAACC,mBAAI,CAAC,C","file":"pages/index/goods_list.js","sourcesContent":["import 'uni-pages';\n// @ts-ignore\nwx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;\nimport Vue from 'vue'\nimport Page from './pages/index/goods_list.vue'\ncreatePage(Page)"],"sourceRoot":""}

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/goods_my.js.map vendored
View File

@ -1 +0,0 @@
{"version":3,"sources":["uni-app:///main.js"],"names":["wx","__webpack_require_UNI_MP_PLUGIN__","__webpack_require__","createPage","Page"],"mappings":";;;;;;;;;;;;;AAAA;AAGA;AACA;AAHA;AACAA,EAAE,CAACC,iCAAiC,GAAGC,mBAAmB;AAG1DC,UAAU,CAACC,iBAAI,CAAC,C","file":"pages/index/goods_my.js","sourcesContent":["import 'uni-pages';\n// @ts-ignore\nwx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;\nimport Vue from 'vue'\nimport Page from './pages/index/goods_my.vue'\ncreatePage(Page)"],"sourceRoot":""}

2
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/home.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/index.js.map vendored
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/knowledge_list.js.map vendored
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/my_apply.js.map vendored
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/my_assist.js.map vendored
View File

@ -1 +0,0 @@
{"version":3,"sources":["uni-app:///main.js"],"names":["wx","__webpack_require_UNI_MP_PLUGIN__","__webpack_require__","createPage","Page"],"mappings":";;;;;;;;;;;;;AAAA;AAGA;AACA;AAHA;AACAA,EAAE,CAACC,iCAAiC,GAAGC,mBAAmB;AAG1DC,UAAU,CAACC,kBAAI,CAAC,C","file":"pages/index/my_assist.js","sourcesContent":["import 'uni-pages';\n// @ts-ignore\nwx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;\nimport Vue from 'vue'\nimport Page from './pages/index/my_assist.vue'\ncreatePage(Page)"],"sourceRoot":""}

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/my_card.js.map vendored
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/my_card_holder.js.map vendored
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/my_desc.js.map vendored
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/my_edit.js.map vendored
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/my_idea.js.map vendored
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/my_invite.js.map vendored
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/my_msg.js.map vendored
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/my_pizz.js.map vendored
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/my_settings.js.map vendored
View File

@ -1 +0,0 @@
{"version":3,"sources":["uni-app:///main.js"],"names":["wx","__webpack_require_UNI_MP_PLUGIN__","__webpack_require__","createPage","Page"],"mappings":";;;;;;;;;;;;;AAAA;AAGA;AACA;AAHA;AACAA,EAAE,CAACC,iCAAiC,GAAGC,mBAAmB;AAG1DC,UAAU,CAACC,oBAAI,CAAC,C","file":"pages/index/my_settings.js","sourcesContent":["import 'uni-pages';\n// @ts-ignore\nwx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;\nimport Vue from 'vue'\nimport Page from './pages/index/my_settings.vue'\ncreatePage(Page)"],"sourceRoot":""}

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/new_info.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/pizz.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/pizz_info.js.map vendored
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/policy.js.map vendored
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/policy_info.js.map vendored
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/policy_list.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/search.js.map vendored
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/search/search.js.map vendored
View File

@ -1 +0,0 @@
{"version":3,"sources":["uni-app:///main.js"],"names":["wx","__webpack_require_UNI_MP_PLUGIN__","__webpack_require__","createPage","Page"],"mappings":";;;;;;;;;;;;;AAAA;AAGA;AACA;AAHA;AACAA,EAAE,CAACC,iCAAiC,GAAGC,mBAAmB;AAG1DC,UAAU,CAACC,eAAI,CAAC,C","file":"pages/index/search/search.js","sourcesContent":["import 'uni-pages';\n// @ts-ignore\nwx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;\nimport Vue from 'vue'\nimport Page from './pages/index/search/search.vue'\ncreatePage(Page)"],"sourceRoot":""}

2
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/service.js.map vendored
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/tissue.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/user.js.map vendored
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/user_info.js.map vendored
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/web.js.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/packageA/info/discovery.js.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/packageA/info/policy.js.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/packageA/info/policy_info.js.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/packageA/info/policy_list.js.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/packageA/my_invoice.js.map vendored Normal file
View File

@ -0,0 +1 @@
{"version":3,"sources":["uni-app:///main.js"],"names":["wx","__webpack_require_UNI_MP_PLUGIN__","__webpack_require__","createPage","Page"],"mappings":";;;;;;;;;;;;;AAAA;AAGA;AACA;AAHA;AACAA,EAAE,CAACC,iCAAiC,GAAGC,mBAAmB;AAG1DC,UAAU,CAACC,mBAAI,CAAC,C","file":"pages/packageA/my_invoice.js","sourcesContent":["import 'uni-pages';\n// @ts-ignore\nwx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;\nimport Vue from 'vue'\nimport Page from './pages/packageA/my_invoice.vue'\ncreatePage(Page)"],"sourceRoot":""}

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/packageA/my_vip.js.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/packageA/my_vip_clerk.js.map vendored Normal file
View File

@ -0,0 +1 @@
{"version":3,"sources":["uni-app:///main.js"],"names":["wx","__webpack_require_UNI_MP_PLUGIN__","__webpack_require__","createPage","Page"],"mappings":";;;;;;;;;;;;;AAAA;AAGA;AACA;AAHA;AACAA,EAAE,CAACC,iCAAiC,GAAGC,mBAAmB;AAG1DC,UAAU,CAACC,qBAAI,CAAC,C","file":"pages/packageA/my_vip_clerk.js","sourcesContent":["import 'uni-pages';\n// @ts-ignore\nwx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;\nimport Vue from 'vue'\nimport Page from './pages/packageA/my_vip_clerk.vue'\ncreatePage(Page)"],"sourceRoot":""}

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/packageA/my_vip_info.js.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/packageA/my_vip_off.js.map vendored Normal file
View File

@ -0,0 +1 @@
{"version":3,"sources":["uni-app:///main.js"],"names":["wx","__webpack_require_UNI_MP_PLUGIN__","__webpack_require__","createPage","Page"],"mappings":";;;;;;;;;;;;;AAAA;AAGA;AACA;AAHA;AACAA,EAAE,CAACC,iCAAiC,GAAGC,mBAAmB;AAG1DC,UAAU,CAACC,mBAAI,CAAC,C","file":"pages/packageA/my_vip_off.js","sourcesContent":["import 'uni-pages';\n// @ts-ignore\nwx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;\nimport Vue from 'vue'\nimport Page from './pages/packageA/my_vip_off.vue'\ncreatePage(Page)"],"sourceRoot":""}

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/packageA/user/apply_in.js.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/packageA/user/events_my.js.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/packageA/user/my_apply.js.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/packageA/user/my_card.js.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/packageA/user/my_card_holder.js.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/packageA/user/my_desc.js.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/packageA/user/my_edit.js.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/packageA/user/my_idea.js.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/packageA/user/my_invite.js.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/packageA/user/my_invoice.js.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/packageA/user/my_msg.js.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/packageA/user/my_sign.js.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/packageA/user/my_vip.js.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/packageA/user/my_vip_clerk.js.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/packageA/user/my_vip_info.js.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/packageA/user/my_vip_off.js.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/packageA/user/user_activity.js.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/packageA/user/user_auditing.js.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/packageA/user/user_auditing_info.js.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/packageB/event/event_info.js.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/packageB/news/new_info.js.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

Some files were not shown because too many files have changed in this diff Show More