页面样式修改

src/views/enterpriseinspections/index.vue

@@ -1,5 +1,6 @@
 <template>
-  <ContentWrap style="align-items: center; display: flex; padding: 25px 20px;">
+    <ContentWrap style="padding: 10px">
+      <section class="flex flex-col gap-20px">
     <!-- 搜索工作栏 -->
     <el-form
       class="-mb-15px"
@@ -8,7 +9,7 @@
       :inline="true"
       label-width="68px"
     >
-      <el-form-item label="任务标题" prop="taskId">
+      <el-form-item label="" prop="taskId">
         <el-input
           v-model="queryParams.taskName"
           placeholder="请输入任务标题"
@@ -17,7 +18,7 @@
           class="!w-240px"
         />
       </el-form-item>
-      <el-form-item label="企业名称" prop="enterpriseId">
+      <el-form-item label="" prop="enterpriseId">
         <el-input
           v-model="queryParams.enterpriseName"
           placeholder="请输入企业名称"
@@ -47,7 +48,7 @@
           @click="openForm('create')"
           v-hasPermi="['system:enterprise-inspections:create']"
         >
-          <Icon icon="ep:plus" class="mr-5px" /> 新增
+          <Icon icon="ep:circle-plus" class="mr-5px" /> 新增
         </el-button>
         <el-button
           type="success"
@@ -60,10 +61,7 @@
         </el-button>
       </el-form-item>
     </el-form>
-  </ContentWrap>
 
-  <!-- 列表 -->
-  <ContentWrap>
     <el-table 
       v-loading="loading"
        :data="list" 
@@ -102,13 +100,19 @@
         </template>
       </el-table-column>
     </el-table>
-    <!-- 分页 -->
+
-    <Pagination
+     <!-- 分页 -->
-      :total="total"
+     <el-pagination
-      v-model:page="queryParams.pageNo"
+        :total="total"
-      v-model:limit="queryParams.pageSize"
+        :show-page-size="false"
-      @pagination="getList"
+        layout="total, prev, pager, next"
-    />
+        v-model:current-page="queryParams.pageNo"
+        v-model:page-size="queryParams.pageSize"
+        @change="getList"
+        class="ml-auto"
+      />
+
+  </section>
   </ContentWrap>
 
   <!-- 表单弹窗：添加/修改 -->