修改样式

src/views/modules/rule/deptkpiconfig-add-or-update.vue

@@ -8,11 +8,6 @@
              ref="dataForm"
              @keyup.enter.native="dataFormSubmitHandle()"
              :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
-      <el-form-item label="绩效指标编码"
-                    prop="kpiItemCode">
-        <el-input v-model="dataForm.kpiItemCode"
-                  placeholder="绩效指标编码"></el-input>
-      </el-form-item>
       <el-form-item label="绩效指标值"
                     prop="kpiItemValue">
         <el-input v-model="dataForm.kpiItemValue"

src/views/modules/rule/deptkpiconfig.vue

@@ -5,13 +5,21 @@
       <el-form :inline="true"
                :model="dataForm"
                @keyup.enter.native="getDataList()">
-        <el-form-item>
+        <!-- <el-form-item>
           <el-input v-model="dataForm.id"
                     placeholder="id"
                     clearable></el-input>
-        </el-form-item>
+        </el-form-item> -->
-        <el-form-item>
+        <!-- <el-form-item>
           <el-button @click="getDataList()">{{ $t('query') }}</el-button>
+        </el-form-item> -->
+        <el-form-item>
+          考核公式<br>
+          响应率得分A=（议题响应数/议题总数）×50；<br>
+          办结满意率得分B=[(满意数×100%+基本满意数×65%+不满意数×0)/项目总数] <br>
+          履行抓基层党建工作职责得分D=主观打分×50% <br>
+          群众满意度得分E=（A+B）×50%<br>
+          考核总分=D+E
         </el-form-item>
         <el-form-item>
           <el-button v-if="$hasPermission('events:deptkpiconfig:save')"
@@ -28,11 +36,8 @@
                 :data="dataList"
                 border
                 @selection-change="dataListSelectionChangeHandle"
-                style="width: 100%;">
+                style="width: 100%;"
-        <el-table-column type="selection"
+                :row-class-name="tableRowClassName">
-                         header-align="center"
-                         align="center"
-                         width="50"></el-table-column>
         <el-table-column prop="kpiItemCode"
                          label="绩效指标编码"
                          header-align="center"
@@ -96,6 +101,25 @@ export default {
   },
   components: {
     AddOrUpdate
+  },
+  methods: {
+    tableRowClassName ({ row, rowIndex }) {
+      if (rowIndex < 3) {
+        return 'warning-row'
+      } else if (rowIndex < 6) {
+        return 'success-row'
+      }
+      return ''
+    }
   }
 }
 </script>
+<style>
+.el-table .warning-row {
+  background: #ffe9c1;
+}
+
+.el-table .success-row {
+  background: #9deed0;
+}
+</style>