chuangte/easypay-admin
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

用户-更多按钮列表添加身份信息、订单列表中查询分期订单

Browse Source
This commit is contained in:
邱贞招 2023-12-25 22:20:50 +08:00
parent f7315638ff
commit 1a571e3519
6 changed files with 317 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/api/installment.js Normal file
View File

@ -0,0 +1,13 @@
import request from '@/utils/request';
/**
* 账单 列表
* @param prams
*/
export function installmentBillList(params) {
return request({
url: '/admin/user/installmentBill/list',
method: 'get',
params,
});
}

12
src/api/user.js
View File

@ -96,6 +96,18 @@ export function topdetailApi(params) {
});
}
/**
* 用户身份信息
* @param pram
*/
export function getIdentityInfo(params) {
return request({
url: `/admin/user/identity`,
method: 'get',
params,
});
}
/**
* 会员管理 批量设置分组
* @param pram

81
src/views/order/index.vue
View File

@ -250,6 +250,18 @@
v-if="checkPermi(['admin:order:info'])"
>订单详情</el-dropdown-item
>
<el-dropdown-item
@click.native="onInstallmentBills(scope.row.id)"
v-if="checkPermi(['admin:order:info'])"
v-show="scope.row.orderType == '[分期订单]'"
>查看账单</el-dropdown-item
>
<el-dropdown-item
@click.native="onAudit(scope.row.id)"
v-if="checkPermi(['admin:order:info'])"
v-show="scope.row.orderType == '[分期订单]'"
>审核</el-dropdown-item
>
<el-dropdown-item
@click.native="onOrderLog(scope.row.orderId)"
v-if="checkPermi(['admin:order:status:list'])"
@ -339,6 +351,31 @@
</div>
</el-dialog>
<!--账单记录-->
<el-dialog title="账单记录" :visible.sync="dialogVisibleInstallment" width="1200px">
<el-table v-loading="InstallmentLoading" border :data="tableDataInstallment.data" style="width: 100%">
<el-table-column prop="id" align="center" label="ID" min-width="80" />
<el-table-column prop="uid" align="center" label="客户" min-width="80" />
<el-table-column prop="repaymentAmount" align="center" label="还款金额" min-width="80" />
<el-table-column prop="installmentNumber" align="center" label="第几期" min-width="80" />
<el-table-column prop="repaymentDeadline" align="center" label="还款时间" min-width="280" />
<el-table-column prop="repaymentStatus" align="center" label="还款状态" min-width="80" />
<el-table-column prop="paymentMethod" align="center" label="还款方式" min-width="80" />
<el-table-column prop="createTime" label="创建时间" align="center" min-width="280" />
</el-table>
<div class="block">
<el-pagination
:page-sizes="[10, 20, 30, 40]"
:page-size="tableFromInstall.limit"
:current-page="tableFromInstall.page"
layout="total, sizes, prev, pager, next, jumper"
:total="tableDataInstallment.total"
@size-change="handleSizeChangeLog"
@current-change="pageChangeLog"
/>
</div>
</el-dialog>
<!--详情-->
<details-from ref="orderDetail" :orderId="orderId" />
@ -410,7 +447,8 @@ import Cookies from 'js-cookie';
import { isWriteOff } from '@/utils';
import { orderExcelApi } from '@/api/store';
import { expressAllApi } from '@/api/sms';
import { checkPermi } from '@/utils/permission'; // 权限判断函数
import { checkPermi } from '@/utils/permission';
import { installmentBillList } from '@/api/installment' // 权限判断函数
export default {
name: 'orderlistDetails',
components: {
@ -445,16 +483,27 @@ export default {
refundVisible: false,
refundData: {},
dialogVisibleJI: false,
dialogVisibleInstallment: false,
tableDataLog: {
data: [],
total: 0,
},
tableDataInstallment: {
data: [],
total: 0,
},
tableFromLog: {
page: 1,
limit: 10,
orderNo: 0,
},
tableFromInstall: {
page: 1,
limit: 10,
orderId: 0,
},
LogLoading: false,
InstallmentLoading: false,
isCreate: 1,
editData: null,
dialogVisible: false,
@ -471,7 +520,7 @@ export default {
orderNo: '',
page: 1,
limit: 20,
type: 2,
type: 3,
},
orderChartType: {},
timeVal: [],
@ -650,6 +699,20 @@ export default {
this.$refs.orderDetail.getDetail(id);
this.$refs.orderDetail.dialogVisible = true;
},
// 账单
onInstallmentBills(id) {
this.tableFromLog.limit = 10;
this.orderId = id;
this.dialogVisibleInstallment = true;
this.getInstallmentList(id);
},
// 审核
onAudit(id) {
this.tableFromLog.limit = 10;
this.orderId = id;
this.dialogVisibleInstallment = true;
// this.getInstallmentList(id);
},
// 订单记录
onOrderLog(id) {
this.tableFromLog.limit = 10;
@ -671,6 +734,20 @@ export default {
this.LogLoading = false;
});
},
//账单列表
getInstallmentList(id) {
this.InstallmentLoading = true;
this.tableFromInstall.orderId = id;
installmentBillList(this.tableFromInstall)
.then((res) => {
this.tableDataInstallment.data = res.list;
this.tableDataInstallment.total = res.total;
this.InstallmentLoading = false;
})
.catch(() => {
this.InstallmentLoading = false;
});
},
pageChangeLog(page) {
this.tableFromLog.page = page;
this.getOrderStatusList(this.orderId);

18
src/views/user/list/index.vue
View File

@ -322,6 +322,9 @@
<el-dropdown-item @click.native="onDetails(scope.row.uid)" v-if="checkPermi(['admin:user:topdetail'])"
>账户详情</el-dropdown-item
>
<el-dropdown-item @click.native="onIdentityInfo(scope.row.uid)" v-if="checkPermi(['admin:user:topdetail'])"
>身份信息</el-dropdown-item
>
<el-dropdown-item
@click.native="editPoint(scope.row.uid)"
v-if="checkPermi(['admin:user:operate:founds'])"
@ -511,9 +514,13 @@
</span>
</el-dialog>
<!--账户详情-->
<el-dialog title="用户详情" :visible.sync="Visible" width="1100px" v-if="uid" :before-close="Close">
<el-dialog title="用户详情" :visible.sync="Visible" width="1100px" v-if="Visible" :before-close="Close">
<user-details ref="userDetails" :uid="uid" v-if="Visible"></user-details>
</el-dialog>
<!--身份信息-->
<el-dialog title="身份信息" :visible.sync="IdVisible" width="1100px" v-if="IdVisible" :before-close="Close">
<user-identity ref="userIdentity" :uid="uid" v-if="IdVisible"></user-identity>
</el-dialog>
<!-- 用户等级 -->
<el-dialog title="设置" :visible.sync="levelVisible" width="600px" :before-close="Close">
<level-edit :levelInfo="levelInfo" :levelList="levelList"></level-edit>
@ -536,6 +543,7 @@ import {
import { spreadClearApi } from '@/api/distribution';
import editFrom from './edit';
import userDetails from './userDetails';
import userIdentity from './userIdentity';
import levelEdit from './level';
import userList from '@/components/userList';
import * as logistics from '@/api/logistics.js';
@ -544,7 +552,7 @@ import { checkPermi } from '@/utils/permission'; // 权限判断函数
import { Debounce } from '@/utils/validate';
export default {
name: 'UserIndex',
components: { editFrom, userDetails, userList, levelEdit },
components: { editFrom, userDetails, userList, levelEdit, userIdentity },
filters: {
sexFilter(status) {
const statusMap = {
@ -650,6 +658,7 @@ export default {
batchName: '',
uid: 0,
Visible: false,
IdVisible: false,
keyNum: 0,
address: [],
multipleSelectionAll: [],
@ -814,6 +823,11 @@ export default {
this.uid = id;
this.Visible = true;
},
// 身份信息
onIdentityInfo(id) {
this.uid = id;
this.IdVisible = true;
},
// 等级
onLevel(id, level) {
var userLevel = new Object();

47
src/views/user/list/userDetails.vue
View File

@ -72,6 +72,7 @@ export default {
{ val: '3', label: '持有优惠券' },
{ val: '4', label: '余额变动' },
{ val: '5', label: '好友关系' },
{ val: '6', label: '账单列表' },
],
tableData: {
data: [],
@ -267,7 +268,7 @@ export default {
},
];
break;
default:
case '5':
this.columns = [
{
title: 'ID',
@ -290,6 +291,50 @@ export default {
minWidth: 120,
},
];
break;
default:
this.columns = [
{
title: 'ID',
key: 'id',
minWidth: 50,
},
{
title: '订单号',
key: 'orderIdStr',
minWidth: 200,
},
{
title: '还款金额',
key: 'repaymentAmount',
minWidth: 100,
},
{
title: '第几期',
key: 'installmentNumber',
minWidth: 30,
},
{
title: '还款时间',
key: 'repaymentDeadline',
minWidth: 180,
},
{
title: '还款状态',
key: 'repaymentStatus',
minWidth: 80,
},
{
title: '还款方式',
key: 'paymentMethod',
minWidth: 80,
},
{
title: '创建时间',
key: 'createTime',
minWidth: 180,
},
];
}
this.loading = false;
})

151
src/views/user/list/userIdentity.vue Normal file
View File

@ -0,0 +1,151 @@
<template>
<div>
<div class="acea-row row-middle border_bottom pb-24" v-if="identityInfo">
<div class="avatar mr20"><img :src="identityInfo.user.avatar" /></div>
<div class="dashboard-workplace-header-tip">
<p class="dashboard-workplace-header-tip-title" v-text="identityInfo.user.nickname || '-'"></p>
<div class="dashboard-workplace-header-tip-desc">
<span class="dashboard-workplace-header-tip-desc-sp pb-1">余额: {{ identityInfo.balance }}</span>
<span class="dashboard-workplace-header-tip-desc-sp pb-1">总计订单: {{ identityInfo.allOrderCount }}</span>
<span class="dashboard-workplace-header-tip-desc-sp pb-1">总消费金额: {{ identityInfo.allConsumeCount }}</span>
<span class="dashboard-workplace-header-tip-desc-sp">积分: {{ identityInfo.integralCount }}</span>
<span class="dashboard-workplace-header-tip-desc-sp">本月订单: {{ identityInfo.mothOrderCount }}</span>
<span class="dashboard-workplace-header-tip-desc-sp">本月消费金额: {{ identityInfo.mothConsumeCount }}</span>
</div>
</div>
</div>
<div class="acea-row row-middle border_bottom pb-24 pa20" v-if="identityInfo">
<div class="dashboard-workplace-header-tip">
<div class="dashboard-workplace-header-tip-desc">
<span class="dashboard-workplace-header-tip-desc-sp pb-1">真实姓名: {{ identityInfo.userIdentityInfo.realName }}</span>
<span class="dashboard-workplace-header-tip-desc-sp pb-1">身份证号: {{ identityInfo.userIdentityInfo.idCardNumber }}</span>
<span class="dashboard-workplace-header-tip-desc-sp pb-1">手机号: {{ identityInfo.userIdentityInfo.phoneNumber }}</span>
<span class="dashboard-workplace-header-tip-desc-sp pb-1">身份证正面照: {{ identityInfo.userIdentityInfo.idCardFrontPhoto }}</span>
<span class="dashboard-workplace-header-tip-desc-sp pb-1">身份证反面照: {{ identityInfo.userIdentityInfo.idCardBackPhoto }}</span>
<span class="dashboard-workplace-header-tip-desc-sp pb-1">IP地址: {{ identityInfo.userIdentityInfo.ip }}</span>
<span class="dashboard-workplace-header-tip-desc-sp pb-1">邮箱: {{ identityInfo.userIdentityInfo.email }}</span>
<span class="dashboard-workplace-header-tip-desc-sp pb-1">常用手机号: {{ identityInfo.userIdentityInfo.commonPhoneNumber }}</span>
<span class="dashboard-workplace-header-tip-desc-sp pb-1">提交时间: {{ identityInfo.userIdentityInfo.createTime }}</span>
</div>
</div>
</div>
</div>
</template>
<script>
import { getIdentityInfo } from '@/api/user'
export default {
name: 'UserIdentity',
props: {
uid: {
type: Number,
default: null,
},
},
data() {
return {
loading: false,
identityInfo: null,
};
},
mounted() {
if (this.uid) {
// this.getHeader();
this.getIdentityInfo();
}
},
methods: {
getIdentityInfo(){
getIdentityInfo({ userId: this.uid }).then((res) => {
this.identityInfo = res;
});
},
},
};
</script>
<style scoped lang="scss">
.avatar {
width: 70px;
height: 70px;
border-radius: 50%;
overflow: hidden;
margin-left: 18px;
img {
width: 100%;
height: 100%;
}
}
.pa20{
padding-left: 110px;
padding-top: 30px;
}
.dashboard-workplace {
&-header {
&-avatar {
width: 64px;
height: 64px;
border-radius: 50%;
margin-right: 16px;
font-weight: 600;
}
&-tip {
width: 82%;
display: inline-block;
vertical-align: middle;
margin-top: -12px;
&-title {
font-size: 13px;
font-weight: 600;
color: rgba(0, 0, 0, 0.85);
line-height: 18px;
padding: 10px 0 10px;
}
&-desc {
&-sp {
width: 32%;
color: #17233d;
font-size: 13px;
display: inline-block;
}
}
}
&-extra {
.ivu-col {
p {
text-align: right;
}
p:first-child {
span:first-child {
margin-right: 4px;
}
span:last-child {
color: #808695;
}
}
p:last-child {
font-size: 22px;
}
}
}
}
}
.pb-1 {
padding-bottom: 10px;
}
.mr20 {
margin: 0 20px;
}
.border_bottom {
border-bottom: 1px solid #e7eaec;
}
.pb-24 {
padding-bottom: 24px;
}
</style>