新增非在住消费pos按钮

src/views/room/fangtailive.vue

@@ -88,6 +88,11 @@
               type="danger"
               >批量制卡</a-button
             >
+            <a-button
+              style="margin-bottom: 10px"
+              @click="posOrderClick"
+              ><a-icon type="exception" />非在住消费pos</a-button
+            >
             <!-- <a-button style="margin-bottom: 10px" @click="toPage" type="danger"
               >查询散客详单</a-button
             >
@@ -726,6 +731,7 @@
       ref="ModalCleanRoom"
       @ok="modalLockRoomFormOk"
     ></clean-room-modal>
+    <posOrderModal ref="posOrderModal" />
 
     <!-- 右键菜单 -->
     <look-room-modalVue ref="lookRoomModalVue" @ok="modalLockRoomFormOk" />
@@ -765,6 +771,7 @@ import leasegoods from "./leasegoods";
 import membermessage from "./membermessage";
 import membergoodsmanage from "./membergoodsmanage";
 import fangwuLookRoom from "./fangwuLookRoom.vue";
+import posOrderModal from './posOrderModal.vue';
 
 import lookRoomModalVue from "./modules/fangtaiModal/lookRoomModal/lookRoomModal.vue";
 import continuedModalVue from "./modules/fangtaiModal/continuedModal/continuedModal.vue";
@@ -800,6 +807,7 @@ export default {
     SelectCheckInRoomOrderModal,
     CustomerModal,
     exchangeHousesModalVue,
+    posOrderModal
   },
   data() {
     return {
@@ -981,6 +989,9 @@ export default {
   },
   methods: {
     moment,
+    posOrderClick(){
+      this.$refs.posOrderModal.visible = true;
+    },
     getCustomerSourceList(customerSource, first) {
       var find = this.customerSourceList.find((t) => t.value == customerSource);
       if (find) {

src/views/room/posOrderModal.vue

@@ -0,0 +1,60 @@
+<template>
+  <j-modal
+    :title="title"
+    :width="width"
+    :visible="visible"
+    switchFullscreen
+    @ok="handleOk"
+    :okButtonProps="{ class:{'jee-hidden': disableSubmit} }"
+    @cancel="handleCancel"
+    cancelText="关闭">
+    <pos-table-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit"></pos-table-form>
+  </j-modal>
+</template>
+
+<script>
+
+  import PosTableForm from '../pos/diandan.vue'
+  export default {
+    name: 'PosTableModal',
+    components: {
+      PosTableForm
+    },
+    data () {
+      return {
+        title:'',
+        width:1700,
+        visible: false,
+        disableSubmit: false
+      }
+    },
+    methods: {
+      add () {
+        this.visible=true
+        this.$nextTick(()=>{
+          this.$refs.realForm.add();
+        })
+      },
+      edit (record) {
+        this.visible=true
+        this.$nextTick(()=>{
+          this.$refs.realForm.edit(record);
+        })
+      },
+      close () {
+        this.$emit('close');
+        this.visible = false;
+      },
+      handleOk () {
+        this.$refs.realForm.submitForm();
+      },
+      submitCallback(e){
+        this.$emit('ok', e);
+        this.visible = false;
+      },
+      handleCancel () {
+        this.close()
+      }
+    }
+  }
+</script>