调整返佣显示和修改服务人员BUG

src/pages/financial/reportform/performanceCommission.vue

 <style scoped>
 @import "../css/cssReset.css";
-.January{
-  background-color: #B3E5FC;
+.January {
+  background-color: #b3e5fc;
 }
-.February{
-  background-color: #C8E6C9;
+.February {
+  background-color: #c8e6c9;
 }
-.March{
-  background-color: #FFCCD2;
+.March {
+  background-color: #ffccd2;
 }
-.April{
-  background-color: #F8DDE0;
+.April {
+  background-color: #f8dde0;
 }
-.May{
-  background-color: #E1BEE7;
+.May {
+  background-color: #e1bee7;
 }
-.June{
-  background-color: #D1C4E9;
+.June {
+  background-color: #d1c4e9;
 }
-.July{
-  background-color: #C5CAE9;
+.July {
+  background-color: #c5cae9;
 }
-.August{
-  background-color: #F0F4C3;
+.August {
+  background-color: #f0f4c3;
 }
-.September{
-  background-color: #FFF9C4;
+.September {
+  background-color: #fff9c4;
 }
-.October{
-  background-color: #FFECB3;
+.October {
+  background-color: #ffecb3;
 }
-.November{
-  background-color: #FFE0B2;
+.November {
+  background-color: #ffe0b2;
 }
-.December{
-  background-color: #FFCCBC;
+.December {
+  background-color: #ffccbc;
 }
 .singeRowTable tr:nth-child(2n + 1) {
   background: none;
@@ -85,7 +85,7 @@
   border: 1px solid #d2d2d2;
 }
 .SubtotalBj {
-  background-color: #A5A5A5;
+  background-color: #a5a5a5;
 }
 
 .stulistNumber {
@@ -121,8 +121,15 @@
         <div class="col-3">
           <q-field filled dense>
             <template v-slot:control>
-              <el-date-picker v-model="dateArray[0]" style="width:100%" value-format="yyyy-MM" @change="resetSearch()"
-                size="small" type="month" placeholder="选择开始年月">
+              <el-date-picker
+                v-model="dateArray[0]"
+                style="width:100%"
+                value-format="yyyy-MM"
+                @change="resetSearch()"
+                size="small"
+                type="month"
+                placeholder="选择开始年月"
+              >
               </el-date-picker>
             </template>
           </q-field>
@@ -130,20 +137,35 @@
         <div class="col-3">
           <q-field filled dense>
             <template v-slot:control>
-              <el-date-picker v-model="dateArray[1]" style="width:100%" value-format="yyyy-MM" @change="resetSearch()"
-                size="small" type="month" placeholder="选择结束年月">
+              <el-date-picker
+                v-model="dateArray[1]"
+                style="width:100%"
+                value-format="yyyy-MM"
+                @change="resetSearch()"
+                size="small"
+                type="month"
+                placeholder="选择结束年月"
+              >
               </el-date-picker>
             </template>
           </q-field>
         </div>
       </div>
     </div>
-    <div class="page-search row items-center" style="justify-content: space-between;">
-        <div></div>
-        <q-btn  color="primary" size="11px" label="导出" @click="tcexport" style="margin-left:10px"/>
+    <div
+      class="page-search row items-center"
+      style="justify-content: space-between;"
+    >
+      <div></div>
+      <q-btn
+        color="primary"
+        size="11px"
+        label="导出"
+        @click="tcexport"
+        style="margin-left:10px"
+      />
     </div>
 
-
     <div style="width: 100%;margin-top: 20px">
       <div style="width: 100%;overflow-x: auto;">
         <table
@@ -171,18 +193,33 @@
               style="min-width: 500px;"
               v-for="(item, index) in RListlength"
               :key="index"
-              :class="item.Month.slice(6)==1?'January':
-              (item.Month.slice(6)==2?'February':
-              (item.Month.slice(6)==3?'March':
-              (item.Month.slice(6)==4?'April':
-              (item.Month.slice(6)==5?'May':
-              (item.Month.slice(6)==6?'June':
-              (item.Month.slice(6)==7?'July':
-              (item.Month.slice(6)==7?'August':
-              (item.Month.slice(6)==7?'September':
-              (item.Month.slice(5)==10?'October':
-              (item.Month.slice(5)==11?'November':
-              (item.Month.slice(5)==12?'December':'')))))))))))"
+              :class="
+                item.Month.slice(6) == 1
+                  ? 'January'
+                  : item.Month.slice(6) == 2
+                  ? 'February'
+                  : item.Month.slice(6) == 3
+                  ? 'March'
+                  : item.Month.slice(6) == 4
+                  ? 'April'
+                  : item.Month.slice(6) == 5
+                  ? 'May'
+                  : item.Month.slice(6) == 6
+                  ? 'June'
+                  : item.Month.slice(6) == 7
+                  ? 'July'
+                  : item.Month.slice(6) == 7
+                  ? 'August'
+                  : item.Month.slice(6) == 7
+                  ? 'September'
+                  : item.Month.slice(5) == 10
+                  ? 'October'
+                  : item.Month.slice(5) == 11
+                  ? 'November'
+                  : item.Month.slice(5) == 12
+                  ? 'December'
+                  : ''
+              "
             >
               <span v-if="item.Month.slice(5) < 10">{{
                 item.Month.slice(6)
@@ -208,7 +245,7 @@
             v-for="(item, index) in dataList"
             :key="index"
             v-if="dataList && dataList.length > 0"
-            :class="item.RoleName=='小计'? 'SubtotalBj' : ''"
+            :class="item.RoleName == '小计' ? 'SubtotalBj' : ''"
           >
             <td style=" border: 1px solid #d2d2d2;">
               {{ item.DeptName }}
@@ -219,14 +256,16 @@
             <td>
               {{ item.EmpName }}
             </td>
-            <td v-for="(x, y) in titlelist" :key="y"
-            >
+            <td v-for="(x, y) in titlelist" :key="y">
               <div v-if="item.MonthList[x.index]">
                 <div v-if="x.Id == 1">
                   <span>{{ item.MonthList[x.index].Achievement }}</span>
                 </div>
                 <div v-if="x.Id == 2" style="padding: 7px;">
-                  <span>{{ item.MonthList[x.index].Rate }}</span>
+                  <span
+                    >{{ item.MonthList[x.index].Rate
+                    }}{{ item.MonthList[x.index].Rate ? "%" : "" }}</span
+                  >
                 </div>
                 <div v-if="x.Id == 3" style="padding: 3px;">
                   <span>{{ item.MonthList[x.index].Rebate }}</span>
@@ -295,7 +334,7 @@ export default {
       dataList: [], //列表数据
       dateArray: [], //日期数组
       RListlength: 0,
-      titlelist: [],
+      titlelist: []
     };
   },
   created() {},
@@ -309,18 +348,23 @@ export default {
     this.getList(); //获取数据
   },
   methods: {
-    tcexport(){//导出
-        var msg = JSON.parse(JSON.stringify(this.msg));
-        EduDownLoad("/SellAchievements/GetSellAchievementsRankStatToExcel", msg, "业绩提成排名.xls")
+    tcexport() {
+      //导出
+      var msg = JSON.parse(JSON.stringify(this.msg));
+      EduDownLoad(
+        "/SellAchievements/GetSellAchievementsRankStatToExcel",
+        msg,
+        "业绩提成排名.xls"
+      );
     },
     resetSearch() {
-      if(!this.dateArray[0]||!this.dateArray[1]){
+      if (!this.dateArray[0] || !this.dateArray[1]) {
         this.$q.notify({
-          type: 'negative',
+          type: "negative",
           position: "top",
           message: `请选择开始和结束时间`
-        })
-        return
+        });
+        return;
       }
       this.msg.pageIndex = 1;
       this.getList();
@@ -379,27 +423,27 @@ export default {
           for (let i = 0; i < this.RListlength.length; i++) {
             let obj = [
               {
-                Name: "业绩",
+                Name: "一般业绩",
                 Id: 1,
                 index: i
               },
               {
-                Name: "业绩比例",
-                Id: 2,
+                Name: "返佣总额",
+                Id: 3,
                 index: i
               },
               {
-                Name: "订单返佣",
-                Id: 3,
+                Name: "业绩比例",
+                Id: 2,
                 index: i
               },
               {
-                Name: "提成",
+                Name: "销售提成",
                 Id: 4,
                 index: i
               },
               {
-                Name: "返佣金额",
+                Name: "销售佣金",
                 Id: 5,
                 index: i
               },
@@ -409,7 +453,7 @@ export default {
                 index: i
               },
               {
-                Name: "合计",
+                Name: "销售收入合计",
                 Id: 7,
                 index: i
               }
@@ -420,7 +464,7 @@ export default {
         .catch(() => {
           this.loading = false;
         });
-    },
+    }
   }
 };
 </script>