|
|
@@ -1,162 +1,105 @@
|
|
|
<!-- -->
|
|
|
<template>
|
|
|
- <div class="pdl">
|
|
|
- <!-- 搜索 -->
|
|
|
- <div class="formSearch">
|
|
|
- <el-form :inline="true" :model="formInline">
|
|
|
- <el-form-item label="店铺名称">
|
|
|
- <el-input v-model="formInline.shopName" maxlength="20" placeholder="请输入店铺名称" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="店铺编码">
|
|
|
- <el-input v-model="formInline.shopCode" maxlength="20" placeholder="请输入店铺编码" />
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- <el-form-item label="提现日期">
|
|
|
- <el-date-picker v-model="formInline.startTime" type="date" value-format="yyyy-MM-dd" placeholder="选择日期" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="处理状态">
|
|
|
- <el-select v-model="formInline.state" placeholder="请选择">
|
|
|
- <el-option label="待处理" value="0" />
|
|
|
- <el-option label="已处理" value="1" />
|
|
|
- <el-option label="通过" value="2" />
|
|
|
- <el-option label="拒绝" value="3" />
|
|
|
- <el-option label="打款失败" value="4" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item>
|
|
|
- <el-button type="primary" plain @click="search">查询</el-button>
|
|
|
- <el-button type="success" plain @click="clear">重置</el-button>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
+ <div class="app-container">
|
|
|
+ <!-- 查询和其他操作 -->
|
|
|
+ <div class="filter-container">
|
|
|
+ <el-input
|
|
|
+ v-model="listQuery.shopName" clearable size="mini" class="filter-item"
|
|
|
+ style="width: 200px;"
|
|
|
+ placeholder="请输入店铺名称"
|
|
|
+ />
|
|
|
+ <el-input
|
|
|
+ v-model="listQuery.shopCode" clearable size="mini" class="filter-item"
|
|
|
+ style="width: 200px;margin-left: 10px;" placeholder="请输入店铺编码"
|
|
|
+ />
|
|
|
+ <el-date-picker
|
|
|
+ v-model="listQuery.startTime" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"
|
|
|
+ size="mini" class="filter-item" style="width: 200px;margin-left: 10px;"
|
|
|
+ />
|
|
|
+ <el-select
|
|
|
+ v-model="listQuery.state" clearable size="mini" class="filter-item"
|
|
|
+ style="width: 200px;margin-left: 10px;" placeholder="请选择处理状态"
|
|
|
+ >
|
|
|
+ <el-option label="待处理" value="0" />
|
|
|
+ <el-option label="已处理" value="1" />
|
|
|
+ <el-option label="通过" value="2" />
|
|
|
+ <el-option label="拒绝" value="3" />
|
|
|
+ <el-option label="打款失败" value="4" />
|
|
|
+ </el-select>
|
|
|
+ <el-button
|
|
|
+ size="mini" class="filter-item" type="primary" icon="el-icon-search"
|
|
|
+ style="margin-left: 10px;"
|
|
|
+ @click="handleSearch"
|
|
|
+ >
|
|
|
+ 查找
|
|
|
+ </el-button>
|
|
|
+ <el-button size="mini" type="info" class="filter-item" @click="handleReset">
|
|
|
+ 重置
|
|
|
+ </el-button>
|
|
|
</div>
|
|
|
- <!-- 表格 -->
|
|
|
- <div class="tableBox">
|
|
|
- <el-table ref="multipleTable" :data="tableData" border
|
|
|
- :header-cell-style="{ background: '#EEF3FF', color: '#333333' }" tooltip-effect="dark" style="width: 100%">
|
|
|
- <el-table-column label="店铺名称" width="220">
|
|
|
- <template slot-scope="scope">{{ scope.row.shopName }}</template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="shopCode" label="店铺编码" />
|
|
|
- <el-table-column prop="withdrawalMoney" label="提现金额" />
|
|
|
- <el-table-column prop="state" label="处理状态">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span v-if="scope.row.state == 0">待处理</span>
|
|
|
- <span v-if="scope.row.state == 1">已处理</span>
|
|
|
- <span v-if="scope.row.state == 2">通过</span>
|
|
|
- <span v-if="scope.row.state == 3">拒绝</span>
|
|
|
- <span v-if="scope.row.state == 4">打款失败</span>
|
|
|
+
|
|
|
+ <!-- 查询结果 -->
|
|
|
+ <div v-tableHeight>
|
|
|
+ <el-table
|
|
|
+ v-loading="listLoading" height="100%" element-loading-text="正在查询中。。。" :data="list"
|
|
|
+ v-bind="{ stripe: true, size: 'small', border: true, fit: true, highlightCurrentRow: true }"
|
|
|
+ >
|
|
|
+ <el-table-column align="center" width="150" label="店铺名称" prop="shopName" show-overflow-tooltip />
|
|
|
+ <el-table-column align="center" min-width="150" label="店铺编码" prop="shopCode" show-overflow-tooltip />
|
|
|
+ <el-table-column align="center" width="120" label="提现金额" prop="withdrawalMoney" show-overflow-tooltip />
|
|
|
+ <el-table-column align="center" label="处理状态" prop="state">
|
|
|
+ <template slot-scope="{ row }">
|
|
|
+ <el-tag v-if="row.state === 0" effect="plain" type="info">待处理</el-tag>
|
|
|
+ <el-tag v-else-if="row.state === 1" effect="plain" type="success">已处理</el-tag>
|
|
|
+ <el-tag v-else-if="row.state === 2" effect="plain">通过</el-tag>
|
|
|
+ <el-tag v-else-if="row.state === 3" effect="plain" type="warning">拒绝</el-tag>
|
|
|
+ <el-tag v-else-if="row.state === 4" effect="plain" type="danger">打款失败</el-tag>
|
|
|
+ <span v-else>--</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="操作" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">
|
|
|
- <div class="btnList">
|
|
|
- <el-button type="text" @click="seeMore(scope.row)">查看</el-button>
|
|
|
- <el-button v-if="scope.row.state == 0|| scope.row.state == 2" type="text" @click="desh(scope.row)">处理</el-button>
|
|
|
- </div>
|
|
|
+ <el-table-column label="操作" width="180" fixed="right" class-name="small-padding fixed-width">
|
|
|
+ <template slot-scope="{ row }">
|
|
|
+ <el-button type="warning" size="mini" @click="handleDetail(row)">
|
|
|
+ 详情
|
|
|
+ </el-button>
|
|
|
+ <el-button v-if="(row.state == 0) || (row.state == 2)" size="mini" @click="handleResolve(row)">
|
|
|
+ 处理
|
|
|
+ </el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
- <div class="fenye">
|
|
|
- <el-pagination :current-page="currentPage" :page-sizes="[10, 20, 50, 100]" :page-size="10"
|
|
|
- layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handleSizeChange"
|
|
|
- @current-change="handleCurrentChange" />
|
|
|
- </div>
|
|
|
</div>
|
|
|
- <!-- *************对话框开始************* -->
|
|
|
- <!-- 提现申请查询 -->
|
|
|
- <el-dialog :title="useState ? '查看' : '提现'" :visible.sync="addFormDialog" width="800px" center
|
|
|
- :close-on-click-modal="false" @close="closeDialog">
|
|
|
- <div class="seeModel">
|
|
|
- <el-descriptions class="margin-top" title="" :column="2" border>
|
|
|
- <el-descriptions-item>
|
|
|
- <template #label>
|
|
|
- 店铺名称：
|
|
|
- </template>
|
|
|
- {{ withDetails.shopName }}
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item>
|
|
|
- <template #label>
|
|
|
- 店铺编码：
|
|
|
- </template>
|
|
|
- {{ withDetails.shopCode }}
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item>
|
|
|
- <template #label>
|
|
|
- 银行名称：
|
|
|
- </template>
|
|
|
- {{ withDetails.bankName }}
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item>
|
|
|
- <template #label>
|
|
|
- 银行卡号：
|
|
|
- </template>
|
|
|
- {{ withDetails.bankCard }}
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item>
|
|
|
- <template #label>
|
|
|
- 收款人姓名：
|
|
|
- </template>
|
|
|
- {{ withDetails.collectionName }}
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item>
|
|
|
- <template #label>
|
|
|
- 提现金额：
|
|
|
- </template>
|
|
|
- {{ withDetails.withdrawalMoney }}
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item>
|
|
|
- <template #label>
|
|
|
- 申请时间：
|
|
|
- </template>
|
|
|
- {{ withDetails.applyTime }}
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item v-if="withDetails.handleTime">
|
|
|
- <template #label>
|
|
|
- 处理时间：
|
|
|
- </template>
|
|
|
- {{ withDetails.handleTime }}
|
|
|
- </el-descriptions-item>
|
|
|
- </el-descriptions>
|
|
|
- </div>
|
|
|
- <div v-if="!useState" class="titleLIne">* 请确认您已转账成功，再点击确认</div>
|
|
|
- <template>
|
|
|
- <el-input type="textarea" autosize placeholder="请输入拒绝打款理由" v-model="cause" v-show="refuse == 1">
|
|
|
- </el-input>
|
|
|
- </template>
|
|
|
- <template>
|
|
|
- <div class="radio-list" v-show="handle == 1">
|
|
|
- <el-radio v-model="type" label="1" border>通联</el-radio>
|
|
|
- <el-radio v-model="type" label="2" border>线下</el-radio>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="addFormDialog = false">取 消</el-button>
|
|
|
- <!-- <el-button v-if="!useState" type="danger" @click="refuse_save">{{ refuse == 0 ? "拒绝打款" : "确认拒绝打款" }}</el-button> -->
|
|
|
- <el-button v-if="!useState" type="danger" @click="refuse_save">{{ refuse == 0 ? "拒绝打款" : "确认拒绝打款" }}</el-button>
|
|
|
- <el-button v-if="!useState" type="primary" @click="handle_save">{{ handle == 0 ? "确认用户信息" : "确认打款" }}</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
+ <div>
|
|
|
+ <el-pagination
|
|
|
+ :current-page="listQuery.page" :page-sizes="[10, 20, 50, 100]" :page-size="listQuery.pageSize"
|
|
|
+ layout="total, sizes, prev, pager, next, jumper" :total="total"
|
|
|
+ @size-change="(val) => ((listQuery.pageSize = val) && getList())"
|
|
|
+ @current-change="(val) => ((listQuery.page = val) && getList())"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 提现处理 -->
|
|
|
+ <WithdrawalProcessing ref="WithdrawalProcessing" @success="getList" />
|
|
|
+ <!-- 查看详情 -->
|
|
|
+ <DetailModal ref="DetailModal" />
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-// 这里可以导
|
|
|
-// 入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
|
|
|
-// 例如：import 《组件名称》 from '《组件路径》';
|
|
|
-import {
|
|
|
- withdrawalGetAll,
|
|
|
- withdrawalGetById,
|
|
|
- withdrawalHandle
|
|
|
-} from '@/api/withdrawal'
|
|
|
-import { hidden } from '@/utils/index'
|
|
|
+
|
|
|
+import WithdrawalProcessing from './components/WithdrawalProcessing'
|
|
|
+import DetailModal from './components/DetailModal'
|
|
|
+import { withdrawalGetAll, withdrawalGetById, withdrawalHandle } from '@/api/withdrawal'
|
|
|
export default {
|
|
|
- // import引入的组件需要注入到对象中才能使用
|
|
|
- components: {},
|
|
|
+ name: 'Withdrawal',
|
|
|
+ components: {
|
|
|
+ WithdrawalProcessing,
|
|
|
+ DetailModal
|
|
|
+ },
|
|
|
data() {
|
|
|
- // 这里存放数据
|
|
|
return {
|
|
|
- formInline: {
|
|
|
+ listQuery: {
|
|
|
shopName: '', // 店铺名称
|
|
|
shopCode: '', // 店铺编号
|
|
|
startTime: '', // 申请时间数组
|
|
|
@@ -164,193 +107,68 @@ export default {
|
|
|
page: 1,
|
|
|
pageSize: 10
|
|
|
},
|
|
|
- total: 1,
|
|
|
- tableData: [],
|
|
|
- currentPage: 1,
|
|
|
- addFormDialog: false,
|
|
|
- useState: 1,
|
|
|
- withDetails: '',
|
|
|
- refuse: 0,
|
|
|
- handle: 0,
|
|
|
- // 拒绝理由
|
|
|
- cause: "",
|
|
|
- // 支付方式选择
|
|
|
- type: "1"
|
|
|
+ list: [],
|
|
|
+ total: 0,
|
|
|
+ listLoading: true
|
|
|
}
|
|
|
},
|
|
|
- // 监听属性 类似于data概念
|
|
|
- computed: {},
|
|
|
- // 监控data中的数据变化
|
|
|
- watch: {},
|
|
|
- // 生命周期 - 创建完成（可以访问当前this实例）
|
|
|
- created() { },
|
|
|
- // 生命周期 - 挂载完成（可以访问DOM元素）
|
|
|
mounted() {
|
|
|
- this.getAll(this.formInline)
|
|
|
+ this.getList()
|
|
|
},
|
|
|
- // 方法集合
|
|
|
methods: {
|
|
|
- handleSizeChange(val) {
|
|
|
- this.formInline.pageSize = val
|
|
|
- this.getAll(this.formInline)
|
|
|
- },
|
|
|
- handleCurrentChange(val) {
|
|
|
- this.formInline.page = val
|
|
|
- this.getAll(this.formInline)
|
|
|
- },
|
|
|
- // 查询
|
|
|
- search() {
|
|
|
- this.total = 1
|
|
|
- this.formInline.page = 1
|
|
|
- this.getAll(this.formInline)
|
|
|
- },
|
|
|
- // 清除
|
|
|
- clear() {
|
|
|
- this.formInline = {
|
|
|
- shopName: '', // 店铺名称
|
|
|
- shopCode: '', // 店铺编号
|
|
|
- dates: [], // 申请时间数组
|
|
|
- state: '', // 处理状态 1-已处理 0-未处理
|
|
|
- page: 1,
|
|
|
- pageSize: 10
|
|
|
- }
|
|
|
- this.getAll(this.formInline)
|
|
|
- },
|
|
|
- // 查看
|
|
|
- async seeMore(row) {
|
|
|
- this.useState = 1
|
|
|
- this.addFormDialog = true
|
|
|
- const res = await withdrawalGetById({ withdrawalId: row.withdrawalId })
|
|
|
- this.withDetails = res.data
|
|
|
- this.withDetails.bankCard = hidden(this.withDetails.bankCard, 3, 3)
|
|
|
- this.withDetails.collectionName = hidden(this.withDetails.collectionName, 1, 1)
|
|
|
- },
|
|
|
- // 处理
|
|
|
- async desh(row) {
|
|
|
- this.useState = 0
|
|
|
- this.addFormDialog = true
|
|
|
- const res = await withdrawalGetById({ withdrawalId: row.withdrawalId })
|
|
|
- if(res.data.state == 2){
|
|
|
- this.handle = 1
|
|
|
- }else if(res.data.state == 3){
|
|
|
- this.refuse = 1
|
|
|
+ async getList() {
|
|
|
+ this.listLoading = true
|
|
|
+ try {
|
|
|
+ const res = await withdrawalGetAll(this.listQuery)
|
|
|
+ this.list = res.data.list
|
|
|
+ this.total = res.data.total
|
|
|
+ } finally {
|
|
|
+ this.listLoading = false
|
|
|
}
|
|
|
- this.withDetails = res.data
|
|
|
- this.withDetails.bankCard = hidden(this.withDetails.bankCard, 3, 3)
|
|
|
- this.withDetails.collectionName = hidden(this.withDetails.collectionName, 1, 1)
|
|
|
},
|
|
|
- // 初始化查询所有数据
|
|
|
- async getAll(formInline) {
|
|
|
- const res = await withdrawalGetAll(formInline)
|
|
|
- this.tableData = res.data.list
|
|
|
- this.total = res.data.total
|
|
|
+ handleSearch() {
|
|
|
+ this.listQuery.page = 1
|
|
|
+ this.getList()
|
|
|
},
|
|
|
- // 拒绝打款
|
|
|
- async refuse_save() {
|
|
|
- if (this.refuse == 0) {
|
|
|
- this.refuse = 1;
|
|
|
- this.$message.warning('请填写理由并确定拒绝打款！！！');
|
|
|
- }else if(this.refuse == 1){
|
|
|
- if(this.cause == "") {
|
|
|
- this.$message.error('拒绝理由不能为空');
|
|
|
- }
|
|
|
- const res = await withdrawalHandle({
|
|
|
- withdrawalId: this.withDetails.withdrawalId,
|
|
|
- state:"3",
|
|
|
- audit:2,
|
|
|
- cause:this.cause
|
|
|
- })
|
|
|
- if(res.code == ""){
|
|
|
- this.$message.success("成功拒绝打款！！！")
|
|
|
- }
|
|
|
- this.addFormDialog = false
|
|
|
- this.getAll(this.formInline)
|
|
|
- }
|
|
|
+ handleReset() {
|
|
|
+ this.listQuery = { shopName: '', shopCode: '', dates: [], state: '', page: 1, pageSize: 10 }
|
|
|
+ this.getList()
|
|
|
},
|
|
|
- // 确认打款
|
|
|
- async handle_save() {
|
|
|
- if (this.handle == 0) {
|
|
|
- this.handle = 1
|
|
|
- const res = await withdrawalHandle({
|
|
|
- withdrawalId: this.withDetails.withdrawalId,
|
|
|
- state:"2",
|
|
|
- audit:1
|
|
|
- })
|
|
|
- }else if(this.handle == 1){
|
|
|
- const res = await withdrawalHandle({
|
|
|
- withdrawalId: this.withDetails.withdrawalId,
|
|
|
- state:"2",
|
|
|
- audit:1,
|
|
|
- type:this.type
|
|
|
- })
|
|
|
- if(res.code== ""){
|
|
|
- this.$message.success("打款成功！！！")
|
|
|
- }
|
|
|
- this.addFormDialog = false
|
|
|
- this.getAll(this.formInline)
|
|
|
- }
|
|
|
- // const res = await withdrawalHandle({
|
|
|
- // withdrawalId: this.withDetails.withdrawalId
|
|
|
- // })
|
|
|
- // if (res.code === '') {
|
|
|
- // this.$message({
|
|
|
- // message: '新增成功',
|
|
|
- // type: 'success'
|
|
|
- // })
|
|
|
- // this.addFormDialog = false
|
|
|
- // this.getAll(this.formInline)
|
|
|
- // }
|
|
|
+ handleDetail(row) {
|
|
|
+ this.$refs.DetailModal && this.$refs.DetailModal.handleOpen(row)
|
|
|
},
|
|
|
- // 弹窗关闭时间
|
|
|
- closeDialog() {
|
|
|
- this.refuse = 0
|
|
|
- this.handle = 0
|
|
|
- this.cause = ""
|
|
|
+ handleResolve(row) {
|
|
|
+ this.$refs.WithdrawalProcessing && this.$refs.WithdrawalProcessing.handleOpen(row)
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
-<style lang='scss' scoped>
|
|
|
-//@import url(); 引入公共css类
|
|
|
-@import url("../../../styles/elDialog.scss");
|
|
|
-
|
|
|
-.pdl {
|
|
|
- padding: 20px;
|
|
|
-}
|
|
|
-
|
|
|
-.seeModel {
|
|
|
- padding: 20px;
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- color: #000;
|
|
|
- font-size: 16px;
|
|
|
-
|
|
|
- .leftBox {
|
|
|
- padding: 20px;
|
|
|
- }
|
|
|
-
|
|
|
- .rightBox {
|
|
|
- padding: 20px;
|
|
|
- }
|
|
|
-
|
|
|
- .line {
|
|
|
- padding: 10px;
|
|
|
- }
|
|
|
-}
|
|
|
+<style lang="scss" scoped>
|
|
|
+.app-container {
|
|
|
+ padding: 20px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
|
|
|
-.titleLIne {
|
|
|
- color: red;
|
|
|
- font-size: 16px;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
+ .filter-container {
|
|
|
+ .filter-item {
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: middle;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
-.radio-list {
|
|
|
- margin-top: 30px;
|
|
|
-}
|
|
|
+ .small-padding {
|
|
|
+ .cell {
|
|
|
+ padding-left: 5px;
|
|
|
+ padding-right: 5px;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
-.el-descriptions {
|
|
|
- width: 100%;
|
|
|
+ .fixed-width {
|
|
|
+ .el-button--mini {
|
|
|
+ padding: 7px 10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
zweiqin