更新调查列表

src/views/backstage/job/detail.vue

@@ -108,10 +108,128 @@
         </div>
       </div>
 
+      <el-divider v-if="resetTargetList.length > 0"></el-divider>
+      <H3 v-if="resetTargetList.length > 0" style="font-size: 30px">调查员重新调查内容</H3>
+      <div v-for="(item,index) in resetTargetList" style="font-size: 20px">
+        <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>-->
+<!--        <div style="margin-top: 20px"><span>所属层级:</span><span style="margin-left: 20px">{{item.ttarget.allTargetLevelName}}</span>-->
+<!--        </div>-->
+<!--        <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 v-if="item.tjobPicVedios.length > 0" style="margin-top: 20px">
+          <span style="color: red">注：备注黑色为普通；有问题的为红色；有亮点的为蓝色</span>
+        </div>
+        <div style="margin-top: 20px;margin-left: 60px">
+          <div v-viewer v-for="image in item.tjobPicVedios" v-if="image.mediaType == '1'"
+               style="display: inline-block; width: 20%; margin-left: 10px;vertical-align: middle;text-align: center;">
+            <img
+              :src="image.url"
+              style="width: 100px;height: 100px; cursor:pointer"/>
+            <div style="margin-top: 20px" v-if="image.type == null">备注：{{image.remark}}</div>
+            <div style="margin-top: 20px" v-else>
+              <div :style="{'color':image.type ==2?'red':'blue'}">备注：{{image.remark}}</div>
+            </div>
+          </div>
+
+          <div v-for="image in item.tjobPicVedios" v-if="image.mediaType == '2'"
+               style="display: inline-block; width: 20%;  margin-left: 10px;vertical-align: middle;text-align: center;">
+            <div>
+              <video style="width: 100%;  height: 200px;" autoplay controls :src="image.url"></video>
+
+              <div style="margin-top: 20px" v-if="image.type == null">备注：{{image.remark}}</div>
+              <div style="margin-top: 20px" v-else>
+                <div :style="{'color':image.type ==2?'red':'blue'}">备注：{{image.remark}}</div>
+              </div>
+            </div>
+
+          </div>
+
+        </div>
+        <el-divider></el-divider>
+      </div>
+
+
+      <el-divider v-if="rectifyList.length > 0"></el-divider>
+      <H3 v-if="rectifyList.length > 0" style="font-size: 30px">整改内容</H3>
+
+      <div v-if="rectifyList.length > 0" style="margin-top: 20px">
+        <span style="color: red">注：备注黑色为普通；有问题的为红色；有亮点的为蓝色</span>
+      </div>
+      <div style="margin-top: 20px;margin-left: 60px">
+        <div v-viewer v-for="image in rectifyList" v-if="image.mediaType == '1'"
+             style="display: inline-block; width: 20%; margin-left: 10px;vertical-align: middle;text-align: center;">
+          <img
+            :src="image.url"
+            style="width: 100px;height: 100px; cursor:pointer"/>
+          <div style="margin-top: 20px" v-if="image.type == null">备注：{{image.remark}}</div>
+          <div style="margin-top: 20px" v-else>
+            <div :style="{'color':image.type ==2?'red':'blue'}">备注：{{image.remark}}</div>
+          </div>
+        </div>
+
+        <div v-for="image in rectifyList" v-if="image.mediaType == '2'"
+             style="display: inline-block; width: 20%;  margin-left: 10px;vertical-align: middle;text-align: center;">
+          <div>
+            <video style="width: 100%;  height: 200px;" autoplay controls :src="image.url"></video>
+
+            <div style="margin-top: 20px" v-if="image.type == null">备注：{{image.remark}}</div>
+            <div style="margin-top: 20px" v-else>
+              <div :style="{'color':image.type ==2?'red':'blue'}">备注：{{image.remark}}</div>
+            </div>
+          </div>
+
+        </div>
+
+      </div>
+
+
+      <el-divider v-if="checkList.length > 0"></el-divider>
+      <H3 v-if="checkList.length > 0" style="font-size: 30px">调查员复查内容</H3>
+
+      <div v-if="checkList.length > 0" style="margin-top: 20px">
+        <span style="color: red">注：备注黑色为普通；有问题的为红色；有亮点的为蓝色</span>
+      </div>
+      <div style="margin-top: 20px;margin-left: 60px">
+        <div v-viewer v-for="image in checkList" v-if="image.mediaType == '1'"
+             style="display: inline-block; width: 20%; margin-left: 10px;vertical-align: middle;text-align: center;">
+          <img
+            :src="image.url"
+            style="width: 100px;height: 100px; cursor:pointer"/>
+          <div style="margin-top: 20px" v-if="image.type == null">备注：{{image.remark}}</div>
+          <div style="margin-top: 20px" v-else>
+            <div :style="{'color':image.type ==2?'red':'blue'}">备注：{{image.remark}}</div>
+          </div>
+        </div>
+
+        <div v-for="image in checkList" v-if="image.mediaType == '2'"
+             style="display: inline-block; width: 20%;  margin-left: 10px;vertical-align: middle;text-align: center;">
+          <div>
+            <video style="width: 100%;  height: 200px;" autoplay controls :src="image.url"></video>
+
+            <div style="margin-top: 20px" v-if="image.type == null">备注：{{image.remark}}</div>
+            <div style="margin-top: 20px" v-else>
+              <div :style="{'color':image.type ==2?'red':'blue'}">备注：{{image.remark}}</div>
+            </div>
+          </div>
 
-      <H3 style="font-size: 30px">调查员重新调查内容</H3>
-      <H3 style="font-size: 30px">整改内容</H3>
-      <H3 style="font-size: 30px">调查员复查内容</H3>
+        </div>
+
+      </div>
+
+      <el-divider></el-divider>
 
     </div>
 
@@ -160,10 +278,12 @@
         imageColor: 'black',
         jobId: null,
         form: {},
-        targetList: [],
+        targetList: [],//考核内容
+        resetTargetList:[],//调查员重新调查内容
+        checkList:[],//复查内容
+        rectifyList:[],//整改内容
         addScoreCount: 0,
         reduceScoreCount: 0,
-        isCheckFlag: false,
         gps: '',
         // 视频播放
         playerOptions: {
@@ -198,10 +318,15 @@
 
       //获取相关联指标列表
       getTargetList(this.jobId).then(res => {
-        this.targetList = res.data.tJobTargets;
+        res.data.firstTJobTargets.map(item => {
+          item.isTrim = item.isTrim == 0 ? '是' : '否'
+        })
+        this.targetList = res.data.firstTJobTargets;
+        this.resetTargetList = res.data.resetTJobTargets;
+        this.rectifyList = res.data.rectifyList;
+        this.checkList = res.data.checkList;
         this.addScoreCount = res.data.addScoreCount;
         this.reduceScoreCount = res.data.reduceScoreCount;
-        this.isCheckFlag = res.data.isCheckFlag;
         this.gps = res.data.gps;
       });
 
@@ -231,6 +356,16 @@
           cancelButtonText: "取消",
           type: "warning"
         }).then(() => {
+
+          this.targetList.map(item => {
+            if(item.isTrim == '是'){
+              item.isTrim = 0;
+            }else if(item.isTrim == '否'){
+              item.isTrim = 1;
+            }
+
+          })
+
           rollbackJob(this.targetList).then(res => {
             this.$message.success("打回成功")
             this.getJob();
@@ -254,7 +389,7 @@
         }).catch(() => {
           this.$message.warning("取消操作")
         })
-      }
+      },
     }
   }
 </script>