style: 查询年月日控件改为年月日时分秒

src/views/monitor/job/log.vue

@@ -471,6 +471,8 @@ onMounted(() => {
                 v-model:value="queryRangePicker"
                 allow-clear
                 bordered
+                :show-time="{ format: 'HH:mm:ss' }"
+                format="YYYY-MM-DD HH:mm:ss"
                 value-format="x"
                 style="width: 100%"
               ></a-range-picker>

src/views/monitor/monitor/index.vue

@@ -40,11 +40,11 @@ let rangePicker = reactive<RangePickerType>({
     t('views.monitor.monitor.endTime'),
   ],
   ranges: {
-    [t('views.monitor.monitor.today')]: [
+    [t('views.monitor.monitor.yesterday')]: [
       dayjs().subtract(1, 'day').startOf('day'),
       dayjs().subtract(1, 'day').endOf('day'),
     ],
-    [t('views.monitor.monitor.yesterday')]: [dayjs().startOf('day'), dayjs()],
+    [t('views.monitor.monitor.today')]: [dayjs().startOf('day'), dayjs()],
     [t('views.monitor.monitor.week')]: [
       dayjs().startOf('week'),
       dayjs().endOf('week'),
@@ -66,21 +66,21 @@ let rangePicker = reactive<RangePickerType>({
 function fnGetList() {
   let startTime = null;
   let endTime = null;
-  const dateString = rangePicker.all;
+  const dateNumber = rangePicker.all;
-  if (dateString[0]) {
+  if (dateNumber[0]) {
-    startTime = parseStrToDate(dateString[0], YYYY_MM_DD_HH_MM_SS);
+    startTime = dateNumber[0];
-    endTime = parseStrToDate(dateString[1], YYYY_MM_DD_HH_MM_SS);
+    endTime = dateNumber[1];
   } else {
     const now = new Date();
     now.setHours(0, 0, 0, 0);
-    startTime = now;
+    startTime = `${now.getTime()}`;
-    endTime = new Date();
+    endTime = `${new Date().getTime()}`;
   }
 
   getLoad({
     type: 'all',
-    startTime: startTime.getTime(),
+    startTime: startTime,
-    endTime: endTime.getTime(),
+    endTime: endTime,
     neType: '#',
     neId: '#',
   }).then(res => {
@@ -94,10 +94,7 @@ function fnGetList() {
   });
 
   // 设置初始时间段
-  const initRangePicker: [string, string] = [
+  const initRangePicker: [string, string] = [startTime, endTime];
-    parseDateToStr(startTime, YYYY_MM_DD_HH_MM_SS),
-    parseDateToStr(endTime, YYYY_MM_DD_HH_MM_SS),
-  ];
   rangePicker.all = initRangePicker;
   rangePicker.load = initRangePicker;
   rangePicker.cpu = initRangePicker;
@@ -164,7 +161,7 @@ function fnLoadChart(data: Record<string, any>[]) {
         type: 'value',
         name: `${t('views.monitor.monitor.resourceUsage')} ( % )`,
         position: 'right',
-        alignTicks: false
+        alignTicks: false,
       },
     ],
     grid: { left: '5%', right: '5%', bottom: '20%' },
@@ -446,9 +443,9 @@ onMounted(() => {
                 v-model:value="rangePicker.all"
                 :allow-clear="false"
                 bordered
-                value-format="YYYY-MM-DD HH:mm:ss"
+                :show-time="{ format: 'HH:mm:ss' }"
                 format="YYYY-MM-DD HH:mm:ss"
-                show-time
+                value-format="x"
                 :placeholder="rangePicker.placeholder"
                 :ranges="rangePicker.ranges"
                 style="width: 100%"
@@ -480,9 +477,9 @@ onMounted(() => {
               v-model:value="rangePicker.load"
               :allow-clear="false"
               bordered
-              value-format="YYYY-MM-DD HH:mm:ss"
+              :show-time="{ format: 'HH:mm:ss' }"
               format="YYYY-MM-DD HH:mm:ss"
-              show-time
+              value-format="x"
               :placeholder="rangePicker.placeholder"
               style="width: 100%"
               @change="(_:any, d:[string,string]) => fnGetQuery('load', d)"
@@ -510,9 +507,9 @@ onMounted(() => {
               v-model:value="rangePicker.cpu"
               :allow-clear="false"
               bordered
-              value-format="YYYY-MM-DD HH:mm:ss"
+              :show-time="{ format: 'HH:mm:ss' }"
               format="YYYY-MM-DD HH:mm:ss"
-              show-time
+              value-format="x"
               :placeholder="rangePicker.placeholder"
               style="width: 100%"
               @change="(_:any, d:[string,string]) => fnGetQuery('cpu', d)"
@@ -538,9 +535,9 @@ onMounted(() => {
               v-model:value="rangePicker.memory"
               :allow-clear="false"
               bordered
-              value-format="YYYY-MM-DD HH:mm:ss"
+              :show-time="{ format: 'HH:mm:ss' }"
               format="YYYY-MM-DD HH:mm:ss"
-              show-time
+              value-format="x"
               :placeholder="rangePicker.placeholder"
               style="width: 100%"
               @change="(_:any, d:[string,string]) => fnGetQuery('memory', d)"
@@ -568,9 +565,9 @@ onMounted(() => {
               v-model:value="rangePicker.io"
               :allow-clear="false"
               bordered
-              value-format="YYYY-MM-DD HH:mm:ss"
+              :show-time="{ format: 'HH:mm:ss' }"
               format="YYYY-MM-DD HH:mm:ss"
-              show-time
+              value-format="x"
               :placeholder="rangePicker.placeholder"
               style="width: 100%"
               @change="fnGetQueryIO"
@@ -596,9 +593,9 @@ onMounted(() => {
               v-model:value="rangePicker.network"
               :allow-clear="false"
               bordered
-              value-format="YYYY-MM-DD HH:mm:ss"
+              :show-time="{ format: 'HH:mm:ss' }"
               format="YYYY-MM-DD HH:mm:ss"
-              show-time
+              value-format="x"
               :placeholder="rangePicker.placeholder"
               style="width: 100%"
               @change="fnGetQueryNetwork"

src/views/system/config/index.vue

@@ -527,6 +527,8 @@ onMounted(() => {
                 v-model:value="queryRangePicker"
                 allow-clear
                 bordered
+                :show-time="{ format: 'HH:mm:ss' }"
+                format="YYYY-MM-DD HH:mm:ss"
                 value-format="x"
                 style="width: 100%"
               ></a-range-picker>

src/views/system/dict/index.vue

@@ -527,6 +527,8 @@ onMounted(() => {
                 v-model:value="queryRangePicker"
                 allow-clear
                 bordered
+                :show-time="{ format: 'HH:mm:ss' }"
+                format="YYYY-MM-DD HH:mm:ss"
                 value-format="x"
                 style="width: 100%"
               ></a-range-picker>

src/views/system/role/index.vue

@@ -719,7 +719,11 @@ function fnGetList(pageNum?: number) {
       }
       tablePagination.total = res.total;
       tableState.data = res.rows;
-      if (tablePagination.total <=(queryParams.pageNum - 1) * tablePagination.pageSize &&queryParams.pageNum !== 1) {
+      if (
+        tablePagination.total <=
+          (queryParams.pageNum - 1) * tablePagination.pageSize &&
+        queryParams.pageNum !== 1
+      ) {
         tableState.loading = false;
         fnGetList(queryParams.pageNum - 1);
       }
@@ -791,6 +795,8 @@ onMounted(() => {
                 v-model:value="queryRangePicker"
                 allow-clear
                 bordered
+                :show-time="{ format: 'HH:mm:ss' }"
+                format="YYYY-MM-DD HH:mm:ss"
                 value-format="x"
                 style="width: 100%"
               ></a-range-picker>
@@ -1019,7 +1025,10 @@ onMounted(() => {
         </a-row>
         <a-row :gutter="16">
           <a-col :lg="12" :md="12" :xs="24">
-            <a-form-item :label="t('views.system.role.roleSort')" name="roleSort">
+            <a-form-item
+              :label="t('views.system.role.roleSort')"
+              name="roleSort"
+            >
               {{ modalState.from.roleSort }}
             </a-form-item>
           </a-col>

src/views/system/user/index.vue

@@ -877,6 +877,8 @@ onMounted(() => {
                 v-model:value="queryRangePicker"
                 allow-clear
                 bordered
+                :show-time="{ format: 'HH:mm:ss' }"
+                format="YYYY-MM-DD HH:mm:ss"
                 value-format="x"
                 style="width: 100%"
               ></a-range-picker>