上线提交
曾嘉俊
3 years ago
parent
11eb932e29
commit
05efa8b001
@ -0,0 +1,109 @@
|
||||
<template>
|
||||
<el-dialog :close-on-click-modal="false" v-dialogDrag :title="title" :visible.sync="detailDialog" width="40%" append-to-body :before-close="handleClose">
|
||||
<el-descriptions :column="3" size="medium" border>
|
||||
<el-descriptions-item label="门店">{{ form.storeName }}</el-descriptions-item>
|
||||
<el-descriptions-item label="日期">{{ form.rechargeDate }}</el-descriptions-item>
|
||||
<el-descriptions-item label="单据号">{{ form.rechargeNum }}</el-descriptions-item>
|
||||
<el-descriptions-item label="收银员">{{ form.inputNum }}</el-descriptions-item>
|
||||
<el-descriptions-item label="姓名">{{ form.memberName }}</el-descriptions-item>
|
||||
<el-descriptions-item label="手机号">{{ form.mobilePhone }}</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
<div class="card">
|
||||
<div class="card-detail">
|
||||
<p v-for="(item,index) in card" :key="index">{{ item }}</p>
|
||||
</div>
|
||||
<div class="card-detail-special">
|
||||
<p style="width: 48.5%;">{{ form.rechargeTypeName }}</p>
|
||||
<p style="width: 46.5%;">{{ form.collectionCashAmount }}</p>
|
||||
<p>{{ form.afterMoney }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-detail">
|
||||
<p v-for="(item,index) in payList" :key="index">{{ item }}</p>
|
||||
</div>
|
||||
<div class="card-detail" v-for="item in form.payLists">
|
||||
<p>{{ item.payName }}</p>
|
||||
<p>{{ item.payMoney }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button size="mini" type="primary" plain @click="cancel">取 消</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { recpage } from "@/api/eashier.js";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
detailDialog: false,
|
||||
title: "充值记录单",
|
||||
form: {},
|
||||
card:['类别','金额','余额'],
|
||||
payList:['付款方式','金额'],
|
||||
};
|
||||
},
|
||||
methods:{
|
||||
cancel() {
|
||||
this.detailDialog = false;
|
||||
this.form = Object.assign({});
|
||||
},
|
||||
handleClose(){
|
||||
this.detailDialog = false;
|
||||
this.form = Object.assign({});
|
||||
},
|
||||
init(){
|
||||
let params = {
|
||||
pageNum:1,
|
||||
pageSize:10,
|
||||
selectDate:this.formatTime(new Date(), "YYYYMM")
|
||||
}
|
||||
recpage(params).then(res=>{
|
||||
if(res.code = '000000'){
|
||||
this.detailDialog = true
|
||||
if(res.pageInfo.list.length){
|
||||
this.form = res.pageInfo.list[0]
|
||||
this.list = [{
|
||||
rechargeTypeName:this.form.rechargeTypeName,
|
||||
collectionCashAmount:this.form.collectionCashAmount,
|
||||
afterMoney:this.form.afterMoney
|
||||
}]
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.el-descriptions--medium.is-bordered .el-descriptions-item__cell{
|
||||
width: 100px;
|
||||
}
|
||||
.card{
|
||||
margin-top: 10px;
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
-webkit-box-shadow: 3px 3px 10px #888888;
|
||||
box-shadow: 3px 3px 10px #888888;
|
||||
}
|
||||
.card-detail{
|
||||
display: flex;
|
||||
margin-bottom: 5px;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.card-detail-special{
|
||||
display: flex;
|
||||
}
|
||||
.card-detail-special p:nth-last-child(1){
|
||||
text-align: right;
|
||||
}
|
||||
.card-detail:nth-child(1){
|
||||
font-weight: 700;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -0,0 +1,129 @@
|
||||
<template>
|
||||
<el-dialog :close-on-click-modal="false" v-dialogDrag :title="title" :visible.sync="detailDialog" width="40%" append-to-body :before-close="handleClose">
|
||||
<el-descriptions :column="3" size="medium" border>
|
||||
<el-descriptions-item label="门店">{{ form.storeName }}</el-descriptions-item>
|
||||
<el-descriptions-item label="日期">{{ form.date }}</el-descriptions-item>
|
||||
<el-descriptions-item label="单据号">{{ form.courseReatmentNum }}</el-descriptions-item>
|
||||
<el-descriptions-item label="收银员">{{ form.inputNum }}</el-descriptions-item>
|
||||
<el-descriptions-item label="姓名">{{ form.memberName }}</el-descriptions-item>
|
||||
<el-descriptions-item label="手机号">{{ form.mobilePhone }}</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
<div class="card">
|
||||
<div class="card-detail">
|
||||
<p v-for="(item,index) in card" :key="index">{{ item }}</p>
|
||||
</div>
|
||||
<div class="card-detail-special" v-for="item in form.courseLists" :key="item.id">
|
||||
<p style="width: 48.5%;">{{ item.projectName }}</p>
|
||||
<p style="width: 46.5%;">{{ item.amount }}</p>
|
||||
<p>{{ item.numberTimes }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-detail">
|
||||
<p v-for="(item,index) in payList" :key="index">{{ item }}</p>
|
||||
</div>
|
||||
<div class="card-detail" v-for="item in form.payLists">
|
||||
<p>{{ item.payName }}</p>
|
||||
<p>{{ item.payMoney }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button size="mini" type="primary" plain @click="cancel">取 消</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { coursepage,selectCourseOne } from "@/api/eashier.js";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
detailDialog: false,
|
||||
title: "疗程记录单",
|
||||
form: {},
|
||||
card:['项目','金额','次数'],
|
||||
payList:['付款方式','金额'],
|
||||
};
|
||||
},
|
||||
created(){
|
||||
// this.init()
|
||||
},
|
||||
methods:{
|
||||
cancel() {
|
||||
this.detailDialog = false;
|
||||
this.form = Object.assign({});
|
||||
},
|
||||
handleClose(){
|
||||
this.detailDialog = false;
|
||||
this.form = Object.assign({});
|
||||
},
|
||||
getDetail(form){
|
||||
let params = {
|
||||
docId:form.courseReatmentNum,
|
||||
date:form.date
|
||||
}
|
||||
selectCourseOne(params).then(res=>{
|
||||
if(res.code == '000000'){
|
||||
this.form.courseLists = res.data.courseLists
|
||||
let list = []
|
||||
res.data.rechargeConsumeList.forEach(item=>{
|
||||
let index = list.findIndex( items=>items.id == item.id )
|
||||
if( index == -1 ){
|
||||
list.push(item)
|
||||
}else{
|
||||
list[index].spendMoney += item.spendMoney
|
||||
}
|
||||
})
|
||||
this.form.payLists = res.data.payLists.concat(list.map(item=>{return {payName:item.rechargeTypeName,payMoney:item.spendMoney }}))
|
||||
}
|
||||
})
|
||||
this.detailDialog = true
|
||||
},
|
||||
init(){
|
||||
let params = {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
}
|
||||
params.selectDate = this.formatTime(new Date(), "YYYYMM");
|
||||
coursepage(params).then(res=>{
|
||||
if( res.code == '000000' ){
|
||||
if(res.pageInfo.list.length){
|
||||
this.form = res.pageInfo.list[0]
|
||||
this.getDetail(this.form)
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.el-descriptions--medium.is-bordered .el-descriptions-item__cell{
|
||||
width: 100px;
|
||||
}
|
||||
.card{
|
||||
margin-top: 10px;
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
-webkit-box-shadow: 3px 3px 10px #888888;
|
||||
box-shadow: 3px 3px 10px #888888;
|
||||
}
|
||||
.card-detail{
|
||||
display: flex;
|
||||
margin-bottom: 5px;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.card-detail-special{
|
||||
display: flex;
|
||||
}
|
||||
.card-detail-special p:nth-last-child(1){
|
||||
text-align: right;
|
||||
}
|
||||
.card-detail:nth-child(1){
|
||||
font-weight: 700;
|
||||
}
|
||||
</style>
|
||||
|
||||
Loading…
Reference in New Issue