|
|
@@ -5,7 +5,7 @@
|
|
|
<view class="top-tabs">
|
|
|
<block v-for="item in topTabBars" :key="item.Id">
|
|
|
<view v-if="item.IsShow" :class="['item', item.Id == topTabsActive && 'tabs-active']" @click="topTabsChange(item)">
|
|
|
- {{ showTabBarsText(item.Name) }}
|
|
|
+ {{ item.Name}}
|
|
|
<block v-if="(item.Id === 3 || item.Name == '图表') && wholeShowListData.IsShowChart">
|
|
|
<image class="limit-img tabs-img" src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/czbk/limit_icon.png" mode=""></image>
|
|
|
</block>
|
|
|
@@ -30,13 +30,32 @@
|
|
|
}}</view>
|
|
|
</view>
|
|
|
</block>
|
|
|
- <!-- <view v-if="topTabsActive == '4'" class="medium-ul">
|
|
|
- <view class="item-content">
|
|
|
- <view @click="mediumClickHandler(item)" :class="['item', item.isSelect && 'item-act']" v-for="item in mediumSelect" :key="item.value">
|
|
|
+ <view v-if="topTabsActive == '4'" class="medium-ul">
|
|
|
+ <view class="global_two_tabs">
|
|
|
+ <view @click="mediumClickHandler(item)" :class="['item', item.isSelect && 'tabs-active']" v-for="item in mediumSelect" :key="item.value">
|
|
|
{{ item.name }}
|
|
|
</view>
|
|
|
+ <!-- 各种状态选择 -->
|
|
|
+ <view class="select-conyent" ref="select-conyent" style="margin-left: 20rpx">
|
|
|
+ <van-dropdown-menu active-color="#333333">
|
|
|
+ <van-dropdown-item id="industry" :title="chartPermissionName">
|
|
|
+ <view class="menu-items">
|
|
|
+ <view class="menu-items-box" v-for="item in listChartPermission" :key="item.ChartPermissionId" @click="overallClick(item)">
|
|
|
+ <view class="items-box">
|
|
|
+ <u-icon v-if="item.IsChoose" name="checkbox-mark" :color="'#376cbb'" size="24"></u-icon>
|
|
|
+ </view>
|
|
|
+ <text>{{ item.PermissionName }}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="replacement">
|
|
|
+ <text @click="replacementBtn" class="replacement-box">重置</text>
|
|
|
+ <text @click="replacementConfirm">确定</text>
|
|
|
+ </view>
|
|
|
+ </van-dropdown-item>
|
|
|
+ </van-dropdown-menu>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view> -->
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<block v-if="haveData">
|
|
|
@@ -120,12 +139,19 @@ export default {
|
|
|
showTransition: false, //点击绝密后的隐现
|
|
|
isBindingMobile: true, //图表我的收藏是否绑定手机号
|
|
|
videoContext: null,
|
|
|
- audioShareId: "", //通过分享单个音频点进页面时使用
|
|
|
- videoShareId: "", //通过分享单个视频点进页面时使用
|
|
|
- activityShareId: "",
|
|
|
+ shareSourceType: "", //通过分享单个音频点进页面时使用
|
|
|
+ shareSourceId: "", //通过分享单个视频点进页面时使用
|
|
|
roadshowPageList: [], //音频 视频 list
|
|
|
showAudioPop: false,
|
|
|
mediumActive: "",
|
|
|
+ mediumSelect: [
|
|
|
+ { name: "路演回放", value: 1, IsChoose: false },
|
|
|
+ { name: "问答系列", value: 2, IsChoose: false },
|
|
|
+ { name: "调研反馈", value: 3, IsChoose: false },
|
|
|
+ ],
|
|
|
+ listChartPermission: [], // 行业
|
|
|
+ chartPermissionName: "全行业",
|
|
|
+ chartPermissionIds: "",
|
|
|
};
|
|
|
},
|
|
|
components: {
|
|
|
@@ -138,14 +164,14 @@ export default {
|
|
|
},
|
|
|
watch: {},
|
|
|
onLoad(optios) {
|
|
|
+ this.getUserSearchContent();
|
|
|
this.getHeaderTab();
|
|
|
if (optios.topTabsActive) {
|
|
|
this.topTabsActive = optios.topTabsActive;
|
|
|
this.secondActive = optios.secondActive;
|
|
|
this.chartChildrenActive = optios.childrenActive;
|
|
|
- this.videoShareId = optios.videoShareId;
|
|
|
- this.audioShareId = optios.audioShareId;
|
|
|
- this.activityShareId = optios.activityId;
|
|
|
+ this.shareSourceType = optios.SourceType;
|
|
|
+ this.shareSourceId = optios.SourceId;
|
|
|
}
|
|
|
this.getTabs();
|
|
|
this.getReportList();
|
|
|
@@ -186,8 +212,8 @@ export default {
|
|
|
this.secondActive = "";
|
|
|
this.pageNum = 1;
|
|
|
this.dataList = [];
|
|
|
- this.audioShareId = "";
|
|
|
- this.videoShareId = "";
|
|
|
+ this.shareSourceId = "";
|
|
|
+ this.shareSourceType = "";
|
|
|
uni.pageScrollTo({
|
|
|
scrollTop: 0,
|
|
|
duration: 0,
|
|
|
@@ -233,6 +259,8 @@ export default {
|
|
|
},
|
|
|
// 点击为路演的筛选
|
|
|
mediumClickHandler(item) {
|
|
|
+ this.shareSourceType = "";
|
|
|
+ this.shareSourceId = "";
|
|
|
item.isSelect = !item.isSelect;
|
|
|
let arr = [];
|
|
|
this.mediumSelect.forEach((key) => {
|
|
|
@@ -301,10 +329,10 @@ export default {
|
|
|
const res = await Home.microRoadshowList({
|
|
|
PageSize: this.pageSize,
|
|
|
CurrentIndex: this.pageNum,
|
|
|
- AudioId: this.audioShareId,
|
|
|
- VideoId: this.activityShareId ? "" : this.videoShareId,
|
|
|
- ActivityVideoId: this.activityShareId && this.videoShareId,
|
|
|
- Filter: this.mediumActive,
|
|
|
+ SourceId: this.shareSourceId,
|
|
|
+ SourceType: this.shareSourceType,
|
|
|
+ ChartPermissionIds: this.chartPermissionIds,
|
|
|
+ SearchType: this.mediumActive,
|
|
|
});
|
|
|
if (res.Ret === 200) {
|
|
|
this.status = this.pageNum < res.Data.Paging.Pages ? "loadmore" : "nomore";
|
|
|
@@ -453,7 +481,7 @@ export default {
|
|
|
async isCollectionHandeler(item) {
|
|
|
await this.$store.dispatch("showLoginModal");
|
|
|
const res = await Home.microRoadshowCollect({
|
|
|
- Id: item.Id,
|
|
|
+ SourceId: item.SourceId,
|
|
|
SourceType: item.Type,
|
|
|
PageRouter: this.$store.state.pageRouterReport,
|
|
|
});
|
|
|
@@ -466,11 +494,50 @@ export default {
|
|
|
});
|
|
|
}
|
|
|
},
|
|
|
- showTabBarsText(key) {
|
|
|
- if (key == "微路演") {
|
|
|
- return "路演回放";
|
|
|
+ // 选择的选中事件
|
|
|
+ overallClick(item) {
|
|
|
+ item.IsChoose = !item.IsChoose;
|
|
|
+ },
|
|
|
+ // 下拉的选择的重置事件
|
|
|
+ replacementBtn() {
|
|
|
+ this.page_no = 1;
|
|
|
+ this.chartPermissionIds = "";
|
|
|
+ this.listChartPermission.map((item) => (item.IsChoose = false));
|
|
|
+ this.chartPermissionName = "全行业";
|
|
|
+ this.initData();
|
|
|
+ },
|
|
|
+ // 下拉选择的确定事件
|
|
|
+ replacementConfirm() {
|
|
|
+ this.page_no = 1;
|
|
|
+ const arr = [];
|
|
|
+ const str = [];
|
|
|
+ this.listChartPermission.forEach((key) => {
|
|
|
+ if (key.IsChoose) {
|
|
|
+ arr.push(key.ChartPermissionId);
|
|
|
+ str.push(key.PermissionName);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ if (str.length == this.listChartPermission.length || str.length <= 0) {
|
|
|
+ this.chartPermissionName = "全行业";
|
|
|
+ } else {
|
|
|
+ this.chartPermissionName = str.join(",");
|
|
|
+ }
|
|
|
+ this.chartPermissionIds = arr.join(",");
|
|
|
+ this.initData();
|
|
|
+ this.selectComponent("#industry").toggle(false);
|
|
|
+ },
|
|
|
+ // 获取权限、所有的行业
|
|
|
+ async getUserSearchContent() {
|
|
|
+ const res = await Reports.permissionNoyx({});
|
|
|
+ if (res.Ret === 200) {
|
|
|
+ this.listChartPermission =
|
|
|
+ res.Data.List.map((item) => {
|
|
|
+ return {
|
|
|
+ ...item,
|
|
|
+ IsChoose: false,
|
|
|
+ };
|
|
|
+ }) || [];
|
|
|
}
|
|
|
- return key;
|
|
|
},
|
|
|
},
|
|
|
onHide() {
|
|
|
@@ -484,9 +551,8 @@ export default {
|
|
|
},
|
|
|
/* 下拉刷新 */
|
|
|
onPullDownRefresh: Throttle(function () {
|
|
|
- this.audioShareId = "";
|
|
|
- this.videoShareId = "";
|
|
|
- this.activityShareId = "";
|
|
|
+ this.shareSourceId = "";
|
|
|
+ this.shareSourceType = "";
|
|
|
this.status = "loadmore";
|
|
|
this.refresh = true;
|
|
|
this.dataList = [];
|
|
|
@@ -504,15 +570,11 @@ export default {
|
|
|
onShareAppMessage: function ({ from, target }) {
|
|
|
if (from === "button") {
|
|
|
let item = target.dataset.item;
|
|
|
- let audio_id = item.Type == 1 || item.AudioType == 1 ? item.Id : "";
|
|
|
- // type=2 -- 活动视频 type=3 -- 产业视频
|
|
|
- let video_id = item.Type == 2 || item.Type == 3 ? item.Id : "";
|
|
|
- let activity_id = item.Type == 2 && item.ActivityId > 0 ? item.ActivityId : "";
|
|
|
let title_share = item.AudioTitle || item.Title;
|
|
|
- this.getRecordTracking("微路演转发", { ActivityId: item.ActivityId, Id: item.Id, Type: item.Type });
|
|
|
+ this.getRecordTracking("微路演转发", { SourceId: item.SourceId, SourceType: item.SourceType });
|
|
|
return {
|
|
|
- title: this.isHorzMobile ? "好友向您推荐此内容，上传名片享查研观向免费月卡！" : title_share,
|
|
|
- path: "/pages/material/material?topTabsActive=4" + "&audioShareId=" + audio_id + "&videoShareId=" + video_id + "&activityId=" + activity_id,
|
|
|
+ title: title_share,
|
|
|
+ path: "/pages/material/material?topTabsActive=4" + "&SourceId=" + item.SourceId + "&SourceType=" + item.Type,
|
|
|
imageUrl: item.AudioShareImg || item.ShareImg,
|
|
|
};
|
|
|
} else {
|
|
|
@@ -633,5 +695,81 @@ export default {
|
|
|
margin: 50rpx auto;
|
|
|
}
|
|
|
}
|
|
|
+ .select-conyent {
|
|
|
+ .items-box {
|
|
|
+ width: 40rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .menu-items {
|
|
|
+ background-color: #f8f8fa;
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ padding: 30rpx 30rpx 0;
|
|
|
+
|
|
|
+ .menu-items-box {
|
|
|
+ display: flex;
|
|
|
+ width: 50%;
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-weight: 400;
|
|
|
+ margin-bottom: 40rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .replacement {
|
|
|
+ margin: 0rpx 30rpx 20rpx;
|
|
|
+ display: flex;
|
|
|
+ background-color: $uni-color-new;
|
|
|
+ height: 60rpx;
|
|
|
+ line-height: 58rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #ffffff;
|
|
|
+ border-radius: 30rpx;
|
|
|
+
|
|
|
+ text {
|
|
|
+ flex: 1;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 60rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .replacement-box {
|
|
|
+ border: 1rpx solid $uni-color-new;
|
|
|
+ line-height: 58rpx;
|
|
|
+ color: $uni-color-new;
|
|
|
+ background: #ffffff;
|
|
|
+ border-radius: 28rpx 0rpx 28rpx 28rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.van-dropdown-menu {
|
|
|
+ background-color: #fff;
|
|
|
+ box-shadow: none !important;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.van-dropdown-menu__item {
|
|
|
+ box-sizing: border-box;
|
|
|
+ width: 160rpx;
|
|
|
+ // margin-right: 20rpx;
|
|
|
+ padding-right: 20rpx;
|
|
|
+ height: 51rpx;
|
|
|
+ border-radius: 26rpx;
|
|
|
+ background: #f8f8fa;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.van-dropdown-item {
|
|
|
+ margin-top: -10rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/[data-index="2"] {
|
|
|
+ margin-right: 0rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/ .van-ellipsis {
|
|
|
+ font-size: 24rpx;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
bding