|
|
@@ -2,36 +2,34 @@
|
|
|
<view class="report-page">
|
|
|
<view class="top-sticky" style="background: #fff">
|
|
|
<!-- 导航 -->
|
|
|
- <!-- <view class="nav-bar-wrap" :style="{height:navBarStyle.height,paddingTop:navBarStyle.paddingTop,paddingBottom:navBarStyle.paddingBottom}">
|
|
|
+ <view class="nav-bar-wrap" :style="{height:navBarStyle.height,paddingTop:navBarStyle.paddingTop,paddingBottom:navBarStyle.paddingBottom}">
|
|
|
<view class="content">
|
|
|
+ <view class="avatar" @click="goUser">
|
|
|
+ <image style="width:100%;height:100%;border-radius: 50%" :src="userInfo.head_img_url" mode="aspectFill"/>
|
|
|
+ </view>
|
|
|
<van-icon custom-class="search-icon" name="search" size="24px" @click="goSearch" />
|
|
|
<view class="text">FICC研报</view>
|
|
|
</view>
|
|
|
- </view> -->
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="tab-card">
|
|
|
+ <view :class="['card-item',tab.class]" v-for="(tab,index) in tabCards" :key="index" :style="'width:' + 100/tabCards.length +'%'">
|
|
|
+ <view class="title">{{tab.title}}</view>
|
|
|
+ <view class="sub-title">{{tab.sub_tit}}</view>
|
|
|
+ <view class="card-bot">
|
|
|
+ <view class="look-ico" @click="linkPage(tab)">去查看</view>
|
|
|
+ <image class="section-ico" :src="tab.ico" mode="aspectFill" />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
<!-- 分类 -->
|
|
|
<view class="type-wrap">
|
|
|
- <view style="display:flex;align-items: center;margin-bottom: 20rpx;">
|
|
|
- <view class="avatar" @click="goUser">
|
|
|
- <image style="width:100%;height:100%" :src="userInfo.head_img_url" mode="aspectFill"/>
|
|
|
- </view>
|
|
|
- <view style="flex:1" @click="goSearch">
|
|
|
- <van-search
|
|
|
- shape="round"
|
|
|
- disabled
|
|
|
- placeholder="请输入报告标题或关键字"
|
|
|
- />
|
|
|
- </view>
|
|
|
-
|
|
|
- </view>
|
|
|
<view class="flex first-type-box">
|
|
|
<view class="item" v-for="(item,index) in topFirstList" :key="item.classify_name" @click="handleClickTopFirst(item,index)">
|
|
|
<image :src="selectTopFirstId==item.classify_name?item.select_icon_url:item.icon_url" mode="aspectFill"/>
|
|
|
<view>{{item.classify_name}}</view>
|
|
|
</view>
|
|
|
- <!-- <view class="item" @click="goClassify">
|
|
|
- <image src="@/static/report-menu.png" mode="aspectFill"/>
|
|
|
- <view>查看更多</view>
|
|
|
- </view> -->
|
|
|
</view>
|
|
|
<view class="flex sub-type-box">
|
|
|
<view
|
|
|
@@ -115,7 +113,25 @@ export default {
|
|
|
dateArr:[],
|
|
|
page:1,
|
|
|
pageSize:20,
|
|
|
- finished:false
|
|
|
+ finished:false,
|
|
|
+
|
|
|
+ sectionTabs: [
|
|
|
+ {
|
|
|
+ title:'研报',
|
|
|
+ sub_tit: '查看全部报告分类',
|
|
|
+ ico: require('@/static/classify.png'),
|
|
|
+ class: 'section-report',
|
|
|
+ url: '/pages-report/classify'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title:'已购',
|
|
|
+ sub_tit: '查看我的研报资产',
|
|
|
+ ico: require('@/static/buy.png'),
|
|
|
+ class: 'section-buy',
|
|
|
+ url: '/pages/buy/buy'
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ tabCards: []
|
|
|
}
|
|
|
},
|
|
|
onLoad(){
|
|
|
@@ -167,8 +183,9 @@ export default {
|
|
|
if(res.code===200){
|
|
|
this.authData.isBuy=res.data.check_flag
|
|
|
this.authData.contactInfo=res.data.contact_info
|
|
|
- this.topFirstList=res.data.permission_list
|
|
|
+ this.topFirstList=res.data.permission_list.slice(0,4)
|
|
|
this.handleClickTopFirst(this.topFirstList[0],0)
|
|
|
+ this.tabCards = res.data.check_flag ? this.sectionTabs : this.sectionTabs.slice(0,1)
|
|
|
}
|
|
|
},
|
|
|
|
|
|
@@ -244,6 +261,11 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
|
|
|
+ //跳转
|
|
|
+ linkPage({url}) {
|
|
|
+ uni.navigateTo({ url })
|
|
|
+ },
|
|
|
+
|
|
|
// 跳转分类
|
|
|
goClassify(){
|
|
|
uni.navigateTo({ url: '/pages-report/classify' })
|
|
|
@@ -260,7 +282,7 @@ export default {
|
|
|
url: '/pages/user/user',
|
|
|
fail () {
|
|
|
uni.switchTab({
|
|
|
- url:'/pages/user/user'
|
|
|
+ url:'/pages/user/user',
|
|
|
})
|
|
|
}
|
|
|
})
|
|
|
@@ -308,10 +330,19 @@ export default {
|
|
|
height: 100%;
|
|
|
.search-icon{
|
|
|
position: absolute;
|
|
|
- left: 34rpx;
|
|
|
+ left: 134rpx;
|
|
|
top: 50%;
|
|
|
transform: translateY(-50%);
|
|
|
}
|
|
|
+ .avatar {
|
|
|
+ width: 60rpx;
|
|
|
+ height: 60rpx;
|
|
|
+ border-radius: 50%;
|
|
|
+ position: absolute;
|
|
|
+ left: 34rpx;
|
|
|
+ top: 50%;
|
|
|
+ transform: translateY(-50%);
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
}
|
|
|
@@ -363,7 +394,7 @@ movable-area{
|
|
|
height:78rpx;
|
|
|
border-radius: 50%;
|
|
|
overflow: hidden;
|
|
|
- margin-right: 15rpx;
|
|
|
+ margin-right: 30rpx;
|
|
|
}
|
|
|
.first-type-box{
|
|
|
justify-content: space-between;
|
|
|
@@ -494,4 +525,58 @@ movable-area{
|
|
|
z-index: 50;
|
|
|
}
|
|
|
|
|
|
+.tab-card {
|
|
|
+ display: flex;
|
|
|
+ padding: 40rpx 34rpx 30rpx;
|
|
|
+ .card-item {
|
|
|
+ height: 207rpx;
|
|
|
+ border-radius: 16rpx;
|
|
|
+ padding: 20rpx;
|
|
|
+ .title {
|
|
|
+ font-size: 34rpx;
|
|
|
+ font-weight: 600;
|
|
|
+ }
|
|
|
+ .sub-title {
|
|
|
+ margin: 10rpx 0 16rpx;
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+ .card-bot {
|
|
|
+ display: flex;
|
|
|
+ .look-ico {
|
|
|
+ width: 180rpx;
|
|
|
+ height: 50rpx;
|
|
|
+ line-height: 50rpx;
|
|
|
+ border-radius: 50rpx;
|
|
|
+ text-align: center;
|
|
|
+ margin-right: 50rpx;
|
|
|
+ }
|
|
|
+ .section-ico {
|
|
|
+ width: 45rpx;
|
|
|
+ height: 45rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ &.section-report {
|
|
|
+ background-color: #FFF7EB;
|
|
|
+ .title {
|
|
|
+ color: #E3B377;
|
|
|
+ }
|
|
|
+ .look-ico {
|
|
|
+ background-color: #E3B377;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ &.section-buy {
|
|
|
+ background-color: #ECF1FD;
|
|
|
+ margin-left: 20rpx;
|
|
|
+ .title {
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+ .look-ico {
|
|
|
+ background-color: #DEE9FB;
|
|
|
+ color: #487EFC;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
</style>
|
