提交代码

This commit is contained in:
duan 2025-02-25 19:37:37 +08:00
parent d5d19e2696
commit 55af5fd698
4 changed files with 19329 additions and 14021 deletions

19716
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -51,10 +51,10 @@
<el-col :span="6" class="cards">
<div class="box">
<div class="box_num">
<div class="box_color">总收入</div>
<div class="box_color">今日订单笔数</div>
<div class="text_color">
<span>{{
tableData.totalRevenue ? tableData.totalRevenue : 0
tableData.todayPayCount ? tableData.todayPayCount : 0
}}</span
>
</div>
@ -67,7 +67,7 @@
<div class="box_color">今日收入</div>
<div class="text_color">
<span>{{
tableData.todayRevenue ? tableData.todayRevenue : 0
tableData.todayPayAmount ? tableData.todayPayAmount : 0
}}</span
>
</div>
@ -77,10 +77,10 @@
<el-col :span="6" class="cards">
<div class="box">
<div class="box_num">
<div class="box_color">本月收入</div>
<div class="box_color">今日提现</div>
<div class="text_color">
<span>{{
tableData.monthRevenue ? tableData.monthRevenue : 0
tableData.todayExtractAmount ? tableData.todayExtractAmount : 0
}}</span
>
</div>
@ -90,10 +90,10 @@
<el-col :span="6" class="cards">
<div class="box">
<div class="box_num">
<div class="box_color">本年收入</div>
<div class="box_color">今日提现笔数</div>
<div class="text_color">
<span>{{
tableData.yearRevenue ? tableData.yearRevenue : 0
tableData.todayExtractCount ? tableData.todayExtractCount : 0
}}</span
>
</div>

View File

@ -1986,6 +1986,13 @@
},
},
mounted() {
this.activeName= this.$route.query.active
let obj ={
_props:{
label:'提现记录'
}
}
this.handleClick(obj)
this.dataSelect()
}
}

View File

@ -40,8 +40,8 @@
</div>
<div style="margin:5px;display: inline-block;">
<span>开始时间</span>
<el-date-picker style="width: 160px;margin-left: 10px;" v-model="startTime" align="right"
type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择开始时间">
<el-date-picker style="width: 160px;margin-left: 10px;" v-model="startTime" align="right" type="date"
format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择开始时间">
</el-date-picker>
</div>
<div style="margin:5px;display: inline-block;">
@ -55,7 +55,7 @@
</el-button>
<el-button style="margin-left:15px;" size="mini" type="primary" icon="document" @click="cleans">重置
</el-button>
<el-button style='margin-left:15px;' size="mini" type="warning" icon="document" @click="exportBtn" >导出Excel
<el-button style='margin-left:15px;' size="mini" type="warning" icon="document" @click="exportBtn">导出Excel
</el-button>
</div>
<div style="color: orange;"> * 导出提示导出数据前请进行时间或者渠道等筛选否则导出数据量过多易出现卡顿或系统崩溃</div>
@ -71,7 +71,7 @@
</el-table-column>
<el-table-column label="图像">
<template slot-scope="scope">
<img v-if="scope.row.avatar==null" src="~@/assets/img/avatar.png" alt="" width="40"
<img v-if="scope.row.avatar == null" src="~@/assets/img/avatar.png" alt="" width="40"
height="40">
<img v-else :src="scope.row.avatar" alt="" width="40" height="40">
</template>
@ -83,23 +83,41 @@
</span>
</template>
</el-table-column>
<el-table-column prop="sysUserName" label="分销商"></el-table-column>
<el-table-column prop="inviteCount" label="下级人数"></el-table-column>
<!-- <el-table-column prop="inviteAmount" label="下级每日达标奖励"></el-table-column> -->
<el-table-column prop="inviteAmount" label="下级每日达标奖励" width="150">
<template slot-scope="scope">
<span>{{ scope.row.inviteAmount ? scope.row.inviteAmount : '0' }}</span>
<el-button size="mini" :disabled="!isAuth('userList:updatebl')"
style="color: #4f9dec;background: #fff;border: none;"
@click="xiugai2(scope.row, 'inviteAmount')">
修改</el-button>
</span>
</template>
</el-table-column>
<el-table-column prop="cashAmount" label="提现金额">
<template slot-scope="scope">
<span style="color: #4f9dec;cursor: pointer;" @click="updates(scope.row,'sixth')">
{{ scope.row.cashAmount ? scope.row.cashAmount : '0' }}
</span>
</template>
</el-table-column>
<el-table-column prop="invitationCode" label="邀请码"></el-table-column>
<el-table-column label="邀请人邀请码">
<template slot-scope="scope">
<span style="color: #4f9dec;cursor: pointer;"
@click="updates2(scope.row.inviterCode)">{{ scope.row.inviterCode ? scope.row.inviterCode : '未绑定' }}</span>
<span style="color: #4f9dec;cursor: pointer;" @click="updates2(scope.row.inviterCode)">{{
scope.row.inviterCode ? scope.row.inviterCode : '未绑定' }}</span>
</template>
</el-table-column>
<el-table-column prop="qdCode" label="渠道码"></el-table-column>
<!-- <el-table-column prop="qdCode" label="渠道码"></el-table-column> -->
<el-table-column prop="vipType" label="会员类型">
<template slot-scope="scope">
<span v-if="scope.row.vipType==2">充值会员</span>
<span v-else-if="scope.row.vipType==1">赠送会员</span>
<span v-if="scope.row.vipType == 2">充值会员</span>
<span v-else-if="scope.row.vipType == 1">赠送会员</span>
<span v-else> - </span>
</template>
</el-table-column>
<el-table-column prop="rate" label="一级推广收益比例" width="150">
<!-- <el-table-column prop="rate" label="一级推广收益比例" width="150">
<template slot-scope="scope">
<span>{{scope.row.rate?scope.row.rate:'0'}}</span>
<el-button size="mini" :disabled="!isAuth('userList:updatebl')"
@ -116,7 +134,7 @@
修改</el-button>
</span>
</template>
</el-table-column>
</el-table-column> -->
<el-table-column prop="platform" label="渠道来源">
<template slot-scope="scope">
<span>{{ scope.row.platform ? scope.row.platform : '-' }}</span>
@ -133,20 +151,29 @@
</template>
</el-table-column>
<el-table-column prop="createTime" label="创建时间" width="160"></el-table-column>
<el-table-column prop="balance" label="余额" ></el-table-column>
<el-table-column prop="state " label="状态">
<template slot-scope="scope">
<el-switch v-model="scope.row.status" @change="change(scope.row.status,scope.row.userId)"
<el-switch v-model="scope.row.status" @change="change(scope.row.status, scope.row.userId)"
:active-value="openValue" :inactive-value="closeValue" active-color="#13ce66"
inactive-color="#ff4949">
</el-switch>
</template>
</el-table-column>
<el-table-column prop="state" label="是否拉黑">
<template slot-scope="scope">
<el-switch v-model="scope.row.status" @change="releaseBlackout(scope.row)"
:active-value="1" :inactive-value="0" active-color="#13ce66"
inactive-color="#ff4949">
</el-switch>
</template>
</el-table-column>
<el-table-column fixed="right" label="操作" width="120">
<template slot-scope="scope">
<el-button size="mini" type="warning" @click="updateVip(scope.row)"
:disabled="!isAuth('userList:updateVip')" v-if="scope.row.member!=2">设置会员</el-button>
:disabled="!isAuth('userList:updateVip')" v-if="scope.row.member != 2">设置会员</el-button>
<el-button size="mini" type="warning" @click="quxiaoVip(scope.row)"
:disabled="!isAuth('userList:updateVip')" v-if="scope.row.member==2" plain>取消会员
:disabled="!isAuth('userList:updateVip')" v-if="scope.row.member == 2" plain>取消会员
</el-button>
<el-button size="mini" type="primary" @click="updates(scope.row)">用户详情</el-button>
<el-button size="mini" type="danger" :disabled="!isAuth('userList:delete')"
@ -162,7 +189,7 @@
</el-pagination>
</div>
</el-tab-pane>
<el-tab-pane label="充值会员用户" name="second1">
<!-- <el-tab-pane label="充值会员用户" name="second1">
<el-table v-loading="tableDataLoading" :data="tableData.list">
<el-table-column fixed prop="userName" label="昵称" width="150">
<template slot-scope="scope">
@ -251,7 +278,6 @@
<el-button size="mini" type="primary" @click="updates(scope.row)">用户详情</el-button>
<el-button size="mini" type="danger" :disabled="!isAuth('userList:delete')"
@click="deleteuser(scope.row)">删除用户</el-button>
<!-- <el-button size = "mini" type = "danger" @click = "updates1(scope.row)">封号</el-button> -->
</template>
</el-table-column>
</el-table>
@ -261,8 +287,7 @@
layout="total,sizes, prev, pager, next,jumper" :total="tableData.totalCount">
</el-pagination>
</div>
</el-tab-pane>
<el-tab-pane label="赠送会员用户" name="second2">
</el-tab-pane> <el-tab-pane label="" name="second2">
<el-table v-loading="tableDataLoading" :data="tableData.list">
<el-table-column fixed prop="userName" label="昵称" width="150">
<template slot-scope="scope">
@ -351,7 +376,6 @@
<el-button size="mini" type="primary" @click="updates(scope.row)">用户详情</el-button>
<el-button size="mini" type="danger" :disabled="!isAuth('userList:delete')"
@click="deleteuser(scope.row)">删除用户</el-button>
<!-- <el-button size = "mini" type = "danger" @click = "updates1(scope.row)">封号</el-button> -->
</template>
</el-table-column>
</el-table>
@ -361,7 +385,7 @@
layout="total,sizes, prev, pager, next,jumper" :total="tableData.totalCount">
</el-pagination>
</div>
</el-tab-pane>
</el-tab-pane> -->
<el-tab-pane label="普通用户" name="third">
<el-table v-loading="tableDataLoading" :data="tableData.list">
<el-table-column fixed prop="userName" label="昵称" width="150">
@ -371,7 +395,7 @@
</el-table-column>
<el-table-column label="图像">
<template slot-scope="scope">
<img v-if="scope.row.avatar==null" src="~@/assets/img/avatar.png" alt="" width="40"
<img v-if="scope.row.avatar == null" src="~@/assets/img/avatar.png" alt="" width="40"
height="40">
<img v-else :src="scope.row.avatar" alt="" width="40" height="40">
</template>
@ -387,25 +411,27 @@
<el-table-column prop="invitationCode" label="邀请码"></el-table-column>
<el-table-column label="邀请人邀请码">
<template slot-scope="scope">
<span style="color: #4f9dec;cursor: pointer;"
@click="updates2(scope.row.inviterCode)">{{ scope.row.inviterCode ? scope.row.inviterCode : '未绑定' }}</span>
<span style="color: #4f9dec;cursor: pointer;" @click="updates2(scope.row.inviterCode)">{{
scope.row.inviterCode ? scope.row.inviterCode : '未绑定' }}</span>
</template>
</el-table-column>
<el-table-column prop="qdCode" label="渠道码"></el-table-column>
<el-table-column prop="rate" label="一级推广收益比例" width="150">
<template slot-scope="scope">
<span>{{scope.row.rate?scope.row.rate:'0'}}</span>
<span>{{ scope.row.rate ? scope.row.rate : '0' }}</span>
<el-button size="mini" :disabled="!isAuth('userList:updatebl')"
style="color: #4f9dec;background: #fff;border: none;" @click="xiugai(scope.row,'rate')">
style="color: #4f9dec;background: #fff;border: none;"
@click="xiugai(scope.row, 'rate')">
修改</el-button>
</span>
</template>
</el-table-column>
<el-table-column prop="twoRate" label="二级推广收益比例" width="150">
<template slot-scope="scope">
<span>{{scope.row.twoRate?scope.row.twoRate:'0'}}</span>
<span>{{ scope.row.twoRate ? scope.row.twoRate : '0' }}</span>
<el-button size="mini" :disabled="!isAuth('userList:updatebl')"
style="color: #4f9dec;background: #fff;border: none;" @click="xiugai(scope.row,'twoRate')">
style="color: #4f9dec;background: #fff;border: none;"
@click="xiugai(scope.row, 'twoRate')">
修改</el-button>
</span>
</template>
@ -428,7 +454,7 @@
<el-table-column prop="createTime" label="创建时间" width="160"></el-table-column>
<el-table-column prop="state " label="状态">
<template slot-scope="scope">
<el-switch v-model="scope.row.status" @change="change(scope.row.state,scope.row.userId)"
<el-switch v-model="scope.row.status" @change="change(scope.row.state, scope.row.userId)"
:active-value="openValue" :inactive-value="closeValue" active-color="#13ce66"
inactive-color="#ff4949">
</el-switch>
@ -437,9 +463,9 @@
<el-table-column fixed="right" label="操作" width="120">
<template slot-scope="scope">
<el-button size="mini" type="warning" @click="updateVip(scope.row)"
:disabled="!isAuth('userList:updateVip')" v-if="scope.row.member!=2">设置会员</el-button>
:disabled="!isAuth('userList:updateVip')" v-if="scope.row.member != 2">设置会员</el-button>
<el-button size="mini" type="warning" @click="quxiaoVip(scope.row)"
:disabled="!isAuth('userList:updateVip')" v-if="scope.row.member==2" plain>取消会员
:disabled="!isAuth('userList:updateVip')" v-if="scope.row.member == 2" plain>取消会员
</el-button>
<el-button size="mini" type="primary" @click="updates(scope.row)">用户详情</el-button>
<el-button size="mini" type="danger" :disabled="!isAuth('userList:delete')"
@ -455,6 +481,108 @@
</el-pagination>
</div>
</el-tab-pane>
<el-tab-pane label="代理用户" name="second2">
<el-table v-loading="tableDataLoading" :data="tableData.list">
<el-table-column fixed prop="userName" label="昵称" width="150">
<template slot-scope="scope">
<span style="color: #f56c6c;">{{ scope.row.userName ? scope.row.userName : '未绑定' }}</span>
</template>
</el-table-column>
<el-table-column label="图像">
<template slot-scope="scope">
<img v-if="scope.row.avatar == null" src="~@/assets/img/avatar.png" alt="" width="40"
height="40">
<img v-else :src="scope.row.avatar" alt="" width="40" height="40">
</template>
</el-table-column>
<el-table-column prop="phone" label="手机号">
<template slot-scope="scope">
<span style="color: #4f9dec;cursor: pointer;" @click="updates(scope.row)">
{{ scope.row.phone ? scope.row.phone : '未绑定' }}
</span>
</template>
</el-table-column>
<el-table-column prop="sysUserName" label="分销商"></el-table-column>
<el-table-column prop="invitationCode" label="邀请码"></el-table-column>
<el-table-column label="邀请人邀请码">
<template slot-scope="scope">
<span style="color: #4f9dec;cursor: pointer;" @click="updates2(scope.row.inviterCode)">{{
scope.row.inviterCode ? scope.row.inviterCode : '未绑定' }}</span>
</template>
</el-table-column>
<el-table-column prop="qdCode" label="渠道码"></el-table-column>
<el-table-column prop="vipType" label="会员类型">
<template slot-scope="scope">
<span v-if="scope.row.vipType == 2">充值会员</span>
<span v-else-if="scope.row.vipType == 1">赠送会员</span>
<span v-else> - </span>
</template>
</el-table-column>
<el-table-column prop="rate" label="一级推广收益比例" width="150">
<template slot-scope="scope">
<span>{{ scope.row.rate ? scope.row.rate : '0' }}</span>
<el-button size="mini" :disabled="!isAuth('userList:updatebl')"
style="color: #4f9dec;background: #fff;border: none;"
@click="xiugai(scope.row, 'rate')">
修改</el-button>
</span>
</template>
</el-table-column>
<el-table-column prop="twoRate" label="二级推广收益比例" width="150">
<template slot-scope="scope">
<span>{{ scope.row.twoRate ? scope.row.twoRate : '0' }}</span>
<el-button size="mini" :disabled="!isAuth('userList:updatebl')"
style="color: #4f9dec;background: #fff;border: none;"
@click="xiugai(scope.row, 'twoRate')">
修改</el-button>
</span>
</template>
</el-table-column>
<el-table-column prop="platform" label="渠道来源">
<template slot-scope="scope">
<span>{{ scope.row.platform ? scope.row.platform : '-' }}</span>
</template>
</el-table-column>
<el-table-column prop="zhifubaoName" label="支付宝名称">
<template slot-scope="scope">
<span>{{ scope.row.zhifubaoName ? scope.row.zhifubaoName : '未绑定' }}</span>
</template>
</el-table-column>
<el-table-column prop="zhifubao" label="支付宝账号">
<template slot-scope="scope">
<span>{{ scope.row.zhifubao ? scope.row.zhifubao : '未绑定' }}</span>
</template>
</el-table-column>
<el-table-column prop="createTime" label="创建时间" width="160"></el-table-column>
<el-table-column prop="state " label="状态">
<template slot-scope="scope">
<el-switch v-model="scope.row.status" @change="change(scope.row.state, scope.row.userId)"
:active-value="openValue" :inactive-value="closeValue" active-color="#13ce66"
inactive-color="#ff4949">
</el-switch>
</template>
</el-table-column>
<el-table-column fixed="right" label="操作" width="120">
<template slot-scope="scope">
<el-button size="mini" type="warning" @click="updateVip(scope.row)"
:disabled="!isAuth('userList:updateVip')" v-if="scope.row.member != 2">设置会员</el-button>
<el-button size="mini" type="warning" @click="quxiaoVip(scope.row)"
:disabled="!isAuth('userList:updateVip')" v-if="scope.row.member == 2" plain>取消会员
</el-button>
<el-button size="mini" type="primary" @click="updates(scope.row)">用户详情</el-button>
<el-button size="mini" type="danger" :disabled="!isAuth('userList:delete')"
@click="deleteuser(scope.row)">删除用户</el-button>
</template>
</el-table-column>
</el-table>
<div style="text-align: center;margin-top: 10px;">
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
:page-sizes="[10, 20, 30, 40]" :page-size="limit" :current-page="page"
layout="total,sizes, prev, pager, next,jumper" :total="tableData.totalCount">
</el-pagination>
</div>
</el-tab-pane>
<!-- 修改比例 -->
<el-dialog :title="titleBl" :visible.sync="dialogFormVisible2" center>
<div style="margin-bottom: 10px;">
@ -467,11 +595,23 @@
<el-button type="primary" @click="StairNoticeTo2()"> </el-button>
</div>
</el-dialog>
<!-- 修改金额 -->
<el-dialog :title="titleBl" :visible.sync="dialogFormVisible3" center>
<div style="margin-bottom: 10px;">
<span style="width: 200px;display: inline-block;text-align: right;">金额</span>
<el-input style="width:50%;" v-model="proportion" type="number" :min="0" :controls="false"
:placeholder="titleBl"></el-input>
</div>
<div slot="footer" class="dialog-footer">
<el-button @click="dialogFormVisible3 = false"> </el-button>
<el-button type="primary" @click="StairNoticeTo3()"> </el-button>
</div>
</el-dialog>
</el-tabs>
</div>
</template>
<script>
export default {
export default {
data() {
return {
openValue: 1,
@ -523,40 +663,74 @@
}, {
value: '抖音',
label: '抖音'
}, ],
},],
dialogFormVisible2: false,
dialogFormVisible3: false,
titleBl: '修改佣金比例',
proportion:'',
invitationCode:'',
proportion: '',
invitationCode: '',
startTime: '',
endTime: '',
sysUserName:'',
qdCode:'',
vipType:'',
sysUserName: '',
qdCode: '',
vipType: '',
//
datatype: ''
}
},
methods: {
releaseBlackout(d) {
// status 0 1
console.log(d.status,'debug')
this.$http({
url: this.$http.adornUrl(`user/removeUserBlack`),
method: 'get',
params: {
'userId': d.userId,
status: d.status == 0 ? "0": "1"
}
}).then(({
data
}) => {
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {
this.dataSelect()
}
})
})
},
// tabs
handleClick(tab, event) {
this.page = 1
if (tab._props.label == '全部用户') {
this.member = -1
this.vipType = ''
this.datatype = ''
this.dataSelect()
}
if (tab._props.label == '充值会员用户') {
this.member = 2
this.vipType = 2
this.dataSelect()
}
if (tab._props.label == '赠送会员用户') {
this.member = 2
this.vipType = 1
this.dataSelect()
}
// if (tab._props.label == '') {
// this.member = 2
// this.vipType = 2
// this.dataSelect()
// }
// if (tab._props.label == '') {
// this.member = 2
// this.vipType = 1
// this.dataSelect()
// }
if (tab._props.label == '普通用户') {
this.member = 1
this.vipType = ''
this.datatype = 0
this.dataSelect()
}
if (tab._props.label == '代理用户') {
// this.member = 2
this.datatype = 1
this.vipType = ''
this.dataSelect()
}
@ -567,8 +741,8 @@
url: this.$http.adornUrl(`user/updateUserByUserId`),
method: 'post',
data: this.$http.adornData({
'userId':userId,
'status':val
'userId': userId,
'status': val
})
}).then(({
data
@ -584,12 +758,13 @@
})
},
//
updates(row) {
updates(row,active="first") {
console.log("`````", row.userId)
this.$router.push({
path: '/userDetail',
query: {
userId: row.userId
userId: row.userId,
active: active
}
})
},
@ -599,13 +774,13 @@
url: this.$http.adornUrl('user/selectUserByInvitationCode'),
method: 'get',
params: this.$http.adornParams({
'invitationCode':inviterCode
'invitationCode': inviterCode
})
}).then(({
data
}) => {
if (data.code == 0) {
if(data.data.userEntity){
if (data.data.userEntity) {
this.$router.push({
path: '/userDetail',
query: {
@ -618,7 +793,7 @@
message: data.msg,
type: 'warning',
duration: 1500,
onClose: () => {}
onClose: () => { }
})
}
})
@ -680,7 +855,7 @@
message: data.msg,
type: 'warning',
duration: 1500,
onClose: () => {}
onClose: () => { }
})
}
@ -688,7 +863,7 @@
})
},
//
updates1(row) {},
updates1(row) { },
//
dataSelect() {
this.tableDataLoading = true
@ -704,12 +879,13 @@
'userName': this.userName,
'inviterCode': this.inviterCode,
'platform': this.platformT,
'invitationCode':this.invitationCode,
'qdCode':this.qdCode,
'invitationCode': this.invitationCode,
'qdCode': this.qdCode,
'startTime': this.startTime,
'endTime': this.endTime,
'sysUserName':this.sysUserName,
'vipType':this.vipType
'sysUserName': this.sysUserName,
'vipType': this.vipType,
delegate: this.datatype
})
}).then(({
data
@ -785,7 +961,7 @@
message: data.msg,
type: 'warning',
duration: 1500,
onClose: () => {}
onClose: () => { }
})
}
@ -803,10 +979,17 @@
this.proportion = row.twoRate
}
this.texts = text
this.userIdss = row.userId
this.dialogFormVisible2 = true
},
xiugai2(row, text) {
this.titleBl = '修改下级每日达标奖励'
this.userIdss = row.userId
this.proportion = row.inviteAmount
this.dialogFormVisible3 = true
},
StairNoticeTo2() {
var datas = {}
if (this.texts == 'rate') {
@ -826,7 +1009,7 @@
data
}) => {
console.log('data', data)
if(data.code==0){
if (data.code == 0) {
this.$message({
message: '修改成功',
type: 'success',
@ -836,7 +1019,37 @@
this.dataSelect()
}
})
}else{
} else {
this.$message({
message: data.msg,
type: 'warning',
duration: 1500,
onClose: () => {
}
})
}
})
},
StairNoticeTo3() {
this.$http({
url: this.$http.adornUrl('user/inviteAmount'),
method: 'post',
data: { userId: this.userIdss, inviteAmount: this.proportion }
}).then(({
data
}) => {
if (data.code == 0) {
this.$message({
message: '修改成功',
type: 'success',
duration: 1500,
onClose: () => {
this.dialogFormVisible3 = false
this.dataSelect()
}
})
} else {
this.$message({
message: data.msg,
type: 'warning',
@ -862,8 +1075,8 @@
'userName': this.userName,
'inviterCode': this.inviterCode,
'platform': this.platformT,
'invitationCode':this.invitationCode,
'qdCode':this.qdCode,
'invitationCode': this.invitationCode,
'qdCode': this.qdCode,
'startTime': this.startTime,
'endTime': this.endTime,
})
@ -891,12 +1104,12 @@
mounted() {
this.dataSelect()
}
}
}
</script>
<style scoped="scoped">
.el-button+.el-button {
.el-button+.el-button {
margin-left: 0 !important;
margin-top: 5px !important;
}
}
</style>