|
@@ -1,15 +1,14 @@
|
|
|
<template>
|
|
|
<view class="reportForm-container">
|
|
|
- <!-- tabs -->
|
|
|
<!-- tabs -->
|
|
|
<view class="index-fixed">
|
|
|
<view class="index-header">
|
|
|
- <input type="text" placeholder="搜索您想要的报告" placeholder-class="sea_ipt_placeholder" class="sea_ipt"
|
|
|
+ <input type="text" placeholder="搜索您想要的产业资源包" placeholder-class="sea_ipt_placeholder" class="sea_ipt"
|
|
|
v-model="searchTxt" disabled @click="goSearch" />
|
|
|
<icon type="search" size="15" class="search_ico" />
|
|
|
</view>
|
|
|
<view class="tab-cont">
|
|
|
- <scroll-view scroll-x="true" scroll-with-animation class="scroll-tab" :scroll-into-view="'_'+tabIndex">
|
|
|
+ <scroll-view scroll-x="true" scroll-with-animation class="scroll-tab" :scroll-into-view="'_'+tabIndex" >
|
|
|
<block v-for="(item, index) in tabBars" :key="item.ChartPermissionId">
|
|
|
<view :id="'_'+index" class="scroll-tab-item"
|
|
|
:class="{ active: tabAct_id == item.ChartPermissionId }"
|
|
@@ -18,7 +17,10 @@
|
|
|
<image src="@/static/img/border_act.png" mode="" class="border_act"
|
|
|
v-if="tabAct_id == item.ChartPermissionId"></image>
|
|
|
</view>
|
|
|
- </block>
|
|
|
+ </block>
|
|
|
+ <view class="limit-box" v-if="limitIsShow">
|
|
|
+ <image class="limit-img" src="../../static/img/limit_icon.png" mode=""></image>
|
|
|
+ </view>
|
|
|
</scroll-view>
|
|
|
|
|
|
</view>
|
|
@@ -43,6 +45,9 @@
|
|
|
<!-- 子组件 -->
|
|
|
<strategy :strategyIndexTwo="strategyIndexTwo" :pageNumFather='pageNumFather' :matchTypeName="matchTypeName"
|
|
|
:tabAct_idTwo="tabAct_idTwo" :isNum="isNum" :isSwitchover="isSwitchover" @hideIsred="hideIsred" />
|
|
|
+ </view>
|
|
|
+ <view class="" v-else-if="strategyIndex==5">
|
|
|
+ <researchChoose :strategyIndex="strategyIndex" :tabAct="tabAct_id" :pageNumFather="pageNumFather" :isNum="isNum"/>
|
|
|
</view>
|
|
|
<!-- </view> -->
|
|
|
<view class="industrial_eport_one" v-else>
|
|
@@ -116,19 +121,18 @@
|
|
|
<!-- 需要循环的地方 -->
|
|
|
<view class="forindustry" v-for="item in industryList" :key="item.IndustrialManagementId">
|
|
|
<!-- 火锅底料这个位置 -->
|
|
|
- <view class="industry-box industry-content">
|
|
|
- <view class="industry-box-left">
|
|
|
- <image src="@/static/img/top_ico.png" v-if="item.IsTop"
|
|
|
- @click="isOverhead(item.IndustrialManagementId)"></image>
|
|
|
- <image src="@/static/img/top_no_ico.png" v-else
|
|
|
- @click="isOverhead(item.IndustrialManagementId)"></image>
|
|
|
+ <view class="industry-content">
|
|
|
+ <view class="industry-box-left" @click="reportFllow(item.IndustrialManagementId)">
|
|
|
+ <image src="@/static/img/top_ico.png" v-if="item.IsFollow"></image>
|
|
|
+ <image src="@/static/img/top_no_ico.png" v-else></image>
|
|
|
</view>
|
|
|
<view class="industry-box-right" @click="goIndustryReport(item.IndustrialManagementId)">
|
|
|
<view class="ndustry-box-read">
|
|
|
- <text>{{item.IndustryName}}</text>
|
|
|
- <text v-if="item.IsRed" class="read"></text>
|
|
|
+ <text>{{item.IndustryName}}</text>
|
|
|
+ <image v-if="item.IsHot" src="../../static/img/ammunition_ico.png" mode=""></image>
|
|
|
</view>
|
|
|
- <view class="ndustry-box-arrow">
|
|
|
+ <view class="ndustry-box-arrow">
|
|
|
+ <text v-if="item.IsRed" class="read"></text>
|
|
|
<text class="ndustry-box-text">{{item.UpdateTime}}更新</text>
|
|
|
<u-icon name="arrow-right" color="#BDBDBD" size="34"></u-icon>
|
|
|
</view>
|
|
@@ -155,29 +159,30 @@
|
|
|
<u-loadmore :status="status" icon-type="flower" :load-text="loadText" margin-top="20"
|
|
|
v-if="totalPage>1" />
|
|
|
</view>
|
|
|
- </view>
|
|
|
+ </view>
|
|
|
+ <coverGuide :isGuideShow="isGuideShow"/>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- import strategy from "./components/strategy.vue"
|
|
|
- import {
|
|
|
- Throttle,Debounce
|
|
|
- } from '@/config/util.js'
|
|
|
- import {
|
|
|
- Reports
|
|
|
- } from '@/config/api.js'
|
|
|
+ import strategy from "./components/strategy.vue"
|
|
|
+ import researchChoose from "./components/researchChoose.vue"
|
|
|
+ import coverGuide from "./components/coverGuide.vue"
|
|
|
+ import {Throttle,Debounce } from '@/config/util.js'
|
|
|
+ import { Reports } from '@/config/api.js'
|
|
|
let app = getApp()
|
|
|
export default {
|
|
|
components: {
|
|
|
- strategy
|
|
|
+ strategy,
|
|
|
+ researchChoose,
|
|
|
+ coverGuide
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- tabAct_id: null,
|
|
|
- tabAct_idTwo: null,
|
|
|
+ tabAct_id: '',
|
|
|
+ tabAct_idTwo: '',
|
|
|
tabBars: [],
|
|
|
- pageNumFather: null,
|
|
|
+ pageNumFather: '',
|
|
|
shadowStyle: {
|
|
|
backgroundImage: "none"
|
|
|
},
|
|
@@ -192,7 +197,7 @@
|
|
|
pitchOnId: 'NewTime',
|
|
|
//pitchOnName: '按最近更新排序',
|
|
|
isNum: 1,
|
|
|
- strategyIndex: null,
|
|
|
+ strategyIndex: '',
|
|
|
strategyIndexTwo: 0,
|
|
|
isSwitchover: 1,
|
|
|
tradeList: [],
|
|
@@ -221,50 +226,53 @@
|
|
|
}, ],
|
|
|
overallArrangementId: '',
|
|
|
overallArrangementName: '按最近更新排序',
|
|
|
- isScrollShow: false
|
|
|
+ isScrollShow: false,
|
|
|
+ isGuideShow:false,
|
|
|
+ limitIsShow:false,//限免显示隐藏
|
|
|
}
|
|
|
},
|
|
|
onLoad(option) {
|
|
|
+ if(!this.$db.get('guideSole')) { //新手指引
|
|
|
+ this.isGuideShow=true
|
|
|
+ }
|
|
|
+
|
|
|
this.$store.dispatch("checkHandle",{type:'load',val:option}).then(res=>{
|
|
|
app.globalData.isAuth = res.IsAuth;
|
|
|
app.globalData.isBind = res.IsBind;
|
|
|
app.globalData.isSx=true
|
|
|
- this.tabAct_id = option.tab || null
|
|
|
- if (option.tabs !== 'null' && option.tabs) {
|
|
|
+ this.tabAct_id = option.tab || ''
|
|
|
+ if (option.tabs !== '' && option.tabs) {
|
|
|
this.strategyIndex = 4
|
|
|
this.tabAct_idTwo = option.tabs
|
|
|
}
|
|
|
+ if(this.tabAct_id==31){
|
|
|
+ this.strategyIndex = 5
|
|
|
+ }
|
|
|
this.getClassify()
|
|
|
})
|
|
|
-
|
|
|
+ this.$db.set('guideSole',1)//新手指引
|
|
|
},
|
|
|
computed: {},
|
|
|
watch: {
|
|
|
//监听tabs的变化
|
|
|
tabAct_id: {
|
|
|
handler() {
|
|
|
- if (this.strategyIndex == 4) {
|
|
|
- this.getstrategyAll()
|
|
|
- } else {
|
|
|
- this.tabAct_idTwo = null
|
|
|
- }
|
|
|
- if (this.tabAct_id) {
|
|
|
+ if (this.tabAct_id && (this.strategyIndex !== 4 && this.strategyIndex !== 5)) {
|
|
|
this.OrderColumn = 'NewTime'
|
|
|
this.pitchOnId = 'NewTime'
|
|
|
this.overallArrangementName = '按最近更新排序'
|
|
|
- this.overallArrangementId = '' //待完善
|
|
|
- //this.pitchOnName = '按最近更新排序'
|
|
|
+ this.overallArrangementId = ''
|
|
|
this.page_no = 1;
|
|
|
this.refresh = true;
|
|
|
this.getIndustryList()
|
|
|
- this.getTradeList()
|
|
|
- }
|
|
|
+ this.getTradeList()
|
|
|
+ this.overallArrangement.forEach(key => key.isShow = false)
|
|
|
+ }
|
|
|
+ this.strategyIndex == 4 ? this.getstrategyAll() : this.tabAct_idTwo = ''
|
|
|
if (this.isScrollShow) {
|
|
|
this.selectComponent('#menuItem').toggle(false);
|
|
|
- //this.selectComponent('#menuPitch').toggle(false);
|
|
|
this.isScrollShow = false
|
|
|
}
|
|
|
- this.overallArrangement.forEach(key => key.isShow = false)
|
|
|
},
|
|
|
immediate: true
|
|
|
}
|
|
@@ -272,13 +280,14 @@
|
|
|
methods: {
|
|
|
//获取一级事件
|
|
|
getClassify() {
|
|
|
- Reports.getClassify().then(res => {
|
|
|
- this.tabBars = res.Data.List
|
|
|
+ Reports.getClassify().then(res => {
|
|
|
+ if(res.Ret!==200) return
|
|
|
+ this.tabBars = res.Data.List ||[]
|
|
|
if (!this.tabAct_id) {
|
|
|
this.tabAct_id = res.Data.List[0].ChartPermissionId
|
|
|
this.$store.dispatch("statistics",{PageType:'Report',ChartPermissionId:this.tabAct_id})
|
|
|
}
|
|
|
-
|
|
|
+ this.limitIsShow=this.tabBars.some(item=> item.IsShowSustainable)
|
|
|
})
|
|
|
},
|
|
|
//获取二级事件
|
|
@@ -331,11 +340,7 @@
|
|
|
ChartPermissionId: this.tabAct_id
|
|
|
}).then(res => {
|
|
|
if (res.Ret == 200) {
|
|
|
- if (res.Data.List) {
|
|
|
- this.tradeList = res.Data.List
|
|
|
- } else {
|
|
|
- this.tradeList = null
|
|
|
- }
|
|
|
+ this.tradeList = res.Data.List || []
|
|
|
}
|
|
|
})
|
|
|
},
|
|
@@ -368,51 +373,32 @@
|
|
|
//跳转季度策略
|
|
|
isClickHandle(id) {
|
|
|
this.public({type:'show'},true,'/reportPages/industrialReport/industrialReport?id=',id)
|
|
|
- // uni.navigateTo({
|
|
|
- // url: '/reportPages/industrialReport/industrialReport?id=' + id
|
|
|
- // });
|
|
|
},
|
|
|
//跳转产业报告
|
|
|
goIndustryReport(id) {
|
|
|
this.public({type:'show'},true,'/reportPages/IndustryReport/IndustryReport?id=',id)
|
|
|
- // uni.navigateTo({
|
|
|
- // url: '' + id
|
|
|
- // });
|
|
|
},
|
|
|
//点击顶置的图标
|
|
|
- isOverhead(id) {
|
|
|
- this.$store.dispatch('checkHandle').then(res => {
|
|
|
- app.globalData.isAuth = res.IsAuth;
|
|
|
- app.globalData.isBind = res.IsBind;
|
|
|
- if ((!res.IsAuth) && (!res.IsBind)) { //已授权已绑定
|
|
|
- Reports.postToptt({
|
|
|
- IndustrialManagementId: id
|
|
|
- }).then(res => {
|
|
|
- if (res.Ret === 200) {
|
|
|
- this.page_no = 1;
|
|
|
- this.refresh = true;
|
|
|
- this.industryList = []
|
|
|
- this.getIndustryList()
|
|
|
- uni.showToast({
|
|
|
- title: res.Msg,
|
|
|
- duration: 2000
|
|
|
- });
|
|
|
- }
|
|
|
- })
|
|
|
- } else if (res.IsAuth) { //未授权
|
|
|
- this.tabsActive = 0
|
|
|
- uni.navigateTo({
|
|
|
- url: '/pages/authGuide/authGuide'
|
|
|
- })
|
|
|
- } else if (res.IsBind && !res.IsAuth) { //已授权未绑定
|
|
|
- this.tabsActive = 0
|
|
|
- uni.navigateTo({
|
|
|
- url: '/pages/login/login'
|
|
|
- })
|
|
|
+ reportFllow(id) {
|
|
|
+ Reports.reportFllow({
|
|
|
+ IndustrialManagementId: id
|
|
|
+ }).then(res => {
|
|
|
+ if (res.Ret === 200) {
|
|
|
+ this.industryList.forEach(key => {
|
|
|
+ if(key.IndustrialManagementId == id){
|
|
|
+ if(key.IsFollow==1){
|
|
|
+ key.IsFollow=0
|
|
|
+ }else{
|
|
|
+ key.IsFollow=1
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ uni.showToast({
|
|
|
+ title: res.Msg,
|
|
|
+ duration: 2000
|
|
|
+ });
|
|
|
}
|
|
|
- })
|
|
|
-
|
|
|
-
|
|
|
+ })
|
|
|
},
|
|
|
hideIsred(is) {
|
|
|
this.tabBarsTow[this.strategyIndexTwo].IsRed = is
|
|
@@ -492,7 +478,7 @@
|
|
|
}),
|
|
|
/* 下拉刷新 */
|
|
|
onPullDownRefresh: Throttle(function() {
|
|
|
- if (this.strategyIndex == 4) {
|
|
|
+ if (this.strategyIndex == 4 || this.strategyIndex == 5) {
|
|
|
this.pageNumFather = 1
|
|
|
} else {
|
|
|
this.industryList = []
|
|
@@ -511,7 +497,6 @@
|
|
|
if (this.tabAct_id && app.globalData.isSx) {
|
|
|
this.getTradeList()
|
|
|
}
|
|
|
-
|
|
|
},
|
|
|
/**
|
|
|
* 用户点击分享
|
|
@@ -530,7 +515,6 @@
|
|
|
onPageScroll() {
|
|
|
if (this.isScrollShow) {
|
|
|
this.selectComponent('#menuItem').toggle(false);
|
|
|
- //this.selectComponent('#menuPitch').toggle(false);
|
|
|
this.isScrollShow = false
|
|
|
}
|
|
|
|
|
@@ -546,24 +530,20 @@
|
|
|
.reportForm-container {
|
|
|
background-color: #f6f6f6;
|
|
|
height: 100vh;
|
|
|
-
|
|
|
.index-fixed {
|
|
|
width: 750rpx;
|
|
|
position: fixed;
|
|
|
left: 0;
|
|
|
top: 0;
|
|
|
z-index: 999;
|
|
|
-
|
|
|
.index-header {
|
|
|
background-color: #fff;
|
|
|
- padding: 32rpx 34rpx;
|
|
|
+ padding: 32rpx 34rpx 0;
|
|
|
position: relative;
|
|
|
-
|
|
|
.sea_ipt_placeholder {
|
|
|
color: #8D8D8D;
|
|
|
opacity: 0.7;
|
|
|
}
|
|
|
-
|
|
|
.sea_ipt {
|
|
|
width: 100%;
|
|
|
height: 70rpx;
|
|
@@ -582,39 +562,46 @@
|
|
|
left: 60rpx;
|
|
|
top: 50%;
|
|
|
z-index: 100;
|
|
|
- transform: translateY(-50%);
|
|
|
+ // transform: translateY(-50%);
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
.tab-cont {
|
|
|
- padding: 0 26rpx;
|
|
|
+ padding: 0 26rpx ;
|
|
|
+ height: 115rpx;
|
|
|
background-color: #fff;
|
|
|
font-size: 32rpx;
|
|
|
-
|
|
|
- .scroll-tab {
|
|
|
+ .scroll-tab {
|
|
|
+ position: relative;
|
|
|
width: 100%;
|
|
|
white-space: nowrap;
|
|
|
}
|
|
|
-
|
|
|
- .scroll-tab-item {
|
|
|
- // flex-grow: 1;
|
|
|
+ .limit-box {
|
|
|
+ position: absolute;
|
|
|
+ text-align: center;
|
|
|
+ display: inline-block;
|
|
|
+ padding-right: 50rpx;
|
|
|
+ top: 6rpx;
|
|
|
+ margin-left: -50rpx;
|
|
|
+ image {
|
|
|
+ width: 46rpx;
|
|
|
+ height: 26rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .scroll-tab-item {
|
|
|
text-align: center;
|
|
|
display: inline-block;
|
|
|
- padding: 0 8rpx 30rpx 8rpx;
|
|
|
- margin-right: 50rpx;
|
|
|
+ padding: 32rpx 8rpx 30rpx 8rpx;
|
|
|
+ margin-right: 51rpx;
|
|
|
border-bottom: 8rpx solid transparent;
|
|
|
position: relative;
|
|
|
-
|
|
|
&:last-child {
|
|
|
margin-right: 0;
|
|
|
}
|
|
|
-
|
|
|
&.active {
|
|
|
border-bottom: none;
|
|
|
color: #2C83FF;
|
|
|
font-weight: 700;
|
|
|
}
|
|
|
-
|
|
|
.border_act {
|
|
|
width: 100%;
|
|
|
height: 8rpx;
|
|
@@ -735,7 +722,6 @@
|
|
|
display: flex;
|
|
|
font-size: 28rpx;
|
|
|
font-weight: 400;
|
|
|
-
|
|
|
.items-box {
|
|
|
width: 40rpx;
|
|
|
}
|
|
@@ -748,7 +734,6 @@
|
|
|
color: #333333;
|
|
|
font-weight: 400;
|
|
|
background-color: #F8F8FA;
|
|
|
-
|
|
|
.items-tow {
|
|
|
display: flex;
|
|
|
flex: 100%;
|
|
@@ -840,58 +825,54 @@
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .industry-content {
|
|
|
- padding-left: 40rpx;
|
|
|
- vertical-align: middle;
|
|
|
- display: flex;
|
|
|
- margin-bottom: 3rpx;
|
|
|
-
|
|
|
- image {
|
|
|
- padding-right: 20rpx;
|
|
|
- width: 24rpx;
|
|
|
- height: 30rpx;
|
|
|
- }
|
|
|
-
|
|
|
- .industry-box-left {
|
|
|
- width: 48rpx;
|
|
|
-
|
|
|
- image {
|
|
|
- vertical-align: middle;
|
|
|
- margin-top: -8rpx;
|
|
|
- padding: 5rpx 20rpx 5rpx 0;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .industry-box-right {
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
-
|
|
|
- .ndustry-box-read {
|
|
|
- position: relative;
|
|
|
-
|
|
|
- .read {
|
|
|
- position: absolute;
|
|
|
- top: 20rpx;
|
|
|
- right: -20rpx;
|
|
|
- width: 14rpx;
|
|
|
- height: 14rpx;
|
|
|
- background-color: #FF0000;
|
|
|
- border-radius: 50%;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .ndustry-box-arrow {
|
|
|
- display: flex;
|
|
|
-
|
|
|
- .ndustry-box-text {
|
|
|
- font-size: 26rpx;
|
|
|
- color: #999999;
|
|
|
- padding-right: 20rpx;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
+ .industry-content {
|
|
|
+ background-color: #fff;
|
|
|
+ padding: 0 30rpx;
|
|
|
+ display: flex;
|
|
|
+ height: 90rpx;
|
|
|
+ margin: 3rpx 0;
|
|
|
+ .industry-box-left {
|
|
|
+ width: 50rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ image {
|
|
|
+ width: 38rpx;
|
|
|
+ height: 34rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .industry-box-right {
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ .ndustry-box-read {
|
|
|
+ display: flex;
|
|
|
+ color: #333;
|
|
|
+ font-size: 30rpx;
|
|
|
+ padding-left: 10rpx;
|
|
|
+ image {
|
|
|
+ margin-left: 10rpx;
|
|
|
+ width: 28rpx;
|
|
|
+ height: 36rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .ndustry-box-arrow {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ .read {
|
|
|
+ width: 14rpx;
|
|
|
+ height: 14rpx;
|
|
|
+ background-color: #FF0000;
|
|
|
+ border-radius: 50%;
|
|
|
+ margin-right:10rpx;
|
|
|
+ }
|
|
|
+ .ndustry-box-text {
|
|
|
+ padding-right:20rpx;
|
|
|
+ color: #999999;
|
|
|
+ font-size: 26rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.content-box {
|