更新调查列表

src/views/backstage/job/detail.vue

@@ -11,7 +11,7 @@
       <h3 style="font-size: 30px">考核内容</h3>
 
       <div v-for="(item,index) in targetList" style="font-size: 20px">
-        <div style="color: #00afff">{{"考核指标" + index+1}}</div>
+        <div style="color: #00afff">{{"考核指标" + (index+1)}}</div>
         <div style="margin-top: 20px"><span>考核标题:</span><span style="margin-left: 20px">{{item.ttarget.targetName}}</span></div>
         <div style="margin-top: 20px"><span>考核标准:</span><span style="margin-left: 20px">{{item.ttarget.checkCriteria}}</span></div>
         <div style="margin-top: 20px"><span>评分标准:</span><span style="margin-left: 20px">{{item.ttarget.scoreCriteria}}</span></div>
@@ -19,8 +19,12 @@
         <div style="margin-top: 20px" v-if="item.ttarget.type=='1'"><span>加分项:</span><span style="margin-left: 20px">{{item.ttarget.plusReduceItem}}</span></div>
         <div style="margin-top: 20px" v-if="item.ttarget.type=='2'"><span>减分项:</span><span style="margin-left: 20px">{{item.ttarget.plusReduceItem}}</span></div>
         <div style="margin-top: 20px"><span>每项分值:</span><span style="margin-left: 20px">{{item.ttarget.plusReduceItemEvery}}分</span></div>
+        <div style="margin-top: 20px"><span>得分:</span><span style="margin-left: 20px"></span>{{item.score}}分</div>
+        <div style="margin-top: 20px"><span>是否重新调查:</span><span style="margin-left: 20px">{{item.ttarget.isCheckFlag == '0' ? "是" : "否"}}</span></div>
 
-        <div style="margin-top: 20px">
+        <div style="margin-top: 20px">选择原因</div>
+
+        <div v-if="item.tjobPicVedios.length > 0" style="margin-top: 20px">
           <span style="color: red">注：备注黑色为普通；有问题的为红色；有亮点的为蓝色</span>
         </div>
         <div style="margin-top: 20px;margin-left: 60px" >
@@ -44,6 +48,7 @@
                                ref="videoPlayer"
                                :playsinline="true"
                                :options="playerOptions"
+                               @play="apply(image.url)"
                  ></video-player>
                <div style="margin-top: 20px" v-if="image.type == null">备注：{{image.remark}}</div>
                <div style="margin-top: 20px" v-else>
@@ -55,26 +60,22 @@
 
       </div>
 
-        <el-divider></el-divider>
 
+        <el-divider></el-divider>
+    </div>
 
       <div style="font-size: 20px;margin-top: 50px">
         <div style="margin-top: 20px"><span>加分项数量:</span><span style="margin-left: 20px">{{addScoreCount}}</span></div>
         <div style="margin-top: 20px"><span>减分项数量:</span><span style="margin-left: 20px">{{reduceScoreCount}}</span></div>
         <div style="margin-top: 20px"><span>GPS坐标:</span><span style="margin-left: 20px">{{gps}}</span></div>
-        <div style="margin-top: 20px"><span>是否重新调查:</span><span style="margin-left: 20px">{{isCheckFlag ? "是" : "否"}}</span></div>
-        <div style="margin-top: 20px">选择原因</div>
       </div>
 
 
-
       <H3 style="font-size: 30px">调查员重新调查内容</H3>
       <H3 style="font-size: 30px">整改内容</H3>
       <H3 style="font-size: 30px">调查员复查内容</H3>
 
-    </div>
-
-    </div>
+  </div>
 
 
   </div>
@@ -126,7 +127,6 @@
         this.jobId = this.$route.params.id;
         getJob(this.jobId).then(response => {
           this.form = response.data;
-          console.log(this.form)
         });
 
         //获取相关联指标列表
@@ -137,14 +137,18 @@
           this.isCheckFlag = res.data.isCheckFlag;
           this.gps = res.data.gps;
         });
+      },
+      /* 页面初始化执行方法：此方法可写同步方法，有先后加载顺序的逻辑建议用同步方法 */
+      mounted() {
+
       },
       methods:{
         back() {
           this.$router.go(-1)
           // this.$router.push("/job/job")
         },
-        apply(){
-          // this.$refs.videoPlayer.play()
+        apply(url){
+          this.playerOptions.sources[0].src = url
           // this.playerOptions.width = 600
         }
       }