优化打印 订单新增桌号和时间筛选

src/views/order/index.vue

@@ -5,8 +5,9 @@
         <el-tab-pane label="全部" name="">
           <div class="demo_tabs_div">
             <el-input v-model="ordereData.orderNo" placeholder="请输入订单号查询" @input="inputChange" clearable
-              @focus="global.updateData(false)" @blur="global.updateData(true)" />
+              @focus="global.updateData(false)" @blur="global.updateData(true)" style="width: 50%;" />
             <!-- <el-button style="margin-left: 10px;" type="primary" @click="onSubmit">搜索</el-button> -->
+            <dateRange @success="dateConfirm" />
           </div>
           <add :loading="loadingboxshow" :ordereData="ordereData" @emititemboxshow="emititemboxshow"
             v-if="ordereData.list.length">
@@ -279,6 +280,7 @@ import add from "@/views/order/components/add.vue";
 import cashTable from "@/views/order/components/cashTable.vue";
 import { clearNoNum } from "@/utils";
 import md5 from "js-md5";
+import dateRange from './components/dateRange.vue'
 
 import { useGlobal } from "@/store/global.js";
 
@@ -313,6 +315,13 @@ const handlerecharge = () => {
 
 const buttonloading = ref(); //loading
 
+// 确认选择时间
+function dateConfirm(time) {
+  ordereData.startTime = time[0]
+  ordereData.endTime = time[1]
+  asyncorderfindOrder();
+}
+
 // 获取支付密码
 async function passwordSuccess(pwd) {
   try {
@@ -533,6 +542,8 @@ const ordereData = reactive({
   status: "",
   total: "",
   orderNo: "",
+  startTime: '',
+  endTime: ''
 });
 const asyncorderfindOrder = async () => {
   //获取流水
@@ -543,6 +554,8 @@ const asyncorderfindOrder = async () => {
       size: ordereData.size,
       page: ordereData.page,
       orderNo: ordereData.orderNo,
+      startTime: ordereData.startTime,
+      endTime: ordereData.endTime
     });
     ordereData.total = res.total;
     ordereData.list = res.list;
@@ -582,7 +595,6 @@ const callNumberHandle = async () => {
 
 onMounted(() => {
   // resetMembrform.value = { ...membrform.value }
-  asyncorderfindOrder();
 });
 </script>
 
@@ -643,6 +655,7 @@ onMounted(() => {
       .demo_tabs_div {
         padding: 0 20px;
         display: flex;
+        gap: 10px;
       }
 
       .demo_tabs_box {