123
|
@ -1,5 +0,0 @@
|
||||||
# 默认忽略的文件
|
|
||||||
/shelf/
|
|
||||||
/workspace.xml
|
|
||||||
# 基于编辑器的 HTTP 客户端请求
|
|
||||||
/httpRequests/
|
|
|
@ -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>
|
|
|
@ -1,6 +0,0 @@
|
||||||
<?xml version="1.0" encoding="UTF-8"?>
|
|
||||||
<project version="4">
|
|
||||||
<component name="JavaScriptLibraryMappings">
|
|
||||||
<excludedPredefinedLibrary name="uni-api" />
|
|
||||||
</component>
|
|
||||||
</project>
|
|
|
@ -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>
|
|
|
@ -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>
|
|
|
@ -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>
|
|
68
App.vue
|
@ -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,
|
||||||
|
|
190
manifest.json
|
@ -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"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
|
@ -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();
|
||||||
},
|
},
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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) {
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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)
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -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>
|
|
@ -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()
|
||||||
|
|
|
@ -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({
|
||||||
|
|
|
@ -30,7 +30,6 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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
|
||||||
})
|
})
|
||||||
|
|
BIN
static/123.png
Before Width: | Height: | Size: 216 KiB |
BIN
static/c1.jpg
Before Width: | Height: | Size: 34 KiB |
BIN
static/h6.jpg
Before Width: | Height: | Size: 194 KiB |
BIN
static/h7.jpg
Before Width: | Height: | Size: 169 KiB |
BIN
static/h8.jpg
Before Width: | Height: | Size: 189 KiB |
BIN
static/hd1.jpg
Before Width: | Height: | Size: 64 KiB |
BIN
static/hd2.jpg
Before Width: | Height: | Size: 63 KiB |
BIN
static/hd3.jpg
Before Width: | Height: | Size: 84 KiB |
BIN
static/hd4.jpg
Before Width: | Height: | Size: 80 KiB |
BIN
static/hd5.jpg
Before Width: | Height: | Size: 98 KiB |
BIN
static/logo.png
Before Width: | Height: | Size: 316 KiB |
BIN
static/s1.jpg
Before Width: | Height: | Size: 139 KiB |
BIN
static/ser.png
Before Width: | Height: | Size: 12 KiB |
BIN
static/t7.jpg
Before Width: | Height: | Size: 142 KiB |
BIN
static/u1.jpg
Before Width: | Height: | Size: 11 KiB |
BIN
static/u2.jpg
Before Width: | Height: | Size: 145 KiB |
BIN
static/x1.jpg
Before Width: | Height: | Size: 2.8 KiB |
BIN
static/x2.png
Before Width: | Height: | Size: 114 KiB |
BIN
static/x3.png
Before Width: | Height: | Size: 298 KiB |
BIN
static/x4.png
Before Width: | Height: | Size: 108 KiB |
BIN
static/x5.png
Before Width: | Height: | Size: 133 KiB |
|
@ -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) {
|
||||||
|
|
|
@ -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":""}
|
|