1404 lines
48 KiB
Vue
1404 lines
48 KiB
Vue
<template>
|
||
<div>
|
||
<el-tabs v-model="activeName" @tab-click="handleClick">
|
||
<el-tab-pane label="提现审核" name="withdraw">
|
||
<WithdrawManage></WithdrawManage>
|
||
</el-tab-pane>
|
||
<el-tab-pane label="支付宝提现统计" name="withdrawTotal">
|
||
<WithdrawTotal></WithdrawTotal>
|
||
</el-tab-pane>
|
||
<!-- 拒绝弹框 -->
|
||
<!-- <el-tab-pane label="提现管理" name="first">
|
||
<div style="margin: 5px; display: inline-block">
|
||
<div style="position: relative; display: inline-block">
|
||
<span>状态：</span>
|
||
<el-select v-model="stateTx" style="width: 150px; margin: 10px" @change="phoneSelect()">
|
||
<el-option v-for="item in statesTx" :key="item.value" :label="item.label" :value="item.value">
|
||
</el-option> </el-select>
|
||
</div>
|
||
<div style="position: relative; display: inline-block">
|
||
<span>类型：</span>
|
||
<el-select v-model="typeTx" style="width: 150px; margin: 10px" @change="phoneSelect()">
|
||
<el-option v-for="item in typeType" :key="item.value" :label="item.label" :value="item.value">
|
||
</el-option> </el-select>
|
||
</div>
|
||
<div style="position: relative; display: inline-block">
|
||
<span>支付宝账号：</span>
|
||
<el-input style="width: 200px" @keydown.enter.native="phoneSelect" placeholder="请输入支付宝账号"
|
||
v-model="zhifubao"></el-input>
|
||
<span @click="phoneSelect" style="position: absolute; right: 18px; top: 8px">
|
||
<icon-svg name="shousuo" class="site-sidebar__menu-icon"></icon-svg>
|
||
</span>
|
||
</div>
|
||
<div style="position: relative; display: inline-block">
|
||
<span>支付宝名称：</span>
|
||
<el-input style="width: 200px" @keydown.enter.native="phoneSelect" placeholder="请输入支付宝名称"
|
||
v-model="zhifubaoName"></el-input>
|
||
<span @click="phoneSelect" style="position: absolute; right: 18px; top: 8px">
|
||
<icon-svg name="shousuo" class="site-sidebar__menu-icon"></icon-svg>
|
||
</span>
|
||
</div>
|
||
<div style="position: relative; display: inline-block">
|
||
<span>用户昵称：</span>
|
||
<el-input style="width: 200px" @keydown.enter.native="phoneSelect" placeholder="请输入用户昵称"
|
||
v-model="userName"></el-input>
|
||
<span @click="phoneSelect" style="position: absolute; right: 18px; top: 8px">
|
||
<icon-svg name="shousuo" class="site-sidebar__menu-icon"></icon-svg>
|
||
</span>
|
||
</div>
|
||
<div style="position: relative; display: inline-block">
|
||
<span>分销商昵称：</span>
|
||
<el-input style="width: 200px" @keydown.enter.native="phoneSelect" placeholder="请输入分销商昵称"
|
||
v-model="sysUserName"></el-input>
|
||
</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>
|
||
</div>
|
||
<div style="margin: 5px; display: inline-block">
|
||
<span>截止时间：</span>
|
||
<el-date-picker style="width: 160px; margin-left: 10px" v-model="endTime" align="right" type="date"
|
||
format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择截止时间">
|
||
</el-date-picker>
|
||
</div>
|
||
</div>
|
||
<div style="display: inline-block">
|
||
<el-button style="margin: 10px" size="mini" type="primary" icon="document" @click="phoneSelect">查询
|
||
</el-button>
|
||
<el-button style="margin: 10px" size="mini" type="primary" icon="document" @click="cleans2">重置
|
||
</el-button>
|
||
<el-button style="margin: 0 0 20px 20px" size="mini" type="primary" icon="document" @click="transferClcik()"
|
||
:disabled="checkBoxData.length <= 0 || !isAuth('financeList:transfer')
|
||
">
|
||
批量转账
|
||
</el-button>
|
||
<el-button style="margin-left: 15px" size="mini" type="warning" icon="document" @click="exportBtn">导出Excel
|
||
</el-button>
|
||
</div>
|
||
<div style="color: orange">
|
||
*
|
||
导出提示：导出数据前请进行时间或者状态等筛选，否则导出数据量过多易出现卡顿或系统崩溃
|
||
</div>
|
||
<el-table @selection-change="changeFun" v-loading="tableDataLoading" :data="tableData">
|
||
<el-table-column type="selection"> </el-table-column>
|
||
<el-table-column fixed prop="id" label="编号" width="80">
|
||
</el-table-column>
|
||
<el-table-column prop="zhifubao" label="用户昵称" width="150">
|
||
<template slot-scope="scope">
|
||
<span style="color: #4f9dec; cursor: pointer" v-if="scope.row.userType == 1"
|
||
@click="updates(scope.row.userId)">{{ scope.row.userName ? scope.row.userName : "未绑定" }}</span>
|
||
<span v-else>-</span>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column prop="userType" label="类型" width="150">
|
||
<template slot-scope="scope">
|
||
<span v-if="scope.row.userType == 1">用户</span>
|
||
<span v-if="scope.row.userType == 2">分销商</span>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column prop="zhifubao" label="分销商昵称" width="150">
|
||
<template slot-scope="scope">
|
||
<span style="color: #4f9dec; cursor: pointer" v-if="scope.row.userType == 2"
|
||
@click="updatesF(scope.row.sysUserId)">{{
|
||
scope.row.sysUserName ? scope.row.sysUserName : "未绑定"
|
||
}}</span>
|
||
<span v-else>-</span>
|
||
</template>
|
||
</el-table-column>
|
||
|
||
<el-table-column prop="zhifubao" label="支付宝账号" width="150">
|
||
<template slot-scope="scope">
|
||
<span style="color: #4f9dec; cursor: pointer">{{
|
||
scope.row.zhifubao ? scope.row.zhifubao : "未绑定"
|
||
}}</span>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column prop="zhifubaoName" label="支付宝名称" width="100">
|
||
<template slot-scope="scope">
|
||
<span>{{
|
||
scope.row.zhifubaoName ? scope.row.zhifubaoName : "null"
|
||
}}</span>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column prop="orderNumber" label="转账订单号" width="150">
|
||
</el-table-column>
|
||
<el-table-column prop="money" label="提现金额" width="100">
|
||
</el-table-column>
|
||
<el-table-column prop="state" label="状态" width="100">
|
||
<template slot-scope="scope">
|
||
<span style="color: #4f9dec; cursor: pointer" v-if="scope.row.state == 0">待转账</span>
|
||
<span v-if="scope.row.state == 1">已转账</span>
|
||
<span v-if="scope.row.state == -1">已拒绝</span>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column prop="refund" label="拒绝原因" width="220">
|
||
</el-table-column>
|
||
<el-table-column prop="createAt" label="申请时间" width="170">
|
||
</el-table-column>
|
||
<el-table-column prop="outAt" label="转账/拒绝时间" width="180">
|
||
</el-table-column>
|
||
|
||
<el-table-column fixed="right" label="操作" width="150">
|
||
<template slot-scope="scope">
|
||
<el-button size="mini" type="primary" :disabled="!isAuth('financeList:transfer') || scope.row.state != 0
|
||
" @click="batch(scope.row)">转账
|
||
</el-button>
|
||
<el-button size="mini" type="primary" :disabled="!isAuth('financeList:refund') || scope.row.state != 0
|
||
" @click="refund(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="totalnum">
|
||
</el-pagination>
|
||
</div>
|
||
<el-dialog title="拒绝" :visible.sync="dialogFormVisible" center>
|
||
<el-form :model="form">
|
||
<el-form-item label="拒绝原因：" :label-width="formLabelWidth">
|
||
<el-input v-model="form.content" type="textarea" rows="4" placeholder="请输入拒绝原因" style="width: 65%"></el-input>
|
||
</el-form-item>
|
||
</el-form>
|
||
<div slot="footer" class="dialog-footer">
|
||
<el-button @click="dialogFormVisible = false">取 消</el-button>
|
||
<el-button type="primary" @click="refundNoticeTo()">确 定</el-button>
|
||
</div>
|
||
</el-dialog>
|
||
</el-tab-pane> -->
|
||
<el-tab-pane label="收入统计" name="second">
|
||
<div>
|
||
<el-select v-model="flag" style="width: 150px; margin-left: 10px" @change="animeDat">
|
||
<el-option v-for="item in flags" :key="item.value" :label="item.label" :value="item.value">
|
||
</el-option> </el-select>
|
||
<el-date-picker style="width: 200px; margin-left: 10px" v-model="info1.stockDate1" align="right" type="date"
|
||
format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择开始时间" @change="animeSelect">
|
||
</el-date-picker>
|
||
</div>
|
||
<el-row>
|
||
<el-col :span="6" class="cards">
|
||
<div class="box">
|
||
<div class="box_num">
|
||
<div class="box_color">总收入</div>
|
||
<div class="text_color">
|
||
<span>{{ MoneyData.sumMoney ? MoneyData.sumMoney : 0 }}</span>元
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-col>
|
||
<el-col :span="6" class="cards">
|
||
<div class="box">
|
||
<div class="box_num">
|
||
<div class="box_color">短剧收入</div>
|
||
<div class="text_color">
|
||
<span>{{
|
||
MoneyData.courseMoney ? MoneyData.courseMoney : 0
|
||
}}</span>元
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-col>
|
||
<el-col :span="6" class="cards">
|
||
<div class="box">
|
||
<div class="box_num">
|
||
<div class="box_color">会员收入</div>
|
||
<div class="text_color">
|
||
<span>{{ MoneyData.vipMoney ? MoneyData.vipMoney : 0 }}</span>元
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-col>
|
||
</el-row>
|
||
</el-tab-pane>
|
||
<el-tab-pane label="提现统计" name="third">
|
||
<div>
|
||
<el-select v-model="flag" style="width: 150px; margin-left: 10px" @change="animeDat2">
|
||
<el-option v-for="item in flags" :key="item.value" :label="item.label" :value="item.value">
|
||
</el-option> </el-select>
|
||
<el-date-picker style="width: 200px; margin-left: 10px" v-model="info1.stockDate1" align="right" type="date"
|
||
format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择开始时间" @change="animeSelect2">
|
||
</el-date-picker>
|
||
</div>
|
||
<el-row>
|
||
<el-col :span="6" class="cards">
|
||
<div class="box">
|
||
<div class="box_num">
|
||
<div class="box_color">累计提现金额</div>
|
||
<div class="text_color">
|
||
<span>{{ withdrawData.sumMoney }}</span>元
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-col>
|
||
<el-col :span="6" class="cards">
|
||
<div class="box">
|
||
<div class="box_num">
|
||
<div class="box_color">提现次数</div>
|
||
<div class="text_color">
|
||
<span>{{ withdrawData.countMoney }}</span>笔
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-col>
|
||
<el-col :span="6" class="cards">
|
||
<div class="box">
|
||
<div class="box_num">
|
||
<div class="box_color">待转账次数</div>
|
||
<div class="text_color">
|
||
<span>{{ withdrawData.stayMoney }}</span>笔
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-col>
|
||
</el-row>
|
||
</el-tab-pane>
|
||
<el-tab-pane label="充值统计" name="sixth">
|
||
<div>
|
||
<el-select v-model="flag" style="width: 150px; margin-left: 10px" @change="animeDat3">
|
||
<el-option v-for="item in flags" :key="item.value" :label="item.label" :value="item.value">
|
||
</el-option> </el-select>
|
||
<el-date-picker style="width: 200px; margin-left: 10px" v-model="info1.stockDate1" align="right" type="date"
|
||
format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择开始时间" @change="animeSelect3">
|
||
</el-date-picker>
|
||
</div>
|
||
<el-row>
|
||
<el-col :span="6" class="cards">
|
||
<div class="box">
|
||
<div class="box_num">
|
||
<div class="box_color">充值总金额</div>
|
||
<div class="text_color">
|
||
<span>{{
|
||
rechgeData.sumMoney ? rechgeData.sumMoney : 0
|
||
}}</span>元
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-col>
|
||
<el-col :span="6" class="cards">
|
||
<div class="box">
|
||
<div class="box_num">
|
||
<div class="box_color">微信APP充值金额</div>
|
||
<div class="text_color">
|
||
<span>{{
|
||
rechgeData.weiXinAppMoney ? rechgeData.weiXinAppMoney : 0
|
||
}}</span>元
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-col>
|
||
<el-col :span="6" class="cards">
|
||
<div class="box">
|
||
<div class="box_num">
|
||
<div class="box_color">微信公众号充值金额</div>
|
||
<div class="text_color">
|
||
<span>{{
|
||
rechgeData.weiXinGZHMoney ? rechgeData.weiXinGZHMoney : 0
|
||
}}</span>元
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-col>
|
||
<el-col :span="6" class="cards">
|
||
<div class="box">
|
||
<div class="box_num">
|
||
<div class="box_color">微信小程序充值金额</div>
|
||
<div class="text_color">
|
||
<span>{{
|
||
rechgeData.weiXinXCXMoney ? rechgeData.weiXinXCXMoney : 0
|
||
}}</span>元
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-col>
|
||
|
||
<el-col :span="6" class="cards">
|
||
<div class="box">
|
||
<div class="box_num">
|
||
<div class="box_color">支付APP充值金额</div>
|
||
<div class="text_color">
|
||
<span>{{
|
||
rechgeData.zhiFuBaoAppMoney
|
||
? rechgeData.zhiFuBaoAppMoney
|
||
: 0
|
||
}}</span>元
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-col>
|
||
<el-col :span="6" class="cards">
|
||
<div class="box">
|
||
<div class="box_num">
|
||
<div class="box_color">小程序充值金额</div>
|
||
<div class="text_color">
|
||
<span>{{
|
||
rechgeData.weiXinXCXMoney ? rechgeData.weiXinXCXMoney : 0
|
||
}}</span>元
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-col>
|
||
<el-col :span="6" class="cards">
|
||
<div class="box">
|
||
<div class="box_num">
|
||
<div class="box_color">支付宝H5充值金额</div>
|
||
<div class="text_color">
|
||
<span>{{
|
||
rechgeData.zhiFuBaoH5Money ? rechgeData.zhiFuBaoH5Money : 0
|
||
}}</span>元
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-col>
|
||
<el-col :span="6" class="cards">
|
||
<div class="box">
|
||
<div class="box_num">
|
||
<div class="box_color">抖音充值金额</div>
|
||
<div class="text_color">
|
||
<span>{{ rechgeData.dyMoney ? rechgeData.dyMoney : 0 }}</span>元
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-col>
|
||
<el-col :span="6" class="cards">
|
||
<div class="box">
|
||
<div class="box_num">
|
||
<div class="box_color">苹果充值金额</div>
|
||
<div class="text_color">
|
||
<span>{{
|
||
rechgeData.iosMoney ? rechgeData.iosMoney : 0
|
||
}}</span>元
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-col>
|
||
<el-col :span="6" class="cards">
|
||
<div class="box">
|
||
<div class="box_num">
|
||
<div class="box_color">快手充值金额</div>
|
||
<div class="text_color">
|
||
<span>{{ rechgeData.ksMoney ? rechgeData.ksMoney : 0 }}</span>元
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</el-col>
|
||
</el-row>
|
||
</el-tab-pane>
|
||
<el-tab-pane label="充值记录" name="fourth">
|
||
<div style="margin: 2% 0; display: inline-block">
|
||
<span>状态：</span>
|
||
<el-select v-model="state" placeholder="请选择状态" style="width: 150px" @change="timeDate()">
|
||
<el-option v-for="item in states" :key="item.value" :label="item.label" :value="item.value">
|
||
</el-option>
|
||
</el-select>
|
||
</div>
|
||
<div style="position: relative; display: inline-block">
|
||
<span>充值订单号：</span>
|
||
<el-input style="width: 200px" @keydown.enter.native="timeDate" placeholder="请输入充值订单号"
|
||
v-model="orderId"></el-input>
|
||
<span @click="timeDate" style="position: absolute; right: 18px; top: 8px">
|
||
<icon-svg name="shousuo" class="site-sidebar__menu-icon"></icon-svg>
|
||
</span>
|
||
</div>
|
||
<div style="position: relative; display: inline-block">
|
||
<span>用户昵称：</span>
|
||
<el-input style="width: 200px" @keydown.enter.native="timeDate" placeholder="请输入用户昵称"
|
||
v-model="userName"></el-input>
|
||
<span @click="timeDate" style="position: absolute; right: 18px; top: 8px">
|
||
<icon-svg name="shousuo" class="site-sidebar__menu-icon"></icon-svg>
|
||
</span>
|
||
</div>
|
||
<div style="display: inline-block">
|
||
<span>开始时间：</span>
|
||
<el-date-picker style="width: 160px; margin-left: 10px" v-model="startTime" align="right" type="datetime"
|
||
format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择开始时间">
|
||
</el-date-picker>
|
||
<span>截止时间：</span>
|
||
<el-date-picker style="width: 160px; margin-left: 10px" v-model="endTime" align="right" type="datetime"
|
||
format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择截止时间">
|
||
</el-date-picker>
|
||
<el-button style="margin-left: 15px" size="mini" type="primary" icon="document" @click="timeDate">查询
|
||
</el-button>
|
||
<el-button style="margin-left: 15px" size="mini" type="primary" icon="document" @click="selectTrigger">重置
|
||
</el-button>
|
||
</div>
|
||
<el-table v-loading="tableDataLoading" :data="rechargeData">
|
||
<el-table-column fixed prop="id" label="编号" width="80">
|
||
</el-table-column>
|
||
<el-table-column prop="userName" label="用户昵称">
|
||
<template slot-scope="scope">
|
||
<span style="color: #4f9dec; cursor: pointer" @click="updates(scope.row.userId)">{{ scope.row.userName ?
|
||
scope.row.userName : "未绑定" }}</span>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column prop="orderId" label="充值订单号" width="250">
|
||
</el-table-column>
|
||
<el-table-column prop="money" label="充值金额" width="100">
|
||
</el-table-column>
|
||
<el-table-column prop="payDiamond" label="钻石价格" width="100">
|
||
</el-table-column>
|
||
<el-table-column prop="diamond" label="是否是钻石支付" width="100">
|
||
<template slot-scope="scope">
|
||
<span v-if="scope.row.diamond == 1">是</span>
|
||
<span v-else>否</span>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column label="分类" width="120">
|
||
<template slot-scope="scope">
|
||
<span style="color: #4f9dec; cursor: pointer" v-if="scope.row.classify == 1">app微信</span>
|
||
<span style="color: #4f9dec; cursor: pointer" v-if="scope.row.classify == 2">微信公众号</span>
|
||
<span style="color: #4f9dec; cursor: pointer" v-if="scope.row.classify == 3">微信小程序</span>
|
||
<span style="color: #4f9dec; cursor: pointer" v-if="scope.row.classify == 4">app支付宝</span>
|
||
<span style="color: #4f9dec; cursor: pointer" v-if="scope.row.classify == 5">h5支付宝</span>
|
||
<span style="color: #4f9dec; cursor: pointer" v-if="scope.row.classify == 6">抖音</span>
|
||
<span style="color: #4f9dec; cursor: pointer" v-if="scope.row.classify == 7">苹果支付</span>
|
||
<span style="color: #4f9dec; cursor: pointer" v-if="scope.row.classify == 8">快手支付</span>
|
||
<span style="color: #4f9dec; cursor: pointer" v-if="scope.row.classify == 9">系统充值</span>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column label="状态" width="120">
|
||
<template slot-scope="scope">
|
||
<span style="color: #4f9dec" v-if="scope.row.state == 0">待充值</span>
|
||
<span style="color: #4f9dec" v-if="scope.row.state == 1">充值成功</span>
|
||
<span style="color: #4f9dec" v-if="scope.row.state == 2">充值失败</span>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column prop="createTime" label="创建时间" width="170">
|
||
</el-table-column>
|
||
<el-table-column prop="payTime" label="支付时间" width="170">
|
||
</el-table-column>
|
||
</el-table>
|
||
<div style="text-align: center; margin-top: 10px">
|
||
<el-pagination @size-change="handleSizeChange1" @current-change="handleCurrentChange1"
|
||
:page-sizes="[10, 20, 30, 40]" :page-size="limit" :current-page="page"
|
||
layout="total,sizes, prev, pager, next,jumper" :total="totalnum2">
|
||
</el-pagination>
|
||
</div>
|
||
</el-tab-pane>
|
||
|
||
<el-tab-pane label="抽奖转盘" name="sexth">
|
||
<div class="">
|
||
|
||
<div style="margin-bottom: 20px">
|
||
<el-select @change="zhuanPanTypeChange" v-model="zhuanPanType" placeholder="请选择">
|
||
<el-option v-for="item in zhuanPanTypes" :key="item.value" :label="item.label" :value="item.value">
|
||
</el-option>
|
||
</el-select>
|
||
</div>
|
||
<div style="margin-bottom: 20px;">
|
||
<el-button type="primary" @click="refAddZhuanpanOpen" v-if="zhuanPanType > 1">添加抽奖项</el-button>
|
||
</div>
|
||
<el-table :border="true" :data="zhuanpanData">
|
||
<el-table-column label="名称" prop="name"></el-table-column>
|
||
<el-table-column label="图片">
|
||
<template slot-scope="scope">
|
||
<img style="width: 50px; height: 50px" v-if="scope.row.url" :src="scope.row.url" />
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column label="类型">
|
||
<template slot-scope="scope">
|
||
<span>{{ returnTypeName(scope.row.type) }}</span>
|
||
</template>
|
||
</el-table-column>
|
||
<!-- <el-table-column label="数量">
|
||
<template slot-scope="scope">
|
||
<span>{{ scope.row.number }}</span>
|
||
</template>
|
||
</el-table-column> -->
|
||
<!-- <el-table-column label="红包金额比例" >
|
||
<template slot-scope="scope">
|
||
<span>{{ scope.row.ratio }}</span>
|
||
</template>
|
||
</el-table-column> -->
|
||
<el-table-column label="中奖概率">
|
||
<template slot-scope="scope">
|
||
<span>{{ scope.row.odds }}%</span>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column label="编辑">
|
||
<template slot-scope="scope">
|
||
<el-button type="text" size="mini" @click="refAddZhuanpanOpen(scope.row)">编辑</el-button>
|
||
<el-button type="text" size="mini" @click="depPopZhuanpanPack(scope.row)">删除</el-button>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
</el-tab-pane>
|
||
<el-tab-pane label="现金红包抽奖金额配置" name="senven">
|
||
<div class="">
|
||
<div style="margin-bottom: 20px">
|
||
<el-button type="primary" @click="openPop('refAddRedPack')">添加</el-button>
|
||
</div>
|
||
<el-table :border="true" :data="redPackData">
|
||
<el-table-column label="描述" prop="name"></el-table-column>
|
||
<el-table-column label="最大金额" prop="maxAmount"></el-table-column>
|
||
<el-table-column label="中奖概率">
|
||
<template slot-scope="scope">
|
||
<span>{{ scope.row.random }}</span>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column label="是否启用">
|
||
<template slot-scope="scope">
|
||
<el-switch @change="redPackChangeStatus($event, scope.row)" v-model="scope.row.status"
|
||
:inactive-value="0" :active-value="1"></el-switch>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column label="编辑">
|
||
<template slot-scope="scope">
|
||
<el-button type="text" size="mini" @click="openPop('refAddRedPack', scope.row)">编辑</el-button>
|
||
<el-button type="text" size="mini" @click="depPopRedPack(scope.row)">删除</el-button>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
</el-tab-pane>
|
||
</el-tabs>
|
||
<pop-add-zhuanpan ref="refAddZhuanpan" @refresh="zhuanPanRefresh" :source="zhuanPanType"></pop-add-zhuanpan>
|
||
<pop-add-red-pack ref="refAddRedPack" @refresh="redpackRefresh"></pop-add-red-pack>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import $disc from "@/api/disc-spinning.js";
|
||
import popAddZhuanpan from "./components/pop-add-zhuanpan.vue";
|
||
import popAddRedPack from "./components/pop-add-redPack.vue";
|
||
import WithdrawManage from "./components/withdraw-manage.vue";
|
||
import WithdrawTotal from './components/withdrawTotal.vue';
|
||
import { $redPackApi } from "@/api/red-pack.js";
|
||
export default {
|
||
components: { popAddZhuanpan, popAddRedPack, WithdrawManage, WithdrawTotal },
|
||
data() {
|
||
return {
|
||
zhuanPanType: 1,
|
||
zhuanPanTypes: [
|
||
{ value: 1, label: '普通转盘' },
|
||
{ value: 2, label: '周任务转盘' },
|
||
{ value: 3, label: '月任务转盘' },
|
||
],
|
||
redPackData: [],
|
||
//抽奖转盘数据
|
||
zhuanpanData: [],
|
||
page: 1,
|
||
limit: 10,
|
||
balance: -1,
|
||
zhifubao: "",
|
||
tkstatus: -1,
|
||
state: 1,
|
||
states: [
|
||
{
|
||
label: "全部",
|
||
value: -1,
|
||
},
|
||
{
|
||
label: "待充值",
|
||
value: 0,
|
||
},
|
||
{
|
||
label: "充值成功",
|
||
value: 1,
|
||
},
|
||
{
|
||
label: "充值失败",
|
||
value: 2,
|
||
},
|
||
],
|
||
stateTx: -2,
|
||
statesTx: [
|
||
{
|
||
label: "全部",
|
||
value: -2,
|
||
},
|
||
{
|
||
label: "待转账",
|
||
value: 0,
|
||
},
|
||
{
|
||
label: "已转账",
|
||
value: 1,
|
||
},
|
||
{
|
||
label: "已拒绝",
|
||
value: -1,
|
||
},
|
||
],
|
||
typeTx: "",
|
||
typeType: [
|
||
{
|
||
label: "全部",
|
||
value: "",
|
||
},
|
||
{
|
||
label: "用户",
|
||
value: 1,
|
||
},
|
||
{
|
||
label: "分销商",
|
||
value: 2,
|
||
},
|
||
],
|
||
zhifubaoName: "",
|
||
content: "",
|
||
startTime: "",
|
||
endTime: "",
|
||
cashId: "",
|
||
type: -1,
|
||
totalnum: 0,
|
||
totalnum2: 0,
|
||
sqxTotal: "",
|
||
userTotal: "",
|
||
taunTotal: "",
|
||
relationId: "",
|
||
sumMoneyByTime: "",
|
||
money: "",
|
||
activeName: "withdraw",
|
||
// activeName: 'withdrawTotal',
|
||
formLabelWidth: "200px",
|
||
dialogFormVisible: false,
|
||
dialogFormVisible1: false,
|
||
dialogFormVisible2: false,
|
||
tableDataLoading: false,
|
||
tableData: [],
|
||
rechargeData: [],
|
||
rechgeData: {},
|
||
withdrawData: {},
|
||
depositData: [],
|
||
MoneyData: {},
|
||
checkBoxData: [], //多选框选择的值
|
||
flag: 1,
|
||
form: {
|
||
cashId: "",
|
||
content: "",
|
||
},
|
||
form2: {
|
||
id: "",
|
||
money: "",
|
||
createTime: "",
|
||
},
|
||
info: {
|
||
stockDate: this.getNowTime(), //日期
|
||
},
|
||
info1: {
|
||
stockDate1: this.getNowTime1(), //日期
|
||
},
|
||
info2: {
|
||
stockDate2: this.getNowTime2(), //日期
|
||
},
|
||
flags: [
|
||
{
|
||
value: 1,
|
||
label: "按天查询",
|
||
},
|
||
{
|
||
value: 2,
|
||
label: "按月查询",
|
||
},
|
||
{
|
||
value: 3,
|
||
label: "按年查询",
|
||
},
|
||
],
|
||
userName: "",
|
||
orderId: "",
|
||
sysUserName: "",
|
||
};
|
||
},
|
||
methods: {
|
||
zhuanPanTypeChange() {
|
||
this.zhuanPanInit();
|
||
},
|
||
depPopZhuanpanPack(item) {
|
||
this.$confirm("是否删除该转盘配置?", "提示", {
|
||
confirmButtonText: "确定",
|
||
cancelButtonText: "取消",
|
||
type: "warning",
|
||
})
|
||
.then(() => {
|
||
$disc.del(item).then((res) => {
|
||
const data = res.data;
|
||
if (data.code == 0) {
|
||
this.$message.success("删除成功");
|
||
this.zhuanPanInit();
|
||
} else {
|
||
this.$message.error(data.msg || "删除失败");
|
||
}
|
||
});
|
||
})
|
||
.catch(() => { });
|
||
},
|
||
depPopRedPack(item) {
|
||
this.$confirm("是否删除该红包抽奖配置?", "提示", {
|
||
confirmButtonText: "确定",
|
||
cancelButtonText: "取消",
|
||
type: "warning",
|
||
})
|
||
.then(() => {
|
||
$redPackApi.del(item.id).then((res) => {
|
||
const data = res.data;
|
||
if (data.code == 0) {
|
||
this.$message.success("删除成功");
|
||
this.redPackInit();
|
||
} else {
|
||
this.$message.error(data.msg || "删除失败");
|
||
}
|
||
});
|
||
})
|
||
.catch(() => { });
|
||
},
|
||
async redPackChangeStatus(e, item) {
|
||
console.log(e);
|
||
const res = await $redPackApi.update({ ...item, status: e, source: this.zhuanPanType });
|
||
if (res.data.code == 0) {
|
||
this.$message.success("修改成功");
|
||
this.redPackInit();
|
||
} else {
|
||
this.$message.error(res.data.msg || "修改失败");
|
||
}
|
||
},
|
||
redpackRefresh() {
|
||
this.page = 1;
|
||
this.limit = 10;
|
||
this.redPackInit();
|
||
},
|
||
zhuanPanRefresh() {
|
||
this.page = 1;
|
||
this.limit = 10;
|
||
this.zhuanPanInit();
|
||
},
|
||
returnTypeName(type) {
|
||
const $types = {
|
||
1: "谢谢惠顾",
|
||
2: "现金红包",
|
||
3: "物品",
|
||
};
|
||
return $types[type] ? $types[type] : "";
|
||
},
|
||
openPop(key, item) {
|
||
this.$refs[key].open(item);
|
||
},
|
||
// 转盘添加弹窗show
|
||
refAddZhuanpanOpen(item) {
|
||
this.$refs.refAddZhuanpan.open(item);
|
||
},
|
||
// 会员详情跳转
|
||
updates(userId) {
|
||
if (userId) {
|
||
this.$router.push({
|
||
path: "/userDetail",
|
||
query: {
|
||
userId: userId,
|
||
},
|
||
});
|
||
}
|
||
},
|
||
updatesF(userId) {
|
||
this.$router.push({
|
||
path: "/storeincomeZ",
|
||
query: {
|
||
userId: userId,
|
||
},
|
||
});
|
||
},
|
||
// 批量转账
|
||
transferClcik(id) {
|
||
var ids = id
|
||
? [id]
|
||
: this.checkBoxData.map((item) => {
|
||
return item.id;
|
||
});
|
||
for (var i in ids) {
|
||
this.$http({
|
||
url: this.$http.adornUrl(`cash/alipay/${ids[i]}`),
|
||
method: "post",
|
||
data: this.$http.adornData({}),
|
||
}).then(({ data }) => {
|
||
if (data.code == 0) {
|
||
this.$notify({
|
||
title: "提示",
|
||
duration: 1800,
|
||
message: data.msg,
|
||
type: "warning",
|
||
});
|
||
return;
|
||
}
|
||
if (data.code == 9999) {
|
||
this.$notify({
|
||
title: "提示",
|
||
duration: 1800,
|
||
message: data.msg,
|
||
type: "error",
|
||
});
|
||
return;
|
||
}
|
||
});
|
||
}
|
||
},
|
||
// 多选
|
||
changeFun(val) {
|
||
this.checkBoxData = val;
|
||
},
|
||
//转账
|
||
batch(row) {
|
||
if (row.state == 1) {
|
||
this.$message({
|
||
message: "已转账，请勿重复操作！",
|
||
type: "error",
|
||
duration: 1500,
|
||
});
|
||
return;
|
||
}
|
||
this.$confirm(`确定转账?`, "提示", {
|
||
confirmButtonText: "确定",
|
||
cancelButtonText: "取消",
|
||
type: "warning",
|
||
}).then(() => {
|
||
this.$http({
|
||
url: this.$http.adornUrl(`cash/alipay/${row.id}`),
|
||
method: "post",
|
||
data: this.$http.adornData({}),
|
||
}).then(({ data }) => {
|
||
if (data.code == 0) {
|
||
this.$message({
|
||
message: data.msg,
|
||
type: "success",
|
||
duration: 1500,
|
||
onClose: () => {
|
||
this.dataSelect();
|
||
},
|
||
});
|
||
return;
|
||
}
|
||
if (data.code == 9999) {
|
||
this.$message({
|
||
message: data.msg,
|
||
type: "error",
|
||
duration: 1500,
|
||
onClose: () => {
|
||
this.dataSelect();
|
||
},
|
||
});
|
||
return;
|
||
}
|
||
if (data.code == 500) {
|
||
this.$message({
|
||
message: data.msg,
|
||
type: "error",
|
||
duration: 1500,
|
||
onClose: () => {
|
||
this.dataSelect();
|
||
},
|
||
});
|
||
return;
|
||
}
|
||
});
|
||
});
|
||
},
|
||
// 拒绝
|
||
refund(row) {
|
||
if (row.state == -1) {
|
||
this.$message({
|
||
message: "已拒绝，请勿重复操作！",
|
||
type: "error",
|
||
duration: 1500,
|
||
});
|
||
} else {
|
||
this.dialogFormVisible = true;
|
||
this.form.cashId = row.id;
|
||
}
|
||
},
|
||
// 拒绝操作
|
||
refundNoticeTo() {
|
||
if (this.form.content == "") {
|
||
this.$message({
|
||
message: "请输入拒绝原因",
|
||
type: "error",
|
||
duration: 1500,
|
||
});
|
||
return;
|
||
}
|
||
this.$http({
|
||
url: this.$http.adornUrl(
|
||
`cash/refund/${this.form.cashId}/${this.form.content}`
|
||
),
|
||
method: "post",
|
||
data: this.$http.adornData({}),
|
||
}).then(({ data }) => {
|
||
if (data.code == 0) {
|
||
this.dialogFormVisible = false;
|
||
this.$message({
|
||
message: "操作成功",
|
||
type: "success",
|
||
duration: 1500,
|
||
onClose: () => {
|
||
this.form.content = "";
|
||
this.dataSelect();
|
||
},
|
||
});
|
||
return;
|
||
}
|
||
if (data.code == 500) {
|
||
this.dialogFormVisible = false;
|
||
this.$message({
|
||
message: data.msg,
|
||
type: "error",
|
||
duration: 1500,
|
||
onClose: () => {
|
||
this.form.content = "";
|
||
this.dataSelect();
|
||
},
|
||
});
|
||
return;
|
||
}
|
||
if (data.code == -100) {
|
||
this.dialogFormVisible = false;
|
||
this.$message({
|
||
message: data.msg,
|
||
type: "error",
|
||
duration: 1500,
|
||
onClose: () => {
|
||
this.form.content = "";
|
||
this.dataSelect();
|
||
},
|
||
});
|
||
return;
|
||
}
|
||
});
|
||
},
|
||
timeDate() {
|
||
this.rechargeSelect();
|
||
},
|
||
// 日期选择
|
||
animeDat(value) {
|
||
let vanumber = value;
|
||
if (vanumber === 1) {
|
||
this.flag = 1;
|
||
this.incomeSelect();
|
||
}
|
||
if (vanumber === 2) {
|
||
this.flag = 2;
|
||
this.incomeSelect();
|
||
}
|
||
if (vanumber === 3) {
|
||
this.flag = 3;
|
||
this.incomeSelect();
|
||
}
|
||
},
|
||
// 日期选择2
|
||
animeDat2(value) {
|
||
let vanumber = value;
|
||
if (vanumber === 1) {
|
||
this.flag = 1;
|
||
this.withdrawSelect();
|
||
}
|
||
if (vanumber === 2) {
|
||
this.flag = 2;
|
||
this.withdrawSelect();
|
||
}
|
||
if (vanumber === 3) {
|
||
this.flag = 3;
|
||
this.withdrawSelect();
|
||
}
|
||
},
|
||
// 日期选择3
|
||
animeDat3(value) {
|
||
let vanumber = value;
|
||
if (vanumber === 1) {
|
||
this.flag = 1;
|
||
this.rechSelect();
|
||
}
|
||
if (vanumber === 2) {
|
||
this.flag = 2;
|
||
this.rechSelect();
|
||
}
|
||
if (vanumber === 3) {
|
||
this.flag = 3;
|
||
this.rechSelect();
|
||
}
|
||
},
|
||
animeSelect() {
|
||
this.incomeSelect();
|
||
},
|
||
animeSelect2() {
|
||
this.withdrawSelect();
|
||
},
|
||
animeSelect3() {
|
||
this.rechSelect();
|
||
},
|
||
//处理默认选中当前日期
|
||
getNowTime1() {
|
||
var now = new Date();
|
||
var year = now.getFullYear(); //得到年份
|
||
var month = now.getMonth(); //得到月份
|
||
var date = now.getDate(); //得到日期
|
||
var hh = now.getHours() < 10 ? "0" + now.getHours() : now.getHours();
|
||
var mm =
|
||
now.getMinutes() < 10 ? "0" + now.getMinutes() : now.getMinutes();
|
||
var ss =
|
||
now.getSeconds() < 10 ? "0" + now.getSeconds() : now.getSeconds();
|
||
month = month + 1;
|
||
month = month.toString().padStart(2, "0");
|
||
date = date.toString().padStart(2, "0");
|
||
var defaultDate = `${year}-${month}-${date} ${hh}:${mm}:${ss}`;
|
||
return defaultDate;
|
||
this.$set(this.info, "stockDate", defaultDate);
|
||
},
|
||
getNowTime2() {
|
||
var now = new Date();
|
||
var year = now.getFullYear(); //得到年份
|
||
var month = now.getMonth(); //得到月份
|
||
var date = now.getDate(); //得到日期
|
||
month = month + 1;
|
||
month = month.toString().padStart(2, "0");
|
||
date = date.toString().padStart(2, "0");
|
||
var defaultDate = `${year}-${month}-${date}`;
|
||
return defaultDate;
|
||
this.$set(this.info, "stockDate", defaultDate);
|
||
},
|
||
//处理默认选中当前日期
|
||
getNowTime() {
|
||
var now = new Date();
|
||
var year = now.getFullYear(); //得到年份
|
||
var month = now.getMonth() - now.getMonth(); //得到月份
|
||
var date = now.getDate() - now.getDate() + 1; //得到日期
|
||
month = month + 1;
|
||
month = month.toString().padStart(2, "0");
|
||
date = date.toString().padStart(2, "0");
|
||
var defaultDate = `${year}-${month}-${date}`;
|
||
return defaultDate;
|
||
this.$set(this.info, "stockDate", defaultDate);
|
||
},
|
||
handleSizeChange(val) {
|
||
this.limit = val;
|
||
this.dataSelect();
|
||
},
|
||
handleCurrentChange(val) {
|
||
this.page = val;
|
||
this.dataSelect();
|
||
},
|
||
handleSizeChange1(val) {
|
||
this.limit = val;
|
||
this.rechargeSelect();
|
||
},
|
||
handleCurrentChange1(val) {
|
||
this.page = val;
|
||
this.rechargeSelect();
|
||
},
|
||
//转盘数据初始化
|
||
async zhuanPanInit() {
|
||
const { data } = await $disc.getList({
|
||
page: this.page,
|
||
limit: this.limit,
|
||
source: this.zhuanPanType
|
||
});
|
||
this.zhuanpanData = data.data.records;
|
||
},
|
||
//现金红包抽奖配置数据初始化
|
||
async redPackInit() {
|
||
const { data } = await $redPackApi.getList({
|
||
page: this.page,
|
||
limit: this.limit,
|
||
source: this.zhuanPanType
|
||
});
|
||
this.redPackData = data.data.records;
|
||
},
|
||
handleClick(tab, event) {
|
||
this.orderId = "";
|
||
this.userName = "";
|
||
this.sysUserName = "";
|
||
this.typeTx = "";
|
||
if (tab._props.label == "提现管理") {
|
||
this.page = 1;
|
||
this.limit = 10;
|
||
this.dataSelect();
|
||
}
|
||
if (tab._props.label == "收入统计") {
|
||
this.flag = 1;
|
||
this.incomeSelect();
|
||
}
|
||
if (tab._props.label == "充值统计") {
|
||
this.flag = 1;
|
||
this.rechSelect();
|
||
}
|
||
if (tab._props.label == "提现统计") {
|
||
this.flag = 1;
|
||
this.withdrawSelect();
|
||
}
|
||
if (tab._props.label == "充值记录") {
|
||
this.page = 1;
|
||
this.limit = 10;
|
||
this.rechargeSelect();
|
||
}
|
||
if (tab._props.label == "抽奖转盘") {
|
||
this.page = 1;
|
||
this.limit = 10;
|
||
this.zhuanPanInit();
|
||
}
|
||
if (tab._props.label == "现金红包抽奖金额配置") {
|
||
this.page = 1;
|
||
this.limit = 10;
|
||
this.redPackInit();
|
||
}
|
||
},
|
||
// 查询
|
||
phoneSelect() {
|
||
this.page = 1;
|
||
this.dataSelect();
|
||
},
|
||
// 重置
|
||
cleans2() {
|
||
this.zhifubao = "";
|
||
this.zhifubaoName = "";
|
||
this.page = 1;
|
||
this.startTime = "";
|
||
this.endTime = "";
|
||
this.stateTx = -2;
|
||
this.typeTx = "";
|
||
this.userName = "";
|
||
this.sysUserName = "";
|
||
this.dataSelect();
|
||
},
|
||
// 支付宝账号查询
|
||
// zfbselect () {
|
||
// if (this.zhifubao == '') {
|
||
// this.$notify({
|
||
// title: '提示',
|
||
// duration: 1800,
|
||
// message: '请输入支付宝账号',
|
||
// type: 'error'
|
||
// })
|
||
// return
|
||
// }
|
||
// this.page = 1
|
||
// this.tableDataLoading = true
|
||
// this.$http({
|
||
// url: this.$http.adornUrl('user/selectPayDetails'),
|
||
// method: 'get',
|
||
// params: this.$http.adornParams({
|
||
// 'page':this.page,
|
||
// 'limit':this.limit,
|
||
// 'zhifubao':this.zhifubao
|
||
// })
|
||
// }).then(({data}) => {
|
||
// this.tableDataLoading = false
|
||
// let returnData = data.data
|
||
// this.tableData = returnData.list
|
||
// this.totalnum = returnData.totalCount
|
||
// })
|
||
// },
|
||
// // 支付宝名称
|
||
// qdselect () {
|
||
// if (this.zhifubaoName == '') {
|
||
// this.$notify({
|
||
// title: '提示',
|
||
// duration: 1800,
|
||
// message: '请输入渠道账号',
|
||
// type: 'error'
|
||
// })
|
||
// return
|
||
// }
|
||
// this.tableDataLoading = true
|
||
// this.$http({
|
||
// url: this.$http.adornUrl('user/selectPayDetails'),
|
||
// method: 'get',
|
||
// params: this.$http.adornParams({
|
||
// 'page':this.page,
|
||
// 'limit':this.limit,
|
||
// 'zhifubaoName':this.zhifubaoName
|
||
// })
|
||
// }).then(({data}) => {
|
||
// this.tableDataLoading = false
|
||
// let returnData = data.data
|
||
// this.tableData = returnData.list
|
||
// this.totalnum = returnData.totalCount
|
||
// })
|
||
// },
|
||
// 获取数据列表
|
||
dataSelect() {
|
||
this.tableDataLoading = true;
|
||
this.$http({
|
||
url: this.$http.adornUrl("cash/selectPayDetails"),
|
||
method: "get",
|
||
params: this.$http.adornParams({
|
||
page: this.page,
|
||
limit: this.limit,
|
||
zhifubaoName: this.zhifubaoName,
|
||
zhifubao: this.zhifubao,
|
||
status: this.stateTx,
|
||
userType: this.typeTx,
|
||
startTime: this.startTime,
|
||
endTime: this.endTime,
|
||
userName: this.userName,
|
||
sysUserName: this.sysUserName,
|
||
}),
|
||
}).then(({ data }) => {
|
||
this.tableDataLoading = false;
|
||
let returnData = data.data;
|
||
this.tableData = returnData.list;
|
||
this.totalnum = returnData.totalCount;
|
||
});
|
||
},
|
||
// 收入统计
|
||
incomeSelect() {
|
||
this.$http({
|
||
url: this.$http.adornUrl("cash/statisticsIncomeMoney"),
|
||
method: "get",
|
||
params: this.$http.adornParams({
|
||
time: this.info1.stockDate1,
|
||
flag: this.flag,
|
||
}),
|
||
}).then(({ data }) => {
|
||
if (data.code == 0) {
|
||
let returnData = data.data;
|
||
this.MoneyData = returnData;
|
||
}
|
||
});
|
||
},
|
||
// 充值统计
|
||
rechSelect() {
|
||
this.$http({
|
||
url: this.$http.adornUrl("cash/payMember"),
|
||
method: "get",
|
||
params: this.$http.adornParams({
|
||
time: this.info1.stockDate1,
|
||
flag: this.flag,
|
||
}),
|
||
}).then(({ data }) => {
|
||
if (data.code == 0) {
|
||
let returnData = data.data;
|
||
this.rechgeData = returnData;
|
||
}
|
||
});
|
||
},
|
||
// 提现统计
|
||
withdrawSelect() {
|
||
this.$http({
|
||
url: this.$http.adornUrl("cash/statisticsCashMoney"),
|
||
method: "get",
|
||
params: this.$http.adornParams({
|
||
time: this.info1.stockDate1,
|
||
flag: this.flag,
|
||
}),
|
||
}).then(({ data }) => {
|
||
let returnData = data.data;
|
||
this.withdrawData = returnData;
|
||
});
|
||
},
|
||
selectTrigger() {
|
||
this.page = 1;
|
||
this.state = "";
|
||
this.startTime = "";
|
||
this.endTime = "";
|
||
this.orderId = "";
|
||
this.userName = "";
|
||
this.rechargeSelect();
|
||
},
|
||
// 获取充值记录
|
||
rechargeSelect() {
|
||
if (this.endTime == "") {
|
||
this.endTime = this.info2.stockDate2;
|
||
}
|
||
if (this.startTime == "") {
|
||
this.startTime = this.info.stockDate;
|
||
}
|
||
this.tableDataLoading = true;
|
||
this.$http({
|
||
url: this.$http.adornUrl("cash/selectUserRecharge"),
|
||
method: "get",
|
||
params: this.$http.adornParams({
|
||
page: this.page,
|
||
limit: this.limit,
|
||
state: this.state,
|
||
startTime: this.startTime,
|
||
endTime: this.endTime,
|
||
orderId: this.orderId,
|
||
userName: this.userName,
|
||
}),
|
||
}).then(({ data }) => {
|
||
this.tableDataLoading = false;
|
||
let returnData = data.data;
|
||
this.rechargeData = returnData.list;
|
||
this.totalnum2 = returnData.totalCount;
|
||
});
|
||
},
|
||
// 导出
|
||
exportBtn() {
|
||
// if (this.endTime == '') {
|
||
// this.endTime = this.info.stockDate
|
||
// }
|
||
// if (this.startTime == '') {
|
||
// this.startTime = this.info2.stockDate2
|
||
// }
|
||
// var endTime = this.endTime
|
||
// if (this.endTime != '') {
|
||
// endTime = this.endTime + " 23:59:59"
|
||
// }
|
||
this.$http({
|
||
url: this.$http.adornUrl("cash/excelPayDetails"),
|
||
method: "get",
|
||
responseType: "blob",
|
||
params: this.$http.adornParams({
|
||
// 'page': page,
|
||
// 'size': this.size,
|
||
zhifubaoName: this.zhifubaoName,
|
||
zhifubao: this.zhifubao,
|
||
status: this.stateTx,
|
||
startTime: this.startTime,
|
||
endTime: this.endTime,
|
||
}),
|
||
}).then(({ data }) => {
|
||
let blob = new Blob([data], {
|
||
type: "application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
|
||
});
|
||
if (window.navigator.msSaveOrOpenBlob) {
|
||
navigator.msSaveBlob(blob);
|
||
} else {
|
||
let url = window.URL.createObjectURL(blob);
|
||
let elink = document.createElement("a");
|
||
elink.download = "提现列表.xlsx";
|
||
elink.style.display = "none";
|
||
elink.href = url;
|
||
document.body.appendChild(elink);
|
||
elink.click();
|
||
document.body.removeChild(elink);
|
||
}
|
||
});
|
||
},
|
||
},
|
||
mounted() {
|
||
this.dataSelect();
|
||
},
|
||
};
|
||
</script>
|
||
|
||
<style scoped="scoped">
|
||
.box {
|
||
padding: 44px;
|
||
border: 1px solid #eee;
|
||
margin: 15px 10px;
|
||
}
|
||
|
||
.box_num {
|
||
font-size: 14px;
|
||
color: #66b1ff;
|
||
}
|
||
|
||
.box_num .box_color {
|
||
color: #333;
|
||
font-size: 14px;
|
||
margin-bottom: 15px;
|
||
}
|
||
|
||
.box_num div span {
|
||
font-size: 20px;
|
||
margin-left: 5px;
|
||
}
|
||
|
||
.text_color {
|
||
color: #4f9dec;
|
||
}
|
||
|
||
.text_color span {
|
||
margin-right: 5px;
|
||
}
|
||
</style> |