init

pages.json

@@ -262,6 +262,13 @@
             "navigationBarTitleText": "申请详情",
             "enablePullDownRefresh": false
           }
+        },
+        {
+          "path": "trainVideoPages/trainVideoPages",
+          "style": {
+            "navigationBarTitleText": "策略系列培训",
+            "enablePullDownRefresh": false
+          }
         }
       ]
     },

reportPages/trainVideoPages/trainVideoPages.vue

@@ -0,0 +1,164 @@
+<template>
+  <view class="container train-video-pages">
+    <view class="title-box">
+      <view class="item">弘则策略首席 马冬凡 主讲</view>
+    </view>
+    <view class="ul-content">
+      <view v-for="item in videoList" :key="item.SourceId" class="global_card_content container-roadshow-item">
+        <view class="global_title item-title" @click="goDetails">
+          {{ item.Title }}
+        </view>
+        <view class="content-box" @click.stop="handelPlay(item)"></view>
+        <text class="time">{{ item.PublishTime }}</text>
+      </view>
+    </view>
+    <videoModule :showVideoPop.sync="showVideoPop" :curVideoId="curVideoId" :videoPopList="videoPopList" />
+  </view>
+</template>
+
+<script>
+import videoModule from "@/components/videoModule/index";
+export default {
+  data() {
+    return {
+      showVideoPop: false,
+      showAudioPop: false, //播放音频
+      videoPopList: {},
+      videoList: [
+        {
+          Id: 7,
+          SourceId: 7,
+          Title: "5min【心内科高值耗材】逻辑解析",
+          ActivityFileType: 0,
+          ActivityId: 0,
+          AuthInfo: { HasPermission: 1, SellerMobile: "15557270714", SellerName: "何柏仪", OperationMode: "", PopupMsg: "" },
+          BackgroundImg: "https://hzstatic.hzinsights.com/static/images/202311/20231107/iZWGoVyyVVPIxAajODDH8grm64Gj.jpeg",
+          ChartPermissionId: 22,
+          ChartPermissionName: "医药",
+          Id: 7,
+          IndustryId: 82,
+          IndustryName: "心内科高值耗材",
+          IsCollect: false,
+          LabelType: 3,
+          PlaySeconds: "15",
+          PublishTime: "2024-11-07",
+          ResourceUrl: "https://hzstatic.hzinsights.com/static/yb/video/1cf71240091ed77fab506cd4f8e0f04e.mp4",
+          ShareImg: "https://hzstatic.hzinsights.com/static/images/htm2img/eogq2mnTGgy7SPg2k2AzGZ02xSXT.jpg",
+          SourceId: 7,
+          Title: "5min【心内科高值耗材】逻辑解析",
+          Type: 3,
+        },
+        {
+          Id: 8,
+          SourceId: 8,
+          Title: "xxxxxxxxxx",
+          ActivityFileType: 0,
+          ActivityId: 0,
+          AuthInfo: { HasPermission: 1, SellerMobile: "15557270714", SellerName: "何柏仪", OperationMode: "", PopupMsg: "" },
+          BackgroundImg: "https://hzstatic.hzinsights.com/static/images/202311/20231107/iZWGoVyyVVPIxAajODDH8grm64Gj.jpeg",
+          ChartPermissionId: 22,
+          ChartPermissionName: "医药",
+          IndustryId: 882,
+          IndustryName: "心内科高值耗材",
+          IsCollect: false,
+          LabelType: 3,
+          PlaySeconds: "15",
+          PublishTime: "2024-11-07",
+          ResourceUrl: "https://hzstatic.hzinsights.com/static/yb/video/1cf71240091ed77fab506cd4f8e0f04e.mp4",
+          ShareImg: "https://hzstatic.hzinsights.com/static/images/htm2img/eogq2mnTGgy7SPg2k2AzGZ02xSXT.jpg",
+          SourceId: 8,
+          Title: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
+          Type: 3,
+        },
+      ],
+    };
+  },
+  components: {
+    videoModule,
+    // modalDialog,
+  },
+  methods: {
+    //播放的权限判断
+    async handelPlay(item) {
+      await this.$store.dispatch("showLoginModal");
+      if (item.AuthInfo.HasPermission == 1) {
+        this.handelVideoPlay(item);
+      }
+      //    else {
+      //     this.hasPermission = item.AuthInfo.HasPermission;
+      //     this.jurisdictionList.ActivityId = item.Id;
+      //     this.jurisdictionList.isAudioVideo = item.Type;
+      //     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;
+      //     }
+      //   }
+    },
+    //视频的播放事件
+    handelVideoPlay(item) {
+      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 = item;
+      this.showVideoPop = true;
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.train-video-pages {
+  background-color: #f3f5f9;
+  word-break: break-all;
+  .title-box {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    height: 96rpx;
+    border-top: 0.5rpx solid #dcdfe6;
+    border-bottom: 0.5rpx solid #dcdfe6;
+    padding-left: 25rpx;
+    background-color: #fff;
+    font-size: 28rpx;
+    color: #333;
+    .item {
+      padding: 10rpx 25rpx;
+      border-radius: 100rpx;
+      background-color: #f8f8fa;
+    }
+  }
+  .ul-content {
+    display: flex;
+    flex-wrap: wrap;
+    padding: 30rpx 25rpx;
+    justify-content: space-between;
+    .container-roadshow-item {
+      background-color: #fff;
+      width: 340rpx;
+      height: 440rpx;
+      margin-bottom: 20rpx;
+      .content-box {
+        flex: 1;
+        height: 228rpx;
+        background-color: #f0f1f3;
+        margin: 20rpx 0;
+      }
+    }
+    .item-title {
+      height: 105rpx;
+    }
+    .time {
+      font-size: 24rpx;
+      color: #666;
+      text-align: right;
+    }
+  }
+}
+</style>