feat: ✨ 用户管理新增创建时间查询

Former-commit-id: 6da9927ae97a8cfff103874c88a0cdc9e59f1486

src/views/system/user/index.vue

@@ -33,11 +33,17 @@ const queryParams = reactive<UserQuery>({
   pageNum: 1,
   pageSize: 10,
 });
+const dateTimeRange = ref("");
 const total = ref(0); // 数据总数
 const pageData = ref<UserPageVO[]>(); // 用户分页数据
 const deptList = ref<OptionType[]>(); // 部门下拉数据源
 const roleList = ref<OptionType[]>(); // 角色下拉数据源
 
+watch(dateTimeRange, (newVal) => {
+  queryParams.startTime = newVal[0];
+  queryParams.endTime = newVal[1];
+});
+
 // 弹窗对象
 const dialog = reactive({
   visible: false,
@@ -96,6 +102,7 @@ function handleQuery() {
 /** 重置查询 */
 function resetQuery() {
   queryFormRef.value.resetFields();
+  dateTimeRange.value = "";
   queryParams.pageNum = 1;
   queryParams.deptId = undefined;
   handleQuery();
@@ -356,6 +363,17 @@ onMounted(() => {
               </el-select>
             </el-form-item>
 
+            <el-form-item label="创建时间">
+              <el-date-picker
+                v-model="dateTimeRange"
+                type="daterange"
+                range-separator="~"
+                start-placeholder="开始时间"
+                end-placeholder="截止时间"
+                value-format="YYYY-MM-DD"
+              />
+            </el-form-item>
+
             <el-form-item>
               <el-button type="primary" @click="handleQuery"
                 ><i-ep-search />搜索</el-button