This commit is contained in:
王创世 2024-05-08 18:14:41 +08:00
parent e91c93896b
commit 759a154a26
204 changed files with 5237 additions and 4507 deletions

5
.idea/.gitignore vendored
View File

@ -1,5 +0,0 @@
# 默认忽略的文件
/shelf/
/workspace.xml
# 基于编辑器的 HTTP 客户端请求
/httpRequests/

View File

@ -1,13 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="cn.fjdmy.uniapp.UniappProjectDataService">
<option name="basePath" value="$PROJECT_DIR$" />
<option name="generalBasePath" value="$PROJECT_DIR$" />
<option name="manifestPath" value="$PROJECT_DIR$/manifest.json" />
<option name="pagesPath" value="$PROJECT_DIR$/pages.json" />
<option name="scanNum" value="1" />
<option name="type" value="store" />
<option name="uniapp" value="true" />
<option name="vueVersion" value="2" />
</component>
</project>

View File

@ -1,6 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="JavaScriptLibraryMappings">
<excludedPredefinedLibrary name="uni-api" />
</component>
</project>

View File

@ -1,8 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectModuleManager">
<modules>
<module fileurl="file://$PROJECT_DIR$/.idea/云商会.iml" filepath="$PROJECT_DIR$/.idea/云商会.iml" />
</modules>
</component>
</project>

View File

@ -1,6 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="VcsDirectoryMappings">
<mapping directory="$PROJECT_DIR$" vcs="Git" />
</component>
</project>

View File

@ -1,12 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$">
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
<excludeFolder url="file://$MODULE_DIR$/temp" />
<excludeFolder url="file://$MODULE_DIR$/tmp" />
</content>
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
</component>
</module>

70
App.vue
View File

@ -2,17 +2,19 @@
import Vue from 'vue' import Vue from 'vue'
import store from './store/index.js' import store from './store/index.js'
import updateCustomBarInfo from './tuniao-ui/libs/function/updateCustomBarInfo.js' import updateCustomBarInfo from './tuniao-ui/libs/function/updateCustomBarInfo.js'
import {
UserLogin
} from '@/util/api.js';
export default { export default {
onLaunch: function() { onLaunch: function() {
var Gid = uni.getStorageSync('Gid'); var Gid = uni.getStorageSync('Gid');
if(Gid){ if (Gid) {
store.commit('$tStore', { store.commit('$tStore', {
name: 'Gid', name: 'Gid',
value: Gid value: Gid
}) })
} }
uni.getSystemInfo({ uni.getSystemInfo({
success: function(e) { success: function(e) {
// #ifndef H5 // #ifndef H5
// //
@ -91,6 +93,54 @@
// console.log('App Hide') // console.log('App Hide')
}, },
methods: { methods: {
getUserLogin(returnA) {
uni.getProvider({
service: 'oauth',
success: function(res) {
console.log(res)
if (~res.provider.indexOf('weixin')) {
uni.login({
provider: "weixin",
success: function(loginRes) {
UserLogin({
code: loginRes.code
})
.then(response => {
console.log(response);
if (response.code == 1) {
console.log();
if (typeof(response.data.id) == 'undefined') {
uni.setStorageSync('openid', response.data
.openid);
} else {
uni.setStorageSync('uid', response.data
.id);
}
} else {
uni.showToast({
icon: 'none',
title: response.msg,
duration: 2000
});
}
//returnA(response);
})
.catch(error => {
uni.showToast({
icon: 'none',
title: error,
duration: 2000
});
});
}
});
} else {
console.log(123);
}
}
});
},
addWidthToImages(html) { addWidthToImages(html) {
// style img // style img
html = html.replace(/(<img\b[^>]*\bstyle\s*=\s*['"])([^'"]*)(['"][^>]*>)/g, html = html.replace(/(<img\b[^>]*\bstyle\s*=\s*['"])([^'"]*)(['"][^>]*>)/g,
@ -116,4 +166,4 @@
@import './tuniao-ui/index.scss'; @import './tuniao-ui/index.scss';
@import './tuniao-ui/iconfont.css'; @import './tuniao-ui/iconfont.css';
@import './static/css/my.scss'; @import './static/css/my.scss';
</style> </style>

View File

@ -1,97 +1,97 @@
{ {
"name": "智慧云商协", "name" : "智慧云商协",
"appid": "__UNI__F702B81", "appid" : "__UNI__F702B81",
"description": "", "description" : "",
"versionName": "1.0.0", "versionName" : "1.0.0",
"versionCode": "100", "versionCode" : "100",
"transformPx": false, "transformPx" : false,
/* 5+App */ /* 5+App */
"app-plus": { "app-plus" : {
"usingComponents": true, "usingComponents" : true,
"nvueStyleCompiler": "uni-app", "nvueStyleCompiler" : "uni-app",
"compilerVersion": 3, "compilerVersion" : 3,
"splashscreen": { "splashscreen" : {
"alwaysShowBeforeRender": true, "alwaysShowBeforeRender" : true,
"waiting": true, "waiting" : true,
"autoclose": true, "autoclose" : true,
"delay": 0 "delay" : 0
}, },
/* */ /* */
"modules": {}, "modules" : {},
/* */ /* */
"distribute": { "distribute" : {
/* android */ /* android */
"android": { "android" : {
"permissions": [ "permissions" : [
"<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>", "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>", "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
"<uses-permission android:name=\"android.permission.VIBRATE\"/>", "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
"<uses-permission android:name=\"android.permission.READ_LOGS\"/>", "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>", "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
"<uses-feature android:name=\"android.hardware.camera.autofocus\"/>", "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
"<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>", "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
"<uses-permission android:name=\"android.permission.CAMERA\"/>", "<uses-permission android:name=\"android.permission.CAMERA\"/>",
"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>", "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>", "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
"<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>", "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>", "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>", "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
"<uses-feature android:name=\"android.hardware.camera\"/>", "<uses-feature android:name=\"android.hardware.camera\"/>",
"<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>" "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
] ]
}, },
/* ios */ /* ios */
"ios": {}, "ios" : {},
/* SDK */ /* SDK */
"sdkConfigs": { "sdkConfigs" : {
"share": {} "share" : {}
} }
} }
}, },
/* */ /* */
"quickapp": {}, "quickapp" : {},
/* */ /* */
"mp-weixin": { "mp-weixin" : {
"appid": "wxabc0f954cce7fe56", "appid" : "wx51c40ff1c6337652",
"setting": { "setting" : {
"urlCheck": false, "urlCheck" : true,
"minified": true, "minified" : true,
"postcss": true "postcss" : true
}, },
"usingComponents": true "usingComponents" : true
}, },
"mp-alipay": { "mp-alipay" : {
"usingComponents": true "usingComponents" : true
}, },
"mp-baidu": { "mp-baidu" : {
"usingComponents": true "usingComponents" : true
}, },
"mp-toutiao": { "mp-toutiao" : {
"usingComponents": true "usingComponents" : true
}, },
"uniStatistics": { "uniStatistics" : {
"enable": false "enable" : false
}, },
"vueVersion": "2", "vueVersion" : "2",
"h5": { "h5" : {
"router": { "router" : {
"base": "" "base" : ""
}, },
"template": "", "template" : "",
"devServer": { "devServer" : {
"port": 80, "port" : 80,
"https": false, "https" : false,
"disableHostCheck": true, "disableHostCheck" : true,
"proxy": { "proxy" : {
"/api": { "/api" : {
"target": "http://192.168.3.130", // "target" : "http://192.168.3.130", //
"changeOrigin": true, "changeOrigin" : true,
"secure": false, "secure" : false,
"pathRewrite": { "pathRewrite" : {
"^/api": "/api" "^/api" : "/api"
} }
} }
} }
} }
} }
} }

View File

@ -14,7 +14,8 @@
</view> </view>
</tn-nav-bar> </tn-nav-bar>
<view :style="{paddingTop: vuex_custom_bar_height + 'px'}"> <view :style="{paddingTop: vuex_custom_bar_height + 'px'}">
<view class="tn-flex tn-flex-col-center tn-flex-row-between" @click="selectShow= true" style="padding: 30rpx;"> <view class="tn-flex tn-flex-col-center tn-flex-row-between" @click="selectShow= true"
style="padding: 30rpx;">
<view> <view>
<text>{{HomeTitle}}</text> <text>{{HomeTitle}}</text>
<text class="tn-icon-down-triangle"></text> <text class="tn-icon-down-triangle"></text>
@ -43,11 +44,12 @@
<!-- 分类内容子栏目 --> <!-- 分类内容子栏目 -->
<view class="tn-classify__content__sub-classify__content "> <view class="tn-classify__content__sub-classify__content ">
<view v-for="(item,index) in list" :key="index"> <view v-for="(item,index) in list" :key="index">
<view <view v-if="item.neirong"
style="font-weight: 300;;background-color: #EBF4F7;color:#4AA2EF;width: 100%;height: 60rpx;line-height: 60rpx;text-align: center;"> style="font-weight: 300;;background-color: #EBF4F7;color:#4AA2EF;width: 100%;height: 60rpx;line-height: 60rpx;text-align: center;">
{{item.position_name}} {{item.position_name}}
</view> </view>
<view v-if="item.neirong" v-for="(v,k) in item.neirong" @click="tn('/pages/index/user_info')" <view v-if="item.neirong" v-for="(v,k) in item.neirong"
@click="tn('/pages/index/my_card?id='+v.member_id)"
class="tn-classify__content__sub-classify__content__item tn-flex tn-flex-center tn-flex-col-center"> class="tn-classify__content__sub-classify__content__item tn-flex tn-flex-center tn-flex-col-center">
<!-- 标题有需要可以显示出来 --> <!-- 标题有需要可以显示出来 -->
<view style="width: 100rpx;height: 100rpx"> <view style="width: 100rpx;height: 100rpx">
@ -60,36 +62,38 @@
<text>{{v.nikename}}</text> <text>{{v.nikename}}</text>
<text style="margin-left: 50rpx;">{{v.nation}}</text> <text style="margin-left: 50rpx;">{{v.nation}}</text>
</view> </view>
<view style="font-size: 24rpx;margin-top: 10rpx;"> <view class="tn-text-ellipsis-2"
style="font-size: 24rpx;margin-top: 10rpx;">
<text>{{v.enterprise_Introduction}}</text> <text>{{v.enterprise_Introduction}}</text>
</view> </view>
</view> </view>
</view> </view>
<view v-if="!item.neirong" style="text-align: center;padding: 20rpx">
暂无
</view>
</view> </view>
<view v-if="list.length==0" style="text-align: center;padding: 20rpx">
暂无
</view>
</view> </view>
</view> </view>
</block> </block>
</scroll-view> </scroll-view>
</view> </view>
</view> </view>
<!-- <view @click="tn('/pages/index/apply_in')" style="line-height: 40rpx;text-align: center;position: fixed;bottom:15%;right: 20rpx;width: 120rpx;height: 120rpx;border-radius: 50%;background: linear-gradient(270deg, #EE7E45, #EE9657);--> <!-- <view @click="tn('/pages/index/apply_in')" style="line-height: 40rpx;text-align: center;position: fixed;bottom:15%;right: 20rpx;width: 120rpx;height: 120rpx;border-radius: 50%;background: linear-gradient(270deg, #EE7E45, #EE9657);-->
<!--box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(12,0,5,0.2);">--> <!--box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(12,0,5,0.2);">-->
<!-- <view style="color: #fff;letter-spacing: 2rpx;padding: 20rpx;font-size: 32rpx;">申请入会--> <!-- <view style="color: #fff;letter-spacing: 2rpx;padding: 20rpx;font-size: 32rpx;">申请入会-->
<!-- </view>--> <!-- </view>-->
<!-- </view>--> <!-- </view>-->
<tn-select v-model="selectShow" mode="single" :list="selectList" @confirm="confirm"></tn-select> <tn-select v-model="selectShow" mode="single" :list="selectList" @confirm="confirm"></tn-select>
</view> </view>
</template> </template>
<script> <script>
import { import {
addressList, associationIndex, newIndustryIndex addressList,
} from '@/util/api.js'; associationIndex,
import store from "@/store"; newIndustryIndex
} from '@/util/api.js';
import store from "@/store";
export default { export default {
data() { data() {
return { return {
@ -108,13 +112,13 @@ import store from "@/store";
rightScrollViewTop: 0, rightScrollViewTop: 0,
// tabbar // tabbar
currentTabbarIndex: 0, currentTabbarIndex: 0,
apiImgUrl:this.$store.state.imgUrl, apiImgUrl: this.$store.state.imgUrl,
industry_list:[], industry_list: [],
leftId:0, leftId: 0,
selectShow:false, selectShow: false,
HomeTitle:'', HomeTitle: '',
selectList:[], selectList: [],
gid:store.state.Gid gid: store.state.Gid
} }
}, },
computed: { computed: {
@ -127,7 +131,8 @@ import store from "@/store";
if (this.currentTabbarIndex > 0 && index === this.currentTabbarIndex - 1) { if (this.currentTabbarIndex > 0 && index === this.currentTabbarIndex - 1) {
clazz += ' tn-classify__tabbar__item--active--prev' clazz += ' tn-classify__tabbar__item--active--prev'
} }
if (this.currentTabbarIndex < this.industry_list.length && index === this.currentTabbarIndex + 1) { if (this.currentTabbarIndex < this.industry_list.length && index === this.currentTabbarIndex +
1) {
clazz += ' tn-classify__tabbar__item--active--next' clazz += ' tn-classify__tabbar__item--active--next'
} }
return clazz return clazz
@ -135,90 +140,90 @@ import store from "@/store";
} }
} }
}, },
onLoad(d) { onLoad(d) {
console.log(d.id); console.log(d.id);
if(typeof (d.id) != 'undefined'){ if (typeof(d.id) != 'undefined') {
this.gid=d.id; this.gid = d.id;
} }
this.getIndustryList(); this.getIndustryList();
this.getAssociationIndex(); this.getAssociationIndex();
}, },
methods: { methods: {
confirm(d){ confirm(d) {
var info = d[0]; var info = d[0];
this.list = []; this.list = [];
this.gid=info.value; this.gid = info.value;
this.getAssociationIndex(); this.getAssociationIndex();
this.getIndustryList(); this.getIndustryList();
}, },
getAssociationIndex() { getAssociationIndex() {
associationIndex() associationIndex()
.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;
const transformedSelectList = key.map(item => ({ const transformedSelectList = key.map(item => ({
value: item.id, value: item.id,
label: item.association_name label: item.association_name
})); }));
const foundNumber = transformedSelectList.find((element) => element.value == this.gid); const foundNumber = transformedSelectList.find((element) => element.value == this.gid);
this.HomeTitle = foundNumber.label; this.HomeTitle = foundNumber.label;
this.selectList = transformedSelectList; this.selectList = transformedSelectList;
} }
}) })
.catch(error => { .catch(error => {
uni.showToast({ uni.showToast({
title: error, title: error,
icon: 'none', icon: 'none',
duration: 2000 duration: 2000
}); });
}) })
}, },
getIndustryList(){ getIndustryList() {
newIndustryIndex({ newIndustryIndex({
association_id: this.gid association_id: this.gid
}) })
.then(res => { .then(res => {
console.log(res); console.log(res);
if(res.code==1){ if (res.code == 1) {
this.industry_list=res.data; this.industry_list = res.data;
this.leftId=res.data[0].id; this.leftId = res.data[0].id;
this.getAddressList(); this.getAddressList();
} }
}) })
.catch(error => { .catch(error => {
uni.showToast({ uni.showToast({
title: error, title: error,
icon: 'none', icon: 'none',
duration: 2000 duration: 2000
}); });
}) })
}, },
getAddressList(){ getAddressList() {
addressList({ addressList({
association_id:this.gid, association_id: this.gid,
industry_id:this.leftId industry_id: this.leftId
}) })
.then(res => { .then(res => {
console.log(res); console.log(res);
if(res.code==1){ if (res.code == 1) {
this.list=res.data.ret; this.list = res.data.ret;
} }
}) })
.catch(error => { .catch(error => {
uni.showToast({ uni.showToast({
title: error, title: error,
icon: 'none', icon: 'none',
duration: 2000 duration: 2000
}); });
}) })
}, },
clickClassifyNav(index) { clickClassifyNav(index) {
this.currentTabbarIndex = index; this.currentTabbarIndex = index;
this.leftId=this.industry_list[index].id; this.leftId = this.industry_list[index].id;
this.list=[]; this.list = [];
this.getAddressList(); this.getAddressList();
//this.handleLeftScrollView(index) //this.handleLeftScrollView(index)
//this.switchClassifyContent(); //this.switchClassifyContent();
}, },
@ -367,4 +372,4 @@ import store from "@/store";
/* 分类内容 end */ /* 分类内容 end */
} }
</style> </style>

View File

@ -1,64 +1,64 @@
<template> <template>
<view style="letter-spacing: 1rpx;"> <view style="letter-spacing: 1rpx;">
<tn-nav-bar :isBack="false" :bottomShadow="true" backgroundColor="#FFFFFF"> <tn-nav-bar :isBack="false" :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 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:info.association_name}]" :current="topCurrent" activeColor="#000" :bold="false" <tn-tabs :list="[{name:info.association_name}]" :current="topCurrent" activeColor="#000" :bold="false"
:fontSize="36"></tn-tabs> :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'}">
<view style="position: relative;"> <view style="position: relative;">
<swiper class="card-swiper" :circular="true" :autoplay="true" duration="500" interval="8000" <swiper class="card-swiper" :circular="true" :autoplay="true" duration="500" interval="8000"
@change="cardSwiper" style="height: 370rpx;"> @change="cardSwiper" style="height: 370rpx;">
<swiper-item <swiper-item
style="padding: 0px;border-radius: 0;"> style="padding: 0px;border-radius: 0;">
<view class="swiper-item image-banner" <view class="swiper-item image-banner"
:style="'background-image:url('+ apiImgUrl+info.association_image + ');background-size: 100%; background-repeat: no-repeat;border-radius: 0;'"> :style="'background-image:url('+ apiImgUrl+info.association_image + ');background-size:auto 100% ; background-position:center; background-repeat: no-repeat;border-radius: 0;'">
</view> </view>
</swiper-item> </swiper-item>
</swiper> </swiper>
<view style="position: absolute;top: 10px;right: 10px;"> <!-- <view style="position: absolute;top: 10px;right: 10px;">-->
<view <!-- <view-->
style="position: relative;;width: 70rpx;height: 60rpx;background-color: rgba(255, 255, 255, 0.9);border-radius: 8rpx;box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(12,0,5,0.2);"> <!-- style="position: relative;;width: 70rpx;height: 60rpx;background-color: rgba(255, 255, 255, 0.9);border-radius: 8rpx;box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(12,0,5,0.2);">-->
<image src="/static/c1455.png" mode="widthFix" <!-- <image src="/static/c1455.png" mode="widthFix"-->
style="width: 40rpx;position: absolute;left: 0;right: 0;margin: 0 auto;top: 15rpx;"></image> <!-- style="width: 40rpx;position: absolute;left: 0;right: 0;margin: 0 auto;top: 15rpx;"></image>-->
</view> <!-- </view>-->
</view> <!-- </view>-->
</view> </view>
</view> </view>
<view style="padding:20rpx 30rpx;"> <view style="padding:20rpx 30rpx;">
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-between" style="font-size: 30rpx;"> <view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-between" style="font-size: 30rpx;">
<view>协会地址</view> <view>协会地址</view>
<view>{{info.association_dizhi}}</view> <view>{{info.association_dizhi}}</view>
</view> </view>
<view style="margin: 20rpx 0rpx;font-size: 30rpx;" <view style="margin: 20rpx 0rpx;font-size: 30rpx;"
class="custom-nav tn-flex tn-flex-col-center tn-flex-row-between"> class="custom-nav tn-flex tn-flex-col-center tn-flex-row-between">
<view>协会邮箱</view> <view>协会邮箱</view>
<view>{{info.association_emal}}</view> <view>{{info.association_emal}}</view>
</view> </view>
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-between" style="font-size: 30rpx;"> <view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-between" style="font-size: 30rpx;">
<view>联系方式</view> <view>联系方式</view>
<view>{{info.association_phone}}</view> <view>{{info.association_phone}}</view>
</view> </view>
</view> </view>
<view style="height: 10rpx;background-color: #EBF4F7;"></view> <view style="height: 10rpx;background-color: #EBF4F7;"></view>
<view style="padding:10rpx 30rpx 200rpx 30rpx;"> <view style="padding:10rpx 30rpx 200rpx 30rpx;">
<tn-tabs :list="list" :isScroll="false" :activeItemStyle="{'fontWeight':'600','fontSize':'30rpx'}" <tn-tabs :list="list" :isScroll="false" :activeItemStyle="{'fontWeight':'600','fontSize':'30rpx'}"
style="font-weight: ;" activeColor="#000" :barWidth="50" :barHeight="6" style="font-weight: ;" activeColor="#000" :barWidth="50" :barHeight="6"
:barStyle="{'background': 'linear-gradient(-45deg, #4AA2EF, #3A7FF4)','borderRadius': '4rpx'}" :barStyle="{'background': 'linear-gradient(-45deg, #4AA2EF, #3A7FF4)','borderRadius': '4rpx'}"
:current="current" name="name" @change="change"></tn-tabs> :current="current" name="name" @change="change"></tn-tabs>
<!-- <view style="margin-top: 20rpx;position: relative;">--> <!-- <view style="margin-top: 20rpx;position: relative;">-->
<!-- <image src="/static/b1.png"--> <!-- <image src="/static/b1.png"-->
<!-- style="width: 100rpx;height: 100rpx;position: absolute;left: 0;right: 0;top: 38%;z-index: 10;margin: 0 auto;">--> <!-- style="width: 100rpx;height: 100rpx;position: absolute;left: 0;right: 0;top: 38%;z-index: 10;margin: 0 auto;">-->
<!-- </image>--> <!-- </image>-->
<!-- <image src="/static/t7.jpg" style="width: 100%;border-radius: 20rpx;" mode="widthFix"></image>--> <!-- <image src="/static/t7.jpg" style="width: 100%;border-radius: 20rpx;" mode="widthFix"></image>-->
<!-- </view>--> <!-- </view>-->
<view style="line-height: 50rpx; text-indent: 2em;margin-top: 20rpx;" v-if="current==0"> <view style="line-height: 50rpx; text-indent: 2em;margin-top: 20rpx;" v-if="current==0">
<div v-html="info.association_desc"></div> <div v-html="info.association_desc"></div>
</view> </view>
<view style="line-height: 50rpx; text-indent: 2em;margin-top: 20rpx;" v-if="current==2"> <view style="line-height: 50rpx; text-indent: 2em;margin-top: 20rpx;" v-if="current==2">
<div v-html="info.association_guizhang"></div> <div v-html="info.association_guizhang"></div>
</view> </view>
@ -66,36 +66,42 @@
<div v-html="info.ruhuixizhu"></div> <div v-html="info.ruhuixizhu"></div>
</view> </view>
<view style="padding: 30rpx;text-align: center; " v-if="current==1"> <view style="padding: 30rpx;text-align: center; " v-if="current==1">
<template v-for="(item, index) in architecture"> <template v-for="(item, index) in architecture">
<tn-button backgroundColor="#E83A30" height="50rpx" width="250rpx" fontColor="#ffffff">{{item.position_name}}</tn-button> <tn-button backgroundColor="#E83A30" height="50rpx" width="250rpx" fontColor="#ffffff">
<tn-grid align="center" col="5"> {{item.position_name}}
<tn-grid-item v-if="item.neirong" style="width:20%" v-for="(v,i) in item.neirong"> </tn-button>
<view style="padding: 30rpx;"> <tn-grid align="center" col="5">
<image :src="apiImgUrl+v.photo_image" style="width: 100rpx;height: 100rpx;border-radius: 50%;"> <tn-grid-item v-if="item.neirong" style="width:20%" v-for="(v,i) in item.neirong">
</image> <view style="padding: 30rpx;">
<view>{{v.nikename}}</view> <image :src="apiImgUrl+v.photo_image" style="width: 100rpx;height: 100rpx;border-radius: 50%;">
</view> </image>
</tn-grid-item> <view>{{v.nikename}}</view>
<tn-grid-item v-if="!item.neirong" style="width:20%"> </view>
<view style="padding: 30rpx;"> </tn-grid-item>
<view>暂无</view> <tn-grid-item v-if="!item.neirong" style="width:20%">
</view> <view style="padding: 30rpx;">
</tn-grid-item> <view>暂无</view>
</tn-grid> </view>
</tn-grid-item>
</tn-grid>
</template> </template>
</view> </view>
</view> </view>
<view style="position: fixed;bottom: 250rpx;width: 100%;"> <view v-if="userInfo.association_id!=info.id" @click="openUrl('/pages/index/apply_in')"
<view class="tn-flex tn-flex-row-around"> style="position: fixed;bottom: 260rpx;right: 20rpx;line-height: 35rpx;color: #fff;;text-align: center;width: 100rpx;height: 100rpx;background: linear-gradient(270deg, #EE7E45, #EE9657);border-radius: 50%;">
<view @click="openUrl('/pages/index/directory?id='+info.id)" <view style="padding-top: 16rpx;">申请</view>
style="color: #fff;;letter-spacing: 10rpx;line-height: 70rpx;;text-align: center;;width: 300rpx;height: 70rpx;background: linear-gradient(-45deg, #4AA2EF, #3A7FF4);border-radius: 50rpx;"> <view>入会</view>
会员名录</view>
<view v-if="userInfo.association_id!=info.id" @click="openUrl('/pages/index/apply_in')"
style="color: #fff;;letter-spacing: 10rpx;line-height: 70rpx;;text-align: center;;width: 300rpx;height: 70rpx;background: linear-gradient(270deg, #EE7E45, #EE9657);border-radius: 50rpx;">
申请入会</view>
</view>
</view>
</view> </view>
<view style="position: fixed;bottom: 250rpx; width: 100%;">
<view class="tn-flex tn-flex-row-around" >
<view @click="openUrl('/pages/index/directory?id='+info.id)"
style="position: absolute; right:20rpx;color: #fff; line-height:35rpx;text-align: center;width: 100rpx;height: 100rpx;background: linear-gradient(-45deg, #4AA2EF, #3A7FF4);border-radius: 50%;">
<view style="padding-top: 16rpx;">会员</view> <view>名录</view>
</view>
</view>
</view>
</view>
</template> </template>
<script> <script>
@ -103,59 +109,40 @@ import {
associationInfo, architectureList, getUserIndex, associationInfo, architectureList, getUserIndex,
} from '@/util/api.js'; } from '@/util/api.js';
import store from "@/store"; import store from "@/store";
export default {
data() {
return {
topCurrent: 0,
swiperList: [{
url: '/static/banner1.jpg',
}],
list: [{
name: '协会简介'
}, {
name: '组织架构'
}, {
name: '规章制度',
}, {
name: '入会须知',
}],
current: 0,
cardCur: 0,
info:{},
apiImgUrl:this.$store.state.imgUrl,
architecture:[],
userInfo:{}
}
},
methods: {
getUserInfo(){
var uid = uni.getStorageSync('uid');
if(uid){
getUserIndex({member_id:uid})
.then(res => {
console.log(res);
if(res.code==1){
this.userInfo = res.data;
}
})
.catch(error => {
uni.showToast({
title: error,
icon: 'none',
duration: 2000
});
})
}
}, export default {
getArchitectureList() { data() {
architectureList({ return {
association_id: store.state.Gid, topCurrent: 0,
}) swiperList: [{
url: '/static/banner1.jpg',
}],
list: [{
name: '协会简介'
}, {
name: '组织架构'
}, {
name: '规章制度',
}, {
name: '入会须知',
}],
current: 0,
cardCur: 0,
info: {},
apiImgUrl: this.$store.state.imgUrl,
architecture: [],
userInfo: {}
}
},
methods: {
getUserInfo() {
var uid = uni.getStorageSync('uid');
if (uid) {
getUserIndex({member_id: uid})
.then(res => { .then(res => {
console.log(res); console.log(res);
if(res.code==1){ if (res.code == 1) {
this.architecture=res.data; this.userInfo = res.data;
} }
}) })
.catch(error => { .catch(error => {
@ -165,61 +152,85 @@ import store from "@/store";
duration: 2000 duration: 2000
}); });
}) })
}, }
getAssociationInfo(){
console.log('discovery'); },
associationInfo({ getArchitectureList() {
association_id: store.state.Gid, architectureList({
}) association_id: store.state.Gid,
.then(res => { })
console.log(res); .then(res => {
if(res.code==1){ console.log(res);
var key=res.data; if (res.code == 1) {
if(key.association_desc.indexOf("<img")!=-1){ this.architecture = res.data;
key.association_desc=getApp().addWidthToImages(key.association_desc); }
} })
this.info=key; .catch(error => {
uni.showToast({
title: error,
icon: 'none',
duration: 2000
});
})
},
getAssociationInfo() {
console.log('discovery');
associationInfo({
association_id: store.state.Gid,
})
.then(res => {
console.log(res);
if (res.code == 1) {
var key = res.data;
if (key.association_desc.indexOf("<img") != -1) {
key.association_desc = getApp().addWidthToImages(key.association_desc);
} }
}) this.info = key;
.catch(error => { }
uni.showToast({ })
title: error, .catch(error => {
icon: 'none', uni.showToast({
duration: 2000 title: error,
}); icon: 'none',
}) duration: 2000
}, });
getNewInfo() { })
this.getAssociationInfo(); },
this.getArchitectureList(); getNewInfo() {
this.getUserInfo(); this.getAssociationInfo();
}, this.getArchitectureList();
openUrl(url) { this.getUserInfo();
var uid = uni.getStorageSync('uid'); },
if(!uid){ openUrl(url) {
uni.showToast({ var uid = uni.getStorageSync('uid');
title: '请登录!', if (!uid) {
icon: 'none', uni.showToast({
duration: 2000 title: '请登录!',
}); icon: 'none',
return; duration: 2000
} });
uni.navigateTo({ return;
url: url }
}) uni.navigateTo({
}, url: url
openPages(url){ })
uni.navigateTo({ },
url: url openPages(url) {
}) uni.navigateTo({
}, url: url
change(e) { })
this.current = e; },
}, change(e) {
} this.current = e;
} },
}
}
</script> </script>
<style> <style>
.tn-flex-row-around{
position: relative;
}
</style> </style>

View File

@ -27,7 +27,7 @@
<view style="margin: 15rpx 0rpx;"> <view style="margin: 15rpx 0rpx;">
<text style="color: #BE7E28;"></text> <text style="color: #BE7E28;"></text>
<text style="margin-left: 10rpx;font-weight: 600;">结束时间</text> <text style="margin-left: 10rpx;font-weight: 600;">结束时间</text>
<text style="color: #979797;">{{info.activity_end_time}}</text> <text style="color: #979797;">{{info.activity_end_time}}</text>
</view> </view>
<view> <view>
<text style="color: #DB5022;"></text> <text style="color: #DB5022;"></text>
@ -37,43 +37,44 @@
</view> </view>
<view style="margin-top: 60rpx;font-size: 32rpx;font-weight: 600;">活动介绍</view> <view style="margin-top: 60rpx;font-size: 32rpx;font-weight: 600;">活动介绍</view>
<view> <view>
<view class="ks_html" style="line-height: 50rpx;margin-top: 20rpx;padding-bottom:180rpx"> <view class="ks_html" style="line-height: 50rpx;margin-top: 20rpx;padding-bottom:180rpx">
<div v-html="info.activity_content"></div> <div v-html="info.activity_content"></div>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view style="position: fixed;bottom: 30rpx;background-color: #ffffff;padding: 30rpx;width: 100%;"> <view style="position: fixed;bottom: 30rpx; width: 100%;">
<!-- <view class="tn-flex tn-flex-center tn-flex-row-center tn-flex-col-center"--> <!-- <view class="tn-flex tn-flex-center tn-flex-row-center tn-flex-col-center"-->
<!-- style="background-color: #FDF2EC;text-align: center;padding: 30rpx;">--> <!-- style="background-color: #FDF2EC;text-align: center;padding: 30rpx;">-->
<!-- <view style="font-weight: 600;">--> <!-- <view style="font-weight: 600;">-->
<!-- <text style="margin-right: 10rpx;">距报名结束剩<text style="color: #F73909;">119</text></text>--> <!-- <text style="margin-right: 10rpx;">距报名结束剩<text style="color: #F73909;">119</text></text>-->
<!-- <tn-count-down fontColor="#F73909" backgroundColor="#FDF2EC" :fontSize="30" :timestamp="86400"--> <!-- <tn-count-down fontColor="#F73909" backgroundColor="#FDF2EC" :fontSize="30" :timestamp="86400"-->
<!-- :showDays="true" :showHours="true" :showSeconds="true" :showMinutes="true"></tn-count-down>--> <!-- :showDays="true" :showHours="true" :showSeconds="true" :showMinutes="true"></tn-count-down>-->
<!-- </view>--> <!-- </view>-->
<!-- </view>--> <!-- </view>-->
<view style="text-align: center;margin-top: 30rpx;"> <view style="text-align: center;padding:0 30rpx;">
<tn-button v-if="info.type=='未开始'" backgroundColor="#F73909" height="80rpx" width="100%" fontColor="#ffffff" <tn-button @click="application_add" v-if="info.type=='未开始'" backgroundColor="#F73909" height="80rpx"
shape="round">报名</tn-button> width="100%" fontColor="#ffffff" shape="round">报名</tn-button>
<tn-button v-if="info.type=='已结束'||info.type=='进行中'" disabled backgroundColor="#E6E6E6" height="80rpx" width="100%" fontColor="#ffffff" <tn-button v-if="info.type=='已结束'||info.type=='进行中'" disabled backgroundColor="#E6E6E6" height="80rpx"
shape="round">报名已结束</tn-button> width="100%" fontColor="#ffffff" shape="round">报名已结束</tn-button>
</view> </view>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
import { import {
eventInfo, eventInfo,
} from '@/util/api.js'; applicationAdd
import store from '@/store/index.js' } from '@/util/api.js';
import store from '@/store/index.js'
export default { export default {
data() { data() {
return { return {
topCurrent: 0, topCurrent: 0,
id: 0, id: 0,
info:{}, info: {},
apiImgUrl:this.$store.state.imgUrl apiImgUrl: this.$store.state.imgUrl
} }
}, },
mounted() { mounted() {
@ -89,38 +90,77 @@ import store from '@/store/index.js'
// link: "http://ysh.0rui.cn/#/pages/index/event_info", // JS // link: "http://ysh.0rui.cn/#/pages/index/event_info", // JS
// } // }
// }) // })
// var id = this.$route.query.id; // var id = this.$route.query.id;
// this.id = id; // this.id = id;
// this.getEventInfo(); // this.getEventInfo();
},
onLoad(d) {
console.log(d);
this.id = d.id;
this.getEventInfo();
}, },
onLoad(d) {
console.log(d);
this.id = d.id;
this.getEventInfo();
},
methods: { methods: {
getEventInfo() { application_add() {
eventInfo({ var uid = uni.getStorageSync('uid');
association_id: store.state.Gid, if (!uid) {
id: this.id uni.showToast({
}) title: '请登录后报名!',
.then(res => { icon: 'none',
console.log(res); duration: 2000
if (res.code == 1) { });
var key=res.data; return;
if(key.activity_content.indexOf("<img")!=-1){ }
key.activity_content=getApp().addWidthToImages(key.activity_content); applicationAdd({
} association_id: store.state.Gid,
this.info=key; member_id: uid,
} activity_id: this.id,
}) application_time: new Date().toISOString().slice(0, 19).replace('T', ' ')
.catch(error => { })
uni.showToast({ .then(res => {
title: error, if (res.code == 1) {
icon: 'none', uni.showToast({
duration: 2000 title: '报名成功!',
}); icon: 'none',
}) duration: 2000
});
} else {
uni.showToast({
title: res.msg,
icon: 'none',
duration: 2000
});
}
})
.catch(error => {
uni.showToast({
title: error,
icon: 'none',
duration: 2000
});
})
},
getEventInfo() {
eventInfo({
association_id: store.state.Gid,
id: this.id
})
.then(res => {
console.log(res);
if (res.code == 1) {
var key = res.data;
if (key.activity_content.indexOf("<img") != -1) {
key.activity_content = getApp().addWidthToImages(key.activity_content);
}
this.info = key;
}
})
.catch(error => {
uni.showToast({
title: error,
icon: 'none',
duration: 2000
});
})
}, },
goBack() { goBack() {
if (getCurrentPages().length > 1) { if (getCurrentPages().length > 1) {
@ -138,4 +178,4 @@ import store from '@/store/index.js'
<style> <style>
</style> </style>

View File

@ -7,7 +7,7 @@
</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:'参与活动'}]" :current="topCurrent" activeColor="#000" :bold="false" <tn-tabs :list="[{name:'参与活动'}]" :current="topCurrent" activeColor="#000" :bold="false"
:fontSize="36"></tn-tabs> :fontSize="36"></tn-tabs>
</view> </view>
</view> </view>
@ -15,7 +15,7 @@
<view :style="{paddingTop: vuex_custom_bar_height + 'px'}"> <view :style="{paddingTop: vuex_custom_bar_height + 'px'}">
<view style="padding:10px 30rpx;"> <view style="padding:10px 30rpx;">
<view v-for="(item,index) in list" class="tn-flex tn-flex-row-between" <view v-for="(item,index) in list" class="tn-flex tn-flex-row-between"
@click="openUrl('/pages/index/event_info')" @click="openUrl('/pages/index/event_info?id='+item.activity_id)"
style="background-color: #ffffff;padding: 20rpx;border-radius: 10rpx;margin-bottom: 30rpx;box-shadow: rgba(12, 0, 5, 0.1) 0px 0px 5px 0px;"> style="background-color: #ffffff;padding: 20rpx;border-radius: 10rpx;margin-bottom: 30rpx;box-shadow: rgba(12, 0, 5, 0.1) 0px 0px 5px 0px;">
<view style="position:relative;"> <view style="position:relative;">
<view style="font-size: 28rpx;">{{item.activity_name}}</view> <view style="font-size: 28rpx;">{{item.activity_name}}</view>
@ -23,17 +23,18 @@
style="position: absolute;bottom: 0rpx;width:420rpx;color: #808080;"> style="position: absolute;bottom: 0rpx;width:420rpx;color: #808080;">
<view>{{item.activity_start_time}}</view> <view>{{item.activity_start_time}}</view>
<view style="margin-left: 10rpx"> <view style="margin-left: 10rpx">
<tn-button v-if="item.type=='未开始'" padding="0px" width="100rpx" height="40rpx" <tn-button v-if="item.type=='未开始'" padding="0px" width="100rpx" height="40rpx" size="sm"
size="sm" backgroundColor="#6BC7F0 " fontColor="tn-color-white">未开始</tn-button> backgroundColor="#6BC7F0 " fontColor="tn-color-white">未开始</tn-button>
<tn-button v-if="item.type=='进行中'" padding="0px" width="100rpx" height="40rpx" <tn-button v-if="item.type=='进行中'" padding="0px" width="100rpx" height="40rpx" size="sm"
size="sm" backgroundColor="#EE9556 " fontColor="tn-color-white">进行中</tn-button> backgroundColor="#EE9556 " fontColor="tn-color-white">进行中</tn-button>
<tn-button v-if="item.type=='已结束'" padding="0px" width="100rpx" height="40rpx" size="sm" <tn-button v-if="item.type=='已结束'" padding="0px" width="100rpx" height="40rpx" size="sm"
backgroundColor="#E12B33 " fontColor="tn-color-white">已结束</tn-button> backgroundColor="#E12B33 " fontColor="tn-color-white">已结束</tn-button>
</view> </view>
</view> </view>
</view> </view>
<view style="margin-left: 20rpx;"> <view style="margin-left: 20rpx;">
<image src="/static/hd1.jpg" style="width: 200rpx;height: 135rpx;;border-radius: 10rpx;"> <image :src="apiImgUrl+item.activity_image"
style="width: 200rpx;height: 135rpx;border-radius: 10rpx;">
</image> </image>
</view> </view>
</view> </view>
@ -43,37 +44,42 @@
</template> </template>
<script> <script>
import {UserApplication} from "@/util/api"; import {
import store from "@/store"; UserApplication
} from "@/util/api";
import store from "@/store";
export default { export default {
data() { data() {
return { return {
topCurrent: 0, topCurrent: 0,
list:[] list: [],
apiImgUrl: this.$store.state.imgUrl,
} }
}, },
onLoad() { onLoad() {
var uid = uni.getStorageSync('uid'); var uid = uni.getStorageSync('uid');
this.uid=uid; this.uid = uid;
this.getUserApplication(); this.getUserApplication();
}, },
methods: { methods: {
getUserApplication(){ getUserApplication() {
UserApplication({member_id: 2}) UserApplication({
.then(res => { member_id: 2
console.log(res); })
if(res.code==1){ .then(res => {
this.list = res.data; console.log(res);
} if (res.code == 1) {
}) this.list = res.data;
.catch(error => { }
uni.showToast({ })
title: error, .catch(error => {
icon: 'none', uni.showToast({
duration: 2000 title: error,
}); icon: 'none',
}) duration: 2000
}, });
})
},
openUrl(e) { openUrl(e) {
uni.navigateTo({ uni.navigateTo({
url: e url: e
@ -95,4 +101,4 @@ import store from "@/store";
<style> <style>
</style> </style>

View File

@ -7,7 +7,7 @@
:fontSize="36"></tn-tabs> --> :fontSize="36"></tn-tabs> -->
<view style="text-align: center;font-size: 36rpx;" @click="selectShow = true"> <view style="text-align: center;font-size: 36rpx;" @click="selectShow = true">
<text>{{HomeTitle}}</text> <text>{{HomeTitle}}</text>
<!-- <image src="/static/c1455.png" style="width: 25rpx;height: 25rpx;margin-left: 10rpx;"></image>--> <!-- <image src="/static/c1455.png" style="width: 25rpx;height: 25rpx;margin-left: 10rpx;"></image>-->
</view> </view>
</view> </view>
</view> </view>
@ -29,25 +29,31 @@
</view> </view>
<swiper class="card-swiper" :circular="true" :autoplay="true" duration="500" interval="8000" <swiper class="card-swiper" current="0" :circular="true" duration="500" interval="8000"
@change="cardSwiper"> @change="cardSwiper">
<swiper-item v-for="(item,index) in swiperList" :key="index" :class="cardCur==index?'cur':''"> <swiper-item v-for="(item,index) in swiperList" :key="index" :class="cardCur==index?'cur':''">
<!-- <view class="swiper-item image-banner" <!-- <view class="swiper-item image-banner"
:style="'background-image:url('+ item.url + ');background-size: cover;border-radius: 15rpx;'"> :style="'background-image:url('+ item.url + ');background-size: cover;border-radius: 15rpx;'">
</view> --> </view> -->
<image :src="item.url" mode="widthFix" style="width: 100%;border-radius: 15rpx;"></image> <video v-if="item.video" id="myVideo"
src="https://ysx.0rui.cn/uploads/20240508/b3b1cb700d9cf2ecc4e2fcc16f277b5c.mp4"
:controls="false" loop autoplay object-fit="contain"
style="width: 100%;border-radius: 15rpx;height: 167px;" @error="videoErrorCallback"></video>
<image v-if="!item.video" :src="item.url" mode="widthFix" style="width: 100%;border-radius: 15rpx;">
</image>
</swiper-item> </swiper-item>
</swiper> </swiper>
<view class="indication"> <view class="indication">
<block v-for="(item,index) in swiperList" :key="index"> <block v-for="(item,index) in swiperList" :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" <view class="tn-flex tn-flex-row-between tn-flex-col-center tn-flex-row-center"
style="padding:0px 30rpx 0rpx 30rpx;text-align: center;font-size: 28rpx;"> style="padding:0px 30rpx 0rpx 30rpx;text-align: center;font-size: 28rpx;">
<view @click="openUrl('/pages/index/tissue')" <view @click="openUrl('/pages/index/tissue')"
style="width: 25%;background: linear-gradient(270deg, #3CBAEA, #6BC7F0);;border-radius: 16rpx;padding:35rpx 20rpx;"> style="width: 33%;background: linear-gradient(270deg, #3CBAEA, #6BC7F0);;border-radius: 16rpx;padding:25rpx 20rpx;">
<view> <view>
<image src="/static/c3.png" style="width: 35rpx;height: 35rpx;vertical-align: middle;"> <image src="/static/c3.png" style="width: 35rpx;height: 35rpx;vertical-align: middle;">
</image> </image>
@ -57,7 +63,7 @@
</view> </view>
</view> </view>
<view @click="opentab(1)" <view @click="opentab(1)"
style="width: 25%;background: linear-gradient(270deg, #EE7E45, #EE9657);border-radius: 16rpx;padding:35rpx 20rpx;margin-left:10rpx;"> style="width: 33%;background: linear-gradient(270deg, #EE7E45, #EE9657);border-radius: 16rpx;padding:25rpx 20rpx;margin-left:10rpx;">
<view> <view>
<image src="/static/c2.png" style="width: 35rpx;height: 35rpx;vertical-align: middle;"> <image src="/static/c2.png" style="width: 35rpx;height: 35rpx;vertical-align: middle;">
</image> </image>
@ -67,7 +73,7 @@
</view> </view>
</view> </view>
<view @click="openUrl('/pages/index/directory')" <view @click="openUrl('/pages/index/directory')"
style="width: 25%;background: linear-gradient(270deg, #45B335, #89C33D);border-radius: 16rpx;padding:35rpx 20rpx;margin-left:10rpx;"> style="width: 33%;background: linear-gradient(270deg, #45B335, #89C33D);border-radius: 16rpx;padding:25rpx 20rpx;margin-left:10rpx;">
<view> <view>
<image src="/static/c1.png" style="width: 35rpx;height: 35rpx;vertical-align: middle;"> <image src="/static/c1.png" style="width: 35rpx;height: 35rpx;vertical-align: middle;">
</image> </image>
@ -77,16 +83,16 @@
</view> </view>
</view> </view>
<view @click="openUrl('/pages/index/knowledge_list')" <!-- <view @click="openUrl('/pages/index/knowledge_list')"-->
style="width: 25%;background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);;border-radius: 16rpx;padding:35rpx 20rpx;margin-left:10rpx;"> <!-- style="width: 25%;background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);;border-radius: 16rpx;padding:35rpx 20rpx;margin-left:10rpx;">-->
<view> <!-- <view>-->
<image src="/static/book.png" style="width: 35rpx;height: 35rpx;vertical-align: middle;"> <!-- <image src="/static/book.png" style="width: 35rpx;height: 35rpx;vertical-align: middle;">-->
</image> <!-- </image>-->
</view> <!-- </view>-->
<view style="margin-top: 10rpx;"> <!-- <view style="margin-top: 10rpx;">-->
<text style="color: #FFF;">商学院</text> <!-- <text style="color: #FFF;">商学院</text>-->
</view> <!-- </view>-->
</view> <!-- </view>-->
</view> </view>
<view @click.stop="opentab(1)" class="tn-flex tn-flex-row-between tn-flex-col-center tn-flex-row-center" <view @click.stop="opentab(1)" class="tn-flex tn-flex-row-between tn-flex-col-center tn-flex-row-center"
style="padding: 30rpx;"> style="padding: 30rpx;">
@ -104,8 +110,10 @@
<image :src="apiImgUrl+item.activity_image" style="width: 350rpx;height: 170rpx;"> <image :src="apiImgUrl+item.activity_image" style="width: 350rpx;height: 170rpx;">
</image> </image>
</view> </view>
<view style="padding:10rpx 20rpx;font-weight: 400;"> <view style="padding:10rpx 20rpx;font-weight: 400;min-height: 100rpx;">
<view class="tn-text-ellipsis-2">{{ item.activity_name }}</view> <view class="tn-text-ellipsis-2" style="text-align: left;">
<text>{{ item.activity_name }}</text>
</view>
</view> </view>
<view style="position: absolute;top: 10rpx;left: 10rpx;"> <view style="position: absolute;top: 10rpx;left: 10rpx;">
<tn-button v-if="item.type=='进行中'" width="80rpx" height="40rpx" size="sm" <tn-button v-if="item.type=='进行中'" width="80rpx" height="40rpx" size="sm"
@ -120,7 +128,8 @@
</view> </view>
</view> </view>
</scroll-view> </scroll-view>
<view style="background-color: #ffffff;padding: 20rpx;text-align: center" v-if="actList.length==0">暂无活动</view> <view style="background-color: #ffffff;padding: 20rpx;text-align: center" v-if="actList.length==0">暂无活动
</view>
</view> </view>
<view style="background-color: #ffffff;"> <view style="background-color: #ffffff;">
<tn-tabs :list="goryList" :isScroll="true" :activeItemStyle="{fontSize:'35rpx',fontWeight:'600'}" <tn-tabs :list="goryList" :isScroll="true" :activeItemStyle="{fontSize:'35rpx',fontWeight:'600'}"
@ -131,13 +140,14 @@
@click="openUrl('/pages/index/new_info?id='+item.news_id)" @click="openUrl('/pages/index/new_info?id='+item.news_id)"
style="background-color: #ffffff;padding: 20rpx;border-radius: 10rpx;margin-bottom: 10rpx;"> style="background-color: #ffffff;padding: 20rpx;border-radius: 10rpx;margin-bottom: 10rpx;">
<view style="position:relative;"> <view style="position:relative;">
<view class="tn-text-ellipsis-2" style="font-size: 28rpx;">{{ item.news_title }}</view> <view class="tn-text-ellipsis-2" style="font-size: 28rpx;">{{ item.news_title }}
</view>
<view class="tn-flex tn-flex-row-between" <view class="tn-flex tn-flex-row-between"
style="bottom: 0rpx;width: 100%;color: #808080;padding-top: 80rpx; min-width: 380rpx;overflow: hidden"> style="width: 100%;color: #808080;position: absolute; bottom: 0rpx; min-width: 380rpx;overflow: hidden">
<view>{{ item.name }}</view> <view>{{ item.name }}</view>
<view> <view>
<text class="tn-icon-eye"></text> <text class="tn-icon-eye" style="vertical-align: middle;"></text>
<text>{{ item.news_hits }}</text> <text style="vertical-align: middle;">{{ item.news_hits }}</text>
</view> </view>
</view> </view>
</view> </view>
@ -173,10 +183,13 @@
cardCur: 0, cardCur: 0,
isAndroid: true, isAndroid: true,
swiperList: [{ swiperList: [{
url: '/static/1fcf0b1ee9e590f5253841bf25ba60cd.mp4',
video: true,
}, {
url: '/static/banner.jpg', url: '/static/banner.jpg',
}, { }, {
url: '/static/banner2.jpg', url: '/static/banner2.jpg',
}], }, ],
goryList: [], goryList: [],
news_list: [], news_list: [],
actList: [], actList: [],
@ -186,10 +199,13 @@
gory_id: 0, gory_id: 0,
type: 1, type: 1,
HomeTitle: '', HomeTitle: '',
apiImgUrl:this.$store.state.imgUrl apiImgUrl: this.$store.state.imgUrl
} }
}, },
mounted() { mounted() {
getApp().getUserLogin((r) => {
console.log('---Login---', r);
})
this.getNewsGoryList(); this.getNewsGoryList();
this.getActivityList(); this.getActivityList();
this.getAssociationIndex(); this.getAssociationIndex();
@ -201,8 +217,8 @@
name: 'Gid', name: 'Gid',
value: info.value value: info.value
}) })
uni.setStorageSync('Gid', info.value); uni.setStorageSync('Gid', info.value);
this.page = 1; this.page = 1;
this.goryList = []; this.goryList = [];
this.news_list = []; this.news_list = [];
this.actList = []; this.actList = [];
@ -210,30 +226,36 @@
this.getActivityList(); this.getActivityList();
this.getAssociationIndex(); this.getAssociationIndex();
//this.$emit('childEvent', ''); //this.$emit('childEvent', '');
}, },
getAssociationIndex() { getAssociationIndex() {
associationIndex() associationIndex()
.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;
const transformedSelectList = key.map(item => ({ const transformedSelectList = key.map(item => ({
value: item.id, value: item.id,
label: item.association_name, label: item.association_name,
icon: item.association_image icon: item.association_image
})); }));
const foundNumber = transformedSelectList.find((element) => element.value == store.state const foundNumber = transformedSelectList.find((element) => element.value == store.state
.Gid); .Gid);
this.HomeTitle = foundNumber.label; this.HomeTitle = foundNumber.label;
this.selectList = transformedSelectList; this.selectList = transformedSelectList;
this.$parent.childEvent(foundNumber); //#ifdef MP-WEIXIN
this.$parent.childEvent(foundNumber);
//#endif
// #ifdef H5
console.log('H5');
this.$parent.$parent.$parent.$parent.childEvent(foundNumber);
// #endif
} }
}) })
.catch(error => { .catch(error => {
uni.showToast({ uni.showToast({
title: error, title: error,
icon: 'none', icon: 'none',
duration: 2000 duration: 2000
}); });
}) })
@ -255,7 +277,7 @@
.catch(error => { .catch(error => {
uni.showToast({ uni.showToast({
title: error, title: error,
icon: 'none', icon: 'none',
duration: 2000 duration: 2000
}); });
}) })
@ -281,7 +303,7 @@
.catch(error => { .catch(error => {
uni.showToast({ uni.showToast({
title: error, title: error,
icon: 'none', icon: 'none',
duration: 2000 duration: 2000
}); });
}) })
@ -303,7 +325,7 @@
.catch(error => { .catch(error => {
uni.showToast({ uni.showToast({
title: error, title: error,
icon: 'none', icon: 'none',
duration: 2000 duration: 2000
}); });
}) })
@ -335,7 +357,13 @@
uni.$emit('depId', { uni.$emit('depId', {
index: 1 index: 1
}) })
} },
videoErrorCallback: function(e) {
uni.showModal({
content: e.target.errMsg,
showCancel: false
})
},
} }
} }
</script> </script>
@ -343,4 +371,4 @@
<style lang="scss" scoped> <style lang="scss" scoped>
</style> </style>

View File

@ -82,7 +82,7 @@
currentIndex: 0, currentIndex: 0,
// //
tabberPageLoadFlag: [], tabberPageLoadFlag: [],
apiImgUrl:this.$store.state.imgUrl, apiImgUrl: this.$store.state.imgUrl,
} }
}, },
onLoad(options) { onLoad(options) {
@ -117,11 +117,12 @@
} }
}, },
methods: { methods: {
childEvent(data) { childEvent(data) {
console.log(data); console.log(123);
this.tabbarList[2].activeIcon=this.apiImgUrl+data.icon; console.log(data);
this.tabbarList[2].inactiveIcon=this.apiImgUrl+data.icon; this.tabbarList[2].activeIcon = this.apiImgUrl + data.icon;
}, this.tabbarList[2].inactiveIcon = this.apiImgUrl + data.icon;
},
wxshare() { wxshare() {
this.$wxshare({ this.$wxshare({
url: 'http://ysh.0rui.cn/#/pages/index/index', url: 'http://ysh.0rui.cn/#/pages/index/index',
@ -163,11 +164,16 @@
this.tabberPageLoadFlag[index] = true this.tabberPageLoadFlag[index] = true
} }
this.currentIndex = index this.currentIndex = index
if(index===2){ if (index === 1) {
setTimeout(()=>{ setTimeout(() => {
this.$refs.discovery.getNewInfo(); this.$refs.service.getNewInfo();
},100) }, 100)
} }
if (index === 2) {
setTimeout(() => {
this.$refs.discovery.getNewInfo();
}, 100)
}
} }
} }
@ -189,4 +195,4 @@
padding-bottom: calc(0rpx + env(safe-area-inset-bottom)); padding-bottom: calc(0rpx + env(safe-area-inset-bottom));
} }
} }
</style> </style>

View File

@ -1,5 +1,5 @@
<template> <template>
<view style="background-color: #EBF4F7;letter-spacing: 1rpx;"> <view style="background-color: #EBF4F7;letter-spacing: 1rpx;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()">
@ -14,14 +14,13 @@
</tn-nav-bar> </tn-nav-bar>
<view :style="{paddingTop: vuex_custom_bar_height + 'px'}"> <view :style="{paddingTop: vuex_custom_bar_height + 'px'}">
<view style="padding:10px 30rpx;"> <view style="padding:10px 30rpx;">
<view v-for="(item,index) in 10" class="tn-flex tn-flex-row-between" <view v-for="(item,index) in news_list" class="tn-flex tn-flex-row-between"
@click="openUrl('/pages/index/new_info')" @click="openUrl('/pages/index/new_info?id='+item.news_id)"
style="background-color: #ffffff;padding: 20rpx;border-radius: 10rpx;margin-bottom: 10rpx;"> style="background-color: #ffffff;padding: 20rpx;border-radius: 10rpx;margin-bottom: 10rpx;">
<view style="position:relative;"> <view style="position:relative;">
<view style="font-size: 28rpx;">青年企业家能力提升 计划培训班(第20期)</view> <view class="tn-text-ellipsis-2" style="font-size: 28rpx;">{{item.news_title}}</view>
<view class="tn-flex tn-flex-row-between" <view class="tn-flex tn-flex-row-between"
style="position: absolute;bottom: 0rpx;width: 100%;color: #808080;"> style="position: absolute;bottom: 0rpx;width: 100%;color: #808080;">
<view>河南青企协</view>
<view> <view>
<text class="tn-icon-eye"></text> <text class="tn-icon-eye"></text>
<text>568</text> <text>568</text>
@ -29,7 +28,7 @@
</view> </view>
</view> </view>
<view style="margin-left: 20rpx;"> <view style="margin-left: 20rpx;">
<image src="/static/s1.jpg" style="width: 200rpx;height: 135rpx;;border-radius: 10rpx;"> <image :src="apiImgUrl+item.news_image" style="width: 200rpx;height: 135rpx;;border-radius: 10rpx;">
</image> </image>
</view> </view>
</view> </view>
@ -39,13 +38,49 @@
</template> </template>
<script> <script>
export default { import {newsList} from "@/util/api";
import store from "@/store";
export default {
data() { data() {
return { return {
topCurrent: 0 topCurrent: 0,
gory_id:53,
news_list:[],
apiImgUrl:this.$store.state.imgUrl,
page:1,
size:10
} }
}, },
onLoad() {
this.getNewsList();
},
onReachBottom() {
this.page = this.page + 1;
this.getNewsList();
},
methods: { methods: {
getNewsList() {
newsList({
association_id: store.state.Gid,
gory_id: this.gory_id,
page: this.page,
size: this.size
})
.then(res => {
console.log(res);
if (res.code == 1) {
this.news_list.push(...res.data.ret);
}
})
.catch(error => {
uni.showToast({
title: error,
icon: 'none',
duration: 2000
});
})
},
openUrl(url) { openUrl(url) {
uni.navigateTo({ uni.navigateTo({
url: url url: url
@ -67,4 +102,4 @@
<style> <style>
</style> </style>

View File

@ -1,437 +1,445 @@
<template> <template>
<view class="page-c"> <view class="page-c">
<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:'我的名片'}]" :current="topCurrent" activeColor="#000" :bold="false" <tn-tabs :list="[{name:'我的名片'}]" :current="topCurrent" activeColor="#000" :bold="false"
:fontSize="36"></tn-tabs> :fontSize="36"></tn-tabs>
</view> </view>
</view> </view>
</tn-nav-bar> </tn-nav-bar>
<!-- 顶部 --> <!-- 顶部 -->
<view :style="{paddingTop: vuex_custom_bar_height +20+'px'}"> <view :style="{paddingTop: vuex_custom_bar_height +20+'px'}">
<view class="tn-strip-bottom"> <view class="tn-strip-bottom">
<view class="slideshow"> <view class="slideshow">
<image :src="apiImgUrl+userThisInfo.photo_image" style="width: 300rpx;height: 300rpx;border-radius: 50%;"></image> <image :src="apiImgUrl+userThisInfo.photo_image"
</view> style="width: 300rpx;height: 300rpx;border-radius: 50%;"></image>
<view class='tn-margin'> </view>
<view class="tn-text-bold"> <view class='tn-margin'>
<text class='tn-text-xxl tn-padding-right'>{{ userThisInfo.nikename }}</text> <view class="tn-text-bold">
<text class='tn-text-lg tn-color-gray'>{{ userThisInfo.enterprise_name }}</text> <text class='tn-text-xxl tn-padding-right'>{{ userThisInfo.nikename }}</text>
</view> <text class='tn-text-lg tn-color-gray'>{{ userThisInfo.enterprise_name }}</text>
<template v-if="userThisInfo.association_id==userInfo.association_id || is"> </view>
<view class="tn-margin-top-lg"> <template v-if="userThisInfo.association_id==userInfo.association_id || is">
<text class="tn-text-lg">微信{{ userThisInfo.wx_number }}</text> <view class="tn-margin-top-lg">
<text class="tn-icon-copy tn-color-blue tn-padding-left-xs"></text> <text class="tn-text-lg">微信{{ userThisInfo.wx_number }}</text>
</view> <text class="tn-icon-copy tn-color-blue tn-padding-left-xs"></text>
<view class="tn-margin-top-xs" @click="callPhone"> </view>
<text class="tn-text-lg">电话{{ userThisInfo.phone }}</text> <view class="tn-margin-top-xs" @click="callPhone">
<text class="tn-icon-phone tn-color-orange tn-padding-left-xs"></text> <text class="tn-text-lg">电话{{ userThisInfo.phone }}</text>
</view> <text class="tn-icon-phone tn-color-orange tn-padding-left-xs"></text>
</template> </view>
<template v-if="userThisInfo.association_id!=userInfo.association_id && !is"> </template>
<view class="tn-margin-top-lg"> <template v-if="userThisInfo.association_id!=userInfo.association_id && !is">
<text class="tn-text-lg">微信加入协会后查看</text> <view class="tn-margin-top-lg">
<text class="tn-icon-copy tn-color-blue tn-padding-left-xs"></text> <text class="tn-text-lg">微信加入协会后查看</text>
</view> <text class="tn-icon-copy tn-color-blue tn-padding-left-xs"></text>
<view class="tn-margin-top-xs"> </view>
<text class="tn-text-lg">电话加入协会后查看</text> <view class="tn-margin-top-xs">
<text class="tn-icon-phone tn-color-orange tn-padding-left-xs"></text> <text class="tn-text-lg">电话加入协会后查看</text>
</view> <text class="tn-icon-phone tn-color-orange tn-padding-left-xs"></text>
</template> </view>
</view> </template>
</view> </view>
<view class="king-list tn-margin-top-sm"> </view>
<view class="king-list tn-margin-top-sm">
<view class="king-icon"> <view class="king-icon">
<text class='tn-icon-creative tn-color-white tn-text-lg tn-bg-blue tn-round tn-padding-xs'></text> <text class='tn-icon-creative tn-color-white tn-text-lg tn-bg-blue tn-round tn-padding-xs'></text>
<text class='tn-text-xl tn-margin-left'>自我介绍</text> <text class='tn-text-xl tn-margin-left'>自我介绍</text>
</view> </view>
<view class='king-item tn-color-red tn-icon-circle-fill'> <view class='king-item tn-color-red tn-icon-circle-fill'>
<view class="resume2"> <view class="resume2">
<text class=""> <text class="">
{{userThisInfo.introduction}} {{userThisInfo.introduction}}
</text> </text>
</view> </view>
</view> </view>
<view class="king-icon"> <view class="king-icon">
<text class='tn-icon-company tn-color-white tn-text-lg tn-bg-blue tn-round tn-padding-xs'></text> <text class='tn-icon-company tn-color-white tn-text-lg tn-bg-blue tn-round tn-padding-xs'></text>
<text class='tn-text-xl tn-margin-left'>公司介绍</text> <text class='tn-text-xl tn-margin-left'>公司介绍</text>
</view> </view>
<view class='king-item tn-color-red tn-icon-circle-fill'> <view class='king-item tn-color-red tn-icon-circle-fill'>
<view> <view>
<view class="resume2"> <view class="resume2">
<text>{{userThisInfo.enterprise_name}}</text> <text>{{userThisInfo.enterprise_name}}</text>
</view> </view>
<view class="resume2"> <view class="resume2">
<text> <text>
{{userThisInfo.enterprise_Introduction}} {{userThisInfo.enterprise_Introduction}}
</text> </text>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view class=""> <view class="">
<view class="icon15__item--icon tn-flex tn-flex-row-center tn-flex-col-center tn-shadow-blur button-2"> <view class="icon15__item--icon tn-flex tn-flex-row-center tn-flex-col-center tn-shadow-blur button-2">
<button class="tn-button--clear-style" open-type="share" style="border-radius: 0;"> <button class="tn-button--clear-style" open-type="share" style="border-radius: 0;">
<view class="tn-icon-send-fill tn-color-white"></view> <view class="tn-icon-send-fill tn-color-white"></view>
</button> </button>
<!-- <view class="tn-icon-send-fill tn-color-white"></view> --> <!-- <view class="tn-icon-send-fill tn-color-white"></view> -->
</view> </view>
</view> </view>
<view class='tn-tabbar-height'></view> <view class='tn-tabbar-height'></view>
<view class="bg-tabbar-shadow"></view> <view class="bg-tabbar-shadow"></view>
</view> </view>
</template> </template>
<script> <script>
import {getUserIndex} from "@/util/api"; import {
import store from "@/store"; getUserIndex
} from "@/util/api";
import store from "@/store";
export default { export default {
data() { data() {
return { return {
topCurrent: 0, topCurrent: 0,
uid: 0, uid: 0,
this_uid: 0, this_uid: 0,
userInfo: {}, userInfo: {},
userThisInfo: {}, userThisInfo: {},
apiImgUrl: this.$store.state.imgUrl, apiImgUrl: this.$store.state.imgUrl,
is:false is: false
} }
}, },
onLoad(d) { onLoad(d) {
var uid = uni.getStorageSync('uid'); var uid = uni.getStorageSync('uid');
this.uid = uid; this.uid = uid;
this.this_uid = d.id; this.this_uid = d.id;
this.getUserInfo(); this.getUserInfo();
}, },
onShareAppMessage(res) { onShareAppMessage(res) {
var info = this.info; var info = this.info;
console.log(info); console.log(info);
return { return {
title: this.userThisInfo.nikename, title: this.userThisInfo.nikename,
path: '/pages/index/my_card?id=' + this.userThisInfo.member_id, path: '/pages/index/my_card?id=' + this.userThisInfo.member_id,
imageUrl: this.apiImgUrl+this.userThisInfo.photo_image imageUrl: this.apiImgUrl + this.userThisInfo.photo_image
} }
}, },
methods: { methods: {
callPhone(){ callPhone() {
// //
const phoneNumber = this.userThisInfo.phone; const phoneNumber = this.userThisInfo.phone;
uni.makePhoneCall({ uni.makePhoneCall({
phoneNumber: phoneNumber, // phoneNumber: phoneNumber, //
success: function () { success: function() {
console.log('拨打电话成功'); console.log('拨打电话成功');
}, },
fail: function () { fail: function() {
console.log('拨打电话失败'); console.log('拨打电话失败');
} }
}); });
}, },
getThisUserInfo() { getThisUserInfo() {
getUserIndex({member_id: this.this_uid}) getUserIndex({
.then(res => { member_id: this.this_uid
if (res.code == 1) { })
this.userThisInfo = res.data; .then(res => {
} if (res.code == 1) {
}) this.userThisInfo = res.data;
.catch(error => { }
uni.showToast({ })
title: error, .catch(error => {
icon: 'none', uni.showToast({
duration: 2000 title: error,
}); icon: 'none',
}) duration: 2000
}, });
getUserInfo() { })
getUserIndex({member_id: this.uid}) },
.then(res => { getUserInfo() {
if (res.code == 1) { getUserIndex({
if (this.this_uid != this.uid) { member_id: this.this_uid
this.getThisUserInfo(); })
}else{ .then(res => {
this.is=true; console.log(res)
this.userInfo = res.data; if (res.code == 1) {
this.userThisInfo = res.data; this.userInfo = res.data;
} if (this.this_uid != this.uid) {
this.getThisUserInfo();
} else {
this.is = true;
this.userThisInfo = res.data;
}
} }
}) })
.catch(error => { .catch(error => {
uni.showToast({ uni.showToast({
title: error, title: error,
icon: 'none', icon: 'none',
duration: 2000 duration: 2000
}); });
}) })
}, },
openUrl(url) { openUrl(url) {
uni.navigateTo({ uni.navigateTo({
url: url url: url
}) })
}, },
goBack() { goBack() {
if (getCurrentPages().length > 1) { if (getCurrentPages().length > 1) {
uni.navigateBack() uni.navigateBack()
} else { } else {
uni.redirectTo({ uni.redirectTo({
url: '/pages/index/index' url: '/pages/index/index'
}) })
} }
} }
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.page-c { .page-c {
background-color: #EBF4F7; background-color: #EBF4F7;
height: 100vh; min-height: 100vh;
} }
/* 底部安全边距 start*/ /* 底部安全边距 start*/
.tn-tabbar-height { .tn-tabbar-height {
min-height: 120rpx; min-height: 120rpx;
height: calc(140rpx + env(safe-area-inset-bottom) / 2); height: calc(140rpx + env(safe-area-inset-bottom) / 2);
height: calc(140rpx + constant(safe-area-inset-bottom)); height: calc(140rpx + constant(safe-area-inset-bottom));
} }
.tn-footerfixed { .tn-footerfixed {
position: fixed; position: fixed;
width: 100%; width: 100%;
bottom: calc(180rpx + env(safe-area-inset-bottom)); bottom: calc(180rpx + env(safe-area-inset-bottom));
z-index: 1024; z-index: 1024;
box-shadow: 0 1rpx 6rpx rgba(0, 0, 0, 0); box-shadow: 0 1rpx 6rpx rgba(0, 0, 0, 0);
} }
/* 按钮 */ /* 按钮 */
.button-1 { .button-1 {
background-color: rgba(0, 0, 0, 0.15); background-color: rgba(0, 0, 0, 0.15);
position: fixed; position: fixed;
/* bottom:200rpx; /* bottom:200rpx;
right: 20rpx; */ right: 20rpx; */
bottom: 27%; bottom: 27%;
right: 30rpx; right: 30rpx;
z-index: 1001; z-index: 1001;
border-radius: 100px; border-radius: 100px;
} }
.button-2 { .button-2 {
background-color: rgba(0, 0, 0, 0.15); background-color: rgba(0, 0, 0, 0.15);
position: fixed; position: fixed;
/* bottom:200rpx; /* bottom:200rpx;
right: 20rpx; */ right: 20rpx; */
bottom: 18%; bottom: 18%;
right: 30rpx; right: 30rpx;
z-index: 1001; z-index: 1001;
border-radius: 100px; border-radius: 100px;
} }
/* 图标容器15 start */ /* 图标容器15 start */
.icon15 { .icon15 {
&__item { &__item {
width: 30%; width: 30%;
border-radius: 10rpx; border-radius: 10rpx;
padding: 30rpx; padding: 30rpx;
margin: 20rpx 10rpx; margin: 20rpx 10rpx;
transform: scale(1); transform: scale(1);
transition: transform 0.3s linear; transition: transform 0.3s linear;
transform-origin: center center; transform-origin: center center;
&--icon { &--icon {
width: 100rpx; width: 100rpx;
height: 100rpx; height: 100rpx;
font-size: 50rpx; font-size: 50rpx;
border-radius: 50%; border-radius: 50%;
margin-bottom: 18rpx; margin-bottom: 18rpx;
z-index: 1; z-index: 1;
&::after { &::after {
content: " "; content: " ";
position: absolute; position: absolute;
z-index: -1; z-index: -1;
width: 100%; width: 100%;
height: 100%; height: 100%;
left: 0; left: 0;
bottom: 0; bottom: 0;
border-radius: inherit; border-radius: inherit;
opacity: 1; opacity: 1;
transform: scale(1, 1); transform: scale(1, 1);
background-size: 100% 100%; background-size: 100% 100%;
} }
} }
} }
} }
/* 相册 */ /* 相册 */
.slideshow { .slideshow {
overflow: hidden; overflow: hidden;
text-align: center; text-align: center;
} }
/* 简历内容 */ /* 简历内容 */
.king-list { .king-list {
display: block; display: block;
// background-color: #ffffff; // background-color: #ffffff;
} }
.king-list .king-icon { .king-list .king-icon {
width: 100%; width: 100%;
text-align: left; text-align: left;
padding: 20rpx 0 20rpx 37rpx; padding: 20rpx 0 20rpx 37rpx;
font-size: 26rpx; font-size: 26rpx;
color: #888; color: #888;
display: block; display: block;
} }
.king-list > .king-item { .king-list>.king-item {
padding: 30rpx 30rpx 30rpx 120rpx; padding: 30rpx 30rpx 30rpx 120rpx;
position: relative; position: relative;
display: block; display: block;
z-index: 0; z-index: 0;
} }
.king-list > .king-item::after { .king-list>.king-item::after {
content: ""; content: "";
display: block; display: block;
position: absolute; position: absolute;
width: 1rpx; width: 1rpx;
background-color: #E6E6E6; background-color: #E6E6E6;
left: 60rpx; left: 60rpx;
height: 100%; height: 100%;
top: 0; top: 0;
z-index: 8; z-index: 8;
} }
.king-list > .king-item::before { .king-list>.king-item::before {
display: block; display: block;
position: absolute; position: absolute;
top: 36rpx; top: 36rpx;
z-index: 9; z-index: 9;
background-color: #ffffff; background-color: #ffffff;
width: 50rpx; width: 50rpx;
height: 50rpx; height: 50rpx;
text-align: center; text-align: center;
border: none; border: none;
line-height: 50rpx; line-height: 50rpx;
left: 36rpx; left: 36rpx;
} }
/* 名片微调 */ /* 名片微调 */
.img-solid { .img-solid {
border: 1rpx solid #eee; border: 1rpx solid #eee;
} }
.share-img { .share-img {
position: fixed; position: fixed;
/* padding: 10rpx; */ /* padding: 10rpx; */
width: 100rpx; width: 100rpx;
height: 100rpx; height: 100rpx;
/* top: 680rpx; */ /* top: 680rpx; */
bottom: 200rpx; bottom: 200rpx;
right: 20rpx; right: 20rpx;
z-index: 1024; z-index: 1024;
opacity: 0.8; opacity: 0.8;
box-shadow: 0rpx 8rpx 30rpx 0rpx rgba(0, 0, 0, 0.3); box-shadow: 0rpx 8rpx 30rpx 0rpx rgba(0, 0, 0, 0.3);
border: none; border: none;
border: 6rpx solid rgba(255, 255, 255, 0); border: 6rpx solid rgba(255, 255, 255, 0);
} }
.resume { .resume {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding-top: 10rpx; padding-top: 10rpx;
border-radius: 6rpx; border-radius: 6rpx;
color: #666; color: #666;
line-height: 1.6; line-height: 1.6;
} }
.resume + .resume { .resume+.resume {
margin-top: 20rpx; margin-top: 20rpx;
} }
.resume2 { .resume2 {
padding-top: 10rpx; padding-top: 10rpx;
border-radius: 6rpx; border-radius: 6rpx;
display: block; display: block;
color: #666; color: #666;
line-height: 1.6; line-height: 1.6;
text-align: justify; text-align: justify;
} }
/* 间隔线 start*/ /* 间隔线 start*/
.tn-strip-bottom { .tn-strip-bottom {
width: 100%; width: 100%;
border-bottom: 5rpx solid #ffffff; border-bottom: 5rpx solid #ffffff;
} }
/* 间隔线 end*/ /* 间隔线 end*/
.bg-img-cont { .bg-img-cont {
background-size: cover; background-size: cover;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
height: 350rpx; height: 350rpx;
margin: 20rpx 0; margin: 20rpx 0;
border-radius: 8rpx; border-radius: 8rpx;
} }
// .button-no { // .button-no {
// border: none; // border: none;
// width: 100%; // width: 100%;
// height: 100%; // height: 100%;
// background-color: rgba(0, 0, 0, 0); // background-color: rgba(0, 0, 0, 0);
// } // }
/* 标签内容 start*/ /* 标签内容 start*/
.tn-tag-content { .tn-tag-content {
&__item { &__item {
display: inline-block; display: inline-block;
line-height: 45rpx; line-height: 45rpx;
padding: 10rpx 30rpx; padding: 10rpx 30rpx;
margin: 0rpx 20rpx 25rpx 0rpx; margin: 0rpx 20rpx 25rpx 0rpx;
&--prefix { &--prefix {
padding-right: 10rpx; padding-right: 10rpx;
} }
} }
} }
/* 标签内容 end*/ /* 标签内容 end*/
.see { .see {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding-top: 10rpx; padding-top: 10rpx;
border-radius: 6rpx; border-radius: 6rpx;
color: #666; color: #666;
line-height: 1.6; line-height: 1.6;
} }
</style> </style>

View File

@ -13,27 +13,8 @@
</view> </view>
</tn-nav-bar> </tn-nav-bar>
<view :style="{paddingTop: vuex_custom_bar_height + 'px'}"> <view :style="{paddingTop: vuex_custom_bar_height + 'px'}">
<view style="padding: 30rpx; line-height: 50rpx;"> <view style="padding: 30rpx;line-height: 50rpx;">
<p>发展服务</p> <view v-html="info.association_guizhang"></view>
<p>发展服务既为个人也为企业比如推举会员当选政协委员人大代表积极参政议政积极申请推荐会员进入市青年企业家领航计划班学习组织参观会员企业学习管理组织会员参加对外商贸考察等等</p>
<p>政策服务</p>
<p>区青企协根据形势发展的需要不定期地为会员提供各类优惠政策的指引和告知</p>
<p>协调服务</p>
<p>区青企协积极为会员企业与外单位或合作企业搭建沟通的平台互帮互助进行工作协调</p>
<p>宣传服务</p>
<p>积极利用报纸电视网络宣传会员及企业的活动和正能量例如杰出企业家评选关爱员工的企业家评选企业庆典活动员工表彰活动剪彩挂牌活动等等青企协都给予大力的宣传</p>
<p>亲子服务</p>
<p>番禺区青企协举办一系列的亲子登山亲子植树亲子扶贫等等活动和谐家庭关系教育孩子成长</p>
<p>文体服务</p>
<p>比如组织参加文化展览组织网球乒乓球羽毛球比赛组织观看企业晚会组织学习企业文化等等</p>
<p>信息服务</p>
<p>比如为会员企业提供积分入学积分入户优秀外来工评选加入企业人才库企业招聘等等各种信息服务</p>
<p>社会服务</p>
<p>引领青年企业家热心公益回报社会比如组织会员及其企业参加志愿活动慈善爱心活动等等</p>
<p>提醒服务</p>
<p>比如每逢节假日向会员发送温馨问候的短信遇到极端天气向会员发出安全提醒短信等等并且在青企协微信群里提供知识文化新闻方面的精神层面的服务</p>
<p>资源共享服务</p>
<p>会员里面培训机构律师会计学校审计机构医生地产商都有资源充足涵盖面广番禺区青企协积极为会员排忧解难为有需要的会员提供资源对接谋求共同发展</p>
</view> </view>
</view> </view>
@ -41,13 +22,42 @@
</template> </template>
<script> <script>
import {associationInfo, UserApplication} from "@/util/api";
import store from "@/store";
export default { export default {
data() { data() {
return { return {
topCurrent: 0 topCurrent: 0,
info:{}
} }
}, },
onLoad() {
this.getAssociationInfo();
},
methods: { methods: {
getAssociationInfo(){
console.log('discovery');
associationInfo({
association_id: store.state.Gid,
})
.then(res => {
console.log(res);
if(res.code==1){
var key=res.data;
if(key.association_guizhang.indexOf("<img")!=-1){
key.association_guizhang=getApp().addWidthToImages(key.association_guizhang);
}
this.info=key;
}
})
.catch(error => {
uni.showToast({
title: error,
icon: 'none',
duration: 2000
});
})
},
goBack() { goBack() {
if (getCurrentPages().length > 1) { if (getCurrentPages().length > 1) {
uni.navigateBack() uni.navigateBack()
@ -64,4 +74,4 @@
<style> <style>
</style> </style>

View File

@ -21,7 +21,7 @@
</view> </view>
</view> </view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;"> <view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input placeholder="填写姓名" name="input" placeholder-style="color:#AAAAAA"></input> <input placeholder="填写姓名" name="input" v-model="formData.name" placeholder-style="color:#AAAAAA"></input>
</view> </view>
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin"> <view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item"> <view class="tn-flex justify-content-item">
@ -29,7 +29,7 @@
</view> </view>
</view> </view>
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;"> <view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
<input placeholder="填写联系方式" name="input" placeholder-style="color:#AAAAAA"></input> <input placeholder="填写联系方式" v-model="formData.phone" name="input" placeholder-style="color:#AAAAAA"></input>
</view> </view>
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin"> <view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
<view class="tn-flex justify-content-item"> <view class="tn-flex justify-content-item">
@ -37,13 +37,13 @@
</view> </view>
</view> </view>
<view class="tn-margin tn-bg-gray--light tn-padding" style="border-radius: 10rpx;"> <view class="tn-margin tn-bg-gray--light tn-padding" style="border-radius: 10rpx;">
<textarea maxlength="500" placeholder="填写反馈内容" placeholder-style="color:#AAAAAA"></textarea> <textarea maxlength="500" v-model="formData.content" placeholder="填写反馈内容" placeholder-style="color:#AAAAAA"></textarea>
</view> </view>
<!-- 悬浮按钮--> <!-- 悬浮按钮-->
<view class="tn-flex tn-footerfixed"> <view class="tn-flex tn-footerfixed">
<view class="tn-flex-1 justify-content-item tn-margin-sm tn-text-center"> <view class="tn-flex-1 justify-content-item tn-margin-sm tn-text-center">
<tn-button backgroundColor="#FBBD12" fontColor="#ffffff" padding="40rpx 0" width="60%" shadow <tn-button backgroundColor="#FBBD12" fontColor="#ffffff" padding="40rpx 0" width="60%" shadow
fontBold @tap="upload"> fontBold @tap="submit">
<!-- <text class="tn-icon-light tn-padding-right-xs tn-color-black"></text> --> <!-- <text class="tn-icon-light tn-padding-right-xs tn-color-black"></text> -->
<text> </text> <text> </text>
</tn-button> </tn-button>
@ -58,17 +58,55 @@
</template> </template>
<script> <script>
import { messageAdd} from "@/util/api";
import store from "@/store";
export default { export default {
data() { data() {
return { return {
topCurrent: 0, topCurrent: 0,
formData:{
name:'',
phone:'',
content:'',
association_id:store.state.Gid,
member_id:uni.getStorageSync('uid'),
createtime:new Date().toISOString().slice(0, 19).replace('T', ' ')
}
} }
}, },
onLoad() { onLoad() {
}, },
methods: { methods: {
submit(){
messageAdd(this.formData)
.then(res => {
console.log(res);
if(res.code==1){
uni.showToast({
title: '提交成功!',
icon: 'none',
duration: 2000
});
this.formData.name='';
this.formData.phone='';
this.formData.content='';
}else{
uni.showToast({
title: res.msg,
icon: 'none',
duration: 2000
});
}
})
.catch(error => {
uni.showToast({
title: error,
icon: 'none',
duration: 2000
});
})
},
// //
tn(e) { tn(e) {
uni.navigateTo({ uni.navigateTo({
@ -122,4 +160,4 @@
} }
/* 标签内容 end*/ /* 标签内容 end*/
</style> </style>

View File

@ -30,7 +30,6 @@
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</template> </template>

View File

@ -19,17 +19,17 @@
<swiper-item <swiper-item
style="padding: 0px;border-radius: 0;"> style="padding: 0px;border-radius: 0;">
<view class="swiper-item image-banner" <view class="swiper-item image-banner"
:style="'background-image:url('+ apiImgUrl+info.association_image + ');background-size: 100%; background-repeat: no-repeat;border-radius: 0;'"> :style="'background-image:url('+ apiImgUrl+info.association_image + ');background-size: contain; background-position:center; background-repeat: no-repeat;border-radius: 0;'">
</view> </view>
</swiper-item> </swiper-item>
</swiper> </swiper>
<view style="position: absolute;top: 10px;right: 10px;"> <!-- <view style="position: absolute;top: 10px;right: 10px;">
<view <view
style="position: relative;;width: 70rpx;height: 60rpx;background-color: rgba(255, 255, 255, 0.9);border-radius: 8rpx;box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(12,0,5,0.2);"> style="position: relative;;width: 70rpx;height: 60rpx;background-color: rgba(255, 255, 255, 0.9);border-radius: 8rpx;box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(12,0,5,0.2);">
<image src="/static/c1455.png" mode="widthFix" <image src="/static/c1455.png" mode="widthFix"
style="width: 40rpx;position: absolute;left: 0;right: 0;margin: 0 auto;top: 15rpx;"></image> style="width: 40rpx;position: absolute;left: 0;right: 0;margin: 0 auto;top: 15rpx;"></image>
</view> </view>
</view> </view> -->
</view> </view>
</view> </view>
<view style="padding:20rpx 30rpx;"> <view style="padding:20rpx 30rpx;">
@ -88,15 +88,29 @@
</template> </template>
</view> </view>
</view> </view>
<view style="position: fixed;bottom: 50rpx;width: 100%;"> <!-- <view style="position: fixed;bottom: 50rpx;width: 100%;">
<view class="tn-flex tn-flex-row-around"> <view class="tn-flex tn-flex-row-around"> -->
<view @click="openUrl('/pages/index/directory?id='+info.id)" <!-- <view @click="openUrl('/pages/index/directory?id='+info.id)"
style="color: #fff;;letter-spacing: 10rpx;line-height: 70rpx;;text-align: center;;width: 300rpx;height: 70rpx;background: linear-gradient(-45deg, #4AA2EF, #3A7FF4);border-radius: 50rpx;"> style="color: #fff;;letter-spacing: 10rpx;line-height: 70rpx;;text-align: center;;width: 300rpx;height: 70rpx;background: linear-gradient(-45deg, #4AA2EF, #3A7FF4);border-radius: 50rpx;">
会员名录</view> 会员名录</view> -->
<view v-if="userInfo.association_id!=association_id" @click="openUrl('/pages/index/apply_in')"
<!-- <view v-if="userInfo.association_id!=association_id" @click="openUrl('/pages/index/apply_in')"
style="color: #fff;;letter-spacing: 10rpx;line-height: 70rpx;;text-align: center;;width: 300rpx;height: 70rpx;background: linear-gradient(270deg, #EE7E45, #EE9657);border-radius: 50rpx;"> style="color: #fff;;letter-spacing: 10rpx;line-height: 70rpx;;text-align: center;;width: 300rpx;height: 70rpx;background: linear-gradient(270deg, #EE7E45, #EE9657);border-radius: 50rpx;">
申请入会</view> 申请入会</view> -->
</view> <view v-if="userInfo.association_id!=association_id" @click="openUrl('/pages/index/apply_in')"
style="position: fixed;bottom: 260rpx;right: 20rpx;line-height: 35rpx;color: #fff;;text-align: center;width: 100rpx;height: 100rpx;background: linear-gradient(270deg, #EE7E45, #EE9657);border-radius: 50%;">
<view style="padding-top: 16rpx;">申请</view>
<view>入会</view>
</view>
<view style="position: fixed;bottom: 250rpx; width: 100%;">
<view class="tn-flex tn-flex-row-around" >
<view @click="openUrl('/pages/index/directory?id='+info.id)"
style="position: absolute; right:20rpx;color: #fff; line-height:35rpx;text-align: center;width: 100rpx;height: 100rpx;background: linear-gradient(-45deg, #4AA2EF, #3A7FF4);border-radius: 50%;">
<view style="padding-top: 16rpx;">会员</view> <view>名录</view>
</view>
</view>
</view>
<!-- </view> -->
</view> </view>
</view> </view>
</template> </template>

View File

@ -1,328 +1,346 @@
<template> <template>
<view style="background-color: #EBF4F7;letter-spacing: 1rpx;min-height: 100vh;"> <view style="background-color: #EBF4F7;letter-spacing: 1rpx;min-height: 100vh;">
<tn-nav-bar :isBack="false" :bottomShadow="true" backgroundColor="#FFFFFF"> <tn-nav-bar :isBack="false" :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="text-shadow: 1rpx 0 0 #FFF, 0 1rpx 0 #FFF, -1rpx 0 0 #FFF , 0 -1rpx 0 #FFF;width: 100%;"> <view style="text-shadow: 1rpx 0 0 #FFF, 0 1rpx 0 #FFF, -1rpx 0 0 #FFF , 0 -1rpx 0 #FFF;width: 100%;">
<!-- <tn-tabs :list="[{name:'智慧云商协'}]" :current="topCurrent" activeColor="#000" :bold="false" <!-- <tn-tabs :list="[{name:'智慧云商协'}]" :current="topCurrent" activeColor="#000" :bold="false"
:fontSize="36"></tn-tabs> --> :fontSize="36"></tn-tabs> -->
<view style="text-align: center;font-size: 36rpx;">协会活动</view> <view style="text-align: center;font-size: 36rpx;">协会活动</view>
</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'}">
<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%;">
<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: 10rpx 20rpx 10rpx 20rpx;width: 95%;background-color: rgba(255, 255, 255, 0.9);">
<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" <input v-model="content" class="justify-content-item"
placeholder="请填写活动标题" name="input" placeholder-style="color:#AAAAAA" placeholder="请填写活动标题" name="input" placeholder-style="color:#AAAAAA"
style="width: 90%;"></input> style="width: 90%;"></input>
</view> </view>
</view> </view>
<view> <view>
<view class="justify-content-item tn-text-center"> <view class="justify-content-item tn-text-center">
<tn-button backgroundColor="#3668fc" shape="round" padding="20rpx 20rpx" width="150rpx" @click="onsubmit()"> <tn-button backgroundColor="#3668fc" shape="round" padding="20rpx 20rpx" width="150rpx" @click="onsubmit()">
<text class="tn-color-white"> </text> <text class="tn-color-white"> </text>
</tn-button> </tn-button>
</view> </view>
</view> </view>
</view> </view>
<!-- <view class="tn-flex tn-flex-row-between tn-flex-center tn-flex-col-center" style="padding: 0px 30rpx;"> <!-- <view class="tn-flex tn-flex-row-between tn-flex-center tn-flex-col-center" style="padding: 0px 30rpx;">
<view <view
style="text-align: center;background-color: #FFF;padding:10rpx 30rpx;width: 48%;border-radius: 5rpx;"> style="text-align: center;background-color: #FFF;padding:10rpx 30rpx;width: 48%;border-radius: 5rpx;">
<text>全部显示)</text> <text>全部显示)</text>
<text class="tn-icon-down-triangle"></text> <text class="tn-icon-down-triangle"></text>
</view> </view>
<view <view
style="text-align: center;background-color: #FFF;padding:10rpx 30rpx;width: 48%;border-radius: 5rpx;"> style="text-align: center;background-color: #FFF;padding:10rpx 30rpx;width: 48%;border-radius: 5rpx;">
<text>全部显示)</text> <text>全部显示)</text>
<text class="tn-icon-down-triangle"></text> <text class="tn-icon-down-triangle"></text>
</view> </view>
</view> --> </view> -->
<tn-tabs :list="tabList" :isScroll="false" :current="current" name="name" @change="tabChange" activeColor="#3668FC"></tn-tabs> <tn-tabs :list="tabList" :isScroll="false" :current="current" name="name" @change="tabChange"
<!-- <view style="padding: 30rpx;"> activeColor="#3668FC"></tn-tabs>
<view class="tn-flex tn-flex-center tn-flex-col-center tn-flex-row-between" <!-- <view style="padding: 30rpx;">
style="text-align: center;padding: 30rpx;background-color: #FFF;border-radius: 20rpx;"> <view class="tn-flex tn-flex-center tn-flex-col-center tn-flex-row-between"
<view> style="text-align: center;padding: 30rpx;background-color: #FFF;border-radius: 20rpx;">
<view> <view>
<image src="/static/ico1.png" style="width: 70rpx;height: 70rpx;"></image> <view>
</view> <image src="/static/ico1.png" style="width: 70rpx;height: 70rpx;"></image>
<view style="margin-top: 10rpx;"> </view>
<text>协会活动</text> <view style="margin-top: 10rpx;">
</view> <text>协会活动</text>
</view> </view>
<view> </view>
<view> <view>
<image src="/static/ico2.png" style="width: 70rpx;height: 70rpx;"></image> <view>
</view> <image src="/static/ico2.png" style="width: 70rpx;height: 70rpx;"></image>
<view style="margin-top: 10rpx;"> </view>
<text>知识学堂</text> <view style="margin-top: 10rpx;">
</view> <text>知识学堂</text>
</view> </view>
<view> </view>
<view> <view>
<image src="/static/ico3.png" style="width: 70rpx;height: 70rpx;"></image> <view>
</view> <image src="/static/ico3.png" style="width: 70rpx;height: 70rpx;"></image>
<view style="margin-top: 10rpx;"> </view>
<text>供需服务</text> <view style="margin-top: 10rpx;">
</view> <text>供需服务</text>
</view> </view>
<view> </view>
<view> <view>
<image src="/static/ico4.png" style="width: 70rpx;height: 70rpx;"></image> <view>
</view> <image src="/static/ico4.png" style="width: 70rpx;height: 70rpx;"></image>
<view style="margin-top: 10rpx;"> </view>
<text>金融服务</text> <view style="margin-top: 10rpx;">
</view> <text>金融服务</text>
</view> </view>
</view> </view>
</view> --> </view>
</view> </view> -->
<!-- <view class="tn-flex tn-flex-row-between tn-flex-col-center tn-flex-row-center" </view>
style="padding:10rpx 30rpx;margin-top: 20rpx;"> <!-- <view class="tn-flex tn-flex-row-between tn-flex-col-center tn-flex-row-center"
<view style="font-size: 36rpx;">协会活动</view> style="padding:10rpx 30rpx;margin-top: 20rpx;">
<view style="color: #808080;" @click="openUrl('/pages/index/events_list')"> <view style="font-size: 36rpx;">协会活动</view>
<text>更多</text> <view style="color: #808080;" @click="openUrl('/pages/index/events_list')">
<text class="tn-icon-right"></text> <text>更多</text>
</view> <text class="tn-icon-right"></text>
</view> --> </view>
<view style="padding-bottom: 30rpx;"> </view> -->
<!-- <scroll-view :scroll-x="true" style="padding:0rpx 30rpx;white-space: nowrap;"> <view style="padding-bottom: 30rpx;">
<view v-for="(item,index) in 3" @click="openUrl('/pages/index/events_info')" <!-- <scroll-view :scroll-x="true" style="padding:0rpx 30rpx;white-space: nowrap;">
style="box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(12,0,5,0.1);position: relative;;display: inline-block;width: 300rpx;text-align: center;background-color: #FFF;border-radius: 20rpx;overflow: hidden;margin-right: 20rpx;"> <view v-for="(item,index) in 3" @click="openUrl('/pages/index/events_info')"
<view> style="box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(12,0,5,0.1);position: relative;;display: inline-block;width: 300rpx;text-align: center;background-color: #FFF;border-radius: 20rpx;overflow: hidden;margin-right: 20rpx;">
<image src="/static/hd1.jpg" mode="widthFix" style="width: 300rpx;"></image> <view>
</view> <image src="/static/hd1.jpg" mode="widthFix" style="width: 300rpx;"></image>
<view style="padding:10rpx 20rpx;font-weight: 400;"> </view>
<view class="tn-text-ellipsis-2" style="letter-spacing: 1px;">青年企业家能力提升 计划培训班(第20期)</view> <view style="padding:10rpx 20rpx;font-weight: 400;">
</view> <view class="tn-text-ellipsis-2" style="letter-spacing: 1px;">青年企业家能力提升 计划培训班(第20期)</view>
<view style="position: absolute;top: 10rpx;left: 10rpx;"> </view>
<tn-button v-if="index==0" width="80rpx" height="40rpx" size="sm" backgroundColor="#6BC7F0 " <view style="position: absolute;top: 10rpx;left: 10rpx;">
fontColor="tn-color-white">报名中</tn-button> <tn-button v-if="index==0" width="80rpx" height="40rpx" size="sm" backgroundColor="#6BC7F0 "
<tn-button v-if="index==1" width="80rpx" height="40rpx" size="sm" backgroundColor="#EE9556 " fontColor="tn-color-white">报名中</tn-button>
fontColor="tn-color-white">预告</tn-button> <tn-button v-if="index==1" width="80rpx" height="40rpx" size="sm" backgroundColor="#EE9556 "
<tn-button v-if="index==2" width="80rpx" height="40rpx" size="sm" backgroundColor="#E12B33 " fontColor="tn-color-white">预告</tn-button>
fontColor="tn-color-white">进行中</tn-button> <tn-button v-if="index==2" width="80rpx" height="40rpx" size="sm" backgroundColor="#E12B33 "
</view> fontColor="tn-color-white">进行中</tn-button>
</view> </view>
</scroll-view> --> </view>
<view style="padding: 30rpx 0rpx;"> </scroll-view> -->
<tn-grid align="left" :col="2"> <view style="padding: 30rpx 0rpx;">
<block v-for="(item,index) in actList"> <tn-grid align="left" :col="2">
<tn-grid-item style="width:50%"> <block v-for="(item,index) in actList">
<view @click="openUrl('/pages/index/event_info')" <tn-grid-item style="width:50%">
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 @click="openUrl('/pages/index/event_info?id='+item.id)"
<view> 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;">
<image :src="apiImgUrl+item.activity_image" <view>
style="width: 350rpx;height: 170rpx;"> <image :src="apiImgUrl+item.activity_image"
</image> style="width: 350rpx;height: 170rpx;">
</view> </image>
<view style="padding:10rpx 20rpx;font-weight: 400;"> </view>
<view class="tn-text-ellipsis">{{item.activity_name}}</view> <view style="padding:10rpx 20rpx;font-weight: 400;">
<view class="tn-flex tn-flex-row-between" <view class="tn-text-ellipsis "style="text-align: left;">{{ item.activity_name }}</view>
style="font-size: 24rpx;color:#808080;padding: 15rpx 0rpx;"> <view class="tn-flex tn-flex-row-between"
<!-- <view>{{item.name}}</view> style="font-size: 24rpx;color:#808080;padding: 15rpx 0rpx;">
<view> <view>
<text class="tn-icon-eye"></text> <text v-if="item.activity_type==1">线下活动</text>
<text style="margin-left: 5rpx;">{{item.eye}}</text> <text v-if="item.activity_type==2">调查问卷</text>
</view> --> <text v-if="item.activity_type==3">公益捐赠</text>
</view> <text v-if="item.activity_type==4">学习培训</text>
</view> </view>
<view style="position: absolute;top: 10rpx;left: 10rpx;"> <!-- <view>-->
<tn-button v-if="item.is==0" padding="0" width="80rpx" height="40rpx" size="sm" <!-- <text class="tn-icon-eye"></text>-->
backgroundColor="#6BC7F0 " fontColor="tn-color-white">报名中</tn-button> <!-- <text style="margin-left: 5rpx;">{{item.eye}}</text>-->
<tn-button v-if="item.is==1" padding="0" width="80rpx" height="40rpx" size="sm" <!-- </view>-->
backgroundColor="#EE9556 " fontColor="tn-color-white">预告</tn-button> </view>
<tn-button v-if="item.is==2" padding="0" width="80rpx" height="40rpx" size="sm" </view>
backgroundColor="#E12B33 " fontColor="tn-color-white">进行中</tn-button> <!-- <view style="position: absolute;top: 10rpx;left: 10rpx;">-->
</view> <!-- <tn-button v-if="item.is==0" padding="0" width="80rpx" height="40rpx" size="sm"-->
</view> <!-- backgroundColor="#6BC7F0 " fontColor="tn-color-white">报名中</tn-button>-->
</tn-grid-item> <!-- <tn-button v-if="item.is==1" padding="0" width="80rpx" height="40rpx" size="sm"-->
</block> <!-- backgroundColor="#EE9556 " fontColor="tn-color-white">预告</tn-button>-->
</tn-grid> <!-- <tn-button v-if="item.is==2" padding="0" width="80rpx" height="40rpx" size="sm"-->
<!-- <view style="position: absolute;top: 10rpx;left: 10rpx;"> <!-- backgroundColor="#E12B33 " fontColor="tn-color-white">进行中</tn-button>-->
<tn-button v-if="index==0" width="80rpx" height="40rpx" size="sm" backgroundColor="#6BC7F0 " <!-- </view>-->
fontColor="tn-color-white">报名中</tn-button> </view>
<tn-button v-if="index==1" width="80rpx" height="40rpx" size="sm" backgroundColor="#EE9556 " </tn-grid-item>
fontColor="tn-color-white">预告</tn-button> </block>
<tn-button v-if="index==2" width="80rpx" height="40rpx" size="sm" backgroundColor="#E12B33 " </tn-grid>
fontColor="tn-color-white">进行中</tn-button> <!-- <view style="position: absolute;top: 10rpx;left: 10rpx;">
</view> --> <tn-button v-if="index==0" width="80rpx" height="40rpx" size="sm" backgroundColor="#6BC7F0 "
</view> fontColor="tn-color-white">报名中</tn-button>
</view> <tn-button v-if="index==1" width="80rpx" height="40rpx" size="sm" backgroundColor="#EE9556 "
<!-- <view class="tn-flex tn-flex-row-between tn-flex-col-center tn-flex-row-center" style="padding:10rpx 30rpx;"> fontColor="tn-color-white">预告</tn-button>
<view style="font-size: 36rpx;">知识学堂</view> <tn-button v-if="index==2" width="80rpx" height="40rpx" size="sm" backgroundColor="#E12B33 "
<view style="color: #808080;" @click="openUrl('/pages/index/knowledge_list')"> fontColor="tn-color-white">进行中</tn-button>
<text>更多</text> </view> -->
<text class="tn-icon-right"></text> </view>
</view> </view>
</view> <!-- <view class="tn-flex tn-flex-row-between tn-flex-col-center tn-flex-row-center" style="padding:10rpx 30rpx;">
<view style="padding:0rpx 30rpx;"> <view style="font-size: 36rpx;">知识学堂</view>
<view @click="openUrl('/pages/index/new_info')" <view style="color: #808080;" @click="openUrl('/pages/index/knowledge_list')">
style="box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(12,0,5,0.1);position: relative;width: 100%;background-color: #FFF;border-radius: 20rpx;overflow: hidden;"> <text>更多</text>
<view> <text class="tn-icon-right"></text>
<image src="/static/s1.jpg" mode="widthFix" style="width: 100%;"></image> </view>
</view> </view>
<view style="padding:10rpx 20rpx;font-weight: 400;"> <view style="padding:0rpx 30rpx;">
<view class="tn-text-ellipsis-2">青年企业家能力提升 计划培训班(第20期)</view> <view @click="openUrl('/pages/index/new_info')"
<view class="tn-flex tn-flex-row-between" style="box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(12,0,5,0.1);position: relative;width: 100%;background-color: #FFF;border-radius: 20rpx;overflow: hidden;">
style="font-size: 24rpx;color:#808080;padding: 20rpx 0rpx;"> <view>
<view>河南青企协</view> <image src="/static/s1.jpg" mode="widthFix" style="width: 100%;"></image>
<view> </view>
<text class="tn-icon-eye"></text> <view style="padding:10rpx 20rpx;font-weight: 400;">
<text style="margin-left: 5rpx;">568</text> <view class="tn-text-ellipsis-2">青年企业家能力提升 计划培训班(第20期)</view>
</view> <view class="tn-flex tn-flex-row-between"
</view> style="font-size: 24rpx;color:#808080;padding: 20rpx 0rpx;">
</view> <view>河南青企协</view>
</view> <view>
</view> <text class="tn-icon-eye"></text>
<view style="padding: 30rpx 0rpx;"> <text style="margin-left: 5rpx;">568</text>
<scroll-view :scroll-x="true" style="padding:0rpx 30rpx;white-space: nowrap;"> </view>
<view v-for="(item,index) in 3" @click="openUrl('/pages/index/new_info')" </view>
style="box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(12,0,5,0.1);position: relative;;display: inline-block;width: 335rpx;text-align: center;background-color: #FFF;border-radius: 20rpx;overflow: hidden;margin-right: 20rpx;"> </view>
<view> </view>
<image src="/static/hd1.jpg" style="width: 335rpx;height: 200rpx;"></image> </view>
</view> <view style="padding: 30rpx 0rpx;">
<view style="padding:10rpx 20rpx;font-weight: 400;"> <scroll-view :scroll-x="true" style="padding:0rpx 30rpx;white-space: nowrap;">
<view class="tn-text-ellipsis" style="letter-spacing: 1px;">青年企业家能力提升 计划培训班(第20期)</view> <view v-for="(item,index) in 3" @click="openUrl('/pages/index/new_info')"
<view class="tn-flex tn-flex-row-between" style="box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(12,0,5,0.1);position: relative;;display: inline-block;width: 335rpx;text-align: center;background-color: #FFF;border-radius: 20rpx;overflow: hidden;margin-right: 20rpx;">
style="font-size: 24rpx;color:#808080;padding: 15rpx 0rpx;"> <view>
<view>河南青企协</view> <image src="/static/hd1.jpg" style="width: 335rpx;height: 200rpx;"></image>
<view> </view>
<text class="tn-icon-eye"></text> <view style="padding:10rpx 20rpx;font-weight: 400;">
<text style="margin-left: 5rpx;">568</text> <view class="tn-text-ellipsis" style="letter-spacing: 1px;">青年企业家能力提升 计划培训班(第20期)</view>
</view> <view class="tn-flex tn-flex-row-between"
</view> style="font-size: 24rpx;color:#808080;padding: 15rpx 0rpx;">
</view> <view>河南青企协</view>
</view> <view>
</scroll-view> <text class="tn-icon-eye"></text>
</view> <text style="margin-left: 5rpx;">568</text>
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-flex-row-center" style="padding:10rpx 30rpx;"> </view>
<view style="font-size: 36rpx;">供需服务</view> </view>
<view style="color: #808080;" @click="openUrl('/pages/index/goods_list')"> </view>
<text>更多</text> </view>
<text class="tn-icon-right"></text> </scroll-view>
</view> </view>
</view> <view class="tn-flex tn-flex-row-between tn-flex-col-center tn-flex-row-center" style="padding:10rpx 30rpx;">
<view style="padding:10rpx 30rpx 100rpx 30rpx;"> <view style="font-size: 36rpx;">供需服务</view>
<view v-for="(item,index) in 3" @click="openUrl('/pages/index/goods_info')" style="background-color: #FFF;padding: 20rpx;border-radius: 20rpx; <view style="color: #808080;" @click="openUrl('/pages/index/goods_list')">
<text>更多</text>
<text class="tn-icon-right"></text>
</view>
</view>
<view style="padding:10rpx 30rpx 100rpx 30rpx;">
<view v-for="(item,index) in 3" @click="openUrl('/pages/index/goods_info')" style="background-color: #FFF;padding: 20rpx;border-radius: 20rpx;
box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(12,0,5,0.1);margin-bottom: 20rpx;"> box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(12,0,5,0.1);margin-bottom: 20rpx;">
<view class="tn-text-ellipsis"> <view class="tn-text-ellipsis">
<tn-tag v-if="index%2==0" shape="radius" size="sm" backgroundColor="tn-main-gradient-red--reverse" <tn-tag v-if="index%2==0" shape="radius" size="sm" backgroundColor="tn-main-gradient-red--reverse"
width="60rpx">需求</tn-tag> width="60rpx">需求</tn-tag>
<tn-tag v-if="index%2!=0" shape="radius" size="sm" backgroundColor="tn-main-gradient-blue" <tn-tag v-if="index%2!=0" shape="radius" size="sm" backgroundColor="tn-main-gradient-blue"
width="60rpx">供应</tn-tag> width="60rpx">供应</tn-tag>
<text style="vertical-align: middle;padding-left: 20rpx;font-size:30rpx;"> <text style="vertical-align: middle;padding-left: 20rpx;font-size:30rpx;">
劲捷飞燕系列P056C旅拍三脚架碳纤维摄影旅拍三脚架碳纤维摄影</text> 劲捷飞燕系列P056C旅拍三脚架碳纤维摄影旅拍三脚架碳纤维摄影</text>
</view> </view>
<view style="font-size: 24rpx;color: #808080;margin-top: 20rpx;">洛阳灵睿网络技术有限公司</view> <view style="font-size: 24rpx;color: #808080;margin-top: 20rpx;">洛阳灵睿网络技术有限公司</view>
<view> <view>
<tn-tag shape="radius" width="auto" backgroundColor="#F7F7F7" fontColor="#808080">洛阳市</tn-tag> <tn-tag shape="radius" width="auto" backgroundColor="#F7F7F7" fontColor="#808080">洛阳市</tn-tag>
<tn-tag shape="radius" margin="20rpx" width="auto" backgroundColor="#EBF4F7" <tn-tag shape="radius" margin="20rpx" width="auto" backgroundColor="#EBF4F7"
fontColor="#3377FF">合作意向18人</tn-tag> fontColor="#3377FF">合作意向18人</tn-tag>
<tn-tag shape="radius" width="auto" backgroundColor="#F7F3EB" fontColor="#FF8C19">项目金额1万以下</tn-tag> <tn-tag shape="radius" width="auto" backgroundColor="#F7F3EB" fontColor="#FF8C19">项目金额1万以下</tn-tag>
</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="margin-top: 20rpx;"> style="margin-top: 20rpx;">
<view style="color: #808080;font-size: 24rpx;">2023-12-19</view> <view style="color: #808080;font-size: 24rpx;">2023-12-19</view>
<view> <view>
<tn-button shape="round" :fontSize="22" width="160rpx" height="50rpx" <tn-button shape="round" :fontSize="22" width="160rpx" height="50rpx"
backgroundColor="tn-main-gradient-orange" fontColor="#ffffff">意向合作</tn-button> backgroundColor="tn-main-gradient-orange" fontColor="#ffffff">意向合作</tn-button>
</view> </view>
</view> </view>
</view> </view>
</view> --> </view> -->
<tn-load-more class="tn-margin-top" :status="load_status"></tn-load-more> <tn-load-more class="tn-margin-top" :status="load_status"></tn-load-more>
</view> </view>
</template> </template>
<script> <script>
import { import {
activityIndex, activityIndex,
} from '@/util/api.js'; } from '@/util/api.js';
import store from '@/store/index.js' import store from '@/store/index.js'
export default { export default {
data() { data() {
return { //1.线2.3.4.
current: 0, return {
load_status:'loading ', current: 0,
tabList: [{ load_status: 'loading ',
name: '进行中', tabList: [{
id: 1 name: '全部',
}, { id: 0
name: '未开始', }, {
id: 2 name: '线下活动',
}, { id: 1
name: '已结束', }, {
id: 3 name: '调查问卷',
}], id: 2
apiImgUrl:this.$store.state.imgUrl, }, {
content: '', name: '公益捐赠',
topCurrent: 0, id: 3
actList: [], }, {
page: 1, name: '学习培训',
tabType: 1, id: 4
} }],
}, apiImgUrl: this.$store.state.imgUrl,
mounted() { content: '',
topCurrent: 0,
actList: [],
page: 1,
}
},
mounted() {
this.getActivityIndex(); // this.getActivityIndex();
}, },
methods: { methods: {
onsubmit(){ onsubmit() {
this.page=1; this.page = 1;
this.actList=[]; this.actList = [];
this.getActivityIndex(); this.getActivityIndex();
}, },
tabChange(d) { tabChange(d) {
console.log(d); console.log(d);
this.current=d; this.current = d;
this.page=1; this.page = 1;
this.actList=[]; this.actList = [];
this.tabType = this.tabList[d].id; this.getActivityIndex();
this.getActivityIndex(); },
}, ReachBottom() {
ReachBottom() { console.log('service');
console.log('service'); this.page = this.page + 1;
this.page = this.page + 1; this.getActivityIndex();
this.getActivityIndex(); //this.getIndex();
//this.getIndex(); },
}, getNewInfo(){
getActivityIndex() { this.current = 0;
activityIndex({ this.page = 1;
association_id: store.state.Gid, this.actList = [];
type: this.tabType, this.getActivityIndex();
page: this.page, },
size: 10, getActivityIndex() {
activity_name:this.content var type=this.tabList[this.current].id;
}) activityIndex({
.then(res => { association_id: store.state.Gid,
console.log(res); page: this.page,
if (res.code == 1) { size: 10,
this.actList.push(... res.data.ret); activity_name: this.content,
}else{ activity_type:type
this.load_status='nomore'; })
.then(res => {
console.log(res);
if (res.code == 1) {
this.actList.push(...res.data.ret);
} else {
this.load_status = 'nomore';
} }
}) })
.catch(error => { .catch(error => {
uni.showToast({ uni.showToast({
title: error, title: error,
duration: 2000 duration: 2000
}); });
}) })
}, },
openUrl(e) { openUrl(e) {
uni.navigateTo({ uni.navigateTo({
url: e url: e
}) })
} }
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

View File

@ -1,5 +1,5 @@
<template> <template>
<view style="letter-spacing: 1rpx;"> <view style="letter-spacing: 1rpx;background-color: #F2F2F2;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()">
@ -12,25 +12,32 @@
</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',}">
<view style="padding: 30rpx;text-align: center;"> <view style="position: fixed;width: 100%;background-color: #F2F2F2;z-index: 1;">
<template v-for="(item, index) in architecture"> <tn-tabs :list="list" :isScroll="false" :current="current" name="name" activeColor="#000000"
<tn-button backgroundColor="#E83A30" height="50rpx" width="250rpx" fontColor="#ffffff">{{item.position_name}}</tn-button> :activeItemStyle="{backgroundColor:'#ffffff'}" :showBar='false' @change="change"></tn-tabs>
<tn-grid align="center" col="5"> </view>
<tn-grid-item v-if="item.neirong" style="width:20%" v-for="(v,i) in item.neirong"> <view style="padding: 30rpx;text-align: center;padding-top: 94rpx;">
<view style="padding: 30rpx;"> <template v-for="(item, index) in architecture">
<image :src="apiImgUrl+v.photo_image" style="width: 100rpx;height: 100rpx;border-radius: 50%;"> <tn-button backgroundColor="#ffffff" height="50rpx"
</image> fontColor="#000000">{{item.position_name}}</tn-button>
<view>{{v.nikename}}</view> <tn-grid align="center" col="5" hoverClass="none">
</view> <tn-grid-item v-if="item.neirong" style="width:20%" v-for="(v,i) in item.neirong"
</tn-grid-item> @click="openInfo('/pages/index/my_card?id='+v.member_id)">
<tn-grid-item v-if="!item.neirong" style="width:20%"> <view style="padding: 30rpx;">
<view style="padding: 30rpx;"> <image :src="apiImgUrl+v.photo_image"
<view>暂无</view> style="width: 100rpx;height: 100rpx;border-radius: 50%;">
</view> </image>
</tn-grid-item> <view>{{v.nikename}}</view>
</tn-grid> </view>
</template> </tn-grid-item>
<tn-grid-item v-if="!item.neirong" style="width:20%">
<view style="padding: 30rpx;">
<view>暂无</view>
</view>
</tn-grid-item>
</tn-grid>
</template>
</view> </view>
</view> </view>
@ -38,39 +45,54 @@
</template> </template>
<script> <script>
import {architectureList} from "@/util/api"; import {
import store from "@/store"; architectureList
} from "@/util/api";
import store from "@/store";
export default { export default {
data() { data() {
return { return {
topCurrent: 0, topCurrent: 0,
architecture:[], architecture: [],
apiImgUrl:this.$store.state.imgUrl, apiImgUrl: this.$store.state.imgUrl,
current: 0,
list: [{
name: '理事会'
}, {
name: '监事会'
}],
type: 1
} }
}, },
onLoad() { onLoad(d) {
this.getArchitectureList(); this.getArchitectureList();
}, },
methods: { methods: {
getArchitectureList() { openInfo(u) {
architectureList({ uni.navigateTo({
association_id: store.state.Gid, url: u
}) })
.then(res => { },
console.log(res); getArchitectureList() {
if(res.code==1){ architectureList({
this.architecture=res.data; association_id: store.state.Gid,
} type: this.type,
}) })
.catch(error => { .then(res => {
uni.showToast({ console.log(res);
title: error, if (res.code == 1) {
icon: 'none', this.architecture = res.data;
duration: 2000 }
}); })
}) .catch(error => {
}, uni.showToast({
title: error,
icon: 'none',
duration: 2000
});
})
},
goBack() { goBack() {
if (getCurrentPages().length > 1) { if (getCurrentPages().length > 1) {
uni.navigateBack() uni.navigateBack()
@ -80,6 +102,11 @@
}) })
} }
},
change(index) {
this.current = index;
this.type = index + 1;
this.getArchitectureList();
} }
} }
} }
@ -87,4 +114,4 @@
<style> <style>
</style> </style>

View File

@ -4,30 +4,31 @@
style="background: linear-gradient(50deg, #034EF9 0%, #05ACFF 99%);height: 400rpx;"> style="background: linear-gradient(50deg, #034EF9 0%, #05ACFF 99%);height: 400rpx;">
<view class="tn-flex tn-flex-center tn-flex-col-center" style="padding: 30rpx;width: 100%;"> <view class="tn-flex tn-flex-center tn-flex-col-center" style="padding: 30rpx;width: 100%;">
<view v-if="login" > <view v-if="login">
<image :src="apiImgUrl+userInfo.photo_image" style="width: 100rpx;height: 100rpx;border-radius: 50%;"></image> <image :src="apiImgUrl+userInfo.photo_image"
style="width: 100rpx;height: 100rpx;border-radius: 50%;"></image>
</view>
<view v-if="!login">
<image src="/static/def.png" style="width: 100rpx;height: 100rpx;border-radius: 50%;"></image>
</view> </view>
<view v-if="!login" >
<image src="/static/def.png" style="width: 100rpx;height: 100rpx;border-radius: 50%;"></image>
</view>
<view style="width: 100%;"> <view style="width: 100%;">
<view v-if="login" class="tn-flex tn-flex-col-center tn-flex-row-between"> <view v-if="login" class="tn-flex tn-flex-col-center tn-flex-row-between">
<view style="margin-left: 20rpx;color: #fff"> <view style="margin-left: 20rpx;color: #fff">
<view style="font-size: 35rpx;">{{userInfo.nikename}}</view> <view style="font-size: 35rpx;">{{ userInfo.nikename }}</view>
<view style="font-size: 24rpx;margin-top: 10rpx;" v-if="userInfo.status==1">接口返回商会+职位</view> <view style="font-size: 24rpx;margin-top: 10rpx;" v-if="userInfo.status==1">接口返回商会+职位</view>
</view> </view>
<!-- <view @click="tn('/pages/index/my_edit')">--> <!-- <view @click="tn('/pages/index/my_edit')">-->
<!-- <image src="/static/ico13.png" style="width: 40rpx ;" mode="widthFix"></image>--> <!-- <image src="/static/ico13.png" style="width: 40rpx ;" mode="widthFix"></image>-->
<!-- </view>--> <!-- </view>-->
</view>
<view v-if="!login" class="tn-flex tn-flex-col-center tn-flex-row-between">
<view style="margin-left: 20rpx;color: #fff">
<tn-button @click="loginMod = true">点击登陆</tn-button>
</view>
<!-- <view @click="tn('/pages/index/my_edit')">-->
<!-- <image src="/static/ico13.png" style="width: 40rpx ;" mode="widthFix"></image>-->
<!-- </view>-->
</view> </view>
<view v-if="!login" class="tn-flex tn-flex-col-center tn-flex-row-between">
<view style="margin-left: 20rpx;color: #fff">
<tn-button @click="loginMod = true">点击登陆</tn-button>
</view>
<!-- <view @click="tn('/pages/index/my_edit')">-->
<!-- <image src="/static/ico13.png" style="width: 40rpx ;" mode="widthFix"></image>-->
<!-- </view>-->
</view>
</view> </view>
</view> </view>
</view> </view>
@ -71,140 +72,171 @@
</view> </view>
<view style="background-color: #fff;"> <view style="background-color: #fff;">
<view style="padding:0px 20rpx;"> <view style="padding:0px 20rpx;">
<!-- <tn-list-cell :arrow="true" @click="tn('/pages/index/my_pizz')">--> <!-- <tn-list-cell :arrow="true" @click="tn('/pages/index/my_pizz')">-->
<!-- <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/ico7.png" style="width: 50rpx;height: 50rpx"></image>--> <!-- <image src="/static/ico7.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="tn('/pages/index/my_apply')"> <tn-list-cell :arrow="true" @click="tn('/pages/index/my_apply')">
<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/ico8.png" style="width: 50rpx;height: 50rpx"></image> <image src="/static/ico8.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="tn('/pages/index/my_msg')"> <!-- <tn-list-cell :arrow="true" @click="tn('/pages/index/my_msg')">-->
<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/ico9.png" style="width: 50rpx;height: 50rpx"></image> <!-- <image src="/static/ico9.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="tn('/pages/index/my_assist')"> <!-- <tn-list-cell :arrow="true" @click="tn('/pages/index/my_assist')">-->
<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/ico10.png" style="width: 50rpx;height: 50rpx"></image> <!-- <image src="/static/ico10.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="tn('/pages/index/my_settings')">
<view class="tn-flex tn-flex-center tn-flex-col-center">
<image src="/static/ico11.png" style="width: 50rpx;height: 50rpx"></image>
<view style="margin-left: 20rpx;">设置</view>
</view>
</tn-list-cell> -->
<tn-list-cell :arrow="true" @click="tn('/pages/index/my_idea')"> <tn-list-cell :arrow="true" @click="tn('/pages/index/my_idea')">
<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">
<view class="tn-flex tn-flex-center tn-flex-col-center">
<image src="/static/ico11.png" style="width: 50rpx;height: 50rpx"></image>
<view style="margin-left: 20rpx;">退出帐号</view>
</view>
</tn-list-cell>
</view> </view>
</view> </view>
</view> </view>
<tn-modal v-model="loginMod" :custom="true"> <tn-modal v-model="loginMod" :custom="true">
<view class="custom-modal-content"> <view class="custom-modal-content">
<view style="text-align: center;font-size: 34rpx;">会员登陆</view> <view style="text-align: center;font-size: 34rpx;">会员登陆</view>
<view class="text"> <view class="text">
<tn-form ref="form" :labelWidth="120"> <tn-form ref="form" :labelWidth="120">
<tn-form-item label="手机号" prop="phone"> <tn-form-item label="手机号" prop="phone">
<tn-input v-model="loginData.phone"/> <tn-input v-model="loginData.phone" />
</tn-form-item> </tn-form-item>
<tn-form-item label="密码" prop="password"> <tn-form-item label="密码" prop="password">
<tn-input v-model="loginData.password" type="password"/> <tn-input v-model="loginData.password" type="password" />
</tn-form-item> </tn-form-item>
</tn-form> </tn-form>
<view style="text-align: center;margin-top: 30rpx;"> <view style="text-align: center;margin-top: 30rpx;">
<tn-button backgroundColor="#E6E6E6" fontColor="#ffffff" @click="loginMod = false">取消</tn-button> <tn-button backgroundColor="#E6E6E6" fontColor="#ffffff"
<tn-button backgroundColor="tn-bg-blue" fontColor="tn-color-white" style="margin-left: 30rpx" @click="submitLogin">确定</tn-button> @click="loginMod = false">取消</tn-button>
</view> <tn-button backgroundColor="tn-bg-blue" fontColor="tn-color-white" style="margin-left: 30rpx"
</view> @click="submitLogin">确定
</view> </tn-button>
</tn-modal> </view>
</view>
</view>
</tn-modal>
</view> </view>
</template> </template>
<script> <script>
import {getUserIndex, loginDo} from "@/util/api"; import {
import store from "@/store"; getUserIndex,
loginDo
} from "@/util/api";
import store from "@/store";
export default { export default {
data() { data() {
return { return {
topCurrent: 0, topCurrent: 0,
login:false, login: false,
loginMod:false, loginMod: false,
userInfo:{}, userInfo: {},
apiImgUrl:this.$store.state.imgUrl, apiImgUrl: this.$store.state.imgUrl,
loginData:{ loginData: {
phone:'', openid: '',
password:'', phone: '',
association_id:store.state.Gid password: '',
}, association_id: store.state.Gid
},
}
},
mounted() {
var uid = uni.getStorageSync('uid');
console.log(uid);
if (uid) {
this.getUserInfo(uid);
} }
}, },
mounted() {
var uid = uni.getStorageSync('uid');
if(uid){
this.getUserInfo(uid);
}
},
methods: { methods: {
getUserInfo(uid){ getUserInfo(uid) {
getUserIndex({member_id:uid}) getUserIndex({
.then(res => { member_id: uid
console.log(res); })
if(res.code==1){ .then(res => {
this.userInfo = res.data; console.log(res);
this.login=true; if (res.code == 1) {
} this.userInfo = res.data;
}) this.login = true;
.catch(error => { }
uni.showToast({ })
title: error, .catch(error => {
icon: 'none', uni.showToast({
duration: 2000 title: error,
}); icon: 'none',
}) duration: 2000
}, });
submitLogin(){ })
loginDo(this.loginData) },
.then(res => { submitLogin() {
console.log(res); this.loginData.openid = uni.getStorageSync('openid');
if(res.code==1){ loginDo(this.loginData)
uni.showToast({ .then(res => {
title: '登陆成功!', console.log(res);
icon: 'none', if (res.code == 1) {
duration: 2000 uni.showToast({
}); title: '登陆成功!',
uni.setStorageSync('uid', res.data.member_id); icon: 'none',
this.userInfo = res.data; duration: 2000
this.login=true; });
this.loginMod=false; uni.setStorageSync('uid', res.data.id);
} this.userInfo = res.data;
}) this.login = true;
.catch(error => { this.loginMod = false;
uni.showToast({ } else {
title: error, uni.showToast({
icon: 'none', title: '帐号或密码错误!',
duration: 2000 icon: 'none',
}); duration: 2000
}) });
}, }
})
.catch(error => {
uni.showToast({
title: error,
icon: 'none',
duration: 2000
});
})
},
loginAut() {
var that = this;
uni.showModal({
title: '提示',
content: '确定要退出吗?',
success: function(res) {
if (res.confirm) {
uni.removeStorageSync('uid');
that.login = false;
}
}
});
},
tn(e) { tn(e) {
var uid = uni.getStorageSync('uid'); var uid = uni.getStorageSync('uid');
if(!uid){ if (!uid) {
this.loginMod=true; this.loginMod = true;
return; return;
} }
uni.navigateTo({ uni.navigateTo({
url: e url: e
}) })
@ -215,4 +247,4 @@ import {getUserIndex, loginDo} from "@/util/api";
<style> <style>
</style> </style>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 216 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 194 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 169 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 189 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 64 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 63 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 84 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 80 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 98 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 316 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 139 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 142 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 145 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 114 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 298 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 108 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 133 KiB

View File

@ -47,8 +47,10 @@ const store = new Vuex.Store({
// 自定义导航栏的高度 // 自定义导航栏的高度
vuex_custom_bar_height: 0, vuex_custom_bar_height: 0,
Gid: 1, Gid: 1,
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",
apiUrl: "https://ysx.0rui.cn/api"
}, },
mutations: { mutations: {
$tStore(state, payload) { $tStore(state, payload) {
@ -76,4 +78,4 @@ const store = new Vuex.Store({
actions: {} actions: {}
}) })
export default store export default store

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

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/events_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/events_info.vue'\ncreatePage(Page)"],"sourceRoot":""}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

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