🎨 chore(put-data): table 滚动条优化

src/views/put/put-data.vue

@@ -1,40 +1,37 @@
 <template>
   <div class="page-wrap page-wrap-put-books">
-    <tool-bar
-      :text="['official_name', 'book_name']"
-      :label="['公众号名称', '书名']"
-      @confirm="onSearch"
-      v-model:loading="inSearching"
-    >
+    <tool-bar :text="['official_name', 'book_name']"
+              :label="['公众号名称', '书名']"
+              @confirm="onSearch"
+              v-model:loading="inSearching">
       <template #picker>
         <p class="label">日期</p>
         <a-range-picker />
       </template>
     </tool-bar>
-    <a-table :columns="columns" :data-source="list" :scroll="{x: 1800}">
+    <a-table :columns="columns"
+             :data-source="list"
+             :scroll="{x: true}">
       <template #operator="data">
         <div class="confirm-button">
-          <a-button type="link" @click="more(data.record)">更多</a-button>
+          <a-button type="link"
+                    @click="more(data.record)">更多</a-button>
         </div>
       </template>
     </a-table>
-    <drawer-wrapper
-      v-model:show="show"
-      title="更多数据"
-      :columns="drawercolumns"
-      :source="drawerlist"
-      :meta="meta"
-      @page-change="onPageChange"
-      :scroll="{x: 18500}"
-      width="90%"
-    >
+    <drawer-wrapper v-model:show="show"
+                    title="更多数据"
+                    :columns="drawercolumns"
+                    :source="drawerlist"
+                    :meta="meta"
+                    @page-change="onPageChange"
+                    :scroll="{x: true}"
+                    width="90%">
       <template #tool-bar>
-        <tool-bar
-          :text="['official_name', 'book_name']"
-          :label="['公众号名称', '书名']"
-          @confirm="draweronSearch"
-          v-model:loading="drawerinSearching"
-        ></tool-bar>
+        <tool-bar :text="['official_name', 'book_name']"
+                  :label="['公众号名称', '书名']"
+                  @confirm="draweronSearch"
+                  v-model:loading="drawerinSearching"></tool-bar>
       </template>
       <!-- <template #default="{ data }">
         <p>{{ data.id }}</p>