页面优化

src/views/airqualitycollection/index.vue

@@ -13,15 +13,6 @@
               <!-- 保持空内容 -->
           </el-tab-pane>
         </el-tabs>
-  
-        <div>
-          <UploadExcel
-            v-model="fileUrls"
-            :file-type="['xlsx', 'xls']"
-            :file-size="1"
-            @success="getList"
-          />
-        </div>
       </section>
      
 
@@ -34,27 +25,17 @@
             label-position="right"
             class="formClass"
           >
-            <el-form-item label="站点" prop="siteName">
+            <el-form-item label="" prop="siteName">
               <el-input
                 v-model="queryParams.siteName"
                 placeholder="请输入站点名称"
                 clearable
                 @keyup.enter="handleQuery"
-                class="!w-240px"
+                class="!w-370px"
               />
             </el-form-item>
 
-            <el-form-item label="时间" prop="createTime">
+           
-              <el-date-picker
-                v-model="queryParams.times"
-                value-format="YYYY-MM-DD HH:mm:ss"
-                type="daterange"
-                start-placeholder="开始日期"
-                end-placeholder="结束日期"
-                :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-                class="!w-220px"
-              />
-            </el-form-item>
             <el-form-item>
               <el-button @click="handleQuery"
                 ><Icon icon="ep:search" class="mr-5px" /> 查询 </el-button
@@ -64,6 +45,16 @@
               >
             
             </el-form-item>
+            <el-form-item>
+              <div>
+                <UploadExcel
+                  v-model="fileUrls"
+                  :file-type="['xlsx', 'xls']"
+                  :file-size="1"
+                  @success="getList"
+                />
+              </div>
+            </el-form-item>
           </el-form>
 
           <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" style="margin-top: 25px">
@@ -114,7 +105,6 @@
 
 <script setup lang="ts">
 import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
-import { dateFormatter } from '@/utils/formatTime'
 import download from '@/utils/download'
 import { QualityCollectionApi, QualityCollectionVO } from '@/api/airqualitycollection'
 import QualityCollectionForm from './QualityCollectionForm.vue'

src/views/enterpriseinspections/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <ContentWrap style="padding: 10px">
+  <ContentWrap>
     <section class="flex flex-col gap-20px">
       <!-- 搜索工作栏 -->
       <el-form :model="queryParams" ref="queryFormRef" :inline="true" class="formClass">

src/views/system/user/index.vue

@@ -1,13 +1,4 @@
 <template>
-  <el-row :gutter="20">
-    <!-- 左侧部门树 -->
-    <el-col :span="4" :xs="24">
-      <ContentWrap class="h-1/1">
-        <DeptTree @node-click="handleDeptNodeClick" />
-      </ContentWrap>
-    </el-col>
-    <el-col :span="20" :xs="24">
-      <!-- 搜索 -->
   <ContentWrap>
     <section class="flex flex-col gap-20px">
     <el-form
@@ -96,35 +87,24 @@
 
     <el-table v-loading="loading" :data="list">
       <el-table-column
-            label="头像"
+        label="真实姓名"
         align="center"
         prop="realName"
         :show-overflow-tooltip="true"
-          >
-            <template #default="scope">
-              <el-image
-                style="width: 60px; height: 60px;border-radius: 50%;"
-                :src="scope.row.avatar"
-                :preview-src-list="[scope.row.avatar]"
-                :preview-teleported="true"
       />
+      <el-table-column label="用户性别" align="center" prop="sex" width="120" >
+        <template #default="scope">
+          {{getDictLabel(DICT_TYPE.SYSTEM_USER_SEX, scope.row.sex)}}
         </template>
       </el-table-column>
-          <el-table-column label="用户编号" align="center" key="id" prop="id" />
+      <el-table-column label="手机号码" align="center" prop="mobile" width="120" />
-          <el-table-column
-            label="用户名称"
-            align="center"
-            prop="realName"
-            :show-overflow-tooltip="true"
-          />
       <el-table-column
-            label="部门"
+        label="所属部门"
         align="center"
         key="deptName"
         prop="deptName"
         :show-overflow-tooltip="true"
       />
-          <el-table-column label="手机号码" align="center" prop="mobile" width="120" />
       <el-table-column label="状态" key="status" v-if="!isInset">
         <template #default="scope">
           <el-switch
@@ -214,9 +194,7 @@
     class="ml-auto"
   />
   </section>
-      </ContentWrap>
+</ContentWrap>
-    </el-col>
-  </el-row>
 
   <!-- 添加或修改用户对话框 -->
   <UserForm ref="formRef" @success="getList" />
@@ -226,7 +204,7 @@
   <UserAssignRoleForm ref="assignRoleFormRef" @success="getList" />
 </template>
 <script lang="ts" setup>
-import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
+import { DICT_TYPE, getIntDictOptions, getDictLabel } from '@/utils/dict'
 import { checkPermi } from '@/utils/permission'
 import { dateFormatter } from '@/utils/formatTime'
 import download from '@/utils/download'
@@ -235,7 +213,6 @@ import * as UserApi from '@/api/system/user'
 import UserForm from './UserForm.vue'
 import UserImportForm from './UserImportForm.vue'
 import UserAssignRoleForm from './UserAssignRoleForm.vue'
-import DeptTree from './DeptTree.vue'
 
 defineOptions({ name: 'SystemUser' })
 

src/views/task/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <ContentWrap style="padding: 10px">
+  <ContentWrap>
     <section class="flex flex-col gap-20px">
       <el-form :model="queryParams" ref="queryFormRef" inline>
         <el-form-item label="" prop="title">
@@ -66,7 +66,7 @@
             <Icon icon="ep:circle-plus" class="mr-5px" /> 新增
           </el-button>
           <el-button
-          plain
+          
           @click="handleExport"
           :loading="exportLoading"
           v-hasPermi="['system:task-info:export']"