master
parent
f7dab98746
commit
11cfe6d6fc
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,355 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-table border v-loading="listLoading" :data="list" :element-loading-text="elementLoadingText" @row-dblclick="rowdbClick" :header-cell-style="{background: 'linear-gradient(#6cb3ff, #1873d4)',color:'#eeeeee'}">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="110" prop="docTypeName" label="类别">
|
||||
<template slot-scope="scope">
|
||||
<div>{{scope.row.isAddition==1?'(补)':''}}{{scope.row.docTypeName}}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="orderStatu" label="状态">
|
||||
<template slot-scope="scope">
|
||||
<el-tag :type="scope.row.orderStatu==0?'success':scope.row.orderStatu==0?'danger':''">
|
||||
{{scope.row.orderStatu==0?'正常':scope.row.orderStatu==1?'作废':'反审核'}}
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column show-overflow-tooltip align="center" min-width="100" label="支付方式">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ paymentMethods(scope.row) }}</span>
|
||||
</template>
|
||||
</el-table-column> -->
|
||||
<el-table-column show-overflow-tooltip align="center" label="单据">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="docNum" label="单据号"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="115" prop="inputDate" label="时间">
|
||||
<template slot-scope="scope">
|
||||
<div>{{scope.row.isAddition==1?'(补)':''}}{{scope.row.inputDate}}</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="130" prop="storeName" label="门店名称"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" label="交易">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="accountNum" label="编码"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="130" prop="tradeName" label="名称"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="price" label="单价">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{scope.row.price?scope.row.price:'--'}}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="tradeCount" label="数量">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{scope.row.tradeCount?scope.row.tradeCount:'--'}}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="tradeMoney" label="成交金额"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="debtMoney" label="欠款金额"></el-table-column>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column show-overflow-tooltip align="center" min-width="90" prop="cashMoney" label="现付总金额"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="90" prop="cardMoney" label="卡付总金额"></el-table-column> -->
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="90" prop="cashMoney" label="现付总金额"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="90" prop="cardMoney" label="卡付总金额"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="90" prop="additionDate" label="补单日期">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.additionDate?scope.row.additionDate:"暂无" }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" label="剩余">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="accountRestCount" label="次数">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{scope.row.accountRestCount?scope.row.accountRestCount:'--'}}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="accountRestMoney" label="金额"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" label="可用">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="accountConsumeCount" label="次数">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{scope.row.accountConsumeCount?scope.row.accountConsumeCount:'--'}}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="accountConsumeMoney" label="金额"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="inputBy" label="录单人"></el-table-column>
|
||||
</el-table>
|
||||
<div class="block margin-top-xs">
|
||||
<!-- 分页组件 -->
|
||||
<el-pagination align="left" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="queryForm.pageNum" :page-sizes="[10,20,30,40,50]" :page-size="queryForm.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total"></el-pagination>
|
||||
</div>
|
||||
<orderdetail ref="orderdetail"></orderdetail>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listByMembers } from "@/api/eashier";
|
||||
import orderdetail from "@/components/order/detail.vue";
|
||||
export default {
|
||||
components: { orderdetail },
|
||||
// computed:{
|
||||
// paymentMethods(){
|
||||
// return (row)=>{
|
||||
// if(row.rechargeConsumeList.length&&row.payLists.length){
|
||||
// // 现金跟卡付
|
||||
// return '现金/卡付'
|
||||
// }
|
||||
// if(row.rechargeConsumeList.length){
|
||||
// // 卡付
|
||||
// return '卡付'
|
||||
// }else{
|
||||
// // 现金
|
||||
// return '现金'
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// },
|
||||
data() {
|
||||
return {
|
||||
itemList: [
|
||||
//单据全部类型
|
||||
|
||||
{
|
||||
docType: "upgrade_out",
|
||||
docTypeName: "升级转出",
|
||||
},
|
||||
{
|
||||
docType: "upgrade_in",
|
||||
docTypeName: "升级充值",
|
||||
},
|
||||
{
|
||||
docType: "demotion_out",
|
||||
docTypeName: "降级转出",
|
||||
},
|
||||
{
|
||||
docType: "demotion_in",
|
||||
docTypeName: "降级充值",
|
||||
},
|
||||
{
|
||||
docType: "store_room",
|
||||
docTypeName: "前台收银",
|
||||
},
|
||||
{
|
||||
docType: "init",
|
||||
docTypeName: "初始化",
|
||||
},
|
||||
{
|
||||
docType: "card_recharge",
|
||||
docTypeName: "充值开卡",
|
||||
},
|
||||
|
||||
{
|
||||
docType: "recharge_roll_course",
|
||||
docTypeName: "疗程转充值卡",
|
||||
},
|
||||
{
|
||||
docType: "card_change",
|
||||
docTypeName: "加价转疗程",
|
||||
},
|
||||
{
|
||||
docType: "card_use",
|
||||
docTypeName: "疗程开卡",
|
||||
},
|
||||
{
|
||||
docType: "card_use_additione",
|
||||
docTypeName: "疗程开卡补单",
|
||||
},
|
||||
{
|
||||
docType: "store_cash",
|
||||
docTypeName: "收银",
|
||||
},
|
||||
{
|
||||
docType: "card_repay",
|
||||
docTypeName: "还款",
|
||||
},
|
||||
{
|
||||
docType: "refund_recharge",
|
||||
docTypeName: "充值退款",
|
||||
},
|
||||
{
|
||||
docType: "refund_course",
|
||||
docTypeName: "疗程退款",
|
||||
},
|
||||
{
|
||||
docType: "refund_cash",
|
||||
docTypeName: "消费退款",
|
||||
},
|
||||
{
|
||||
docType: "promotion",
|
||||
docTypeName: "促销活动",
|
||||
},
|
||||
{
|
||||
docType: "promotion_card_repay",
|
||||
docTypeName: "促销还款",
|
||||
},
|
||||
],
|
||||
form: {}, //主对象
|
||||
list: [], //主数组
|
||||
total: 0, //分页总条数
|
||||
listLoading: false, //list加载提示开启动画
|
||||
elementLoadingText: "加载中...", //list加载提示文字
|
||||
queryForm: {
|
||||
//查询对象
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
//列表数组双击方法
|
||||
rowdbClick(row) {
|
||||
this.$refs.orderdetail.show(row);
|
||||
},
|
||||
//组件传值
|
||||
show(form) {
|
||||
this.form = { ...form };
|
||||
this.getData();
|
||||
},
|
||||
//分页方法
|
||||
handleSizeChange(val) {
|
||||
this.queryForm.pageSize = val;
|
||||
this.getData();
|
||||
//console.log(val);
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
this.queryForm.pageNum = val;
|
||||
this.getData();
|
||||
//console.log(val);
|
||||
},
|
||||
//获取数据
|
||||
async getData() {
|
||||
if (this.form.month) {
|
||||
this.queryForm.inputDate = this.formatTime(
|
||||
this.form.month,
|
||||
"YYYY-MM-DD hh:mm:ss"
|
||||
);
|
||||
} else{
|
||||
this.queryForm.inputDate = this.formatTime(
|
||||
new Date(),
|
||||
"YYYY-MM-DD hh:mm:ss"
|
||||
);
|
||||
}
|
||||
this.queryForm.memberId = this.form.id;
|
||||
this.queryForm.memberName = this.form.memberName;
|
||||
this.queryForm.memberPhone = this.form.mobilePhone;
|
||||
|
||||
listByMembers(this.queryForm).then((res) => {
|
||||
if (res.code == "000000") {
|
||||
res.pageInfo.list.forEach((item) => {
|
||||
this.itemList.forEach((items) => {
|
||||
if (item.docType == items.docType) {
|
||||
item.docTypeName = items.docTypeName;
|
||||
}
|
||||
});
|
||||
});
|
||||
res.pageInfo.list.forEach((item) => {
|
||||
if (item.type == "card_repay") {
|
||||
item.docTypeName = "还款";
|
||||
}
|
||||
if(item.accountType == 'recharge_groupon·'){
|
||||
item.docTypeName = '团购卡'
|
||||
}
|
||||
if(item.accountType == 'project_consume'&& item.docType == 'store_cash'){
|
||||
item.docTypeName = '收银疗程卡付'
|
||||
}
|
||||
if(item.accountType == 'project_consume'&& item.docType == 'card_change'){
|
||||
item.docTypeName = '加价转疗程转出'
|
||||
}
|
||||
if(item.accountType == 'project'){
|
||||
item.docTypeName = '加价转疗程转入'
|
||||
}
|
||||
if (item.type == "card_repay") {
|
||||
if (item.orderType == "course") {
|
||||
item.docTypeName = "疗程" + item.docTypeName;
|
||||
}
|
||||
if (item.orderType == "recharge") {
|
||||
item.docTypeName = "充值" + item.docTypeName;
|
||||
}
|
||||
}
|
||||
if(item.docType == 'card_use_addition'){
|
||||
item.docTypeName = '疗程开卡补单'
|
||||
}
|
||||
if (item.docType == "refund_cash_room") {
|
||||
if (item.accountType == "refund_cash_unaudit_room") {
|
||||
item.docTypeName = "房间退反审核";
|
||||
}
|
||||
if (item.accountType == "refund_cash_audit_room") {
|
||||
item.docTypeName = "房间消费退";
|
||||
}
|
||||
}
|
||||
if (item.docType == "recharge_Transition") {
|
||||
if (item.accountType == "recharge_Transition_out") {
|
||||
item.docTypeName = "充值卡内调转出";
|
||||
}
|
||||
if (item.accountType == "recharge_Transition_out_cancel") {
|
||||
item.docTypeName = "充值内调作废";
|
||||
}
|
||||
if (item.accountType == "recharge_Transition_in") {
|
||||
item.docTypeName = "充值卡内调转入";
|
||||
}
|
||||
if (item.accountType == "recharge_Transition_in_cancel") {
|
||||
item.docTypeName = "充值内调作废";
|
||||
}
|
||||
if (item.accountType == "recharge_Transition_out_cancel") {
|
||||
item.docTypeName = "充值转出反审核";
|
||||
}
|
||||
}
|
||||
|
||||
if (item.accountType == "recharge_in") {
|
||||
item.docTypeName = "转卡充值卡包转入";
|
||||
}
|
||||
if (item.accountType == "recharge_out") {
|
||||
item.docTypeName = "转卡充值卡包转出";
|
||||
}
|
||||
if (item.accountType == "recharge_in_cancel") {
|
||||
item.docTypeName = "转卡充值卡包转入";
|
||||
}
|
||||
if (item.accountType == "recharge_out_cancel") {
|
||||
item.docTypeName = "转卡充值卡包转出";
|
||||
}
|
||||
if (item.accountType == "project_in") {
|
||||
item.docTypeName = "转卡疗程账户转出";
|
||||
}
|
||||
if (item.accountType == "project_out") {
|
||||
item.docTypeName = "转卡疗程账户转入";
|
||||
}
|
||||
if (item.accountType == "project_in_cancel") {
|
||||
item.docTypeName = "转卡疗程账户转出";
|
||||
}
|
||||
if (item.accountType == "project_out_cancel") {
|
||||
item.docTypeName = "转卡疗程账户转入";
|
||||
}
|
||||
if (item.type == "turn_card_use") {
|
||||
if (item.orderType == "project_in ") {
|
||||
item.docTypeName = "转卡转入";
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
this.list.forEach((item)=>{
|
||||
item.tradeMoney=item.cashMoney+item.cardMoney
|
||||
})
|
||||
this.list = res.pageInfo.list;
|
||||
|
||||
this.total = res.pageInfo.total;
|
||||
} else {
|
||||
this.$alert(res.message, "查询会员疗程", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => {},
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
@ -0,0 +1,112 @@
|
||||
<template>
|
||||
<el-dialog :close-on-click-modal="false" v-dialogDrag rechargeTypeId="form" :title="title" :visible.sync="dialogFormVisible">
|
||||
<el-form :model="form" :rules="rules" ref="form" label-width="120px">
|
||||
<el-form-item label="编码:" prop="rechargeTypeNum">
|
||||
<div>
|
||||
{{form.courseProjectNum}}{{form.rechargeTypeNum}}
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="名称:" prop="rechargeTypeName">
|
||||
<div>
|
||||
{{form.courseProjectName}}{{form.rechargeTypeName}}
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="到期日期:" prop="discount">
|
||||
<el-date-picker v-model="form.endTime" type="date" value-format="yyyy-MM-dd" placeholder="选择日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button size="mini" type="primary" plain @click="dialogFormVisible = false">取 消</el-button>
|
||||
<el-button size="mini" type="primary" @click="confirm">确 定</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script>
|
||||
import { editCouAccount, editRecAccount } from "@/api/eashier.js";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
rules: {
|
||||
rechargeTypeName: {
|
||||
required: true,
|
||||
message: "请输入充值名称",
|
||||
trigger: ["blur", "change"],
|
||||
},
|
||||
rechargeTypeNum: {
|
||||
required: true,
|
||||
message: "请输入充值编码",
|
||||
trigger: ["blur", "change"],
|
||||
},
|
||||
rechargeMoney: {
|
||||
required: true,
|
||||
message: "请输入充值金额",
|
||||
trigger: ["blur", "change"],
|
||||
},
|
||||
},
|
||||
form: {}, //主对象
|
||||
title: "", //弹窗标题
|
||||
dialogFormVisible: false, //弹窗开关
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
//组件传值
|
||||
show(form) {
|
||||
this.title = "帐户延期";
|
||||
this.form = { ...form };
|
||||
this.dialogFormVisible = true;
|
||||
},
|
||||
//确定返回方法
|
||||
confirm() {
|
||||
var form = {
|
||||
id: this.form.id,
|
||||
endTime: this.form.endTime,
|
||||
};
|
||||
if (this.form.rechargeTypeName) {
|
||||
editRecAccount(form)
|
||||
.then((res) => {
|
||||
if (res.code == "000000") {
|
||||
this.$emit("editData");
|
||||
this.dialogFormVisible = false;
|
||||
this.$message.success({
|
||||
message: "修改成功!",
|
||||
});
|
||||
} else {
|
||||
this.$alert(res.message, "提示", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => {},
|
||||
});
|
||||
}
|
||||
})
|
||||
.catch((err) => {
|
||||
console.log(err);
|
||||
});
|
||||
} else {
|
||||
editCouAccount(form).then((res) => {
|
||||
if (res.code == "000000") {
|
||||
this.$emit("editData");
|
||||
this.dialogFormVisible = false;
|
||||
this.$message.success({
|
||||
message: res.message,
|
||||
});
|
||||
} else {
|
||||
this.$alert(res.message, "提示", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => {},
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
@ -0,0 +1,79 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-table border v-loading="listLoading" :data="list" :element-loading-text="elementLoadingText" @row-dblclick="rowdbClick" max-height="650" :header-cell-style="{background: 'linear-gradient(#6cb3ff, #1873d4)',color:'#eeeeee'}">
|
||||
<el-table-column type="index" width="40" align="center"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="courseProjectNum" label="编码"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="courseProjectName" label="名称"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="price" label="单价"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" label="余次">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="courseRestCount" label="剩余"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="courseConsumeCount" label="可消费"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" label="余额">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="courseRestPrice" label="剩余"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="courseConsumePrice" label="可消费"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" label="门店">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="storeNum" label="编码"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="120" prop="storeName" label="名称"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="endTime" sortable label="到期时间"></el-table-column>
|
||||
</el-table>
|
||||
<detail ref="detail"></detail>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listdeal } from "@/api/eashier.js";
|
||||
import detail from "./prodetail";
|
||||
export default {
|
||||
components: { detail },
|
||||
data() {
|
||||
return {
|
||||
form: {}, //主对象
|
||||
list: [], //主数组
|
||||
total: 0, //分页总条数
|
||||
listLoading: false, //list加载提示开启动画
|
||||
elementLoadingText: "加载中...", //list加载提示文字
|
||||
queryForm: {
|
||||
//查询对象
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
//列表数组双击方法
|
||||
rowdbClick(row) {
|
||||
this.$refs.detail.show(row);
|
||||
},
|
||||
//组件传值
|
||||
show(form) {
|
||||
this.form = { ...form };
|
||||
this.getData();
|
||||
},
|
||||
//获取数据
|
||||
async getData() {
|
||||
var ids = {
|
||||
memberId: this.form.id,
|
||||
};
|
||||
listdeal(ids).then((res) => {
|
||||
if (res.code == "000000") {
|
||||
this.list = res.rows;
|
||||
} else {
|
||||
this.$alert(res.message, "查询会员疗程", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => {},
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
@ -0,0 +1,280 @@
|
||||
<template >
|
||||
<el-dialog :close-on-click-modal="false" v-dialogDrag rechargeTypeId="form" :title="title" :visible.sync="dialogFormVisible" width="75%">
|
||||
<div class="form-width-ms block">
|
||||
<span class="demonstration"></span>
|
||||
<el-date-picker v-model="queryForm.month" type="month" @change="getData" placeholder="选择月份">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
<el-table border v-loading="listLoading" :data="list" :element-loading-text="elementLoadingText" @row-dblclick="rowdbClick" max-height="650" :header-cell-style="{background: 'linear-gradient(#6cb3ff, #1873d4)',color:'#eeeeee'}">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="docTypeName" label="类别"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="orderStatu" label="状态">
|
||||
<template slot-scope="scope">
|
||||
<el-tag :type="scope.row.orderStatu==0?'success':scope.row.orderStatu==0?'danger':''">
|
||||
{{scope.row.orderStatu==0?'正常':scope.row.orderStatu==1?'作废':'反审核'}}
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="inputBy" label="操作人"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" label="单据">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="120" prop="docNum" label="单据号"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="115" prop="inputDate" label="时间"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="storeNum" label="门店编码"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="140" prop="storeName" label="门店名称"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" label="交易">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="tradeName" label="名称"></el-table-column>
|
||||
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="price" label="单价">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{scope.row.price?scope.row.price:'--'}}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="tradeCount" label="数量">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{scope.row.tradeCount?scope.row.tradeCount:'--'}}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="tradeMoney" label="成交金额"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="debtMoney" label="欠款金额"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" label="收入">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="accountInMoney" label="金额"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="accountInCount" label="次数"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" label="支出">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="accountSpendMoney" label="金额"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="accountSpendCount" label="次数"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" label="结余">
|
||||
<el-table-column show-overflow-tooltip align="center" label="剩余">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="accountRestMoney" label="金额"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="accountRestCount" label="次数"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" label="可用">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="accountConsumeMoney" label="金额"> </el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="accountConsumeCount" label="次数"></el-table-column>
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="block margin-top-xs">
|
||||
<!-- 分页组件 -->
|
||||
<el-pagination align="left" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="queryForm.pageNum" :page-sizes="[10,20,30,40,50]" :page-size="queryForm.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total"></el-pagination>
|
||||
</div>
|
||||
<orderdetail ref="orderdetail"></orderdetail>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button size="mini" type="primary" plain @click="dialogFormVisible = false">关闭</el-button>
|
||||
</div>
|
||||
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listByMembers } from "@/api/eashier";
|
||||
import orderdetail from "@/components/order/detail.vue";
|
||||
|
||||
export default {
|
||||
components: { orderdetail },
|
||||
|
||||
data() {
|
||||
return {
|
||||
form: {}, //主对象
|
||||
list: [], //主数组
|
||||
total: 0, //分页总条数
|
||||
title: "", //弹窗标题
|
||||
listLoading: false, //list加载提示开启动画
|
||||
dialogFormVisible: false, //弹窗开关
|
||||
elementLoadingText: "加载中...", //list加载提示文字
|
||||
queryForm: {
|
||||
//查询对象
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
itemList: [
|
||||
//单据全部类型
|
||||
{
|
||||
docType: "store_room",
|
||||
docTypeName: "前台收银",
|
||||
},
|
||||
|
||||
{
|
||||
docType: "upgrade_out",
|
||||
docTypeName: "升级转出",
|
||||
},
|
||||
{
|
||||
docType: "upgrade_in",
|
||||
docTypeName: "升级充值",
|
||||
},
|
||||
{
|
||||
docType: "demotion_out",
|
||||
docTypeName: "降级转出",
|
||||
},
|
||||
{
|
||||
docType: "demotion_in",
|
||||
docTypeName: "降级充值",
|
||||
},
|
||||
{
|
||||
docType: "init",
|
||||
docTypeName: "初始化",
|
||||
},
|
||||
{
|
||||
docType: "card_recharge",
|
||||
docTypeName: "充值开卡",
|
||||
},
|
||||
|
||||
{
|
||||
docType: "recharge_roll_course",
|
||||
docTypeName: "疗程转充值卡",
|
||||
},
|
||||
{
|
||||
docType: "card_change",
|
||||
docTypeName: "加价转疗程",
|
||||
},
|
||||
{
|
||||
docType: "card_use",
|
||||
docTypeName: "疗程开卡",
|
||||
},
|
||||
{
|
||||
docType: "store_cash",
|
||||
docTypeName: "收银",
|
||||
},
|
||||
{
|
||||
docType: "card_repay",
|
||||
docTypeName: "还款",
|
||||
},
|
||||
{
|
||||
docType: "refund_recharge",
|
||||
docTypeName: "充值退款",
|
||||
},
|
||||
{
|
||||
docType: "refund_course",
|
||||
docTypeName: "疗程退款",
|
||||
},
|
||||
{
|
||||
docType: "refund_cash",
|
||||
docTypeName: "消费退款",
|
||||
},
|
||||
{
|
||||
docType: "promotion",
|
||||
docTypeName: "促销活动",
|
||||
},
|
||||
{
|
||||
docType: "promotion_card_repay",
|
||||
docTypeName: "促销还款",
|
||||
},
|
||||
],
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
//列表数组双击方法
|
||||
rowdbClick(row) {
|
||||
this.$refs.orderdetail.show(row);
|
||||
},
|
||||
//组件传值
|
||||
show(form) {
|
||||
this.dialogFormVisible = true;
|
||||
this.title = form.courseProjectName;
|
||||
this.form = { ...form };
|
||||
this.getData();
|
||||
},
|
||||
edit(row) {
|
||||
this.$refs.edit.show(row);
|
||||
},
|
||||
//分页方法
|
||||
handleSizeChange(val) {
|
||||
this.queryForm.pageSize = val;
|
||||
this.getData();
|
||||
//console.log(val);
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
this.queryForm.pageNum = val;
|
||||
this.getData();
|
||||
//console.log(val);
|
||||
},
|
||||
//获取数据
|
||||
async getData() {
|
||||
if (this.queryForm.month) {
|
||||
this.queryForm.inputDate = this.formatTime(
|
||||
this.queryForm.month,
|
||||
"YYYY-MM-DD hh:mm:ss"
|
||||
);
|
||||
} else {
|
||||
this.queryForm.inputDate = this.formatTime(
|
||||
new Date(),
|
||||
"YYYY-MM-DD hh:mm:ss"
|
||||
);
|
||||
}
|
||||
this.queryForm.memberId = this.form.memberId;
|
||||
this.queryForm.memberName = this.form.memberName;
|
||||
this.queryForm.memberPhone = this.form.mobilePhone;
|
||||
this.queryForm.accountId = this.form.id;
|
||||
|
||||
listByMembers(this.queryForm).then((res) => {
|
||||
if (res.code == "000000") {
|
||||
res.pageInfo.list.forEach((item) => {
|
||||
this.itemList.forEach((items) => {
|
||||
if (item.docType == items.docType) {
|
||||
item.docTypeName = items.docTypeName;
|
||||
}
|
||||
});
|
||||
});
|
||||
res.pageInfo.list.forEach((item) => {
|
||||
if (item.type == "card_repay") {
|
||||
item.docTypeName = "还款";
|
||||
}
|
||||
if (item.type == "card_repay") {
|
||||
if (item.orderType == "course") {
|
||||
item.docTypeName = "疗程" + item.docTypeName;
|
||||
}
|
||||
if (item.orderType == "recharge") {
|
||||
item.docTypeName = "充值" + item.docTypeName;
|
||||
}
|
||||
}
|
||||
if (item.docType == "refund_cash_room") {
|
||||
if (item.accountType == "refund_cash_unaudit_room") {
|
||||
item.docTypeName = "房间退反审核";
|
||||
}
|
||||
if (item.accountType == "refund_cash_audit_room") {
|
||||
item.docTypeName = "房间消费退";
|
||||
}
|
||||
}
|
||||
if (item.docType == "recharge_Transition") {
|
||||
if (item.accountType == "recharge_Transition_out") {
|
||||
item.docTypeName = "充值卡内调转出";
|
||||
}
|
||||
if (item.accountType == "recharge_Transition_out_cancel") {
|
||||
item.docTypeName = "充值内调作废";
|
||||
}
|
||||
if (item.accountType == "recharge_Transition_in") {
|
||||
item.docTypeName = "充值卡内调转入";
|
||||
}
|
||||
if (item.accountType == "recharge_Transition_in_cancel") {
|
||||
item.docTypeName = "充值内调作废";
|
||||
}
|
||||
if (item.accountType == "recharge_Transition_out_cancel") {
|
||||
item.docTypeName = "充值转出反审核";
|
||||
}
|
||||
}
|
||||
});
|
||||
this.list = res.pageInfo.list;
|
||||
this.total = res.pageInfo.total;
|
||||
} else {
|
||||
this.$alert(res.message, "查询会员疗程", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => {},
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
@ -0,0 +1,94 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-table border v-loading="listLoading" :data="list" :element-loading-text="elementLoadingText" @row-dblclick="rowdbClick" max-height="650" :header-cell-style="{background: 'linear-gradient(#6cb3ff, #1873d4)',color:'#eeeeee'}">
|
||||
<el-table-column type="index" width="40" align="center"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="courseProjectNum" label="编码"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="courseProjectName" label="名称"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="price" label="单价"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" label="余次">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="courseRestCount" label="剩余"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="courseConsumeCount" label="可消费"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" label="余额">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="courseRestPrice" label="剩余"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="courseConsumePrice" label="可消费"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" label="门店">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="storeNum" label="编码"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="120" prop="storeName" label="名称"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="endTime" sortable label="到期时间"></el-table-column>
|
||||
<!-- <el-table-column align="center" fixed="right" label="操作" width="100" v-role="50011003">
|
||||
<template slot-scope="scope">
|
||||
<el-button @click="edit(scope.row)" size="mini" type="primary">帐户延期</el-button>
|
||||
</template>
|
||||
</el-table-column> -->
|
||||
</el-table>
|
||||
<edit ref="edit" @editData="editData"></edit>
|
||||
<detail ref="detail"></detail>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listdeals } from "@/api/eashier.js";
|
||||
import edit from "./edit";
|
||||
import detail from "./prodetail";
|
||||
export default {
|
||||
components: { edit, detail },
|
||||
data() {
|
||||
return {
|
||||
form: {}, //主对象
|
||||
list: [], //主数组
|
||||
total: 0, //分页总条数
|
||||
listLoading: false, //list加载提示开启动画
|
||||
elementLoadingText: "加载中...", //list加载提示文字
|
||||
queryForm: {
|
||||
//查询对象
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
//列表数组双击方法
|
||||
rowdbClick(row) {
|
||||
this.$refs.detail.show(row);
|
||||
},
|
||||
//组件传值
|
||||
show(form) {
|
||||
this.form = { ...form };
|
||||
this.getData();
|
||||
},
|
||||
//打开帐户延期弹窗
|
||||
edit(row) {
|
||||
this.$refs.edit.show(row);
|
||||
},
|
||||
//帐户延期返回方法
|
||||
editData() {
|
||||
this.getData();
|
||||
},
|
||||
//获取数据
|
||||
async getData() {
|
||||
var ids = {
|
||||
memberId: this.form.id,
|
||||
};
|
||||
listdeals(ids).then((res) => {
|
||||
if (res.code == "000000") {
|
||||
this.list = res.rows;
|
||||
} else {
|
||||
this.$alert(res.message, "查询会员疗程", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => {},
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
@ -0,0 +1,89 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-table border v-loading="listLoading" :data="list" :element-loading-text="elementLoadingText" @row-dblclick="rowdbClick" max-height="650" :header-cell-style="{background: 'linear-gradient(#6cb3ff, #1873d4)',color:'#eeeeee'}">
|
||||
<el-table-column type="index" width="40" align="center"></el-table-column>
|
||||
|
||||
<el-table-column show-overflow-tooltip align="center" label="充值类别">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="rechargeTypeNum" label="编码"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="rechargeTypeName" label="名称"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="160" prop="cardRechargeMoney" label="金额"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="160" prop="discount" label="折扣"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" label="充值">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="cardRestMoney" label="剩余"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="cardConsumeMoney" label="可用"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" label="赠送">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="cardGiftMoney" label="剩余"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="giftConsumeMoney" label="可用"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="endTime" sortable label="到期时间"></el-table-column>
|
||||
</el-table>
|
||||
<detail ref="detail"></detail>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { recAccountCashList } from "@/api/eashier.js";
|
||||
import detail from "./recdetail";
|
||||
export default {
|
||||
components: { detail },
|
||||
data() {
|
||||
return {
|
||||
form: {}, //主对象
|
||||
list: [], //主数组
|
||||
total: 0, //分页总条数
|
||||
listLoading: false, //list加载提示开启动画
|
||||
elementLoadingText: "加载中...", //list加载提示文字
|
||||
queryForm: {
|
||||
//查询对象
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
//列表数组双击方法
|
||||
rowdbClick(row) {
|
||||
this.$refs.detail.show(row);
|
||||
},
|
||||
//组件传值
|
||||
show(form) {
|
||||
this.form = { ...form };
|
||||
this.getData();
|
||||
},
|
||||
//分页方法
|
||||
handleSizeChange(val) {
|
||||
this.queryForm.pageSize = val;
|
||||
this.getData();
|
||||
//console.log(val);
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
this.queryForm.pageNum = val;
|
||||
this.getData();
|
||||
//console.log(val);
|
||||
},
|
||||
//获取数据
|
||||
async getData() {
|
||||
recAccountCashList({
|
||||
memberId: this.form.id,
|
||||
}).then((res) => {
|
||||
if (res.code == "000000") {
|
||||
this.list = res.rows;
|
||||
} else {
|
||||
this.$alert(res.message, "查询会员卡包", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => {},
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
@ -0,0 +1,282 @@
|
||||
<template>
|
||||
<el-dialog :close-on-click-modal="false" v-dialogDrag rechargeTypeId="form" :title="title" :visible.sync="dialogFormVisible" width="75%">
|
||||
<div class="form-width-ms block">
|
||||
<span class="demonstration"></span>
|
||||
<el-date-picker v-model="queryForm.month" type="month" @change="getData" placeholder="选择月份">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
<el-table border v-loading="listLoading" :data="list" :element-loading-text="elementLoadingText" @row-dblclick="rowdbClick" max-height="650" :header-cell-style="{background: 'linear-gradient(#6cb3ff, #1873d4)',color:'#eeeeee'}">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="docTypeName" label="类别"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="orderStatu" label="状态">
|
||||
<template slot-scope="scope">
|
||||
<el-tag :type="scope.row.orderStatu==0?'success':scope.row.orderStatu==0?'danger':''">
|
||||
{{scope.row.orderStatu==0?'正常':scope.row.orderStatu==1?'作废':'反审核'}}
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="inputBy" label="操作人"></el-table-column>
|
||||
|
||||
<el-table-column show-overflow-tooltip align="center" label="单据">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="120" prop="docNum" label="单据号"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="115" prop="inputDate" label="时间"></el-table-column>
|
||||
<!-- <el-table-column show-overflow-tooltip align="center" min-width="160" prop="updatedTime" label="操作人"></el-table-column> -->
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="storeNum" label="门店编码"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="140" prop="storeName" label="门店名称"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" label="交易">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="tradeName" label="成交金额"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="price" label="单价">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{scope.row.price?scope.row.price:'--'}}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="tradeCount" label="数量">
|
||||
<template slot-scope="scope">
|
||||
<div>
|
||||
{{scope.row.tradeCount?scope.row.tradeCount:'--'}}
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="tradeMoney" label="成交金额"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="debtMoney" label="欠款金额"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" label="收入">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="accountInMoney" label="金额"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="giftInMenoy" label="赠送金额"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" label="支出">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="accountSpendMoney" label="金额"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="accountGiftSpendMoney" label="赠送金额"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" label="结余">
|
||||
<el-table-column show-overflow-tooltip align="center" label="剩余">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="accountRestMoney" label="金额"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="accountGiftRestMoney" label="赠送金额"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" label="可用">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="accountConsumeMoney" label="金额"> </el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="80" prop="accountGiftConsumeMoney" label="赠送金额"></el-table-column>
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="block margin-top-xs">
|
||||
<!-- 分页组件 -->
|
||||
<el-pagination align="left" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="queryForm.pageNum" :page-sizes="[10,20,30,40,50]" :page-size="queryForm.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total"></el-pagination>
|
||||
</div>
|
||||
<orderdetail ref="orderdetail"></orderdetail>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button size="mini" type="primary" plain @click="dialogFormVisible = false">关闭</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import orderdetail from "@/components/order/detail.vue";
|
||||
import { listByMembers } from "@/api/eashier";
|
||||
export default {
|
||||
components: { orderdetail },
|
||||
data() {
|
||||
return {
|
||||
form: {}, //主对象
|
||||
title: "", //弹窗标题
|
||||
list: [], //主数组
|
||||
total: 0, //分页总条数
|
||||
listLoading: false, //list加载提示开启动画
|
||||
dialogFormVisible: false, //弹窗开关
|
||||
elementLoadingText: "加载中...", //list加载提示文字
|
||||
queryForm: {
|
||||
//查询对象
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
itemList: [
|
||||
//单据全部类型
|
||||
{
|
||||
docType: "store_room",
|
||||
docTypeName: "前台收银",
|
||||
},
|
||||
|
||||
{
|
||||
docType: "upgrade_out",
|
||||
docTypeName: "升级转出",
|
||||
},
|
||||
{
|
||||
docType: "upgrade_in",
|
||||
docTypeName: "升级充值",
|
||||
},
|
||||
{
|
||||
docType: "demotion_out",
|
||||
docTypeName: "降级转出",
|
||||
},
|
||||
{
|
||||
docType: "demotion_in",
|
||||
docTypeName: "降级充值",
|
||||
},
|
||||
{
|
||||
docType: "init",
|
||||
docTypeName: "初始化",
|
||||
},
|
||||
{
|
||||
docType: "card_recharge",
|
||||
docTypeName: "充值开卡",
|
||||
},
|
||||
|
||||
{
|
||||
docType: "recharge_roll_course",
|
||||
docTypeName: "疗程转充值卡",
|
||||
},
|
||||
{
|
||||
docType: "card_change",
|
||||
docTypeName: "加价转疗程",
|
||||
},
|
||||
{
|
||||
docType: "card_use",
|
||||
docTypeName: "疗程开卡",
|
||||
},
|
||||
{
|
||||
docType: "store_cash",
|
||||
docTypeName: "收银",
|
||||
},
|
||||
{
|
||||
docType: "card_repay",
|
||||
docTypeName: "还款",
|
||||
},
|
||||
{
|
||||
docType: "refund_recharge",
|
||||
docTypeName: "充值退款",
|
||||
},
|
||||
{
|
||||
docType: "refund_course",
|
||||
docTypeName: "疗程退款",
|
||||
},
|
||||
{
|
||||
docType: "refund_cash",
|
||||
docTypeName: "消费退款",
|
||||
},
|
||||
{
|
||||
docType: "promotion",
|
||||
docTypeName: "促销活动",
|
||||
},
|
||||
{
|
||||
docType: "promotion_card_repay",
|
||||
docTypeName: "促销还款",
|
||||
},
|
||||
{
|
||||
docType: 'recharge_groupon',
|
||||
docTypeName: "团购卡"
|
||||
}
|
||||
],
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
//列表数组双击方法
|
||||
rowdbClick(row) {
|
||||
this.$refs.orderdetail.show(row);
|
||||
},
|
||||
//组件传值
|
||||
show(form) {
|
||||
this.form = { ...form };
|
||||
this.title = form.rechargeTypeName;
|
||||
this.dialogFormVisible = true;
|
||||
this.getData();
|
||||
},
|
||||
//分页方法
|
||||
handleSizeChange(val) {
|
||||
this.queryForm.pageSize = val;
|
||||
this.getData();
|
||||
//console.log(val);
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
this.queryForm.pageNum = val;
|
||||
this.getData();
|
||||
//console.log(val);
|
||||
},
|
||||
//获取数据
|
||||
async getData() {
|
||||
if (this.queryForm.month) {
|
||||
this.queryForm.inputDate = this.formatTime(
|
||||
this.queryForm.month,
|
||||
"YYYY-MM-DD hh:mm:ss"
|
||||
);
|
||||
} else {
|
||||
this.queryForm.inputDate = this.formatTime(
|
||||
new Date(),
|
||||
"YYYY-MM-DD hh:mm:ss"
|
||||
);
|
||||
}
|
||||
this.queryForm.memberId = this.form.memberId;
|
||||
this.queryForm.memberName = this.form.memberName;
|
||||
this.queryForm.memberPhone = this.form.mobilePhone;
|
||||
this.queryForm.accountId = this.form.id;
|
||||
|
||||
listByMembers(this.queryForm).then((res) => {
|
||||
if (res.code == "000000") {
|
||||
res.pageInfo.list.forEach((item) => {
|
||||
this.itemList.forEach((items) => {
|
||||
if (item.docType == items.docType) {
|
||||
item.docTypeName = items.docTypeName;
|
||||
}
|
||||
});
|
||||
});
|
||||
res.pageInfo.list.forEach((item) => {
|
||||
if( item.accountType == 'recharge_groupon'){
|
||||
item.docTypeName = "团购卡";
|
||||
}
|
||||
if (item.type == "card_repay") {
|
||||
item.docTypeName = "还款";
|
||||
}
|
||||
if (item.type == "card_repay") {
|
||||
if (item.orderType == "course") {
|
||||
item.docTypeName = "疗程" + item.docTypeName;
|
||||
}
|
||||
if (item.orderType == "recharge") {
|
||||
item.docTypeName = "充值" + item.docTypeName;
|
||||
}
|
||||
}
|
||||
if (item.docType == "refund_cash_room") {
|
||||
if (item.accountType == "refund_cash_unaudit_room") {
|
||||
item.docTypeName = "房间退反审核";
|
||||
}
|
||||
if (item.accountType == "refund_cash_audit_room") {
|
||||
item.docTypeName = "房间消费退";
|
||||
}
|
||||
}
|
||||
if (item.docType == "recharge_Transition") {
|
||||
if (item.accountType == "recharge_Transition_out") {
|
||||
item.docTypeName = "充值卡内调转出";
|
||||
}
|
||||
if (item.accountType == "recharge_Transition_out_cancel") {
|
||||
item.docTypeName = "充值内调作废";
|
||||
}
|
||||
if (item.accountType == "recharge_Transition_in") {
|
||||
item.docTypeName = "充值卡内调转入";
|
||||
}
|
||||
if (item.accountType == "recharge_Transition_in_cancel") {
|
||||
item.docTypeName = "充值内调作废";
|
||||
}
|
||||
if (item.accountType == "recharge_Transition_out_cancel") {
|
||||
item.docTypeName = "充值转出反审核";
|
||||
}
|
||||
}
|
||||
});
|
||||
this.list = res.pageInfo.list;
|
||||
this.total = res.pageInfo.total;
|
||||
} else {
|
||||
this.$alert(res.message, "查询会员疗程", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => {},
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
@ -0,0 +1,103 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-table border v-loading="listLoading" :data="list" :element-loading-text="elementLoadingText" @row-dblclick="rowdbClick" max-height="650" :header-cell-style="{background: 'linear-gradient(#6cb3ff, #1873d4)',color:'#eeeeee'}">
|
||||
<el-table-column type="index" width="40" align="center"></el-table-column>
|
||||
|
||||
<el-table-column show-overflow-tooltip align="center" label="充值类别">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="rechargeTypeNum" label="编码"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="rechargeTypeName" label="名称"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="160" prop="cardRechargeMoney" label="金额"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="160" prop="discount" label="折扣"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" label="充值">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="cardRestMoney" label="剩余"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="cardConsumeMoney" label="可用"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" label="赠送">
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="cardGiftMoney" label="剩余"></el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="giftConsumeMoney" label="可用"></el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column show-overflow-tooltip align="center" min-width="100" prop="endTime" sortable label="到期时间"></el-table-column>
|
||||
<!-- <el-table-column align="center" fixed="right" label="操作" width="100" v-role="50011003">
|
||||
<template slot-scope="scope">
|
||||
<el-button @click="edit(scope.row)" size="mini" type="primary">帐户延期</el-button>
|
||||
</template>
|
||||
</el-table-column> -->
|
||||
</el-table>
|
||||
<edit ref="edit" @editData="editData"></edit>
|
||||
<detail ref="detail"></detail>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { cashListall } from "@/api/eashier.js";
|
||||
import edit from "./edit";
|
||||
import detail from "./recdetail";
|
||||
export default {
|
||||
components: { edit, detail },
|
||||
data() {
|
||||
return {
|
||||
form: {}, //主对象
|
||||
list: [], //主数组
|
||||
total: 0, //分页总条数
|
||||
listLoading: false, //list加载提示开启动画
|
||||
elementLoadingText: "加载中...", //list加载提示文字
|
||||
queryForm: {
|
||||
//查询对象
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
},
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
//列表数组双击方法
|
||||
rowdbClick(row) {
|
||||
this.$refs.detail.show(row);
|
||||
},
|
||||
//组件传值
|
||||
show(form) {
|
||||
this.form = { ...form };
|
||||
this.getData();
|
||||
},
|
||||
//打开帐户延期弹窗
|
||||
edit(row) {
|
||||
this.$refs.edit.show(row);
|
||||
},
|
||||
//帐户延期返回方法
|
||||
editData() {
|
||||
this.getData();
|
||||
},
|
||||
//分页方法
|
||||
handleSizeChange(val) {
|
||||
this.queryForm.pageSize = val;
|
||||
this.getData();
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
this.queryForm.pageNum = val;
|
||||
this.getData();
|
||||
//console.log(val);
|
||||
},
|
||||
//获取数据
|
||||
async getData() {
|
||||
cashListall({
|
||||
memberId: this.form.id,
|
||||
}).then((res) => {
|
||||
if (res.code == "000000") {
|
||||
this.list = res.rows;
|
||||
} else {
|
||||
this.$alert(res.message, "查询会员卡包", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => {},
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
@ -0,0 +1,246 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog :close-on-click-modal="false" title="会员交易记录" :visible.sync="dialogFormVisible" width="80%" v-dialogDrag>
|
||||
<el-tabs disabled type="border-card" v-model="activeName" @tab-click="handleClick">
|
||||
<el-tab-pane label="充值" name="充值">
|
||||
<rec ref="rec"></rec>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="历史充值" name="历史充值">
|
||||
<recs ref="recs"></recs>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="疗程" name="疗程">
|
||||
<pro ref="pro"></pro>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="历史疗程" name="历史疗程">
|
||||
<pros ref="pros"></pros>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="交易记录" name="交易记录">
|
||||
<cash ref="cash"></cash>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
<member ref="member" @memberData="memberData"></member>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button size="mini" type="primary" @click="dialogFormVisible = false">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { partten } from "../../../partten/index";
|
||||
import member from "@/components/member/index";
|
||||
import rec from "./components/rec.vue";
|
||||
import recs from "./components/recs.vue";
|
||||
import pro from "./components/pro.vue";
|
||||
import pros from "./components/pros.vue";
|
||||
import cash from "./components/cash.vue";
|
||||
import { storeMemberOne } from "@/api/eashier";
|
||||
export default {
|
||||
props:{
|
||||
mobilePhone:{
|
||||
type:String,
|
||||
default:''
|
||||
}
|
||||
},
|
||||
components: {
|
||||
rec,
|
||||
recs,
|
||||
pro,
|
||||
pros,
|
||||
cash,
|
||||
member,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
dialogFormVisible:false,
|
||||
form: {
|
||||
month: new Date(),
|
||||
},
|
||||
activeName: "充值", //标签页默认标签
|
||||
};
|
||||
},
|
||||
watch:{
|
||||
dialogFormVisible:{
|
||||
handler(show){
|
||||
if(show){
|
||||
let mobilePhone = this.mobilePhone
|
||||
this.form.mobilePhone = mobilePhone
|
||||
storeMemberOne({
|
||||
mobilePhone: this.form.mobilePhone,
|
||||
storeId: sessionStorage.getItem("parentId"),
|
||||
}).then((res) => {
|
||||
if (res.data != undefined && res.data.state == 0) {
|
||||
this.$message.error({
|
||||
message: "账户已锁定, 不允许使用 ! ",
|
||||
});
|
||||
this.$alert("账户已锁定, 不允许使用 !", "提示", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => {},
|
||||
});
|
||||
} else {
|
||||
if (res.code == "000000" || res.code == "200004") {
|
||||
if (res.code == "000000") {
|
||||
this.form = res.data;
|
||||
if (this.activeName == "充值") {
|
||||
this.$refs.rec.show(this.form);
|
||||
}
|
||||
if (this.activeName == "疗程") {
|
||||
this.$refs.pro.show(this.form);
|
||||
}
|
||||
if (this.activeName == "交易记录") {
|
||||
this.$refs.cashAchi.show(this.form);
|
||||
}
|
||||
} else {
|
||||
if (res.code == "200004") {
|
||||
this.$confirm(res.message + ",请先注册!", "提示", {
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
cancelButtonClass: "cancelbtnFalses",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
}).then(() => {});
|
||||
} else {
|
||||
this.$alert(res.message, "提示", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => {},
|
||||
});
|
||||
}
|
||||
}
|
||||
} else {
|
||||
this.$alert("查询会员信息 : " + res.message, "提示", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => {},
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
immediate:true
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
//时间改变方法
|
||||
change(date) {
|
||||
// this.form.month = ''
|
||||
console.log(date)
|
||||
this.$refs.cash.show(this.form);
|
||||
},
|
||||
//标签页改变
|
||||
//切换标签页
|
||||
handleClick(tab, event) {
|
||||
if (this.form.memberName) {
|
||||
if (tab.name == "充值") {
|
||||
this.$refs.rec.show(this.form);
|
||||
}
|
||||
if (tab.name == "疗程") {
|
||||
this.$refs.pro.show(this.form);
|
||||
}
|
||||
if (tab.name == "历史充值") {
|
||||
this.$refs.recs.show(this.form);
|
||||
}
|
||||
if (tab.name == "历史疗程") {
|
||||
this.$refs.pros.show(this.form);
|
||||
}
|
||||
if (tab.name == "交易记录") {
|
||||
this.$refs.cash.show(this.form);
|
||||
}
|
||||
this.activeName = tab.name;
|
||||
} else {
|
||||
this.$message.error({ message: "请先选择会员!" });
|
||||
}
|
||||
},
|
||||
//打开选择会员弹窗
|
||||
openMember() {
|
||||
this.$refs.member.show(this.vip);
|
||||
},
|
||||
//选中会员返回方法
|
||||
memberData(v) {
|
||||
this.form.mobilePhone = v.mobilePhone;
|
||||
this.query();
|
||||
},
|
||||
//输入手机号是查询
|
||||
//查询方法
|
||||
query() {
|
||||
var number = partten.phoneNum;
|
||||
if (!number.test(this.form.mobilePhone*1)) {
|
||||
this.$message.info({
|
||||
message: "请输入正确的手机号 ! ",
|
||||
});
|
||||
} else {
|
||||
storeMemberOne({
|
||||
mobilePhone: this.form.mobilePhone,
|
||||
storeId: sessionStorage.getItem("parentId"),
|
||||
}).then((res) => {
|
||||
if (res.data != undefined && res.data.state == 0) {
|
||||
this.$message.error({
|
||||
message: "账户已锁定, 不允许使用 ! ",
|
||||
});
|
||||
this.$alert("账户已锁定, 不允许使用 !", "提示", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => {},
|
||||
});
|
||||
} else {
|
||||
if (res.code == "000000" || res.code == "200004") {
|
||||
if (res.code == "000000") {
|
||||
this.form = res.data;
|
||||
if (this.activeName == "充值") {
|
||||
this.$refs.rec.show(this.form);
|
||||
}
|
||||
if (this.activeName == "疗程") {
|
||||
this.$refs.pro.show(this.form);
|
||||
}
|
||||
if (this.activeName == "交易记录") {
|
||||
this.$refs.cashAchi.show(this.form);
|
||||
}
|
||||
} else {
|
||||
if (res.code == "200004") {
|
||||
this.$confirm(res.message + ",请先注册!", "提示", {
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
cancelButtonClass: "cancelbtnFalses",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
}).then(() => {});
|
||||
} else {
|
||||
this.$alert(res.message, "提示", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => {},
|
||||
});
|
||||
}
|
||||
}
|
||||
} else {
|
||||
this.$alert("查询会员信息 : " + res.message, "提示", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => {},
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
},
|
||||
created() {},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
@ -0,0 +1,277 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog
|
||||
title="取消欠款"
|
||||
:visible.sync="dialogFormVisible"
|
||||
width="70%"
|
||||
:close-on-click-modal="false"
|
||||
v-dialogDrag
|
||||
append-to-body
|
||||
>
|
||||
<div>
|
||||
<el-form :model="form" :inline="true" label-width="80px">
|
||||
<el-form-item label="手机号码:">
|
||||
<div class="form-width-ms flex">
|
||||
<el-input oninput="this.value=this.value.replace(/\D/g,'')" placeholder="请输入会员手机号" style="height:100%" pattern="[0-9]*" maxlength="11" v-model="queryForm.mobilePhone" @change.native.stop="query">
|
||||
<el-button size="mini" slot="append" icon="el-icon-search" @click="openMember"></el-button>
|
||||
</el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<el-table
|
||||
:header-cell-style="{
|
||||
background: 'linear-gradient(#6cb3ff, #1873d4)',
|
||||
color: '#eeeeee',
|
||||
}"
|
||||
:data="list"
|
||||
:element-loading-text="elementLoadingText"
|
||||
v-loading="loading"
|
||||
max-height="600"
|
||||
>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="memberName"
|
||||
align="center"
|
||||
min-width="100"
|
||||
label="会员名称"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="mobilePhone"
|
||||
align="center"
|
||||
min-width="100"
|
||||
label="手机号码"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="storeNum"
|
||||
align="center"
|
||||
min-width="100"
|
||||
label="门店编码"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="storeName"
|
||||
align="center"
|
||||
min-width="100"
|
||||
label="门店名称"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="docNum"
|
||||
align="center"
|
||||
min-width="100"
|
||||
label="单号"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="docDate"
|
||||
align="center"
|
||||
min-width="100"
|
||||
label="时间"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="docType"
|
||||
align="center"
|
||||
min-width="100"
|
||||
label="类型"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<span>{{ scope.row.docType=='card_recharge'?'正常充值':scope.row.docType=='card_use'?'疗程':scope.row.docType=='card_change'?'加价转疗程':scope.row.docType=='promotion_card_use'?'疗程促销':'暂无' }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="tradeName"
|
||||
align="center"
|
||||
min-width="100"
|
||||
label="名称"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="tradeMoney"
|
||||
align="center"
|
||||
min-width="100"
|
||||
label="成交金额"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
prop="debtMoney"
|
||||
align="center"
|
||||
min-width="100"
|
||||
label="欠款"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
show-overflow-tooltip
|
||||
align="center"
|
||||
min-width="100"
|
||||
label="操作"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<el-button size="mini" type="primary" @click="cancel(scope.row)"
|
||||
>取消欠款</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-pagination
|
||||
:current-page="queryForm.pageNum"
|
||||
:layout="layout"
|
||||
:page-size="queryForm.pageSize"
|
||||
:total="total"
|
||||
@current-change="handleCurrentChange"
|
||||
@size-change="handleSizeChange"
|
||||
/>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="primary"
|
||||
plain
|
||||
@click="dialogFormVisible = false"
|
||||
>取 消</el-button
|
||||
>
|
||||
</span>
|
||||
</el-dialog>
|
||||
<cancel ref="cancel"></cancel>
|
||||
<member ref='member' @memberData="memberData"/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import cancel from "../../../../components/repayment/components/cancel.vue";
|
||||
import { debtPage,storeMemberOne } from "@/api/eashier.js";
|
||||
import { organizations } from "@/api/storeManage.js";
|
||||
import member from "@/components/member/index";
|
||||
export default {
|
||||
components: { cancel,member },
|
||||
data() {
|
||||
return {
|
||||
form:{},
|
||||
dialogFormVisible: false,
|
||||
layout: "total, sizes, prev, pager, next, jumper",
|
||||
elementLoadingText: "加载中",
|
||||
total: 0,
|
||||
list: [],
|
||||
loading: false,
|
||||
queryForm: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
mobilePhone:""
|
||||
},
|
||||
options:[]
|
||||
};
|
||||
},
|
||||
watch:{
|
||||
dialogFormVisible:{
|
||||
handler(show){
|
||||
if(show){
|
||||
this.queryForm.mobilePhone = ''
|
||||
this.list = []
|
||||
}
|
||||
},
|
||||
immediate:true
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
memberData(v){
|
||||
this.queryForm.memberId = v.id
|
||||
this.init()
|
||||
},
|
||||
openMember(){
|
||||
this.$refs.member.show({})
|
||||
},
|
||||
query(){
|
||||
let myreg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/;
|
||||
console.log(myreg.test(this.queryForm.mobilePhone))
|
||||
if (myreg.test(this.queryForm.mobilePhone)){
|
||||
let params = {
|
||||
mobilePhone:this.queryForm.mobilePhone,
|
||||
storeId: sessionStorage.getItem("parentId"),
|
||||
}
|
||||
storeMemberOne(params).then(res=>{
|
||||
if(res.code == "000000"){
|
||||
this.queryForm.memberId = res.data.memberId
|
||||
this.init()
|
||||
}else{
|
||||
this.$message.warning({
|
||||
message: res.message,
|
||||
});
|
||||
}
|
||||
})
|
||||
}else{
|
||||
this.$message.info({
|
||||
message: "请输入正确的手机号 ! ",
|
||||
});
|
||||
}
|
||||
},
|
||||
getOption(){
|
||||
organizations({ pageSize: 999 }).then((res) => {
|
||||
if (res.code == "000000") {
|
||||
res.rows.forEach((item) => {
|
||||
item.label = item.storeNum + "-" + item.storeName;
|
||||
});
|
||||
this.options = res.rows;
|
||||
} else {
|
||||
this.$alert(res.message, "提示", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => {},
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
handleCurrentChange(current) {
|
||||
this.queryForm.pageNum = current;
|
||||
this.init()
|
||||
},
|
||||
handleSizeChange(size) {
|
||||
this.queryForm.pageSize = size;
|
||||
this.init()
|
||||
},
|
||||
cancel(row) {
|
||||
delete row.adminList;
|
||||
delete row.entities;
|
||||
delete row.managerList;
|
||||
delete row.docDate;
|
||||
delete row.adminList;
|
||||
row.debtId = row.id
|
||||
|
||||
for(let k in row){
|
||||
if(!row[k]){
|
||||
delete row[k]
|
||||
}
|
||||
}
|
||||
this.$refs.cancel.show(row);
|
||||
},
|
||||
init() {
|
||||
this.loading = true
|
||||
let params = {
|
||||
...this.queryForm,
|
||||
state: 0,
|
||||
storeId: sessionStorage.getItem("storeId"),
|
||||
};
|
||||
debtPage(params).then((res) => {
|
||||
this.loading = false
|
||||
if (res.code == "000000"){
|
||||
this.list = res.pageInfo.list;
|
||||
this.total = res.pageInfo.total
|
||||
}
|
||||
});
|
||||
},
|
||||
},
|
||||
created() {
|
||||
this.getOption()
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.right{
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue