Browse Source

页面优化

master
DX 3 months ago
parent
commit
22ace4f0b5
  1. 36
      src/views/airqualitycollection/index.vue
  2. 2
      src/views/enterpriseinspections/index.vue
  3. 37
      src/views/system/user/index.vue
  4. 4
      src/views/task/index.vue

36
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'

2
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">

37
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="realName"
:show-overflow-tooltip="true"
/>
<el-table-column label="手机号码" align="center" prop="mobile" width="120" />
<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
@ -215,8 +195,6 @@
/>
</section>
</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' })

4
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']"

Loading…
Cancel
Save