feat(bonus): 奖金字段调整

This commit is contained in:
woody 2025-06-04 09:59:40 +08:00
parent b1ceb0c6e9
commit 209c303913
2 changed files with 1086 additions and 1008 deletions

View File

@ -1,22 +1,14 @@
<template> <template>
<view class="content"> <view class="content">
<view class="header_a"> <view class="header_a">
<view class="header"> <view class="header">
<img @click="isTop=true" <img @click="isTop = true" src="@/assets/images/search.png" alt="" />
src="@/assets/images/search.png" <img @click="isFont = true" src="@/assets/images/change.png" alt="" />
alt="">
<img @click="isFont=true"
src="@/assets/images/change.png"
alt="">
</view> </view>
</view> </view>
<view class="zhan"></view> <view class="zhan"></view>
<view class="kuang" <view class="kuang" v-for="(item, index) in tableData" :key="index">
v-for="(item,index) in tableData" <table class="tftable" border="1">
:key="index">
<table class="tftable"
border="1">
<tr v-if="allTxt.period"> <tr v-if="allTxt.period">
<td align="right">结算期数</td> <td align="right">结算期数</td>
<td align="left">{{ item.period }}</td> <td align="left">{{ item.period }}</td>
@ -33,10 +25,7 @@
<td align="right">订单类型</td> <td align="right">订单类型</td>
<td align="left">{{ item.orderTypeVal }}</td> <td align="left">{{ item.orderTypeVal }}</td>
</tr> </tr>
<tr v-if="allTxt.sourceCountryName">
<td align="right">来源国家</td>
<td align="left">{{ item.sourceCountryName }}</td>
</tr>
<tr v-if="allTxt.sourceMemberCode"> <tr v-if="allTxt.sourceMemberCode">
<td align="right">来源编号</td> <td align="right">来源编号</td>
<td align="left">{{ item.sourceMemberCode }}</td> <td align="left">{{ item.sourceMemberCode }}</td>
@ -47,11 +36,15 @@
</tr> </tr>
<tr v-if="allTxt.orderAmount"> <tr v-if="allTxt.orderAmount">
<td align="right">来源金额({{ isLocalSymbol() }})</td> <td align="right">来源金额({{ isLocalSymbol() }})</td>
<td align="left">{{ item.orderAmount | toThousandthAndKeepDecimal}}</td> <td align="left">
{{ item.orderAmount | toThousandthAndKeepDecimal }}
</td>
</tr> </tr>
<tr v-if="allTxt.orderAchieveOri"> <tr v-if="allTxt.orderAchieveOri">
<td align="right">来源业绩({{ isLocalSymbol() }})</td> <td align="right">来源业绩({{ isLocalSymbol() }})</td>
<td align="left">{{ item.orderAchieveOri | toThousandthAndKeepDecimal}}</td> <td align="left">
{{ item.orderAchieveOri | toThousandthAndKeepDecimal }}
</td>
</tr> </tr>
<tr v-if="allTxt.settleCountry"> <tr v-if="allTxt.settleCountry">
<td align="right">结算国家</td> <td align="right">结算国家</td>
@ -73,53 +66,94 @@
<td align="right">荣誉奖衔</td> <td align="right">荣誉奖衔</td>
<td align="left">{{ item.pkAwardsVal }}</td> <td align="left">{{ item.pkAwardsVal }}</td>
</tr> </tr>
<tr v-if="menuList[9].checked == true &&allTxt.round"> <tr v-if="getColumnVisible('round') && allTxt.round">
<td align="right">直推轮数</td> <td align="right">直推轮数</td>
<td align="left">{{ item.round }}</td> <td align="left">{{ item.round }}</td>
</tr> </tr>
<tr v-if="menuList[10].checked == true &&allTxt.second"> <tr v-if="getColumnVisible('second') && allTxt.second">
<td align="right">直推次数</td> <td align="right">直推次数</td>
<td align="left">{{ item.second }}</td> <td align="left">{{ item.second }}</td>
</tr> </tr>
<tr v-if="menuList[11].checked == true &&allTxt.currentTouch"> <tr v-if="getColumnVisible('currentTouch') && allTxt.currentTouch">
<td align="right">当前碰次</td> <td align="right">当前碰次</td>
<td align="left">{{ item.currentTouch }}</td> <td align="left">{{ item.currentTouch }}</td>
</tr> </tr>
<tr v-if="menuList[12].checked == true &&allTxt.expandTouch"> <tr v-if="getColumnVisible('expandTouch') && allTxt.expandTouch">
<td align="right">拓展碰次</td> <td align="right">拓展碰次</td>
<td align="left">{{ item.expandTouch }}</td> <td align="left">{{ item.expandTouch }}</td>
</tr> </tr>
<tr v-if="menuList[13].checked == true &&allTxt.currentGeneration"> <tr
v-if="
getColumnVisible('currentGeneration') && allTxt.currentGeneration
"
>
<td align="right">当前代数</td> <td align="right">当前代数</td>
<td align="left">{{ item.currentGeneration }}</td> <td align="left">{{ item.currentGeneration }}</td>
</tr> </tr>
<tr v-if="menuList[14].checked == true &&allTxt.coachGeneration"> <tr
v-if="getColumnVisible('coachGeneration') && allTxt.coachGeneration"
>
<td align="right">辅导代数</td> <td align="right">辅导代数</td>
<td align="left">{{ item.coachGeneration }}</td> <td align="left">{{ item.coachGeneration }}</td>
</tr> </tr>
<tr v-if="menuList[1].checked == true &&allTxt.expandNoCappingOri"> <tr
v-if="
getColumnVisible('expandNoCappingOri') && allTxt.expandNoCappingOri
"
>
<td align="right">拓展无封({{ isLocalSymbol() }})</td> <td align="right">拓展无封({{ isLocalSymbol() }})</td>
<td align="left">{{ item.expandNoCappingOri | toThousandthAndKeepDecimal}}</td> <td align="left">
{{ item.expandNoCappingOri | toThousandthAndKeepDecimal }}
</td>
</tr> </tr>
<tr v-if="menuList[2].checked == true &&allTxt.expandCappingOri"> <tr
v-if="getColumnVisible('expandCappingOri') && allTxt.expandCappingOri"
>
<td align="right">拓展封顶({{ isLocalSymbol() }})</td> <td align="right">拓展封顶({{ isLocalSymbol() }})</td>
<td align="left">{{ item.expandCappingOri | toThousandthAndKeepDecimal}}</td> <td align="left">
{{ item.expandCappingOri | toThousandthAndKeepDecimal }}
</td>
</tr> </tr>
<tr v-if="menuList[3].checked == true &&allTxt.expandNormalHalfOri"> <tr
v-if="
getColumnVisible('expandNormalHalfOri') &&
allTxt.expandNormalHalfOri
"
>
<td align="right">拓展正常减半({{ isLocalSymbol() }})</td> <td align="right">拓展正常减半({{ isLocalSymbol() }})</td>
<td align="left">{{ item.expandNormalHalfOri | toThousandthAndKeepDecimal}}</td> <td align="left">
{{ item.expandNormalHalfOri | toThousandthAndKeepDecimal }}
</td>
</tr> </tr>
<tr v-if="menuList[4].checked == true &&allTxt.expandNormalRealOri"> <tr
v-if="
getColumnVisible('expandNormalRealOri') &&
allTxt.expandNormalRealOri
"
>
<td align="right">拓展实际减半({{ isLocalSymbol() }})</td> <td align="right">拓展实际减半({{ isLocalSymbol() }})</td>
<td align="left">{{ item.expandNormalRealOri | toThousandthAndKeepDecimal}}</td> <td align="left">
{{ item.expandNormalRealOri | toThousandthAndKeepDecimal }}
</td>
</tr> </tr>
<tr v-if="allTxt.pretaxIncomeOri"> <tr v-if="allTxt.pretaxIncomeOri">
<td align="right">税前收益({{ isLocalSymbol() }})</td> <td align="right">税前收益({{ isLocalSymbol() }})</td>
<td align="left">{{ item.pretaxIncomeOri }}</td> <td align="left">{{ item.pretaxIncomeOri }}</td>
</tr> </tr>
<tr>
<td align="right">重消收益({{ isLocalSymbol() }})</td>
<td align="left">{{ item.backPoints }}</td>
</tr>
<tr>
<td align="right">平台服务费({{ isLocalSymbol() }})</td>
<td align="left">{{ item.serviceSpend }}</td>
</tr>
<tr v-if="allTxt.realIncomeOri"> <tr v-if="allTxt.realIncomeOri">
<td align="right">实际收益({{ isLocalSymbol() }})</td> <td align="right">实际收益({{ isLocalSymbol() }})</td>
<td align="left">{{ item.realIncomeOri | toThousandthAndKeepDecimal}}</td> <td align="left">
{{ item.realIncomeOri | toThousandthAndKeepDecimal }}
</td>
</tr> </tr>
<tr v-if="allTxt.bonusName"> <tr v-if="allTxt.bonusName">
<td align="right">收益类型</td> <td align="right">收益类型</td>
@ -160,225 +194,219 @@
</table> </table>
</view> </view>
<!-- 侧边弹框 --> <!-- 侧边弹框 -->
<u-popup :show="isFont" <u-popup :show="isFont" mode="right" @close="isFont = false">
mode="right"
@close="isFont=false">
<view class="che"> <view class="che">
<u-checkbox-group v-model="selectAll" <u-checkbox-group
v-model="selectAll"
@change="getAll" @change="getAll"
placement="column" placement="column"
activeColor="#ED1D25"> activeColor="#ED1D25"
<u-checkbox :customStyle="{marginBottom: '8px'}" >
<u-checkbox
:customStyle="{ marginBottom: '8px' }"
v-for="(item, index) in allList" v-for="(item, index) in allList"
:key="index" :key="index"
:label="item.text" :label="item.text"
:name="item.id"> :name="item.id"
>
</u-checkbox> </u-checkbox>
</u-checkbox-group> </u-checkbox-group>
<u-checkbox-group v-model="selected" <u-checkbox-group
v-model="selected"
@change="getMenu" @change="getMenu"
placement="column" placement="column"
activeColor="#ED1D25"> activeColor="#ED1D25"
<u-checkbox :customStyle="{marginBottom: '8px'}" >
<u-checkbox
:customStyle="{ marginBottom: '8px' }"
v-for="(item, index) in menuList" v-for="(item, index) in menuList"
:key="index" :key="index"
v-show="index != 0" v-show="index != 0"
:label="item.text" :label="item.text"
:name="item.id"> :name="item.id"
>
</u-checkbox> </u-checkbox>
</u-checkbox-group> </u-checkbox-group>
</view> </view>
</u-popup> </u-popup>
<!-- 顶部搜索 --> <!-- 顶部搜索 -->
<u-popup :show="isTop" <u-popup :show="isTop" mode="top" @close="isTop = false">
mode="top"
@close="isTop=false">
<view class="tt"> <view class="tt">
<u--form labelPosition="left" <u--form
labelPosition="left"
labelWidth="auto" labelWidth="auto"
:model="select" :model="select"
ref="uForm"> ref="uForm"
>
<u-row gutter="10"> <u-row gutter="10">
<u-col span="6"> <u-col span="6">
<u-form-item :label="'订单编号'"> <u-form-item :label="'订单编号'">
<u--input fontSize="12" <u--input fontSize="12" v-model="select.orderCode"></u--input>
v-model="select.orderCode"></u--input>
</u-form-item> </u-form-item>
</u-col> </u-col>
<u-col span="6"> <u-col span="6">
<u-form-item :label="'来源编号'"> <u-form-item :label="'来源编号'">
<u--input fontSize="12" <u--input
v-model="select.sourceMemberCode"></u--input> fontSize="12"
v-model="select.sourceMemberCode"
></u--input>
</u-form-item> </u-form-item>
</u-col> </u-col>
</u-row> </u-row>
<u-row gutter="10"> <u-row gutter="10">
<u-col span="6"> <u-col span="6">
<u-form-item :label="'来源姓名'"> <u-form-item :label="'来源姓名'">
<u--input fontSize="12" <u--input
v-model="select.sourceMemberName"></u--input> fontSize="12"
v-model="select.sourceMemberName"
></u--input>
</u-form-item> </u-form-item>
</u-col> </u-col>
<u-col span="6"> <u-col span="6">
<u-form-item :label="'收益编号'"> <u-form-item :label="'收益编号'">
<u--input fontSize="12" <u--input fontSize="12" v-model="select.memberCode"></u--input>
v-model="select.memberCode"></u--input>
</u-form-item> </u-form-item>
</u-col> </u-col>
</u-row> </u-row>
<u-row gutter="10"> <u-row gutter="10">
<u-col span="6"> <u-col span="6">
<u-form-item :label="'收益姓名'"> <u-form-item :label="'收益姓名'">
<u--input fontSize="12" <u--input fontSize="12" v-model="select.memberName"></u--input>
v-model="select.memberName"></u--input>
</u-form-item> </u-form-item>
</u-col> </u-col>
<u-col span="6"> <u-col span="6">
<u-form-item :label="'订单类型'"> <u-form-item :label="'订单类型'">
<picker :range="orderTypeList" <picker
:range="orderTypeList"
range-key="label" range-key="label"
@change="bindPickerChange2"> @change="bindPickerChange2"
<u--input disabled >
<u--input
disabled
fontSize="12" fontSize="12"
disabledColor="#ffffff" disabledColor="#ffffff"
v-model="select.orderTypeVal" v-model="select.orderTypeVal"
suffixIcon="arrow-down" suffixIcon="arrow-down"
suffixIconStyle="font-size: 12px;"></u--input> suffixIconStyle="font-size: 12px;"
></u--input>
</picker> </picker>
</u-form-item> </u-form-item>
</u-col> </u-col>
</u-row> </u-row>
<u-row gutter="10"> <u-row gutter="10">
<u-col span="6"> <u-col span="6">
<u-form-item :label="'收益类型'"> <u-form-item :label="'收益类型'">
<picker :range="yieldList" <picker
:range="yieldList"
range-key="bonusName" range-key="bonusName"
@change="bindPickerChange1"> @change="bindPickerChange1"
<u--input disabled >
<u--input
disabled
fontSize="12" fontSize="12"
disabledColor="#ffffff" disabledColor="#ffffff"
v-model="select.pkBonusItemsVal" v-model="select.pkBonusItemsVal"
suffixIcon="arrow-down" suffixIcon="arrow-down"
suffixIconStyle="font-size: 12px;"></u--input> suffixIconStyle="font-size: 12px;"
></u--input>
</picker> </picker>
</u-form-item> </u-form-item>
</u-col> </u-col>
<u-col span="6"> <u-col span="6">
<u-form-item :label="'收益状态'"> <u-form-item :label="'收益状态'">
<picker :range="yieldStatus" <picker
:range="yieldStatus"
range-key="label" range-key="label"
@change="bindPickerChange3"> @change="bindPickerChange3"
<u--input disabled >
<u--input
disabled
fontSize="12" fontSize="12"
disabledColor="#ffffff" disabledColor="#ffffff"
v-model="select.incomeStatusVal" v-model="select.incomeStatusVal"
suffixIcon="arrow-down" suffixIcon="arrow-down"
suffixIconStyle="font-size: 12px;"></u--input> suffixIconStyle="font-size: 12px;"
></u--input>
</picker> </picker>
</u-form-item> </u-form-item>
</u-col> </u-col>
</u-row> </u-row>
<u-row gutter="10">
<u-col span="6">
<u-form-item :label="'来源国家'">
<picker :range="countryList"
range-key="name"
@change="bindPickerChange4">
<u--input disabled
fontSize="12"
disabledColor="#ffffff"
v-model="select.sourceCountryVal"
suffixIcon="arrow-down"
suffixIconStyle="font-size: 12px;"></u--input>
</picker>
</u-form-item>
</u-col>
<u-col span="6">
<u-form-item :label="'结算国家'">
<picker :range="countryList"
range-key="name"
@change="bindPickerChange5">
<u--input disabled
fontSize="12"
disabledColor="#ffffff"
v-model="select.settleCountryVal"
suffixIcon="arrow-down"
suffixIconStyle="font-size: 12px;"></u--input>
</picker>
</u-form-item>
</u-col>
</u-row>
<u-row gutter="10"> <u-row gutter="10">
<u-col span="6"> <u-col span="6">
<u-form-item :label="'隶属体系'"> <u-form-item :label="'隶属体系'">
<picker :range="vertexList" <picker
:range="vertexList"
range-key="vertexName" range-key="vertexName"
@change="bindPickerChange6"> @change="bindPickerChange6"
<u--input disabled >
<u--input
disabled
fontSize="12" fontSize="12"
disabledColor="#ffffff" disabledColor="#ffffff"
v-model="select.pkVertexVal" v-model="select.pkVertexVal"
suffixIcon="arrow-down" suffixIcon="arrow-down"
suffixIconStyle="font-size: 12px;"></u--input> suffixIconStyle="font-size: 12px;"
></u--input>
</picker> </picker>
</u-form-item> </u-form-item>
</u-col> </u-col>
<u-col span="6"> <u-col span="6">
<u-form-item :label="'隶属团队'"> <u-form-item :label="'隶属团队'">
<picker :range="memberteamList" <picker
:range="memberteamList"
range-key="teamName" range-key="teamName"
@change="bindPickerChange7"> @change="bindPickerChange7"
<u--input disabled >
<u--input
disabled
fontSize="12" fontSize="12"
disabledColor="#ffffff" disabledColor="#ffffff"
v-model="select.pkTeamCodeVal" v-model="select.pkTeamCodeVal"
suffixIcon="arrow-down" suffixIcon="arrow-down"
suffixIconStyle="font-size: 12px;"></u--input> suffixIconStyle="font-size: 12px;"
></u--input>
</picker> </picker>
</u-form-item> </u-form-item>
</u-col> </u-col>
</u-row> </u-row>
<u-row gutter="10"> <u-row gutter="10">
<u-col span="6"> <u-col span="6">
<u-form-item :label="'结算期数'"> <u-form-item :label="'结算期数'">
<u--input fontSize="12" <u--input fontSize="12" v-model="select.period"></u--input>
v-model="select.period"></u--input>
</u-form-item> </u-form-item>
</u-col> </u-col>
</u-row> </u-row>
<u-row gutter="10"> <u-row gutter="10"> </u-row>
</u-row>
<u-row gutter="10"> <u-row gutter="10">
<u-col span="12"> <u-col span="12">
<u-form-item :label="'结算日期'" <u-form-item :label="'结算日期'" @click="isData = true">
@click="isData=true"> <u--input
<u--input disabled disabled
fontSize="12" fontSize="12"
disabledColor="#ffffff" disabledColor="#ffffff"
v-model="select.creationTime" v-model="select.creationTime"
suffixIcon="arrow-down" suffixIcon="arrow-down"
suffixIconStyle="font-size: 12px;"></u--input> suffixIconStyle="font-size: 12px;"
></u--input>
</u-form-item> </u-form-item>
</u-col> </u-col>
</u-row> </u-row>
</u--form> </u--form>
<view class="footer"> <view class="footer">
<u-button @click="getList1" <u-button
@click="getList1"
color="#C8161D" color="#C8161D"
text="搜索" text="搜索"
class="btnn"></u-button> class="btnn"
<u-button @click="reset" ></u-button>
text="重置"></u-button> <u-button @click="reset" text="重置"></u-button>
</view> </view>
</view> </view>
</u-popup> </u-popup>
<u-calendar @close="isData = false" <u-calendar
@close="isData = false"
:closeOnClickOverlay="true" :closeOnClickOverlay="true"
:show="isData" :show="isData"
:allowSameDay="true" :allowSameDay="true"
@ -386,20 +414,23 @@
:maxDate="calendar.maxDate" :maxDate="calendar.maxDate"
:minDate="calendar.minDate" :minDate="calendar.minDate"
:monthNum="calendar.monthNum" :monthNum="calendar.monthNum"
@confirm="confirm"></u-calendar> @confirm="confirm"
></u-calendar>
<!-- 悬浮球 --> <!-- 悬浮球 -->
<drag-button /> <drag-button />
<export-ball ref="exportBall" <export-ball
ref="exportBall"
v-hasButtons="['sourceBonusExport']" v-hasButtons="['sourceBonusExport']"
@handleExport="handleExport" /> @handleExport="handleExport"
/>
</view> </view>
</template> </template>
<script> <script>
import * as api from '@/api/settle' import * as api from '@/api/settle';
import * as infor from '@/api/information' import * as infor from '@/api/information';
import { isLocals, isLocalSymbol } from '@/util/numberToCurrency' import { isLocals, isLocalSymbol } from '@/util/numberToCurrency';
export default { export default {
data() { data() {
return { return {
@ -452,30 +483,14 @@ export default {
checked: true, checked: true,
prop: 'expanndNormalReal', prop: 'expanndNormalReal',
}, },
{
id: 5,
text: '拓展无封' + '($)',
checked: true,
prop: 'expandNoCappingDollar',
},
{ {
id: 6, id: 6,
text: '拓展封顶' + `(${isLocals()})`, text: '拓展封顶' + `(${isLocals()})`,
checked: true, checked: true,
prop: 'expandCappingDollar', prop: 'expandCappingDollar',
}, },
{
id: 7,
text: '拓展正常减半' + '($)',
checked: true,
prop: 'expandNormalHalfDollar',
},
{
id: 8,
text: '拓展实际减半' + '($)',
checked: true,
prop: 'expanndNormalRealDollar',
},
{ {
id: 9, id: 9,
text: '直推轮数', text: '直推轮数',
@ -530,232 +545,239 @@ export default {
yieldList: [], yieldList: [],
yieldStatus: [], yieldStatus: [],
countryList: [], countryList: [],
} };
}, },
onLoad(options) { onLoad(options) {
// //
this.getMemberList() this.getMemberList();
// //
this.getUserRole() this.getUserRole();
// //
this.getData() this.getData();
this.chooseTimed() this.chooseTimed();
this.getAll([0]) this.getAll([0]);
this.todayData = Date.now() this.todayData = Date.now();
this.minDate = Number(new Date('1950-01-01')) this.minDate = Number(new Date('1950-01-01'));
}, },
methods: { methods: {
getColumnVisible(column) {
return this.menuList.find((item) => item.prop === column)?.checked;
},
isLocalSymbol, isLocalSymbol,
isLocals, isLocals,
// //
chooseTimed() { chooseTimed() {
let date = new Date() const date = new Date();
let year = date.getFullYear() const year = date.getFullYear();
let month = date.getMonth() + 1 let month = date.getMonth() + 1;
let day = date.getDate() let day = date.getDate();
if (month <= 9) { if (month <= 9) {
month = '0' + month month = '0' + month;
} }
if (day <= 9) { if (day <= 9) {
day = '0' + day day = '0' + day;
} }
let minyear = year - 1 const minyear = year - 1;
let maxyear = year + 1 const maxyear = year + 1;
this.calendar.minDate = minyear + '-' + month + '-' + day this.calendar.minDate = minyear + '-' + month + '-' + day;
this.calendar.maxDate = maxyear + '-' + month + '-' + day this.calendar.maxDate = maxyear + '-' + month + '-' + day;
}, },
getData() { getData() {
// //
infor.getvertexValue().then((res) => { infor.getvertexValue().then((res) => {
this.vertexList = res.data this.vertexList = res.data;
}) });
// //
infor.getmemberTeamList().then((res) => { infor.getmemberTeamList().then((res) => {
this.memberteamList = res.rows this.memberteamList = res.rows;
}) });
// //
api.getYieldType().then((res) => { api.getYieldType().then((res) => {
this.yieldList = res.rows this.yieldList = res.rows;
}) });
// //
api.getYieldStatus().then((res) => { api.getYieldStatus().then((res) => {
this.yieldStatus = res.data this.yieldStatus = res.data;
}) });
// //
api.getOrderType().then((res) => { api.getOrderType().then((res) => {
this.orderTypeList = res.data this.orderTypeList = res.data;
}) });
// //
api.getcountryAllList().then((res) => { api.getcountryAllList().then((res) => {
this.countryList = res.data this.countryList = res.data;
}) });
}, },
// //
getAll(e) { getAll(e) {
if (e.length > 0) { if (e.length > 0) {
this.menuList.forEach((item) => { this.menuList.forEach((item) => {
this.$set(item, 'checked', true) this.$set(item, 'checked', true);
this.selected.push(item.id) this.selected.push(item.id);
}) });
} else { } else {
this.menuList.forEach((item) => { this.menuList.forEach((item) => {
this.$set(item, 'checked', false) this.$set(item, 'checked', false);
}) });
this.$set(this, 'selected', []) this.$set(this, 'selected', []);
} }
}, },
// //
getMenu(e) { getMenu(e) {
this.menuList.forEach((item) => { this.menuList.forEach((item) => {
this.$set(item, 'checked', false) this.$set(item, 'checked', false);
e.forEach((ctem) => { e.forEach((ctem) => {
if (item.id == ctem) { if (item.id == ctem) {
this.$set(item, 'checked', true) this.$set(item, 'checked', true);
} }
}) });
}) });
if (e.length == this.menuList.length) { if (e.length == this.menuList.length) {
this.$set(this, 'selectAll', [0]) this.$set(this, 'selectAll', [0]);
} else { } else {
this.$set(this, 'selectAll', []) this.$set(this, 'selectAll', []);
} }
}, },
getUserRole() { getUserRole() {
infor.getRoleMenu('sourceBonus').then((res) => { infor.getRoleMenu('sourceBonus').then((res) => {
let obj = {} const obj = {};
res.data.forEach((item) => { res.data.forEach((item) => {
obj[item] = 1 obj[item] = 1;
}) });
this.allTxt = obj this.allTxt = obj;
}) });
}, },
onReachBottom() { onReachBottom() {
this.queryParams.pageNum++ this.queryParams.pageNum++;
this.getMemberList() this.getMemberList();
}, },
// //
getMemberList() { getMemberList() {
api api
.bonusSource(Object.assign({}, this.queryParams, this.select)) .bonusSource(Object.assign({}, this.queryParams, this.select))
.then((res) => { .then((res) => {
this.total = res.total this.total = res.total;
this.tableData = this.tableData.concat(res.rows) this.tableData = this.tableData.concat(res.rows);
}) });
}, },
getList1() { getList1() {
this.tableData = [] this.tableData = [];
this.queryParams.pageNum = 1 this.queryParams.pageNum = 1;
this.isTop = false this.isTop = false;
this.getMemberList() this.getMemberList();
}, },
reset() { reset() {
this.select = {} this.select = {};
}, },
handleExport() { handleExport() {
let url = '/bonus/manage/bonus/export-bonus-source' const url = '/bonus/manage/bonus/export-bonus-source';
let obj = Object.assign({}, this.select, this.queryParams) const obj = Object.assign({}, this.select, this.queryParams);
this.$refs.exportBall.handleExport( this.$refs.exportBall.handleExport(
url, url,
obj, obj,
`${'奖金来源'}${new Date().getTime()}` `${'奖金来源'}${new Date().getTime()}`
) );
}, },
bindPickerChange1(e) { bindPickerChange1(e) {
this.$set( this.$set(
this.select, this.select,
'pkBonusItemsVal', 'pkBonusItemsVal',
this.yieldList[e.detail.value].bonusName this.yieldList[e.detail.value].bonusName
) );
this.$set( this.$set(
this.select, this.select,
'pkBonusItems', 'pkBonusItems',
this.yieldList[e.detail.value].pkId this.yieldList[e.detail.value].pkId
) );
}, },
bindPickerChange2(e) { bindPickerChange2(e) {
this.$set( this.$set(
this.select, this.select,
'orderTypeVal', 'orderTypeVal',
this.orderTypeList[e.detail.value].label this.orderTypeList[e.detail.value].label
) );
this.$set( this.$set(
this.select, this.select,
'orderType', 'orderType',
this.orderTypeList[e.detail.value].value this.orderTypeList[e.detail.value].value
) );
}, },
bindPickerChange3(e) { bindPickerChange3(e) {
this.$set( this.$set(
this.select, this.select,
'incomeStatusVal', 'incomeStatusVal',
this.yieldStatus[e.detail.value].label this.yieldStatus[e.detail.value].label
) );
this.$set( this.$set(
this.select, this.select,
'incomeStatus', 'incomeStatus',
this.yieldStatus[e.detail.value].value this.yieldStatus[e.detail.value].value
) );
}, },
bindPickerChange4(e) { bindPickerChange4(e) {
this.$set( this.$set(
this.select, this.select,
'sourceCountryVal', 'sourceCountryVal',
this.countryList[e.detail.value].name this.countryList[e.detail.value].name
) );
this.$set( this.$set(
this.select, this.select,
'sourceCountry', 'sourceCountry',
this.countryList[e.detail.value].pkId this.countryList[e.detail.value].pkId
) );
}, },
bindPickerChange5(e) { bindPickerChange5(e) {
this.$set( this.$set(
this.select, this.select,
'settleCountryVal', 'settleCountryVal',
this.countryList[e.detail.value].name this.countryList[e.detail.value].name
) );
this.$set( this.$set(
this.select, this.select,
'settleCountry', 'settleCountry',
this.countryList[e.detail.value].pkId this.countryList[e.detail.value].pkId
) );
}, },
bindPickerChange6(e) { bindPickerChange6(e) {
this.$set( this.$set(
this.select, this.select,
'pkVertexVal', 'pkVertexVal',
this.vertexList[e.detail.value].vertexName this.vertexList[e.detail.value].vertexName
) );
this.$set(this.select, 'pkVertex', this.vertexList[e.detail.value].pkId) this.$set(
this.select,
'pkVertex',
this.vertexList[e.detail.value].pkId
);
}, },
bindPickerChange7(e) { bindPickerChange7(e) {
this.$set( this.$set(
this.select, this.select,
'pkTeamCodeVal', 'pkTeamCodeVal',
this.memberteamList[e.detail.value].teamName this.memberteamList[e.detail.value].teamName
) );
this.$set( this.$set(
this.select, this.select,
'pkTeamCode', 'pkTeamCode',
this.memberteamList[e.detail.value].pkId this.memberteamList[e.detail.value].pkId
) );
}, },
confirm(e) { confirm(e) {
this.$set(this.select, 'startDate', e[0]) this.$set(this.select, 'startDate', e[0]);
this.$set(this.select, 'endDate', e[e.length - 1]) this.$set(this.select, 'endDate', e[e.length - 1]);
this.$set(this.select, 'creationTime', e[0] + ' 至 ' + e[e.length - 1]) this.$set(this.select, 'creationTime', e[0] + ' 至 ' + e[e.length - 1]);
this.isData = false this.isData = false;
}, },
addressData(diqu, obj) { addressData(diqu, obj) {
this.select.diqu = diqu this.select.diqu = diqu;
this.select.recProvince = obj.province this.select.recProvince = obj.province;
this.select.recCity = obj.city this.select.recCity = obj.city;
this.select.recCounty = obj.county this.select.recCounty = obj.county;
this.$forceUpdate() this.$forceUpdate();
}, },
}, },
} };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

View File

@ -2,61 +2,75 @@
<view class="content"> <view class="content">
<view class="header_a"> <view class="header_a">
<view class="header"> <view class="header">
<img @click="isTop=true" <img @click="isTop = true" src="@/assets/images/search.png" alt="" />
src="@/assets/images/search.png"
alt="">
</view> </view>
</view> </view>
<view class="zhan"></view> <view class="zhan"></view>
<view class="kuang" <view class="kuang" v-for="(item, index) in tableData" :key="index">
v-for="(item,index) in tableData" <table class="tftable" border="1">
:key="index">
<table class="tftable"
border="1">
<tr v-if="allTxt.period"> <tr v-if="allTxt.period">
<td align="right">{{ '结算期数' }}</td> <td align="right">{{ '结算期数' }}</td>
<td align="left">{{ item.period }}</td> <td align="left">{{ item.period }}</td>
</tr> </tr>
<tr v-if="allTxt.directIncomeOri"> <tr v-if="allTxt.directIncomeOri">
<td align="right">{{ '直推收益' }}({{ isLocalSymbol() }})</td> <td align="right">{{ '直推收益' }}({{ isLocalSymbol() }})</td>
<td align="left">{{ item.directIncomeOri | toThousandthAndKeepDecimal}}</td> <td align="left">
{{ item.directIncomeOri | toThousandthAndKeepDecimal }}
</td>
</tr> </tr>
<tr v-if="allTxt.expandIncomeOri"> <tr v-if="allTxt.expandIncomeOri">
<td align="right">{{ '拓展收益' }}({{ isLocalSymbol() }})</td> <td align="right">{{ '拓展收益' }}({{ isLocalSymbol() }})</td>
<td align="left">{{ item.expandIncomeOri | toThousandthAndKeepDecimal}}</td> <td align="left">
{{ item.expandIncomeOri | toThousandthAndKeepDecimal }}
</td>
</tr> </tr>
<tr v-if="allTxt.coachIncomeOri"> <tr v-if="allTxt.coachIncomeOri">
<td align="right">{{ '辅导收益' }}({{ isLocalSymbol() }})</td> <td align="right">{{ '辅导收益' }}({{ isLocalSymbol() }})</td>
<td align="left">{{ item.coachIncomeOri | toThousandthAndKeepDecimal}}</td> <td align="left">
{{ item.coachIncomeOri | toThousandthAndKeepDecimal }}
</td>
</tr> </tr>
<tr v-if="allTxt.shareIncomeOri"> <tr v-if="allTxt.shareIncomeOri">
<td align="right">{{ '分红收益' }}({{ isLocalSymbol() }})</td> <td align="right">{{ '分红收益' }}({{ isLocalSymbol() }})</td>
<td align="left">{{ item.shareIncomeOri | toThousandthAndKeepDecimal}}</td> <td align="left">
{{ item.shareIncomeOri | toThousandthAndKeepDecimal }}
</td>
</tr> </tr>
<tr v-if="allTxt.serviceIncomeOri"> <tr v-if="allTxt.serviceIncomeOri">
<td align="right">{{ '报单收益' }}({{ isLocalSymbol() }})</td> <td align="right">{{ '报单收益' }}({{ isLocalSymbol() }})</td>
<td align="left">{{ item.serviceIncomeOri | toThousandthAndKeepDecimal}}</td> <td align="left">
{{ item.serviceIncomeOri | toThousandthAndKeepDecimal }}
</td>
</tr> </tr>
<tr v-if="allTxt.repurPushIncomeOri"> <tr v-if="allTxt.repurPushIncomeOri">
<td align="right">{{ '复购推荐收益' }}</td> <td align="right">{{ '复购推荐收益' }}</td>
<td align="left">{{ item.repurPushIncomeOri | toThousandthAndKeepDecimal}}</td> <td align="left">
{{ item.repurPushIncomeOri | toThousandthAndKeepDecimal }}
</td>
</tr> </tr>
<tr v-if="allTxt.repurRangeIncomeOri"> <tr v-if="allTxt.repurRangeIncomeOri">
<td align="right">{{ '复购级差收益' }}({{ isLocalSymbol() }})</td> <td align="right">{{ '复购级差收益' }}({{ isLocalSymbol() }})</td>
<td align="left">{{ item.repurRangeIncomeOri | toThousandthAndKeepDecimal}}</td> <td align="left">
{{ item.repurRangeIncomeOri | toThousandthAndKeepDecimal }}
</td>
</tr> </tr>
<tr v-if="allTxt.repurExpandIncomeOri"> <tr v-if="allTxt.repurExpandIncomeOri">
<td align="right">{{ '复购拓展收益' }}({{ isLocalSymbol() }})</td> <td align="right">{{ '复购拓展收益' }}({{ isLocalSymbol() }})</td>
<td align="left">{{ item.repurExpandIncomeOri | toThousandthAndKeepDecimal}}</td> <td align="left">
{{ item.repurExpandIncomeOri | toThousandthAndKeepDecimal }}
</td>
</tr> </tr>
<tr v-if="allTxt.repurCoachIncome"> <tr v-if="allTxt.repurCoachIncome">
<td align="right">{{ '复购辅导收益' }}({{ isLocalSymbol() }})</td> <td align="right">{{ '复购辅导收益' }}({{ isLocalSymbol() }})</td>
<td align="left">{{ item.repurCoachIncome | toThousandthAndKeepDecimal}}</td> <td align="left">
{{ item.repurCoachIncome | toThousandthAndKeepDecimal }}
</td>
</tr> </tr>
<tr v-if="allTxt.repurCouponOri"> <tr v-if="allTxt.repurCouponOri">
<td align="right">{{ '复购券' }}({{ isLocalSymbol() }})</td> <td align="right">{{ '复购券' }}({{ isLocalSymbol() }})</td>
<td align="left">{{ item.repurCouponOri | toThousandthAndKeepDecimal}}</td> <td align="left">
{{ item.repurCouponOri | toThousandthAndKeepDecimal }}
</td>
</tr> </tr>
<tr v-if="allTxt.repurCouponShareOri"> <tr v-if="allTxt.repurCouponShareOri">
@ -64,43 +78,58 @@
<td align="left">{{ item.repurCouponShareOri }}</td> <td align="left">{{ item.repurCouponShareOri }}</td>
</tr> </tr>
<tr v-if="allTxt.backPointsOri"> <tr v-if="allTxt.backPointsOri">
<td align="right">{{ '商城重消' }}({{ isLocalSymbol() }})</td> <td align="right">{{ '商城重消' }}({{ isLocalSymbol() }})</td>
<td align="left">{{ item.backPointsOri | toThousandthAndKeepDecimal}}</td> <td align="left">
{{ item.backPointsOri | toThousandthAndKeepDecimal }}
</td>
</tr> </tr>
<tr v-if="allTxt.serviceSpendOri"> <tr v-if="allTxt.serviceSpendOri">
<td align="right">{{ '平台服务费' }}({{ isLocalSymbol() }})</td> <td align="right">{{ '平台服务费' }}({{ isLocalSymbol() }})</td>
<td align="left">{{ item.serviceSpendOri | toThousandthAndKeepDecimal}}</td> <td align="left">
{{ item.serviceSpendOri | toThousandthAndKeepDecimal }}
</td>
</tr>
<tr>
<td align="right">直推级差({{ isLocalSymbol() }})</td>
<td align="left">
{{ item.globalPointsOri | toThousandthAndKeepDecimal }}
</td>
</tr> </tr>
<tr v-if="allTxt.carAwardPointsOri"> <tr v-if="allTxt.carAwardPointsOri">
<td align="right">{{ '车奖积分' }}</td> <td align="right">{{ '车奖积分' }}</td>
<td align="left">{{ item.carAwardPointsOri | toThousandthAndKeepDecimal}}</td> <td align="left">
{{ item.carAwardPointsOri | toThousandthAndKeepDecimal }}
</td>
</tr> </tr>
<tr v-if="allTxt.purRealSubtotalOri"> <tr v-if="allTxt.purRealSubtotalOri">
<td align="right">{{ '首购实发小计' }}({{ isLocalSymbol() }})</td> <td align="right">{{ '首购实发小计' }}({{ isLocalSymbol() }})</td>
<td align="left">{{ item.purRealSubtotalOri | toThousandthAndKeepDecimal}}</td> <td align="left">
{{ item.purRealSubtotalOri | toThousandthAndKeepDecimal }}
</td>
</tr> </tr>
<tr v-if="allTxt.repurRealSubtotalOri"> <tr v-if="allTxt.repurRealSubtotalOri">
<td align="right">{{ '复购实发小计' }}({{ isLocalSymbol() }})</td> <td align="right">{{ '复购实发小计' }}({{ isLocalSymbol() }})</td>
<td align="left">{{ item.repurRealSubtotalOri | toThousandthAndKeepDecimal}}</td> <td align="left">
{{ item.repurRealSubtotalOri | toThousandthAndKeepDecimal }}
</td>
</tr> </tr>
<tr v-if="allTxt.repurCouponSubtotalOri"> <tr v-if="allTxt.repurCouponSubtotalOri">
<td align="right">{{ '复购券实发小计' }}({{ isLocalSymbol() }})</td> <td align="right">{{ '复购券实发小计' }}({{ isLocalSymbol() }})</td>
<td align="left">{{ item.repurCouponSubtotalOri | toThousandthAndKeepDecimal}}</td> <td align="left">
{{ item.repurCouponSubtotalOri | toThousandthAndKeepDecimal }}
</td>
</tr> </tr>
<tr v-if="allTxt.realIncomeTotalOri"> <tr v-if="allTxt.realIncomeTotalOri">
<td align="right">{{ '实发收益总计' }}({{ isLocalSymbol() }})</td> <td align="right">{{ '实发收益总计' }}({{ isLocalSymbol() }})</td>
<td align="left">{{ item.realIncomeTotalOri | toThousandthAndKeepDecimal}}</td> <td align="left">
{{ item.realIncomeTotalOri | toThousandthAndKeepDecimal }}
</td>
</tr> </tr>
<tr v-if="allTxt.settleDate"> <tr v-if="allTxt.settleDate">
<td align="right">{{ '结算时间' }}</td> <td align="right">{{ '结算时间' }}</td>
@ -112,98 +141,114 @@
</tr> --> </tr> -->
</table> </table>
<view class="table_f"> <view class="table_f">
<u-button @click="bonusTap(item)" <u-button
@click="bonusTap(item)"
size="small" size="small"
color="#E70DEC" color="#E70DEC"
:text="'奖金明细'"></u-button> :text="'奖金明细'"
></u-button>
</view> </view>
</view> </view>
<u-popup :show="isTop" <u-popup :show="isTop" mode="top" @close="isTop = false">
mode="top"
@close="isTop=false">
<view class="tt"> <view class="tt">
<u--form labelPosition="left" <u--form
labelPosition="left"
labelWidth="auto" labelWidth="auto"
:model="select" :model="select"
ref="uForm"> ref="uForm"
>
<u-row gutter="10"> <u-row gutter="10">
<u-col span="6"> <u-col span="6">
<u-form-item :label="'结算期数'"> <u-form-item :label="'结算期数'">
<u--input fontSize="12" <u--input fontSize="12" v-model="select.period"></u--input>
v-model="select.period"></u--input>
</u-form-item> </u-form-item>
</u-col> </u-col>
<u-col span="6"> <u-col span="6">
<u-form-item :label="'币种展示'"> <u-form-item :label="'币种展示'">
<picker :range="acList" <picker
:range="acList"
range-key="label" range-key="label"
@change="bindPickerChange1"> @change="bindPickerChange1"
<u--input disabled >
<u--input
disabled
fontSize="12" fontSize="12"
disabledColor="#ffffff" disabledColor="#ffffff"
v-model="select.pkCurrencyVal" v-model="select.pkCurrencyVal"
suffixIcon="arrow-down" suffixIcon="arrow-down"
suffixIconStyle="font-size: 12px;"></u--input> suffixIconStyle="font-size: 12px;"
></u--input>
</picker> </picker>
</u-form-item> </u-form-item>
</u-col> </u-col>
</u-row> </u-row>
<u-row gutter="10"> <u-row gutter="10">
<u-col span="12"> <u-col span="12">
<u-form-item :label="'操作日期'" <u-form-item :label="'操作日期'" @click="isData = true">
@click="isData=true"> <u--input
<u--input disabled disabled
fontSize="12" fontSize="12"
disabledColor="#ffffff" disabledColor="#ffffff"
v-model="select.operationTimeVal" v-model="select.operationTimeVal"
suffixIcon="arrow-down" suffixIcon="arrow-down"
suffixIconStyle="font-size: 12px;"></u--input> suffixIconStyle="font-size: 12px;"
></u--input>
</u-form-item> </u-form-item>
</u-col> </u-col>
</u-row> </u-row>
<u-row gutter="10"> <u-row gutter="10">
<u-col span="6"> <u-col span="6">
<u-form-item :label="'隶属体系'"> <u-form-item :label="'隶属体系'">
<picker :range="vertexList" <picker
:range="vertexList"
range-key="vertexName" range-key="vertexName"
@change="bindPickerChange4"> @change="bindPickerChange4"
<u--input disabled >
<u--input
disabled
fontSize="12" fontSize="12"
disabledColor="#ffffff" disabledColor="#ffffff"
v-model="select.vertexIdVal" v-model="select.vertexIdVal"
suffixIcon="arrow-down" suffixIcon="arrow-down"
suffixIconStyle="font-size: 12px;"></u--input> suffixIconStyle="font-size: 12px;"
></u--input>
</picker> </picker>
</u-form-item> </u-form-item>
</u-col> </u-col>
<u-col span="6"> <u-col span="6">
<u-form-item :label="'隶属团队'"> <u-form-item :label="'隶属团队'">
<picker :range="memberteamList" <picker
:range="memberteamList"
range-key="teamName" range-key="teamName"
@change="bindPickerChange5"> @change="bindPickerChange5"
<u--input disabled >
<u--input
disabled
fontSize="12" fontSize="12"
disabledColor="#ffffff" disabledColor="#ffffff"
v-model="select.teamIdVal" v-model="select.teamIdVal"
suffixIcon="arrow-down" suffixIcon="arrow-down"
suffixIconStyle="font-size: 12px;"></u--input> suffixIconStyle="font-size: 12px;"
></u--input>
</picker> </picker>
</u-form-item> </u-form-item>
</u-col> </u-col>
</u-row> </u-row>
</u--form> </u--form>
<view class="footer"> <view class="footer">
<u-button @click="getList1" <u-button
@click="getList1"
color="#C8161D" color="#C8161D"
text="搜索" text="搜索"
class="btnn"></u-button> class="btnn"
<u-button @click="reset" ></u-button>
text="重置"></u-button> <u-button @click="reset" text="重置"></u-button>
</view> </view>
</view> </view>
</u-popup> </u-popup>
<u-calendar @close="isData = false" <u-calendar
@close="isData = false"
:closeOnClickOverlay="true" :closeOnClickOverlay="true"
:show="isData" :show="isData"
:allowSameDay="true" :allowSameDay="true"
@ -211,20 +256,23 @@
:maxDate="calendar.maxDate" :maxDate="calendar.maxDate"
:minDate="calendar.minDate" :minDate="calendar.minDate"
:monthNum="calendar.monthNum" :monthNum="calendar.monthNum"
@confirm="confirm"></u-calendar> @confirm="confirm"
></u-calendar>
<!-- 悬浮球 --> <!-- 悬浮球 -->
<drag-button /> <drag-button />
<export-ball ref="exportBall" <export-ball
ref="exportBall"
v-hasButtons="['totalBonusExport']" v-hasButtons="['totalBonusExport']"
@handleExport="handleExport" /> @handleExport="handleExport"
/>
</view> </view>
</template> </template>
<script> <script>
import * as api from '@/api/settle' import * as api from '@/api/settle';
import * as infor from '@/api/information' import * as infor from '@/api/information';
import { isLocals, isLocalSymbol } from '@/util/numberToCurrency' import { isLocals, isLocalSymbol } from '@/util/numberToCurrency';
export default { export default {
data() { data() {
return { return {
@ -260,136 +308,144 @@ export default {
todayData: '', todayData: '',
acList: [], acList: [],
verList: [], verList: [],
} };
}, },
onLoad(options) { onLoad(options) {
// //
this.getMemberList() this.getMemberList();
// //
this.getUserRole() this.getUserRole();
// //
this.getData() this.getData();
this.chooseTimed() this.chooseTimed();
this.todayData = Date.now() this.todayData = Date.now();
this.minDate = Number(new Date('1950-01-01')) this.minDate = Number(new Date('1950-01-01'));
}, },
methods: { methods: {
isLocalSymbol, isLocalSymbol,
isLocals, isLocals,
// //
chooseTimed() { chooseTimed() {
let date = new Date() const date = new Date();
let year = date.getFullYear() const year = date.getFullYear();
let month = date.getMonth() + 1 let month = date.getMonth() + 1;
let day = date.getDate() let day = date.getDate();
if (month <= 9) { if (month <= 9) {
month = '0' + month month = '0' + month;
} }
if (day <= 9) { if (day <= 9) {
day = '0' + day day = '0' + day;
} }
let minyear = year - 1 const minyear = year - 1;
let maxyear = year + 1 const maxyear = year + 1;
this.calendar.minDate = minyear + '-' + month + '-' + day this.calendar.minDate = minyear + '-' + month + '-' + day;
this.calendar.maxDate = maxyear + '-' + month + '-' + day this.calendar.maxDate = maxyear + '-' + month + '-' + day;
}, },
getData() { getData() {
api.accountList().then((res) => { api.accountList().then((res) => {
this.acList = res.data this.acList = res.data;
}) });
// //
infor.getvertexValue().then((res) => { infor.getvertexValue().then((res) => {
this.vertexList = res.data this.vertexList = res.data;
}) });
// //
infor.getmemberTeamList().then((res) => { infor.getmemberTeamList().then((res) => {
this.memberteamList = res.rows this.memberteamList = res.rows;
}) });
}, },
bonusTap(item) { bonusTap(item) {
uni.setStorageSync('name', 'BonusDetail') uni.setStorageSync('name', 'BonusDetail');
uni.redirectTo({ uni.redirectTo({
url: url:
'/pages/settlementCenter/bonusDetail?settleDate=' + item.settleDate, '/pages/settlementCenter/bonusDetail?settleDate=' + item.settleDate,
}) });
}, },
getUserRole() { getUserRole() {
infor.getRoleMenu('totalBonus').then((res) => { infor.getRoleMenu('totalBonus').then((res) => {
let obj = {} const obj = {};
res.data.forEach((item) => { res.data.forEach((item) => {
obj[item] = 1 obj[item] = 1;
}) });
this.allTxt = obj this.allTxt = obj;
}) });
}, },
onReachBottom() { onReachBottom() {
this.queryParams.pageNum++ this.queryParams.pageNum++;
this.getMemberList() this.getMemberList();
}, },
// //
getMemberList() { getMemberList() {
api api
.queryBonusTotal(Object.assign({}, this.queryParams, this.select)) .queryBonusTotal(Object.assign({}, this.queryParams, this.select))
.then((res) => { .then((res) => {
this.total = res.total this.total = res.total;
this.tableData = this.tableData.concat(res.rows) this.tableData = this.tableData.concat(res.rows);
}) });
}, },
getList1() { getList1() {
this.tableData = [] this.tableData = [];
this.queryParams.pageNum = 1 this.queryParams.pageNum = 1;
this.isTop = false this.isTop = false;
this.getMemberList() this.getMemberList();
}, },
reset() { reset() {
this.select = {} this.select = {};
}, },
handleExport() { handleExport() {
let url = '/bonus/manage/bonus/export-bonus-total' const url = '/bonus/manage/bonus/export-bonus-total';
let obj = Object.assign({}, this.select, this.queryParams) const obj = Object.assign({}, this.select, this.queryParams);
this.$refs.exportBall.handleExport( this.$refs.exportBall.handleExport(
url, url,
obj, obj,
`${'奖金汇总'}-${new Date().getTime()}` `${'奖金汇总'}-${new Date().getTime()}`
) );
}, },
bindPickerChange1(e) { bindPickerChange1(e) {
this.$set(this.select, 'pkCurrencyVal', this.acList[e.detail.value].label) this.$set(
this.$set(this.select, 'pkCurrency', this.acList[e.detail.value].value) this.select,
'pkCurrencyVal',
this.acList[e.detail.value].label
);
this.$set(this.select, 'pkCurrency', this.acList[e.detail.value].value);
}, },
bindPickerChange4(e) { bindPickerChange4(e) {
this.$set( this.$set(
this.select, this.select,
'vertexIdVal', 'vertexIdVal',
this.vertexList[e.detail.value].vertexName this.vertexList[e.detail.value].vertexName
) );
this.$set(this.select, 'pkVertex', this.vertexList[e.detail.value].pkId) this.$set(
this.select,
'pkVertex',
this.vertexList[e.detail.value].pkId
);
}, },
bindPickerChange5(e) { bindPickerChange5(e) {
this.$set( this.$set(
this.select, this.select,
'teamIdVal', 'teamIdVal',
this.memberteamList[e.detail.value].teamName this.memberteamList[e.detail.value].teamName
) );
this.$set( this.$set(
this.select, this.select,
'pkTeamCode', 'pkTeamCode',
this.memberteamList[e.detail.value].pkId this.memberteamList[e.detail.value].pkId
) );
}, },
confirm(e) { confirm(e) {
this.$set(this.select, 'startDate', e[0]) this.$set(this.select, 'startDate', e[0]);
this.$set(this.select, 'endDate', e[e.length - 1]) this.$set(this.select, 'endDate', e[e.length - 1]);
this.$set( this.$set(
this.select, this.select,
'operationTimeVal', 'operationTimeVal',
e[0] + ' 至 ' + e[e.length - 1] e[0] + ' 至 ' + e[e.length - 1]
) );
this.isData = false this.isData = false;
}, },
}, },
} };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>