czg_team/video_admin
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: czg_team:wwz
Branches Tags
czg_team:master czg_team:ymf czg_team:master-php czg_team:gyq czg_team:wwz czg_team:gaohao czg_team:ymf-test-upgrade
..
compare: czg_team:gyq
Branches Tags
czg_team:ymf czg_team:master-php czg_team:master czg_team:gyq czg_team:wwz czg_team:gaohao czg_team:ymf-test-upgrade

12 Commits
wwz ... gyq

Author SHA1 Message Date
gyq
15354833e2 优化全局系统设置 2025-01-14 15:16:20 +08:00
gyq
21f049f65c 优化订单汇总 2025-01-14 14:31:35 +08:00
gyq
eb33ef97b1 会员列表新增订单汇总 2025-01-14 13:32:54 +08:00
gyq
65d61c5ebc 新增实名用户列表 2025-01-14 08:51:36 +08:00
gyq
93fb3bc46f 优化 2025-01-13 16:45:07 +08:00
gyq
95d1eda7a3 提现中心优化 2025-01-13 16:27:25 +08:00
gyq
67a15a9183 Merge branch 'master' of e.coding.net:g-cphe0354/duanju/video_admin into gyq 2025-01-09 17:30:13 +08:00
YeMingfei666
6f83ecd9f9 弹窗公共列表增加类型展示 2025-01-09 16:41:55 +08:00
YeMingfei666
2c65bfca6a 增加弹窗广告类型，修改内容为富文本 2025-01-09 15:54:22 +08:00
gyq
c65278cb28 优化提现统计 2025-01-09 14:59:48 +08:00
gyq
2cd5bb75dd 提现中心新增危险用户提示 2025-01-08 15:18:01 +08:00
wwz
2dc98838c7 累计提现金额 保留后两位 2025-01-07 11:09:59 +08:00
14 changed files with 1247 additions and 668 deletions
Expand all files Collapse all files

14
src/api/viplist.js Normal file
View File

@@ -0,0 +1,14 @@
import $http from "@/utils/httpRequest";
/**
* 根据交易订单号获取汇总信息
* @param {*} params
* @returns
*/
export function queryByTradeNo(params) {
return $http({
url: "/order/queryByTradeNo",
method: "get",
params
});
}

38
src/api/withdraw.js
View File

@@ -38,3 +38,41 @@ export function summary_query(params) {
params
});
}
/**
* 实名信息列表
* @param {*} params
* @returns
*/
export function userInfo_list(params) {
return $http({
url: "/czg/userInfo/list",
method: "get",
params
});
}
/**
* 实名信息修改
* @param {*} data
* @returns
*/
export function userInfo(data) {
return $http({
url: "/czg/userInfo",
method: "put",
data
});
}
/**
* 实名删除
* @param {*} data
* @returns
*/
export function userInfoDel(data) {
return $http({
url: "/czg/userInfo",
method: "DELETE",
data
});
}

39
src/views/allocation/allocationList.vue
View File

@@ -9,11 +9,11 @@
</el-table-column>
<el-table-column prop="value" label="内容" width="500">
</el-table-column>
<el-table-column label="是否返回给App">
<el-table-column label="是否返回给App" prop="isAppUse" width="120">
<template slot-scope="scope">
<el-switch v-model="scope.row.isAppUse"
@change="updateAmendNotice($event,scope.row)"
:active-value="1" :inactive-value="0"></el-switch>
<!-- <el-switch v-model="scope.row.isAppUse" @change="updateAmendNotice($event, scope.row)"
:active-value="1" :inactive-value="0"></el-switch> -->
{{ scope.row.isAppUse == 1 ? '是' : '否' }}
</template>
</el-table-column>
<el-table-column prop="createAt" label="创建时间">
@@ -35,7 +35,9 @@
</el-table-column>
<el-table-column prop="value" label="内容" width="500">
<template slot-scope="scope">
<div style="display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;max-height:80px;">{{scope.row.value}}</div>
<div
style="display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-clamp: 3;overflow: hidden;max-height:80px;">
{{ scope.row.value }}</div>
</template>
</el-table-column>
<el-table-column prop="createAt" label="创建时间">
@@ -114,7 +116,7 @@
<el-table-column prop="value" label="内容" width="500">
<template slot-scope="scope">
<div
style="display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;">
style="display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;line-clamp: 4;overflow: hidden;">
{{ scope.row.value }}</div>
</template>
</el-table-column>
@@ -175,7 +177,9 @@
</el-table-column>
<el-table-column prop="value" label="内容" width="500">
<template slot-scope="scope">
<div style="display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;max-height:80px;">{{scope.row.value}}</div>
<div
style="display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-clamp: 3;overflow: hidden;max-height:80px;">
{{ scope.row.value }}</div>
</template>
</el-table-column>
<el-table-column prop="createAt" label="创建时间">
@@ -197,7 +201,9 @@
</el-table-column>
<el-table-column prop="value" label="内容" width="500">
<template slot-scope="scope">
<div style="display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;max-height:80px;">{{scope.row.value}}</div>
<div
style="display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-clamp: 3;overflow: hidden;max-height:80px;">
{{ scope.row.value }}</div>
</template>
</el-table-column>
<el-table-column prop="createAt" label="创建时间">
@@ -239,7 +245,7 @@
<el-table-column prop="value" label="内容">
<template slot-scope="scope">
<div
style="display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;max-height:80px;">
style="display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-clamp: 3;overflow: hidden;max-height:80px;">
{{ scope.row.value }}
</div>
</template>
@@ -263,7 +269,8 @@
<el-input v-model="form.min" style="width:65%;" readonly></el-input>
</el-form-item>
<el-form-item label="内容：" :label-width="formLabelWidth">
<quill-editor v-if="form.conditionFrom=='xieyi'" ref="myTextEditor" v-model="form.value" :options="quillOption"
<quill-editor v-if="form.conditionFrom == 'xieyi'" ref="myTextEditor" v-model="form.value"
:options="quillOption"
style="padding-bottom: 50px;height: 300px;width: 72%;display: inline-table;margin-bottom: 60px;">
</quill-editor>
<div v-else-if="form.conditionFrom == 'image'">
@@ -271,8 +278,10 @@
<el-upload class="avatar-uploader" v-model="form.value"
:action="$http.adornUrlUp('alioss/upload')" :show-file-list="false"
:on-success="handleAvatarSuccess1">
<img v-if="form.value" :src="form.value" class="avatar" style="width: 148px;height: 148px;" />
<i v-else class="el-icon-plus avatar-uploader-icon" style="font-size: 28px;color: #8c939d"></i>
<img v-if="form.value" :src="form.value" class="avatar"
style="width: 148px;height: 148px;" />
<i v-else class="el-icon-plus avatar-uploader-icon"
style="font-size: 28px;color: #8c939d"></i>
</el-upload>
</div>
<div v-else-if="form.conditionFrom == 'kaiguan'">
@@ -288,7 +297,11 @@
</el-form-item>
<el-form-item label="是否返回给App" :label-width="formLabelWidth">
<el-switch v-model="form.isAppUse" :active-value="1" :inactive-value="0"></el-switch>
<!-- <el-switch v-model="form.isAppUse" :active-value="1" :inactive-value="0"></el-switch> -->
<el-radio-group v-model="form.isAppUse">
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">

41
src/views/finance/components/pop-add-redPack.vue
View File

@@ -1,46 +1,24 @@
<template>
<el-dialog
:title="form.id ? '修改红包' : '新增红包'"
width="500px"
:visible.sync="dialogVisible"
@close="diaClose"
:close-on-click-modal="true"
>
<el-dialog :title="form.id ? '修改红包' : '新增红包'" width="500px" :visible.sync="dialogVisible" @close="diaClose"
:close-on-click-modal="true">
<el-form :model="form" label-width="100px">
<el-form-item label="描述" required>
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="从第几次开始变化">
<el-input-number
:min="0"
stepstep-strictly
v-model="form.num"
></el-input-number>
<el-input-number :min="0" stepstep-strictly v-model="form.num"></el-input-number>
</el-form-item>
<el-form-item label="最大金额" required>
<el-input-number
:min="0"
:max="100"
v-model="form.maxAmount"
></el-input-number>
<el-input-number :min="0" :max="100" v-model="form.maxAmount"></el-input-number>
<span>元</span>
</el-form-item>
<el-form-item label="中奖概率" required>
<el-input-number
:min="0"
:max="1"
:step="0.1"
v-model="form.random"
></el-input-number>
<el-input-number :min="0" :max="1" :step="0.1" v-model="form.random"></el-input-number>
<span></span>
</el-form-item>
<el-form-item label="是否启用" required>
<el-switch
v-model="form.status"
:inactive-value="0"
:active-value="1"
></el-switch>
<el-switch v-model="form.status" :inactive-value="0" :active-value="1"></el-switch>
</el-form-item>
</el-form>
@@ -114,8 +92,8 @@ export default {
}
console.log(id);
const res = id
? await $redPackApi.update({ ...this.form, num: this.form.num || "" ,discType:this.source})
: await $redPackApi.add({...this.form,discType:this.source});
? await $redPackApi.update({ ...this.form, num: this.form.num || "", discType: this.source, type: this.source })
: await $redPackApi.add({ ...this.form, discType: this.source, type: this.source });
console.log(res);
const { data, msg } = res;
if (data && data.code == 0) {
@@ -133,9 +111,11 @@ export default {
.el-form-item__label {
text-align: left;
}
::v-deep .el-form-item__label {
text-align: left;
}
.upload-file-box {
border-radius: 6px;
width: 148px;
@@ -145,6 +125,7 @@ export default {
align-items: center;
overflow: hidden;
border: 1px solid #c0c4cc;
img {
width: 100%;
height: 100%;

69
src/views/finance/components/withdraw-manage.vue
View File

@@ -31,7 +31,8 @@
</el-form-item>
<el-form-item label="日期">
<el-date-picker v-model="timeValue" type="datetimerange" range-separator="至" start-placeholder="开始日期"
end-placeholder="结束日期" @change="changeTime" :default-time="['00:00:00', '23:59:59']">
end-placeholder="结束日期" @change="changeTime" value-format="yyyy-MM-DD HH:mm:ss"
:default-time="['00:00:00', '23:59:59']">
</el-date-picker>
</el-form-item>
<el-form-item>
@@ -42,8 +43,28 @@
<el-table v-loading="tableData.loading" :data="tableData.list" border stripe>
<el-table-column label="ID" prop="id" width="80"></el-table-column>
<el-table-column label="用户ID" prop="userId" width="100"></el-table-column>
<el-table-column label="用户名" prop="userName" width="150"></el-table-column>
<el-table-column label="提现信息">
<el-table-column label="用户名" prop="userName" width="200">
<template slot-scope="scope">
<template v-if="scope.row.relationId">
<div class="danger_user">
<div class="user_info">
<i class="icon el-icon-warning"></i>
危险用户：{{ scope.row.userName }}
</div>
<el-tag type="danger" disable-transitions>{{ scope.row.relationId }}</el-tag>
</div>
</template>
<template v-else>
{{ scope.row.userName }}
</template>
</template>
</el-table-column>
<el-table-column label="提现账号" prop="zhifubao" width="200">
<template slot-scope="scope">
{{ scope.row.zhifubaoName }} / {{ scope.row.zhifubao }}
</template>
</el-table-column>
<el-table-column label="提现信息" width="200">
<template slot-scope="scope">
<div>提现金额：￥{{ scope.row.money }}</div>
<div>手续费：￥{{ scope.row.rate }}</div>
@@ -63,11 +84,6 @@
<div>待审提现申请笔数：{{ scope.row.verifyCount }}</div>
</template>
</el-table-column>
<el-table-column label="支付宝信息" prop="zhifubao" width="200">
<template slot-scope="scope">
{{ scope.row.zhifubaoName }} / {{ scope.row.zhifubao }}
</template>
</el-table-column>
<el-table-column label="申请时间" prop="createAt" width="200"></el-table-column>
<el-table-column label="转账时间" prop="outAt" width="200"></el-table-column>
<el-table-column label="状态" prop="state" width="200">
@@ -78,13 +94,8 @@
<el-tag type="success" v-if="scope.row.state == 1" disable-transitions>
成功
</el-tag>
<div style="display: flex;flex-direction: column;" v-if="scope.row.state == 2">
<div>
<el-tag type="danger" disable-transitions>
失败
</el-tag>
</div>
<div>原因：{{ scope.row.refund }}</div>
<div class="tag_danger" v-if="scope.row.state == 2">
失败：{{ scope.row.refund }}
</div>
<el-tag type="warning" v-if="scope.row.state == 3" disable-transitions>
待审核
@@ -256,3 +267,31 @@ export default {
}
};
</script>
<style scoped lang="scss">
.danger_user {
display: flex;
flex-direction: column;
gap: 4px;
.user_info {
display: flex;
align-items: center;
$color: #F56C6C;
color: $color;
gap: 4px;
.icon {
color: $color;
}
}
}
.tag_danger {
background-color: rgba(245, 108, 108, .1);
color: #f56c6c;
border-radius: 4px;
border: 1px solid rgba(245, 108, 108, .2);
padding: 2px 10px;
}
</style>

4
src/views/finance/components/withdrawTotal.vue
View File

@@ -72,9 +72,9 @@
<div>提现次数：{{ scope.row.subCount }}</div>
</template>
</el-table-column>
<el-table-column label="支付宝信息" prop="zhifubao">
<el-table-column label="提现账号" prop="zhifubao">
<template slot-scope="scope">
{{ scope.row.zhifubaoName }} / {{ scope.row.zhifubao }}
{{ scope.row.zhiFuBaoName }} / {{ scope.row.zhiFuBao }}
</template>
</el-table-column>
</el-table>

17
src/views/finance/financeList.vue
View File

@@ -4,7 +4,7 @@
<el-tab-pane label="提现审核" name="withdraw">
<WithdrawManage></WithdrawManage>
</el-tab-pane>
<el-tab-pane label="支付宝提现统计" name="withdrawTotal">
<el-tab-pane label="提现统计" name="withdrawTotal">
<WithdrawTotal></WithdrawTotal>
</el-tab-pane>
<!-- 拒绝弹框 -->
@@ -228,7 +228,7 @@
<div class="box_num">
<div class="box_color">累计提现金额</div>
<div class="text_color">
<span>{{ withdrawData.sumMoney }}</span>元
<span> {{ formatMoney(withdrawData.sumMoney) }}</span>元
</div>
</div>
</div>
@@ -529,6 +529,10 @@
<el-tab-pane label="现金红包抽奖金额配置" name="senven">
<div class="">
<div style="margin-bottom: 20px">
<el-select @change="redPackInit" v-model="zhuanPanType" placeholder="请选择">
<el-option v-for="item in zhuanPanTypes" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
<el-button type="primary" @click="openPop('refAddRedPack')">添加</el-button>
</div>
<el-table :border="true" :data="redPackData">
@@ -556,7 +560,7 @@
</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>
<pop-add-red-pack ref="refAddRedPack" @refresh="redpackRefresh" :source="zhuanPanType"></pop-add-red-pack>
</div>
</template>
@@ -705,6 +709,10 @@ export default {
};
},
methods: {
formatMoney(value) {
if (!value) return '0.00';
return Number(value).toFixed(2);
},
zhuanPanTypeChange() {
this.zhuanPanInit();
},
@@ -1098,7 +1106,8 @@ export default {
const { data } = await $redPackApi.getList({
page: this.page,
limit: this.limit,
source: this.zhuanPanType
source: this.zhuanPanType,
type: this.zhuanPanType
});
this.redPackData = data.data.records;
},

72
src/views/message/components/pop-add-message.vue
View File

@@ -1,17 +1,49 @@
<template>
<el-dialog :title="title" width="500px" :visible.sync="dialogVisible" @close="diaClose"
:close-on-click-modal="true">
<el-dialog
:title="title"
width="800px"
top="20px"
:visible.sync="dialogVisible"
@close="diaClose"
:close-on-click-modal="true"
>
<div>
<el-form ref="form" :rules="rules" :model="form" label-width="100px">
<el-form-item label="标题" prop="title">
<el-input v-model="form.title"></el-input>
</el-form-item>
<el-form-item label="内容" prop="content">
<el-input v-model="form.content" type="textarea"></el-input>
<el-form-item label="类型" prop="title">
<el-radio-group v-model="form.type">
<el-radio
:label="item.value"
v-for="(item, index) in types"
:key="index"
>{{ item.label }}</el-radio
>
</el-radio-group>
</el-form-item>
<el-form-item label="状态" required>
<el-switch v-model="form.state" :active-value="1" :inactive-value="0"></el-switch>
<el-switch
v-model="form.state"
:active-value="1"
:inactive-value="0"
></el-switch>
</el-form-item>
<el-form-item label="内容" prop="content">
<quill-editor
ref="myTextEditor"
v-model="form.content"
:options="quillOption"
style="
padding-bottom: 50px;
height: 300px;
width: 100%;
display: inline-table;
"
>
</quill-editor>
</el-form-item>
</el-form>
</div>
@@ -24,20 +56,34 @@
<script>
import { $announcement as $api } from "@/api/announcement.js";
import { $types } from "../data.js";
import { quillEditor } from "vue-quill-editor";
import "quill/dist/quill.core.css";
import "quill/dist/quill.snow.css";
import "quill/dist/quill.bubble.css";
import quillConfig from "../../locality/quill-config.js";
export default {
components: {
quillEditor,
},
data() {
return {
quillOption: quillConfig,
types: $types,
dialogVisible: false,
title: "",
rules: {
title: [{ required: true, message: "请输入公告标题", trigger: "blur" }],
content: [{ required: true, message: "请输入公告内容", trigger: "blur" }],
content: [
{ required: true, message: "请输入公告内容", trigger: "blur" },
],
},
form: {
title:'',
content:'',
title: "",
content: "",
state: 1,
type: "",
},
};
},
@@ -51,9 +97,10 @@ export default {
diaClose() {
this.dialogVisible = false;
this.form = {
title:'',
content:'',
title: "",
content: "",
state: 1,
type: "",
};
this.$refs.form.resetFields();
},
@@ -64,6 +111,9 @@ export default {
if (!this.form.content) {
return this.$message.error("请输入公告内容");
}
if (this.form.type === "") {
return this.$message.error("请选择公告类型");
}
this.submit();
},
async submit() {

4
src/views/message/data.js Normal file
View File

@@ -0,0 +1,4 @@
export const $types=[
{label:'首页',value:0},
{label:'提现',value:1}
]

19
src/views/message/message.vue
View File

@@ -1,7 +1,7 @@
<template>
<div>
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="首页弹窗公告" name="dialogMessage">
<el-tab-pane label="弹窗公告" name="dialogMessage">
<div style="float: right; margin-right: 2%">
<el-button
style="margin: 10px 0"
@@ -16,7 +16,16 @@
<el-table v-loading="tableDataLoading" :data="tableData.list">
<el-table-column prop="id" label="编号" width="80"> </el-table-column>
<el-table-column prop="title" label="标题"> </el-table-column>
<el-table-column prop="content" label="内容"> </el-table-column>
<el-table-column prop="title" label="类型">
<template slot-scope="scope">
<div>{{ returnType(scope.row) }}</div>
</template>
</el-table-column>
<el-table-column prop="content" label="内容" width="480">
<template slot-scope="scope">
<div v-html="scope.row.content"></div>
</template>
</el-table-column>
<el-table-column prop="content" label="是否启用">
<template slot-scope="scope">
<el-switch :value="scope.row.state" :active-value="1" :inactive-value="0" @change="dialogMessageUpdate($event, scope.row)"> </el-switch>
@@ -355,10 +364,12 @@
<script>
import {$announcement} from '@/api/announcement';
import popAddMessage from './components/pop-add-message.vue';
import {$types} from './data.js';
export default {
components:{popAddMessage},
data() {
return {
noticeTypes: $types,
limit: 10,
page: 1,
state: 1,
@@ -413,6 +424,10 @@ import popAddMessage from './components/pop-add-message.vue';
}
},
methods: {
returnType(row) {
const item=this.noticeTypes.find(item => item.value == row.type)
return item.label
},
dialogMessageUpdate(e,item){
$announcement.update({...item,state:e}).then(({
data

204
src/views/viplist/components/orderInfo.vue Normal file
View File

@@ -0,0 +1,204 @@
<template>
<div>
<el-form :model="queryForm" inline @submit.native.prevent="queryByTradeNo">
<el-form-item label="订单号" prop="outTradeNo">
<el-input v-model="queryForm.outTradeNo" placeholder="请输入订单号查询" style="width: 500px;"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="queryByTradeNo" :loading="loading">查询</el-button>
<el-button @click="resetHandle">重置</el-button>
</el-form-item>
</el-form>
<div class="order_info">
<div class="item">
<div class="title">
用户信息
</div>
<template v-if="orderInfo.userInfo">
<div class="row">
<span> 昵称：</span>{{ orderInfo.userInfo.userName }}
</div>
<div class="row">
<span> 手机号：</span>{{ orderInfo.userInfo.phone }}
</div>
<div class="row">
<span> 支付宝账号：</span>{{ orderInfo.userInfo.zhiFuBao }}
</div>
<div class="row">
<span>支付宝姓名：</span> {{ orderInfo.userInfo.zhiFuBaoName }}
</div>
<div class="row">
<span>状态：</span>
<span v-if="orderInfo.userInfo.status == 1" style="color: #67C23A;">正常</span>
<span v-else style="color: #F56C6C;">异常</span>
</div>
<div class="row" v-if="!orderInfo.userInfo.status">
<span>异常原因：</span> <span style="color: #F56C6C;">{{ orderInfo.userInfo.platform }}</span>
</div>
</template>
<div class="empty" v-else>空空如也~</div>
</div>
<div class="item">
<div class="title">
<span>实名认证信息</span>
</div>
<template v-if="orderInfo.authInfo">
<div class="row">
<span>真实姓名：</span> {{ orderInfo.authInfo.certName }}
</div>
<div class="row">
<span>身份证号：</span> {{ orderInfo.authInfo.certNo }}
</div>
<div class="row">
<span>银行名称：</span> {{ orderInfo.authInfo.bankName }}
</div>
<div class="row">
<span>银行卡号：</span> {{ orderInfo.authInfo.accountNo }}
</div>
<div class="row">
<span>预留手机号：</span> {{ orderInfo.authInfo.mobile }}
</div>
</template>
<div class="empty" v-else>空空如也~</div>
</div>
<div class="item">
<div class="title">
提现信息
</div>
<template v-if="orderInfo.withdrawTotal">
<div class="row">
<span>成功合计：</span> {{ orderInfo.withdrawTotal.success.total }}
</div>
<div class="row">
<span>成功笔数：</span> {{ orderInfo.withdrawTotal.success.count }}
</div>
<div class="row">
<span>失败合计：</span> {{ orderInfo.withdrawTotal.fail.count }}
</div>
<div class="row">
<span>失败笔数：</span> {{ orderInfo.withdrawTotal.fail.count }}
</div>
<div class="row">
<span>审核中合计：</span> {{ orderInfo.withdrawTotal.auditing.count }}
</div>
<div class="row">
<span>审核中笔数：</span> {{ orderInfo.withdrawTotal.auditing.count }}
</div>
<div class="row">
<span>其他合计：</span> {{ orderInfo.withdrawTotal.other.count }}
</div>
<div class="row">
<span>其他笔数：</span> {{ orderInfo.withdrawTotal.other.count }}
</div>
</template>
<div class="empty" v-else>空空如也~</div>
</div>
<div class="item">
<div class="title">
支付信息
</div>
<template v-if="orderInfo.payTotal">
<div class="row">
<span>成功合计：</span> {{ orderInfo.payTotal.success.total }}
</div>
<div class="row">
<span>成功笔数：</span> {{ orderInfo.payTotal.success.count }}
</div>
<div class="row">
<span>失败合计：</span> {{ orderInfo.payTotal.fail.count }}
</div>
<div class="row">
<span>失败笔数：</span> {{ orderInfo.payTotal.fail.count }}
</div>
<div class="row">
<span>未付款合计：</span> {{ orderInfo.payTotal.unpaid.count }}
</div>
<div class="row">
<span>未付款笔数：</span> {{ orderInfo.payTotal.unpaid.count }}
</div>
</template>
<div class="empty" v-else>空空如也~</div>
</div>
</div>
</div>
</template>
<script>
import { queryByTradeNo } from '@/api/viplist.js'
export default {
data() {
return {
loading: false,
queryForm: {
// outTradeNo: '7ed7edc900884b6dabf871a330c3e13b-1075149450307057439'
outTradeNo: ''
},
orderInfo: ''
}
},
methods: {
// 重置
resetHandle() {
this.queryForm.outTradeNo = ''
this.orderInfo = ''
},
// 根据订单号查询
async queryByTradeNo() {
try {
if (!this.queryForm.outTradeNo) return
this.loading = true
const res = await queryByTradeNo({ outTradeNo: this.queryForm.outTradeNo })
if (res.data.code == 0) {
this.orderInfo = res.data.data
} else {
this.orderInfo = ''
this.$message.error(res.data.msg)
}
} catch (error) {
this.orderInfo = ''
console.log(error);
}
this.loading = false
}
}
}
</script>
<style scoped lang="scss">
.order_info {
display: grid;
grid-template-columns: repeat(2, auto);
grid-template-rows: repeat(2, auto);
grid-column-gap: 15px;
grid-row-gap: 15px;
.item {
border: 1px solid #ececec;
padding: 15px;
background-color: #fff;
.title {
font-size: 16px;
font-weight: bold;
padding-bottom: 10px;
}
.row {
margin-top: 10px;
span {
color: #999;
}
}
.empty {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #999;
padding-bottom: 45px;
}
}
}
</style>

194
src/views/viplist/components/realNameList.vue Normal file
View File

@@ -0,0 +1,194 @@
<template>
<div>
<div>
<el-form :inline="true" :model="query" class="demo-form-inline">
<el-form-item label="手机号">
<el-input v-model="query.phone" placeholder="请输入手机号"></el-input>
</el-form-item>
<el-form-item label="用户名">
<el-input v-model="query.name" placeholder="请输入用户名"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="getTableData">查询</el-button>
<el-button @click="resetHandle">重置</el-button>
</el-form-item>
</el-form>
</div>
<div>
<el-table :data="tableData.list" v-loading="tableData.loading" border stripe>
<el-table-column label="用户ID" prop="userId"></el-table-column>
<el-table-column label="用户名" prop="name"></el-table-column>
<el-table-column label="手机号" prop="mobile"></el-table-column>
<el-table-column label="实名信息" prop="certName" width="300">
<template slot-scope="scope">
<div>姓名：{{ scope.row.certName }}</div>
<div>身份证号：{{ scope.row.certNo }}</div>
<div>银行卡号：{{ scope.row.accountNo }}</div>
<div>开户行：{{ scope.row.bankName }}</div>
</template>
</el-table-column>
<el-table-column label="操作" width="180" align="center">
<template slot-scope="scope">
<el-button size="mini" type="primary" @click="edit(scope.row)">编辑</el-button>
<el-button size="mini" type="danger" @click="del(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
<div class="pagination">
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
:page-sizes="[10, 20, 30, 40]" :page-size="tableData.limit" :current-page="tableData.page"
layout="total,sizes, prev, pager, next,jumper" :total="tableData.total">
</el-pagination>
</div>
<el-dialog title="编辑" width="600px" :visible.sync="visible" @close="onClose">
<el-form :model="form" :rules="rules" ref="form" label-width="100px" label-position="left">
<el-form-item label="姓名" prop="certName">
<el-input v-model="form.certName" placeholder="请输入姓名"></el-input>
</el-form-item>
<el-form-item label="身份证号" prop="certNo">
<el-input v-model="form.certNo" placeholder="请输入身份证号"></el-input>
</el-form-item>
<el-form-item label="银行卡号" prop="accountNo">
<el-input v-model="form.accountNo" placeholder="请输入银行卡号"></el-input>
</el-form-item>
<el-form-item label="预留手机号" prop="mobile">
<el-input v-model="form.mobile" placeholder="请输入预留手机号"></el-input>
</el-form-item>
<el-form-item label="开户行" prop="bankName">
<el-input v-model="form.bankName" placeholder="请输入开户行"></el-input>
</el-form-item>
</el-form>
<template #footer>
<div class="dialog-footer" style="display: flex; justify-content: flex-end;">
<el-button size="small" @click="visible = false"> 取 消 </el-button>
<el-button size="small" type="primary" :loading="confirmLoading"
@click="confirmHandle">确定</el-button>
</div>
</template>
</el-dialog>
</div>
</template>
<script>
import { userInfo_list, userInfo, userInfoDel } from "@/api/withdraw.js";
export default {
data() {
return {
query: {
phone: "",
name: "",
},
resetQuery: {},
tableData: {
page: 1,
limit: 10,
total: 0,
list: [],
loading: false
},
visible: false,
confirmLoading: false,
form: {
userId: '',
certName: "",
certNo: "",
accountNo: "",
mobile: "",
bankName: "",
},
rules: {
certName: [{ required: true, message: "请输入姓名", trigger: "blur" }],
certNo: [{ required: true, message: "请输入身份证号", trigger: "blur" }],
accountNo: [{ required: true, message: "请输入银行卡号", trigger: "blur" }],
mobile: [{ required: true, message: "请输入预留手机号", trigger: "blur" }],
bankName: [{ required: true, message: "请输入开户行", trigger: "blur" }],
}
}
},
mounted() {
this.resetQuery = { ...this.query };
this.getTableData()
},
methods: {
// 确定编辑
confirmHandle() {
this.$refs.form.validate(async valid => {
if (valid) {
try {
this.confirmLoading = true
await userInfo(this.form)
this.visible = false
this.$message.success('编辑成功')
this.getTableData()
} catch (error) {
console.log(error);
}
this.confirmLoading = false
}
})
},
// 关闭弹窗, 重置表单
onClose() {
this.$refs.form.resetFields();
},
// 编辑
edit(row) {
this.form = { ...row }
this.visible = true
},
// 删除
del(row) {
console.log(row);
this.$confirm('是否删除该用户信息?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(async () => {
try {
await userInfoDel({ userId: row.userId })
this.$message.success('删除成功')
this.getTableData()
} catch (error) {
console.log(error);
}
}).catch(() => { })
},
// 重置
resetHandle() {
this.query = { ...this.resetQuery }
this.tableData.page = 1
this.getTableData()
},
// 分页数量
handleSizeChange(size) {
this.tableData.page = 1;
this.tableData.limit = size;
this.getTableData();
},
// 分页
handleCurrentChange(val) {
this.tableData.page = val;
this.getTableData();
},
// 获取数据
async getTableData() {
try {
this.tableData.loading = true
const { data } = await userInfo_list({
page: this.tableData.page,
limit: this.tableData.limit,
phone: this.query.phone,
name: this.query.name,
})
this.tableData.list = data.data.list
this.tableData.total = data.data.totalCount
} catch (error) {
console.log(error);
}
this.tableData.loading = false
}
}
}
</script>

38
src/views/viplist/index.vue
View File

@@ -1,8 +1,9 @@
<template>
<el-tabs v-model="activeName" @tab-click="handleClick">
<!-- <el-tab-pane label = "会员列表" name = "first"> -->
<el-tab-pane label="会员列表" name="first">
<div style="margin-right:2%;text-align: right;">
<el-button style="margin-left:15px;" size="mini" type="primary" icon="document" :disabled="!isAuth('viplist:add')" @click="add">添加
<el-button style="margin-left:15px;" size="mini" type="primary" icon="document"
:disabled="!isAuth('viplist:add')" @click="add">添加
</el-button>
</div>
<el-table v-loading="tableDataLoading" :data="tableData.list">
@@ -20,19 +21,27 @@
</el-table-column>
<el-table-column label="操作" width="180" align="center" fixed="right">
<template slot-scope="scope">
<el-button style="margin-left:15px;" size="mini" type="primary" icon="document" :disabled="!isAuth('viplist:update')" @click="updata(scope.row)">修改
<el-button style="margin-left:15px;" size="mini" type="primary" icon="document"
:disabled="!isAuth('viplist:update')" @click="updata(scope.row)">修改
</el-button>
<el-button size = "mini" type = "danger" :disabled="!isAuth('viplist:delete')" @click = "deletes(scope.row)">删除</el-button>
<el-button size="mini" type="danger" :disabled="!isAuth('viplist:delete')"
@click="deletes(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
<div style="text-align: center;margin-top: 10px;float:right">
<el-pagination @size-change = "handleSizeChange" @current-change = "handleCurrentChange" :page-sizes = "[5, 10, 15, 20]"
:page-size = "limit" :current-page = "page" layout = "total,sizes, prev, pager, next,jumper"
:total = "tableData.totalCount">
<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
:page-sizes="[5, 10, 15, 20]" :page-size="limit" :current-page="page"
layout="total,sizes, prev, pager, next,jumper" :total="tableData.totalCount">
</el-pagination>
</div>
<!-- </el-tab-pane> -->
</el-tab-pane>
<el-tab-pane label="实名用户" name="realName">
<RealNameList ref="RealNameList" />
</el-tab-pane>
<el-tab-pane label="订单汇总" name="orderInfo">
<OrderInfo ref="OrderInfo" />
</el-tab-pane>
<el-dialog title="添加" :visible.sync="dialogFormVisible" center>
<div style="margin-bottom: 10px;">
<span style="width: 200px;display: inline-block;text-align: right;">会员类型：</span>
@@ -48,7 +57,8 @@
</div>
<div style="margin-bottom: 10px;">
<span style="width: 200px;display: inline-block;text-align: right;">钻石价格：</span>
<el-input style="width:50%;" v-model="payDiamond" type="number" min="0" placeholder="请输入钻石价格" ></el-input>
<el-input style="width:50%;" v-model="payDiamond" type="number" min="0"
placeholder="请输入钻石价格"></el-input>
</div>
<div slot="footer" class="dialog-footer">
@@ -71,7 +81,8 @@
</div>
<div style="margin-bottom: 10px;">
<span style="width: 200px;display: inline-block;text-align: right;">钻石价格：</span>
<el-input style="width:50%;" v-model="payDiamond" type="number" min="0" placeholder="请输入钻石价格" ></el-input>
<el-input style="width:50%;" v-model="payDiamond" type="number" min="0"
placeholder="请输入钻石价格"></el-input>
</div>
<div slot="footer" class="dialog-footer">
<el-button @click="dialogFormVisible1 = false">取 消</el-button>
@@ -82,10 +93,17 @@
</template>
<script>
import RealNameList from './components/realNameList.vue'
import OrderInfo from './components/orderInfo.vue'
export default {
components: {
RealNameList,
OrderInfo
},
data() {
return {
activeName: 'first',
// activeName: 'orderInfo',
page: 1,
limit: 10,
classify: 1,

2
src/views/viplist/invite.vue
View File

@@ -83,7 +83,7 @@
:page-size="limit"
:current-page="page"
layout="total,sizes, prev, pager, next,jumper"
:total="tableData.total"
:total="tableData.totalCount"
>
</el-pagination>
</div>