refactor：基于 lint 处理排版

apps/web-antd/src/views/infra/job/modules/detail.vue

@@ -1,16 +1,18 @@
 <script lang="ts" setup>
 import type { InfraJobApi } from '#/api/infra/job';
 
-import { Descriptions, Timeline } from 'ant-design-vue';
-import { DictTag } from '#/components/dict-tag';
-
-import { useVbenModal } from '@vben/common-ui';
-import { DICT_TYPE } from '#/utils/dict';
-import { formatDateTime } from '@vben/utils';
-import { getJob, getJobNextTimes } from '#/api/infra/job';
 import { ref } from 'vue';
 
-const formData = ref<InfraJobApi.InfraJob>(); // 任务详情
+import { useVbenModal } from '@vben/common-ui';
+import { formatDateTime } from '@vben/utils';
+
+import { Descriptions, Timeline } from 'ant-design-vue';
+
+import { getJob, getJobNextTimes } from '#/api/infra/job';
+import { DictTag } from '#/components/dict-tag';
+import { DICT_TYPE } from '#/utils/dict';
+
+const formData = ref<InfraJobApi.Job>(); // 任务详情
 const nextTimes = ref<Date[]>([]); // 下一次执行时间
 
 const [Modal, modalApi] = useVbenModal({
@@ -36,8 +38,19 @@ const [Modal, modalApi] = useVbenModal({
 </script>
 
 <template>
-  <Modal title="任务详情" class="w-1/2" :show-cancel-button="false" :show-confirm-button="false">
-    <Descriptions :column="1" bordered size="middle" class="mx-4" :label-style="{ width: '140px' }">
+  <Modal
+    title="任务详情"
+    class="w-1/2"
+    :show-cancel-button="false"
+    :show-confirm-button="false"
+  >
+    <Descriptions
+      :column="1"
+      bordered
+      size="middle"
+      class="mx-4"
+      :label-style="{ width: '140px' }"
+    >
       <Descriptions.Item label="任务编号">
         {{ formData?.id }}
       </Descriptions.Item>
@@ -60,14 +73,24 @@ const [Modal, modalApi] = useVbenModal({
         {{ formData?.retryCount }}
       </Descriptions.Item>
       <Descriptions.Item label="重试间隔">
-        {{ formData?.retryInterval ? formData.retryInterval + ' 毫秒' : '无间隔' }}
+        {{
+          formData?.retryInterval ? `${formData.retryInterval} 毫秒` : '无间隔'
+        }}
       </Descriptions.Item>
       <Descriptions.Item label="监控超时时间">
-        {{ formData?.monitorTimeout && formData.monitorTimeout > 0 ? formData.monitorTimeout + ' 毫秒' : '未开启' }}
+        {{
+          formData?.monitorTimeout && formData.monitorTimeout > 0
+            ? `${formData.monitorTimeout} 毫秒`
+            : '未开启'
+        }}
       </Descriptions.Item>
       <Descriptions.Item label="后续执行时间">
         <Timeline class="h-[180px]">
-          <Timeline.Item v-for="(nextTime, index) in nextTimes" :key="index" color="blue">
+          <Timeline.Item
+            v-for="(nextTime, index) in nextTimes"
+            :key="index"
+            color="blue"
+          >
             第 {{ index + 1 }} 次：{{ formatDateTime(nextTime.toString()) }}
           </Timeline.Item>
         </Timeline>