<template>
|
<!--
|
作者：lyzflash
|
时间：2022-03-14
|
描述：插件中心-股东分红-分红结算-新增结算
|
-->
|
<el-dialog title="新增结算" :visible.sync="dialogVisible" @close="cancelFunc" :close-on-click-modal="false" :close-on-press-escape="false" width="30%">
|
<el-form :model="detail" class="bonus-box">
|
<el-form-item label="结算周期" :label-width="formLabelWidth">
|
<div>{{detail.bonus_type.text}}</div>
|
</el-form-item>
|
<el-form-item label="结算时间" :label-width="formLabelWidth">
|
<div class="d-s-c" v-if="detail.is_bonus == 1">
|
<div class="select d-s-c mr10">
|
<div class="date-icon">
|
<i class="el-input__icon el-icon-date"></i>
|
</div>
|
<div class="select-info">{{detail.year}}</div>
|
</div>
|
<div class="select d-s-c mr10">
|
<div class="date-icon">
|
<i class="el-input__icon el-icon-date"></i>
|
</div>
|
<div class="select-info">{{detail.mouth}}</div>
|
</div>
|
<div class="select d-s-c" v-if="type == 1">
|
<div class="date-icon">
|
<i class="el-input__icon el-icon-date"></i>
|
</div>
|
<div class="select-info">{{detail.week}}</div>
|
</div>
|
</div>
|
<div v-else style="color: #ff4544;">当前无可结算周期</div>
|
</el-form-item>
|
<el-form-item label="分红数据" :label-width="formLabelWidth">
|
<div class="show-info">
|
<div>时间段: <span v-if="detail.is_bonus == 1">{{detail.first_day}}~{{detail.last_day}}</span></div>
|
<div>订单数量: <span v-if="detail.is_bonus == 1">{{detail.order_num}}</span></div>
|
<div>订单总金额: <span v-if="detail.is_bonus == 1">￥{{detail.total_pay_price}}</span></div>
|
<div>分红总金额: <span v-if="detail.is_bonus == 1">￥{{detail.bonus_price}}(分红比例{{detail.total_rate}}%)</span></div>
|
<div>股东数量: <span v-if="detail.is_bonus == 1">{{detail.shareholder_num}}</span></div>
|
</div>
|
</el-form-item>
|
</el-form>
|
<div slot="footer" class="dialog-footer">
|
<el-button @click="cancelFunc">取 消</el-button>
|
<el-button type="primary" @click="confirmFunc">结 算</el-button>
|
</div>
|
</el-dialog>
|
</template>
|
|
<script>
|
import PlusApi from '@/api/plus/shareholder.js';
|
export default {
|
data() {
|
return {
|
/*左边长度*/
|
formLabelWidth: '100px',
|
/*是否显示*/
|
dialogVisible: false,
|
/*表单数据模型*/
|
formData: {},
|
detail: {
|
bonus_type: {
|
text: ''
|
}
|
}
|
};
|
},
|
props: {
|
open_add: Boolean,
|
userModel: Object
|
},
|
watch: {
|
open_add: function(n, o) {
|
if (n != o) {
|
this.dialogVisible = this.open_add;
|
if (n) {
|
this.formData = this.userModel;
|
}
|
}
|
}
|
},
|
created() {
|
this.getData();
|
},
|
methods: {
|
getData(){
|
let self = this;
|
PlusApi.toShareholderBonusAdd({}, true)
|
.then(res => {
|
self.detail = res.data.detail;
|
})
|
.catch(error => {});
|
},
|
/*修改用户*/
|
confirmFunc() {
|
let self = this;
|
let params ={};
|
PlusApi.shareholderBonusAdd(params, true)
|
.then(data => {
|
self.$message({
|
message: '操作成功',
|
type: 'success'
|
});
|
self.cancelFunc(true);
|
})
|
.catch(error => {});
|
},
|
|
/*关闭弹窗*/
|
cancelFunc(e) {
|
let type='cancel';
|
if(e){
|
type='success';
|
}
|
this.$emit('close', {
|
type:type
|
});
|
}
|
}
|
};
|
</script>
|
|
<style>
|
.show-info {
|
border-radius: 6px;
|
border: 1px solid #e2e2e2;
|
padding: 10px 20px;
|
margin-top: 10px;
|
}
|
|
.show-info div {
|
height: 32px;
|
line-height: 32px;
|
}
|
|
.bonus-box .el-form-item {
|
margin-bottom: 0;
|
}
|
</style>
|
