forked from angelo/web-retail-admin
## 奖金汇总、奖金明细字段调整;
This commit is contained in:
parent
a6ac96279d
commit
c48c3e8ad3
|
|
@ -95,9 +95,11 @@
|
||||||
|
|
||||||
<el-col :span="4">
|
<el-col :span="4">
|
||||||
<el-button type="primary" class="my_search" @click="getDataList">
|
<el-button type="primary" class="my_search" @click="getDataList">
|
||||||
{{ '搜索' }}</el-button>
|
{{ '搜索' }}
|
||||||
|
</el-button>
|
||||||
<el-button class="my_reset" @click="reset">
|
<el-button class="my_reset" @click="reset">
|
||||||
{{ '重置' }}</el-button>
|
{{ '重置' }}
|
||||||
|
</el-button>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</el-form>
|
</el-form>
|
||||||
|
|
@ -109,14 +111,16 @@
|
||||||
style="background-color: #ff6723"
|
style="background-color: #ff6723"
|
||||||
class="thebtn2"
|
class="thebtn2"
|
||||||
>
|
>
|
||||||
{{ '导入' }}</el-button>
|
{{ '导入' }}
|
||||||
|
</el-button>
|
||||||
<el-button
|
<el-button
|
||||||
v-hasButtons="['BonusDetailExport']"
|
v-hasButtons="['BonusDetailExport']"
|
||||||
size="small"
|
size="small"
|
||||||
class="thebtn2"
|
class="thebtn2"
|
||||||
@click="handleExport"
|
@click="handleExport"
|
||||||
>
|
>
|
||||||
{{ '导出' }}</el-button>
|
{{ '导出' }}
|
||||||
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
<!-- <div>
|
<!-- <div>
|
||||||
<el-dropdown :hide-on-click="false">
|
<el-dropdown :hide-on-click="false">
|
||||||
|
|
@ -185,127 +189,16 @@
|
||||||
align="center"
|
align="center"
|
||||||
prop="retailRangeIncomeOri"
|
prop="retailRangeIncomeOri"
|
||||||
width="130"
|
width="130"
|
||||||
:label="$t('直推收益') + `(${isLocalSymbol()})`"
|
:label="$t('直推级差收益') + `(${isLocalSymbol()})`"
|
||||||
:formatter="stateFormat"
|
:formatter="stateFormat"
|
||||||
/>
|
/>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="retailSameLevelIncomeOri"
|
prop="repurRangeIncomeOri"
|
||||||
width="130"
|
width="130"
|
||||||
:label="$t('平级收益') + `(${isLocalSymbol()})`"
|
:label="$t('复购级差收益') + `(${isLocalSymbol()})`"
|
||||||
:formatter="stateFormat"
|
:formatter="stateFormat"
|
||||||
/>
|
/>
|
||||||
<el-table-column
|
|
||||||
align="center"
|
|
||||||
prop="retailAreaIncomeOri"
|
|
||||||
width="130"
|
|
||||||
:label="$t('区域收益') + `(${isLocalSymbol()})`"
|
|
||||||
:formatter="stateFormat"
|
|
||||||
/>
|
|
||||||
<el-table-column
|
|
||||||
align="center"
|
|
||||||
prop="retailBenefitRangeIncomeOri"
|
|
||||||
width="130"
|
|
||||||
:label="$t('福利极差收益') + `(${isLocalSymbol()})`"
|
|
||||||
:formatter="stateFormat"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<el-table-column
|
|
||||||
align="center"
|
|
||||||
prop="retailBenefitIncomeOri"
|
|
||||||
width="130"
|
|
||||||
:label="$t('福利分红收益') + `(${isLocalSymbol()})`"
|
|
||||||
:formatter="stateFormat"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<el-table-column
|
|
||||||
align="center"
|
|
||||||
prop="backPointsOri"
|
|
||||||
width="130"
|
|
||||||
:label="$t('重消收益') + `(${isLocalSymbol()})`"
|
|
||||||
:formatter="stateFormat"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<el-table-column
|
|
||||||
align="center"
|
|
||||||
prop="retailRealSubtotalOri"
|
|
||||||
width="130"
|
|
||||||
:label="$t('小计') + `(${isLocalSymbol()})`"
|
|
||||||
:formatter="stateFormat"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<el-table-column
|
|
||||||
align="center"
|
|
||||||
prop="repurCouponOri"
|
|
||||||
width="130"
|
|
||||||
:formatter="stateFormat"
|
|
||||||
:label="'复购券' + `(${isLocalSymbol()})`"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<el-table-column
|
|
||||||
align="center"
|
|
||||||
prop="repurCouponShareOri"
|
|
||||||
width="130"
|
|
||||||
:formatter="stateFormat"
|
|
||||||
:label="'复购券均分'"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<el-table-column
|
|
||||||
align="center"
|
|
||||||
prop="backPointsOri"
|
|
||||||
width="130"
|
|
||||||
:formatter="stateFormat"
|
|
||||||
:label="'商城重消' + `(${isLocalSymbol()})`"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<el-table-column
|
|
||||||
align="center"
|
|
||||||
prop="serviceSpendOri"
|
|
||||||
width="130"
|
|
||||||
:formatter="stateFormat"
|
|
||||||
:label="'平台服务费' + `(${isLocalSymbol()})`"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<el-table-column
|
|
||||||
align="center"
|
|
||||||
prop="globalPointsOri"
|
|
||||||
width="130"
|
|
||||||
:label="$t('直推极差') + '(¥)'"
|
|
||||||
:formatter="stateFormat"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<el-table-column
|
|
||||||
align="center"
|
|
||||||
prop="purRealSubtotalOri"
|
|
||||||
width="130"
|
|
||||||
:formatter="stateFormat"
|
|
||||||
:label="'首购实发小计' + `(${isLocalSymbol()})`"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<el-table-column
|
|
||||||
align="center"
|
|
||||||
prop="cloudRealSubtotalOri"
|
|
||||||
width="130"
|
|
||||||
:formatter="stateFormat"
|
|
||||||
:label="$t('极差小计') + '(¥)'"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<el-table-column
|
|
||||||
align="center"
|
|
||||||
prop="repurRealSubtotalOri"
|
|
||||||
width="130"
|
|
||||||
:formatter="stateFormat"
|
|
||||||
:label="'复购实发小计' + `(${isLocalSymbol()})`"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<el-table-column
|
|
||||||
align="center"
|
|
||||||
prop="repurCouponSubtotalOri"
|
|
||||||
width="160"
|
|
||||||
:formatter="stateFormat"
|
|
||||||
:label="'复购券实发小计' + `(${isLocalSymbol()})`"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="realIncomeTotalOri"
|
prop="realIncomeTotalOri"
|
||||||
|
|
@ -334,6 +227,7 @@ import { classifyUpdate, classifySave } from '@/api/product'
|
||||||
import {queryBonusDetail, queryBonusTotal} from '@/api/bonus'
|
import {queryBonusDetail, queryBonusTotal} from '@/api/bonus'
|
||||||
import {isLocals, isLocalSymbol, stateFormat} from '@/utils/numberToCurrency'
|
import {isLocals, isLocalSymbol, stateFormat} from '@/utils/numberToCurrency'
|
||||||
import {getRoleMenu} from '@/api/notice'
|
import {getRoleMenu} from '@/api/notice'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'Bzpz',
|
name: 'Bzpz',
|
||||||
components: {
|
components: {
|
||||||
|
|
@ -1015,7 +909,8 @@ export default {
|
||||||
this.total = res.total
|
this.total = res.total
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
handleSelectionChange(val) {},
|
handleSelectionChange(val) {
|
||||||
|
},
|
||||||
/** 导出按钮操作 */
|
/** 导出按钮操作 */
|
||||||
handleExport() {
|
handleExport() {
|
||||||
this.$confirm('是否确认导出所有数据项?', '警告', {
|
this.$confirm('是否确认导出所有数据项?', '警告', {
|
||||||
|
|
@ -1047,44 +942,56 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.custom-table {
|
.custom-table {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-table__header-wrapper {
|
::v-deep .el-table__header-wrapper {
|
||||||
position: sticky;
|
position: sticky;
|
||||||
top: 0; //这个值根据实际情况而定
|
top: 0; //这个值根据实际情况而定
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-range-editor.el-input__inner {
|
::v-deep .el-range-editor.el-input__inner {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-button {
|
::v-deep .el-button {
|
||||||
padding: 8px 20px;
|
padding: 8px 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-date-editor .el-range__close-icon {
|
::v-deep .el-date-editor .el-range__close-icon {
|
||||||
margin-top: -10px;
|
margin-top: -10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-date-editor .el-range-separator {
|
::v-deep .el-date-editor .el-range-separator {
|
||||||
margin-top: -10px;
|
margin-top: -10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-date-editor .el-range__icon {
|
::v-deep .el-date-editor .el-range__icon {
|
||||||
margin-top: -10px;
|
margin-top: -10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-input__inner {
|
::v-deep .el-input__inner {
|
||||||
//height:28px;
|
//height:28px;
|
||||||
//line-height: 28px;
|
//line-height: 28px;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-form-item {
|
::v-deep .el-form-item {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-cascader {
|
::v-deep .el-cascader {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-form-item__label {
|
::v-deep .el-form-item__label {
|
||||||
color: #333;
|
color: #333;
|
||||||
font-weight: inherit;
|
font-weight: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-table .warning-row {
|
::v-deep .el-table .warning-row {
|
||||||
background: #f9f9f9;
|
background: #f9f9f9;
|
||||||
}
|
}
|
||||||
|
|
@ -1092,91 +999,111 @@ export default {
|
||||||
::v-deep .el-table .success-row {
|
::v-deep .el-table .success-row {
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-table thead {
|
::v-deep .el-table thead {
|
||||||
color: #000000;
|
color: #000000;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-select {
|
::v-deep .el-select {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uploadIcon ::v-deep .el-upload--picture-card {
|
.uploadIcon ::v-deep .el-upload--picture-card {
|
||||||
display: none !important; /* 上传按钮隐藏 */
|
display: none !important; /* 上传按钮隐藏 */
|
||||||
}
|
}
|
||||||
|
|
||||||
.page {
|
.page {
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
background: #f9f9f9;
|
background: #f9f9f9;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
|
||||||
.main {
|
.main {
|
||||||
background: #f9f9f9;
|
background: #f9f9f9;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
.maintop {
|
.maintop {
|
||||||
display: flex;
|
display: flex;
|
||||||
//padding: 10px 0px;
|
//padding: 10px 0px;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
.mainbtn {
|
.mainbtn {
|
||||||
.thebtn1 {
|
.thebtn1 {
|
||||||
background: #3181e5;
|
background: #3181e5;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.thebtn2 {
|
.thebtn2 {
|
||||||
background: #ffad41;
|
background: #ffad41;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
height: 32px;
|
height: 32px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.maintitle {
|
.maintitle {
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
font-family: MicrosoftYaHei;
|
font-family: MicrosoftYaHei;
|
||||||
color: #999999;
|
color: #999999;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.maintable {
|
.maintable {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.tem {
|
.tem {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
width: 28px;
|
width: 28px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
margin-right: 3px;
|
margin-right: 3px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.isRed {
|
.isRed {
|
||||||
color: #ed1d25;
|
color: #ed1d25;
|
||||||
}
|
}
|
||||||
|
|
||||||
.isGreen {
|
.isGreen {
|
||||||
color: #1ab62b;
|
color: #1ab62b;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bgImg {
|
.bgImg {
|
||||||
width: 48px;
|
width: 48px;
|
||||||
height: 48px;
|
height: 48px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.openClose {
|
.openClose {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
color: #3181e5;
|
color: #3181e5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.kuang {
|
.kuang {
|
||||||
padding: 5px 20px;
|
padding: 5px 20px;
|
||||||
background: rgba(255, 255, 255, 0);
|
background: rgba(255, 255, 255, 0);
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
border: 1px solid #cccccc;
|
border: 1px solid #cccccc;
|
||||||
}
|
}
|
||||||
|
|
||||||
.heji {
|
.heji {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
|
|
||||||
.dis {
|
.dis {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: right;
|
justify-content: right;
|
||||||
padding: 5px 10px;
|
padding: 5px 10px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
|
|
||||||
:nth-child(1) {
|
:nth-child(1) {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
|
|
||||||
|
|
@ -160,94 +160,22 @@
|
||||||
align="center"
|
align="center"
|
||||||
prop="retailRangeIncomeOri"
|
prop="retailRangeIncomeOri"
|
||||||
width="130"
|
width="130"
|
||||||
:label="$t('级差收益') + `(${isLocalSymbol()})`"
|
:label="$t('直推级差收益') + `(${isLocalSymbol()})`"
|
||||||
:formatter="stateFormat"
|
:formatter="stateFormat"
|
||||||
/>
|
/>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="retailSameLevelIncomeOri"
|
prop="repurRangeIncomeOri"
|
||||||
width="130"
|
width="130"
|
||||||
:label="$t('平级收益') + `(${isLocalSymbol()})`"
|
:label="$t('复购级差收益') + `(${isLocalSymbol()})`"
|
||||||
:formatter="stateFormat"
|
:formatter="stateFormat"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<el-table-column
|
<el-table-column
|
||||||
align="center"
|
align="center"
|
||||||
prop="retailAreaIncomeOri"
|
prop="realIncomeTotalOri"
|
||||||
width="130"
|
width="130"
|
||||||
:label="$t('区域收益') + `(${isLocalSymbol()})`"
|
:label="$t('实发收益总计') + `(${isLocalSymbol()})`"
|
||||||
:formatter="stateFormat"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<el-table-column
|
|
||||||
align="center"
|
|
||||||
prop="retailBenefitRangeIncomeOri"
|
|
||||||
width="130"
|
|
||||||
:label="$t('福利级差收益') + `(${isLocalSymbol()})`"
|
|
||||||
:formatter="stateFormat"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<el-table-column
|
|
||||||
align="center"
|
|
||||||
prop="retailBenefitIncomeOri"
|
|
||||||
width="130"
|
|
||||||
:label="$t('福利分红收益') + `(${isLocalSymbol()})`"
|
|
||||||
:formatter="stateFormat"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<el-table-column
|
|
||||||
align="center"
|
|
||||||
prop="backPointsOri"
|
|
||||||
width="130"
|
|
||||||
:label="$t('重消收益') + `(${isLocalSymbol()})`"
|
|
||||||
:formatter="stateFormat"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<el-table-column
|
|
||||||
align="center"
|
|
||||||
prop="retailRealSubtotalOri"
|
|
||||||
width="130"
|
|
||||||
:label="$t('小计') + `(${isLocalSymbol()})`"
|
|
||||||
:formatter="stateFormat"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<el-table-column
|
|
||||||
align="center"
|
|
||||||
prop="backPointsOri"
|
|
||||||
width="130"
|
|
||||||
:label="'商城重消' + `(${isLocalSymbol()})`"
|
|
||||||
:formatter="stateFormat"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<el-table-column
|
|
||||||
align="center"
|
|
||||||
prop="serviceSpendOri"
|
|
||||||
width="130"
|
|
||||||
:label="'平台服务费' + `(${isLocalSymbol()})`"
|
|
||||||
:formatter="stateFormat"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<el-table-column
|
|
||||||
align="center"
|
|
||||||
prop="globalPointsOri"
|
|
||||||
width="130"
|
|
||||||
:label="$t('直推级差') + '(¥)'"
|
|
||||||
:formatter="stateFormat"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<el-table-column
|
|
||||||
align="center"
|
|
||||||
prop="purRealSubtotalOri"
|
|
||||||
width="130"
|
|
||||||
:label="'首购实发小计' + `(${isLocalSymbol()})`"
|
|
||||||
:formatter="stateFormat"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<el-table-column
|
|
||||||
align="center"
|
|
||||||
prop="repurRealSubtotalOri"
|
|
||||||
width="130"
|
|
||||||
:label="'复购实发小计' + `(${isLocalSymbol()})`"
|
|
||||||
:formatter="stateFormat"
|
:formatter="stateFormat"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue