perf: 样式调整

src/views/creative-generation-workshop/manuscript-writer/check-list/index.vue

@@ -7,26 +7,63 @@
           <a-button type="outline" size="medium" @click="handleShareModal">分享内容稿件</a-button>
         </template> -->
       </a-tabs>
-      <FilterBlock v-model:query="query" :audit_status="query.audit_status" @search="handleSearch"
+      <FilterBlock
-        @reset="handleReset" />
+        v-model:query="query"
+        :audit_status="query.audit_status"
+        @search="handleSearch"
+        @reset="handleReset"
+      />
     </div>
     <div
-      class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col">
+      class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex flex-col"
-      <div class="flex justify-end mb-12px"
+    >
-        v-if="[AuditStatus.Pending, AuditStatus.Auditing].includes(query.audit_status)">
+      <div
-        <a-button type="outline" class="w-fit" size="medium" @click="handleBatchCheck"
+        class="flex justify-end mb-12px"
-          v-if="query.audit_status === AuditStatus.Pending">批量审核</a-button>
+        v-if="[AuditStatus.Pending, AuditStatus.Auditing].includes(query.audit_status)"
-        <a-button type="outline" class="w-fit" size="medium" @click="handleBatchView"
+      >
-          v-if="query.audit_status === AuditStatus.Auditing">批量查看</a-button>
+        <a-button
+          type="outline"
+          class="w-fit"
+          size="medium"
+          @click="handleBatchCheck"
+          v-if="query.audit_status === AuditStatus.Pending"
+          >批量审核</a-button
+        >
+        <a-button
+          type="outline"
+          class="w-fit"
+          size="medium"
+          @click="handleBatchView"
+          v-if="query.audit_status === AuditStatus.Auditing"
+          >批量查看</a-button
+        >
       </div>
 
-      <ManuscriptCheckTable :key="query.audit_status" :tableColumns="tableColumns" :rowSelection="rowSelection"
+      <ManuscriptCheckTable
-        :selectedRowKeys="selectedRowKeys" :dataSource="dataSource" :audit_status="query.audit_status"
+        :key="query.audit_status"
-        @sorterChange="handleSorterChange" @delete="handleDelete" @edit="handleEdit" @select="handleSelect"
+        :tableColumns="tableColumns"
-        @selectAll="handleSelectAll" />
+        :rowSelection="rowSelection"
+        :selectedRowKeys="selectedRowKeys"
+        :dataSource="dataSource"
+        :audit_status="query.audit_status"
+        @sorterChange="handleSorterChange"
+        @delete="handleDelete"
+        @edit="handleEdit"
+        @select="handleSelect"
+        @selectAll="handleSelectAll"
+      />
       <div v-if="pageInfo.total > 0" class="pagination-box">
-        <a-pagination :total="pageInfo.total" size="mini" show-total show-jumper show-page-size :current="pageInfo.page"
+        <a-pagination
-          :page-size="pageInfo.page_size" @change="onPageChange" @page-size-change="onPageSizeChange" />
+          :total="pageInfo.total"
+          size="mini"
+          show-total
+          show-jumper
+          show-page-size
+          :current="pageInfo.page"
+          :page-size="pageInfo.page_size"
+          @change="onPageChange"
+          @page-size-change="onPageSizeChange"
+        />
       </div>
     </div>
 

src/views/creative-generation-workshop/manuscript-writer/check-list/style.scss

@@ -1,5 +1,5 @@
 .manuscript-check-wrap {
-  height: 100%;
+  // height: 100%;
   display: flex;
   flex-direction: column;
   .filter-wrap {

src/views/creative-generation-workshop/manuscript-writer/list/index.vue

@@ -15,7 +15,7 @@
       <FilterBlock v-model:query="query" @search="handleSearch" @reset="handleReset" />
     </div>
     <div
-      class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col"
+      class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex flex-col"
     >
       <ManuscriptTable :dataSource="dataSource" @sorterChange="handleSorterChange" @delete="handleDelete" />
       <div v-if="pageInfo.total > 0" class="pagination-box">

src/views/creative-generation-workshop/manuscript/check-list/index.vue

@@ -7,26 +7,63 @@
           <a-button type="outline" size="medium" @click="handleShareModal">分享内容稿件</a-button>
         </template>
       </a-tabs>
-      <FilterBlock v-model:query="query" :audit_status="query.audit_status" @search="handleSearch"
+      <FilterBlock
-        @reset="handleReset" />
+        v-model:query="query"
+        :audit_status="query.audit_status"
+        @search="handleSearch"
+        @reset="handleReset"
+      />
     </div>
     <div
-      class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col">
+      class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px  flex flex-col"
-      <div class="flex justify-end mb-12px"
+    >
-        v-if="[AuditStatus.Pending, AuditStatus.Auditing].includes(query.audit_status)">
+      <div
-        <a-button type="outline" class="w-fit" size="medium" @click="handleBatchCheck"
+        class="flex justify-end mb-12px"
-          v-if="query.audit_status === AuditStatus.Pending">批量审核</a-button>
+        v-if="[AuditStatus.Pending, AuditStatus.Auditing].includes(query.audit_status)"
-        <a-button type="outline" class="w-fit" size="medium" @click="handleBatchView"
+      >
-          v-if="query.audit_status === AuditStatus.Auditing">批量查看</a-button>
+        <a-button
+          type="outline"
+          class="w-fit"
+          size="medium"
+          @click="handleBatchCheck"
+          v-if="query.audit_status === AuditStatus.Pending"
+          >批量审核</a-button
+        >
+        <a-button
+          type="outline"
+          class="w-fit"
+          size="medium"
+          @click="handleBatchView"
+          v-if="query.audit_status === AuditStatus.Auditing"
+          >批量查看</a-button
+        >
       </div>
 
-      <ManuscriptCheckTable :key="query.audit_status" :tableColumns="tableColumns" :rowSelection="rowSelection"
+      <ManuscriptCheckTable
-        :selectedRowKeys="selectedRowKeys" :dataSource="dataSource" :audit_status="query.audit_status"
+        :key="query.audit_status"
-        @sorterChange="handleSorterChange" @delete="handleDelete" @edit="handleEdit" @select="handleSelect"
+        :tableColumns="tableColumns"
-        @selectAll="handleSelectAll" />
+        :rowSelection="rowSelection"
+        :selectedRowKeys="selectedRowKeys"
+        :dataSource="dataSource"
+        :audit_status="query.audit_status"
+        @sorterChange="handleSorterChange"
+        @delete="handleDelete"
+        @edit="handleEdit"
+        @select="handleSelect"
+        @selectAll="handleSelectAll"
+      />
       <div v-if="pageInfo.total > 0" class="pagination-box">
-        <a-pagination :total="pageInfo.total" size="mini" show-total show-jumper show-page-size :current="pageInfo.page"
+        <a-pagination
-          :page-size="pageInfo.page_size" @change="onPageChange" @page-size-change="onPageSizeChange" />
+          :total="pageInfo.total"
+          size="mini"
+          show-total
+          show-jumper
+          show-page-size
+          :current="pageInfo.page"
+          :page-size="pageInfo.page_size"
+          @change="onPageChange"
+          @page-size-change="onPageSizeChange"
+        />
       </div>
     </div>
 

src/views/creative-generation-workshop/manuscript/check-list/style.scss

@@ -1,5 +1,5 @@
 .manuscript-check-wrap {
-  height: 100%;
+  // height: 100%;
   display: flex;
   flex-direction: column;
   .filter-wrap {

src/views/creative-generation-workshop/manuscript/list/index.vue

@@ -18,7 +18,7 @@
       <FilterBlock v-model:query="query" @search="handleSearch" @reset="handleReset" />
     </div>
     <div
-      class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col"
+      class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex flex-col"
     >
       <ManuscriptTable :dataSource="dataSource" @sorterChange="handleSorterChange" @delete="handleDelete" />
       <div v-if="pageInfo.total > 0" class="pagination-box">

src/views/creative-generation-workshop/manuscript/list/style.scss

@@ -1,5 +1,5 @@
 .manuscript-list-wrap {
-  height: 100%;
+  // height: 100%;
   display: flex;
   flex-direction: column;
   .filter-wrap {