更新调查列表

src/api/backstage/job.js

 import request from '@/utils/request'
 
+// 获取相关联指标列表
+export function getTargetList(id) {
+  return request({
+    url: '/backstage/job/getTargetList/' + id,
+    method: 'get',
+  })
+}
+
 //派发整改任务
 export function distributeRectificationJob(id) {
   return request({

src/router/index.js

@@ -169,6 +169,20 @@ export const constantRoutes = [
         meta: { title: '问题详情' }
       }
     ]
+  },
+
+  {
+    path: '/getJobDetail',
+    component: Layout,
+    hidden: true,
+    children: [
+      {
+        path: '/getJobDetail/:id',
+        component: (resolve) => require(['@/views/backstage/job/detail'], resolve),
+        name: 'jobDetail',
+        meta: { title: '任务详情' }
+      }
+    ]
   }
 ]
 

src/views/backstage/job/detail.vue

+<template>
+  <div>
+    <div>
+      <el-button style="margin-top: 20px;margin-left: 20px" icon="arrow-left" class="pan-back-btn" @click="back">
+        &lt; 返回
+      </el-button>
+    </div>
+
+    <div style="margin-top: 20px;margin-left: 20px">
+
+      <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="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" v-for="image in item.ttarget.tjobPicVedios">{{image.url}}图片（需分类普通问题亮点）备注</div>
+        <div style="margin-top: 20px">视频</div>
+
+
+        <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>
+</template>
+
+<script>
+  import { getTargetList,distributeRectificationJob, rollbackJob, auditJob, getList,listJob, getJob, delJob, addJob, updateJob, exportJob } from "@/api/backstage/job";
+
+    export default {
+      name: "jobDetail",
+      data(){
+          return{
+            jobId:null,
+            form:{},
+            targetList:[],
+            addScoreCount:0,
+            reduceScoreCount:0,
+            isCheckFlag: false,
+            gps:'',
+          }
+      },
+      created() {
+        this.jobId = this.$route.params.id;
+        getJob(this.jobId).then(response => {
+          this.form = response.data;
+          console.log(this.form)
+        });
+
+        //获取相关联指标列表
+        getTargetList(this.jobId).then(res=>{
+          this.targetList = res.data.tJobTargets;
+          this.addScoreCount = res.data.addScoreCount;
+          this.reduceScoreCount = res.data.reduceScoreCount;
+          this.isCheckFlag = res.data.isCheckFlag;
+          this.gps = res.data.gps;
+        });
+      },
+      methods:{
+        back() {
+          this.$router.go(-1)
+          // this.$router.push("/job/job")
+        },
+      }
+    }
+</script>
+
+<style scoped>
+
+</style>

src/views/backstage/job/index.vue

@@ -179,6 +179,14 @@
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
 
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleDetail(scope.row)"
+            v-hasPermi="['backstage:job:edit']"
+          >查看详情</el-button>
+
           <el-button
             v-if="scope.row.jobType == '1' && scope.row.jobStatus == '2'"
             size="mini"
@@ -587,6 +595,10 @@ export default {
     handleSelectCheckTarget(){
       this.title = '请选择复查指标';
       this.checkTargetOpen = true;
+    },
+    //查看详情
+    handleDetail(row){
+      this.$router.push("/getJobDetail/"+ row.id);
     }
   }
 };