Commit ec0f891c authored by 黄奎's avatar 黄奎

页面修改

parent 5e4300bf
...@@ -4,20 +4,27 @@ ...@@ -4,20 +4,27 @@
padding: 18px 0 0 16px; padding: 18px 0 0 16px;
text-align: right; text-align: right;
} }
.ReturnperiodsList .border-bottom { .ReturnperiodsList .border-bottom {
/* border-bottom: 1px dashed #EEE; */ /* border-bottom: 1px dashed #EEE; */
padding-bottom: 5px; padding-bottom: 5px;
margin-bottom: 5px; margin-bottom: 5px;
} }
.ReturnperiodsList .text-bottom{
height: 32px;line-height: 32px; margin-bottom: 10px; .ReturnperiodsList .text-bottom {
height: 32px;
line-height: 32px;
margin-bottom: 10px;
} }
.ReturnperiodsList ._icon_btn i.icon-sousuo { .ReturnperiodsList ._icon_btn i.icon-sousuo {
background-color: #47BF8C; background-color: #47BF8C;
} }
.ReturnperiodsList ._icon_btn .icon-add{
.ReturnperiodsList ._icon_btn .icon-add {
background-color: #47BF8C; background-color: #47BF8C;
} }
.ReturnperiodsList ._icon_btn i { .ReturnperiodsList ._icon_btn i {
width: 26px; width: 26px;
height: 26px; height: 26px;
...@@ -30,107 +37,75 @@ ...@@ -30,107 +37,75 @@
cursor: pointer; cursor: pointer;
outline: none; outline: none;
} }
.ReturnperiodsList .el-table td,.el-table th{
.ReturnperiodsList .el-table td,
.el-table th {
padding: 5px 0; padding: 5px 0;
} }
</style>
<template>
</style>
<template>
<div class="page-body ReturnperiodsList"> <div class="page-body ReturnperiodsList">
<div class="page-search row items-center"> <div class="page-search row items-center">
<div class="col row wrap q-mr-lg q-col-gutter-md"> <div class="col row wrap q-mr-lg q-col-gutter-md">
<!-- <div style="margin-right: 20px;" v-if='iscMaker==true'> <div style="display:flex;justify-content: space-between;width: 100%;align-items: center;">
<div class="block">
<span style="margin-right: 5px;">校区</span>
<el-select v-model="msg.SchoolId" filterable @change="handleCurrentChanges(1)">
<el-option value="-1" label="不限"></el-option>
<el-option v-for='item in CompanyList' :label='item.SName' :value='item.SId' :key='item.SId'></el-option>
</el-select>
</div>
</div> -->
<div style="display:flex;justify-content: space-between;width: 100%;align-items: center;" >
<div class="block" style="display:flex"> <div class="block" style="display:flex">
<span style="margin-right: 5px;">月份筛选</span> <span style="margin-right: 5px;">月份筛选</span>
<el-date-picker <el-date-picker v-model="msg.Month" value-format="yyyy-MM" type="month" placeholder="选择月"
v-model="msg.Month" @change="handleCurrentChanges(1)">
value-format="yyyy-MM"
type="month"
placeholder="选择月"
@change="handleCurrentChanges(1)"
>
</el-date-picker> </el-date-picker>
</div> </div>
<div> <div>
<q-btn v-if='isgenerate==true' :loading="loading1" color="primary" size="11px" label="生成返佣" @click="scCommission" style="height:28px"/> <q-btn v-if='isgenerate==true' :loading="loading1"  color="primary"  size="11px"  label="生成返佣"
 @click="scCommission"  style="height:28px" />
<div style="font-size: 11px;color: #666;">*默认生成上月返佣</div> <div style="font-size: 11px;color: #666;">*默认生成上月返佣</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<template > <template>
<el-table <el-table ref="filterTable" :data="tableData" v-loading='loading'
ref="filterTable" :header-cell-style="{backgroundColor:'#f5f6f7', color: '#a8a8b3'}" border style="width: 100%">
:data="tableData" <el-table-column prop="BatchName" label="周期"></el-table-column>
v-loading = 'loading' <el-table-column prop="TotalMoney" label="累计金额"> </el-table-column>
:header-cell-style="{backgroundColor:'#f5f6f7', color: '#a8a8b3'}" <el-table-column prop="TotalEmployee" label="个人直客累计金额"> </el-table-column>
border <el-table-column prop="TotalCustomer" label="同业录入累计金额"> </el-table-column>
style="width: 100%"> <el-table-column prop="TotalInternal" label="内部介绍累计金额"> </el-table-column>
<!-- <el-table-column prop="Id" label="ID" ></el-table-column> --> <el-table-column prop="TotalTrans" label="学员转介绍累计金额"> </el-table-column>
<el-table-column prop="BatchName" label="周期" ></el-table-column> <el-table-column prop="CreateByName" label="创建人"> </el-table-column>
<el-table-column prop="TotalMoney" label="累计金额" > </el-table-column> <el-table-column prop="CreateDate" label="创建时间"> </el-table-column>
<el-table-column prop="TotalEmployee" label="个人直客累计金额" > </el-table-column> <el-table-column label="财务单据">
<el-table-column prop="TotalCustomer" label="同业录入累计金额" > </el-table-column> <template slot-scope="scope">
<el-table-column prop="TotalInternal" label="内部介绍累计金额" > </el-table-column> {{scope.row.FinanceIds}}
<el-table-column prop="TotalTrans" label="学员转介绍累计金额" > </el-table-column> </template>
<el-table-column prop="CreateByName" label="创建人" > </el-table-column> </el-table-column>
<el-table-column prop="CreateDate" label="创建时间" > </el-table-column> <el-table-column label="操作">
<el-table-column prop="FinanceIds" label="财务单据" > </el-table-column>
<el-table-column label="操作" >
<template slot-scope="scope"> <template slot-scope="scope">
<div class="_icon_btn"> <div class="_icon_btn">
<el-tooltip class="item" effect="dark" content="查看" placement="top"> <el-tooltip class="item" effect="dark" content="查看" placement="top">
<i class="iconfont icon-sousuo" <i class="iconfont icon-sousuo" @click="goUrl(scope.row.Id)"></i>
@click="goUrl(scope.row.Id)"></i>
</el-tooltip> </el-tooltip>
<el-tooltip class="item" effect="dark" v-if="scope.row.FinanceIds==''||scope.row.FinanceIds==null"
<el-tooltip class="item" effect="dark" v-if="scope.row.FinanceIds==''||scope.row.FinanceIds==null" content="生成财务单据" placement="top"> content="生成财务单据" placement="top">
<i class="iconfont icon-add" <i class="iconfont icon-add" @click="setCommissionFinanace(scope.row.Id)"></i>
@click="setCommissionFinanace(scope.row.Id)"></i>
</el-tooltip> </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> </div>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<div style="margin-top: 10px;text-align: center;"> <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" <el-pagination background @current-change="handleCurrentChanges" layout="total,prev, pager, next, jumper"
:page-size="msg.PageSize" :total='total'> :current-page.sync="msg.PageIndex" :page-size="msg.PageSize" :total='total'>
</el-pagination> </el-pagination>
</div> </div>
</template> </template>
</div> </div>
</template> </template>
<script> <script>
import { import {
getSchoolDropdown getSchoolDropdown
} from '../../../api/school/index' } from '../../../api/school/index'
import{ import {
SetCommissionPeriodsFinanace, SetCommissionPeriodsFinanace,
getCommissionPeriodsPageList, getCommissionPeriodsPageList,
setSellCommissionRule, setSellCommissionRule,
...@@ -148,14 +123,14 @@ ...@@ -148,14 +123,14 @@
return { return {
loading: false, loading: false,
loading1: false, loading1: false,
value2:'', value2: '',
//列表数据参数 //列表数据参数
msg: { msg: {
PageIndex: 1, PageIndex: 1,
PageSize: 15, PageSize: 15,
SchoolId:'-1', SchoolId: '-1',
Month:'', Month: '',
CommissionType:1, CommissionType: 1,
}, },
msgFinance: { msgFinance: {
BatchId: 0, BatchId: 0,
...@@ -167,66 +142,72 @@ ...@@ -167,66 +142,72 @@
}, },
pageCount: 0, pageCount: 0,
persistent: false, persistent: false,
listData:{}, listData: {},
tableData:[], tableData: [],
total:0, total: 0,
CompanyList:[], CompanyList: [],
isgenerate:false,//是否有生成的权限 isgenerate: false, //是否有生成的权限
iscMaker:false,//是否有制单的权限 iscMaker: false, //是否有制单的权限
SendEmployeeList:[],//可发放提成的用户列表 SendEmployeeList: [], //可发放提成的用户列表
costmode:false, costmode: false,
multipleSelection:[], multipleSelection: [],
totalAmount:0,//选中的金额总额 totalAmount: 0, //选中的金额总额
CheckID:0, CheckID: 0,
} }
}, },
created() { created() {
let userinfo = this.getLocalStorage(); let userinfo = this.getLocalStorage();
userinfo.ActionMenuList.map(x=>{//判断权限 userinfo.ActionMenuList.map(x => { //判断权限
if(x.FunctionCode == "SAGenerate_Commission"){//判断是否有生成的权限 if (x.FunctionCode == "SAGenerate_Commission") { //判断是否有生成的权限
this.isgenerate = true; this.isgenerate = true;
} }
if(x.FunctionCode == "SACommission_maker"){//判断是否有制单的权限 if (x.FunctionCode == "SACommission_maker") { //判断是否有制单的权限
this.iscMaker = true; this.iscMaker = true;
} }
}) })
var myDate=new Date(); var myDate = new Date();
myDate.setMonth(myDate.getMonth()-1); myDate.setMonth(myDate.getMonth() - 1);
// this.msg.Month = myDate.getFullYear() + "-" + (myDate.getMonth()+1)
}, },
mounted() { mounted() {
this.getList();//获取提成周期列表 this.getList(); //获取提成周期列表
// this.getBranchList()
}, },
methods: { methods: {
getList(){ getList() {
this.loading = true; this.loading = true;
getCommissionPeriodsPageList(this.msg).then(res => { getCommissionPeriodsPageList(this.msg).then(res => {
if (res.Code == 1) { if (res.Code == 1) {
console.log("res",res);
this.loading = false; this.loading = false;
this.tableData = res.Data.PageData var tempArray= res.Data.PageData;
if(tempArray&&tempArray.length>0)
{
tempArray.foreach(item=>{
console.log("item",item);
})
}
this.tableData =tempArray;
this.total = res.Data.Count this.total = res.Data.Count
} }
}) })
}, },
setCommissionFinanace(id) {
setCommissionFinanace(id){
this.loading = true; this.loading = true;
this.msgFinance.BatchId=id; this.msgFinance.BatchId = id;
SetCommissionPeriodsFinanace(this.msgFinance).then(res => { SetCommissionPeriodsFinanace(this.msgFinance).then(res => {
if (res.Code == 1) { if (res.Code == 1) {
this.getList() this.getList()
} }
this.loading1= false; this.loading1 = false;
}).catch(err=>{ }).catch(err => {
this.loading1= false; this.loading1 = false;
}) })
}, },
scCommission(){//生成提成 scCommission() { //生成提成
if(this.loading1 == false){ if (this.loading1 == false) {
this.loading1= true; this.loading1 = true;
setUserReturnCommission({type:1}).then(res => { setUserReturnCommission({
type: 1
}).then(res => {
if (res.Code == 1) { if (res.Code == 1) {
this.$q.notify({ this.$q.notify({
icon: 'iconfont icon-chenggong', icon: 'iconfont icon-chenggong',
...@@ -237,20 +218,20 @@ ...@@ -237,20 +218,20 @@
}) })
this.getList() this.getList()
} }
this.loading1= false; this.loading1 = false;
}).catch(err=>{ }).catch(err => {
this.loading1= false; this.loading1 = false;
}) })
} }
}, },
getBranchList(){//获取校区 getBranchList() { //获取校区
getSchoolDropdown({}).then(res => { getSchoolDropdown({}).then(res => {
this.CompanyList = res.Data; this.CompanyList = res.Data;
}).catch(() => { }).catch(() => {
}) })
}, },
goUrl(id ) { goUrl(id) {
this.$router.push({ this.$router.push({
path: '/financial/returnPassbook/ReturnUserList', path: '/financial/returnPassbook/ReturnUserList',
query: { query: {
...@@ -260,7 +241,7 @@ ...@@ -260,7 +241,7 @@
} }
}) })
}, },
goUrl(id ) { goUrl(id) {
this.$router.push({ this.$router.push({
path: '/financial/returnPassbook/ReturnUserList', path: '/financial/returnPassbook/ReturnUserList',
query: { query: {
...@@ -270,16 +251,13 @@ ...@@ -270,16 +251,13 @@
} }
}) })
}, },
handleCurrentChanges(val){ handleCurrentChanges(val) {
this.msg.PageIndex= val; this.msg.PageIndex = val;
this.getList() this.getList()
}, },
}, },
} }
</script>
</script> <style lang="sass">
<style lang="sass">
@import url('~assets/css/table.sass') @import url('~assets/css/table.sass')
</style>
</style> \ No newline at end of file
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment