更新指标

src/api/backstage/theme.js

 import request from '@/utils/request'
 
+// 获取指标列表详情
+export function getTargetListDetail(id) {
+  return request({
+    url: '/backstage/theme/getTargetListDetail/'+ id,
+    method: 'get',
+  })
+}
+
 // 查询考核主题列表
 export function getTargetList() {
   return request({

src/views/backstage/target/index.vue

@@ -446,14 +446,17 @@ export default {
       getTarget(id).then(response => {
         this.form = response.data;
 
-        //处理图片数据
-        let imageList = this.form.targetPicUrl.split(",")
-        let iList = [];
-        imageList.map(item=>{
-          let url = {name:this.getUuid() + '.jpg',url:item }
-          iList.push(url)
-        })
-        this.images = iList
+        if(this.form.targetPicUrl){
+          //处理图片数据
+          let imageList = this.form.targetPicUrl.split(",")
+          let iList = [];
+          imageList.map(item=>{
+            let url = {name:this.getUuid() + '.jpg',url:item }
+            iList.push(url)
+          })
+          this.images = iList
+        }
+
 
         //获取层级
         this.form.levelValue = JSON.parse(response.data.levelValue);

src/views/backstage/theme/index.vue

@@ -63,6 +63,12 @@
 <!--      <el-table-column label="自增id" align="center" prop="id" />-->
       <el-table-column label="主题名称" align="center" prop="name" />
       <el-table-column label="创建时间" align="center" prop="createTime" />
+      <el-table-column label="参与村数量" align="center" prop="" />
+      <el-table-column label="考核指标数量" align="center" prop="targetCount" >
+        <template scope="scope">
+          <el-button @click="getTargetListDetail(scope.row.id)" round type="success">{{scope.row.targetCount}}</el-button>
+        </template>
+      </el-table-column>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button
@@ -132,16 +138,107 @@
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
+
+
+    <!-- 查看指标列表弹出框 -->
+    <el-dialog :title="title" :visible.sync="getTargetListOpen" width="1000px" append-to-body>
+
+      <el-table v-loading="loading" :data="targetList" @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55" align="center" />
+        <!--      <el-table-column label="自增id" align="center" prop="id" />-->
+
+        <el-table-column type="expand">
+          <template slot-scope="props">
+            <el-form label-position="left" inline class="demo-table-expand">
+              <el-form-item label="考核标题">
+                <span>{{ props.row.targetName }}</span>
+              </el-form-item>
+              <el-form-item label="考核标准">
+                <span>{{ props.row.checkCriteria }}</span>
+              </el-form-item>
+              <el-form-item label="评分标准">
+                <span>{{ props.row.scoreCriteria }}</span>
+              </el-form-item>
+              <el-form-item label="类型">
+                <span v-if="props.row.type == '1'">加分类</span>
+                <span v-else>减分类</span>
+              </el-form-item>
+              <el-form-item label="每点加/减分值">
+                <span>{{ props.row.plusReduceItemEvery }}</span>
+              </el-form-item>
+              <el-form-item label="加/减分项">
+                <span>{{ props.row.plusReduceItem }}</span>
+              </el-form-item>
+              <el-form-item label="总分值">
+                <span>{{ props.row.highScore }}</span>
+              </el-form-item>
+              <el-form-item label="所属村类型">
+                <span v-if="props.row.villageType == '0'">行政村</span>
+                <span v-else>自然村</span>
+              </el-form-item>
+              <el-form-item label="所属指标分类">
+                <span>{{ props.row.allTargetLevelName }}</span>
+              </el-form-item>
+            </el-form>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="考核标题" align="center" prop="targetName" />
+        <el-table-column show-overflow-tooltip label="考核标准" align="center" prop="checkCriteria" />
+        <el-table-column show-overflow-tooltip label="评分标准" align="center" prop="scoreCriteria" />
+        <el-table-column label="类型" align="center" prop="type" >
+          <template scope="scope">
+            <span v-if="scope.row.type == '1'">加分类</span>
+            <span v-else>减分类</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="每点加/减分值" align="center" prop="plusReduceItemEvery" />
+        <el-table-column show-overflow-tooltip label="加/减分项" align="center" prop="plusReduceItem" />
+        <el-table-column label="总分值" align="center" prop="highScore" />
+        <el-table-column label="所属村类型" align="center" prop="villageType" >
+          <template scope="scope">
+            <span v-if="scope.row.villageType == '0'">行政村</span>
+            <span v-else>自然村</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="所属指标分类" align="center" prop="allTargetLevelName" />
+<!--        <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="handleUpdate(scope.row)"-->
+<!--              v-hasPermi="['backstage:target:edit']"-->
+<!--            >修改</el-button>-->
+<!--            <el-button-->
+<!--              size="mini"-->
+<!--              type="text"-->
+<!--              icon="el-icon-delete"-->
+<!--              @click="handleDelete(scope.row)"-->
+<!--              v-hasPermi="['backstage:target:remove']"-->
+<!--            >删除</el-button>-->
+<!--          </template>-->
+<!--        </el-table-column>-->
+      </el-table>
+
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="getTargetListOpen = false">确 定</el-button>
+        <el-button @click="getTargetListOpen = false">取 消</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
 <script>
-import { getTargetList,listTheme, getTheme, delTheme, addTheme, updateTheme, exportTheme } from "@/api/backstage/theme";
+import { getTargetListDetail, getTargetList, listTheme, getTheme, delTheme, addTheme, updateTheme, exportTheme } from "@/api/backstage/theme";
 
 export default {
   name: "Theme",
   data() {
     return {
+      targetList:[],
+      getTargetListOpen: false,
       administrativeVillages:[],
       naturalVillages:[],
       // 不可重复提交
@@ -349,6 +446,29 @@ export default {
     handleChange(){
 
     },
+    //获取指标列表详情
+    getTargetListDetail(id){
+      getTargetListDetail(id).then(res=>{
+        this.targetList = res.data;
+      });
+      this.getTargetListOpen = true;
+      this.title = '查看考核指标';
+    }
   }
 };
 </script>
+
+<style>
+  .demo-table-expand {
+    font-size: 0;
+  }
+  .demo-table-expand label {
+    width: 100px;
+    color: #99a9bf;
+  }
+  .demo-table-expand .el-form-item {
+    margin-right: 0;
+    margin-bottom: 0;
+    width: 50%;
+  }
+</style>