调整部分前端布局和后端增删改逻辑

shierfeng-fastapi-frontend/src/views/business/filling/index.vue

@@ -1,6 +1,6 @@
 <template>
-  <div class="app-container">
-    <el-form ref="queryRef" :model="queryParams" :inline="true">
+  <div class="app-container business-page business-filling">
+    <el-form ref="queryRef" :model="queryParams" :inline="true" class="page-filter">
       <el-form-item label="装填单号" prop="fillingNo">
         <el-input v-model="queryParams.fillingNo" placeholder="请输入装填单号" clearable maxlength="64" @keyup.enter="handleQuery" />
       </el-form-item>
@@ -16,7 +16,7 @@
       </el-form-item>
     </el-form>
 
-    <el-row :gutter="10" class="mb8">
+    <el-row :gutter="10" class="mb8 page-toolbar">
       <el-col :span="1.5">
         <el-button
           v-if="canAddFilling"
@@ -32,7 +32,7 @@
     </el-row>
 
     <el-alert v-if="loadError" :title="loadError" type="error" :closable="false" show-icon class="mb8" />
-    <el-table v-loading="loading" empty-text="暂无数据" :data="fillingList">
+    <el-table v-loading="loading" empty-text="暂无数据" :data="fillingList" class="data-table">
       <el-table-column label="装填单号" prop="fillingNo" min-width="170" :show-overflow-tooltip="true" />
       <el-table-column label="托盘" min-width="120">
         <template #default="scope">{{ scope.row.palletCode || `#${scope.row.palletId}` }}</template>