feat(fdfh): 奖金配置-辅导粉红 添加月度小区新增业绩

src/views/configManage/bonus/fdfh.vue

@@ -2,9 +2,9 @@
   <div class="page">
     <topBar
       v-if="topList.length > 0"
-      :topList="topList"
+      :top-list="topList"
       :moren="moren"
-    ></topBar>
+    />
     <div class="main">
       <div class="maintable">
         <el-table
@@ -18,22 +18,23 @@
             align="center"
             prop="awardsName"
             :label="'真实奖衔'"
-          >
+          />
-          </el-table-column>
           <el-table-column align="center" prop="coachAlgebra" :label="'辅导代数'">
             <template slot-scope="scope">
-              <el-input clearable
+              <el-input
-                :disabled="ifupdate"
                 v-model="scope.row.coachAlgebra"
-              ></el-input>
+                clearable
+                :disabled="ifupdate"
+              />
             </template>
           </el-table-column>
           <el-table-column align="center" prop="coachRatio" :label="'辅导比例' +'(%)'">
             <template slot-scope="scope">
-              <el-input clearable
+              <el-input
-                :disabled="ifupdate"
                 v-model="scope.row.coachRatio"
-              ></el-input>
+                clearable
+                :disabled="ifupdate"
+              />
             </template>
           </el-table-column>
           <el-table-column
@@ -42,10 +43,25 @@
             :label="'分红比例' +'(%)'"
           >
             <template slot-scope="scope">
-              <el-input clearable
+              <el-input
-                :disabled="ifupdate"
                 v-model="scope.row.abonusRatio"
-              ></el-input>
+                clearable
+                :disabled="ifupdate"
+              />
+            </template>
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="abonusRatio"
+            label="月度小区新増业绩"
+          >
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.smallAssess"
+                type="number"
+                clearable
+                :disabled="ifupdate"
+              />
             </template>
           </el-table-column>
         </el-table>
@@ -53,9 +69,10 @@
     </div>
     <div class="footer">
       <div style="margin: 0 auto">
-        <el-button class="thebtn btn1" @click="ifupdate = false"
+        <el-button
-          >{{'修改'}}</el-button
+          class="thebtn btn1"
-        >
+          @click="ifupdate = false"
+        >{{ '修改' }}</el-button>
         <el-button class="thebtn btn2" @click="savedate">{{ '保存' }}</el-button>
       </div>
     </div>
@@ -63,97 +80,96 @@
 </template>
 
 <script>
-import topBar from "@/components/topBar";
+import topBar from '@/components/topBar'
-import { getcoachBonusList, updateCoachBonus } from "@/api/bonus";
+import { getcoachBonusList, updateCoachBonus } from '@/api/bonus'
 export default {
-  name: "Fdfh",
+  name: 'Fdfh',
   components: {
-    topBar,
+    topBar
   },
   data() {
     return {
-      moren: "fdfh",
+      moren: 'fdfh',
       topList: [
         {
           name: '奖项配置',
-          path: "bonus",
+          path: 'bonus'
         },
         {
           name: '直推配置',
-          path: "ztpz",
+          path: 'ztpz'
         },
         {
           name: '拓展配置',
-          path: "kzpz",
+          path: 'kzpz'
         },
         {
           name: '辅导分红',
-          path: "fdfh",
+          path: 'fdfh'
         },
 
         {
           name: '服务补贴',
-          path: "fwbt",
+          path: 'fwbt'
         },
         {
           name: '奖金扣项',
-          path: "jjkx",
+          path: 'jjkx'
         },
         {
           name: '云代配置',
-          path: "ydpz",
+          path: 'ydpz'
         },
         {
           name: '环球积分',
-          path: "hqjf",
+          path: 'hqjf'
         },
         {
           name: '车奖积分',
-          path: "njjf",
+          path: 'njjf'
-        },
+        }
       ],
       tableData: [],
-      ifupdate: true,
+      ifupdate: true
-    };
+    }
   },
   created() {
-    this.getcoachBonusList();
+    this.getcoachBonusList()
   },
   methods: {
     getcoachBonusList() {
       getcoachBonusList().then((res) => {
-        this.tableData = res.rows;
+        this.tableData = res.rows
-      });
+      })
     },
-    //保存
+    // 保存
     savedate() {
-      this.ifupdate = true;
+      this.ifupdate = true
-      updateCoachBonus({awardsList:this.tableData}).then((res) => {
+      updateCoachBonus({ awardsList: this.tableData }).then((res) => {
         if (res.code == 200) {
           this.$message({
             message: res.msg,
-            type: "success",
+            type: 'success'
-          });
+          })
         } else {
           this.$message({
             message: res.msg,
-            type: "warning",
+            type: 'warning'
-          });
+          })
         }
-        this.getcoachBonusList();
+        this.getcoachBonusList()
-      });
+      })
-
     },
     tableRowClassName({ row, rowIndex }) {
       if (rowIndex % 2 == 1) {
-        return "warning-row";
+        return 'warning-row'
       } else if (rowIndex % 2 == 0) {
-        return "success-row";
+        return 'success-row'
       }
-      return "";
+      return ''
-    },
+    }
-  },
+  }
-};
+}
 </script>
 
 <style lang="scss" scoped>