|
|
@@ -1,460 +1,487 @@
|
|
|
<template>
|
|
|
- <a-card :bordered="false" class="card-pd">
|
|
|
+<a-card :bordered="false" class="card-pd">
|
|
|
<a-tabs v-model="tabPosTypeId" @change="tabPosTypeChange">
|
|
|
- <a-tab-pane
|
|
|
- :key="item.id"
|
|
|
- :tab="item.name"
|
|
|
- v-for="item in posTypeList"
|
|
|
- ></a-tab-pane>
|
|
|
+ <a-tab-pane :key="item.id" :tab="item.name" v-for="item in posTypeList"></a-tab-pane>
|
|
|
</a-tabs>
|
|
|
- <div style="display: flex; height: calc(100vh - 350px)">
|
|
|
- <a-card style="width: 25%">
|
|
|
- <p v-if="selectRoomOrder && selectRoomOrder.roomName">
|
|
|
- 房间：{{ selectRoomOrder.roomName }},姓名:{{ selectRoomOrder.customerName }}
|
|
|
- </p>
|
|
|
- <a-table
|
|
|
- bordered
|
|
|
- :columns="columns"
|
|
|
- :data-source="selectGoodsList"
|
|
|
- :pagination="false"
|
|
|
- rowKey="id"
|
|
|
- :scroll="{ y: 560 }"
|
|
|
- >
|
|
|
- <template slot="num" slot-scope="text, record, index">
|
|
|
- <div>
|
|
|
- <a-input-number
|
|
|
- v-model="record.num"
|
|
|
- :max="record.inventory"
|
|
|
- @change="(event) => numChange(event, index)"
|
|
|
- />
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- <template slot="required" slot-scope="text, record, index">
|
|
|
- <div>
|
|
|
- <a-switch v-model="record.required" />
|
|
|
- </div>
|
|
|
- </template>
|
|
|
+ <div style="display: flex; height: calc(100vh - 350px);">
|
|
|
+ <a-card style="width: 30%">
|
|
|
+ <a href="#" @click="remarkModal">
|
|
|
+ <a-icon type="edit" />整单备注</a>
|
|
|
+ <p v-if="selectRoomOrder && selectRoomOrder.roomName">
|
|
|
+ <a-icon type="user" /> 房间：{{ selectRoomOrder.roomName }},姓名:{{ selectRoomOrder.customerName }}
|
|
|
+ </p>
|
|
|
+ <a-table bordered :columns="columns" :data-source="selectGoodsList" :row-selection="rowSelection" rowKey="id" :scroll="{ y: 560 }">
|
|
|
+ <template slot="num" slot-scope="text, record, index">
|
|
|
+ <div>
|
|
|
+ <a-input-number v-model="record.num" :max="record.inventory" @change="(event) => numChange(event, index)" />
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template slot="required" slot-scope="text, record, index">
|
|
|
+ <div>
|
|
|
+ <a-switch v-model="record.required" />
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
|
|
|
- <span slot="action" slot-scope="text, record, index">
|
|
|
- <a @click="handleDelete(index)">删除</a>
|
|
|
- </span>
|
|
|
- </a-table>
|
|
|
- <p>数量：{{ sum }}</p>
|
|
|
- <div style="display: flex; gap: 5px; flex-flow: wrap">
|
|
|
- <a-button @click="handleClear" :disabled="btnDisabled">清空</a-button>
|
|
|
- <!-- <a-button @click="handleAdd" :disabled="btnDisabled">备注</a-button> -->
|
|
|
- <!-- <a-button :disabled="btnDisabled">退货</a-button> -->
|
|
|
- <a-button v-if="!btnDisabled" @click="handleAdd">挂单</a-button>
|
|
|
- <a-button v-else @click="handlePickingGoodsOrder">取单</a-button>
|
|
|
- <a-button
|
|
|
- v-if="selectRoomOrder && selectRoomOrder.roomName && !btnDisabled"
|
|
|
- @click="handleToRoomFeePayment"
|
|
|
- >确定挂房帐</a-button
|
|
|
- >
|
|
|
- <a-button v-else @click="handleSelectCheckInRoomOrder"
|
|
|
- >挂房帐</a-button
|
|
|
- >
|
|
|
- <a-button :disabled="btnDisabled" type="danger" @click="handlePayment"
|
|
|
- >结账￥{{ amount.toFixed(2) }}</a-button
|
|
|
- >
|
|
|
- </div>
|
|
|
- </a-card>
|
|
|
- <a-card style="width: 75%">
|
|
|
- <a-tabs v-model="tabgoodsTypeId" @change="tabGoodsTypeChange">
|
|
|
- <a-tab-pane key="1" tab="全部"></a-tab-pane>
|
|
|
- <a-tab-pane
|
|
|
- :key="item.id"
|
|
|
- :tab="item.name"
|
|
|
- v-for="item in goodsTypeList"
|
|
|
- ></a-tab-pane>
|
|
|
- </a-tabs>
|
|
|
- <a-row :gutter="[5, 5]">
|
|
|
- <a-col
|
|
|
- v-for="item in dataSource"
|
|
|
- :key="item.id"
|
|
|
- :span="3"
|
|
|
- @click.stop="itemClick(item)"
|
|
|
- >
|
|
|
- <div class="room-item check">
|
|
|
- <div class="select-cell"></div>
|
|
|
- <template v-if="item.id != '0'">
|
|
|
- <div>{{ item.name }}</div>
|
|
|
- <div style="margin-top: 10px; color: red">
|
|
|
- ￥{{ item.sellingPrice.toFixed(2) }}
|
|
|
- </div>
|
|
|
- <div style="margin-top: 10px">库{{ item.inventory }}</div>
|
|
|
- <div
|
|
|
- v-if="item.isSellClear"
|
|
|
- style="display: flex; justify-content: right"
|
|
|
- >
|
|
|
- <a-tag color="#f50"> 沽清 </a-tag>
|
|
|
- </div></template
|
|
|
- >
|
|
|
- <template v-else>
|
|
|
- <div style="font-weight: 800; text-align: center">＋临时菜</div>
|
|
|
- </template>
|
|
|
+ <span slot="action" slot-scope="text, record, index">
|
|
|
+ <a @click="handleDelete(index)">删除</a>
|
|
|
+ </span>
|
|
|
+ </a-table>
|
|
|
+ <p>数量：{{ sum }}</p>
|
|
|
+ <div style="display: flex; gap: 5px; flex-flow: wrap">
|
|
|
+ <a-button @click="handleClear" :disabled="btnDisabled">清空</a-button>
|
|
|
+ <!-- <a-button @click="handleAdd" :disabled="btnDisabled">备注</a-button> -->
|
|
|
+ <!-- <a-button :disabled="btnDisabled">退货</a-button> -->
|
|
|
+ <a-button v-if="!btnDisabled" @click="handleAdd">挂单</a-button>
|
|
|
+ <a-button v-else @click="handlePickingGoodsOrder">取单</a-button>
|
|
|
+ <a-button v-if="selectRoomOrder && selectRoomOrder.roomName && !btnDisabled" @click="handleToRoomFeePayment">确定挂房帐</a-button>
|
|
|
+ <a-button v-else @click="handleSelectCheckInRoomOrder">挂房帐</a-button>
|
|
|
+ <a-button :disabled="btnDisabled" type="danger" @click="handlePayment">结账￥{{ amount.toFixed(2) }}</a-button>
|
|
|
+ <a-button :disabled="btnDisabled">退货</a-button>
|
|
|
</div>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- </a-card>
|
|
|
+ </a-card>
|
|
|
+ <a-card style="width: 75%;position: relative;">
|
|
|
+ <a-tabs v-model="tabgoodsTypeId" @change="tabGoodsTypeChange">
|
|
|
+ <a-tab-pane key="1" tab="全部"></a-tab-pane>
|
|
|
+ <a-tab-pane :key="item.id" :tab="item.name" v-for="item in goodsTypeList"></a-tab-pane>
|
|
|
+ </a-tabs>
|
|
|
+ <a-row :gutter="[5, 5]">
|
|
|
+ <a-col v-for="item in dataSource" :key="item.id" :span="3" @click.stop="itemClick(item)">
|
|
|
+ <div class="room-item check">
|
|
|
+ <div class="select-cell"></div>
|
|
|
+ <template v-if="item.id != '0'">
|
|
|
+ <div>{{ item.name }}</div>
|
|
|
+ <div style="margin-top: 10px; color: red">
|
|
|
+ ￥{{ item.sellingPrice.toFixed(2) }}
|
|
|
+ </div>
|
|
|
+ <div style="margin-top: 10px">库{{ item.inventory }}</div>
|
|
|
+ <div v-if="item.isSellClear" style="display: flex; justify-content: right">
|
|
|
+ <a-tag color="#f50"> 沽清 </a-tag>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <div style="font-weight: 800; text-align: center">＋临时菜</div>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
+ <a-row style="margin-top:30px;">
|
|
|
+ <a-space :size="size">
|
|
|
+ <a-input v-if="!isSaoma" placeholder="输入名称、简拼、条码"></a-input>
|
|
|
+ <a-input v-else placeholder="请扫描条码"></a-input>
|
|
|
+ <a-button v-if="!isSaoma">查询</a-button>
|
|
|
+ <a-button @click="isSaoma=!isSaoma">切换为扫码模式</a-button>
|
|
|
+ </a-space>
|
|
|
+ </a-row>
|
|
|
+ </a-card>
|
|
|
+
|
|
|
</div>
|
|
|
<payment-modal ref="modalPaymentForm" @ok="modalFormOk"></payment-modal>
|
|
|
<goods-modal ref="modalGoodsForm" @ok="modalFormOk2"></goods-modal>
|
|
|
- <picking-goods-order-modal
|
|
|
- ref="modalPickingGoodsOrderForm"
|
|
|
- @ok="modalPickingGoodsOrderFormOk"
|
|
|
- ></picking-goods-order-modal>
|
|
|
- <select-check-in-room-order-modal
|
|
|
- ref="modalSelectCheckInRoomOrderModal"
|
|
|
- @ok="modalSelectCheckInRoomOrderFormOk"
|
|
|
- ></select-check-in-room-order-modal>
|
|
|
- </a-card>
|
|
|
+ <picking-goods-order-modal ref="modalPickingGoodsOrderForm" @ok="modalPickingGoodsOrderFormOk"></picking-goods-order-modal>
|
|
|
+ <select-check-in-room-order-modal ref="modalSelectCheckInRoomOrderModal" @ok="modalSelectCheckInRoomOrderFormOk"></select-check-in-room-order-modal>
|
|
|
+
|
|
|
+ <a-modal @cancel="isRemarkModal = false" :visible="isRemarkModal" title="添加备注">
|
|
|
+ <a-form-model :model="form">
|
|
|
+ <a-form-model-item label="备注">
|
|
|
+ <a-input v-model="remark" type="textarea" />
|
|
|
+ </a-form-model-item>
|
|
|
+ </a-form-model>
|
|
|
+ </a-modal>
|
|
|
+
|
|
|
+</a-card>
|
|
|
</template>
|
|
|
+
|
|
|
|
|
|
- <script>
|
|
|
+<script>
|
|
|
// import { JeecgListMixin } from "@/mixins/JeecgListMixin";
|
|
|
// import PosRegionModal from "./modules/PosRegionModal";
|
|
|
-import { filterObj } from "@/utils/util";
|
|
|
-import { getAction, postAction, deleteAction } from "@/api/manage";
|
|
|
+import {
|
|
|
+ filterObj
|
|
|
+} from "@/utils/util";
|
|
|
+import {
|
|
|
+ getAction,
|
|
|
+ postAction,
|
|
|
+ deleteAction
|
|
|
+} from "@/api/manage";
|
|
|
import PaymentModal from "./modules/PaymentModal.vue";
|
|
|
import goodsModal from "./modules/goodStock/goodsModal.vue";
|
|
|
import PickingGoodsOrderModal from "./modules/PickingGoodsOrderModal.vue";
|
|
|
import SelectCheckInRoomOrderModal from "./modules/SelectCheckInRoomOrderModal.vue";
|
|
|
-import { computed } from "vue";
|
|
|
-import { tree } from "@/api/good";
|
|
|
-const columns = [
|
|
|
- {
|
|
|
- title: "商品名称",
|
|
|
- dataIndex: "name",
|
|
|
- },
|
|
|
- {
|
|
|
- title: "数量",
|
|
|
- dataIndex: "num",
|
|
|
- scopedSlots: { customRender: "num" },
|
|
|
- },
|
|
|
- {
|
|
|
- title: "售价",
|
|
|
- dataIndex: "sellingPrice",
|
|
|
- },
|
|
|
-];
|
|
|
-export default {
|
|
|
- name: "memberList",
|
|
|
- components: {
|
|
|
- PaymentModal,
|
|
|
- goodsModal,
|
|
|
- PickingGoodsOrderModal,
|
|
|
- SelectCheckInRoomOrderModal,
|
|
|
- },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- columns,
|
|
|
- sellClear: 0,
|
|
|
- queryParam: {},
|
|
|
- // 分页参数
|
|
|
- ipagination: {
|
|
|
- current: 1,
|
|
|
- pageSize: 99999,
|
|
|
- pageSizeOptions: ["10", "20", "30"],
|
|
|
- showTotal: (total, range) => {
|
|
|
- return range[0] + "-" + range[1] + " 共" + total + "条";
|
|
|
- },
|
|
|
- showQuickJumper: true,
|
|
|
- showSizeChanger: true,
|
|
|
- total: 0,
|
|
|
- },
|
|
|
- url: {
|
|
|
- list: "/pos/posSellClearGoods/list",
|
|
|
- delete: "/pos/posSellClearGoods/delete",
|
|
|
- deleteBatch: "/pos/posSellClearGoods/deleteBatch",
|
|
|
- exportXlsUrl: "/pos/posSellClearGoods/exportXls",
|
|
|
- importExcelUrl: "pos/posSellClearGoods/importExcel",
|
|
|
- },
|
|
|
- dictOptions: {},
|
|
|
- superFieldList: [],
|
|
|
- selectedRowKeys: [],
|
|
|
- isorter: {
|
|
|
- column: "createTime",
|
|
|
- order: "desc",
|
|
|
- },
|
|
|
- treeData: [],
|
|
|
- selectGoods: {},
|
|
|
- posTypeList: [],
|
|
|
- tabPosTypeId: "",
|
|
|
- selectGoodsList: [],
|
|
|
- goodsTypeList: [],
|
|
|
- tabgoodsTypeId: "1",
|
|
|
- dataSource: [],
|
|
|
- oldSelectGoodsList: [],
|
|
|
- selectOrderInfo: {},
|
|
|
- selectRoomOrder: {},
|
|
|
- };
|
|
|
- },
|
|
|
- provide() {
|
|
|
- return {
|
|
|
- treeData: computed(() => this.treeData),
|
|
|
- };
|
|
|
- },
|
|
|
- computed: {
|
|
|
- sum() {
|
|
|
- return this.selectGoodsList.reduce(function (total, item) {
|
|
|
- return total + item.num;
|
|
|
- }, 0);
|
|
|
- },
|
|
|
- amount() {
|
|
|
- return this.selectGoodsList.reduce(function (total, item) {
|
|
|
- return total + item.sellingPrice * item.num;
|
|
|
- }, 0);
|
|
|
- },
|
|
|
- btnDisabled() {
|
|
|
- var res = this.selectGoodsList && this.selectGoodsList.length > 0;
|
|
|
- return !res;
|
|
|
- },
|
|
|
- },
|
|
|
- created() {
|
|
|
- this.dataSource = [{ id: "0" }];
|
|
|
- getAction("/pos/posType/list", { pageNo: 1, pageSize: 99 }).then((res) => {
|
|
|
- if (res.success) {
|
|
|
- this.posTypeList = res.result.records;
|
|
|
- if (this.posTypeList && this.posTypeList.length > 0) {
|
|
|
- this.tabPosTypeId = this.posTypeList[0].id;
|
|
|
- this.loadGoodsType();
|
|
|
- }
|
|
|
- }
|
|
|
- });
|
|
|
- this.loadTree();
|
|
|
- },
|
|
|
- methods: {
|
|
|
- loadTree() {
|
|
|
- var that = this;
|
|
|
- tree().then((res) => {
|
|
|
- if (res.success) {
|
|
|
- this.treeData = res.result;
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- modalFormOk() {},
|
|
|
- modalFormOk2(e) {
|
|
|
- console.log(e);
|
|
|
- var good = JSON.parse(JSON.stringify(e));
|
|
|
- this.$set(good, "num", 1);
|
|
|
- this.selectGoodsList.push(good);
|
|
|
- },
|
|
|
- modalSelectCheckInRoomOrderFormOk(e) {
|
|
|
- console.log(e);
|
|
|
- this.selectRoomOrder = e;
|
|
|
- },
|
|
|
- modalPickingGoodsOrderFormOk(e) {
|
|
|
- console.log(e);
|
|
|
- if (e && e.orderDetailList && e.orderDetailList.length > 0) {
|
|
|
- this.selectOrderInfo = e.orderInfo;
|
|
|
- e.orderDetailList.forEach((t) => {
|
|
|
- t.sellingPrice = t.payMoney;
|
|
|
- t.name = t.goodsName;
|
|
|
- t.id = t.goodsId;
|
|
|
- });
|
|
|
- this.selectGoodsList = e.orderDetailList;
|
|
|
- }
|
|
|
- },
|
|
|
- numChange(e, index) {
|
|
|
- console.log(e);
|
|
|
- if (e <= 0) {
|
|
|
- this.selectGoodsList.splice(index, 1);
|
|
|
- }
|
|
|
- },
|
|
|
- handleClear() {
|
|
|
- this.selectGoodsList = [];
|
|
|
- // this.selectOrderInfo = {};
|
|
|
+import {
|
|
|
+ computed
|
|
|
+} from "vue";
|
|
|
+import {
|
|
|
+ tree
|
|
|
+} from "@/api/good";
|
|
|
+const columns = [{
|
|
|
+ title: "商品名称",
|
|
|
+ dataIndex: "name",
|
|
|
},
|
|
|
- tabPosTypeChange(e) {
|
|
|
- this.loadGoodsType();
|
|
|
- },
|
|
|
- tabGoodsTypeChange(e) {
|
|
|
- this.loadGoods();
|
|
|
- },
|
|
|
- loadGoodsType() {
|
|
|
- getAction("/rooms/cesStockType/getTopTypesByPosType", {
|
|
|
- posType: this.tabPosTypeId,
|
|
|
- }).then((res2) => {
|
|
|
- if (res2.success) {
|
|
|
- this.goodsTypeList = res2.result;
|
|
|
- if (this.goodsTypeList && this.goodsTypeList.length > 0) {
|
|
|
- this.loadGoods();
|
|
|
- }
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- loadGoods() {
|
|
|
- var ids = [];
|
|
|
- if (this.tabgoodsTypeId === "1") {
|
|
|
- this.goodsTypeList.forEach((t) => {
|
|
|
- ids.push(t.id);
|
|
|
- });
|
|
|
- } else {
|
|
|
- ids.push(this.tabgoodsTypeId);
|
|
|
- }
|
|
|
- this.dataSource = [{ id: "0" }];
|
|
|
- getAction("/pos/posSellClearGoods/list", {
|
|
|
- pageNo: 1,
|
|
|
- pageSize: 99999,
|
|
|
- goodTypes: ids,
|
|
|
- }).then((res) => {
|
|
|
- if (res.success) {
|
|
|
- this.dataSource = [...this.dataSource, ...res.result.records];
|
|
|
- }
|
|
|
- });
|
|
|
+ {
|
|
|
+ title: "数量",
|
|
|
+ dataIndex: "num",
|
|
|
+ scopedSlots: {
|
|
|
+ customRender: "num"
|
|
|
+ },
|
|
|
},
|
|
|
- handleDelete() {
|
|
|
- deleteAction("/pos/posSellClearGoods/delete", {
|
|
|
- goodsId: this.selectGoods.id,
|
|
|
- })
|
|
|
- .then((res) => {
|
|
|
- if (res.success) {
|
|
|
- this.$message.success(res.message);
|
|
|
- this.loadData();
|
|
|
- this.sellClear = 0;
|
|
|
- } else {
|
|
|
- this.$message.warning(res.message);
|
|
|
- }
|
|
|
- })
|
|
|
- .finally(() => {});
|
|
|
+ {
|
|
|
+ title: "售价",
|
|
|
+ dataIndex: "sellingPrice",
|
|
|
},
|
|
|
- handleSelectCheckInRoomOrder() {
|
|
|
- this.$refs.modalSelectCheckInRoomOrderModal.add();
|
|
|
- this.$refs.modalSelectCheckInRoomOrderModal.title = "选择转帐人";
|
|
|
- this.$refs.modalSelectCheckInRoomOrderModal.disableSubmit = false;
|
|
|
+];
|
|
|
+export default {
|
|
|
+ name: "memberList",
|
|
|
+ components: {
|
|
|
+ PaymentModal,
|
|
|
+ goodsModal,
|
|
|
+ PickingGoodsOrderModal,
|
|
|
+ SelectCheckInRoomOrderModal,
|
|
|
},
|
|
|
- handlePickingGoodsOrder() {
|
|
|
- this.$refs.modalPickingGoodsOrderForm.add();
|
|
|
- this.$refs.modalPickingGoodsOrderForm.title = "取单";
|
|
|
- this.$refs.modalPickingGoodsOrderForm.disableSubmit = false;
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ isRemarkModal: false,
|
|
|
+ isSaoma: false,
|
|
|
+ remark:'',
|
|
|
+ columns,
|
|
|
+ sellClear: 0,
|
|
|
+ queryParam: {},
|
|
|
+ // 分页参数
|
|
|
+ ipagination: {
|
|
|
+ current: 1,
|
|
|
+ pageSize: 99999,
|
|
|
+ pageSizeOptions: ["10", "20", "30"],
|
|
|
+ showTotal: (total, range) => {
|
|
|
+ return range[0] + "-" + range[1] + " 共" + total + "条";
|
|
|
+ },
|
|
|
+ showQuickJumper: true,
|
|
|
+ showSizeChanger: true,
|
|
|
+ total: 0,
|
|
|
+ },
|
|
|
+ url: {
|
|
|
+ list: "/pos/posSellClearGoods/list",
|
|
|
+ delete: "/pos/posSellClearGoods/delete",
|
|
|
+ deleteBatch: "/pos/posSellClearGoods/deleteBatch",
|
|
|
+ exportXlsUrl: "/pos/posSellClearGoods/exportXls",
|
|
|
+ importExcelUrl: "pos/posSellClearGoods/importExcel",
|
|
|
+ },
|
|
|
+ dictOptions: {},
|
|
|
+ superFieldList: [],
|
|
|
+ selectedRowKeys: [],
|
|
|
+ isorter: {
|
|
|
+ column: "createTime",
|
|
|
+ order: "desc",
|
|
|
+ },
|
|
|
+ treeData: [],
|
|
|
+ selectGoods: {},
|
|
|
+ posTypeList: [],
|
|
|
+ tabPosTypeId: "",
|
|
|
+ selectGoodsList: [],
|
|
|
+ goodsTypeList: [],
|
|
|
+ tabgoodsTypeId: "1",
|
|
|
+ dataSource: [],
|
|
|
+ oldSelectGoodsList: [],
|
|
|
+ selectOrderInfo: {},
|
|
|
+ selectRoomOrder: {},
|
|
|
+ };
|
|
|
},
|
|
|
- handleAddTempGoods() {
|
|
|
- this.$refs.modalGoodsForm.add();
|
|
|
- this.$refs.modalGoodsForm.title = "新增菜品";
|
|
|
- this.$refs.modalGoodsForm.disableSubmit = false;
|
|
|
+ provide() {
|
|
|
+ return {
|
|
|
+ treeData: computed(() => this.treeData),
|
|
|
+ };
|
|
|
},
|
|
|
- handleToRoomFeePayment() {
|
|
|
- this.handleAdd();
|
|
|
+ computed: {
|
|
|
+ rowSelection() {
|
|
|
+ return {
|
|
|
+ onChange: (selectedRowKeys, selectedRows) => {
|
|
|
+ console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows);
|
|
|
+ },
|
|
|
+ getCheckboxProps: record => ({
|
|
|
+ props: {
|
|
|
+ disabled: record.name === 'Disabled User', // Column configuration not to be checked
|
|
|
+ name: record.name,
|
|
|
+ },
|
|
|
+ }),
|
|
|
+ };
|
|
|
+ },
|
|
|
+ sum() {
|
|
|
+ return this.selectGoodsList.reduce(function (total, item) {
|
|
|
+ return total + item.num;
|
|
|
+ }, 0);
|
|
|
+ },
|
|
|
+ amount() {
|
|
|
+ return this.selectGoodsList.reduce(function (total, item) {
|
|
|
+ return total + item.sellingPrice * item.num;
|
|
|
+ }, 0);
|
|
|
+ },
|
|
|
+ btnDisabled() {
|
|
|
+ var res = this.selectGoodsList && this.selectGoodsList.length > 0;
|
|
|
+ return !res;
|
|
|
+ },
|
|
|
},
|
|
|
- handlePayment() {
|
|
|
- this.handleAdd((e) => {
|
|
|
- var amount = this.oldSelectGoodsList.reduce(function (total, item) {
|
|
|
- return total + item.sellingPrice * item.num;
|
|
|
- }, 0);
|
|
|
- this.$refs.modalPaymentForm.edit({
|
|
|
- billAmount: amount,
|
|
|
- deposit: 0,
|
|
|
- roomFee: amount,
|
|
|
- subjectType: 5,
|
|
|
- feeType: 2,
|
|
|
- preferentialType: 1,
|
|
|
- couponFirstAmount: 0,
|
|
|
- discount: 9,
|
|
|
- orderCode: e,
|
|
|
+ created() {
|
|
|
+ this.dataSource = [{
|
|
|
+ id: "0"
|
|
|
+ }];
|
|
|
+ getAction("/pos/posType/list", {
|
|
|
+ pageNo: 1,
|
|
|
+ pageSize: 99
|
|
|
+ }).then((res) => {
|
|
|
+ if (res.success) {
|
|
|
+ this.posTypeList = res.result.records;
|
|
|
+ if (this.posTypeList && this.posTypeList.length > 0) {
|
|
|
+ this.tabPosTypeId = this.posTypeList[0].id;
|
|
|
+ this.loadGoodsType();
|
|
|
+ }
|
|
|
+ }
|
|
|
});
|
|
|
- this.$refs.modalPaymentForm.title = "POS结账";
|
|
|
- this.$refs.modalPaymentForm.disableSubmit = false;
|
|
|
- });
|
|
|
+ this.loadTree();
|
|
|
},
|
|
|
- handleAdd(callback) {
|
|
|
- if (!this.selectGoodsList || this.selectGoodsList.length <= 0) {
|
|
|
- this.$message.warning("请先选择商品");
|
|
|
- return;
|
|
|
- }
|
|
|
- var _info = JSON.parse(localStorage.getItem("storeInfo"));
|
|
|
- var model = { goodsId: this.selectGoods.id };
|
|
|
- if (_info) {
|
|
|
- model.hotelId = _info.id;
|
|
|
- }
|
|
|
- model.id = this.selectOrderInfo.id;
|
|
|
- model.toRoomFeeOrderId = this.selectRoomOrder.livingOrderId;
|
|
|
- model.posType = this.tabPosTypeId;
|
|
|
- var posOrderGoodsDetailList = [];
|
|
|
- this.selectGoodsList.forEach((t) => {
|
|
|
- posOrderGoodsDetailList.push({
|
|
|
- goodsId: t.id,
|
|
|
- num: t.num,
|
|
|
- money: t.sellingPrice,
|
|
|
- });
|
|
|
- });
|
|
|
- model.posOrderGoodsDetailList = posOrderGoodsDetailList;
|
|
|
- postAction("/pos/posOrderGoods/add", model)
|
|
|
- .then((res) => {
|
|
|
- if (res.success) {
|
|
|
- this.$message.success(res.message);
|
|
|
- this.oldSelectGoodsList = JSON.parse(
|
|
|
- JSON.stringify(this.selectGoodsList)
|
|
|
- );
|
|
|
+ methods: {
|
|
|
+ remarkModal() {
|
|
|
+ this.isRemarkModal = true;
|
|
|
+ },
|
|
|
+
|
|
|
+ loadTree() {
|
|
|
+ var that = this;
|
|
|
+ tree().then((res) => {
|
|
|
+ if (res.success) {
|
|
|
+ this.treeData = res.result;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ modalFormOk() {},
|
|
|
+ modalFormOk2(e) {
|
|
|
+ console.log(e);
|
|
|
+ var good = JSON.parse(JSON.stringify(e));
|
|
|
+ this.$set(good, "num", 1);
|
|
|
+ this.selectGoodsList.push(good);
|
|
|
+ },
|
|
|
+ modalSelectCheckInRoomOrderFormOk(e) {
|
|
|
+ console.log(e);
|
|
|
+ this.selectRoomOrder = e;
|
|
|
+ },
|
|
|
+ modalPickingGoodsOrderFormOk(e) {
|
|
|
+ console.log(e);
|
|
|
+ if (e && e.orderDetailList && e.orderDetailList.length > 0) {
|
|
|
+ this.selectOrderInfo = e.orderInfo;
|
|
|
+ e.orderDetailList.forEach((t) => {
|
|
|
+ t.sellingPrice = t.payMoney;
|
|
|
+ t.name = t.goodsName;
|
|
|
+ t.id = t.goodsId;
|
|
|
+ });
|
|
|
+ this.selectGoodsList = e.orderDetailList;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ numChange(e, index) {
|
|
|
+ console.log(e);
|
|
|
+ if (e <= 0) {
|
|
|
+ this.selectGoodsList.splice(index, 1);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleClear() {
|
|
|
this.selectGoodsList = [];
|
|
|
- this.selectOrderInfo = {};
|
|
|
- this.selectRoomOrder = {};
|
|
|
+ // this.selectOrderInfo = {};
|
|
|
+ },
|
|
|
+ tabPosTypeChange(e) {
|
|
|
+ this.loadGoodsType();
|
|
|
+ },
|
|
|
+ tabGoodsTypeChange(e) {
|
|
|
this.loadGoods();
|
|
|
- if (callback) {
|
|
|
- callback(res.result.code);
|
|
|
+ },
|
|
|
+ loadGoodsType() {
|
|
|
+ getAction("/rooms/cesStockType/getTopTypesByPosType", {
|
|
|
+ posType: this.tabPosTypeId,
|
|
|
+ }).then((res2) => {
|
|
|
+ if (res2.success) {
|
|
|
+ this.goodsTypeList = res2.result;
|
|
|
+ if (this.goodsTypeList && this.goodsTypeList.length > 0) {
|
|
|
+ this.loadGoods();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ loadGoods() {
|
|
|
+ var ids = [];
|
|
|
+ if (this.tabgoodsTypeId === "1") {
|
|
|
+ this.goodsTypeList.forEach((t) => {
|
|
|
+ ids.push(t.id);
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ ids.push(this.tabgoodsTypeId);
|
|
|
}
|
|
|
- } else {
|
|
|
- this.$message.warning(res.message);
|
|
|
- }
|
|
|
- })
|
|
|
- .finally(() => {});
|
|
|
- },
|
|
|
- itemClick(row) {
|
|
|
- console.log(row);
|
|
|
- if (row.id == "0") {
|
|
|
- this.handleAddTempGoods();
|
|
|
- return;
|
|
|
- }
|
|
|
- if (row.isSellClear) {
|
|
|
- this.$message.warning("选择的商品已沽清");
|
|
|
- return;
|
|
|
- }
|
|
|
- var good = JSON.parse(JSON.stringify(row));
|
|
|
- this.$set(good, "num", 1);
|
|
|
- var find = this.selectGoodsList.find((t) => t.id === row.id);
|
|
|
- if (find) {
|
|
|
- if (find.inventory > find.num) {
|
|
|
- find.num++;
|
|
|
- }
|
|
|
- } else {
|
|
|
- this.selectGoodsList.push(good);
|
|
|
- }
|
|
|
+ this.dataSource = [{
|
|
|
+ id: "0"
|
|
|
+ }];
|
|
|
+ getAction("/pos/posSellClearGoods/list", {
|
|
|
+ pageNo: 1,
|
|
|
+ pageSize: 99999,
|
|
|
+ goodTypes: ids,
|
|
|
+ }).then((res) => {
|
|
|
+ if (res.success) {
|
|
|
+ this.dataSource = [...this.dataSource, ...res.result.records];
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ handleDelete() {
|
|
|
+ deleteAction("/pos/posSellClearGoods/delete", {
|
|
|
+ goodsId: this.selectGoods.id,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ if (res.success) {
|
|
|
+ this.$message.success(res.message);
|
|
|
+ this.loadData();
|
|
|
+ this.sellClear = 0;
|
|
|
+ } else {
|
|
|
+ this.$message.warning(res.message);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .finally(() => {});
|
|
|
+ },
|
|
|
+ handleSelectCheckInRoomOrder() {
|
|
|
+ this.$refs.modalSelectCheckInRoomOrderModal.add();
|
|
|
+ this.$refs.modalSelectCheckInRoomOrderModal.title = "选择转帐人";
|
|
|
+ this.$refs.modalSelectCheckInRoomOrderModal.disableSubmit = false;
|
|
|
+ },
|
|
|
+ handlePickingGoodsOrder() {
|
|
|
+ this.$refs.modalPickingGoodsOrderForm.add();
|
|
|
+ this.$refs.modalPickingGoodsOrderForm.title = "取单";
|
|
|
+ this.$refs.modalPickingGoodsOrderForm.disableSubmit = false;
|
|
|
+ },
|
|
|
+ handleAddTempGoods() {
|
|
|
+ this.$refs.modalGoodsForm.add();
|
|
|
+ this.$refs.modalGoodsForm.title = "新增菜品";
|
|
|
+ this.$refs.modalGoodsForm.disableSubmit = false;
|
|
|
+ },
|
|
|
+ handleToRoomFeePayment() {
|
|
|
+ this.handleAdd();
|
|
|
+ },
|
|
|
+ handlePayment() {
|
|
|
+ this.handleAdd((e) => {
|
|
|
+ var amount = this.oldSelectGoodsList.reduce(function (total, item) {
|
|
|
+ return total + item.sellingPrice * item.num;
|
|
|
+ }, 0);
|
|
|
+ this.$refs.modalPaymentForm.edit({
|
|
|
+ billAmount: amount,
|
|
|
+ deposit: 0,
|
|
|
+ roomFee: amount,
|
|
|
+ subjectType: 5,
|
|
|
+ feeType: 2,
|
|
|
+ preferentialType: 1,
|
|
|
+ couponFirstAmount: 0,
|
|
|
+ discount: 9,
|
|
|
+ orderCode: e,
|
|
|
+ });
|
|
|
+ this.$refs.modalPaymentForm.title = "POS结账";
|
|
|
+ this.$refs.modalPaymentForm.disableSubmit = false;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ handleAdd(callback) {
|
|
|
+ if (!this.selectGoodsList || this.selectGoodsList.length <= 0) {
|
|
|
+ this.$message.warning("请先选择商品");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ var _info = JSON.parse(localStorage.getItem("storeInfo"));
|
|
|
+ var model = {
|
|
|
+ goodsId: this.selectGoods.id
|
|
|
+ };
|
|
|
+ if (_info) {
|
|
|
+ model.hotelId = _info.id;
|
|
|
+ }
|
|
|
+ model.id = this.selectOrderInfo.id;
|
|
|
+ model.toRoomFeeOrderId = this.selectRoomOrder.livingOrderId;
|
|
|
+ model.posType = this.tabPosTypeId;
|
|
|
+ var posOrderGoodsDetailList = [];
|
|
|
+ this.selectGoodsList.forEach((t) => {
|
|
|
+ posOrderGoodsDetailList.push({
|
|
|
+ goodsId: t.id,
|
|
|
+ num: t.num,
|
|
|
+ money: t.sellingPrice,
|
|
|
+ });
|
|
|
+ });
|
|
|
+ model.posOrderGoodsDetailList = posOrderGoodsDetailList;
|
|
|
+ postAction("/pos/posOrderGoods/add", model)
|
|
|
+ .then((res) => {
|
|
|
+ if (res.success) {
|
|
|
+ this.$message.success(res.message);
|
|
|
+ this.oldSelectGoodsList = JSON.parse(
|
|
|
+ JSON.stringify(this.selectGoodsList)
|
|
|
+ );
|
|
|
+ this.selectGoodsList = [];
|
|
|
+ this.selectOrderInfo = {};
|
|
|
+ this.selectRoomOrder = {};
|
|
|
+ this.loadGoods();
|
|
|
+ if (callback) {
|
|
|
+ callback(res.result.code);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.$message.warning(res.message);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .finally(() => {});
|
|
|
+ },
|
|
|
+ itemClick(row) {
|
|
|
+ console.log(row);
|
|
|
+ if (row.id == "0") {
|
|
|
+ this.handleAddTempGoods();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (row.isSellClear) {
|
|
|
+ this.$message.warning("选择的商品已沽清");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ var good = JSON.parse(JSON.stringify(row));
|
|
|
+ this.$set(good, "num", 1);
|
|
|
+ var find = this.selectGoodsList.find((t) => t.id === row.id);
|
|
|
+ if (find) {
|
|
|
+ if (find.inventory > find.num) {
|
|
|
+ find.num++;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.selectGoodsList.push(good);
|
|
|
+ }
|
|
|
+ },
|
|
|
},
|
|
|
- },
|
|
|
};
|
|
|
</script>
|
|
|
- <style scoped>
|
|
|
+
|
|
|
+<style scoped>
|
|
|
@import "~@assets/less/common.less";
|
|
|
+
|
|
|
.room-item {
|
|
|
- height: 110px;
|
|
|
- /* line-height: 200px; */
|
|
|
- font-size: 13px;
|
|
|
- padding: 0px 5px;
|
|
|
- border-radius: 5px;
|
|
|
- cursor: pointer;
|
|
|
- position: relative;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- justify-content: center;
|
|
|
+ height: 110px;
|
|
|
+ /* line-height: 200px; */
|
|
|
+ font-size: 13px;
|
|
|
+ padding: 0px 5px;
|
|
|
+ border-radius: 5px;
|
|
|
+ cursor: pointer;
|
|
|
+ position: relative;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: center;
|
|
|
}
|
|
|
+
|
|
|
.check {
|
|
|
- border: #000 solid 3px;
|
|
|
+ border: #000 solid 3px;
|
|
|
}
|
|
|
+
|
|
|
.ant-table-wrapper {
|
|
|
- height: calc(100vh - 500px);
|
|
|
+ height: calc(100vh - 500px);
|
|
|
}
|
|
|
+
|
|
|
/deep/ .card-pd .ant-card-body {
|
|
|
- padding: 0 !important;
|
|
|
+ padding: 0 !important;
|
|
|
}
|
|
|
+
|
|
|
.select-cell {
|
|
|
- position: absolute;
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- left: 0;
|
|
|
- top: 0;
|
|
|
- z-index: 10;
|
|
|
- -webkit-user-select: none;
|
|
|
- -moz-user-select: none;
|
|
|
- -ms-user-select: none;
|
|
|
- user-select: none;
|
|
|
+ position: absolute;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ z-index: 10;
|
|
|
+ -webkit-user-select: none;
|
|
|
+ -moz-user-select: none;
|
|
|
+ -ms-user-select: none;
|
|
|
+ user-select: none;
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|
DESKTOP-B78GIPM\admin