|
@@ -20,41 +20,19 @@
|
|
|
<text @click="searchHandle" style="color: #3385ff">搜索</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <!-- // 综合及各种类型的的tabs -->
|
|
|
<view class="search-tabs" v-if="isResult">
|
|
|
<view :class="['tabs-item', tabsActive == item.id && 'active']" v-for="item in tabsList" :key="item.id" @click="tabsHandel(item)">
|
|
|
{{ item.title }}
|
|
|
<view class="item-act" v-if="tabsActive == item.id"></view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <!-- // 活动微路演的筛选 -->
|
|
|
<block v-if="isResult">
|
|
|
- <view class="more-summary more-box" v-if="tabsActive == 1 && haveResultSummary">
|
|
|
- <view>
|
|
|
- <text class="more-text"> 纪要/图表 </text>
|
|
|
- </view>
|
|
|
- <view style="display: flex; align-items: center">
|
|
|
- <!-- <view class="summary-select">
|
|
|
- <text @click="summarySelectHandler(item, '纪要')" :class="['select-item', summarySelectActive == item.value && 'active-item']" v-for="item in summarySelect" :key="item.value">{{
|
|
|
- item.name
|
|
|
- }}</text>
|
|
|
- </view> -->
|
|
|
- <view v-if="tabsActive == 1" class="more-rivet" @click="tabsActiveMore(2)">
|
|
|
- 更多 <u-icon name="arrow-right" color="#3385FF" size="28"></u-icon>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view
|
|
|
- class="activity-select"
|
|
|
- style="display: flex; align-items: center; justify-content: flex-end"
|
|
|
- v-if="tabsActive == 4 || tabsActive == 5"
|
|
|
- >
|
|
|
+ <view class="activity-select" style="display: flex; align-items: center; justify-content: flex-end" v-if="tabsActive == 4 || tabsActive == 5">
|
|
|
<block v-for="item in activitySelect" :key="item.type">
|
|
|
<view :class="['summary-select', item.type == 5 && 'select-roadshow']" v-if="tabsActive == item.type">
|
|
|
- <text
|
|
|
- @click="summarySelectHandler(key, item.name)"
|
|
|
- :class="['select-item', activitySelectActive == key.value && 'active-item']"
|
|
|
- v-for="key in item.list"
|
|
|
- :key="key.value"
|
|
|
- >
|
|
|
+ <text @click="summarySelectHandler(key, item.name)" :class="['select-item', activitySelectActive == key.value && 'active-item']" v-for="key in item.list" :key="key.value">
|
|
|
{{ key.name }}
|
|
|
</text>
|
|
|
</view>
|
|
@@ -68,12 +46,7 @@
|
|
|
<view class="history" v-if="key.title !== '搜索历史' || (key.title == '搜索历史' && historySearchList.length)">
|
|
|
<view class="history-title title">
|
|
|
<text>{{ key.title }}</text>
|
|
|
- <image
|
|
|
- v-if="key.imgShown"
|
|
|
- @click="clearHistory"
|
|
|
- src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/czbk/empty_ico.png"
|
|
|
- class="empty_ico"
|
|
|
- ></image>
|
|
|
+ <image v-if="key.imgShown" @click="clearHistory" src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/czbk/empty_ico.png" class="empty_ico"></image>
|
|
|
</view>
|
|
|
<view class="history-item">
|
|
|
<block v-for="(item, index) in relyOn(key.title)" :key="item">
|
|
@@ -88,46 +61,14 @@
|
|
|
</view>
|
|
|
<view v-else class="content">
|
|
|
<block v-if="haveResult">
|
|
|
- <view>
|
|
|
- <summary-chart
|
|
|
- :resultList="tabsActive == 1 ? resultList.slice(0, 10) : resultList"
|
|
|
- :tabsActiveChild="tabsActive"
|
|
|
- v-if="resultList.length && (tabsActive == 2 || tabsActive == 1)"
|
|
|
- />
|
|
|
- <view class="more-report more-box" v-if="tabsActive === 1 && haveResultReport">
|
|
|
- <text class="more-text"> 资源包/报告 </text>
|
|
|
- <view>
|
|
|
- <view class="more-rivet" @click="tabsActiveMore(3)"> 更多 <u-icon name="arrow-right" color="#3385FF" size="28"></u-icon> </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <reportPage
|
|
|
- @updateFllow="updateFllow"
|
|
|
- :reportPageData="reportPageData"
|
|
|
- id="container-report-page"
|
|
|
- v-if="Object.keys(reportPageData).length && (tabsActive == 3 || tabsActive == 1)"
|
|
|
- />
|
|
|
- <view class="more-activity more-box" v-if="tabsActive === 1 && haveResultActivity">
|
|
|
- <text class="more-text"> 活动 </text>
|
|
|
- <view>
|
|
|
- <view class="more-rivet" @click="tabsActiveMore(4)"> 更多 <u-icon name="arrow-right" color="#3385FF" size="28"></u-icon> </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <activityBack
|
|
|
- :collectLists="collectList"
|
|
|
- :tabsActiveSearch="tabsActive"
|
|
|
- v-if="collectList.length && (tabsActive == 4 || tabsActive == 1)"
|
|
|
- />
|
|
|
- <view class="more-activity more-box" v-if="tabsActive === 1 && haveResultRoadshow">
|
|
|
- <text class="more-text"> 微路演 </text>
|
|
|
- <view>
|
|
|
- <view class="more-rivet" @click="tabsActiveMore(5)"> 更多 <u-icon name="arrow-right" color="#3385FF" size="28"></u-icon> </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <roadshowPage
|
|
|
- :roadshowPageList="roadshowPageList"
|
|
|
- :tabsRoadshowSearch="tabsActive"
|
|
|
- v-if="roadshowPageList.length && (tabsActive == 5 || tabsActive == 1)"
|
|
|
- />
|
|
|
+ <block v-if="tabsActive === 1">
|
|
|
+ <synthetical :searchTxt="searchTxt" :isSyntheticalShow="isSyntheticalShow" :pageNumSynthetical="pageNumSynthetical" />
|
|
|
+ </block>
|
|
|
+ <view v-else>
|
|
|
+ <summary-chart :resultList="tabsActive == 1 ? resultList.slice(0, 10) : resultList" :tabsActiveChild="tabsActive" v-if="resultList.length && (tabsActive == 2 || tabsActive == 1)" />
|
|
|
+ <reportPage @updateFllow="updateFllow" :reportPageData="reportPageData" id="container-report-page" v-if="Object.keys(reportPageData).length && (tabsActive == 3 || tabsActive == 1)" />
|
|
|
+ <activityBack :collectLists="collectList" :tabsActiveSearch="tabsActive" v-if="collectList.length && (tabsActive == 4 || tabsActive == 1)" />
|
|
|
+ <roadshowPage :roadshowPageList="roadshowPageList" :tabsRoadshowSearch="tabsActive" v-if="roadshowPageList.length && (tabsActive == 5 || tabsActive == 1)" />
|
|
|
</view>
|
|
|
</block>
|
|
|
<view class="nodata" v-else>
|
|
@@ -150,9 +91,10 @@ import activityBack from "../components/activityBack.vue";
|
|
|
import reportPage from "../components/report.vue";
|
|
|
import roadshowPage from "../components/roadshow.vue";
|
|
|
import NotHaveLogin from "../../components/notHaveLogin.vue";
|
|
|
+import Synthetical from "../components/synthetical.vue";
|
|
|
|
|
|
export default {
|
|
|
- components: { summaryChart, activityBack, reportPage, roadshowPage, NotHaveLogin },
|
|
|
+ components: { summaryChart, activityBack, reportPage, roadshowPage, NotHaveLogin, Synthetical },
|
|
|
data() {
|
|
|
return {
|
|
|
searchTxt: "",
|
|
@@ -175,7 +117,8 @@ export default {
|
|
|
activitySelectActive: "0",
|
|
|
refresh: false, //正在下拉
|
|
|
pageNum: 1,
|
|
|
- pageSize: null,
|
|
|
+ pageNumSynthetical: 0,
|
|
|
+ pageSize: 10,
|
|
|
totalPage: 0,
|
|
|
status: "loadmore",
|
|
|
loadText: {
|
|
@@ -184,6 +127,7 @@ export default {
|
|
|
nomore: "已经到底了",
|
|
|
},
|
|
|
isSearchKeyWord: [],
|
|
|
+ isSyntheticalShow: false,
|
|
|
};
|
|
|
},
|
|
|
computed: {
|
|
@@ -212,15 +156,7 @@ export default {
|
|
|
: this.haveResultRoadshow;
|
|
|
},
|
|
|
},
|
|
|
- watch: {
|
|
|
- tabsActive: {
|
|
|
- handler(val) {
|
|
|
- val == 1 ? (this.pageSize = 5) : (this.pageSize = 10);
|
|
|
- },
|
|
|
- deep: true,
|
|
|
- immediate: true,
|
|
|
- },
|
|
|
- },
|
|
|
+ watch: {},
|
|
|
methods: {
|
|
|
//搜索事件
|
|
|
searchHandle() {
|
|
@@ -272,16 +208,16 @@ export default {
|
|
|
},
|
|
|
//搜索
|
|
|
async getDataList() {
|
|
|
+ this.pageNumSynthetical = 0;
|
|
|
this.isResult = true;
|
|
|
+ this.isSyntheticalShow = false;
|
|
|
if (!this.isSearchKeyWord.includes(this.searchTxt)) {
|
|
|
this.isSearchKeyWord.push(this.searchTxt);
|
|
|
await User.userSearchKeyWordLog({ KeyWord: this.searchTxt });
|
|
|
}
|
|
|
if (this.tabsActive == 1) {
|
|
|
- this.synthesiz();
|
|
|
- this.getReportList();
|
|
|
- this.getActivityBackList();
|
|
|
- this.getRoadshowList();
|
|
|
+ this.isSyntheticalShow = true;
|
|
|
+ this.pageNumSynthetical = 1;
|
|
|
} else if (this.tabsActive == 2) {
|
|
|
this.synthesiz();
|
|
|
} else if (this.tabsActive == 3) {
|
|
@@ -297,7 +233,7 @@ export default {
|
|
|
const res = await Search.getArtAndChartList({
|
|
|
KeyWord: this.searchTxt.replace(/^\s+|\s+$/g, ""),
|
|
|
OrderColumn: this.summarySelectActive,
|
|
|
- PageSize: 10,
|
|
|
+ PageSize: this.pageSize,
|
|
|
CurrentIndex: this.pageNum,
|
|
|
ListType: 1,
|
|
|
});
|
|
@@ -376,7 +312,7 @@ export default {
|
|
|
async getReportList() {
|
|
|
const res = await Report.getSearchReportAndResource({
|
|
|
KeyWord: this.searchTxt.replace(/^\s+|\s+$/g, ""),
|
|
|
- PageSize: this.tabsActive == 1 ? 5 : "",
|
|
|
+ PageSize: "",
|
|
|
});
|
|
|
if (res.Ret === 200) {
|
|
|
if (this.refresh) {
|
|
@@ -394,7 +330,7 @@ export default {
|
|
|
//获取微路演
|
|
|
async getRoadshowList() {
|
|
|
const res = await Home.microRoadshowList({
|
|
|
- PageSize: this.pageSize == 5 ? 6 : this.pageSize,
|
|
|
+ PageSize: this.pageSize,
|
|
|
CurrentIndex: this.pageNum,
|
|
|
KeyWord: this.searchTxt.replace(/^\s+|\s+$/g, ""),
|
|
|
Filter: Number(this.activitySelectActive),
|
|
@@ -451,7 +387,7 @@ export default {
|
|
|
duration: 300,
|
|
|
});
|
|
|
this.pageNum = 1;
|
|
|
- this.pageSize = this.tabsActive == 1 ? 5 : 10;
|
|
|
+ this.pageNumSynthetical = 0;
|
|
|
this.totalPage = 0;
|
|
|
this.summarySelectActive = "Matching";
|
|
|
this.activitySelectActive = "0";
|
|
@@ -510,9 +446,13 @@ export default {
|
|
|
}),
|
|
|
// 上拉加载this.resultList
|
|
|
onReachBottom: Throttle(function () {
|
|
|
- if (this.tabsActive == 1 || this.tabsActive == 3) return;
|
|
|
+ if (this.tabsActive == 3) return;
|
|
|
if (this.status === "nomore") return;
|
|
|
this.status = "loading";
|
|
|
+ if (this.tabsActive == 1) {
|
|
|
+ this.pageNumSynthetical++;
|
|
|
+ return;
|
|
|
+ }
|
|
|
this.pageNum++;
|
|
|
this.getDataList();
|
|
|
}),
|
|
@@ -622,6 +562,7 @@ export default {
|
|
|
}
|
|
|
.history {
|
|
|
height: 270rpx;
|
|
|
+ overflow: hidden;
|
|
|
.history-title {
|
|
|
display: flex;
|
|
|
align-items: center;
|