diff --git a/public/static/videos/login.webm b/public/static/videos/login.webm
index 4ac1bdd2..43e188f6 100644
Binary files a/public/static/videos/login.webm and b/public/static/videos/login.webm differ
diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index 3180e79f..707d79e4 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -6,6 +6,7 @@
 @import './btn.scss';
 
 body {
+	// min-height: 1024px;
 	height: 100%;
 	-moz-osx-font-smoothing: grayscale;
 	-webkit-font-smoothing: antialiased;
diff --git a/src/assets/styles/login.scss b/src/assets/styles/login.scss
index db9f3a47..55889fcb 100644
--- a/src/assets/styles/login.scss
+++ b/src/assets/styles/login.scss
@@ -114,40 +114,61 @@ $buttonHeight: $buttonH * 1px;
 			}
 		}
 		.field {
-			// background: #ccc3;
 			position: relative;
-			padding-top: 196px;
+			margin-top: 8%;
 			flex: 1;
 			display: flex;
 			flex-direction: column;
-			// justify-content: center;
 			align-items: center;
+
 			.pc-title {
 				width: 100%;
 				text-align: center;
 				clear: both;
 				position: relative;
 				top: -36px;
+				height: 128px;
 
-				// h3.title {
-				// 	position: relative;
-
-				// 	&::before {
-				// 		content: '';
-				// 		background: url($cnbmLogo) 100% / 100% no-repeat;
-				// 		height: 48px;
-				// 		width: 48px;
-				// 		position: absolute;
-				// 		left: 0px;
-				// 		top: 4px;
-				// 		display: inline-block;
-				// 	}
-				// }
+				.title {
+					margin: 0;
+					margin-left: 32px;
+					font-weight: 400;
+					user-select: none;
+					color: #000;
+					font-size: 36px;
+					line-height: 54px;
+					letter-spacing: 2px;
+				}
 			}
+
 			.mobile-title,
 			.mobile-switch {
 				display: none;
 			}
+
+			.form-cont {
+				// height: 560px;
+				flex: 1;
+				overflow: hidden;
+			}
+
+			.footer {
+				user-select: none;
+				// 元素
+				margin: 12px 0;
+				height: 16px;
+				line-height: 16px;
+				font-size: 12px;
+				color: #8c8c8c;
+
+				a,
+				a:hover,
+				a:active {
+					color: inherit;
+					text-decoration: none;
+				}
+			}
+
 			.form {
 				margin-top: 32px;
 				box-sizing: border-box;
@@ -283,24 +304,6 @@ $buttonHeight: $buttonH * 1px;
 			line-height: 14px;
 		}
 	}
-
-	.footer {
-		user-select: none;
-		// 元素
-		height: 16px;
-		line-height: 16px;
-		font-size: 12px;
-		color: #8c8c8c;
-		// 定位
-		position: absolute;
-		bottom: 30px;
-		a,
-		a:hover,
-		a:active {
-			color: inherit;
-			text-decoration: none;
-		}
-	}
 }
 
 // - - - - - PC 最小尺寸设置
diff --git a/src/views/login.vue b/src/views/login.vue
index ae2ff139..2bc0c033 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -44,7 +44,7 @@
 								border-radius: 100%;
 								background: #26b9de;
 							"></span>
-						产线生产监控系统
+						MES
 					</p>
 				</div>
 				<video
@@ -67,18 +67,7 @@
 					<h3 class="title">中建材智能自动化研究院有限公司</h3>
 				</h2>
 				<h2 class="pc-title" style="">
-					<h3
-						class="title"
-						style="
-							margin: 0;
-							margin-left: 32px;
-							font-weight: 400;
-							user-select: none;
-							color: #000;
-							font-size: 36px;
-							line-height: 54px;
-							letter-spacing: 2px;
-						">
+					<h3 class="title" style="">
 						<img
 							src="../assets/logo/cnbm.png"
 							alt="cnbm_logo"
@@ -103,7 +92,7 @@
 							line-height: 54px;
 							letter-spacing: 2px;
 						">
-						产线生产监控系统
+						MES
 					</h3>
 				</h2>
 
@@ -219,12 +208,14 @@
 							</div>
 
 							<!-- 下方的登录按钮 -->
-							<el-form-item id="button-form-item" style="width: 100%; margin-top: 32px">
+							<el-form-item
+								id="button-form-item"
+								style="width: 100%; margin-top: 32px">
 								<el-button
 									:loading="loading"
 									size="medium"
 									type="primary"
-									style="width: 100%; height: 66px; font-size: 18px;"
+									style="width: 100%; height: 66px; font-size: 18px"
 									@click.native.prevent="getCode">
 									<span v-if="!loading">登 录</span>
 									<span v-else>登 录 中...</span>
@@ -358,6 +349,7 @@ export default {
 		};
 	},
 	created() {
+		document.body.style['min-height'] = '1024px';
 		// 租户开关
 		this.tenantEnable = getTenantEnable();
 		if (this.tenantEnable) {
@@ -377,6 +369,9 @@ export default {
 			: undefined;
 		this.getCookie();
 	},
+	destroyed() {
+		document.body.style['min-height'] = 'unset';
+	},
 	methods: {
 		getCode() {
 			// 情况一，未开启：则直接登录
diff --git a/src/views/system/area/index.vue b/src/views/system/area/index.vue
index 7890d1a8..cfd96799 100644
--- a/src/views/system/area/index.vue
+++ b/src/views/system/area/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    <doc-alert title="地区 & IP" url="https://doc.iocoder.cn/area-and-ip/" />
+    <!-- <doc-alert title="地区 & IP" url="https://doc.iocoder.cn/area-and-ip/" /> -->
     <!-- 操作工具栏 -->
     <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
diff --git a/src/views/system/errorCode/index.vue b/src/views/system/errorCode/index.vue
index 8d6858dd..8f441486 100644
--- a/src/views/system/errorCode/index.vue
+++ b/src/views/system/errorCode/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    <doc-alert title="异常处理（错误码）" url="https://doc.iocoder.cn/exception/" />
+    <!-- <doc-alert title="异常处理（错误码）" url="https://doc.iocoder.cn/exception/" /> -->
     <!-- 搜索工作栏 -->
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
       <el-form-item label="错误码类型" prop="type">
diff --git a/src/views/system/loginlog/index.vue b/src/views/system/loginlog/index.vue
index 53b7d712..5df529ce 100644
--- a/src/views/system/loginlog/index.vue
+++ b/src/views/system/loginlog/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    <doc-alert title="系统日志" url="https://doc.iocoder.cn/system-log/" />
+    <!-- <doc-alert title="系统日志" url="https://doc.iocoder.cn/system-log/" /> -->
     <!-- 搜索工作栏 -->
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
       <el-form-item label="登录地址" prop="userIp">
diff --git a/src/views/system/mail/account/index.vue b/src/views/system/mail/account/index.vue
index c5ade917..b6d69d0b 100644
--- a/src/views/system/mail/account/index.vue
+++ b/src/views/system/mail/account/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    <doc-alert title="邮件配置" url="https://doc.iocoder.cn/mail" />
+    <!-- <doc-alert title="邮件配置" url="https://doc.iocoder.cn/mail" /> -->
 
     <!-- 搜索工作栏 -->
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
diff --git a/src/views/system/mail/log/index.vue b/src/views/system/mail/log/index.vue
index e1ef53c8..dffcce9d 100644
--- a/src/views/system/mail/log/index.vue
+++ b/src/views/system/mail/log/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    <doc-alert title="邮件配置" url="https://doc.iocoder.cn/mail" />
+    <!-- <doc-alert title="邮件配置" url="https://doc.iocoder.cn/mail" /> -->
 
     <!-- 搜索工作栏 -->
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
diff --git a/src/views/system/mail/template/index.vue b/src/views/system/mail/template/index.vue
index e90d4076..6a125390 100644
--- a/src/views/system/mail/template/index.vue
+++ b/src/views/system/mail/template/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    <doc-alert title="邮件配置" url="https://doc.iocoder.cn/mail" />
+    <!-- <doc-alert title="邮件配置" url="https://doc.iocoder.cn/mail" /> -->
 
     <!-- 搜索工作栏 -->
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
diff --git a/src/views/system/menu/index.vue b/src/views/system/menu/index.vue
index 81ca0e82..efb4df49 100644
--- a/src/views/system/menu/index.vue
+++ b/src/views/system/menu/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
-    <doc-alert title="功能权限" url="https://doc.iocoder.cn/resource-permission" />
-    <doc-alert title="菜单路由" url="https://doc.iocoder.cn/vue2/route/" />
+    <!-- <doc-alert title="功能权限" url="https://doc.iocoder.cn/resource-permission" />
+    <doc-alert title="菜单路由" url="https://doc.iocoder.cn/vue2/route/" /> -->
     <!-- 搜索工作栏 -->
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
       <el-form-item label="菜单名称" prop="name">
diff --git a/src/views/system/notify/message/index.vue b/src/views/system/notify/message/index.vue
index dedc5509..b628cd54 100644
--- a/src/views/system/notify/message/index.vue
+++ b/src/views/system/notify/message/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    <doc-alert title="站内信配置" url="https://doc.iocoder.cn/notify/" />
+    <!-- <doc-alert title="站内信配置" url="https://doc.iocoder.cn/notify/" /> -->
     <!-- 搜索工作栏 -->
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
       <el-form-item label="用户编号" prop="userId">
diff --git a/src/views/system/notify/my/index.vue b/src/views/system/notify/my/index.vue
index 9c13e699..084d3a2c 100644
--- a/src/views/system/notify/my/index.vue
+++ b/src/views/system/notify/my/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    <doc-alert title="站内信配置" url="https://doc.iocoder.cn/notify/" />
+    <!-- <doc-alert title="站内信配置" url="https://doc.iocoder.cn/notify/" /> -->
 
     <!-- 搜索工作栏 -->
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
diff --git a/src/views/system/notify/template/index.vue b/src/views/system/notify/template/index.vue
index f6973a15..22b9a54d 100644
--- a/src/views/system/notify/template/index.vue
+++ b/src/views/system/notify/template/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    <doc-alert title="站内信配置" url="https://doc.iocoder.cn/notify/" />
+    <!-- <doc-alert title="站内信配置" url="https://doc.iocoder.cn/notify/" /> -->
 
     <!-- 搜索工作栏 -->
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
diff --git a/src/views/system/oauth2/client/index.vue b/src/views/system/oauth2/client/index.vue
index 39b6297f..4f99de5d 100644
--- a/src/views/system/oauth2/client/index.vue
+++ b/src/views/system/oauth2/client/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    <doc-alert title="OAuth 2.0（SSO 单点登录)" url="https://doc.iocoder.cn/oauth2/" />
+    <!-- <doc-alert title="OAuth 2.0（SSO 单点登录)" url="https://doc.iocoder.cn/oauth2/" /> -->
 
     <!-- 搜索工作栏 -->
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
diff --git a/src/views/system/oauth2/token/index.vue b/src/views/system/oauth2/token/index.vue
index 7c2f64e4..f3f68745 100644
--- a/src/views/system/oauth2/token/index.vue
+++ b/src/views/system/oauth2/token/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
-    <doc-alert title="OAuth 2.0（SSO 单点登录)" url="https://doc.iocoder.cn/oauth2/" />
-    <doc-alert title="用户体系" url="https://doc.iocoder.cn/user-center/" />
+    <!-- <doc-alert title="OAuth 2.0（SSO 单点登录)" url="https://doc.iocoder.cn/oauth2/" />
+    <doc-alert title="用户体系" url="https://doc.iocoder.cn/user-center/" /> -->
 
     <!-- 搜索工作栏 -->
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
diff --git a/src/views/system/operatelog/index.vue b/src/views/system/operatelog/index.vue
index 3869343c..f5fdbc41 100644
--- a/src/views/system/operatelog/index.vue
+++ b/src/views/system/operatelog/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    <doc-alert title="系统日志" url="https://doc.iocoder.cn/system-log/" />
+    <!-- <doc-alert title="系统日志" url="https://doc.iocoder.cn/system-log/" /> -->
     <!-- 搜索工作栏 -->
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
       <el-form-item label="系统模块" prop="title">
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index 0cc9fb5b..ed6cb080 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="app-container">
-    <doc-alert title="功能权限" url="https://doc.iocoder.cn/resource-permission" />
-    <doc-alert title="数据权限" url="https://doc.iocoder.cn/data-permission" />
+    <!-- <doc-alert title="功能权限" url="https://doc.iocoder.cn/resource-permission" />
+    <doc-alert title="数据权限" url="https://doc.iocoder.cn/data-permission" /> -->
     <el-form :model="queryParams" ref="queryForm" v-show="showSearch" :inline="true">
       <el-form-item label="角色名称" prop="name">
         <el-input v-model="queryParams.name" placeholder="请输入角色名称" clearable size="small" style="width: 240px"
diff --git a/src/views/system/sensitiveWord/index.vue b/src/views/system/sensitiveWord/index.vue
index acc681c6..d69167cf 100644
--- a/src/views/system/sensitiveWord/index.vue
+++ b/src/views/system/sensitiveWord/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    <doc-alert title="敏感词" url="https://doc.iocoder.cn/sensitive-word" />
+    <!-- <doc-alert title="敏感词" url="https://doc.iocoder.cn/sensitive-word" /> -->
     <!-- 搜索工作栏 -->
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
       <el-form-item label="敏感词" prop="name">
diff --git a/src/views/system/sms/channel/index.vue b/src/views/system/sms/channel/index.vue
index 8687666a..f50bb28a 100644
--- a/src/views/system/sms/channel/index.vue
+++ b/src/views/system/sms/channel/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    <doc-alert title="短信配置" url="https://doc.iocoder.cn/sms/" />
+    <!-- <doc-alert title="短信配置" url="https://doc.iocoder.cn/sms/" /> -->
     <!-- 搜索工作栏 -->
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
       <el-form-item label="短信签名" prop="signature">
diff --git a/src/views/system/sms/log/index.vue b/src/views/system/sms/log/index.vue
index 07ac763c..8a1ce8da 100644
--- a/src/views/system/sms/log/index.vue
+++ b/src/views/system/sms/log/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    <doc-alert title="短信配置" url="https://doc.iocoder.cn/sms/" />
+    <!-- <doc-alert title="短信配置" url="https://doc.iocoder.cn/sms/" /> -->
     <!-- 搜索工作栏 -->
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
       <el-form-item label="手机号" prop="mobile">
diff --git a/src/views/system/sms/template/index.vue b/src/views/system/sms/template/index.vue
index 1f8747a4..e783c477 100644
--- a/src/views/system/sms/template/index.vue
+++ b/src/views/system/sms/template/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    <doc-alert title="短信配置" url="https://doc.iocoder.cn/sms/" />
+    <!-- <doc-alert title="短信配置" url="https://doc.iocoder.cn/sms/" /> -->
     <!-- 搜索工作栏 -->
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="150px">
       <el-form-item label="短信类型" prop="type">
diff --git a/src/views/system/tenant/index.vue b/src/views/system/tenant/index.vue
index 99c5f211..b84b0df9 100644
--- a/src/views/system/tenant/index.vue
+++ b/src/views/system/tenant/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    <doc-alert title="SaaS 多租户" url="https://doc.iocoder.cn/saas-tenant/" />
+    <!-- <doc-alert title="SaaS 多租户" url="https://doc.iocoder.cn/saas-tenant/" /> -->
     <!-- 搜索工作栏 -->
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
       <el-form-item label="租户名" prop="name">
diff --git a/src/views/system/tenantPackage/index.vue b/src/views/system/tenantPackage/index.vue
index 0f8c17c0..05ab08c9 100644
--- a/src/views/system/tenantPackage/index.vue
+++ b/src/views/system/tenantPackage/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    <doc-alert title="SaaS 多租户" url="https://doc.iocoder.cn/saas-tenant/" />
+    <!-- <doc-alert title="SaaS 多租户" url="https://doc.iocoder.cn/saas-tenant/" /> -->
     <!-- 搜索工作栏 -->
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
       <el-form-item label="套餐名" prop="name">
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index 1ad89961..d18f3da6 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -1,641 +1,869 @@
 <template>
-  <div class="app-container">
-    <doc-alert title="用户体系" url="https://doc.iocoder.cn/user-center/" />
-    <doc-alert title="三方登陆" url="https://doc.iocoder.cn/social-user/" />
-    <doc-alert title="Excel 导入导出" url="https://doc.iocoder.cn/excel-import-and-export/" />
-    <!-- 搜索工作栏 -->
-    <el-row :gutter="20">
-      <!--部门数据-->
-      <el-col :span="4" :xs="24">
-        <div class="head-container">
-          <el-input v-model="deptName" placeholder="请输入部门名称" clearable size="small" prefix-icon="el-icon-search" style="margin-bottom: 20px"/>
-        </div>
-        <div class="head-container">
-          <el-tree :data="deptOptions" :props="defaultProps" :expand-on-click-node="false" :filter-node-method="filterNode"
-                   ref="tree" default-expand-all highlight-current @node-click="handleNodeClick"/>
-        </div>
-      </el-col>
-      <!--用户数据-->
-      <el-col :span="20" :xs="24">
-        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
-          <el-form-item label="用户名称" prop="username">
-            <el-input v-model="queryParams.username" placeholder="请输入用户名称" clearable style="width: 240px"
-                      @keyup.enter.native="handleQuery"/>
-          </el-form-item>
-          <el-form-item label="手机号码" prop="mobile">
-            <el-input v-model="queryParams.mobile" placeholder="请输入手机号码" clearable style="width: 240px"
-                      @keyup.enter.native="handleQuery"/>
-          </el-form-item>
-          <el-form-item label="状态" prop="status">
-            <el-select v-model="queryParams.status" placeholder="用户状态" clearable style="width: 240px">
-              <el-option v-for="dict in statusDictDatas" :key="parseInt(dict.value)" :label="dict.label" :value="parseInt(dict.value)"/>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="创建时间" prop="createTime">
-            <el-date-picker v-model="queryParams.createTime" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss" type="daterange"
-              range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']" />
-          </el-form-item>
-          <el-form-item>
-            <el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
-            <el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
-          </el-form-item>
-        </el-form>
+	<div style="display: flex; gap: 16px; flex: 1; background: #eff1f6">
+		<div
+			class="app-container"
+			style="background: white; width: 280px; border-radius: 8px">
+			<div class="head-container">
+				<el-input
+					v-model="deptName"
+					placeholder="请输入部门名称"
+					clearable
+					size="small"
+					prefix-icon="el-icon-search"
+					style="margin-bottom: 20px" />
+			</div>
+			<div class="head-container">
+				<el-tree
+					:data="deptOptions"
+					:props="defaultProps"
+					:expand-on-click-node="false"
+					:filter-node-method="filterNode"
+					ref="tree"
+					default-expand-all
+					highlight-current
+					@node-click="handleNodeClick" />
+			</div>
+		</div>
 
-        <el-row :gutter="10" class="mb8">
-          <el-col :span="1.5">
-            <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
-                       v-hasPermi="['system:user:create']">新增</el-button>
-          </el-col>
-          <el-col :span="1.5">
-            <el-button type="info" icon="el-icon-upload2" size="mini" @click="handleImport"
-                       v-hasPermi="['system:user:import']">导入</el-button>
-          </el-col>
-          <el-col :span="1.5">
-            <el-button type="warning" icon="el-icon-download" size="mini" @click="handleExport" :loading="exportLoading"
-                       v-hasPermi="['system:user:export']">导出</el-button>
-          </el-col>
-          <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
-        </el-row>
+		<div
+			class="app-container"
+			style="background: #fff; border-radius: 8px; width: 1px; flex: 1">
+			<el-form
+				:model="queryParams"
+				ref="queryForm"
+				size="small"
+				:inline="true"
+				v-show="showSearch"
+				label-width="68px">
+				<el-form-item label="用户名称" prop="username">
+					<el-input
+						v-model="queryParams.username"
+						placeholder="请输入用户名称"
+						clearable
+						style="width: 240px"
+						@keyup.enter.native="handleQuery" />
+				</el-form-item>
+				<el-form-item label="手机号码" prop="mobile">
+					<el-input
+						v-model="queryParams.mobile"
+						placeholder="请输入手机号码"
+						clearable
+						style="width: 240px"
+						@keyup.enter.native="handleQuery" />
+				</el-form-item>
+				<el-form-item label="状态" prop="status">
+					<el-select
+						v-model="queryParams.status"
+						placeholder="用户状态"
+						clearable
+						style="width: 240px">
+						<el-option
+							v-for="dict in statusDictDatas"
+							:key="parseInt(dict.value)"
+							:label="dict.label"
+							:value="parseInt(dict.value)" />
+					</el-select>
+				</el-form-item>
+				<el-form-item label="创建时间" prop="createTime">
+					<el-date-picker
+						v-model="queryParams.createTime"
+						style="width: 240px"
+						value-format="yyyy-MM-dd HH:mm:ss"
+						type="daterange"
+						range-separator="-"
+						start-placeholder="开始日期"
+						end-placeholder="结束日期"
+						:default-time="['00:00:00', '23:59:59']" />
+				</el-form-item>
+				<el-form-item>
+					<el-button type="primary" icon="el-icon-search" @click="handleQuery">
+						搜索
+					</el-button>
+					<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+				</el-form-item>
+			</el-form>
 
-        <el-table v-loading="loading" :data="userList">
-          <el-table-column label="用户编号" align="center" key="id" prop="id" v-if="columns[0].visible" />
-          <el-table-column label="用户名称" align="center" key="username" prop="username" v-if="columns[1].visible" :show-overflow-tooltip="true" />
-          <el-table-column label="用户昵称" align="center" key="nickname" prop="nickname" v-if="columns[2].visible" :show-overflow-tooltip="true" />
-          <el-table-column label="部门" align="center" key="deptName" prop="dept.name" v-if="columns[3].visible" :show-overflow-tooltip="true" />
-          <el-table-column label="手机号码" align="center" key="mobile" prop="mobile" v-if="columns[4].visible" width="120" />
-          <el-table-column label="状态" key="status" v-if="columns[5].visible" align="center">
-            <template v-slot="scope">
-              <el-switch v-model="scope.row.status" :active-value="0" :inactive-value="1" @change="handleStatusChange(scope.row)" />
-            </template>
-          </el-table-column>
-          <el-table-column label="创建时间" align="center" prop="createTime" v-if="columns[6].visible" width="160">
-            <template v-slot="scope">
-              <span>{{ parseTime(scope.row.createTime) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="操作" align="center" width="160" class-name="small-padding fixed-width">
-            <template v-slot="scope">
-              <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
-                         v-hasPermi="['system:user:update']">修改</el-button>
-              <el-dropdown  @command="(command) => handleCommand(command, scope.$index, scope.row)"
-                            v-hasPermi="['system:user:delete', 'system:user:update-password', 'system:permission:assign-user-role']">
-                <el-button size="mini" type="text" icon="el-icon-d-arrow-right">更多</el-button>
-                <el-dropdown-menu slot="dropdown">
-                  <el-dropdown-item command="handleDelete" v-if="scope.row.id !== 1" size="mini" type="text" icon="el-icon-delete"
-                                    v-hasPermi="['system:user:delete']">删除</el-dropdown-item>
-                  <el-dropdown-item command="handleResetPwd" size="mini" type="text" icon="el-icon-key"
-                                    v-hasPermi="['system:user:update-password']">重置密码</el-dropdown-item>
-                  <el-dropdown-item command="handleRole" size="mini" type="text" icon="el-icon-circle-check"
-                                    v-hasPermi="['system:permission:assign-user-role']">分配角色</el-dropdown-item>
-                </el-dropdown-menu>
-              </el-dropdown>
-            </template>
-          </el-table-column>
-        </el-table>
+			<el-row :gutter="10" class="mb8">
+				<el-col :span="1.5">
+					<el-button
+						type="primary"
+						plain
+						icon="el-icon-plus"
+						size="mini"
+						@click="handleAdd"
+						v-hasPermi="['system:user:create']">
+						新增
+					</el-button>
+				</el-col>
+				<el-col :span="1.5">
+					<el-button
+						type="info"
+						icon="el-icon-upload2"
+						size="mini"
+						@click="handleImport"
+						v-hasPermi="['system:user:import']">
+						导入
+					</el-button>
+				</el-col>
+				<el-col :span="1.5">
+					<el-button
+						type="warning"
+						icon="el-icon-download"
+						size="mini"
+						@click="handleExport"
+						:loading="exportLoading"
+						v-hasPermi="['system:user:export']">
+						导出
+					</el-button>
+				</el-col>
+				<right-toolbar
+					:showSearch.sync="showSearch"
+					@queryTable="getList"
+					:columns="columns"></right-toolbar>
+			</el-row>
 
-        <pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize"
-                    @pagination="getList"/>
-      </el-col>
-    </el-row>
+			<el-table v-loading="loading" :data="userList">
+				<el-table-column
+					label="用户编号"
+					align="center"
+					key="id"
+					prop="id"
+					v-if="columns[0].visible" />
+				<el-table-column
+					label="用户名称"
+					align="center"
+					key="username"
+					prop="username"
+					v-if="columns[1].visible"
+					:show-overflow-tooltip="true" />
+				<el-table-column
+					label="用户昵称"
+					align="center"
+					key="nickname"
+					prop="nickname"
+					v-if="columns[2].visible"
+					:show-overflow-tooltip="true" />
+				<el-table-column
+					label="部门"
+					align="center"
+					key="deptName"
+					prop="dept.name"
+					v-if="columns[3].visible"
+					:show-overflow-tooltip="true" />
+				<el-table-column
+					label="手机号码"
+					align="center"
+					key="mobile"
+					prop="mobile"
+					v-if="columns[4].visible"
+					width="120" />
+				<el-table-column
+					label="状态"
+					key="status"
+					v-if="columns[5].visible"
+					align="center">
+					<template v-slot="scope">
+						<el-switch
+							v-model="scope.row.status"
+							:active-value="0"
+							:inactive-value="1"
+							@change="handleStatusChange(scope.row)" />
+					</template>
+				</el-table-column>
+				<el-table-column
+					label="创建时间"
+					align="center"
+					prop="createTime"
+					v-if="columns[6].visible"
+					width="160">
+					<template v-slot="scope">
+						<span>{{ parseTime(scope.row.createTime) }}</span>
+					</template>
+				</el-table-column>
+				<el-table-column
+					label="操作"
+					align="center"
+					width="160"
+					class-name="small-padding fixed-width">
+					<template v-slot="scope">
+						<el-button
+							size="mini"
+							type="text"
+							icon="el-icon-edit"
+							@click="handleUpdate(scope.row)"
+							v-hasPermi="['system:user:update']">
+							修改
+						</el-button>
+						<el-dropdown
+							@command="
+								(command) => handleCommand(command, scope.$index, scope.row)
+							"
+							v-hasPermi="[
+								'system:user:delete',
+								'system:user:update-password',
+								'system:permission:assign-user-role',
+							]">
+							<el-button size="mini" type="text" icon="el-icon-d-arrow-right">
+								更多
+							</el-button>
+							<el-dropdown-menu slot="dropdown">
+								<el-dropdown-item
+									command="handleDelete"
+									v-if="scope.row.id !== 1"
+									size="mini"
+									type="text"
+									icon="el-icon-delete"
+									v-hasPermi="['system:user:delete']">
+									删除
+								</el-dropdown-item>
+								<el-dropdown-item
+									command="handleResetPwd"
+									size="mini"
+									type="text"
+									icon="el-icon-key"
+									v-hasPermi="['system:user:update-password']">
+									重置密码
+								</el-dropdown-item>
+								<el-dropdown-item
+									command="handleRole"
+									size="mini"
+									type="text"
+									icon="el-icon-circle-check"
+									v-hasPermi="['system:permission:assign-user-role']">
+									分配角色
+								</el-dropdown-item>
+							</el-dropdown-menu>
+						</el-dropdown>
+					</template>
+				</el-table-column>
+			</el-table>
 
-    <!-- 添加或修改参数配置对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-        <el-row>
-          <el-col :span="12">
-            <el-form-item label="用户昵称" prop="nickname">
-              <el-input v-model="form.nickname" placeholder="请输入用户昵称" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="归属部门" prop="deptId">
-              <treeselect v-model="form.deptId" :options="deptOptions" :show-count="true" :clearable="false"
-                          placeholder="请选择归属部门" :normalizer="normalizer"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="12">
-            <el-form-item label="手机号码" prop="mobile">
-              <el-input v-model="form.mobile" placeholder="请输入手机号码" maxlength="11" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="邮箱" prop="email">
-              <el-input v-model="form.email" placeholder="请输入邮箱" maxlength="50" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="12">
-            <el-form-item v-if="form.id === undefined" label="用户名称" prop="username">
-              <el-input v-model="form.username" placeholder="请输入用户名称" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item v-if="form.id === undefined" label="用户密码" prop="password">
-              <el-input v-model="form.password" placeholder="请输入用户密码" type="password" show-password />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="12">
-            <el-form-item label="用户性别">
-              <el-select v-model="form.sex" placeholder="请选择">
-                <el-option v-for="dict in sexDictDatas" :key="parseInt(dict.value)" :label="dict.label" :value="parseInt(dict.value)"/>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="岗位">
-              <el-select v-model="form.postIds" multiple placeholder="请选择">
-                <el-option
-                    v-for="item in postOptions"
-                    :key="item.id"
-                    :label="item.name"
-                    :value="item.id"
-                ></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="24">
-            <el-form-item label="备注">
-              <el-input v-model="form.remark" type="textarea" placeholder="请输入内容"></el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm">确 定</el-button>
-        <el-button @click="cancel">取 消</el-button>
-      </div>
-    </el-dialog>
+			<pagination
+				v-show="total > 0"
+				:total="total"
+				:page.sync="queryParams.pageNo"
+				:limit.sync="queryParams.pageSize"
+				@pagination="getList" />
 
-    <!-- 用户导入对话框 -->
-    <el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>
-      <el-upload ref="upload" :limit="1" accept=".xlsx, .xls" :headers="upload.headers"
-        :action="upload.url + '?updateSupport=' + upload.updateSupport" :disabled="upload.isUploading"
-        :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess" :auto-upload="false" drag>
-        <i class="el-icon-upload"></i>
-        <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
-        <div class="el-upload__tip text-center" slot="tip">
-          <div class="el-upload__tip" slot="tip">
-            <el-checkbox v-model="upload.updateSupport" /> 是否更新已经存在的用户数据
-          </div>
-          <span>仅允许导入xls、xlsx格式文件。</span>
-          <el-link type="primary" :underline="false" style="font-size:12px;vertical-align: baseline;" @click="importTemplate">下载模板</el-link>
-        </div>
-      </el-upload>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitFileForm">确 定</el-button>
-        <el-button @click="upload.open = false">取 消</el-button>
-      </div>
-    </el-dialog>
+			<!-- 添加或修改参数配置对话框 -->
+			<el-dialog
+				:title="title"
+				:visible.sync="open"
+				width="600px"
+				append-to-body>
+				<el-form ref="form" :model="form" :rules="rules" label-width="80px">
+					<el-row>
+						<el-col :span="12">
+							<el-form-item label="用户昵称" prop="nickname">
+								<el-input
+									v-model="form.nickname"
+									placeholder="请输入用户昵称" />
+							</el-form-item>
+						</el-col>
+						<el-col :span="12">
+							<el-form-item label="归属部门" prop="deptId">
+								<treeselect
+									v-model="form.deptId"
+									:options="deptOptions"
+									:show-count="true"
+									:clearable="false"
+									placeholder="请选择归属部门"
+									:normalizer="normalizer" />
+							</el-form-item>
+						</el-col>
+					</el-row>
+					<el-row>
+						<el-col :span="12">
+							<el-form-item label="手机号码" prop="mobile">
+								<el-input
+									v-model="form.mobile"
+									placeholder="请输入手机号码"
+									maxlength="11" />
+							</el-form-item>
+						</el-col>
+						<el-col :span="12">
+							<el-form-item label="邮箱" prop="email">
+								<el-input
+									v-model="form.email"
+									placeholder="请输入邮箱"
+									maxlength="50" />
+							</el-form-item>
+						</el-col>
+					</el-row>
+					<el-row>
+						<el-col :span="12">
+							<el-form-item
+								v-if="form.id === undefined"
+								label="用户名称"
+								prop="username">
+								<el-input
+									v-model="form.username"
+									placeholder="请输入用户名称" />
+							</el-form-item>
+						</el-col>
+						<el-col :span="12">
+							<el-form-item
+								v-if="form.id === undefined"
+								label="用户密码"
+								prop="password">
+								<el-input
+									v-model="form.password"
+									placeholder="请输入用户密码"
+									type="password"
+									show-password />
+							</el-form-item>
+						</el-col>
+					</el-row>
+					<el-row>
+						<el-col :span="12">
+							<el-form-item label="用户性别">
+								<el-select v-model="form.sex" placeholder="请选择">
+									<el-option
+										v-for="dict in sexDictDatas"
+										:key="parseInt(dict.value)"
+										:label="dict.label"
+										:value="parseInt(dict.value)" />
+								</el-select>
+							</el-form-item>
+						</el-col>
+						<el-col :span="12">
+							<el-form-item label="岗位">
+								<el-select v-model="form.postIds" multiple placeholder="请选择">
+									<el-option
+										v-for="item in postOptions"
+										:key="item.id"
+										:label="item.name"
+										:value="item.id"></el-option>
+								</el-select>
+							</el-form-item>
+						</el-col>
+					</el-row>
+					<el-row>
+						<el-col :span="24">
+							<el-form-item label="备注">
+								<el-input
+									v-model="form.remark"
+									type="textarea"
+									placeholder="请输入内容"></el-input>
+							</el-form-item>
+						</el-col>
+					</el-row>
+				</el-form>
+				<div slot="footer" class="dialog-footer">
+					<el-button type="primary" @click="submitForm">确 定</el-button>
+					<el-button @click="cancel">取 消</el-button>
+				</div>
+			</el-dialog>
 
-    <!-- 分配角色 -->
-    <el-dialog title="分配角色" :visible.sync="openRole" width="500px" append-to-body>
-      <el-form :model="form" label-width="80px">
-        <el-form-item label="用户名称">
-          <el-input v-model="form.username" :disabled="true" />
-        </el-form-item>
-        <el-form-item label="用户昵称">
-          <el-input v-model="form.nickname" :disabled="true" />
-        </el-form-item>
-        <el-form-item label="角色">
-          <el-select v-model="form.roleIds" multiple placeholder="请选择">
-            <el-option
-                v-for="item in roleOptions"
-                :key="parseInt(item.id)"
-                :label="item.name"
-                :value="parseInt(item.id)"
-            ></el-option>
-          </el-select>
-        </el-form-item>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitRole">确 定</el-button>
-        <el-button @click="cancelRole">取 消</el-button>
-      </div>
-    </el-dialog>
+			<!-- 用户导入对话框 -->
+			<el-dialog
+				:title="upload.title"
+				:visible.sync="upload.open"
+				width="400px"
+				append-to-body>
+				<el-upload
+					ref="upload"
+					:limit="1"
+					accept=".xlsx, .xls"
+					:headers="upload.headers"
+					:action="upload.url + '?updateSupport=' + upload.updateSupport"
+					:disabled="upload.isUploading"
+					:on-progress="handleFileUploadProgress"
+					:on-success="handleFileSuccess"
+					:auto-upload="false"
+					drag>
+					<i class="el-icon-upload"></i>
+					<div class="el-upload__text">
+						将文件拖到此处，或
+						<em>点击上传</em>
+					</div>
+					<div class="el-upload__tip text-center" slot="tip">
+						<div class="el-upload__tip" slot="tip">
+							<el-checkbox v-model="upload.updateSupport" />
+							是否更新已经存在的用户数据
+						</div>
+						<span>仅允许导入xls、xlsx格式文件。</span>
+						<el-link
+							type="primary"
+							:underline="false"
+							style="font-size: 12px; vertical-align: baseline"
+							@click="importTemplate">
+							下载模板
+						</el-link>
+					</div>
+				</el-upload>
+				<div slot="footer" class="dialog-footer">
+					<el-button type="primary" @click="submitFileForm">确 定</el-button>
+					<el-button @click="upload.open = false">取 消</el-button>
+				</div>
+			</el-dialog>
 
-  </div>
+			<!-- 分配角色 -->
+			<el-dialog
+				title="分配角色"
+				:visible.sync="openRole"
+				width="500px"
+				append-to-body>
+				<el-form :model="form" label-width="80px">
+					<el-form-item label="用户名称">
+						<el-input v-model="form.username" :disabled="true" />
+					</el-form-item>
+					<el-form-item label="用户昵称">
+						<el-input v-model="form.nickname" :disabled="true" />
+					</el-form-item>
+					<el-form-item label="角色">
+						<el-select v-model="form.roleIds" multiple placeholder="请选择">
+							<el-option
+								v-for="item in roleOptions"
+								:key="parseInt(item.id)"
+								:label="item.name"
+								:value="parseInt(item.id)"></el-option>
+						</el-select>
+					</el-form-item>
+				</el-form>
+				<div slot="footer" class="dialog-footer">
+					<el-button type="primary" @click="submitRole">确 定</el-button>
+					<el-button @click="cancelRole">取 消</el-button>
+				</div>
+			</el-dialog>
+		</div>
+	</div>
 </template>
 
 <script>
 import {
-  addUser,
-  changeUserStatus,
-  delUser,
-  exportUser,
-  getUser,
-  importTemplate,
-  listUser,
-  resetUserPwd,
-  updateUser
-} from "@/api/system/user";
-import Treeselect from "@riophae/vue-treeselect";
-import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+	addUser,
+	changeUserStatus,
+	delUser,
+	exportUser,
+	getUser,
+	importTemplate,
+	listUser,
+	resetUserPwd,
+	updateUser,
+} from '@/api/system/user';
+import Treeselect from '@riophae/vue-treeselect';
+import '@riophae/vue-treeselect/dist/vue-treeselect.css';
 
-import {listSimpleDepts} from "@/api/system/dept";
-import {listSimplePosts} from "@/api/system/post";
+import { listSimpleDepts } from '@/api/system/dept';
+import { listSimplePosts } from '@/api/system/post';
 
-import {CommonStatusEnum} from "@/utils/constants";
-import {DICT_TYPE, getDictDatas} from "@/utils/dict";
-import {assignUserRole, listUserRoles} from "@/api/system/permission";
-import {listSimpleRoles} from "@/api/system/role";
-import {getBaseHeader} from "@/utils/request";
+import { CommonStatusEnum } from '@/utils/constants';
+import { DICT_TYPE, getDictDatas } from '@/utils/dict';
+import { assignUserRole, listUserRoles } from '@/api/system/permission';
+import { listSimpleRoles } from '@/api/system/role';
+import { getBaseHeader } from '@/utils/request';
 
 export default {
-  name: "SystemUser",
-  components: { Treeselect },
-  data() {
-    return {
-      // 遮罩层
-      loading: true,
-      // 导出遮罩层
-      exportLoading: false,
-      // 显示搜索条件
-      showSearch: true,
-      // 总条数
-      total: 0,
-      // 用户表格数据
-      userList: null,
-      // 弹出层标题
-      title: "",
-      // 部门树选项
-      deptOptions: undefined,
-      // 是否显示弹出层
-      open: false,
-      // 部门名称
-      deptName: undefined,
-      // 默认密码
-      initPassword: undefined,
-      // 性别状态字典
-      sexOptions: [],
-      // 岗位选项
-      postOptions: [],
-      // 角色选项
-      roleOptions: [],
-      // 表单参数
-      form: {},
-      defaultProps: {
-        children: "children",
-        label: "name"
-      },
-      // 用户导入参数
-      upload: {
-        // 是否显示弹出层（用户导入）
-        open: false,
-        // 弹出层标题（用户导入）
-        title: "",
-        // 是否禁用上传
-        isUploading: false,
-        // 是否更新已经存在的用户数据
-        updateSupport: 0,
-        // 设置上传的请求头部
-        headers: getBaseHeader(),
-        // 上传的地址
-        url: process.env.VUE_APP_BASE_API + '/admin-api/system/user/import'
-      },
-      // 查询参数
-      queryParams: {
-        pageNo: 1,
-        pageSize: 10,
-        username: undefined,
-        mobile: undefined,
-        status: undefined,
-        deptId: undefined,
-        createTime: []
-      },
-      // 列信息
-      columns: [
-        { key: 0, label: `用户编号`, visible: true },
-        { key: 1, label: `用户名称`, visible: true },
-        { key: 2, label: `用户昵称`, visible: true },
-        { key: 3, label: `部门`, visible: true },
-        { key: 4, label: `手机号码`, visible: true },
-        { key: 5, label: `状态`, visible: true },
-        { key: 6, label: `创建时间`, visible: true }
-      ],
-      // 表单校验
-      rules: {
-        username: [
-          { required: true, message: "用户名称不能为空", trigger: "blur" }
-        ],
-        nickname: [
-          { required: true, message: "用户昵称不能为空", trigger: "blur" }
-        ],
-        password: [
-          { required: true, message: "用户密码不能为空", trigger: "blur" }
-        ],
-        email: [
-          {
-            type: "email",
-            message: "'请输入正确的邮箱地址",
-            trigger: ["blur", "change"]
-          }
-        ],
-        mobile: [
-          {
-            pattern: /^(?:(?:\+|00)86)?1(?:3[\d]|4[5-79]|5[0-35-9]|6[5-7]|7[0-8]|8[\d]|9[189])\d{8}$/,
-            message: "请输入正确的手机号码",
-            trigger: "blur"
-          }
-        ]
-      },
-      // 是否显示弹出层（角色权限）
-      openRole: false,
+	name: 'SystemUser',
+	components: { Treeselect },
+	data() {
+		return {
+			// 遮罩层
+			loading: true,
+			// 导出遮罩层
+			exportLoading: false,
+			// 显示搜索条件
+			showSearch: true,
+			// 总条数
+			total: 0,
+			// 用户表格数据
+			userList: null,
+			// 弹出层标题
+			title: '',
+			// 部门树选项
+			deptOptions: undefined,
+			// 是否显示弹出层
+			open: false,
+			// 部门名称
+			deptName: undefined,
+			// 默认密码
+			initPassword: undefined,
+			// 性别状态字典
+			sexOptions: [],
+			// 岗位选项
+			postOptions: [],
+			// 角色选项
+			roleOptions: [],
+			// 表单参数
+			form: {},
+			defaultProps: {
+				children: 'children',
+				label: 'name',
+			},
+			// 用户导入参数
+			upload: {
+				// 是否显示弹出层（用户导入）
+				open: false,
+				// 弹出层标题（用户导入）
+				title: '',
+				// 是否禁用上传
+				isUploading: false,
+				// 是否更新已经存在的用户数据
+				updateSupport: 0,
+				// 设置上传的请求头部
+				headers: getBaseHeader(),
+				// 上传的地址
+				url: process.env.VUE_APP_BASE_API + '/admin-api/system/user/import',
+			},
+			// 查询参数
+			queryParams: {
+				pageNo: 1,
+				pageSize: 10,
+				username: undefined,
+				mobile: undefined,
+				status: undefined,
+				deptId: undefined,
+				createTime: [],
+			},
+			// 列信息
+			columns: [
+				{ key: 0, label: `用户编号`, visible: true },
+				{ key: 1, label: `用户名称`, visible: true },
+				{ key: 2, label: `用户昵称`, visible: true },
+				{ key: 3, label: `部门`, visible: true },
+				{ key: 4, label: `手机号码`, visible: true },
+				{ key: 5, label: `状态`, visible: true },
+				{ key: 6, label: `创建时间`, visible: true },
+			],
+			// 表单校验
+			rules: {
+				username: [
+					{ required: true, message: '用户名称不能为空', trigger: 'blur' },
+				],
+				nickname: [
+					{ required: true, message: '用户昵称不能为空', trigger: 'blur' },
+				],
+				password: [
+					{ required: true, message: '用户密码不能为空', trigger: 'blur' },
+				],
+				email: [
+					{
+						type: 'email',
+						message: "'请输入正确的邮箱地址",
+						trigger: ['blur', 'change'],
+					},
+				],
+				mobile: [
+					{
+						pattern:
+							/^(?:(?:\+|00)86)?1(?:3[\d]|4[5-79]|5[0-35-9]|6[5-7]|7[0-8]|8[\d]|9[189])\d{8}$/,
+						message: '请输入正确的手机号码',
+						trigger: 'blur',
+					},
+				],
+			},
+			// 是否显示弹出层（角色权限）
+			openRole: false,
 
-      // 枚举
-      SysCommonStatusEnum: CommonStatusEnum,
-      // 数据字典
-      statusDictDatas: getDictDatas(DICT_TYPE.COMMON_STATUS),
-      sexDictDatas: getDictDatas(DICT_TYPE.SYSTEM_USER_SEX),
-    };
-  },
-  watch: {
-    // 根据名称筛选部门树
-    deptName(val) {
-      this.$refs.tree.filter(val);
-    }
-  },
-  created() {
-    this.getList();
-    this.getTreeselect();
-    // this.getConfigKey("sys.user.init-password").then(response => {
-    //   this.initPassword = response.msg;
-    // });
-  },
-  methods: {
-    // 更多操作
-    handleCommand(command, index, row) {
-      switch (command) {
-        case 'handleUpdate':
-          this.handleUpdate(row);//修改客户信息
-          break;
-        case 'handleDelete':
-          this.handleDelete(row);//红号变更
-          break;
-        case 'handleResetPwd':
-          this.handleResetPwd(row);
-          break;
-        case 'handleRole':
-          this.handleRole(row);
-          break;
-        default:
-          break;
-      }
-    },
-    /** 查询用户列表 */
-    getList() {
-      this.loading = true;
-      listUser(this.queryParams).then(response => {
-          this.userList = response.data.list;
-          this.total = response.data.total;
-          this.loading = false;
-        }
-      );
-    },
-    /** 查询部门下拉树结构 + 岗位下拉 */
-    getTreeselect() {
-      listSimpleDepts().then(response => {
-        // 处理 deptOptions 参数
-        this.deptOptions = [];
-        this.deptOptions.push(...this.handleTree(response.data, "id"));
-      });
-      listSimplePosts().then(response => {
-        // 处理 postOptions 参数
-        this.postOptions = [];
-        this.postOptions.push(...response.data);
-      });
-    },
-    // 筛选节点
-    filterNode(value, data) {
-      if (!value) return true;
-      return data.name.indexOf(value) !== -1;
-    },
-    // 节点单击事件
-    handleNodeClick(data) {
-      this.queryParams.deptId = data.id;
-      this.getList();
-    },
-    // 用户状态修改
-    handleStatusChange(row) {
-      let text = row.status === CommonStatusEnum.ENABLE ? "启用" : "停用";
-      this.$modal.confirm('确认要"' + text + '""' + row.username + '"用户吗?').then(function() {
-          return changeUserStatus(row.id, row.status);
-        }).then(() => {
-          this.$modal.msgSuccess(text + "成功");
-        }).catch(function() {
-          row.status = row.status === CommonStatusEnum.ENABLE ? CommonStatusEnum.DISABLE
-              : CommonStatusEnum.ENABLE;
-        });
-    },
-    // 取消按钮
-    cancel() {
-      this.open = false;
-      this.reset();
-    },
-    // 取消按钮（角色权限）
-    cancelRole() {
-      this.openRole = false;
-      this.reset();
-    },
-    // 表单重置
-    reset() {
-      this.form = {
-        id: undefined,
-        deptId: undefined,
-        username: undefined,
-        nickname: undefined,
-        password: undefined,
-        mobile: undefined,
-        email: undefined,
-        sex: undefined,
-        status: "0",
-        remark: undefined,
-        postIds: [],
-        roleIds: []
-      };
-      this.resetForm("form");
-    },
-    /** 搜索按钮操作 */
-    handleQuery() {
-      this.queryParams.pageNo = 1;
-      this.getList();
-    },
-    /** 重置按钮操作 */
-    resetQuery() {
-      this.resetForm("queryForm");
-      this.handleQuery();
-    },
-    /** 新增按钮操作 */
-    handleAdd() {
-      this.reset();
-      // 获得下拉数据
-      this.getTreeselect();
-      // 打开表单，并设置初始化
-      this.open = true;
-      this.title = "添加用户";
-      this.form.password = this.initPassword;
-    },
-    /** 修改按钮操作 */
-    handleUpdate(row) {
-      this.reset();
-      this.getTreeselect();
-      const id = row.id;
-      getUser(id).then(response => {
-        this.form = response.data;
-        this.open = true;
-        this.title = "修改用户";
-        this.form.password = "";
-      });
-    },
-    /** 重置密码按钮操作 */
-    handleResetPwd(row) {
-      this.$prompt('请输入"' + row.username + '"的新密码', "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消"
-      }).then(({ value }) => {
-          resetUserPwd(row.id, value).then(response => {
-            this.$modal.msgSuccess("修改成功，新密码是：" + value);
-          });
-        }).catch(() => {});
-    },
-    /** 分配用户角色操作 */
-    handleRole(row) {
-      this.reset();
-      const id = row.id
-      // 处理了 form 的用户 username 和 nickname 的展示
-      this.form.id = id;
-      this.form.username = row.username;
-      this.form.nickname = row.nickname;
-      // 打开弹窗
-      this.openRole = true;
-      // 获得角色列表
-      listSimpleRoles().then(response => {
-        // 处理 roleOptions 参数
-        this.roleOptions = [];
-        this.roleOptions.push(...response.data);
-      });
-      // 获得角色拥有的菜单集合
-      listUserRoles(id).then(response => {
-        // 设置选中
-        this.form.roleIds = response.data;
-      })
-    },
-    /** 提交按钮 */
-    submitForm: function() {
-      this.$refs["form"].validate(valid => {
-        if (valid) {
-          if (this.form.id !== undefined) {
-            updateUser(this.form).then(response => {
-              this.$modal.msgSuccess("修改成功");
-              this.open = false;
-              this.getList();
-            });
-          } else {
-            addUser(this.form).then(response => {
-              this.$modal.msgSuccess("新增成功");
-              this.open = false;
-              this.getList();
-            });
-          }
-        }
-      });
-    },
-    /** 提交按钮（角色权限） */
-    submitRole: function() {
-      if (this.form.id !== undefined) {
-        assignUserRole({
-          userId: this.form.id,
-          roleIds: this.form.roleIds,
-        }).then(response => {
-          this.$modal.msgSuccess("分配角色成功");
-          this.openRole = false;
-          this.getList();
-        });
-      }
-    },
-    /** 删除按钮操作 */
-    handleDelete(row) {
-      const ids = row.id || this.ids;
-      this.$modal.confirm('是否确认删除用户编号为"' + ids + '"的数据项?').then(function() {
-          return delUser(ids);
-        }).then(() => {
-          this.getList();
-          this.$modal.msgSuccess("删除成功");
-      }).catch(() => {});
-    },
-    /** 导出按钮操作 */
-    handleExport() {
-      this.$modal.confirm('是否确认导出所有用户数据项?').then(() => {
-          // 处理查询参数
-          let params = {...this.queryParams};
-          params.pageNo = undefined;
-          params.pageSize = undefined;
-          this.exportLoading = true;
-          return exportUser(params);
-        }).then(response => {
-          this.$download.excel(response, '用户数据.xls');
-          this.exportLoading = false;
-      }).catch(() => {});
-    },
-    /** 导入按钮操作 */
-    handleImport() {
-      this.upload.title = "用户导入";
-      this.upload.open = true;
-    },
-    /** 下载模板操作 */
-    importTemplate() {
-      importTemplate().then(response => {
-        this.$download.excel(response, '用户导入模板.xls');
-      });
-    },
-    // 文件上传中处理
-    handleFileUploadProgress(event, file, fileList) {
-      this.upload.isUploading = true;
-    },
-    // 文件上传成功处理
-    handleFileSuccess(response, file, fileList) {
-      if (response.code !== 0) {
-        this.$modal.msgError(response.msg)
-        return;
-      }
-      this.upload.open = false;
-      this.upload.isUploading = false;
-      this.$refs.upload.clearFiles();
-      // 拼接提示语
-      let data = response.data;
-      let text = '创建成功数量：' + data.createUsernames.length;
-      for (const username of data.createUsernames) {
-        text += '<br />&nbsp;&nbsp;&nbsp;&nbsp;' + username;
-      }
-      text += '<br />更新成功数量：' + data.updateUsernames.length;
-      for (const username of data.updateUsernames) {
-        text += '<br />&nbsp;&nbsp;&nbsp;&nbsp;' + username;
-      }
-      text += '<br />更新失败数量：' + Object.keys(data.failureUsernames).length;
-      for (const username in data.failureUsernames) {
-        text += '<br />&nbsp;&nbsp;&nbsp;&nbsp;' + username + '：' + data.failureUsernames[username];
-      }
-      this.$alert(text, "导入结果", { dangerouslyUseHTMLString: true });
-      this.getList();
-    },
-    // 提交上传文件
-    submitFileForm() {
-      this.$refs.upload.submit();
-    },
-    // 格式化部门的下拉框
-    normalizer(node) {
-      return {
-        id: node.id,
-        label: node.name,
-        children: node.children
-      }
-    }
-  }
+			// 枚举
+			SysCommonStatusEnum: CommonStatusEnum,
+			// 数据字典
+			statusDictDatas: getDictDatas(DICT_TYPE.COMMON_STATUS),
+			sexDictDatas: getDictDatas(DICT_TYPE.SYSTEM_USER_SEX),
+		};
+	},
+	watch: {
+		// 根据名称筛选部门树
+		deptName(val) {
+			this.$refs.tree.filter(val);
+		},
+	},
+	created() {
+		this.getList();
+		this.getTreeselect();
+		// this.getConfigKey("sys.user.init-password").then(response => {
+		//   this.initPassword = response.msg;
+		// });
+	},
+	methods: {
+		// 更多操作
+		handleCommand(command, index, row) {
+			switch (command) {
+				case 'handleUpdate':
+					this.handleUpdate(row); //修改客户信息
+					break;
+				case 'handleDelete':
+					this.handleDelete(row); //红号变更
+					break;
+				case 'handleResetPwd':
+					this.handleResetPwd(row);
+					break;
+				case 'handleRole':
+					this.handleRole(row);
+					break;
+				default:
+					break;
+			}
+		},
+		/** 查询用户列表 */
+		getList() {
+			this.loading = true;
+			listUser(this.queryParams).then((response) => {
+				this.userList = response.data.list;
+				this.total = response.data.total;
+				this.loading = false;
+			});
+		},
+		/** 查询部门下拉树结构 + 岗位下拉 */
+		getTreeselect() {
+			listSimpleDepts().then((response) => {
+				// 处理 deptOptions 参数
+				this.deptOptions = [];
+				this.deptOptions.push(...this.handleTree(response.data, 'id'));
+			});
+			listSimplePosts().then((response) => {
+				// 处理 postOptions 参数
+				this.postOptions = [];
+				this.postOptions.push(...response.data);
+			});
+		},
+		// 筛选节点
+		filterNode(value, data) {
+			if (!value) return true;
+			return data.name.indexOf(value) !== -1;
+		},
+		// 节点单击事件
+		handleNodeClick(data) {
+			this.queryParams.deptId = data.id;
+			this.getList();
+		},
+		// 用户状态修改
+		handleStatusChange(row) {
+			let text = row.status === CommonStatusEnum.ENABLE ? '启用' : '停用';
+			this.$modal
+				.confirm('确认要"' + text + '""' + row.username + '"用户吗?')
+				.then(function () {
+					return changeUserStatus(row.id, row.status);
+				})
+				.then(() => {
+					this.$modal.msgSuccess(text + '成功');
+				})
+				.catch(function () {
+					row.status =
+						row.status === CommonStatusEnum.ENABLE
+							? CommonStatusEnum.DISABLE
+							: CommonStatusEnum.ENABLE;
+				});
+		},
+		// 取消按钮
+		cancel() {
+			this.open = false;
+			this.reset();
+		},
+		// 取消按钮（角色权限）
+		cancelRole() {
+			this.openRole = false;
+			this.reset();
+		},
+		// 表单重置
+		reset() {
+			this.form = {
+				id: undefined,
+				deptId: undefined,
+				username: undefined,
+				nickname: undefined,
+				password: undefined,
+				mobile: undefined,
+				email: undefined,
+				sex: undefined,
+				status: '0',
+				remark: undefined,
+				postIds: [],
+				roleIds: [],
+			};
+			this.resetForm('form');
+		},
+		/** 搜索按钮操作 */
+		handleQuery() {
+			this.queryParams.pageNo = 1;
+			this.getList();
+		},
+		/** 重置按钮操作 */
+		resetQuery() {
+			this.resetForm('queryForm');
+			this.handleQuery();
+		},
+		/** 新增按钮操作 */
+		handleAdd() {
+			this.reset();
+			// 获得下拉数据
+			this.getTreeselect();
+			// 打开表单，并设置初始化
+			this.open = true;
+			this.title = '添加用户';
+			this.form.password = this.initPassword;
+		},
+		/** 修改按钮操作 */
+		handleUpdate(row) {
+			this.reset();
+			this.getTreeselect();
+			const id = row.id;
+			getUser(id).then((response) => {
+				this.form = response.data;
+				this.open = true;
+				this.title = '修改用户';
+				this.form.password = '';
+			});
+		},
+		/** 重置密码按钮操作 */
+		handleResetPwd(row) {
+			this.$prompt('请输入"' + row.username + '"的新密码', '提示', {
+				confirmButtonText: '确定',
+				cancelButtonText: '取消',
+			})
+				.then(({ value }) => {
+					resetUserPwd(row.id, value).then((response) => {
+						this.$modal.msgSuccess('修改成功，新密码是：' + value);
+					});
+				})
+				.catch(() => {});
+		},
+		/** 分配用户角色操作 */
+		handleRole(row) {
+			this.reset();
+			const id = row.id;
+			// 处理了 form 的用户 username 和 nickname 的展示
+			this.form.id = id;
+			this.form.username = row.username;
+			this.form.nickname = row.nickname;
+			// 打开弹窗
+			this.openRole = true;
+			// 获得角色列表
+			listSimpleRoles().then((response) => {
+				// 处理 roleOptions 参数
+				this.roleOptions = [];
+				this.roleOptions.push(...response.data);
+			});
+			// 获得角色拥有的菜单集合
+			listUserRoles(id).then((response) => {
+				// 设置选中
+				this.form.roleIds = response.data;
+			});
+		},
+		/** 提交按钮 */
+		submitForm: function () {
+			this.$refs['form'].validate((valid) => {
+				if (valid) {
+					if (this.form.id !== undefined) {
+						updateUser(this.form).then((response) => {
+							this.$modal.msgSuccess('修改成功');
+							this.open = false;
+							this.getList();
+						});
+					} else {
+						addUser(this.form).then((response) => {
+							this.$modal.msgSuccess('新增成功');
+							this.open = false;
+							this.getList();
+						});
+					}
+				}
+			});
+		},
+		/** 提交按钮（角色权限） */
+		submitRole: function () {
+			if (this.form.id !== undefined) {
+				assignUserRole({
+					userId: this.form.id,
+					roleIds: this.form.roleIds,
+				}).then((response) => {
+					this.$modal.msgSuccess('分配角色成功');
+					this.openRole = false;
+					this.getList();
+				});
+			}
+		},
+		/** 删除按钮操作 */
+		handleDelete(row) {
+			const ids = row.id || this.ids;
+			this.$modal
+				.confirm('是否确认删除用户编号为"' + ids + '"的数据项?')
+				.then(function () {
+					return delUser(ids);
+				})
+				.then(() => {
+					this.getList();
+					this.$modal.msgSuccess('删除成功');
+				})
+				.catch(() => {});
+		},
+		/** 导出按钮操作 */
+		handleExport() {
+			this.$modal
+				.confirm('是否确认导出所有用户数据项?')
+				.then(() => {
+					// 处理查询参数
+					let params = { ...this.queryParams };
+					params.pageNo = undefined;
+					params.pageSize = undefined;
+					this.exportLoading = true;
+					return exportUser(params);
+				})
+				.then((response) => {
+					this.$download.excel(response, '用户数据.xls');
+					this.exportLoading = false;
+				})
+				.catch(() => {});
+		},
+		/** 导入按钮操作 */
+		handleImport() {
+			this.upload.title = '用户导入';
+			this.upload.open = true;
+		},
+		/** 下载模板操作 */
+		importTemplate() {
+			importTemplate().then((response) => {
+				this.$download.excel(response, '用户导入模板.xls');
+			});
+		},
+		// 文件上传中处理
+		handleFileUploadProgress(event, file, fileList) {
+			this.upload.isUploading = true;
+		},
+		// 文件上传成功处理
+		handleFileSuccess(response, file, fileList) {
+			if (response.code !== 0) {
+				this.$modal.msgError(response.msg);
+				return;
+			}
+			this.upload.open = false;
+			this.upload.isUploading = false;
+			this.$refs.upload.clearFiles();
+			// 拼接提示语
+			let data = response.data;
+			let text = '创建成功数量：' + data.createUsernames.length;
+			for (const username of data.createUsernames) {
+				text += '<br />&nbsp;&nbsp;&nbsp;&nbsp;' + username;
+			}
+			text += '<br />更新成功数量：' + data.updateUsernames.length;
+			for (const username of data.updateUsernames) {
+				text += '<br />&nbsp;&nbsp;&nbsp;&nbsp;' + username;
+			}
+			text +=
+				'<br />更新失败数量：' + Object.keys(data.failureUsernames).length;
+			for (const username in data.failureUsernames) {
+				text +=
+					'<br />&nbsp;&nbsp;&nbsp;&nbsp;' +
+					username +
+					'：' +
+					data.failureUsernames[username];
+			}
+			this.$alert(text, '导入结果', { dangerouslyUseHTMLString: true });
+			this.getList();
+		},
+		// 提交上传文件
+		submitFileForm() {
+			this.$refs.upload.submit();
+		},
+		// 格式化部门的下拉框
+		normalizer(node) {
+			return {
+				id: node.id,
+				label: node.name,
+				children: node.children,
+			};
+		},
+	},
 };
 </script>