图片替换

src/router.js

@@ -87,7 +87,7 @@ const newPage= () => import('views/mobile/loginregister/newPage');//微信登录
 const bindAccount= () => import('views/mobile/loginregister/bindAccount');//绑定帐号
 const videoPreload= () => import('views/mobile/proFeedback/videoPreload');//视频播放预演
 const firstStage= () => import('views/mobile/proFeedback/firstStage');//活动介绍
-const secondStage= () => import('views/mobile/proFeedback/secondStage1');//项目评审
+const secondStage= () => import('views/mobile/proFeedback/secondStage');//项目评审
 const secondStageDetail= () => import('views/mobile/proFeedback/secondStageDetail');//项目评审详情
 const masterComment= () => import('views/mobile/proFeedback/masterComment');//专家点评
 const masterList= () => import('views/mobile/proFeedback/masterList');//专家列表

src/views/mobile/proFeedback/resultpage.vue

 <template>
     <div class="wrapper">
         <mt-loadmore :top-method="loadTop" :bottom-method="loadBottom" :auto-fill="false" :bottom-all-loaded="allLoaded" ref="loadmore">
-        <div class="bannerImg" :style="{backgroundImage: 'url('+require('../../../assets/img/proFeedBack/subjectBanner.png')+')'}">
+        <div class="bannerImg" :style="{backgroundImage: 'url('+require('../../../assets/img/proFeedBack/subjectBanner.jpg')+')'}">
             <div class="buttonLink">
                 <el-button type="default" plain @click="$router.push({path:'/firstStage',query:{id:subjectdata[0].subjectId,stage:3}})">活动介绍</el-button>
             </div>

src/views/mobile/proFeedback/secondStage.vue

@@ -2,7 +2,7 @@
     <div class="overfolowWrapper" ref="overfolowWrapper" @scroll.passive="getScroll($event)">
         <mt-loadmore :top-method="loadTop" :bottom-method="loadBottom" :auto-fill="false" :bottom-all-loaded="allLoaded" ref="loadmore">
             <div>
-                <div class="bannerImg" :style="{backgroundImage: 'url('+require('../../../assets/img/proFeedBack/subjectBanner.png')+')'}">
+                <div class="bannerImg" :style="{backgroundImage: 'url('+require('../../../assets/img/proFeedBack/subjectBanner.jpg')+')'}">
                     <div class="buttonLink">
                         <el-button type="default" plain @click="handleToFirstStage">活动介绍</el-button>
                         <el-button type="default" plain @click="handleToMaster">特约嘉宾</el-button>
@@ -27,7 +27,7 @@
                     <ul class="contentUl">
                         <li v-for="(item,index) in tableData" v-if="tableData.length>0" :key="item.id">
                             <div class="videoLi">
-                                <videoCmpt :src="item.videoUrl" :currentData="item" @showShareAndDetail="showShareAndDetail" @postDuration="postDuration" :coverUrl="item.coverUrl" :index="index" @hideTopAndBottom="hideTopAndBottom"></videoCmpt>
+                                <videoCmpt ref="videoCmpt" :src="item.videoUrl" v-if="tableData.length>0" :isReloadVideo.sync="item.isReloadVideo" :currentData="item" @showShareAndDetail="showShareAndDetail" @postDuration="postDuration" :coverUrl="item.coverUrl" :index="index" @hideTopAndBottom="hideTopAndBottom"></videoCmpt>
                                 <div class="shareAndDetail" v-if="item.showShare">
                                     <div @click="call(item,1)">
                                         <p><img src="../../../assets/img/mobile/shareFriend.png" alt=""></p>
@@ -41,6 +41,7 @@
                                         <p><img src="../../../assets/img/mobile/proDetail.png" alt=""></p>
                                         <p>项目详情</p>
                                     </div>
+                                    <span @click="handleReLoad(item,index)"><i class="iconfont icon-zhongbo-m"></i>重播</span>
                                 </div>
                             </div>
                             <div class="topPosition" v-show="item.isShowVideoInfo">
@@ -84,7 +85,7 @@
                         <p><i class="iconfont icon-bianji"></i></p>
                         <p>报名</p>
                     </div>
-                    <div class="buttonFixed firstBtn" @click="handleToFirstStage" v-if="$route.query.stage<3">
+                    <div class="buttonFixed firstBtn" @click="handleToFirstStage">
                         <p><i class="iconfont icon-libao"></i></p>
                         <p>福利</p>
                     </div>
@@ -149,8 +150,8 @@
         computed: {
             config() {
                 return {
-                    title:this.subjectInfo.subjectTitle,
-                    desc: this.subjectInfo.subjectTitle,
+                    title:"谁将成为智能网联汽车明日之星？",//this.subjectInfo.subjectTitle
+                    desc: "TB首届“太库之星”线上创业大赛开启，智能网联汽车科创项目竞相角逐。你pick谁？",
                     img:  this.subjectInfo.subjectCover,
                     link: document.location.href+"&rDeviceId="+this.publicFun.getCookie("getGuid32")+"&rEmpId="+(this.userInfo?this.userInfo.empId:undefined)+"&rTargetType="
                 }
@@ -177,8 +178,8 @@
                     that.shareFunc(command,query);
                 } else {
                     let shareData = {  //nativeShare的参数模型
-                        title: this.subjectInfo.subjectTitle,
-                        desc: this.subjectInfo.subjectTitle,
+                        title: "谁将成为智能网联汽车明日之星？",//this.subjectInfo.subjectTitle
+                        desc: "TB首届“太库之星”线上创业大赛开启，智能网联汽车科创项目竞相角逐。你pick谁？",
                         // 如果是微信该link的域名必须要在微信后台配置的安全域名之内的。
                         link: document.location.href+"&rDeviceId="+this.publicFun.getCookie("getGuid32")+"&rEmpId="+(this.userInfo?this.userInfo.empId:undefined)+"&rTargetType="+query.rTargetType,
                         // icon: this.config.url,
@@ -191,8 +192,8 @@
                         }
                     }
                     let mShareData = {  //m-share的参数模型
-                        title: this.subjectInfo.subjectTitle,
-                        desc: this.subjectInfo.subjectTitle,
+                        title: "谁将成为智能网联汽车明日之星？",
+                        desc: "TB首届“太库之星”线上创业大赛开启，智能网联汽车科创项目竞相角逐。你pick谁？",
                         // 如果是微信该link的域名必须要在微信后台配置的安全域名之内的。
                         link: document.location.href+"&rDeviceId="+this.publicFun.getCookie("getGuid32")+"&rEmpId="+(this.userInfo?this.userInfo.empId:undefined)+"&rTargetType="+query.rTargetType,
                         imgUrl: this.subjectInfo.subjectCover,// 图片, 默认取网页中第一个img标签
@@ -231,8 +232,8 @@
                     }else{
                         this.dialogVisible = true;
                         let dataVal = {
-                            title: that.subjectInfo.subjectTitle,
-                            desc: that.subjectInfo.subjectTitle,
+                            title: "谁将成为智能网联汽车明日之星？",
+                            desc: "TB首届“太库之星”线上创业大赛开启，智能网联汽车科创项目竞相角逐。你pick谁？",
                             imageUrl:that.subjectInfo.subjectCover,
                             bgUrl:that.subjectInfo.subjectCover,
                             isShare:data,
@@ -287,6 +288,7 @@
                                 item.disabledFlag = 0;
                                 item.isShowVideoInfo = true;
                                 item.showShare=false;
+                                item.isReloadVideo = true;
                                 if(item.projectScore==null||item.projectScore==0){
                                     item.projectScore = 0.0;
                                 }
@@ -367,6 +369,13 @@
                 this.$router.push({path:"/secondStageDetail",query:query});
             },
 
+            handleReLoad(item,index){
+                this.currentData = item;
+                this.$set(item,"isReloadVideo",false);
+                this.$set(item,"showShare",false);
+                this.$refs.videoCmpt[index].showVideoFunc();
+            },
+
             //是否显示头部和底部信息
             hideTopAndBottom(index,data){
                 this.tableData[index].isShowVideoInfo = data;
@@ -605,9 +614,9 @@
                         if(this.subjectInfo){
                             dataVal = {
 
-                                title: that.subjectInfo.subjectTitle, // 分享标题
+                                title: "谁将成为智能网联汽车明日之星？", // 分享标题
 
-                                desc: that.subjectInfo.subjectCover, // 分享描述
+                                desc: "TB首届“太库之星”线上创业大赛开启，智能网联汽车科创项目竞相角逐。你pick谁？", // 分享描述
 
                                 link: document.location.href+"&rDeviceId="+that.publicFun.getCookie("getGuid32")+"&rEmpId="+(that.userInfo?this.userInfo.empId:undefined)+"&rTargetType=1", // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
 
@@ -815,7 +824,7 @@
                     padding: 0 .7rem;
                     z-index: 100;
                     width: 100%;
-                    height: 3.3rem;
+                    height: 4rem;
                     background-color: rgba(0,0,0,0.5);
                     position: absolute;
                     left: 0;
@@ -825,6 +834,13 @@
                     justify-content: center;
                     align-items: center;
                     border-radius: 10px 10px 0 0;
+                    span{
+                        display: inline-block;
+                        position: absolute;
+                        bottom: .3rem;
+                        right:.3rem;
+                        color: #fff;
+                    }
                     &>div{
                         flex: 1;
                         display: flex;