|
@@ -44,35 +44,45 @@
|
|
|
<a-badge
|
|
<a-badge
|
|
|
dot
|
|
dot
|
|
|
:number-style="{ backgroundColor: '#52c41a' }"
|
|
:number-style="{ backgroundColor: '#52c41a' }"
|
|
|
- v-if="item.livingOrder.settleType == 1"
|
|
|
|
|
|
|
+ v-if="item.livingOrder && item.livingOrder.settleType == 1"
|
|
|
>
|
|
>
|
|
|
<span style="font-size: 12px">已结退房</span>
|
|
<span style="font-size: 12px">已结退房</span>
|
|
|
</a-badge>
|
|
</a-badge>
|
|
|
<a-badge
|
|
<a-badge
|
|
|
dot
|
|
dot
|
|
|
:number-style="{ backgroundColor: '#52c41a' }"
|
|
:number-style="{ backgroundColor: '#52c41a' }"
|
|
|
- v-if="item.livingOrder.settleType == 2"
|
|
|
|
|
|
|
+ v-if="item.livingOrder && item.livingOrder.settleType == 2"
|
|
|
>
|
|
>
|
|
|
<span style="font-size: 12px">未结退房</span>
|
|
<span style="font-size: 12px">未结退房</span>
|
|
|
</a-badge>
|
|
</a-badge>
|
|
|
</span>
|
|
</span>
|
|
|
<a-descriptions :column="2">
|
|
<a-descriptions :column="2">
|
|
|
<a-descriptions-item label="主客姓名">
|
|
<a-descriptions-item label="主客姓名">
|
|
|
- {{ item.livingCustomers[0].customerName }}
|
|
|
|
|
|
|
+ {{
|
|
|
|
|
+ item.livingCustomers
|
|
|
|
|
+ ? item.livingCustomers[0].customerName
|
|
|
|
|
+ : "--"
|
|
|
|
|
+ }}
|
|
|
<a-icon
|
|
<a-icon
|
|
|
type="edit"
|
|
type="edit"
|
|
|
style="color: rgba(255, 141, 26, 1); font-size: 18px"
|
|
style="color: rgba(255, 141, 26, 1); font-size: 18px"
|
|
|
/></a-descriptions-item>
|
|
/></a-descriptions-item>
|
|
|
<a-descriptions-item label="性别">
|
|
<a-descriptions-item label="性别">
|
|
|
{{
|
|
{{
|
|
|
- item.livingCustomers[0].gender === 1 ? "男" : "女"
|
|
|
|
|
|
|
+ item.livingCustomers
|
|
|
|
|
+ ? item.livingCustomers[0].gender === 1
|
|
|
|
|
+ ? "男"
|
|
|
|
|
+ : "女"
|
|
|
|
|
+ : "--"
|
|
|
}}</a-descriptions-item
|
|
}}</a-descriptions-item
|
|
|
>
|
|
>
|
|
|
<a-descriptions-item label="房间数量">
|
|
<a-descriptions-item label="房间数量">
|
|
|
{{ livingIndex == 0 ? model.livingRoomIds.length : 1 }}间
|
|
{{ livingIndex == 0 ? model.livingRoomIds.length : 1 }}间
|
|
|
</a-descriptions-item>
|
|
</a-descriptions-item>
|
|
|
<a-descriptions-item label="手机号">
|
|
<a-descriptions-item label="手机号">
|
|
|
- {{ item.livingCustomers[0].phone }}
|
|
|
|
|
|
|
+ {{
|
|
|
|
|
+ item.livingCustomers ? item.livingCustomers[0].phone : "--"
|
|
|
|
|
+ }}
|
|
|
<a-icon
|
|
<a-icon
|
|
|
type="edit"
|
|
type="edit"
|
|
|
style="color: rgba(255, 141, 26, 1); font-size: 18px"
|
|
style="color: rgba(255, 141, 26, 1); font-size: 18px"
|
|
@@ -425,6 +435,10 @@
|
|
|
<fee-modal ref="modalFeeForm" @ok="modalFormOk"></fee-modal>
|
|
<fee-modal ref="modalFeeForm" @ok="modalFormOk"></fee-modal>
|
|
|
<member-message-modal ref="modalMemberMessage"></member-message-modal>
|
|
<member-message-modal ref="modalMemberMessage"></member-message-modal>
|
|
|
<lease-goods-modal ref="modalLeaseGoods"></lease-goods-modal>
|
|
<lease-goods-modal ref="modalLeaseGoods"></lease-goods-modal>
|
|
|
|
|
+ <select-check-in-room-order-modal
|
|
|
|
|
+ ref="modalSelectCheckInRoomOrder"
|
|
|
|
|
+ @ok="modalFormOk"
|
|
|
|
|
+ ></select-check-in-room-order-modal>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
@@ -438,6 +452,7 @@ import PaymentModal from "./PaymentModal.vue";
|
|
|
import FeeModal from "./FeeModal";
|
|
import FeeModal from "./FeeModal";
|
|
|
import MemberMessageModal from "@/views/room/modules/membergoodsmanage/membermessageModal";
|
|
import MemberMessageModal from "@/views/room/modules/membergoodsmanage/membermessageModal";
|
|
|
import LeaseGoodsModal from "@/views/room/modules/leasegoods/leasegoodsModal";
|
|
import LeaseGoodsModal from "@/views/room/modules/leasegoods/leasegoodsModal";
|
|
|
|
|
+import SelectCheckInRoomOrderModal from "./SelectCheckInRoomOrderModal.vue";
|
|
|
import { match } from "assert";
|
|
import { match } from "assert";
|
|
|
const columns = [
|
|
const columns = [
|
|
|
// {
|
|
// {
|
|
@@ -546,6 +561,7 @@ export default {
|
|
|
FeeModal,
|
|
FeeModal,
|
|
|
MemberMessageModal,
|
|
MemberMessageModal,
|
|
|
LeaseGoodsModal,
|
|
LeaseGoodsModal,
|
|
|
|
|
+ SelectCheckInRoomOrderModal,
|
|
|
},
|
|
},
|
|
|
props: {
|
|
props: {
|
|
|
//表单禁用
|
|
//表单禁用
|
|
@@ -711,6 +727,22 @@ export default {
|
|
|
},
|
|
},
|
|
|
});
|
|
});
|
|
|
},
|
|
},
|
|
|
|
|
+ addUnion() {
|
|
|
|
|
+ if (this.selectRoomId === "1") {
|
|
|
|
|
+ this.$message.warning("请先选择房间");
|
|
|
|
|
+ return;
|
|
|
|
|
+ }
|
|
|
|
|
+ var index = this.model.livingRoomIds.findLastIndex(
|
|
|
|
|
+ (t) => t.roomId == this.selectRoomId
|
|
|
|
|
+ );
|
|
|
|
|
+ var find = this.model.livingRoomIds[index];
|
|
|
|
|
+ this.$refs.modalSelectCheckInRoomOrder.add();
|
|
|
|
|
+ this.$refs.modalSelectCheckInRoomOrder.title = "请选择需要关联的订单";
|
|
|
|
|
+ this.$refs.modalSelectCheckInRoomOrder.disableSubmit = false;
|
|
|
|
|
+ this.$refs.modalSelectCheckInRoomOrder.livingOrderId =
|
|
|
|
|
+ find.livingOrder.id;
|
|
|
|
|
+ this.$refs.modalSelectCheckInRoomOrder.livingRoomId = find.roomId;
|
|
|
|
|
+ },
|
|
|
addLeaseGoods() {
|
|
addLeaseGoods() {
|
|
|
if (this.selectRoomId === "1") {
|
|
if (this.selectRoomId === "1") {
|
|
|
this.$message.warning("请先选择房间");
|
|
this.$message.warning("请先选择房间");
|
|
@@ -901,7 +933,9 @@ export default {
|
|
|
livingRoomId.roomName = "全部";
|
|
livingRoomId.roomName = "全部";
|
|
|
var list = [];
|
|
var list = [];
|
|
|
res.result.livingRoomIds.forEach((t) => {
|
|
res.result.livingRoomIds.forEach((t) => {
|
|
|
- list = [...list, ...t.livingCustomers];
|
|
|
|
|
|
|
+ if (t.livingCustomers) {
|
|
|
|
|
+ list = [...list, ...t.livingCustomers];
|
|
|
|
|
+ }
|
|
|
});
|
|
});
|
|
|
livingRoomId.livingCustomers = list;
|
|
livingRoomId.livingCustomers = list;
|
|
|
res.result.livingRoomIds.unshift(livingRoomId);
|
|
res.result.livingRoomIds.unshift(livingRoomId);
|