From 1bef7f01d324a978aba08a9309245bded48f8a13 Mon Sep 17 00:00:00 2001
From: woody <woody@163>
Date: Sat, 24 May 2025 10:43:54 +0800
Subject: [PATCH] =?UTF-8?q?feat(performance):=20=E9=9A=90=E8=97=8F?=
 =?UTF-8?q?=E4=B8=AA=E4=BA=BA=E4=BC=9E=E4=B8=8B=E6=8B=A8=E6=AF=94=E6=9F=A5?=
 =?UTF-8?q?=E8=AF=A2=E5=85=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../performanceRatio/index.vue                | 291 ++++++++++--------
 .../performanceRatio/performanceChart.vue     | 188 +++++------
 .../performanceRatio/performanceList.vue      |  12 +-
 .../performanceRatio/personalAllocation.vue   | 149 +++++----
 4 files changed, 332 insertions(+), 308 deletions(-)

diff --git a/src/views/settlementCenter/performanceRatio/index.vue b/src/views/settlementCenter/performanceRatio/index.vue
index e547b5c..e03c960 100644
--- a/src/views/settlementCenter/performanceRatio/index.vue
+++ b/src/views/settlementCenter/performanceRatio/index.vue
@@ -6,63 +6,84 @@
 -->
 <template>
   <div class="page">
-    <topBar v-if="topList.length > 0"
-            :top-list="topList"
-            :moren="moren" />
+    <topBar
+      v-if="topList.length > 0"
+      :top-list="topList"
+      :moren="moren"
+    />
     <div v-if="topList[0].changed==true">
       <div class="main">
         <div class="form_all">
-          <el-form ref="select"
-                   :model="select"
-                   label-width="auto">
+          <el-form
+            ref="select"
+            :model="select"
+            label-width="auto"
+          >
             <el-row :gutter="40">
               <el-col :span="8">
                 <el-form-item :label="'开始日期'">
-                  <el-date-picker v-model="creationTime"
-                                  @change="changeTime"
-                                  value-format="yyyy-MM-dd"
-                                  type="daterange"
-                                  :range-separator="'至'"
-                                  :start-placeholder="'开始日期'"
-                                  :end-placeholder="'结束日期'">
-                  </el-date-picker>
+                  <el-date-picker
+                    v-model="creationTime"
+                    value-format="yyyy-MM-dd"
+                    type="daterange"
+                    :range-separator="'至'"
+                    :start-placeholder="'开始日期'"
+                    :end-placeholder="'结束日期'"
+                    @change="changeTime"
+                  />
                 </el-form-item>
               </el-col>
               <el-col :span="4">
-                <el-button type="primary"
-                           size="small"
-                           @click="getDataList"> {{ '搜索' }}</el-button>
-                <el-button size="small"
-                           class="resetBtn"
-                           @click="reset"> {{ '重置' }}</el-button>
+                <el-button
+                  type="primary"
+                  size="small"
+                  @click="getDataList"
+                > {{ '搜索' }}</el-button>
+                <el-button
+                  size="small"
+                  class="resetBtn"
+                  @click="reset"
+                > {{ '重置' }}</el-button>
               </el-col>
             </el-row>
           </el-form>
         </div>
         <div class="form_all1">
-          <el-button size="small"
-          @click="handleExport(1)"
-                     v-hasButtons="['performanceRatioExport']"
-                     class="exportBtn"> {{ '导出' }}柱状图</el-button>
-          <el-button size="small"
-          @click="handleExport(2)"
-                     v-hasButtons="['performanceRatioExport']"
-                     class="exportBtn"> {{ '导出' }}饼图</el-button>
+          <el-button
+            v-hasButtons="['performanceRatioExport']"
+            size="small"
+            class="exportBtn"
+            @click="handleExport(1)"
+          > {{ '导出' }}柱状图</el-button>
+          <el-button
+            v-hasButtons="['performanceRatioExport']"
+            size="small"
+            class="exportBtn"
+            @click="handleExport(2)"
+          > {{ '导出' }}饼图</el-button>
           <div class="disFlex">
             <div class="btn1">{{ '注册' }}</div>
             <div class="btn2">{{ '升级' }}</div>
             <div class="btn3">{{ '复购' }}</div>
             <div class="btn4">{{ '嗨粉' }}</div>
           </div>
-          <div id="firstPv"
-               style="width: 600px; height: 250px"></div>
+          <div
+            id="firstPv"
+            style="width: 600px; height: 250px"
+          />
           <div class="disFlex1">
-            <div id="firstBb"
-                 style="width: 500px; height: 350px"></div>
-            <div id="twoBb"
-                 style="width: 500px; height: 350px"></div>
-            <div id="allBb"
-                 style="width: 500px; height: 350px"></div>
+            <div
+              id="firstBb"
+              style="width: 500px; height: 350px"
+            />
+            <div
+              id="twoBb"
+              style="width: 500px; height: 350px"
+            />
+            <div
+              id="allBb"
+              style="width: 500px; height: 350px"
+            />
           </div>
         </div>
       </div>
@@ -79,7 +100,7 @@ import { getRouters } from '@/api/settle.js'
 export default {
   name: 'Bzpz',
   components: {
-    topBar,
+    topBar
   },
 
   data() {
@@ -87,7 +108,7 @@ export default {
       creationTime: [],
       select: {
         startDate: '',
-        endDate: '',
+        endDate: ''
       },
       moren: '/settlementCenter/performanceRatio',
       topList: [
@@ -95,27 +116,27 @@ export default {
           name: '拨比图型',
           path: '/settlementCenter/performanceRatio',
           url: 'performanceRatio',
-          changed: false,
+          changed: false
         },
         {
           name: '拨比图表',
           path: '/settlementCenter/performanceChart',
           url: 'performanceChart',
-          changed: false,
+          changed: false
         },
         {
           name: '拨比列表',
           path: '/settlementCenter/performanceList',
           url: 'performanceList',
-          changed: false,
-        },
-        {
-          name: '个人伞下拨比查询',
-          path: "/settlementCenter/personalAllocation",
-          url: "PersonalAllocation",
-          changed: false,
-        },
-      ],
+          changed: false
+        }
+        // {
+        //   name: '个人伞下拨比查询',
+        //   path: "/settlementCenter/personalAllocation",
+        //   url: "PersonalAllocation",
+        //   changed: false,
+        // },
+      ]
     }
   },
   mounted() {
@@ -133,120 +154,120 @@ export default {
         })
       })
     },
-      /** 导出按钮操作 */
-   handleExport(index) {
+    /** 导出按钮操作 */
+    handleExport(index) {
       this.$confirm('是否确认导出所有数据项?', '警告', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
         type: 'warning'
       }).then((_) => {
-        if(index == 1){
+        if (index == 1) {
           this.download(
-          '/member/manage/bonus-statis/export-pillarRatio',
-          Object.assign({}, this.queryParams, this.select),
-          `柱状图-${new Date().getTime()}.xlsx`
-        )
-        }else{
+            '/member/manage/bonus-statis/export-pillarRatio',
+            Object.assign({}, this.queryParams, this.select),
+            `柱状图-${new Date().getTime()}.xlsx`
+          )
+        } else {
           this.download(
-          '/member/manage/bonus-statis/export-pieChartRatio',
-          Object.assign({}, this.queryParams, this.select),
-          `饼图-${new Date().getTime()}.xlsx`
-        )
+            '/member/manage/bonus-statis/export-pieChartRatio',
+            Object.assign({}, this.queryParams, this.select),
+            `饼图-${new Date().getTime()}.xlsx`
+          )
         }
       })
     },
     drawChart(lastList, newList) {
-      let myChart = this.$echarts.init(document.getElementById('firstPv'))
+      const myChart = this.$echarts.init(document.getElementById('firstPv'))
       // 指定图表的配置项和数据
-      let option = {
+      const option = {
         xAxis: [
           {
             type: 'category',
             data: ['去年  今年', '去年  今年', '去年  今年', '去年  今年'],
             axisPointer: {
-              type: 'shadow',
-            },
-          },
+              type: 'shadow'
+            }
+          }
         ],
         yAxis: [
           {
-            type: 'value',
-          },
+            type: 'value'
+          }
         ],
         series: [
           {
             name: '去年',
             type: 'bar',
-            data: lastList,
+            data: lastList
           },
           {
             name: '今年',
             type: 'bar',
-            data: newList,
-          },
-        ],
+            data: newList
+          }
+        ]
       }
       // 使用刚指定的配置项和数据显示图表。
       myChart.setOption(option)
     },
     getDataList() {
       api.pillarRatio(this.select).then((res) => {
-        let lastList = [
+        const lastList = [
           {
             value: res.data.lastMainRegAmount,
             itemStyle: {
-              color: '#FE5354',
-            },
+              color: '#FE5354'
+            }
           },
           {
             value: res.data.lastMainUpAmount,
             itemStyle: {
-              color: '#FDDC33',
-            },
+              color: '#FDDC33'
+            }
           },
           {
             value: res.data.lastMainRepurAmount,
             itemStyle: {
-              color: '#5B8FF9',
-            },
+              color: '#5B8FF9'
+            }
           },
           {
             value: res.data.lastHifansRegAmount,
             itemStyle: {
-              color: '#9528DF',
-            },
-          },
+              color: '#9528DF'
+            }
+          }
         ]
-        let newList = [
+        const newList = [
           {
             value: res.data.mainRegAmount,
             itemStyle: {
-              color: '#950304',
-            },
+              color: '#950304'
+            }
           },
           {
             value: res.data.mainUpAmount,
             itemStyle: {
-              color: '#E46C03',
-            },
+              color: '#E46C03'
+            }
           },
           {
             value: res.data.mainRepurAmount,
             itemStyle: {
-              color: '#0B307D',
-            },
+              color: '#0B307D'
+            }
           },
           {
             value: res.data.hifansRegAmount,
             itemStyle: {
-              color: '#5D039A',
-            },
-          },
+              color: '#5D039A'
+            }
+          }
         ]
         this.drawChart(lastList, newList)
       })
       api.pieChartRatio(this.select).then((res) => {
-        let data = [
+        const data = [
           { value: res.data.introduceBonus, name: '直推收益拨比' },
           { value: res.data.orgBonus, name: '拓展收益拨比' },
           { value: res.data.leaderBonus, name: '辅导收益拨比' },
@@ -254,11 +275,11 @@ export default {
           { value: res.data.serviceBonus, name: '服务补贴拨比' },
           { value: res.data.agentIntroduceBonus, name: '云代直推拨比' },
           { value: res.data.agentRepurAmount, name: '云代复购拨比' },
-          { value: res.data.agentFirstAmount, name: '云代首购拨比' },
+          { value: res.data.agentFirstAmount, name: '云代首购拨比' }
         ]
-        let data2 = [
+        const data2 = [
           { value: res.data.repurRangeBonus, name: '复购级差收益拨比' },
-          { value: res.data.repurOrgBonus, name: '复购拓展收益拨比' },
+          { value: res.data.repurOrgBonus, name: '复购拓展收益拨比' }
 
         ]
         this.drawChartPie1(data)
@@ -267,22 +288,22 @@ export default {
       })
     },
     drawChartPie1(data) {
-      let myChart = this.$echarts.init(document.getElementById('firstBb'))
-      let option = {
+      const myChart = this.$echarts.init(document.getElementById('firstBb'))
+      const option = {
         title: {
           text: '首购拨比',
-          left: 'center',
+          left: 'center'
         },
         tooltip: {
           trigger: 'item',
-          formatter: '占比{d}%<br/> {a} {b}: {c}',
+          formatter: '占比{d}%<br/> {a} {b}: {c}'
         },
         legend: {
           orient: 'vertical',
           left: 'left',
           top: 'middle',
-          formatter: function (name) {
-            let data = option.series[0].data
+          formatter: function(name) {
+            const data = option.series[0].data
             let total = 0
             let tarValue
             for (let i = 0; i < data.length; i++) {
@@ -291,9 +312,9 @@ export default {
                 tarValue = data[i].value
               }
             }
-            let p = Math.round((Number(tarValue) / total) * 100) + '%'
+            const p = Math.round((Number(tarValue) / total) * 100) + '%'
             return `${name}   ${p}`
-          },
+          }
         },
         series: [
           {
@@ -304,31 +325,31 @@ export default {
             data: data,
             label: {
               show: false,
-              position: 'center',
-            },
-          },
-        ],
+              position: 'center'
+            }
+          }
+        ]
       }
       // 使用刚指定的配置项和数据显示图表。
       myChart.setOption(option)
     },
     drawChartPie2(data) {
-      let myChart = this.$echarts.init(document.getElementById('twoBb'))
-      let option = {
+      const myChart = this.$echarts.init(document.getElementById('twoBb'))
+      const option = {
         title: {
           text: '复购拨比',
-          left: 'center',
+          left: 'center'
         },
         tooltip: {
           trigger: 'item',
-          formatter: '占比{d}%<br/> {a} {b}: {c}',
+          formatter: '占比{d}%<br/> {a} {b}: {c}'
         },
         legend: {
           orient: 'vertical',
           left: 'left',
           top: 'middle',
-          formatter: function (name) {
-            let data = option.series[0].data
+          formatter: function(name) {
+            const data = option.series[0].data
             let total = 0
             let tarValue
             for (let i = 0; i < data.length; i++) {
@@ -337,9 +358,9 @@ export default {
                 tarValue = data[i].value
               }
             }
-            let p = Math.round((Number(tarValue) / total) * 100) + '%'
+            const p = Math.round((Number(tarValue) / total) * 100) + '%'
             return `${name}   ${p}`
-          },
+          }
         },
         series: [
           {
@@ -350,31 +371,31 @@ export default {
             data: data,
             label: {
               show: false,
-              position: 'center',
-            },
-          },
-        ],
+              position: 'center'
+            }
+          }
+        ]
       }
       // 使用刚指定的配置项和数据显示图表。
       myChart.setOption(option)
     },
     drawChartPie3(data) {
-      let myChart = this.$echarts.init(document.getElementById('allBb'))
-      let option = {
+      const myChart = this.$echarts.init(document.getElementById('allBb'))
+      const option = {
         title: {
           text: '各个拨比',
-          left: 'center',
+          left: 'center'
         },
         tooltip: {
           trigger: 'item',
-          formatter: '占比{d}%<br/> {a} {b}: {c}',
+          formatter: '占比{d}%<br/> {a} {b}: {c}'
         },
         legend: {
           orient: 'vertical',
           left: 'right',
           top: 'middle',
-          formatter: function (name) {
-            let data = option.series[0].data
+          formatter: function(name) {
+            const data = option.series[0].data
             let total = 0
             let tarValue
             for (let i = 0; i < data.length; i++) {
@@ -383,9 +404,9 @@ export default {
                 tarValue = data[i].value
               }
             }
-            let p = Math.round((Number(tarValue) / total) * 100) + '%'
+            const p = Math.round((Number(tarValue) / total) * 100) + '%'
             return `${name}   ${p}`
-          },
+          }
         },
         series: [
           {
@@ -396,10 +417,10 @@ export default {
             data: data,
             label: {
               show: false,
-              position: 'center',
-            },
-          },
-        ],
+              position: 'center'
+            }
+          }
+        ]
       }
       // 使用刚指定的配置项和数据显示图表。
       myChart.setOption(option)
@@ -409,9 +430,9 @@ export default {
       this.select.endDate = val[1]
     },
     reset() {
-      this.creationTime= []
-    },
-  },
+      this.creationTime = []
+    }
+  }
 }
 </script>
 <style scoped lang="scss">
diff --git a/src/views/settlementCenter/performanceRatio/performanceChart.vue b/src/views/settlementCenter/performanceRatio/performanceChart.vue
index 08316bb..e87383a 100644
--- a/src/views/settlementCenter/performanceRatio/performanceChart.vue
+++ b/src/views/settlementCenter/performanceRatio/performanceChart.vue
@@ -6,14 +6,18 @@
 -->
 <template>
   <div class="page">
-    <topBar v-if="topList.length > 0"
-            :topList="topList"
-            :moren="moren"></topBar>
+    <topBar
+      v-if="topList.length > 0"
+      :top-list="topList"
+      :moren="moren"
+    />
     <div class="main">
-      <el-form ref="select"
-               :model="select"
-               style="padding:0 10px 0 0"
-               label-width="80px">
+      <el-form
+        ref="select"
+        :model="select"
+        style="padding:0 10px 0 0"
+        label-width="80px"
+      >
         <el-row>
           <!-- <el-col :span="4">
             <el-form-item :label="'币种展示'">
@@ -30,25 +34,28 @@
 
           <el-col :span="8">
             <el-form-item :label="'业绩时间'">
-              <el-date-picker v-model="creationTime"
-                              @change="changeTime"
-                              @clear="clearTime"
-                              value-format="yyyy-MM-dd"
-                              type="daterange"
-                              :range-separator="'至'"
-                              :start-placeholder="'开始日期'"
-                              :end-placeholder="'结束日期'">
-              </el-date-picker>
+              <el-date-picker
+                v-model="creationTime"
+                value-format="yyyy-MM-dd"
+                type="daterange"
+                :range-separator="'至'"
+                :start-placeholder="'开始日期'"
+                :end-placeholder="'结束日期'"
+                @change="changeTime"
+                @clear="clearTime"
+              />
             </el-form-item>
           </el-col>
           <el-col :span="6">
             <el-form-item :label="'隶属体系'">
-              <el-cascader :options="verList"
-                           v-model="select.pkBdVertexStred"
-                           @change="getPkBdVertexStr"
-                           :props="props"
-                           collapse-tags
-                           clearable></el-cascader>
+              <el-cascader
+                v-model="select.pkBdVertexStred"
+                :options="verList"
+                :props="props"
+                collapse-tags
+                clearable
+                @change="getPkBdVertexStr"
+              />
             </el-form-item>
           </el-col>
         </el-row>
@@ -78,26 +85,34 @@
         </el-row> -->
         <el-row style="margin-left:20px">
           <el-col :span="4">
-            <el-button type="primary"
-                       @click="getDataList"> {{ '搜索' }}</el-button>
-            <el-button type="primary"
-                       @click="reset"> {{ '重置' }}</el-button>
+            <el-button
+              type="primary"
+              @click="getDataList"
+            > {{ '搜索' }}</el-button>
+            <el-button
+              type="primary"
+              @click="reset"
+            > {{ '重置' }}</el-button>
           </el-col>
         </el-row>
       </el-form>
       <div class="maintop">
         <div class="mainbtn">
-          <el-button size="small"
-          @click="handleExport"
-                     v-hasButtons="['performanceChartExport']"
-                     class="thebtn2"> {{ '导出' }}</el-button>
+          <el-button
+            v-hasButtons="['performanceChartExport']"
+            size="small"
+            class="thebtn2"
+            @click="handleExport"
+          > {{ '导出' }}</el-button>
         </div>
 
       </div>
       <div class="maintable">
-        <div class="maintable_i"
-             v-for="item in tableData"
-             :key="item.pkId">
+        <div
+          v-for="item in tableData"
+          :key="item.pkId"
+          class="maintable_i"
+        >
           <div class="maintable_l">
             <div class="maintable_lt">
               <div class="maintable_ltt bg">
@@ -133,9 +148,9 @@
                     <div>{{ item.agentIntroduceBonus }}</div>
                     <div>{{ item.agentFirstAmount }}</div>
                     <div>{{ item.agentRepurAmount }}</div>
-                    <div>{{ item.mainBonus}}</div>
+                    <div>{{ item.mainBonus }}</div>
                   </div>
-                  <div class="xian1"></div>
+                  <div class="xian1" />
                   <div class="t4t">
                     <div>{{ item.introduceBonusRate }}</div>
                     <div>{{ item.orgBonusRate }}</div>
@@ -155,9 +170,9 @@
                 <div>{{ '复购专区' }}(￥)</div>
                 <div>{{ '海粉专区' }}(￥)</div>
                 <div>{{ '云代复购' }}(￥)</div>
-                <div class="t1">{{'复购金额'}}(￥)</div>
-                <div class="t2">{{'复购级差收益'}}(￥)</div>
-                <div class="t3">{{'复购拓展收益'}}(￥)</div>
+                <div class="t1">{{ '复购金额' }}(￥)</div>
+                <div class="t2">{{ '复购级差收益' }}(￥)</div>
+                <div class="t3">{{ '复购拓展收益' }}(￥)</div>
                 <div>{{ '复购拨出比例' }}(%)</div>
               </div>
               <div class="maintable_ltt1">
@@ -171,7 +186,7 @@
                     <div class="t3">{{ item.repurOrgBonus }}</div>
                     <div>{{ item.repurBonus }}</div>
                   </div>
-                  <div class="xian1"></div>
+                  <div class="xian1" />
                   <div class="t5t">
                     <div class="t2">{{ item.repurRangeBonusRate }}</div>
                     <div class="t3">{{ item.repurOrgBonusRate }}</div>
@@ -236,9 +251,9 @@
                     <div>{{ tableObj.agentIntroduceBonusSum }}</div>
                     <div>{{ tableObj.agentFirstAmountSum }}</div>
                     <div>{{ tableObj.agentRepurAmountSum }}</div>
-                    <div>{{ tableObj.mainBonusSum}}</div>
+                    <div>{{ tableObj.mainBonusSum }}</div>
                   </div>
-                  <div class="xian1"></div>
+                  <div class="xian1" />
                   <div class="t4t">
                     <div>{{ tableObj.introduceBonusRateSum }}</div>
                     <div>{{ tableObj.orgBonusRateSum }}</div>
@@ -258,9 +273,9 @@
                 <div>{{ '复购专区' }}(￥)</div>
                 <div>{{ '海粉专区' }}(￥)</div>
                 <div>{{ '云代复购' }}(￥)</div>
-                <div class="t1">{{'复购金额'}}(￥)</div>
-                <div class="t2">{{'复购级差收益'}}(￥)</div>
-                <div class="t3">{{'复购拓展收益'}}(￥)</div>
+                <div class="t1">{{ '复购金额' }}(￥)</div>
+                <div class="t2">{{ '复购级差收益' }}(￥)</div>
+                <div class="t3">{{ '复购拓展收益' }}(￥)</div>
                 <div>{{ '复购拨出比例' }}(%)</div>
               </div>
               <div class="maintable_ltt1">
@@ -274,7 +289,7 @@
                     <div class="t3">{{ tableObj.repurOrgBonusSum }}</div>
                     <div>{{ tableObj.repurBonusSum }}</div>
                   </div>
-                  <div class="xian1"></div>
+                  <div class="xian1" />
                   <div class="t5t">
                     <div class="t2">{{ tableObj.repurRangeBonusRateSum }}</div>
                     <div class="t3">{{ tableObj.repurOrgBonusRateSum }}</div>
@@ -307,23 +322,23 @@
 import topBar from '@/components/topBarRole'
 import * as api from '@/api/settle.js'
 import { classifyUpdate, classifySave } from '@/api/product'
-import {getRouters} from "@/api/settle.js";
+import { getRouters } from '@/api/settle.js'
 import { isOther } from '@/utils/numberToCurrency'
 
 // import { getTeamList } from '@/api/affiliatedteam';
 export default {
   name: 'Bzpz',
   components: {
-    topBar,
+    topBar
   },
   filters: {
-     isAgree(val) {
+    isAgree(val) {
       if (!val) {
-        return '允许';
+        return '允许'
       } else {
-        return '禁止';
+        return '禁止'
       }
-    },
+    }
   },
   data() {
     return {
@@ -331,12 +346,12 @@ export default {
       creationTime1: [],
       select: {
         pkVertexList: [],
-        pkMemberTeamList: [],
+        pkMemberTeamList: []
       },
       // 查询参数
       queryParams: {
         pageNum: 1,
-        pageSize: 50,
+        pageSize: 50
       },
       addOrEdit: '',
       total: 0,
@@ -348,39 +363,39 @@ export default {
           name: '拨比图型',
           path: '/settlementCenter/performanceRatio',
           url: 'performanceRatio',
-          changed: false,
+          changed: false
         },
         {
           name: '拨比图表',
           path: '/settlementCenter/performanceChart',
           url: 'performanceChart',
-          changed: false,
+          changed: false
         },
         {
           name: '拨比列表',
           path: '/settlementCenter/performanceList',
           url: 'performanceList',
-          changed: false,
-        },
-        {
-          name: '个人伞下拨比查询',
-          path: "/settlementCenter/personalAllocation",
-          url: "PersonalAllocation",
-          changed: false,
-        },
+          changed: false
+        }
+        // {
+        //   name: '个人伞下拨比查询',
+        //   path: "/settlementCenter/personalAllocation",
+        //   url: "PersonalAllocation",
+        //   changed: false,
+        // },
       ],
       form: {},
       verList: [],
       memberList: [],
       acList: [],
-      tableObj:{},
+      tableObj: {},
       props: {
         multiple: true,
         expandTrigger: 'hover',
         value: 'pkId',
         label: 'vertexName',
-        children: 'childList',
-      },
+        children: 'childList'
+      }
     }
   },
   mounted() {
@@ -392,21 +407,21 @@ export default {
     // this.getTeamList()
   },
   methods: {
-    clearTime(){
+    clearTime() {
       this.select.startDate = []
       this.select.endDate = []
     },
     getPkBdVertexStr(e) {
-      let arr = e.map((item) => item[1])
-      let pkBdVertexStr = arr.join(',')
+      const arr = e.map((item) => item[1])
+      const pkBdVertexStr = arr.join(',')
       this.$set(this.select, 'pkBdVertexStr', pkBdVertexStr)
     },
     isOther,
     getUserRoute() {
-      getRouters().then((res)=>{
-        res.data.forEach((item)=>{
-          this.topList.forEach((items)=>{
-            if (item.routeName == items.url){
+      getRouters().then((res) => {
+        res.data.forEach((item) => {
+          this.topList.forEach((items) => {
+            if (item.routeName == items.url) {
               items.changed = true
             }
           })
@@ -416,11 +431,11 @@ export default {
     reset() {
       this.select = {
         pkVertexList: [],
-        pkMemberTeamList: [],
+        pkMemberTeamList: []
       }
-      this.creationTime= []
+      this.creationTime = []
       // 获取列表
-    this.getDataList()
+      this.getDataList()
     },
     getMenu(e, id) {
       if (e && id == 0) {
@@ -440,10 +455,9 @@ export default {
       api.vertexChild().then((res) => {
         this.verList = res.data
       })
-    
     },
-    getTeamList(){
-      let pkBdVertexStr = this.select.pkVertexList.join(',')
+    getTeamList() {
+      const pkBdVertexStr = this.select.pkVertexList.join(',')
       this.$set(this.select, 'pkBdVertexStr', pkBdVertexStr)
       // api.listNoPage({
       //   pkBdVertexList:this.select.pkVertexList
@@ -452,7 +466,7 @@ export default {
       // })
     },
     getTeam() {
-      let pkTeamCodeStr = this.select.pkMemberTeamList.join(',')
+      const pkTeamCodeStr = this.select.pkMemberTeamList.join(',')
       this.$set(this.select, 'pkTeamCodeStr', pkTeamCodeStr)
     },
     changeTime(val) {
@@ -466,17 +480,17 @@ export default {
           if (res.code == 200) {
             this.tableData = res.rows
             this.total = res.total
-            api.bonusListChartSum(Object.assign({}, this.queryParams, this.select)).then(response=>{
+            api.bonusListChartSum(Object.assign({}, this.queryParams, this.select)).then(response => {
               if (res.code == 200) {
-            this.tableObj = response.data||{}
+                this.tableObj = response.data || {}
               }
             })
           }
         })
     },
     handleSelectionChange(val) {},
-     /** 导出按钮操作 */
-   handleExport() {
+    /** 导出按钮操作 */
+    handleExport() {
       this.$confirm('是否确认导出所有数据项?', '警告', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
@@ -496,8 +510,8 @@ export default {
         return 'success-row'
       }
       return ''
-    },
-  },
+    }
+  }
 }
 </script>
 <style scoped lang="scss">
@@ -596,7 +610,7 @@ export default {
   }
 }
 .maintable {
-  
+
   overflow-x: auto;
   height: 380px;
   .maintable_i {
diff --git a/src/views/settlementCenter/performanceRatio/performanceList.vue b/src/views/settlementCenter/performanceRatio/performanceList.vue
index e0ca9a8..5f44b9e 100644
--- a/src/views/settlementCenter/performanceRatio/performanceList.vue
+++ b/src/views/settlementCenter/performanceRatio/performanceList.vue
@@ -432,13 +432,13 @@ export default {
           path: '/settlementCenter/performanceList',
           url: 'performanceList',
           changed: false
-        },
-        {
-          name: '个人伞下拨比查询',
-          path: '/settlementCenter/personalAllocation',
-          url: 'PersonalAllocation',
-          changed: false
         }
+        // {
+        //   name: '个人伞下拨比查询',
+        //   path: '/settlementCenter/personalAllocation',
+        //   url: 'PersonalAllocation',
+        //   changed: false
+        // }
       ],
       form: {},
       verList: [],
diff --git a/src/views/settlementCenter/performanceRatio/personalAllocation.vue b/src/views/settlementCenter/performanceRatio/personalAllocation.vue
index 1a89ea7..5b4a888 100644
--- a/src/views/settlementCenter/performanceRatio/personalAllocation.vue
+++ b/src/views/settlementCenter/performanceRatio/personalAllocation.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">
       <el-form
         ref="select"
@@ -15,72 +15,67 @@
         <el-row>
           <el-col :span="4">
             <el-form-item :label="'会员编号'">
-              <el-input clearable v-model="select.memberCode"></el-input>
+              <el-input v-model="select.memberCode" clearable />
             </el-form-item>
           </el-col>
           <el-col :span="4">
             <el-form-item :label="'会员姓名'">
-              <el-input clearable v-model="select.memberName"></el-input>
+              <el-input v-model="select.memberName" clearable />
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item :label="'业绩时间'">
               <el-date-picker
                 v-model="creationTime"
-                @change="changeTime"
                 value-format="yyyy-MM-dd"
                 type="daterange"
                 :range-separator="'至'"
                 :start-placeholder="'开始日期'"
                 :end-placeholder="'结束日期'"
-              >
-              </el-date-picker>
+                @change="changeTime"
+              />
             </el-form-item>
           </el-col>
 
           <el-col :span="4" style="margin-left: 10px">
             <el-button type="primary" @click="getDataList">
-              {{ '搜索' }}</el-button
-            >
+              {{ '搜索' }}</el-button>
             <el-button @click="reset"> {{ '重置' }}</el-button>
           </el-col>
         </el-row>
-        <el-row> </el-row>
+        <el-row />
       </el-form>
       <div class="maintop">
         <div class="mainbtn">
           <el-button
-            size="small"
-            @click="handleExport"
             v-hasButtons="['personalAllocationExport']"
+            size="small"
             class="thebtn2"
+            @click="handleExport"
           >
-            {{ '导出' }}</el-button
-          >
+            {{ '导出' }}</el-button>
         </div>
       </div>
       <div class="maintable">
         <el-table
-          :data="tableData"
           ref="mainTable"
+          :data="tableData"
           height="710px"
           :header-cell-style="{ background: '#EEEEEE' }"
           :row-class-name="tableRowClassName"
           @selection-change="handleSelectionChange"
         >
-          <el-table-column type="selection" width="60"> </el-table-column>
+          <el-table-column type="selection" width="60" />
           <el-table-column
             align="center"
             prop="memberCode"
             :label="'会员编号'"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             prop="memberName"
             :label="'会员姓名'"
-          >
-          </el-table-column>
+          />
 
           <!-- <el-table-column
             align="center"
@@ -98,20 +93,18 @@
             align="center"
             prop="vertexName"
             :label="'隶属体系'"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             prop="teamName"
             :label="'隶属团队'"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             prop="firstPurchaseAll"
             :label="'首购金额'"
           >
-          <template slot-scope="scope">
+            <template slot-scope="scope">
               {{ scope.row.firstPurchaseAll | numberToCurrency }}
             </template>
           </el-table-column>
@@ -138,8 +131,7 @@
             align="center"
             prop="mainBonusRate"
             :label="`${'首购拨出比例'}(%)`"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             prop="repurBonus"
@@ -153,8 +145,7 @@
             align="center"
             prop="repurBonusRate"
             :label="`${'复购拨出比例'}(%)`"
-          >
-          </el-table-column>
+          />
           <el-table-column
             align="center"
             prop="totalBonus"
@@ -168,8 +159,7 @@
             align="center"
             prop="totalBonusRate"
             :label="`${'总拨出比例'}(%)`"
-          >
-          </el-table-column>
+          />
         </el-table>
       </div>
     </div>
@@ -182,14 +172,14 @@
     />
   </div>
 </template>
-  
-  <script>
-import topBar from "@/components/topBarRole";
-import * as api from "@/api/settle.js";
+
+<script>
+import topBar from '@/components/topBarRole'
+import * as api from '@/api/settle.js'
 export default {
-  name: "Bzpz",
+  name: 'Bzpz',
   components: {
-    topBar,
+    topBar
   },
 
   data() {
@@ -199,71 +189,71 @@ export default {
       // 查询参数
       queryParams: {
         pageNum: 1,
-        pageSize: 50,
+        pageSize: 50
       },
       total: 0,
       tableData: [],
-      moren: "/settlementCenter/personalAllocation",
+      moren: '/settlementCenter/personalAllocation',
       topList: [
         {
           name: '拨比图型',
-          path: "/settlementCenter/performanceRatio",
-          url: "performanceRatio",
-          changed: false,
+          path: '/settlementCenter/performanceRatio',
+          url: 'performanceRatio',
+          changed: false
         },
         {
           name: '拨比图表',
-          path: "/settlementCenter/performanceChart",
-          url: "performanceChart",
-          changed: false,
+          path: '/settlementCenter/performanceChart',
+          url: 'performanceChart',
+          changed: false
         },
         {
           name: '拨比列表',
-          path: "/settlementCenter/performanceList",
-          url: "performanceList",
-          changed: false,
-        },
-        {
-          name: '个人伞下拨比查询',
-          path: "/settlementCenter/personalAllocation",
-          url: "PersonalAllocation",
-          changed: false,
-        },
-      ],
-    };
+          path: '/settlementCenter/performanceList',
+          url: 'performanceList',
+          changed: false
+        }
+        // {
+        //   name: '个人伞下拨比查询',
+        //   path: "/settlementCenter/personalAllocation",
+        //   url: "PersonalAllocation",
+        //   changed: false,
+        // },
+      ]
+    }
   },
   mounted() {
     // 获取列表
-    this.getDataList();
+    this.getDataList()
   },
   methods: {
     reset() {
-      this.select = {};
-      this.creationTime = [];
+      this.select = {}
+      this.creationTime = []
       this.queryParams = {
         pageNum: 1,
-        pageSize: 50,
-      };
-      this.getDataList();
+        pageSize: 50
+      }
+      this.getDataList()
     },
 
     changeTime(val) {
-      this.select.startDate = val ? val[0] : "";
-      this.select.endDate = val ? val[1] : "";
+      this.select.startDate = val ? val[0] : ''
+      this.select.endDate = val ? val[1] : ''
     },
     getDataList() {
       api
         .getPersonStatList(Object.assign({}, this.queryParams, this.select))
         .then((res) => {
           if (res.code == 200) {
-            this.tableData = [res.data];
+            this.tableData = [res.data]
             if (res.data) {
-              this.total = 1;
+              this.total = 1
             }
 
-            this.getTotal();
+            this.getTotal()
           }
-        });
+        })
     },
     handleSelectionChange(val) {},
     /** 导出按钮操作 */
@@ -271,25 +261,25 @@ export default {
       this.$confirm('是否确认导出所有数据项?', '警告', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
-        type: "warning",
+        type: 'warning'
       }).then((_) => {
         this.download(
-          "/member/manage/bonus-statis/export-singlePersonList",
+          '/member/manage/bonus-statis/export-singlePersonList',
           Object.assign({}, this.queryParams, this.select),
           `个人伞下拨比查询-${new Date().getTime()}.xlsx`
-        );
-      });
+        )
+      })
     },
     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 scoped lang="scss">
 ::v-deep .el-table .warning-row {
@@ -399,4 +389,3 @@ export default {
   top: -3px;
 }
 </style>
-  
\ No newline at end of file