业绩提成 相关页面

src/api/finance/index.js

@@ -649,6 +649,100 @@ export function GetBonusPlan(data) {
     data
   });
 }
+/**
+ * 获取业绩期数分页列表
+ */
+ export function getSellAchievementsPeriodsPageList(data) {
+  return request({
+    url: '/SellAchievements/GetSellAchievementsPeriodsPageList',
+    method: 'post',
+    data
+  });
+}
+/**
+ * 生成业绩提成
+ */
+ export function setAchievementsCommissionInfo(data) {
+  return request({
+    url: '/SellAchievements/SetAchievementsCommissionInfo',
+    method: 'post',
+    data
+  });
+}
+/**
+ * 业绩提成 获取提成可发放人员
+ */
+ export function getSellAchievementsSendEmployeeList(data) {
+  return request({
+    url: '/SellAchievements/GetSellAchievementsSendEmployeeList',
+    method: 'post',
+    data
+  });
+}
+/**
+ * 业绩提成 获取提成可发放人员
+ */
+ export function setSellAchievementsSendEmployee(data) {
+  return request({
+    url: '/SellAchievements/SetSellAchievementsSendEmployee',
+    method: 'post',
+    data
+  });
+}
+
+/**
+ * 业绩提成 获取提成期数 员工提成
+ */
+ export function getSellAchievementsUserList(data) {
+  return request({
+    url: '/SellAchievements/GetSellAchievementsUserList',
+    method: 'post',
+    data
+  });
+}
+
+/**
+ * 业绩提成 获取期数提成 员工提成明细列表
+ */
+ export function getSellAchievementsUserDetailList(data) {
+  return request({
+    url: '/SellAchievements/GetSellAchievementsUserDetailList',
+    method: 'post',
+    data
+  });
+}
+
+/**
+ * 业绩提成 获取订单跳转 提成详情
+ */
+ export function getSellAchievementsForOrderList(data) {
+  return request({
+    url: '/SellAchievements/GetSellAchievementsForOrderList',
+    method: 'post',
+    data
+  });
+}
+/**
+ * 业绩提成 获取订单跳转 提成详情
+ */
+ export function getSellAchievementsStatistics(data) {
+  return request({
+    url: '/SellAchievements/GetSellAchievementsStatistics',
+    method: 'post',
+    data
+  });
+}
+/**
+ * 业绩提成 获取提成期数下拉列表
+ */
+ export function getSellAchievementsPeriodsList(data) {
+  return request({
+    url: '/SellAchievements/GetSellAchievementsPeriodsList',
+    method: 'post',
+    data
+  });
+}
+
 
 
 

src/pages/financial/market/employeeCommission.vue

+<style>
+    .baseSet_Title {
+      width: 120px !important;
+      padding: 18px 0 0 16px;
+      text-align: right;
+    }
+  
+    .CommissionDetail .border-bottom {
+      /* border-bottom: 1px dashed #EEE; */
+      padding-bottom: 5px;
+      margin-bottom: 5px;
+    }
+  
+    .CommissionDetail .text-bottom {
+      height: 32px;
+      line-height: 32px;
+      margin-bottom: 10px;
+    }
+  
+    .CommissionDetail ._icon_btn i.icon-sousuo {
+      background-color: #47BF8C;
+    }
+  
+    .CommissionDetail ._icon_btn i {
+      width: 26px;
+      height: 26px;
+      display: inline-block;
+      color: white !important;
+      border-radius: 50%;
+      text-align: center;
+      line-height: 26px;
+      margin-right: 10px;
+      cursor: pointer;
+      outline: none;
+    }
+  
+    .CommissionDetail .el-table td,
+    .el-table th {
+      padding: 5px 0;
+    }
+  
+  </style>
+  <template>
+    <div class="page-body CommissionDetail">
+      <div class="page-search row items-center">
+        <div class="col row wrap q-mr-lg q-col-gutter-md">
+         
+          <div class="col-3">
+            <q-btn  color="primary"  size="11px"  label="返回"   @click="goreturn"  style="margin-left:10px" />
+          </div>
+        </div>
+      </div>
+      <template>
+        <el-table ref="filterTable" :data="tableData" v-loading='loading'
+          :header-cell-style="{backgroundColor:'#f5f6f7', color: '#a8a8b3'}" border style="width: 100%">
+          <el-table-column prop="SchoolName" label="校区" :filters='SchoolNamelist' :filter-method="filterHandler">
+          </el-table-column>
+          <el-table-column prop="DeptName" label="部门" :filters='DeptNamelist' :filter-method="filterHandler">
+          </el-table-column>
+          <el-table-column prop="UserName" label="销售" :filters='UserNamelist' :filter-method="filterHandler">
+          </el-table-column>
+          <el-table-column prop="StudentCount" label="客人数量" sortable :sort-method="StudentCount"> </el-table-column>
+       
+          <el-table-column prop="CurrentPeriodMoney" label="提成金额" sortable :sort-method="CurrentPeriodMoney"> </el-table-column>
+          <el-table-column label="操作">
+            <template slot-scope="scope">
+              <div class="_icon_btn">
+                <el-tooltip class="item" effect="dark" content="查看" placement="top">
+                  <i class="iconfont icon-sousuo" @click="goUrl('market/AchievementsUserDetailList',scope.row.UserId)"></i>
+                </el-tooltip>
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+      </template>
+  
+    </div>
+  </template>
+  <script>
+    import {
+      GetClassTypePageList,
+    } from '../../../api/system/index';
+    import {
+      getSellAchievementsUserList,
+    } from '../../../api/finance/index'
+    import {
+      getClassDropDownList,
+    } from "../../../api/school/index";
+    export default {
+      meta: {
+        title: "销售提成详情"
+      },
+      props: {},
+      components: {},
+      data() {
+        return {
+          loading: false,
+          //列表数据参数
+          msg: {
+            PeriodId: 0,
+          },
+          pageCount: 0,
+          persistent: false,
+          listData: {},
+          tableData: [],
+          company: [],
+          department: [],
+         
+          see_tcdetailed: false,
+          SchoolNamelist: [],
+          DeptNamelist: [],
+          UserNamelist: [],
+        }
+      },
+      created() {
+        // let userinfo = this.getLocalStorage();
+        // userinfo.ActionMenuList.map(x => { //判断权限
+        //   if (x.FunctionCode == "see_tcdetailed") { //判断是否可以查看其他明细
+        //     this.see_tcdetailed = true;
+        //   }
+        // })
+        // if (this.see_tcdetailed == false) {
+        //   this.msg.UserId = userinfo.Id
+        // }
+      },
+      mounted() {
+        if (this.$route.query && this.$route.query.id) {
+          this.msg.PeriodId = this.$route.query.id
+        }
+       
+        this.getList()
+      },
+      methods: {
+        getList() {
+          if (this.msg)
+            this.loading = true;
+          getSellAchievementsUserList(this.msg).then(res => {
+            if (res.Code == 1) {
+              this.loading = false;
+              this.tableData = res.Data;
+              this.SchoolNamelist = [];
+              this.DeptNamelist = [];
+              this.UserNamelist = [];
+              this.tableData.forEach(x => {
+                let obj = {
+                  text: x.SchoolName,
+                  value: x.SchoolName
+                }
+                let obj2 = {
+                  text: x.DeptName,
+                  value: x.DeptName
+                }
+                let obj3 = {
+                  text: x.UserName,
+                  value: x.UserName
+                }
+                this.SchoolNamelist.push(obj)
+                this.DeptNamelist.push(obj2)
+                this.UserNamelist.push(obj3)
+              })
+              this.SchoolNamelist = this.unique(this.SchoolNamelist)
+              this.DeptNamelist = this.unique(this.DeptNamelist)
+              this.UserNamelist = this.unique(this.UserNamelist)
+            }
+          })
+        },
+        unique(arr, Name) { //数组去重
+          const res = new Map();
+          return arr.filter(
+            (list) => !res.has(list.text) && res.set(list.text, 1)
+          );
+        },
+      
+    
+  
+        goUrl(path, id) {
+          this.$router.push({
+            path: '/financial/' + path,
+            query: {
+              userId: id,
+              preriodId: this.$route.query.id,
+              blank: 'y',
+            }
+          })
+        },
+        filterHandler(value, row, column) {
+          const property = column['property'];
+          return row[property] === value;
+        },
+        StudentCount(a, b, c) {
+          return a.StudentCount - b.StudentCount;
+        },
+        CurrentPeriodMoney(a, b) {
+          return a.CurrentPeriodMoney - b.CurrentPeriodMoney;
+        },
+        OtherMoney(a, b) {
+          return a.OtherMoney - b.OtherMoney;
+        },
+        CommissionMoney(a, b) {
+          return a.CommissionMoney - b.CommissionMoney;
+        },
+        FinalCommission(a, b) {
+          return a.FinalCommission - b.FinalCommission;
+        },
+        
+        goreturn() {
+          this.$router.go(-1);
+        }
+  
+      },
+    }
+  
+  </script>
+  <style lang="sass">
+    @import url('~assets/css/table.sass')
+  
+  </style>
+  
\ No newline at end of file

src/router/routes.js

@@ -719,6 +719,35 @@ const routes = [{
     component: () =>
       import("pages/financial/market/courseConsultant.vue")
   },
+  {
+    path: "/financial/market/achievementPeriodsList", // 业绩提成 分期列表
+    component: () =>
+      import("pages/financial/market/achievementPeriodsList.vue")
+  },
+  {
+    path: "/financial/market/employeeCommission", // 业绩提成 员工提成
+    component: () =>
+      import("pages/financial/market/employeeCommission.vue")
+  },
+  {
+    path: "/financial/market/AchievementsUserDetailList", // 业绩提成 员工提成明细列表
+    component: () =>
+      import("pages/financial/market/AchievementsUserDetailList.vue")
+  },
+  {
+    path: "/financial/market/AchievementsForOrderList", // 业绩提成 获取订单跳转 提成详情
+    component: () =>
+      import("pages/financial/market/AchievementsForOrderList.vue")
+  },
+  {
+    path: "/financial/market/marketStatistics", // 业绩提成 统计
+    component: () =>
+      import("pages/financial/market/marketStatistics.vue")
+  },
+
+  
+  
+