更新指标

src/views/backstage/target/index.vue

@@ -57,31 +57,78 @@
           v-hasPermi="['backstage:target:remove']"
         >删除</el-button>
       </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="warning"
-          icon="el-icon-download"
-          size="mini"
-          @click="handleExport"
-          v-hasPermi="['backstage:target:export']"
-        >导出</el-button>
-      </el-col>
+<!--      <el-col :span="1.5">-->
+<!--        <el-button-->
+<!--          type="warning"-->
+<!--          icon="el-icon-download"-->
+<!--          size="mini"-->
+<!--          @click="handleExport"-->
+<!--          v-hasPermi="['backstage:target:export']"-->
+<!--        >导出</el-button>-->
+<!--      </el-col>-->
 	  <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
+
     <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 label="指标名称" align="center" prop="targetName" />
-      <el-table-column label="标签id　多个标签逗号隔开" align="center" prop="itemIds" />
-      <el-table-column label="考核标准" align="center" prop="checkCriteria" />
-      <el-table-column label="评分标准" align="center" prop="scoreCriteria" />
-      <el-table-column label="类型  1 加分类型 2扣分类型" align="center" prop="type" />
-      <el-table-column label="最高得分" align="center" prop="highScore" />
-      <el-table-column label="指标图片url,多个以逗号隔开" align="center" prop="targetPicUrl" />
-      <el-table-column label="状态 1正常　0删除" align="center" prop="status" />
-      <el-table-column label="所属村类型" align="center" prop="villageType" />
-      <el-table-column label="指标层级id" align="center" prop="targetLevelId" />
+
+      <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
@@ -134,7 +181,7 @@
           </el-select>
         </el-form-item>
 
-        <el-form-item v-if="form.type" :label="form.type == '1' ? '每点加分值' : '每点减分值'" prop="type">
+        <el-form-item v-if="form.type" :label="form.type == '1' ? '每点加分值' : '每点减分值'" prop="plusReduceItemEvery">
             <el-input type="number" v-model="form.plusReduceItemEvery" placeholder="请输入分值" />
         </el-form-item>
 
@@ -171,7 +218,7 @@
           </el-select>
         </el-form-item>
 
-        <el-form-item label="典型图" prop="exhibitionImages">
+        <el-form-item label="典型示例图" prop="exhibitionImages">
           <div>
             <span>（仅可上传3张图）（建议尺寸：686*340）</span>
           </div>
@@ -382,6 +429,7 @@ export default {
     },
     /** 新增按钮操作 */
     handleAdd() {
+      this.images = [];
       //获取层级
       getTotalLevel(0).then(res=>{
         this.levelOptions = res.data;
@@ -473,7 +521,7 @@ export default {
     /** 删除按钮操作 */
     handleDelete(row) {
       const ids = row.id || this.ids;
-      this.$confirm('是否确认删除指标编号为"' + ids + '"的数据项?', "警告", {
+      this.$confirm('是否确认删除指标数据项?', "警告", {
           confirmButtonText: "确定",
           cancelButtonText: "取消",
           type: "warning"
@@ -550,3 +598,18 @@ export default {
   }
 };
 </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>