|
@@ -13,40 +13,40 @@
|
|
|
{{ item.IndustryName }}
|
|
|
</text>
|
|
|
<view class="publish">
|
|
|
- {{ item.PublishDate }}更新
|
|
|
+ <text class="reg-hint" v-if="item.IsRed"></text>
|
|
|
+ {{ item.PublishDate }}
|
|
|
<u-icon name="arrow-right" color="#BDBDBD" size="34"></u-icon>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="read-more">
|
|
|
-<!-- <text class="text-box text_oneLine" v-for="val in item.IndustrialSubjectList" :key="val.IndustrialSubjectId">
|
|
|
+ <!-- <text class="text-box text_oneLine" v-for="val in item.IndustrialSubjectList" :key="val.IndustrialSubjectId">
|
|
|
{{ val.SubjectName }}
|
|
|
</text> -->
|
|
|
- <view class="industry-video-item" @click.stop="handelVideoPlay(item)"
|
|
|
- :style="{'background-image':'url('+item.IndustryVideo.BackgroundImg+ ')'}" v-if="item.IndustryVideo">
|
|
|
- 5min
|
|
|
- <br />
|
|
|
- 逻辑解析
|
|
|
- <view class="industry-video-icon">
|
|
|
- <image src="https://hzstatic.hzinsights.com/cygx/video-right-top-icon.svg"></image>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <block v-if="item.IndustrialSubjectList">
|
|
|
- <view v-if="item.IndustryVideo" style="display: flex;flex-wrap: wrap;width: 420rpx;">
|
|
|
- <view v-for="val in item.IndustrialSubjectList.slice(0,4)" :key="val.IndustrialSubjectId" class="text-box text_oneLine">
|
|
|
- {{ val.SubjectName }}
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <block v-if="item.IndustryVideo && item.IndustrialSubjectList.length>4">
|
|
|
- <view v-for="val in item.IndustrialSubjectList.slice(4)" :key="val.IndustrialSubjectId" class="text-box text_oneLine">
|
|
|
- {{ val.SubjectName }}
|
|
|
- </view>
|
|
|
- </block>
|
|
|
- <block v-if="!item.IndustryVideo">
|
|
|
- <view v-for="val in item.IndustrialSubjectList" :key="val.IndustrialSubjectId" class="text-box text_oneLine">
|
|
|
- {{ val.SubjectName }}
|
|
|
- </view>
|
|
|
- </block>
|
|
|
- </block>
|
|
|
+ <view class="industry-video-item" @click.stop="handelVideoPlay(item)" :style="{ 'background-image': 'url(' + item.IndustryVideo.BackgroundImg + ')' }" v-if="item.IndustryVideo">
|
|
|
+ 5min
|
|
|
+ <br />
|
|
|
+ 逻辑解析
|
|
|
+ <view class="industry-video-icon">
|
|
|
+ <image src="https://hzstatic.hzinsights.com/cygx/video-right-top-icon.svg"></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <block v-if="item.IndustrialSubjectList">
|
|
|
+ <view v-if="item.IndustryVideo" style="display: flex; flex-wrap: wrap; width: 420rpx">
|
|
|
+ <view v-for="val in item.IndustrialSubjectList.slice(0, 4)" :key="val.IndustrialSubjectId" class="text-box text_oneLine">
|
|
|
+ {{ val.SubjectName }}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <block v-if="item.IndustryVideo && item.IndustrialSubjectList.length > 4">
|
|
|
+ <view v-for="val in item.IndustrialSubjectList.slice(4)" :key="val.IndustrialSubjectId" class="text-box text_oneLine">
|
|
|
+ {{ val.SubjectName }}
|
|
|
+ </view>
|
|
|
+ </block>
|
|
|
+ <block v-if="!item.IndustryVideo">
|
|
|
+ <view v-for="val in item.IndustrialSubjectList" :key="val.IndustrialSubjectId" class="text-box text_oneLine">
|
|
|
+ {{ val.SubjectName }}
|
|
|
+ </view>
|
|
|
+ </block>
|
|
|
+ </block>
|
|
|
</view>
|
|
|
</view>
|
|
|
</block>
|
|
@@ -67,10 +67,10 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="read-more" v-if="item.IndustrialSubjectList">
|
|
|
- <text class="text-box text_oneLine" v-for="val in item.IndustrialSubjectList" :key="val.IndustrialSubjectId">
|
|
|
+ <text class="text-box text_oneLine" v-for="val in item.IndustrialSubjectList" :key="val.IndustrialSubjectId">
|
|
|
{{ val.SubjectName }}
|
|
|
</text>
|
|
|
-<!-- <view class="industry-video-item" @click.stop="handelVideoPlay(item)"
|
|
|
+ <!-- <view class="industry-video-item" @click.stop="handelVideoPlay(item)"
|
|
|
:style="{'background-image':'url('+item.IndustryVideo.BackgroundImg+ ')'}" v-if="item.IndustryVideo">
|
|
|
5min
|
|
|
<br />
|
|
@@ -166,19 +166,19 @@
|
|
|
<rich-text :nodes="accounts"></rich-text>
|
|
|
</view>
|
|
|
</u-modal>
|
|
|
- <!-- 视频模块 -->
|
|
|
- <videoModule :showVideoPop="showVideoPop" :videoPopList="videoPopList" class="industry-video-module"/>
|
|
|
- <!-- 权限弹窗 -->
|
|
|
- <modalDialog :isShowhasPermission="isShowhasPermission" :applyForIsShow="applyForIsShow" :jurisdictionList="jurisdictionList" :hasPermission="hasPermission" />
|
|
|
+ <!-- 视频模块 -->
|
|
|
+ <videoModule :showVideoPop="showVideoPop" :videoPopList="videoPopList" class="industry-video-module" />
|
|
|
+ <!-- 权限弹窗 -->
|
|
|
+ <modalDialog :isShowhasPermission="isShowhasPermission" :applyForIsShow="applyForIsShow" :jurisdictionList="jurisdictionList" :hasPermission="hasPermission" />
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import {Report } from "@/config/api"
|
|
|
+import { Report } from "@/config/api";
|
|
|
import videoModule from "@/components/videoModule/index";
|
|
|
import modalDialog from "@/components/modalDialog.vue";
|
|
|
export default {
|
|
|
- components: {videoModule,modalDialog},
|
|
|
+ components: { videoModule, modalDialog },
|
|
|
props: {
|
|
|
reportPageData: {
|
|
|
type: Object,
|
|
@@ -190,19 +190,19 @@ export default {
|
|
|
confirmText: "知道了",
|
|
|
isCancelBtn: false,
|
|
|
accounts: "",
|
|
|
- showVideoPop:false, //视频弹窗显示控制
|
|
|
- videoPopList:{},// 视频信息
|
|
|
- isShowhasPermission: false, // 联系销售的提交申请
|
|
|
- applyForIsShow: false, // 提交申请
|
|
|
- jurisdictionList: {},
|
|
|
- hasPermission: "", //权限
|
|
|
+ showVideoPop: false, //视频弹窗显示控制
|
|
|
+ videoPopList: {}, // 视频信息
|
|
|
+ isShowhasPermission: false, // 联系销售的提交申请
|
|
|
+ applyForIsShow: false, // 提交申请
|
|
|
+ jurisdictionList: {},
|
|
|
+ hasPermission: "", //权限
|
|
|
};
|
|
|
},
|
|
|
watch: {},
|
|
|
methods: {
|
|
|
//去往文章详情页面
|
|
|
goDetailReport(item) {
|
|
|
- this.$store.dispatch("checkHandle", "/pageMy/reportDetail/reportDetail?id=" + item.ArticleId);
|
|
|
+ this.$store.dispatch("checkHandle", "/pageMy/reportDetail/reportDetail?id=" + item.ArticleId );
|
|
|
},
|
|
|
/* 进入详情 校验是否有该品种权限 */
|
|
|
goDetail(item) {
|
|
@@ -250,45 +250,45 @@ export default {
|
|
|
}
|
|
|
this.goFollowShow = false;
|
|
|
},
|
|
|
- // 播放权限判断
|
|
|
- handelVideoPlay(item){
|
|
|
- if (!this.$store.state.isAuth && !this.$store.state.isBind) {
|
|
|
- if (item.AuthInfo.HasPermission == 1) {
|
|
|
- this.playVideo(item)
|
|
|
- } else {
|
|
|
- this.hasPermission = item.AuthInfo.HasPermission;
|
|
|
- this.jurisdictionList.ActivityId = item.IndustryVideo.Id;
|
|
|
- // 产业视频
|
|
|
- this.jurisdictionList.isAudioVideo = 3;
|
|
|
- if (this.hasPermission == 2) {
|
|
|
- this.jurisdictionList.SellerMobile = item.AuthInfo.SellerMobile;
|
|
|
- this.jurisdictionList.SellerName = item.AuthInfo.SellerName;
|
|
|
- this.jurisdictionList.PopupMsg = item.AuthInfo.PopupMsg;
|
|
|
- this.isShowhasPermission = true;
|
|
|
- } else if (this.hasPermission == 3 || this.hasPermission == 4 || this.hasPermission == 5) {
|
|
|
- this.jurisdictionList.PopupMsg = item.AuthInfo.PopupMsg;
|
|
|
- this.applyForIsShow = true;
|
|
|
- }
|
|
|
- }
|
|
|
- } else {
|
|
|
- this.$store.dispatch("checkHandle");
|
|
|
- }
|
|
|
- },
|
|
|
- playVideo(item){
|
|
|
- let params={
|
|
|
- Id:item.IndustryVideo.Id,
|
|
|
- ResourceUrl:item.IndustryVideo.ResourceUrl,
|
|
|
- BackgroundImg:item.IndustryVideo.BackgroundImg,
|
|
|
- Title:`5min【${item.IndustryName}】逻辑解析`
|
|
|
- }
|
|
|
- if (this.$store.state.videoPlay.playVideoId != item.Id) {
|
|
|
- this.$store.commit("videoPlay/palyTimeUpdate", 0);
|
|
|
- this.$store.commit("videoPlay/playVideo", item.Id);
|
|
|
- }
|
|
|
- this.globalBgAudioManager.stop();
|
|
|
- this.videoPopList = params;
|
|
|
- this.showVideoPop = true;
|
|
|
- }
|
|
|
+ // 播放权限判断
|
|
|
+ handelVideoPlay(item) {
|
|
|
+ if (!this.$store.state.isAuth && !this.$store.state.isBind) {
|
|
|
+ if (item.AuthInfo.HasPermission == 1) {
|
|
|
+ this.playVideo(item);
|
|
|
+ } else {
|
|
|
+ this.hasPermission = item.AuthInfo.HasPermission;
|
|
|
+ this.jurisdictionList.ActivityId = item.IndustryVideo.Id;
|
|
|
+ // 产业视频
|
|
|
+ this.jurisdictionList.isAudioVideo = 3;
|
|
|
+ if (this.hasPermission == 2) {
|
|
|
+ this.jurisdictionList.SellerMobile = item.AuthInfo.SellerMobile;
|
|
|
+ this.jurisdictionList.SellerName = item.AuthInfo.SellerName;
|
|
|
+ this.jurisdictionList.PopupMsg = item.AuthInfo.PopupMsg;
|
|
|
+ this.isShowhasPermission = true;
|
|
|
+ } else if (this.hasPermission == 3 || this.hasPermission == 4 || this.hasPermission == 5) {
|
|
|
+ this.jurisdictionList.PopupMsg = item.AuthInfo.PopupMsg;
|
|
|
+ this.applyForIsShow = true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.$store.dispatch("checkHandle");
|
|
|
+ }
|
|
|
+ },
|
|
|
+ playVideo(item) {
|
|
|
+ let params = {
|
|
|
+ Id: item.IndustryVideo.Id,
|
|
|
+ ResourceUrl: item.IndustryVideo.ResourceUrl,
|
|
|
+ BackgroundImg: item.IndustryVideo.BackgroundImg,
|
|
|
+ Title: `5min【${item.IndustryName}】逻辑解析`,
|
|
|
+ };
|
|
|
+ if (this.$store.state.videoPlay.playVideoId != item.Id) {
|
|
|
+ this.$store.commit("videoPlay/palyTimeUpdate", 0);
|
|
|
+ this.$store.commit("videoPlay/playVideo", item.Id);
|
|
|
+ }
|
|
|
+ this.globalBgAudioManager.stop();
|
|
|
+ this.videoPopList = params;
|
|
|
+ this.showVideoPop = true;
|
|
|
+ },
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
@@ -309,10 +309,22 @@ export default {
|
|
|
padding: 0 30rpx;
|
|
|
background-color: #fff;
|
|
|
.publish {
|
|
|
+ position: relative;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
color: #999999;
|
|
|
font-style: 26rpx;
|
|
|
+ padding-left: 30rpx;
|
|
|
+ .reg-hint {
|
|
|
+ position: absolute;
|
|
|
+ top: 50%;
|
|
|
+ left: 0rpx;
|
|
|
+ width: 14rpx;
|
|
|
+ height: 14rpx;
|
|
|
+ transform: translateY(-50%);
|
|
|
+ background-color: #ff0000;
|
|
|
+ border-radius: 50%;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
.read-more {
|
|
@@ -320,41 +332,41 @@ export default {
|
|
|
display: flex;
|
|
|
flex-wrap: wrap;
|
|
|
margin-left: 80rpx;
|
|
|
- .industry-video-item{
|
|
|
- height: 126rpx;
|
|
|
- width: 170rpx;
|
|
|
- // width: 216rpx;
|
|
|
- margin: 0 40rpx 30rpx 0;
|
|
|
- // margin: 0 15rpx 30rpx 0;
|
|
|
- border-radius: 8rpx;
|
|
|
- background-size: cover;
|
|
|
- background-position: center;
|
|
|
- background-repeat: no-repeat;
|
|
|
- font-weight: 500;
|
|
|
- font-size: 32rpx;
|
|
|
- color: white;
|
|
|
- line-height: 45rpx;
|
|
|
- padding: 20rpx;
|
|
|
- position: relative;
|
|
|
- overflow: hidden;
|
|
|
- .industry-video-icon{
|
|
|
- height: 0rpx;
|
|
|
- width: 0rpx;
|
|
|
- border-style: solid;
|
|
|
- border-color: #3385FF #3385FF transparent transparent;
|
|
|
- border-width: 28rpx;
|
|
|
- position: absolute;
|
|
|
- right: 0;
|
|
|
- top: 0;
|
|
|
- image{
|
|
|
- position: absolute;
|
|
|
- right: -24rpx;
|
|
|
- bottom: 0;
|
|
|
- height: 20rpx;
|
|
|
- width: 20rpx;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
+ .industry-video-item {
|
|
|
+ height: 126rpx;
|
|
|
+ width: 170rpx;
|
|
|
+ // width: 216rpx;
|
|
|
+ margin: 0 40rpx 30rpx 0;
|
|
|
+ // margin: 0 15rpx 30rpx 0;
|
|
|
+ border-radius: 8rpx;
|
|
|
+ background-size: cover;
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ font-weight: 500;
|
|
|
+ font-size: 32rpx;
|
|
|
+ color: white;
|
|
|
+ line-height: 45rpx;
|
|
|
+ padding: 20rpx;
|
|
|
+ position: relative;
|
|
|
+ overflow: hidden;
|
|
|
+ .industry-video-icon {
|
|
|
+ height: 0rpx;
|
|
|
+ width: 0rpx;
|
|
|
+ border-style: solid;
|
|
|
+ border-color: #3385ff #3385ff transparent transparent;
|
|
|
+ border-width: 28rpx;
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ top: 0;
|
|
|
+ image {
|
|
|
+ position: absolute;
|
|
|
+ right: -24rpx;
|
|
|
+ bottom: 0;
|
|
|
+ height: 20rpx;
|
|
|
+ width: 20rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
.text-box {
|
|
|
margin-bottom: 30rpx;
|
|
|
margin-right: 40rpx;
|
|
@@ -438,4 +450,4 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|