1.对接会员列表 2.对接排队叫号

src/views/order/index.vue

@@ -1,25 +1,12 @@
 <template>
   <div class="container">
     <div class="query_wrap">
-      <el-input
-        v-model="queryForm.orderNo"
-        placeholder="请输入订单编号"
-        style="width: 240px"
-      ></el-input>
+      <el-input v-model="queryForm.orderNo" placeholder="请输入订单编号" style="width: 240px"></el-input>
       <!-- <el-input v-model="queryForm.productName" placeholder="请输入商品名称" style="width: 200px;"></el-input> -->
-      <el-select
-        v-model="queryForm.status"
-        placeholder="订单状态"
-        style="width: 140px"
-        @change="queryFormHandle"
-      >
+      <el-select v-model="queryForm.status" placeholder="订单状态" style="width: 140px" @change="queryFormHandle">
         <el-option label="全部" value=""></el-option>
-        <el-option
-          :label="item.label"
-          :value="item.type"
-          v-for="item in globalStore.orderStatus"
-          :key="item.type"
-        ></el-option>
+        <el-option :label="item.label" :value="item.type" v-for="item in globalStore.orderStatus"
+          :key="item.type"></el-option>
       </el-select>
       <DateRange ref="DateRangeRef" @success="dateSucess" />
       <div class="flex">
@@ -29,18 +16,8 @@
     </div>
     <div class="table_wrap">
       <div class="table">
-        <el-table
-          :data="tableData.list"
-          v-loading="tableData.loading"
-          border
-          strip
-          height="100%"
-        >
-          <el-table-column
-            label="台桌"
-            prop="tableName"
-            width="80"
-          ></el-table-column>
+        <el-table :data="tableData.list" v-loading="tableData.loading" border strip height="100%">
+          <el-table-column label="台桌" prop="tableName" width="80"></el-table-column>
           <el-table-column label="订单信息" width="240">
             <template v-slot="scope">
               <div class="column">
@@ -88,26 +65,14 @@
               {{ filterLable("orderStatus", scope.row.status) }}
             </template>
           </el-table-column>
-          <el-table-column
-            label="操作"
-            width="150"
-            align="center"
-            fixed="right"
-          >
+          <el-table-column label="操作" width="150" align="center" fixed="right">
             <template v-slot="scope">
               <div class="column">
                 <div class="row">
-                  <el-button
-                    type="primary"
-                    @click="RefundDrawerRef.show(scope.row)"
-                    >订单退款</el-button
-                  >
+                  <el-button type="primary" @click="RefundDrawerRef.show(scope.row)">订单退款</el-button>
                 </div>
                 <div class="row" style="margin-top: 10px">
-                  <el-button
-                    type="success"
-                    @click="PrintDrawerRef.show(scope.row)"
-                  >
+                  <el-button type="success" @click="PrintDrawerRef.show(scope.row)">
                     订单打印
                   </el-button>
                 </div>
@@ -117,16 +82,9 @@
         </el-table>
       </div>
       <div class="pagination">
-        <el-pagination
-          background
-          v-model:current-page="queryForm.page"
-          v-model:page-size="queryForm.size"
-          :page-sizes="[10, 30, 50, 100]"
-          layout="sizes, pager, jumper, total"
-          :total="tableData.total"
-          @size-change="orderListAjax"
-          @current-change="orderListAjax"
-        ></el-pagination>
+        <el-pagination background v-model:current-page="queryForm.page" v-model:page-size="queryForm.size"
+          :page-sizes="[10, 30, 50, 100]" layout="sizes, pager, jumper, total" :total="tableData.total"
+          @size-change="orderListAjax" @current-change="orderListAjax"></el-pagination>
       </div>
     </div>
   </div>