房间收银暂停重构
Sigo
3 years ago
parent
07a721ee5a
commit
96a5b686a1
@ -0,0 +1,104 @@
|
|||||||
|
<template>
|
||||||
|
<el-form inline label-width="80px">
|
||||||
|
<el-form-item label="顾客类型：">
|
||||||
|
<el-switch v-model="form.cashNumber" active-color="#13ce66" inactive-color="#ff4949" :active-text="form.cashNumber?'会员':'散客'" @change="callback">
|
||||||
|
</el-switch>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="手机号码：">
|
||||||
|
<el-input v-model="form.mobilePhone" @change="fetchMember" maxlength="11" size="small" class="width-ms">
|
||||||
|
<el-button slot="append" icon="el-icon-search" v-if="form.cashNumber" @click="handleMember"></el-button>
|
||||||
|
</el-input>
|
||||||
|
<Member ref="member" @memberData="callBackMember"></Member>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="名字：">
|
||||||
|
<el-input v-show="!form.cashNumber" size="small" v-model="form.memberName"></el-input>
|
||||||
|
<div v-show="form.cashNumber" class="width-m margin-right-xs">
|
||||||
|
{{form.memberName}}
|
||||||
|
<i v-show="form.sex==1" class="el-icon-male text-blue"></i>
|
||||||
|
<i v-show="form.sex==0" class="el-icon-female text-pink"></i>
|
||||||
|
</div>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="男客：">
|
||||||
|
<el-input-number class="form-width-sm" size="small" v-model="form.man" :min="0" :max="10" label="男客数量"></el-input-number>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="女客：">
|
||||||
|
<el-input-number class="form-width-sm" size="small" v-model="form.woman" :min="0" :max="10" label="女客数量"></el-input-number>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import { storeMemberOne } from "@/api/eashier.js";
|
||||||
|
import Member from "@/components/member/index";
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
Member
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
form: {
|
||||||
|
cashNumber: true,
|
||||||
|
man: 0,
|
||||||
|
woman: 0
|
||||||
|
}
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 打开选择会员弹窗
|
||||||
|
handleMember() {
|
||||||
|
this.$refs.member.show();
|
||||||
|
},
|
||||||
|
// 选择会员后返回数据
|
||||||
|
callBackMember(data) {
|
||||||
|
let form = Object.assign({}, this.form);
|
||||||
|
if (data) {
|
||||||
|
form.mobilePhone = data.mobilePhone;
|
||||||
|
form.memberName = data.memberName;
|
||||||
|
form.memberId = data.id;
|
||||||
|
form.id = data.id;
|
||||||
|
form.sex = data.sex;
|
||||||
|
} else {
|
||||||
|
form.memberName = null
|
||||||
|
form.memberId = null
|
||||||
|
form.id = null
|
||||||
|
form.sex = null
|
||||||
|
}
|
||||||
|
this.form = Object.assign({}, form);
|
||||||
|
this.callback()
|
||||||
|
},
|
||||||
|
// 根据手机号码查询会员信息
|
||||||
|
async fetchMember(value) {
|
||||||
|
if (value) {
|
||||||
|
let { code, data, message } = await storeMemberOne({
|
||||||
|
mobilePhone: this.form.mobilePhone,
|
||||||
|
storeId: sessionStorage.getItem("parentId"),
|
||||||
|
})
|
||||||
|
if (code == "000000") {
|
||||||
|
this.callBackMember(data)
|
||||||
|
} else {
|
||||||
|
this.callBackMember()
|
||||||
|
this.$alert(message, "提示", {
|
||||||
|
confirmButtonText: "确定",
|
||||||
|
confirmButtonClass: "confirmbtnFalses",
|
||||||
|
type: "warning",
|
||||||
|
center: true,
|
||||||
|
callback: (action) => { },
|
||||||
|
});
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
this.callBackMember()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
callback() {
|
||||||
|
this.$emit('call-back-baseMsg', this.form);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style scoped>
|
||||||
|
.el-input-group {
|
||||||
|
margin-top: 3px;
|
||||||
|
}
|
||||||
|
.el-input-group .el-button {
|
||||||
|
padding: 0.06rem;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,72 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<!-- 基础信息 -->
|
||||||
|
<BaseMsg ref="baseMsg" @call-back-baseMsg="callBackBaseMsg"></BaseMsg>
|
||||||
|
<!-- 收费项目 -->
|
||||||
|
<PayItems ref="payItems" @call-back-payItems="callBackPayItems"></PayItems>
|
||||||
|
<!-- 总金额 -->
|
||||||
|
<CashTotalMoney ref="CashTotalMoney" :form="form" @call-back-cashTotalMoney="callBackCashTotalMoney"></CashTotalMoney>
|
||||||
|
<!-- 去结算抽屉 -->
|
||||||
|
<CashPay ref="CashPay"></CashPay>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import BaseMsg from "./components/baseMsg";
|
||||||
|
import PayItems from "./components/payItems";
|
||||||
|
import CashTotalMoney from "./components/cashTotalMoney";
|
||||||
|
import CashPay from "./components/cashPay";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
components: {
|
||||||
|
BaseMsg,
|
||||||
|
PayItems,
|
||||||
|
CashTotalMoney,
|
||||||
|
CashPay,
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
form: {
|
||||||
|
cashNumber: true
|
||||||
|
},
|
||||||
|
list: []
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// ================================== 基础信息 ================================== //
|
||||||
|
callBackBaseMsg(data) {
|
||||||
|
let form = Object.assign(this.form, data);
|
||||||
|
this.form = Object.assign({}, form);
|
||||||
|
this.$refs.payItems.fetchData(this.list, this.form)
|
||||||
|
},
|
||||||
|
// ================================== 收费项目 ================================== //
|
||||||
|
callBackPayItems(list, form) {
|
||||||
|
this.form = Object.assign({}, form);
|
||||||
|
this.list = Array.from(list);
|
||||||
|
},
|
||||||
|
// ================================== 总金额 ================================== //
|
||||||
|
callBackCashTotalMoney() {
|
||||||
|
this.$refs.CashPay.show()
|
||||||
|
},
|
||||||
|
|
||||||
|
//组件传值
|
||||||
|
show(list) {
|
||||||
|
this.list = Array.from(list);
|
||||||
|
this.$refs.payItems.fetchData(this.list, this.form)
|
||||||
|
},
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
// var scrollDiv = document.getElementsByClassName("bing-foot");
|
||||||
|
// scrollDiv.scrollTop = scrollDiv.scrollHeight;
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.bing-foot {
|
||||||
|
height: 100px;
|
||||||
|
width: 100%;
|
||||||
|
background: rgb(255, 246, 228);
|
||||||
|
line-height: 100px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in New Issue