style: 调度任务多语言

src/components/CronModal/index.vue

@@ -1,6 +1,6 @@
 <template>
   <a-modal
-    title="Cron表达式生成"
+    :title="t('components.CronModal.title')"
     :visible="props.visible"
     :body-style="{ padding: '0 24px' }"
     :destroy-on-close="true"
@@ -8,26 +8,26 @@
     @ok="fnCronModal(true)"
   >
     <a-tabs tab-position="top" type="line">
-      <a-tab-pane key="1" tab="秒">
+      <a-tab-pane key="1" :tab="t('common.units.second')">
         <CronSecond v-model:value="cronValue.second"></CronSecond>
       </a-tab-pane>
-      <a-tab-pane key="2" tab="分钟">
+      <a-tab-pane key="2" :tab="t('common.units.minute')">
         <CronMinute v-model:value="cronValue.minute"></CronMinute>
       </a-tab-pane>
-      <a-tab-pane key="3" tab="小时">
+      <a-tab-pane key="3" :tab="t('common.units.hour')">
         <CronHour v-model:value="cronValue.hour"></CronHour>
       </a-tab-pane>
-      <a-tab-pane key="4" tab="日">
+      <a-tab-pane key="4" :tab="t('common.units.day')">
         <CronDay v-model:value="cronValue.day"></CronDay>
       </a-tab-pane>
-      <a-tab-pane key="5" tab="月">
+      <a-tab-pane key="5" :tab="t('common.units.month')">
         <CronMonth v-model:value="cronValue.month"></CronMonth>
       </a-tab-pane>
     </a-tabs>
 
     <a-input
       class="reultBox"
-      addon-before="表达式预览："
+      :addon-before="t('components.CronModal.addon')"
       v-model:value="cronStr"
       disabled
     />
@@ -40,6 +40,8 @@ import CronHour from './components/Hour.vue';
 import CronDay from './components/Day.vue';
 import CronMonth from './components/Month.vue';
 import { reactive, computed, watch } from 'vue';
+import useI18n from '@/hooks/useI18n';
+const { t } = useI18n();
 
 const emit = defineEmits(['cancel', 'ok', 'update:visible']);
 const props = defineProps({