From 723199545c15e8e30db83e76db3c4228a06542a4 Mon Sep 17 00:00:00 2001
From: hxr <1490493387@qq.com>
Date: Sat, 21 Oct 2023 23:26:04 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20:recycle:=20=E9=87=8D=E7=BD=AE?=
 =?UTF-8?q?=E6=90=9C=E7=B4=A2=E6=97=B6=E9=97=B4=E6=9C=AA=E6=B8=85=E7=A9=BA?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/system/user/index.vue | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index 849f0c7..7b340e5 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -40,15 +40,17 @@ const deptList = ref<OptionType[]>(); // 部门下拉数据源
 const roleList = ref<OptionType[]>(); // 角色下拉数据源
 
 watch(dateTimeRange, (newVal) => {
-  queryParams.startTime = newVal[0];
-  queryParams.endTime = newVal[1];
+  if (newVal) {
+    queryParams.startTime = newVal[0];
+    queryParams.endTime = newVal[1];
+  }
 });
 
 // 弹窗对象
 const dialog = reactive({
   visible: false,
   type: "user-form",
-  width: 1200,
+  width: 800,
   title: "",
 });
 
@@ -105,6 +107,8 @@ function resetQuery() {
   dateTimeRange.value = "";
   queryParams.pageNum = 1;
   queryParams.deptId = undefined;
+  queryParams.startTime = undefined;
+  queryParams.endTime = undefined;
   handleQuery();
 }
 
@@ -356,7 +360,7 @@ onMounted(() => {
                 v-model="queryParams.status"
                 placeholder="全部"
                 clearable
-                style="width: 200px"
+                class="!w-[100px]"
               >
                 <el-option label="启用" value="1" />
                 <el-option label="禁用" value="0" />
@@ -365,6 +369,7 @@ onMounted(() => {
 
             <el-form-item label="创建时间">
               <el-date-picker
+                class="!w-[240px]"
                 v-model="dateTimeRange"
                 type="daterange"
                 range-separator="~"
@@ -386,7 +391,7 @@ onMounted(() => {
           </el-form>
         </div>
 
-        <el-card shadow="never">
+        <el-card shadow="never" class="table-container">
           <template #header>
             <div class="flex justify-between">
               <div>