新增

src/api/finance/index.js

@@ -247,5 +247,62 @@ export function setActivityConfig(data) {
   });
 }
 
+//  工作台 获取提成期数列表
+export function getActivityCommissionPeriodsPageList(data) {
+  return request({
+    url: '/Activity/GetActivityCommissionPeriodsPageList',
+    method: 'post',
+    data
+  });
+}
+
+//  工作台 获取提成明细列表
+export function getActivityCommissionUserDetailList(data) {
+  return request({
+    url: '/Activity/GetActivityCommissionUserDetailList',
+    method: 'post',
+    data
+  });
+}
+
+//  工作台 查询订单活动提成明细
+export function getActivityCommissionForOrderList(data) {
+  return request({
+    url: '/Activity/GetActivityCommissionForOrderList',
+    method: 'post',
+    data
+  });
+}
+
+
+//  工作台 查询订单活动提成明细
+export function getActivityCommissionUserList(data) {
+  return request({
+    url: '/Activity/GetActivityCommissionUserList',
+    method: 'post',
+    data
+  });
+}
+
+//  活动获取可发放提成的用户
+export function getActivityCommissionSendEmployeeList(data) {
+  return request({
+    url: '/Activity/GetActivityCommissionSendEmployeeList',
+    method: 'post',
+    data
+  });
+}
+
+
+//  活动设置人员为已发放
+export function setActivityCommissionSendEmployee(data) {
+  return request({
+    url: '/Activity/SetActivityCommissionSendEmployee',
+    method: 'post',
+    data
+  });
+}
+
+
 
 

src/pages/financial/activityCommission.vue

+<style>
+    .baseSet_Title {
+      width: 120px !important;
+      padding: 18px 0 0 16px;
+      text-align: right;
+    }
+   .salesCommission  .border-bottom {
+        /* border-bottom: 1px dashed #EEE; */
+        padding-bottom: 5px;
+        margin-bottom: 5px;
+    }
+    .salesCommission  .text-bottom{
+        height: 32px;line-height: 32px; margin-bottom: 10px;
+    }
+   .salesCommission ._icon_btn i.icon-sousuo {
+    background-color: #47BF8C;
+  }
+  .salesCommission ._icon_btn  .icon-add{
+    background-color: #47BF8C;
+  }
+ .salesCommission ._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;
+  }
+ .salesCommission .el-table td,.el-table th{
+    padding: 5px 0;
+  }  
+  </style>
+  <template>
+    <div class="page-body salesCommission">
+        <div class="page-search row items-center">
+            <div class="col row wrap q-mr-lg q-col-gutter-md">
+              <div  v-if='isgenerate==true'>
+                <div class="block" style="display:flex">
+                  <span style="margin-right: 5px;">选择月份</span>
+                  <el-date-picker
+                    v-model="value2"
+                    type="month"
+                    placeholder="选择月">
+                  </el-date-picker>
+                  <q-btn :loading="loading1" color="primary" size="11px" label="生成提成" @click="scCommission" style="margin-left:10px"/>
+                </div>
+              </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="Id"  label="ID"  ></el-table-column> -->
+            <el-table-column prop="Periods" label="周期"  ></el-table-column>
+            <el-table-column prop="Name" label="名称"  ></el-table-column>
+            <el-table-column prop="SumPrice" label="提成总金额" > </el-table-column>
+            <el-table-column prop="FrIdList" label="财务单据" >
+              <template slot-scope="scope">
+                <div style="display: flex;flex-wrap: wrap;" v-if='scope.row.FrIdList.length>0'>
+                  <span v-for="(x,y) in scope.row.FrIdList" @click="gocaiwuxiangq(x)" style="cursor: pointer;text-decoration: underline;margin-right: 5px; color: #409EFF;">{{x}}</span>
+                </div>
+                <div v-else>无</div>
+                
+              </template>  
+            </el-table-column>
+            <el-table-column prop="CreateByName" label="创建人" > </el-table-column>
+            <el-table-column prop="CreateTime" label="创建时间" > </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(scope.row.Id)"></i>
+                    </el-tooltip>
+                    <el-tooltip class="item" effect="dark" content="制单" placement="top" v-if='iscMaker==true'>
+                      <i class="iconfont icon-add"  v-if='iscMaker==true'
+                          @click="generalFinancacls(scope.row)"></i>
+                    </el-tooltip>
+                  </div>
+                </template>
+            </el-table-column>
+           
+        </el-table>
+        <div style="margin-top: 10px;text-align: center;">
+          <el-pagination background @current-change="handleCurrentChanges" layout="total,prev, pager, next, jumper" :current-page.sync="msg.PageIndex"
+            :page-size="msg.PageSize" :total='total'>
+          </el-pagination>
+        </div>
+        
+      </template>
+      <el-dialog title="设置发放用户" width="700px"
+        :visible.sync="costmode" center >
+        <el-table
+          :data="SendEmployeeList"
+          border
+          @selection-change="handleSelectionChange"
+          style="width: 100%">
+          <el-table-column type="selection"  width="55" :selectable="checkSelectable"></el-table-column>
+          <el-table-column  prop="UserName" label="用户" > </el-table-column>
+          <el-table-column  prop="CommissionMoney" label="应发提成金额" > </el-table-column>
+          <el-table-column  prop="IsGiveOut" label="是否已发放" > 
+            <template slot-scope="scope">
+              <span v-if='scope.row.IsGiveOut==1'>已发放</span>
+              <span v-if='scope.row.IsGiveOut==2'>未发放</span>
+            </template>
+          </el-table-column>
+          
+        </el-table>
+        <div style="margin-top: 10px;">金额总额:{{totalAmount}}</div>
+        <div slot="footer" class="dialog-footer">
+          <el-button class="hollowFixedBtn" @click="costmode=false">取消</el-button>
+          <el-button class="normalBtn" type="primary" @click="preservetransaction()">确定</el-button>
+        </div>
+      </el-dialog>
+      
+    </div>
+  </template>
+  <script>
+     import {
+        getSchoolDropdown
+      } from '../../api/school/index'
+    import {
+      GetClassTypePageList,
+    } from '../../api/system/index';
+    import{
+        setSellCommissionInfo,//生成提成
+        getActivityCommissionSendEmployeeList,//获取发放用户
+        setActivityCommissionSendEmployee,//设置发放用户
+        getActivityCommissionPeriodsPageList,//获取提成列表
+    } from '../../api/finance/index'
+    export default {
+      meta: {
+        title: "活动提成列表"
+      },
+      props: {},
+      components: {},
+      data() {
+        return {
+          loading: false,
+          loading1: false,
+          value2:'',
+          //列表数据参数
+          msg: {
+            PageIndex: 1,
+            PageSize: 15,
+            Name:'',
+          },
+          pageCount: 0,
+          persistent: false,
+          listData:{},
+          tableData:[],
+          total:0,
+          isgenerate:false,//是否有生成的权限
+          iscMaker:false,//是否有制单的权限
+          SendEmployeeList:[],//可发放提成的用户列表
+          costmode:false,
+          multipleSelection:[],
+          totalAmount:0,//选中的金额总额
+          CheckID:0,
+        }
+      },
+      created() {
+        let userinfo = this.getLocalStorage();
+        userinfo.ActionMenuList.map(x=>{//判断权限
+          if(x.FunctionCode == "Generate_activityCommissi"){//判断是否有生成的权限
+            this.isgenerate = true;
+          }
+          if(x.FunctionCode == "Commission_activitymaker"){//判断是否有制单的权限
+            this.iscMaker = true;
+
+          }
+        })
+        var myDate=new Date();
+        myDate.setMonth(myDate.getMonth()-1);
+        this.value2 = myDate.getFullYear() + "-" + (myDate.getMonth()+1)
+
+      },
+      mounted() {
+        this.getList();//获取提成周期列表
+      },
+      methods: {
+        getList(){
+            this.loading = true;
+            getActivityCommissionPeriodsPageList(this.msg).then(res => {
+              if (res.Code == 1) {
+                this.loading = false;
+                this.tableData = res.Data.PageData
+                this.total = res.Data.Count
+              }
+            })
+        },
+        scCommission(){//生成提成
+          if(this.loading1 == false){
+            this.loading1= true;
+            setSellCommissionInfo({Month:this.value2}).then(res => {
+              if (res.Code == 1) {
+                this.$q.notify({
+                  icon: 'iconfont icon-chenggong',
+                  color: 'accent',
+                  timeout: 2000,
+                  message: '生成提成成功',
+                  position: 'top'
+                })
+                this.getList()
+              }
+              this.loading1= false;
+            }).catch(err=>{
+              this.loading1= false;
+            })
+          }
+        },
+   
+        goUrl( id ) {
+            this.$router.push({
+            path: '/financial/reportform/activityCommissionUserList',
+            query: {
+                "id": id,
+                blank: 'y',
+            }
+            })
+        },
+        gocaiwuxiangq(id){
+            this.OpenNewUrl("/financial/financalDocument/FinancialDocumentsDetail", {
+              id: id
+            });
+        },
+        generalFinancacls(item) {
+          this.CheckID = item.Id
+          if(item.SumPrice>0){
+            this.tishi(item.SumPrice,item.Id)
+          }else{
+            this.$message.error('提成总金额为0')
+          } 
+        },
+        goaddFinancial(Money,Id,EmpIds){
+          let School_Id = 0;
+          
+          let obj = {
+              CostType: 316,
+              Money: Money,
+              CurrencyId: 21,
+              XSTC: 1,
+              School_Id:this.msg.SchoolId == -1?0:this.msg.SchoolId,
+              OtherType:42,
+              ReFinanceId:Id,
+              ReFinanceId2:this.msg.SchoolId,
+              EduCommissionEmp:EmpIds
+            }
+            let query = {
+              blank: "y",
+              tab: "新增付款单据",
+              Type: 2,
+              IsUploadPic: 1,
+              Name:'销售提成单',
+              id:143,
+              orderObj: JSON.stringify(obj)
+            }
+        
+            this.$router.push({
+              path: "/financial/financalDocument/addFinancialDocuments",
+              query
+            });
+        },
+        tishi(Money,Id){
+          let that = this
+                this.$q.dialog({
+                  title: "销售制单",
+                  message: "你正在进行所有活动一起制单操作？",
+                  persistent: true,
+                  cancel: {
+                    label: "取消",
+                    flat: true
+                  },
+                  ok: {
+                    label: "确认",
+                    flat: true,
+                    focus: true
+                  }
+                }).onOk(() => {
+                  this.getcomSendEmployeeList(Id)
+                });
+        },
+        getcomSendEmployeeList(Id){//获取可发放提成的用户
+          getActivityCommissionSendEmployeeList({PeriodId:Id}).then(res => {
+            this.SendEmployeeList = res.Data.Data;
+            this.costmode = true
+          }).catch(() => {
+
+          })
+        },
+        handleCurrentChanges(val){
+          this.msg.PageIndex= val;
+          this.getList()
+        },
+        checkSelectable(row){
+          return row.IsGiveOut==2
+        },
+        handleSelectionChange(val) {
+          this.multipleSelection = val;
+          let zong = 0
+          this.multipleSelection.forEach(x=>{
+            zong +=x.CommissionMoney
+          })
+          this.totalAmount = zong
+        },
+        preservetransaction(){
+          let that = this
+          if( this.multipleSelection.length == 0){
+            this.$q.notify({
+                type: 'negative',
+                position: "top",
+                message: `请选择您要发放的用户`
+            })
+            return
+          }
+          this.$q.dialog({
+            title: "设置用户状态",
+            message: "确认后无法更改用户制单状态，如果需修改请联系管理员",
+            persistent: true,
+            cancel: {
+              label: "取消",
+              flat: true
+            },
+            ok: {
+              label: "确认",
+              flat: true,
+              focus: true
+            }
+          }).onOk(() => {
+            let EmpIds = '';
+            let data = []
+            this.multipleSelection.forEach(x=>{
+              data.push(x.UserId)
+            })
+            EmpIds = data.join(',')
+            setActivityCommissionSendEmployee({PeriodId:this.CheckID,EmpIds:EmpIds}).then(res => {
+                this.goaddFinancial(this.totalAmount,this.CheckID,EmpIds)
+                this.$message.success('设置成功');
+            }).catch(() => {
+
+            })
+          });
+        }
+     
+      
+      },
+    }
+  
+  </script>
+  <style lang="sass">
+    @import url('~assets/css/table.sass')
+  
+  </style>
+  
\ No newline at end of file

src/pages/financial/reportform/activityCommissionDetails.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  items-center">
+          <div style="margin-right: 10px;">
+            <q-btn  color="primary"  size="11px"  label="返回"  @click="goreturn"  style="margin-left:10px" />
+          </div>
+          <div class="col-3">
+            <q-input filled v-model="msg.ActivityName" @keyup.enter.native="getList()" label="活动名称" />
+          </div>
+          <div class="col-3">
+            <q-input filled v-model="msg.OrderId" @keyup.enter.native="getList()" label="订单号" />
+          </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="OrderId" label="订单号">
+            <template slot-scope="scope">
+              <div v-if="scope.row.OrderId" style="cursor: pointer;text-decoration: underline;" @click="goUrlorderList(scope.row)">
+                {{scope.row.OrderId}} 
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column prop="ActivityName" label="活动名称" > </el-table-column>
+          <el-table-column prop="ActivityTime" label="活动日期" > </el-table-column>
+          <el-table-column prop="CommissionMoney" label="提成金额" sortable :sort-method="CommissionMoney">
+            <template slot-scope="scope">
+              <div style="color: rgb(233, 82, 82);">{{scope.row.CommissionMoney}}</div>
+            </template>
+          </el-table-column>
+          <el-table-column prop="DSUserName" label="报名用户" ></el-table-column>
+          <el-table-column prop="Periods" label="周期"> </el-table-column>
+          <el-table-column prop="Remark" label="备注" ></el-table-column>
+       
+        </el-table>
+      </template>
+  
+    </div>
+  </template>
+  <script>
+    import {
+      GetClassTypePageList,
+    } from '../../../api/system/index';
+    import {
+    getActivityCommissionUserDetailList,
+    } from '../../../api/finance/index'
+    import {
+      getClassDropDownList,
+    } from "../../../api/school/index";
+    export default {
+      meta: {
+        title: "活动提成明细列表"
+      },
+      props: {},
+      components: {},
+      data() {
+        return {
+          loading: false,
+          //列表数据参数
+          msg: {
+            PeriodId: 0,
+            UserId: 0,
+            ActivityName: '',
+            OrderId: '',
+            UserIds: '',
+          },
+          pageCount: 0,
+          persistent: false,
+          listData: {},
+          tableData: [],
+          company: [],
+          department: [],
+          ClassList: [],
+          allClassList: [],
+          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
+        }
+        if (this.$route.query && this.$route.query.UserId) {
+          this.msg.UserId = this.$route.query.UserId
+        }
+        if (this.$route.query && this.$route.query.School_Id) {
+          this.msg.School_Id = this.$route.query.School_Id
+        }
+        this.getList()
+        this.setClass()
+      },
+      methods: {
+        getList() {
+          if (this.msg)
+            this.loading = true;
+            getActivityCommissionUserDetailList(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)
+          );
+        },
+        //选择班级
+        setClass(item) {
+          this.isShowClass = true;
+          getClassDropDownList({
+            CourseId: 0,
+            IsAddDefault: 1, //添加默认选项
+          }).then(res => {
+            if (res.Code == 1) {
+              var jsonData = res.Data;
+              if (jsonData && jsonData.length > 0) {
+                this.ClassList = JSON.parse(JSON.stringify(jsonData));
+                this.allClassList = JSON.parse(JSON.stringify(jsonData));;
+              }
+            }
+          });
+        },
+        //筛选员工
+        filterFn(val, update) {
+          update(() => {
+            if (val === '') {
+              this.ClassList = JSON.parse(JSON.stringify(this.allClassList))
+            } else {
+              const needle = val.toLowerCase()
+              this.ClassList = this.allClassList.filter(v => v.ClassName.toLowerCase().indexOf(needle) > -1)
+            }
+          })
+        },
+  
+        goUrlorderList(row) {
+          this.$router.push({
+            path: '/financial/reportform/activityCommissionForOrderList',
+            query: {
+                OrderId: row.OrderId,
+              blank: 'y',
+            }
+          })
+        },
+        filterHandler(value, row, column) {
+          const property = column['property'];
+          return row[property] === value;
+        },
+        CommissionMoney(a, b) {
+          return a.CommissionMoney - b.CommissionMoney;
+        },
+        goreturn() {
+          this.$router.go(-1);
+        },
+     
+  
+      },
+    }
+  
+  </script>
+  <style lang="sass">
+    @import url('~assets/css/table.sass')
+  
+  </style>
+  
\ No newline at end of file

src/pages/financial/reportform/activityCommissionForOrderList.vue

+<style>
+    .baseSet_Title {
+      width: 120px !important;
+      padding: 18px 0 0 16px;
+      text-align: right;
+    }
+  
+    .userCommissionDetails .border-bottom {
+      /* border-bottom: 1px dashed #EEE; */
+      padding-bottom: 5px;
+      margin-bottom: 5px;
+    }
+  
+    .userCommissionDetails .text-bottom {
+      height: 32px;
+      line-height: 32px;
+      margin-bottom: 10px;
+    }
+  
+    .userCommissionDetails ._icon_btn i.icon-sousuo {
+      background-color: #47BF8C;
+    }
+  
+    .userCommissionDetails ._icon_btn i {
+      width: 30px;
+      height: 30px;
+      display: inline-block;
+      color: white !important;
+      border-radius: 50%;
+      text-align: center;
+      line-height: 30px;
+      margin-right: 10px;
+      cursor: pointer;
+      outline: none;
+    }
+  
+    .userCommissionDetails .el-table td,
+    .el-table th {
+      padding: 5px 0;
+    }
+  
+  </style>
+  <template>
+    <div class="page-body userCommissionDetails">
+      <div class="page-search row items-center">
+        <div style="margin-right: 10px;">
+          <q-btn color="primary"  size="11px"  label="返回"  @click="goreturn"  style="margin-left:10px" />
+        </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" width='150' label="校区"></el-table-column>
+          <el-table-column prop="DeptName" label="部门"></el-table-column>
+          <el-table-column prop="UserName" label="销售"> </el-table-column>
+         
+          <el-table-column prop="OrderId" label="订单号">
+            <template slot-scope="scope">
+              <div v-if="scope.row.OrderId" style="cursor: pointer;text-decoration: underline;" @click="goUrlorderList('/sale/orderStatistics',scope.row)">
+                {{scope.row.OrderId}} 
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column  prop="ActivityName" label="活动名称"></el-table-column>
+          <el-table-column  prop="ActivityTime" label="活动日期"></el-table-column>
+          <el-table-column prop="CommissionMoney" label="提成金额" sortable :sort-method="CommissionMoney">
+            <template slot-scope="scope">
+                <div style="color: rgb(233, 82, 82);">{{scope.row.CommissionMoney}}</div>
+              </template>
+          </el-table-column>
+            <el-table-column prop="DSUserName" label="报名用户" ></el-table-column>
+          <el-table-column width='90' prop="Periods" label="期数"> </el-table-column>
+          <el-table-column prop="Remark" width='160' label="备注"> </el-table-column>
+        </el-table>
+      </template>
+  
+    </div>
+  </template>
+  <script>
+    import {
+      GetClassTypePageList,
+    } from '../../../api/system/index';
+    import {
+       getActivityCommissionForOrderList,
+    } from '../../../api/finance/index'
+    import {
+      getClassDropDownList,
+    } from "../../../api/school/index";
+    export default {
+      meta: {
+        title: "订单活动提成明细"
+      },
+      props: {},
+      components: {},
+      data() {
+        return {
+          loading: false,
+          //列表数据参数
+          msg: {
+            OrderId: 0,
+           
+          },
+          pageCount: 0,
+          persistent: false,
+          listData: {},
+          tableData: [],
+          company: [],
+          department: [],
+          ClassList: [],
+          allClassList: [],
+        }
+      },
+      created() {},
+      mounted() {
+        if (this.$route.query && this.$route.query.OrderId) {
+          this.msg.OrderId = this.$route.query.OrderId
+        }
+        this.getList()
+      },
+      methods: {
+  
+        getList() {
+          if (this.msg)
+            this.loading = true;
+            getActivityCommissionForOrderList(this.msg).then(res => {
+            if (res.Code == 1) {
+              this.loading = false;
+              this.tableData = res.Data
+              if (this.tableData.length > 0) {
+                this.getAskfor()
+  
+              }
+            }
+          })
+        },
+        getAskfor() { //求值
+          let obj = {
+            SchoolName: '合计',
+            CommissionMoney: 0,
+          }
+          this.tableData.forEach((x) => {
+            if (x.CommissionMoney) {
+              obj.CommissionMoney = this.accAdd(x.CommissionMoney, obj.CommissionMoney)
+            };
+           
+  
+          })
+          this.tableData.push(obj)
+  
+        },
+        accAdd(arg1, arg2) { //js 加法精确计算
+          var r1, r2, m;
+          try {
+            r1 = arg1.toString().split(".")[1].length;
+  
+          } catch (e) {
+            r1 = 0;
+          }
+  
+          try {
+            r2 = arg2.toString().split(".")[1].length;
+  
+          } catch (e) {
+            r2 = 0;
+  
+          }
+          m = Math.pow(10, Math.max(r1, r2));
+          return (arg1 * m + arg2 * m) / m;
+  
+        },
+        goorderUrl(row) {
+          this.$router.push({
+            path: '/financial/cycleOrderList',
+            query: {
+              OrderId: row.OrderId,
+              UserId:row.UserId,
+              blank: 'y',
+            }
+          })
+        },
+        goreturn() {
+          this.$router.go(-1);
+        },
+        goUrlorderList(path,row){//订单跳转
+          this.OpenNewUrl(path, {
+            OrderId: row.OrderId,
+            // EnterID:row.UserId
+          });
+        },
+      },
+    }
+  </script>
+  <style lang="sass">
+    @import url('~assets/css/table.sass')
+  
+  </style>
+  
\ No newline at end of file

src/pages/financial/reportform/activityCommissionUserList.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="CommissionMoney" label="提成金额" sortable :sort-method="CommissionMoney">
+            
+          </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(scope.row)"></i>
+                </el-tooltip>
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+      </template>
+  
+    </div>
+  </template>
+  <script>
+    import {
+      GetClassTypePageList,
+    } from '../../../api/system/index';
+    import {
+        getActivityCommissionUserList,
+    } from '../../../api/finance/index'
+    import {
+      getClassDropDownList,
+    } from "../../../api/school/index";
+    export default {
+      meta: {
+        title: "活动提成明细列表"
+      },
+      props: {},
+      components: {},
+      data() {
+        return {
+          loading: false,
+          //列表数据参数
+          msg: {
+            PeriodId: 0,
+            UserId: 0,
+            ActivityName: '',
+            OrderId: '',
+            School_Id: '-1',
+          },
+          pageCount: 0,
+          persistent: false,
+          listData: {},
+          tableData: [],
+          company: [],
+          department: [],
+          ClassList: [],
+          allClassList: [],
+          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
+        }
+        if (this.$route.query && this.$route.query.School_Id) {
+          this.msg.School_Id = this.$route.query.School_Id
+        }
+        this.getList()
+        this.setClass()
+      },
+      methods: {
+        getList() {
+          if (this.msg)
+            this.loading = true;
+            getActivityCommissionUserList(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)
+          );
+        },
+        //选择班级
+        setClass(item) {
+          this.isShowClass = true;
+          getClassDropDownList({
+            CourseId: 0,
+            IsAddDefault: 1, //添加默认选项
+          }).then(res => {
+            if (res.Code == 1) {
+              var jsonData = res.Data;
+              if (jsonData && jsonData.length > 0) {
+                this.ClassList = JSON.parse(JSON.stringify(jsonData));
+                this.allClassList = JSON.parse(JSON.stringify(jsonData));;
+              }
+            }
+          });
+        },
+        //筛选员工
+        filterFn(val, update) {
+          update(() => {
+            if (val === '') {
+              this.ClassList = JSON.parse(JSON.stringify(this.allClassList))
+            } else {
+              const needle = val.toLowerCase()
+              this.ClassList = this.allClassList.filter(v => v.ClassName.toLowerCase().indexOf(needle) > -1)
+            }
+          })
+        },
+  
+        goUrl(row) {
+          this.$router.push({
+            path: '/financial/reportform/activityCommissionDetails',
+            query: {
+                UserId: row.UserId,
+                id:this.$route.query.id,
+              blank: 'y',
+            }
+          })
+        },
+        filterHandler(value, row, column) {
+          const property = column['property'];
+          return row[property] === value;
+        },
+        CommissionMoney(a, b) {
+          return a.CommissionMoney - b.CommissionMoney;
+        },
+        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

@@ -421,6 +421,12 @@ const routes = [{
     component: () =>
       import("pages/financial/empBankAccount.vue")
   },
+  {
+    path: "/financial/activityCommission", //活动提成
+    component: () =>
+      import("pages/financial/activityCommission.vue")
+  },
+  
   {
     path: "/financial/accDetail/CashAccDetail", //现金账户明细
     component: () =>
@@ -562,6 +568,23 @@ const routes = [{
     component: () =>
       import("pages/financial/reportform/activityDeploy.vue")
   },
+  {
+    path: "/financial/reportform/activityCommissionDetails", //工作台 活动提成明细
+    component: () =>
+      import("pages/financial/reportform/activityCommissionDetails.vue")
+  },
+  {
+    path: "/financial/reportform/activityCommissionForOrderList", //工作台 查询订单活动提成明细
+    component: () =>
+      import("pages/financial/reportform/activityCommissionForOrderList.vue")
+  },
+  {
+    path: "/financial/reportform/activityCommissionUserList", //工作台 获取活动提成用户列表
+    component: () =>
+      import("pages/financial/reportform/activityCommissionUserList.vue")
+  },
+  
+  
   
   {
     path: "/administration/document", //行政公告