1

src/components/FinancialModule/Qzcommissions.vue

+
+<template>
+  <div class="Feedback">
+      <ul style="overflow: initial!important">
+        
+        <li style="float:right;margin-bottom:10px">
+          <input
+            type="button"
+            class="hollowFixedBtn"
+            value="新增"
+            @click="addRule"
+          >
+        </li>
+      </ul>
+    <table class="singeRowTable" border="0" cellspacing="0" cellpadding="0" v-loading="loading">
+      <tr>
+        <th>人员</th>
+        <th>占比</th>
+        <th>设置</th>
+      </tr>
+      <tbody v-for="(item,i) in dataList" :key="i">
+          <tr>
+            <td>{{item.EmployeeName}}</td>
+            <td>{{item.CommissionPercent}}%</td>
+            <td width="150">
+              <el-button @click="SetRules(item)" style="padding:4px" type="primary" icon="el-icon-edit" circle></el-button>
+              <el-button @click="Delete(item)" style="padding:4px" type="danger" icon="el-icon-delete" circle></el-button>
+            </td>
+          </tr>
+      </tbody>
+      <tr v-if="dataList.length==0">
+        <td colspan="12" align="center">暂无数据</td>
+      </tr>
+    </table>
+    <el-dialog
+        title="提成规则"
+        :visible.sync="ruleVisible"
+        width="400px">
+        <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+            <el-form-item label="人员" prop="EmployeeId">
+                <el-select class="multiple_input" filterable v-model="form.EmployeeId" >
+                    <el-option v-for="item in EmployeeList" :label="item.EmName"
+                          :value="item.EmployeeId" :key="item.EmployeeId"></el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item label="占比" prop="CommissionPercent">
+                <el-input class="w220" @keyup.native="checkInteger(form,'CommissionPercent')" v-model="form.CommissionPercent"></el-input>
+            </el-form-item>
+        </el-form> 
+        <span slot="footer" class="dialog-footer">
+            <el-button size="small" @click="ruleVisible = false">取 消</el-button>
+            <el-button size="small" type="danger" @click="RulesOk('form')">确 定</el-button>
+        </span>
+        </el-dialog>
+  </div>
+</template>
+
+<script>
+import moment from "moment"
+import { constants } from 'fs';
+export default {
+    name: 'Feedback',
+    data (){
+        return{
+          allzb:100,
+            obj:{
+                BranchId:-1,
+                LineId:0,
+            },
+            dataList:[],
+            loading:false,
+            dateList:[],
+            companyList:[],
+            ruleVisible:false,
+            form:{
+                EmployeeId:'',
+                CommissionPercent:0,
+            },
+            departmentMsg: {
+                RB_Group_Id: '0',
+                RB_Branch_Id:'-1',
+                Status:'0',
+                ParentId:'-1',
+                Tier:'0',
+            },
+            EmployeeList:[],
+            rules:{ 
+                EmployeeId: [
+                    { required: true, message: '请选择参与人员', trigger: 'change' }
+                ],
+                CommissionPercent: [{ required: true, message: "请输入占比", trigger: "blur" }],
+            },
+        }
+    },
+    created(){
+    },
+    mounted(){
+       this.getList();
+       this.getEmployeeList();
+    },
+    methods:{
+        addRule(){
+          this.ruleVisible=true;
+          this.form={
+            EmployeeId:'',
+            CommissionPercent:0,
+          }
+        },
+        Delete(item) {
+            this.$confirm("是否删除? 删除后不可恢复", "提示", {
+                confirmButtonText: "确定",
+                cancelButtonText: "取消",
+                type: "warning"
+            })
+            .then(() => {
+                this.apipost('VisaCommission_RemoveOPCommission', {ID:item.Id}, res => {
+                if (res.data.resultCode == 1) {
+                    this.Success(res.data.message)
+                    this.getList()
+                }else{
+                    this.Error(res.data.message)
+                    
+                }
+                })
+            })
+            .catch(() => {});
+        },
+        RulesOk(formName){
+             this.$refs[formName].validate((valid) => {
+                if (valid) {
+                  let num=0;
+                  let newnum=0;
+                  if(this.form.Id){
+                    this.dataList.forEach(item=>{
+                      if(item.Id!=this.form.Id){
+                        num+=item.CommissionPercent; 
+                      }
+                    })
+                    newnum=100-num;
+                  }else{
+                    newnum=this.allzb;
+                  }
+                  
+                    if(Number(this.form.CommissionPercent)>newnum || Number(this.form.CommissionPercent)==0){
+                      this.Error("请输入正确的占比！");
+                      return;
+                    }
+                    this.apipost(
+                        'VisaCommission_SetOPCommission', this.form,
+                        res => {
+                            if (res.data.resultCode == 1) {
+                                this.getList();
+                                this.ruleVisible=false;
+                                this.Success(res.data.message)
+
+                            }else{
+                                this.Error(res.data.message)
+                            }
+                        },
+                        err => {
+                        }
+                        )
+                } else {
+                    
+                    
+                }
+                });
+            
+        },
+        getEmployeeList () {
+            let userInfo = this.getLocalStorage()
+            let msg = {
+            GroupId: userInfo.RB_Group_id,
+            BranchId: '-1',
+            DepartmentId: '-1',
+            PostId: '-1',
+            IsLeave: '0'
+            }
+            this.apipost(
+            'admin_get_EmployeeGetList', {},
+            res => {
+                if (res.data.resultCode == 1) {
+                this.EmployeeList = res.data.data
+                }
+            },
+            err => {
+            }
+            )
+        },
+       
+        SetRules(item){
+          this.ruleVisible=true;
+          this.form={ 
+            EmployeeId:item.EmployeeId,
+            CommissionPercent:item.CommissionPercent,
+            Id:item.Id
+          }
+        },
+       linkageDepartment(){
+            this.departmentMsg.RB_Branch_Id=this.form.BranchId;
+            this.departmentList=[];
+            this.form.DepartmentId=-1;
+            this.getDepartment();
+       },
+       getDepart(id){
+           this.form.DepartmentId= id;
+           this.$forceUpdate();
+       },
+      getDepartment() {
+        this.apipost('admin_get_DepartmentGetList', this.departmentMsg, res => {
+            if(res.data.resultCode == 1) {
+                this.departmentList = res.data.data;
+            }
+        }, err => {})				
+     },
+      getList(){
+        this.loading=true;
+        this.apipost("VisaCommission_GetPageList", {}, res => {
+            this.loading=false;
+        if (res.data.resultCode == 1) {
+            this.dataList = res.data.data;
+            console.log("this.dataList",this.dataList)
+            // allzb
+            let num=0;
+            this.dataList.forEach(item=>{
+              num+=item.CommissionPercent; 
+            })
+            this.allzb=100-num;
+        }
+        });
+      },
+    }	
+}
+		
+</script>
+<style>
+.Feedback ul>li{
+    display: inline-block;
+    font-size: 12px;
+    color: #666;
+    margin: 20px 30px 0px 0;
+}
+.Feedback .singeRowTable{
+    margin-top: 20px;
+}
+</style>

src/components/administrative/QzCommissionDetail.vue

+<template>
+  <div class="commissionDetails-box">
+    <div class="query-box">
+      <ul>
+        <li>
+          <!-- <input type="button" class="normalBtn" value="导出" @click="exportExcel"> -->
+        </li>
+      </ul>
+    </div>
+    <v-table
+      v-if="isReady"
+      is-horizontal-resize
+      column-width-drag
+      style="width:100%"
+      :columns="columns"
+      :table-data="dataList"
+      :filter-method="filterMethod"
+      :total="total"
+      :pageSize="msg.pageSize"
+      :pageIndex="msg.pageIndex"
+      :handleCurrentChange="handleCurrentChange"
+      :multiple-sort="multipleSort"
+      :is-loading="loading"
+      sort-always
+     
+      @on-custom-comp="customCompFunc"
+    ></v-table>
+    <div style="height:20px;"> </div>
+     <!-- @sort-change="sortChange" -->
+  </div>
+</template>
+<script>
+import moment from "moment"
+import Vue from 'vue'
+import XLSX from 'xlsx'
+var FileSaver = require('file-saver')
+export default {
+  data() {
+    return {
+      activeName: "first",
+      commonName: "姓名",
+      loading: false,
+      msg: {
+        pageIndex: 1,
+        pageSize: 20,
+        ParentId: 0,
+        OrderStr: "RB_Branch_Id asc",
+        BName:-1
+      },
+      total: 0,
+      currentPage: 1,
+      columns: [],
+      remoteLoading: false,
+      total: 0,
+      dataList: [],
+      isReady: false,
+      multipleSort: false,
+      loading: true,
+      CompanyList:[],
+      dataListTwo: [],
+      stringPerons:'',
+      oPComissionPeriods:{},
+    };
+  },
+  methods: {
+    exportExcel(){
+      const defaultCellStyle =  {'!cols': [{wpx: 60}, {wpx: 200}, {wpx: 60}, {wpx: 150},{wpx:60}]};
+      const wopts = { bookType:'xlsx', bookSST:false, type:'binary', defaultCellStyle: defaultCellStyle, showGridLines: true};
+      const wb = { SheetNames: ['提成统计'], Sheets: {}, Props: {} }; 
+      let data = []
+      this.dataList.forEach(x=>{
+        let obj={
+          '公司':x.bName,
+          '部门':x.departmentName,
+          '员工':x.createByStr,
+          '提成金额':x.commissionMoney.toFixed(2),
+          '额外奖励':x.otherMoney.toFixed(2),
+          '额外扣除':x.backMoney.toFixed(2),
+          '应发提成':x.sumMoney.toFixed(2),
+          '收客数':x.peopleCount,
+          '单签证人数':x.visaPeopleCount,
+          '所属期数':x.periods
+        }
+        data.push(obj)
+      })
+      wb.Sheets['提成统计'] = XLSX.utils.json_to_sheet(data)
+      
+      //创建二进制对象写入转换好的字节流
+      let tmpDown =  new Blob([this.s2ab(XLSX.write(wb, wopts))], { type: "application/octet-stream" })
+      FileSaver.saveAs(tmpDown, "提成统计.xls");
+    },
+    s2ab (s) {
+      if (typeof ArrayBuffer !== 'undefined') {  
+        var buf = new ArrayBuffer(s.length);  
+        var view = new Uint8Array(buf);  
+        for (var i = 0; i != s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF;  
+        return buf;  
+      } else {  
+        var buf = new Array(s.length);  
+        for (var i = 0; i != s.length; ++i) buf[i] = s.charCodeAt(i) & 0xFF;  
+        return buf;
+      }
+    },
+    filterMethod(filters){
+      let data = JSON.parse(JSON.stringify(this.dataListTwo))
+
+      let dataListTwo = JSON.parse(JSON.stringify(this.dataListTwo))
+      if (filters.BranchName!='' && filters.BranchName!='__all__'){
+        data = data.filter(item => item.BranchName.indexOf(filters.BranchName)!=-1);
+       
+
+      }
+      if (filters.DepartmentName!=''){
+        data = data.filter(item => item.DepartmentName.indexOf(filters.DepartmentName)!=-1);
+      }
+      if (filters.EmployeeName!=''){
+        data = data.filter(item => item.EmployeeName.indexOf(filters.EmployeeName)!=-1);
+      }
+      if ((filters.BranchName === '' || filters.BranchName==='__all__') && filters.DepartmentName === '' && filters.EmployeeName === ''){
+      
+        data = dataListTwo
+      }
+      this.dataList = data
+    },
+    customCompFunc(params) {
+      if (params.type === "see") {
+        this.getInfo(params.data)
+      }else{
+        this.voucher(params.data)
+      } 
+    },
+    voucher(data){
+      let msg={
+            TemplateId:27,
+            RB_Branch_Id:data.RB_Branch_Id,
+            IsPublic:6,
+            BType:4,
+            AccountId:22,
+            CostTypeID:189,
+            WBMoney:data.CommissionMoney,
+            Remark:'',
+            TCID:0,
+            IsRelevanceTravel:1,
+            OrderID:0,
+            vorcherInos:[],
+            Description:'',
+            RemitterName:'',
+            TradeDate:moment().format('YYYY-MM-DD'),
+            OrderSource:14,
+
+          };
+          this.$confirm('提成金额是否正确?', '提示', {
+						confirmButtonText: '确定',
+						cancelButtonText: '取消',
+						type: 'warning'
+					}).then(() => {
+            this.loading = true;
+              this.apipost(
+                "Financial_post_SetFinanceInfoCommonForIn",
+                msg,
+                res => {
+                  this.loading = false;
+                  if (res.data.resultCode == 1) {
+                    this.apipost(
+                    "OPCommission_UpdatePeriodsFrID",
+                    {ID:this.oPComissionPeriods.ID,FrId:res.data.data},
+                    res => {
+                      if (res.data.resultCode == 1) {
+                        this.Success(res.data.message);
+                        this.getList();
+                      } else {
+                        this.Error(res.data.message);
+                      }
+                    },
+                    null
+                  );
+                  } else {
+                    this.Error(res.data.message);
+                  }
+                },
+                null
+              );
+					}).catch(() => {
+						
+					});
+    },
+    getCompanyList() {
+      //获取公司列表
+      this.apipost(
+        "admin_get_BranchGetList",
+        this.getCompanyMsg,
+        res => {
+          if (res.data.resultCode == 1) {
+            let data = res.data.data;
+            data.forEach(x => {
+              x.disabled = false;
+            });
+            this.CompanyList = data;
+            
+          } else {
+          }
+        },
+        err => {}
+      );
+    },
+    initColums() {
+      let oPComissionPeriods=this.oPComissionPeriods;
+      this.isReady = false;
+      let that = this;
+      let companyList = [];
+      this.CompanyList.forEach(x => {
+        let item = {};
+        item.label = x.BName;
+        item.value = x.BName;
+        companyList.push(item);
+      });
+      let company = {
+        field: "BranchName",
+        title: "公司",
+        width: 40,
+        titleAlign: "left",
+        columnAlign: "left",
+        isResize: true,
+        result: "",
+        filterMultiple: false,
+        filters: companyList,
+        type: "select"
+        // filterMultiple: false,
+        // filters: companyList,
+        // result: "",
+        // type: "select",
+        // orderBy: "asc"
+        // isFrozen:true
+      };
+      let department = {
+        field: "DepartmentName",
+        title: "部门",
+        width: 80,
+        titleAlign: "left",
+        columnAlign: "left",
+        isResize: true,
+        result: "",
+        filterMultiple: false,
+        filters: companyList,
+        type: "text"
+      };
+      let userName = {
+        field: "EmployeeName",
+        title: "姓名",
+        titleAlign: "left",
+        columnAlign: "left",
+        isResize: true,
+        width: 80,
+        result: "",
+        filterMultiple: false,
+        filters: [{}],
+        type: "text"
+      };
+      let CommissionMoney = {
+        field: "CommissionMoney",
+        title: "提成金额",
+        titleAlign: "left",
+        columnAlign: "left",
+        isResize: true,
+        width: 80,
+        formatter: function(rowData, rowIndex, pagingIndex, field) {
+          return `<span>${rowData.CommissionMoney.toFixed(2)}</span>`
+        }
+      };
+    let Zhanbi = {
+        field: "CommissionPercent",
+        title: "占比",
+        titleAlign: "left",
+        columnAlign: "left",
+        isResize: true,
+        width: 80,
+        formatter: function(rowData, rowIndex, pagingIndex, field) {
+            return `<span>${rowData.CommissionPercent}%</span>`
+        }
+        };
+      let remark = {
+        field: "remark",
+        title: "备注",
+        titleAlign: "left",
+        columnAlign: "left",
+        isResize: true,
+        width: 80,
+        componentName: "commission-table-beizhu"
+        
+        // formatter: function(rowData, rowIndex, pagingIndex, field) {
+        //   return `<span v-if="${rowData.EmployeeId==0 && oPComissionPeriods.FRID>0}">
+        //   <span>${rowData.EmployeeId}</span>
+        //   单据号：${oPComissionPeriods.FRID}</span>`;
+        // }
+      };
+      // let opera = {
+      //   title: "操作",
+      //   titleAlign: "left",
+      //   columnAlign: "left",
+      //   width: 80,
+      //   isResize: false,
+      //   componentName: "commission-table-operation"
+      // };
+      this.columns = [];
+      this.columns.push(company);
+      this.columns.push(department);
+      this.columns.push(userName);
+      this.columns.push(CommissionMoney);
+    //   this.columns.push(otherMoney);
+    //   this.columns.push(backMoney);
+    //   this.columns.push(sumMoney);
+    //   this.columns.push(peopleCount);
+    //   this.columns.push(visaPeopleCount);
+      this.columns.push(Zhanbi);
+      this.columns.push(remark);
+      // this.columns.push(opera);
+      this.isReady = true;
+    },
+    sortChange(param) {
+      if(param.sumMoney==''){
+        if(param.BName!=''){
+          this.msg.OrderStr='RB_Branch_Id '+param.bName
+        }
+        if(param.commissionMoney!=''){
+          this.msg.OrderStr='CommissionMoney '+param.commissionMoney
+        }
+        if(param.peopleCount!=''){
+          this.msg.OrderStr='PeopleCount '+param.peopleCount
+        }
+        if(param.backMoney!=''){
+          this.msg.OrderStr='BackMoney '+param.backMoney
+        }
+        if(param.otherMoney!=''){
+          this.msg.OrderStr='OtherMoney '+param.otherMoney
+        }
+        this.getList();
+      }else{
+        let d=JSON.parse(JSON.stringify(this.dataList))
+        this.dataList = this.orderBy(d, ["sumMoney"], param.sumMoney).results;
+      }
+    },
+    handleCurrentChange(val) {
+      this.msg.pageIndex = val;
+      this.getList();
+    },
+    getList() {
+      this.loading = true;
+      this.apipost(
+        "VisaCommission_GetPeriodsDetailsList",
+        this.msg,
+        res => {
+          this.loading = false;
+          
+          if (res.data.resultCode == 1) {
+            let data = res.data.data.data;
+            this.oPComissionPeriods=res.data.data.oPComissionPeriods;
+            data.forEach(item=>{
+              item.FRID=this.oPComissionPeriods.FRID;
+              item.PeriodsDate=this.oPComissionPeriods.PeriodsDate;
+            })
+            this.total = res.data.data.data.length;
+            this.dataList = data;
+            // this.dataList.forEach(x=>{
+            //   x.sumMoney=x.commissionMoney+x.otherMoney-x.backMoney
+            // })
+            this.dataListTwo = JSON.parse(JSON.stringify(this.dataList))
+            this.initColums();
+          } else {
+            this.Error(res.data.message);
+          }
+        },
+        null
+      );
+    },
+    //切换排序
+    handleClick(tab, event) {
+      if (this.activeName == "first") {
+        // this.commonName='姓名'
+        this.msg.OrderStr = "UserId";
+      } else {
+        // this.commonName='公司名'
+        this.msg.OrderStr = "RB_Branch_Id";
+      }
+      this.getList();
+    },
+    //跳转
+    getInfo(item) {
+      this.$router.push({
+        path: "ClausesOrder",
+        query: {
+          StartDate: item.PeriodsDate,
+          blank:'y'
+        }
+      });
+    }
+  },
+  mounted() {
+    this.msg.pageSize = 10000; //不分页
+    this.msg.ID = this.$route.query.ID;
+    let dt=new Date()
+    this.stringPerons=(dt.getMonth()==0?(dt.getFullYear()-1):dt.getFullYear())+''+(dt.getMonth().toString().length<2?'0':'')+(dt.getMonth()==0?12:dt.getMonth());
+   
+    this.getList();
+    this.getCompanyList();
+    
+  },
+  created(){
+    Vue.component('commission-table-beizhu',{
+      template:` <span v-if="rowData.EmployeeId==0 && rowData.FRID>0">
+           单据号:{{rowData.FRID}}</span>`,
+      props:{
+         
+          rowData:{
+              type:Object
+          },
+          field:{
+              type:String
+          },
+          index:{
+              type:Number
+          }
+      },
+      created(){
+      },
+      methods:{
+        see(){
+          let params = {type:'see',data:this.rowData};
+          this.$emit('on-custom-comp',params);
+        },
+        ZhiDan(){
+          let params = {type:'zhidan',data:this.rowData};
+          this.$emit('on-custom-comp',params);
+          
+        },
+      }
+    })
+      Vue.component('commission-table-operation',{
+      template:`<div style='width:80px;height:40px;background:#fff;text-align:center;position: relative;left:-5px;padding-top: 6px;padding-top:6px;'>
+      <el-button v-if="rowData.EmployeeId==0 && rowData.FRID==0" type="danger" size='mini' icon="el-icon-document" circle @click="ZhiDan(rowData,index)"></el-button>
+      <el-button type="primary" size='mini' icon="el-icon-view" circle @click="see(rowData,index)"></el-button>
+      </div>`,
+      props:{
+          rowData:{
+              type:Object
+          },
+          field:{
+              type:String
+          },
+          index:{
+              type:Number
+          }
+      },
+      methods:{
+        see(){
+          let params = {type:'see',data:this.rowData};
+          this.$emit('on-custom-comp',params);
+        },
+        ZhiDan(){
+          let params = {type:'zhidan',data:this.rowData};
+          this.$emit('on-custom-comp',params);
+          
+        },
+      }
+    })
+  }
+  
+};
+</script>
+<style>
+
+.commissionDetails-box .el-button.is-circle{padding: 5px !important;}
+.commissionDetails-box .v-table-body-cell span {
+    display: block;
+    width: 100%;
+}
+</style>

src/components/administrative/QzCommissionsmangment.vue

+<style>
+  .CM_look{
+      padding:4px!important;
+      position: relative;
+      top:1px;
+  }
+</style>
+<template>
+  <div class="flexOne">
+    <!-- <div class="query-box">
+      <ul>
+        <li>
+            <input type="button" class="normalBtn" @click="generateTable" value="生成提成报表"/>
+        </li>
+      </ul>
+    </div> -->
+    <table class="singeRowTable" border="0" cellspacing="0" cellpadding="0">
+      <tr>
+        <th>期数</th>
+        <th>提成总金额</th>
+        <th>{{$t('admin.admin_czPerson')}}</th>
+        <th>日期</th>
+        <th>{{$t('system.table_operation')}}</th>
+      </tr>
+      <tr v-for="(item,index) in dataList" :key="index">
+        <td>{{item.Periods}}</td>
+        <td>{{item.SumPrice}}</td>
+        <td>{{item.CreateByStr}}</td>
+        <td>{{item.CreateStr}}</td>
+        <td>
+          <!-- <el-tooltip class="item" effect="dark" content="取消" placement="top">
+            <el-button type="danger" icon="el-icon-delete" circle></el-button>
+          </el-tooltip> -->
+          <el-tooltip class="item" effect="dark" content="查看" placement="top">
+            <el-button type="primary" class="CM_look" @click="goUrl('QzCommissionDetail',item.ID)" icon="iconfont icon-chakan" circle></el-button>
+          </el-tooltip>
+        </td>
+      </tr>
+      <tr v-if="dataList.length==0">
+        <td colspan="5" align="center">暂无数据</td>
+      </tr>
+    </table>
+    <!-- 分页 -->
+    <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
+          layout="total,prev, pager, next, jumper" :page-size='msg.PageSize' :total='total'>
+    </el-pagination>
+  </div>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        msg: {
+          PageIndex: 1,
+          PageSize: 20
+        },
+        loading:false,
+        //数据源
+        dataList:[],
+        total:0,
+        currentPage: 1,
+      }
+    },
+    mounted() {
+      this.getList();
+    },
+    methods: {
+      handleCurrentChange(val) {
+        this.msg.PageIndex = val;
+        this.getList();
+      },
+      goUrl(path,id) {
+        this.$router.push({
+          path: path,
+          query: {
+            ID:id,
+            blank: 'y',
+            tab: '详情'
+          }
+        });
+      },
+      //获取数据
+      getList() {
+        this.loading = true;
+        this.apipost(
+          "VisaCommission_GetPeriodsPageList",
+          this.msg,
+          res => {
+            this.loading = false;
+            if(res.data.resultCode==1){
+              this.dataList = res.data.data.pageData;
+              this.total = res.data.data.count;
+            }else{
+              this.Error(res.data.message);
+            }
+          },
+          null
+        );
+      },
+      //生成提成报表
+      generateTable(){
+       let msg = {
+          UserId: 0
+        }
+        this.apipost(
+            "sellcommission_SetGenerateCommission",msg,
+            res => {
+              if(res.data.resultCode==1){
+                this.getList();
+                this.Success('报表生成成功')
+              }else{
+                this.Error(res.data.message);
+              }
+            },
+            null
+          );
+        }
+    }
+  }
+</script>

src/router/config.js

@@ -337,6 +337,14 @@ export default {
                                 title: '地接提成'
                             },
                         },
+                        {
+                            path: '/QzCommissionsmangment', //提成管理 签证
+                            name: 'QzCommissionsmangment',
+                            component: resolve => require(['@/components/administrative/QzCommissionsmangment'], resolve),
+                            meta: {
+                                title: '签证提成'
+                            },
+                        },
                         {
                             path: '/AirticketCommission', //票务提成
                             name: 'AirticketCommission',
@@ -377,6 +385,14 @@ export default {
                                 title: '提成详情'
                             },
                         },
+                        {
+                            path: '/QzCommissionDetail', //提成详情 - 签证
+                            name: 'QzCommissionDetail',
+                            component: resolve => require(['@/components/administrative/QzCommissionDetail'], resolve),
+                            meta: {
+                                title: '签证提成详情'
+                            },
+                        },
                         {
                             path: '/ExaminationStatistics', //考核管理
                             name: 'ExaminationStatistics',
@@ -3692,6 +3708,14 @@ export default {
                                 title: '地接提成规则'
                             }
                         },
+                        {
+                            path: '/Qzcommissions',
+                            name: 'Qzcommissions',
+                            component: resolve => require(['@/components/FinancialModule/Qzcommissions'], resolve),
+                            meta: {
+                                title: '签证提成规则'
+                            }
+                        },
                         {
                             path: '/OPCommissionDetail',
                             name: 'OPCommissionDetail',