feat: 页面基础样式调整

src/assets/styles/base.scss

@@ -148,18 +148,6 @@ body {
     background-color: $--color-text-gray-7;
   }
 
-  &-flex {
-    display: flex;
-    align-items: stretch;
-    justify-content: space-between;
-  }
-
-  &-action {
-    padding-bottom: 15px;
-    white-space: nowrap;
-    display: flex;
-    align-items: flex-end;
-  }
   &-tips {
     font-size: 16px;
     line-height: 25px;
@@ -217,6 +205,15 @@ body {
   color: $--color-text-gray-3;
   text-align: center;
 }
+.filter-form {
+  display: flex;
+  flex-wrap: wrap;
+
+  .el-form-item:last-child {
+    margin-left: auto;
+  }
+}
+
 // box-justify
 .box-justify {
   display: flex;

src/modules/admin/views/AdminUserManage.vue

@@ -1,7 +1,13 @@
 <template>
   <div class="user-manage">
-    <div class="part-box part-box-filter part-box-flex">
-      <el-form ref="FilterForm" label-position="left" label-width="85px" inline>
+    <div class="part-box part-box-filter">
+      <el-form
+        ref="FilterForm"
+        class="filter-form"
+        label-position="left"
+        label-width="85px"
+        inline
+      >
         <el-form-item label="姓名：" label-width="75px">
           <el-input
             style="width: 142px"
@@ -29,15 +35,15 @@
         <el-form-item label-width="0px">
           <el-button type="primary" @click="toPage(1)">查询</el-button>
         </el-form-item>
+        <el-form-item>
+          <el-button
+            type="primary"
+            icon="el-icon-circle-plus-outline"
+            @click="toAdd"
+            >新增用户</el-button
+          >
+        </el-form-item>
       </el-form>
-      <div class="part-box-action">
-        <el-button
-          type="primary"
-          icon="el-icon-circle-plus-outline"
-          @click="toAdd"
-          >新增用户</el-button
-        >
-      </div>
     </div>
 
     <div class="part-box part-box-pad">

src/modules/admin/views/SchoolMenuManage.vue

@@ -1,7 +1,12 @@
 <template>
   <div class="school-menu-manage">
-    <div class="part-box part-box-filter part-box-flex">
-      <el-form ref="FilterForm" label-position="left" inline>
+    <div class="part-box part-box-filter">
+      <el-form
+        ref="FilterForm"
+        class="filter-form"
+        label-position="left"
+        inline
+      >
         <el-form-item label="学校：">
           <school-select
             v-model="schoolId"
@@ -11,16 +16,16 @@
             @change="search"
           ></school-select>
         </el-form-item>
+        <el-form-item>
+          <el-button
+            type="primary"
+            :disabled="fetching"
+            :loading="loading"
+            @click="save"
+            >保存</el-button
+          >
+        </el-form-item>
       </el-form>
-      <div class="part-box-action">
-        <el-button
-          type="primary"
-          :disabled="fetching"
-          :loading="loading"
-          @click="save"
-          >保存</el-button
-        >
-      </div>
     </div>
 
     <div class="part-box part-box-pad">

src/modules/admin/views/SystemRoleManage.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="role-manage">
-    <div class="part-box part-box-pad part-box-flex">
+    <div class="part-box part-box-pad box-justify">
       <div></div>
       <el-button
         type="primary"

src/modules/base/views/ExamManage.vue

@@ -1,7 +1,13 @@
 <template>
   <div class="record-type-manage">
-    <div class="part-box part-box-filter part-box-flex">
-      <el-form ref="FilterForm" label-position="left" label-width="90px" inline>
+    <div class="part-box part-box-filter">
+      <el-form
+        ref="FilterForm"
+        class="filter-form"
+        label-position="left"
+        label-width="90px"
+        inline
+      >
         <template v-if="checkPrivilege('condition', 'condition')">
           <el-form-item>
             <semester-select
@@ -18,16 +24,16 @@
             >查询</el-button
           >
         </el-form-item>
+        <el-form-item>
+          <el-button
+            v-if="checkPrivilege('button', 'add')"
+            type="primary"
+            icon="el-icon-circle-plus-outline"
+            @click="toAdd"
+            >新增考试</el-button
+          >
+        </el-form-item>
       </el-form>
-      <div class="part-box-action">
-        <el-button
-          v-if="checkPrivilege('button', 'add')"
-          type="primary"
-          icon="el-icon-circle-plus-outline"
-          @click="toAdd"
-          >新增考试</el-button
-        >
-      </div>
     </div>
     <div class="part-box part-box-pad">
       <el-table ref="TableList" :data="dataList">

src/modules/base/views/RoleManage.vue

@@ -1,8 +1,9 @@
 <template>
   <div class="role-manage">
-    <div class="part-box part-box-filter part-box-flex">
+    <div class="part-box part-box-filter">
       <el-form
         ref="FilterForm"
+        class="filter-form"
         label-position="left"
         label-width="85px"
         inline
@@ -26,16 +27,16 @@
             >查询</el-button
           >
         </el-form-item>
+        <el-form-item>
+          <el-button
+            v-if="checkPrivilege('button', 'add')"
+            type="primary"
+            icon="el-icon-circle-plus-outline"
+            @click="toAdd"
+            >添加角色</el-button
+          >
+        </el-form-item>
       </el-form>
-      <div class="part-box-action">
-        <el-button
-          v-if="checkPrivilege('button', 'add')"
-          type="primary"
-          icon="el-icon-circle-plus-outline"
-          @click="toAdd"
-          >添加角色</el-button
-        >
-      </div>
     </div>
     <div class="part-box part-box-pad">
       <el-table ref="TableList" :data="roles">

src/modules/base/views/ScanStatistics.vue

@@ -1,7 +1,13 @@
 <template>
   <div class="scan-statistics">
-    <div class="part-box part-box-filter part-box-flex">
-      <el-form ref="FilterForm" label-position="left" label-width="85px" inline>
+    <div class="part-box part-box-filter">
+      <el-form
+        ref="FilterForm"
+        class="filter-form"
+        label-position="left"
+        label-width="85px"
+        inline
+      >
         <template v-if="checkPrivilege('condition', 'condition')">
           <el-form-item label="日期：">
             <el-date-picker
@@ -30,16 +36,16 @@
             >查询</el-button
           >
         </el-form-item>
+        <el-form-item>
+          <el-button
+            v-if="checkPrivilege('button', 'export')"
+            type="primary"
+            :loading="downloading"
+            @click="toExport"
+            >导出</el-button
+          >
+        </el-form-item>
       </el-form>
-      <div class="part-box-action">
-        <el-button
-          v-if="checkPrivilege('button', 'export')"
-          type="primary"
-          :loading="downloading"
-          @click="toExport"
-          >导出</el-button
-        >
-      </div>
     </div>
     <div class="part-box part-box-pad">
       <el-table ref="TableList" :data="dataList">

src/modules/base/views/SemesterManage.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="semester-manage">
-    <div class="part-box part-box-filter part-box-flex">
+    <div class="part-box part-box-pad box-justify">
       <div>
         <el-button
           v-if="checkPrivilege('button', 'select')"
@@ -9,7 +9,7 @@
           >查询</el-button
         >
       </div>
-      <div class="part-box-action">
+      <div>
         <el-button
           v-if="checkPrivilege('button', 'add')"
           type="primary"

src/modules/base/views/UserManage.vue

@@ -1,8 +1,9 @@
 <template>
   <div class="user-manage">
-    <div class="part-box part-box-filter part-box-flex">
+    <div class="part-box part-box-filter">
       <el-form
         ref="FilterForm"
+        class="filter-form"
         label-position="left"
         label-width="85px"
         inline
@@ -27,37 +28,37 @@
             >查询</el-button
           >
         </el-form-item>
+        <el-form-item>
+          <el-button
+            v-if="checkPrivilege('button', 'batchDelete')"
+            type="danger"
+            icon="el-icon-delete"
+            :loading="loading"
+            @click="batchDelete"
+            >批量删除</el-button
+          >
+          <el-button
+            v-if="checkPrivilege('button', 'export')"
+            type="success"
+            icon="el-icon-upload"
+            @click="toImportUser"
+            >导入用户</el-button
+          >
+          <el-button
+            v-if="checkPrivilege('button', 'export')"
+            type="primary"
+            @click="viewResult"
+            >导入结果</el-button
+          >
+          <el-button
+            v-if="checkPrivilege('button', 'add')"
+            type="primary"
+            icon="el-icon-circle-plus-outline"
+            @click="toAdd"
+            >新增用户</el-button
+          >
+        </el-form-item>
       </el-form>
-      <div class="part-box-action">
-        <el-button
-          v-if="checkPrivilege('button', 'batchDelete')"
-          type="danger"
-          icon="el-icon-delete"
-          :loading="loading"
-          @click="batchDelete"
-          >批量删除</el-button
-        >
-        <el-button
-          v-if="checkPrivilege('button', 'export')"
-          type="success"
-          icon="el-icon-upload"
-          @click="toImportUser"
-          >导入用户</el-button
-        >
-        <el-button
-          v-if="checkPrivilege('button', 'export')"
-          type="primary"
-          @click="viewResult"
-          >导入结果</el-button
-        >
-        <el-button
-          v-if="checkPrivilege('button', 'add')"
-          type="primary"
-          icon="el-icon-circle-plus-outline"
-          @click="toAdd"
-          >新增用户</el-button
-        >
-      </div>
     </div>
 
     <div class="part-box part-box-pad">

src/modules/record/components/DocumentDetailDialog.vue

@@ -10,9 +10,10 @@
       fullscreen
       @open="visibleChange"
     >
-      <div class="part-box part-box-filter part-box-flex">
+      <div class="part-box part-box-filter">
         <el-form
           ref="FilterForm"
+          class="filter-form"
           label-position="left"
           label-width="90px"
           inline
@@ -134,17 +135,17 @@
           <el-form-item>
             <el-button type="primary" @click="toPage(1)">查询</el-button>
           </el-form-item>
+          <el-form-item>
+            <el-button
+              type="success"
+              icon="el-icon-upload"
+              :loading="loading"
+              @click="toDownload"
+              >批量下载</el-button
+            >
+            <el-button type="success" @click="viewResult">下载结果</el-button>
+          </el-form-item>
         </el-form>
-        <div class="part-box-action">
-          <el-button
-            type="success"
-            icon="el-icon-upload"
-            :loading="loading"
-            @click="toDownload"
-            >批量下载</el-button
-          >
-          <el-button type="success" @click="viewResult">下载结果</el-button>
-        </div>
       </div>
 
       <div class="part-box part-box-pad mb-0">

src/modules/record/views/ArchivesDetail.vue

@@ -1,7 +1,13 @@
 <template>
   <div class="archives-detail">
-    <div class="part-box part-box-filter part-box-flex">
-      <el-form ref="FilterForm" label-position="left" label-width="85px" inline>
+    <div class="part-box part-box-filter">
+      <el-form
+        ref="FilterForm"
+        class="filter-form"
+        label-position="left"
+        label-width="85px"
+        inline
+      >
         <el-form-item label="扫描任务：">
           <scan-task-select
             v-model="filter.paperScanTaskId"
@@ -95,16 +101,17 @@
           <el-button type="primary" @click="toPage(1)">查询</el-button>
           <el-button @click="goback">返回</el-button>
         </el-form-item>
+
+        <el-form-item>
+          <el-button
+            type="primary"
+            icon="el-icon-circle-plus-outline"
+            @click="toBatchDownload"
+            >批量下载</el-button
+          >
+          <el-button type="primary" @click="viewResult">下载结果</el-button>
+        </el-form-item>
       </el-form>
-      <div class="part-box-action">
-        <el-button
-          type="primary"
-          icon="el-icon-circle-plus-outline"
-          @click="toBatchDownload"
-          >批量下载</el-button
-        >
-        <el-button type="primary" @click="viewResult">下载结果</el-button>
-      </div>
     </div>
 
     <div class="part-box part-box-pad">

src/modules/record/views/ArchivesManage.vue

@@ -1,7 +1,13 @@
 <template>
   <div class="archives-manage">
-    <div class="part-box part-box-filter part-box-flex">
-      <el-form ref="FilterForm" label-position="left" label-width="85px" inline>
+    <div class="part-box part-box-filter">
+      <el-form
+        ref="FilterForm"
+        class="filter-form"
+        label-position="left"
+        label-width="85px"
+        inline
+      >
         <template v-if="checkPrivilege('condition', 'condition')">
           <el-form-item label="学期：">
             <semester-select
@@ -34,16 +40,16 @@
             >查询</el-button
           >
         </el-form-item>
+        <el-form-item>
+          <el-button
+            v-if="checkPrivilege('button', 'add')"
+            type="primary"
+            icon="el-icon-circle-plus-outline"
+            @click="toAdd"
+            >新增档案</el-button
+          >
+        </el-form-item>
       </el-form>
-      <div class="part-box-action">
-        <el-button
-          v-if="checkPrivilege('button', 'add')"
-          type="primary"
-          icon="el-icon-circle-plus-outline"
-          @click="toAdd"
-          >新增档案</el-button
-        >
-      </div>
     </div>
 
     <div class="part-box part-box-pad">

src/modules/record/views/DocumentManage.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="document-manage">
-    <div class="part-box part-box-filter part-box-flex">
+    <div class="part-box part-box-filter">
       <el-form ref="FilterForm" label-position="left" label-width="85px" inline>
         <template v-if="checkPrivilege('condition', 'condition')">
           <sec-select

src/modules/record/views/LibraryManage.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="library-manage">
-    <div class="part-box part-box-filter part-box-flex">
+    <div class="part-box part-box-filter">
       <el-form ref="FilterForm" label-position="left" label-width="85px" inline>
         <template v-if="checkPrivilege('condition', 'condition')">
           <sec-select
@@ -19,7 +19,6 @@
           >
         </el-form-item>
       </el-form>
-      <div class="part-box-action"></div>
     </div>
 
     <div class="mb-4 tab-btns">

src/modules/record/views/PictureManage.vue

@@ -1,7 +1,13 @@
 <template>
   <div>
-    <div class="part-box part-box-filter part-box-flex">
-      <el-form ref="FilterForm" label-position="left" label-width="90px" inline>
+    <div class="part-box part-box-filter">
+      <el-form
+        ref="FilterForm"
+        class="filter-form"
+        label-position="left"
+        label-width="90px"
+        inline
+      >
         <el-form-item label="姓名/学号：">
           <el-input
             v-model.trim="filter.param"
@@ -119,17 +125,18 @@
         <el-form-item>
           <el-button type="primary" @click="toPage(1)">查询</el-button>
         </el-form-item>
+
+        <el-form-item>
+          <el-button
+            type="success"
+            icon="el-icon-upload"
+            :loading="loading"
+            :disabled="!multipleSelection.length"
+            @click="toDownload"
+            >下载图片</el-button
+          >
+        </el-form-item>
       </el-form>
-      <div class="part-box-action">
-        <el-button
-          type="success"
-          icon="el-icon-upload"
-          :loading="loading"
-          :disabled="!multipleSelection.length"
-          @click="toDownload"
-          >下载图片</el-button
-        >
-      </div>
     </div>
 
     <div class="part-box part-box-pad mb-0">