fix: 样式调整

src/views/order/allocationSortingRule/index.vue

 <template>
 <template>
-  <div
-    v-loading="loading"
-    class="page card h-100 flex-gap-10 overflow-hidden flex"
-  >
+  <div class="page card h-100 flex-gap-10 overflow-hidden flex">
     <div class="search-form flex flex-column w-100 flex-1 overflow-hidden">
     <div class="search-form flex flex-column w-100 flex-1 overflow-hidden">
       <el-form :model="searchForm" inline>
       <el-form :model="searchForm" inline>
         <el-form-item label="仓库">
         <el-form-item label="仓库">
@@ -44,7 +41,11 @@
       </div>
       </div>
       <div v-if="isEnableSorting" class="sorting-content mt-10 w-100">
       <div v-if="isEnableSorting" class="sorting-content mt-10 w-100">
         <el-button type="success" @click="addArea()">新增</el-button>
         <el-button type="success" @click="addArea()">新增</el-button>
-        <div class="table-container">
+        <div
+          v-loading="loading"
+          element-loading-text="加载中..."
+          class="table-container"
+        >
           <TableView :paginated-data="sortingList" :columns="columns">
           <TableView :paginated-data="sortingList" :columns="columns">
             <template #autoPrint="{ row }">
             <template #autoPrint="{ row }">
               {{ row.autoPrint ? '开启' : '关闭' }}
               {{ row.autoPrint ? '开启' : '关闭' }}