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>

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

@@ -1,18 +1,20 @@
 <script lang="ts" setup>
 import type { InfraJobApi } from '#/api/infra/job';
 
+import { computed, ref } from 'vue';
+
 import { useVbenModal } from '@vben/common-ui';
+
 import { message } from 'ant-design-vue';
 
-import { $t } from '#/locales';
-import { computed, ref } from 'vue';
 import { useVbenForm } from '#/adapter/form';
 import { createJob, getJob, updateJob } from '#/api/infra/job';
+import { $t } from '#/locales';
 
 import { useFormSchema } from '../data';
 
 const emit = defineEmits(['success']);
-const formData = ref<InfraJobApi.InfraJob>();
+const formData = ref<InfraJobApi.Job>();
 const getTitle = computed(() => {
   return formData.value?.id
     ? $t('ui.actionTitle.edit', ['任务'])
@@ -24,8 +26,8 @@ const [Form, formApi] = useVbenForm({
   schema: useFormSchema(),
   showDefaultActions: false,
   commonConfig: {
-    labelWidth: 140
-  }
+    labelWidth: 140,
+  },
 });
 
 const [Modal, modalApi] = useVbenModal({
@@ -36,11 +38,9 @@ const [Modal, modalApi] = useVbenModal({
     }
     modalApi.lock();
     // 提交表单
-    const data = (await formApi.getValues()) as InfraJobApi.InfraJob;
+    const data = (await formApi.getValues()) as InfraJobApi.Job;
     try {
-      await (formData.value?.id
-        ? updateJob(data)
-        : createJob(data));
+      await (formData.value?.id ? updateJob(data) : createJob(data));
       // 关闭并提示
       await modalApi.close();
       emit('success');
@@ -57,7 +57,7 @@ const [Modal, modalApi] = useVbenModal({
       return;
     }
     // 加载数据
-    const data = modalApi.getData<InfraJobApi.InfraJob>();
+    const data = modalApi.getData<InfraJobApi.Job>();
     if (!data || !data.id) {
       return;
     }
@@ -77,4 +77,4 @@ const [Modal, modalApi] = useVbenModal({
   <Modal :title="getTitle">
     <Form class="mx-4" />
   </Modal>
-</template> 
+</template>