From cce511c4b498f907be4f40c665adcb98cd4da4b0 Mon Sep 17 00:00:00 2001
From: lijiahang <ljh1553488six@139.com>
Date: Tue, 21 May 2024 13:15:25 +0800
Subject: [PATCH] =?UTF-8?q?:sparkles:=20cron=20=E7=94=9F=E6=88=90=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/about/change-log.md                      |  4 +-
 docs/about/roadmap.md                         |  2 -
 ...on-vue-views-components-form-drawer.vue.vm |  2 +-
 .../core/session/WebSocketSyncSession.java    |  6 ++-
 .../websocket/core/utils/WebSockets.java      | 11 ++++-
 .../host/exec/log/tracker/ExecLogTracker.java |  8 ----
 orion-visor-ui/src/assets/style/layout.less   |  5 +++
 .../cron/generator-input}/const.types.ts      |  0
 .../cron/generator-input}/form/day-form.vue   |  0
 .../cron/generator-input}/form/hour-form.vue  |  0
 .../generator-input}/form/minute-form.vue     |  0
 .../cron/generator-input}/form/month-form.vue |  0
 .../generator-input}/form/second-form.vue     |  0
 .../cron/generator-input}/form/use-mixin.ts   |  0
 .../cron/generator-input}/form/week-form.vue  |  0
 .../cron/generator-input}/form/year-form.vue  |  0
 .../cron/generator-input}/index.vue           |  4 +-
 .../cron/generator-model}/index.vue           |  8 ++--
 .../next-modal}/index.vue                     |  2 +-
 .../{data => meta}/cron/validator.ts          |  0
 .../user/user/update-password-modal/index.vue |  2 +-
 .../components/connect-log-clear-modal.vue    |  2 +-
 .../components/host-identity-form-modal.vue   |  5 ++-
 .../components/host-key-form-drawer.vue       |  2 +-
 .../host-list/components/host-form-modal.vue  |  2 +-
 .../exec-command-log-clear-modal.vue          |  2 +-
 .../components/exec-template-exec-drawer.vue  |  2 +-
 .../components/exec-template-form-drawer.vue  |  2 +-
 .../components/upload-task-clear-modal.vue    |  2 +-
 .../components/sftp/sftp-chmod-modal.vue      |  2 +-
 .../components/sftp/sftp-create-modal.vue     |  2 +-
 .../components/sftp/sftp-move-modal.vue       |  2 +-
 .../src/views/host/terminal/index.vue         |  4 +-
 .../components/exec-job-log-clear-modal.vue   |  2 +-
 .../components/exec-job-form-drawer.vue       | 40 +++++++++++++++++--
 .../src/views/job/exec-job/index.vue          | 17 ++++++--
 .../components/dict-key-form-modal.vue        |  2 +-
 .../components/dict-value-form-modal.vue      |  2 +-
 .../menu/components/menu-form-modal.vue       |  2 +-
 .../components/operator-log-clear-modal.vue   |  2 +-
 .../user/role/components/role-form-modal.vue  |  2 +-
 .../role/components/role-menu-grant-modal.vue |  4 +-
 .../user/user/components/user-form-modal.vue  |  2 +-
 .../user-grant-roles-form-modal.vue           |  2 +-
 .../user-reset-password-form-modal.vue        |  2 +-
 45 files changed, 105 insertions(+), 57 deletions(-)
 rename orion-visor-ui/src/components/{data/cron/input => meta/cron/generator-input}/const.types.ts (100%)
 rename orion-visor-ui/src/components/{data/cron/input => meta/cron/generator-input}/form/day-form.vue (100%)
 rename orion-visor-ui/src/components/{data/cron/input => meta/cron/generator-input}/form/hour-form.vue (100%)
 rename orion-visor-ui/src/components/{data/cron/input => meta/cron/generator-input}/form/minute-form.vue (100%)
 rename orion-visor-ui/src/components/{data/cron/input => meta/cron/generator-input}/form/month-form.vue (100%)
 rename orion-visor-ui/src/components/{data/cron/input => meta/cron/generator-input}/form/second-form.vue (100%)
 rename orion-visor-ui/src/components/{data/cron/input => meta/cron/generator-input}/form/use-mixin.ts (100%)
 rename orion-visor-ui/src/components/{data/cron/input => meta/cron/generator-input}/form/week-form.vue (100%)
 rename orion-visor-ui/src/components/{data/cron/input => meta/cron/generator-input}/form/year-form.vue (100%)
 rename orion-visor-ui/src/components/{data/cron/input => meta/cron/generator-input}/index.vue (99%)
 rename orion-visor-ui/src/components/{data/cron/model => meta/cron/generator-model}/index.vue (89%)
 rename orion-visor-ui/src/components/meta/{expression/next-cron-modal => cron/next-modal}/index.vue (98%)
 rename orion-visor-ui/src/components/{data => meta}/cron/validator.ts (100%)

diff --git a/docs/about/change-log.md b/docs/about/change-log.md
index 24e64007..6c28ee86 100644
--- a/docs/about/change-log.md
+++ b/docs/about/change-log.md
@@ -16,9 +16,9 @@
 
 ### v2.0.1
 
-`2024-05-2` `release`
+`2024-05-21` `release`
 
-* 🩰 修改 logo
+* ⭐ 添加 cron 组件
 * 🐞 修复 批量执行后日志偶尔不展示的问题
 * 🐞 修复 批量上传进度条显示异常的问题
 
diff --git a/docs/about/roadmap.md b/docs/about/roadmap.md
index f6f04cce..2a512dcd 100644
--- a/docs/about/roadmap.md
+++ b/docs/about/roadmap.md
@@ -2,12 +2,10 @@
 
 * 终端背景图片
 * 资产授权 UI 改版
-* RDP 远程桌面
 * 接入 config 后端动态配置
 * 文档中巡检模板
 * 导入快捷命令
 * 导入命令模板
-* 使用 vite press 开发文档
 
 ## 已知问题
 
diff --git a/orion-visor-framework/orion-visor-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-views-components-form-drawer.vue.vm b/orion-visor-framework/orion-visor-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-views-components-form-drawer.vue.vm
index e4c51c42..ae6691cc 100644
--- a/orion-visor-framework/orion-visor-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-views-components-form-drawer.vue.vm
+++ b/orion-visor-framework/orion-visor-spring-boot-starter-mybatis/src/main/resources/templates/orion-vue-views-components-form-drawer.vue.vm
@@ -8,7 +8,7 @@
             :cancel-button-props="{ disabled: loading }"
             :on-before-ok="handlerOk"
             @cancel="handleClose">
-    <a-spin class="full modal-form-small" :loading="loading">
+    <a-spin class="full drawer-form-small" :loading="loading">
       <a-form :model="formModel"
               ref="formRef"
               label-align="right"
diff --git a/orion-visor-framework/orion-visor-spring-boot-starter-websocket/src/main/java/com/orion/visor/framework/websocket/core/session/WebSocketSyncSession.java b/orion-visor-framework/orion-visor-spring-boot-starter-websocket/src/main/java/com/orion/visor/framework/websocket/core/session/WebSocketSyncSession.java
index 481fbf8f..3aba81e3 100644
--- a/orion-visor-framework/orion-visor-spring-boot-starter-websocket/src/main/java/com/orion/visor/framework/websocket/core/session/WebSocketSyncSession.java
+++ b/orion-visor-framework/orion-visor-spring-boot-starter-websocket/src/main/java/com/orion/visor/framework/websocket/core/session/WebSocketSyncSession.java
@@ -94,8 +94,10 @@ public class WebSocketSyncSession implements WebSocketSession {
     }
 
     @Override
-    public synchronized void sendMessage(WebSocketMessage<?> message) throws IOException {
-        this.delegate.sendMessage(message);
+    public void sendMessage(WebSocketMessage<?> message) throws IOException {
+        synchronized (this.delegate) {
+            this.delegate.sendMessage(message);
+        }
     }
 
     @Override
diff --git a/orion-visor-framework/orion-visor-spring-boot-starter-websocket/src/main/java/com/orion/visor/framework/websocket/core/utils/WebSockets.java b/orion-visor-framework/orion-visor-spring-boot-starter-websocket/src/main/java/com/orion/visor/framework/websocket/core/utils/WebSockets.java
index 9177734b..86c41490 100644
--- a/orion-visor-framework/orion-visor-spring-boot-starter-websocket/src/main/java/com/orion/visor/framework/websocket/core/utils/WebSockets.java
+++ b/orion-visor-framework/orion-visor-spring-boot-starter-websocket/src/main/java/com/orion/visor/framework/websocket/core/utils/WebSockets.java
@@ -70,8 +70,15 @@ public class WebSockets {
             return;
         }
         try {
-            // 发送消息
-            session.sendMessage(new TextMessage(message));
+            if (session instanceof WebSocketSyncSession) {
+                // 发送消息
+                session.sendMessage(new TextMessage(message));
+            } else {
+                synchronized (session) {
+                    // 发送消息
+                    session.sendMessage(new TextMessage(message));
+                }
+            }
         } catch (IllegalStateException e) {
             // 并发异常
             log.error("发送消息失败, 准备进行重试 {}", Exceptions.getDigest(e));
diff --git a/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/handler/host/exec/log/tracker/ExecLogTracker.java b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/handler/host/exec/log/tracker/ExecLogTracker.java
index 9d41baf0..edafff01 100644
--- a/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/handler/host/exec/log/tracker/ExecLogTracker.java
+++ b/orion-visor-module-asset/orion-visor-module-asset-service/src/main/java/com/orion/visor/module/asset/handler/host/exec/log/tracker/ExecLogTracker.java
@@ -5,7 +5,6 @@ import com.orion.ext.tail.delay.DelayTrackerListener;
 import com.orion.ext.tail.mode.FileNotFoundMode;
 import com.orion.ext.tail.mode.FileOffsetMode;
 import com.orion.spring.SpringHolder;
-import com.orion.visor.framework.common.constant.Const;
 import com.orion.visor.framework.websocket.core.utils.WebSockets;
 import com.orion.visor.module.asset.define.config.AppTrackerConfig;
 import com.orion.visor.module.asset.entity.dto.ExecHostLogTailDTO;
@@ -84,16 +83,9 @@ public class ExecLogTracker implements IExecLogTracker {
         String message = config.getId() + LogConst.SEPARATOR + new String(bytes, 0, len);
         try {
             WebSockets.sendText(session, message);
-            return;
         } catch (Exception e) {
             log.error("ExecLogTracker.send error", e);
         }
-        // 重试
-        try {
-            WebSockets.retrySendText(session, message, Const.MS_100);
-        } catch (Exception e) {
-            log.error("ExecLogTracker.resend error fk", e);
-        }
     }
 
     @Override
diff --git a/orion-visor-ui/src/assets/style/layout.less b/orion-visor-ui/src/assets/style/layout.less
index 65373737..b6d8bb62 100644
--- a/orion-visor-ui/src/assets/style/layout.less
+++ b/orion-visor-ui/src/assets/style/layout.less
@@ -66,6 +66,11 @@
   }
 }
 
+// -- drawer
+.drawer-form-small{
+  padding: 20px 20px 2px 20px;
+}
+
 // -- modal
 .modal-form-small {
   .arco-modal-header {
diff --git a/orion-visor-ui/src/components/data/cron/input/const.types.ts b/orion-visor-ui/src/components/meta/cron/generator-input/const.types.ts
similarity index 100%
rename from orion-visor-ui/src/components/data/cron/input/const.types.ts
rename to orion-visor-ui/src/components/meta/cron/generator-input/const.types.ts
diff --git a/orion-visor-ui/src/components/data/cron/input/form/day-form.vue b/orion-visor-ui/src/components/meta/cron/generator-input/form/day-form.vue
similarity index 100%
rename from orion-visor-ui/src/components/data/cron/input/form/day-form.vue
rename to orion-visor-ui/src/components/meta/cron/generator-input/form/day-form.vue
diff --git a/orion-visor-ui/src/components/data/cron/input/form/hour-form.vue b/orion-visor-ui/src/components/meta/cron/generator-input/form/hour-form.vue
similarity index 100%
rename from orion-visor-ui/src/components/data/cron/input/form/hour-form.vue
rename to orion-visor-ui/src/components/meta/cron/generator-input/form/hour-form.vue
diff --git a/orion-visor-ui/src/components/data/cron/input/form/minute-form.vue b/orion-visor-ui/src/components/meta/cron/generator-input/form/minute-form.vue
similarity index 100%
rename from orion-visor-ui/src/components/data/cron/input/form/minute-form.vue
rename to orion-visor-ui/src/components/meta/cron/generator-input/form/minute-form.vue
diff --git a/orion-visor-ui/src/components/data/cron/input/form/month-form.vue b/orion-visor-ui/src/components/meta/cron/generator-input/form/month-form.vue
similarity index 100%
rename from orion-visor-ui/src/components/data/cron/input/form/month-form.vue
rename to orion-visor-ui/src/components/meta/cron/generator-input/form/month-form.vue
diff --git a/orion-visor-ui/src/components/data/cron/input/form/second-form.vue b/orion-visor-ui/src/components/meta/cron/generator-input/form/second-form.vue
similarity index 100%
rename from orion-visor-ui/src/components/data/cron/input/form/second-form.vue
rename to orion-visor-ui/src/components/meta/cron/generator-input/form/second-form.vue
diff --git a/orion-visor-ui/src/components/data/cron/input/form/use-mixin.ts b/orion-visor-ui/src/components/meta/cron/generator-input/form/use-mixin.ts
similarity index 100%
rename from orion-visor-ui/src/components/data/cron/input/form/use-mixin.ts
rename to orion-visor-ui/src/components/meta/cron/generator-input/form/use-mixin.ts
diff --git a/orion-visor-ui/src/components/data/cron/input/form/week-form.vue b/orion-visor-ui/src/components/meta/cron/generator-input/form/week-form.vue
similarity index 100%
rename from orion-visor-ui/src/components/data/cron/input/form/week-form.vue
rename to orion-visor-ui/src/components/meta/cron/generator-input/form/week-form.vue
diff --git a/orion-visor-ui/src/components/data/cron/input/form/year-form.vue b/orion-visor-ui/src/components/meta/cron/generator-input/form/year-form.vue
similarity index 100%
rename from orion-visor-ui/src/components/data/cron/input/form/year-form.vue
rename to orion-visor-ui/src/components/meta/cron/generator-input/form/year-form.vue
diff --git a/orion-visor-ui/src/components/data/cron/input/index.vue b/orion-visor-ui/src/components/meta/cron/generator-input/index.vue
similarity index 99%
rename from orion-visor-ui/src/components/data/cron/input/index.vue
rename to orion-visor-ui/src/components/meta/cron/generator-input/index.vue
index 3bdde4af..420031a7 100644
--- a/orion-visor-ui/src/components/data/cron/input/index.vue
+++ b/orion-visor-ui/src/components/meta/cron/generator-input/index.vue
@@ -99,7 +99,7 @@
                        :placeholder="placeholder"
                        @change="onInputCronChange">
                 <template #prepend>
-                  <span class="allow-click">Expression</span>
+                  <span class="allow-click">表达式</span>
                 </template>
                 <template #append>
                   <span class="allow-click span-blue"
@@ -124,7 +124,7 @@
 
 <script lang="ts">
   export default {
-    name: 'cronInput'
+    name: 'cronGeneratorInput'
   };
 </script>
 
diff --git a/orion-visor-ui/src/components/data/cron/model/index.vue b/orion-visor-ui/src/components/meta/cron/generator-model/index.vue
similarity index 89%
rename from orion-visor-ui/src/components/data/cron/model/index.vue
rename to orion-visor-ui/src/components/meta/cron/generator-model/index.vue
index db76aa4a..20e79289 100644
--- a/orion-visor-ui/src/components/data/cron/model/index.vue
+++ b/orion-visor-ui/src/components/meta/cron/generator-model/index.vue
@@ -3,7 +3,7 @@
            modal-class="modal-form-small"
            title-align="start"
            title="cron 生成器"
-           :top="16"
+           :top="32"
            :width="780"
            :align-center="false"
            :draggable="true"
@@ -11,7 +11,7 @@
            :unmount-on-close="true"
            :body-style="{ padding: '4px 16px 8px 16px' }">
     <!-- cron 输入框 -->
-    <cron-input v-model="cronExpression" />
+    <cron-generator-input v-model="cronExpression" />
     <!-- 页脚-->
     <template #footer>
       <a-button size="small" @click="handlerClose">关闭</a-button>
@@ -26,14 +26,14 @@
 
 <script lang="ts">
   export default {
-    name: 'cronModal'
+    name: 'cronGeneratorModal'
   };
 </script>
 
 <script lang="ts" setup>
   import { ref } from 'vue';
   import useVisible from '@/hooks/visible';
-  import CronInput from '@/components/data/cron/input/index.vue';
+  import CronGeneratorInput from '../generator-input/index.vue';
 
   const { visible, setVisible } = useVisible();
 
diff --git a/orion-visor-ui/src/components/meta/expression/next-cron-modal/index.vue b/orion-visor-ui/src/components/meta/cron/next-modal/index.vue
similarity index 98%
rename from orion-visor-ui/src/components/meta/expression/next-cron-modal/index.vue
rename to orion-visor-ui/src/components/meta/cron/next-modal/index.vue
index 70975549..2467feba 100644
--- a/orion-visor-ui/src/components/meta/expression/next-cron-modal/index.vue
+++ b/orion-visor-ui/src/components/meta/cron/next-modal/index.vue
@@ -32,7 +32,7 @@
 
 <script lang="ts">
   export default {
-    name: 'nextCronModal'
+    name: 'cronNextModal'
   };
 </script>
 
diff --git a/orion-visor-ui/src/components/data/cron/validator.ts b/orion-visor-ui/src/components/meta/cron/validator.ts
similarity index 100%
rename from orion-visor-ui/src/components/data/cron/validator.ts
rename to orion-visor-ui/src/components/meta/cron/validator.ts
diff --git a/orion-visor-ui/src/components/user/user/update-password-modal/index.vue b/orion-visor-ui/src/components/user/user/update-password-modal/index.vue
index 6db8e393..28ef7346 100644
--- a/orion-visor-ui/src/components/user/user/update-password-modal/index.vue
+++ b/orion-visor-ui/src/components/user/user/update-password-modal/index.vue
@@ -1,6 +1,6 @@
 <template>
   <a-modal v-model:visible="visible"
-           body-class="modal-form-large"
+           modal-class="modal-form-large"
            title-align="start"
            title="重置密码"
            :top="120"
diff --git a/orion-visor-ui/src/views/asset-audit/connect-log/components/connect-log-clear-modal.vue b/orion-visor-ui/src/views/asset-audit/connect-log/components/connect-log-clear-modal.vue
index 1f7c3ef0..3f979d5b 100644
--- a/orion-visor-ui/src/views/asset-audit/connect-log/components/connect-log-clear-modal.vue
+++ b/orion-visor-ui/src/views/asset-audit/connect-log/components/connect-log-clear-modal.vue
@@ -1,6 +1,6 @@
 <template>
   <a-modal v-model:visible="visible"
-           body-class="modal-form-large"
+           modal-class="modal-form-large"
            title-align="start"
            title="清空主机连接日志"
            :align-center="false"
diff --git a/orion-visor-ui/src/views/asset/host-identity/components/host-identity-form-modal.vue b/orion-visor-ui/src/views/asset/host-identity/components/host-identity-form-modal.vue
index e5657129..c3594507 100644
--- a/orion-visor-ui/src/views/asset/host-identity/components/host-identity-form-modal.vue
+++ b/orion-visor-ui/src/views/asset/host-identity/components/host-identity-form-modal.vue
@@ -1,6 +1,6 @@
 <template>
   <a-modal v-model:visible="visible"
-           body-class="modal-form-large"
+           modal-class="modal-form-large"
            title-align="start"
            :title="title"
            :top="80"
@@ -52,7 +52,8 @@
         <!-- 主机密钥 -->
         <a-form-item v-if="formModel.type === IdentityType.KEY"
                      field="keyId"
-                     label="主机密钥">
+                     label="主机密钥"
+                     :hide-asterisk="true">
           <host-key-selector v-model="formModel.keyId" />
         </a-form-item>
       </a-form>
diff --git a/orion-visor-ui/src/views/asset/host-key/components/host-key-form-drawer.vue b/orion-visor-ui/src/views/asset/host-key/components/host-key-form-drawer.vue
index 031d293d..bca64d5a 100644
--- a/orion-visor-ui/src/views/asset/host-key/components/host-key-form-drawer.vue
+++ b/orion-visor-ui/src/views/asset/host-key/components/host-key-form-drawer.vue
@@ -8,7 +8,7 @@
             :cancel-button-props="{ disabled: loading }"
             :on-before-ok="handlerOk"
             @cancel="handleClose">
-    <a-spin class="full modal-form-small" :loading="loading">
+    <a-spin class="full drawer-form-small" :loading="loading">
       <a-alert class="keygen-alert">
         请使用 ssh-keygen -m PEM -t rsa 生成密钥
       </a-alert>
diff --git a/orion-visor-ui/src/views/asset/host-list/components/host-form-modal.vue b/orion-visor-ui/src/views/asset/host-list/components/host-form-modal.vue
index 218a75dd..09ba1654 100644
--- a/orion-visor-ui/src/views/asset/host-list/components/host-form-modal.vue
+++ b/orion-visor-ui/src/views/asset/host-list/components/host-form-modal.vue
@@ -1,6 +1,6 @@
 <template>
   <a-modal v-model:visible="visible"
-           body-class="modal-form-large"
+           modal-class="modal-form-large"
            title-align="start"
            :title="title"
            :top="80"
diff --git a/orion-visor-ui/src/views/exec/exec-command-log/components/exec-command-log-clear-modal.vue b/orion-visor-ui/src/views/exec/exec-command-log/components/exec-command-log-clear-modal.vue
index bbaa810f..1b521527 100644
--- a/orion-visor-ui/src/views/exec/exec-command-log/components/exec-command-log-clear-modal.vue
+++ b/orion-visor-ui/src/views/exec/exec-command-log/components/exec-command-log-clear-modal.vue
@@ -1,6 +1,6 @@
 <template>
   <a-modal v-model:visible="visible"
-           body-class="modal-form-large"
+           modal-class="modal-form-large"
            title-align="start"
            title="清空批量执行日志"
            :align-center="false"
diff --git a/orion-visor-ui/src/views/exec/exec-template/components/exec-template-exec-drawer.vue b/orion-visor-ui/src/views/exec/exec-template/components/exec-template-exec-drawer.vue
index 6f920402..3017d090 100644
--- a/orion-visor-ui/src/views/exec/exec-template/components/exec-template-exec-drawer.vue
+++ b/orion-visor-ui/src/views/exec/exec-template/components/exec-template-exec-drawer.vue
@@ -9,7 +9,7 @@
             :cancel-button-props="{ disabled: loading }"
             :on-before-ok="handlerOk"
             @cancel="handleClose">
-    <a-spin class="full modal-form-small" :loading="loading">
+    <a-spin class="full drawer-form-small" :loading="loading">
       <!-- 命令表单 -->
       <a-form :model="formModel"
               ref="formRef"
diff --git a/orion-visor-ui/src/views/exec/exec-template/components/exec-template-form-drawer.vue b/orion-visor-ui/src/views/exec/exec-template/components/exec-template-form-drawer.vue
index 08c24518..0a674a8d 100644
--- a/orion-visor-ui/src/views/exec/exec-template/components/exec-template-form-drawer.vue
+++ b/orion-visor-ui/src/views/exec/exec-template/components/exec-template-form-drawer.vue
@@ -9,7 +9,7 @@
             :cancel-button-props="{ disabled: loading }"
             :on-before-ok="handlerOk"
             @cancel="handleClose">
-    <a-spin class="full modal-form-small" :loading="loading">
+    <a-spin class="full drawer-form-small" :loading="loading">
       <a-form :model="formModel"
               ref="formRef"
               label-align="right"
diff --git a/orion-visor-ui/src/views/exec/upload-task/components/upload-task-clear-modal.vue b/orion-visor-ui/src/views/exec/upload-task/components/upload-task-clear-modal.vue
index bae36103..641014cf 100644
--- a/orion-visor-ui/src/views/exec/upload-task/components/upload-task-clear-modal.vue
+++ b/orion-visor-ui/src/views/exec/upload-task/components/upload-task-clear-modal.vue
@@ -1,6 +1,6 @@
 <template>
   <a-modal v-model:visible="visible"
-           body-class="modal-form-large"
+           modal-class="modal-form-large"
            title-align="start"
            title="清理上传任务"
            :top="80"
diff --git a/orion-visor-ui/src/views/host/terminal/components/sftp/sftp-chmod-modal.vue b/orion-visor-ui/src/views/host/terminal/components/sftp/sftp-chmod-modal.vue
index 4890f480..a0c8fba6 100644
--- a/orion-visor-ui/src/views/host/terminal/components/sftp/sftp-chmod-modal.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/sftp/sftp-chmod-modal.vue
@@ -1,6 +1,6 @@
 <template>
   <a-modal v-model:visible="visible"
-           body-class="modal-form-large"
+           modal-class="modal-form-large"
            title-align="start"
            title="修改权限"
            :align-center="false"
diff --git a/orion-visor-ui/src/views/host/terminal/components/sftp/sftp-create-modal.vue b/orion-visor-ui/src/views/host/terminal/components/sftp/sftp-create-modal.vue
index d86d622e..904c9a55 100644
--- a/orion-visor-ui/src/views/host/terminal/components/sftp/sftp-create-modal.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/sftp/sftp-create-modal.vue
@@ -1,6 +1,6 @@
 <template>
   <a-modal v-model:visible="visible"
-           body-class="modal-form-large"
+           modal-class="modal-form-large"
            title-align="start"
            :title="touch ? '创建文件' : '创建文件夹'"
            :align-center="false"
diff --git a/orion-visor-ui/src/views/host/terminal/components/sftp/sftp-move-modal.vue b/orion-visor-ui/src/views/host/terminal/components/sftp/sftp-move-modal.vue
index 4c1e143d..c4f85b38 100644
--- a/orion-visor-ui/src/views/host/terminal/components/sftp/sftp-move-modal.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/sftp/sftp-move-modal.vue
@@ -1,6 +1,6 @@
 <template>
   <a-modal v-model:visible="visible"
-           body-class="modal-form-large"
+           modal-class="modal-form-large"
            title-align="start"
            title="移动文件"
            :align-center="false"
diff --git a/orion-visor-ui/src/views/host/terminal/index.vue b/orion-visor-ui/src/views/host/terminal/index.vue
index 0092f66f..ac9552d7 100644
--- a/orion-visor-ui/src/views/host/terminal/index.vue
+++ b/orion-visor-ui/src/views/host/terminal/index.vue
@@ -165,11 +165,11 @@
     }
 
     &-left {
-      border-right: 1px solid var(--color-bg-content);
+      border-right: 1px var(--color-bg-content) solid;
     }
 
     &-right {
-      border-left: 1px solid var(--color-bg-content);
+      border-left: 1px var(--color-bg-content) solid;
     }
 
     &-content {
diff --git a/orion-visor-ui/src/views/job/exec-job-log/components/exec-job-log-clear-modal.vue b/orion-visor-ui/src/views/job/exec-job-log/components/exec-job-log-clear-modal.vue
index 96c57472..7fbbb191 100644
--- a/orion-visor-ui/src/views/job/exec-job-log/components/exec-job-log-clear-modal.vue
+++ b/orion-visor-ui/src/views/job/exec-job-log/components/exec-job-log-clear-modal.vue
@@ -1,6 +1,6 @@
 <template>
   <a-modal v-model:visible="visible"
-           body-class="modal-form-large"
+           modal-class="modal-form-large"
            title-align="start"
            title="清空计划任务日志"
            :align-center="false"
diff --git a/orion-visor-ui/src/views/job/exec-job/components/exec-job-form-drawer.vue b/orion-visor-ui/src/views/job/exec-job/components/exec-job-form-drawer.vue
index 0dd31f80..e207c7be 100644
--- a/orion-visor-ui/src/views/job/exec-job/components/exec-job-form-drawer.vue
+++ b/orion-visor-ui/src/views/job/exec-job/components/exec-job-form-drawer.vue
@@ -9,7 +9,7 @@
             :cancel-button-props="{ disabled: loading }"
             :on-before-ok="handlerOk"
             @cancel="handleClose">
-    <a-spin class="full modal-form-small" :loading="loading">
+    <a-spin class="full drawer-form-small" :loading="loading">
       <a-form :model="formModel"
               ref="formRef"
               label-align="right"
@@ -51,7 +51,12 @@
                        placeholder="请输入 cron 表达式"
                        allow-clear>
                 <template #append>
-                  <span class="span-blue pointer usn"
+                  <span class="span-blue usn cron-action-item"
+                        title="生成 cron 表达式"
+                        @click="emits('genCron', formModel.expression)">
+                    生成
+                  </span>
+                  <span class="span-blue usn cron-action-item"
                         title="获取 cron 下次执行时间"
                         @click="emits('testCron', formModel.expression)">
                     测试
@@ -142,7 +147,7 @@
   import { useDictStore } from '@/store';
   import ExecEditor from '@/components/view/exec-editor/index.vue';
 
-  const emits = defineEmits(['added', 'updated', 'openHost', 'openTemplate', 'testCron']);
+  const emits = defineEmits(['added', 'updated', 'openHost', 'openTemplate', 'testCron', 'genCron']);
 
   const { visible, setVisible } = useVisible();
   const { loading, setLoading } = useLoading();
@@ -205,6 +210,11 @@
     };
   };
 
+  // 设置表达式
+  const setExpression = (expression: string) => {
+    formModel.value.expression = expression;
+  };
+
   // 设置选中主机
   const setSelectedHost = (hosts: Array<number>) => {
     formModel.value.hostIdList = hosts;
@@ -231,7 +241,7 @@
     }
   };
 
-  defineExpose({ openAdd, openUpdate, setSelectedHost, setWithTemplate });
+  defineExpose({ openAdd, openUpdate, setSelectedHost, setWithTemplate, setExpression });
 
   // 打开选择主机
   const openSelectHost = () => {
@@ -320,4 +330,26 @@
     height: calc(100vh - 264px);
   }
 
+  :deep(.arco-input-append) {
+    padding: 0 !important;
+  }
+
+  .cron-action-item {
+    width: 100%;
+    height: 100%;
+    padding: 0 12px;
+    display: flex;
+    cursor: pointer;
+    align-items: center;
+    transition: background-color .2s;
+
+    &:hover {
+      background: var(--color-fill-3);
+    }
+
+    &:first-child {
+      border-right: 1px var(--color-neutral-3) solid;
+    }
+  }
+
 </style>
diff --git a/orion-visor-ui/src/views/job/exec-job/index.vue b/orion-visor-ui/src/views/job/exec-job/index.vue
index 9b1945d5..2fa047f4 100644
--- a/orion-visor-ui/src/views/job/exec-job/index.vue
+++ b/orion-visor-ui/src/views/job/exec-job/index.vue
@@ -12,11 +12,15 @@
                           @updated="modalUpdateCallback"
                           @open-host="(e) => hostModal.open(e)"
                           @open-template="() => templateModal.open()"
-                          @test-cron="openNextCron" />
+                          @test-cron="openNextCron"
+                          @gen-cron="openGeneratorCron" />
     <!-- 任务详情模态框 -->
     <exec-job-detail-drawer ref="detail" />
     <!-- cron 执行时间模态框 -->
-    <next-cron-modal ref="nextCron" />
+    <cron-next-modal ref="nextCron" />
+    <!-- cron 生成模态框 -->
+    <cron-generator-modal ref="genModal"
+                          @ok="(e) => drawer.setExpression(e)" />
     <!-- 执行模板模态框 -->
     <exec-template-modal ref="templateModal"
                          @selected="(e) => drawer.setWithTemplate(e)" />
@@ -40,14 +44,16 @@
   import ExecJobFormDrawer from './components/exec-job-form-drawer.vue';
   import ExecJobDetailDrawer from './components/exec-job-detail-drawer.vue';
   import AuthorizedHostModal from '@/components/asset/host/authorized-host-modal/index.vue';
-  import NextCronModal from '@/components/meta/expression/next-cron-modal/index.vue';
   import ExecTemplateModal from '@/components/exec/template/modal/index.vue';
+  import CronNextModal from '@/components/meta/cron/next-modal/index.vue';
+  import CronGeneratorModal from '@/components/meta/cron/generator-model/index.vue';
 
   const render = ref(false);
   const table = ref();
   const drawer = ref();
   const detail = ref();
   const nextCron = ref();
+  const genModal = ref();
   const templateModal = ref();
   const hostModal = ref();
 
@@ -66,6 +72,11 @@
     nextCron.value.open({ expression: cron, times: CronNextTimes });
   };
 
+  // 打开生成表达式
+  const openGeneratorCron = (cron: string) => {
+    genModal.value.open(cron);
+  };
+
   onBeforeMount(async () => {
     const dictStore = useDictStore();
     await dictStore.loadKeys(dictKeys);
diff --git a/orion-visor-ui/src/views/system/dict-key/components/dict-key-form-modal.vue b/orion-visor-ui/src/views/system/dict-key/components/dict-key-form-modal.vue
index 7f07f760..f537bba5 100644
--- a/orion-visor-ui/src/views/system/dict-key/components/dict-key-form-modal.vue
+++ b/orion-visor-ui/src/views/system/dict-key/components/dict-key-form-modal.vue
@@ -1,6 +1,6 @@
 <template>
   <a-modal v-model:visible="visible"
-           body-class="modal-form-large"
+           modal-class="modal-form-large"
            title-align="start"
            :title="title"
            :top="80"
diff --git a/orion-visor-ui/src/views/system/dict-value/components/dict-value-form-modal.vue b/orion-visor-ui/src/views/system/dict-value/components/dict-value-form-modal.vue
index 94719fe7..7b438d6f 100644
--- a/orion-visor-ui/src/views/system/dict-value/components/dict-value-form-modal.vue
+++ b/orion-visor-ui/src/views/system/dict-value/components/dict-value-form-modal.vue
@@ -1,6 +1,6 @@
 <template>
   <a-modal v-model:visible="visible"
-           body-class="modal-form-large"
+           modal-class="modal-form-large"
            title-align="start"
            :title="title"
            :top="80"
diff --git a/orion-visor-ui/src/views/system/menu/components/menu-form-modal.vue b/orion-visor-ui/src/views/system/menu/components/menu-form-modal.vue
index ad600211..08392179 100644
--- a/orion-visor-ui/src/views/system/menu/components/menu-form-modal.vue
+++ b/orion-visor-ui/src/views/system/menu/components/menu-form-modal.vue
@@ -1,6 +1,6 @@
 <template>
   <a-modal v-model:visible="visible"
-           body-class="modal-form-large"
+           modal-class="modal-form-large"
            title-align="start"
            :title="title"
            :top="30"
diff --git a/orion-visor-ui/src/views/user/operator-log/components/operator-log-clear-modal.vue b/orion-visor-ui/src/views/user/operator-log/components/operator-log-clear-modal.vue
index e9e7fc14..2c0472c1 100644
--- a/orion-visor-ui/src/views/user/operator-log/components/operator-log-clear-modal.vue
+++ b/orion-visor-ui/src/views/user/operator-log/components/operator-log-clear-modal.vue
@@ -1,6 +1,6 @@
 <template>
   <a-modal v-model:visible="visible"
-           body-class="modal-form-large"
+           modal-class="modal-form-large"
            title-align="start"
            title="清空操作日志"
            :align-center="false"
diff --git a/orion-visor-ui/src/views/user/role/components/role-form-modal.vue b/orion-visor-ui/src/views/user/role/components/role-form-modal.vue
index 014e7ab0..f437c336 100644
--- a/orion-visor-ui/src/views/user/role/components/role-form-modal.vue
+++ b/orion-visor-ui/src/views/user/role/components/role-form-modal.vue
@@ -1,6 +1,6 @@
 <template>
   <a-modal v-model:visible="visible"
-           body-class="modal-form-large"
+           modal-class="modal-form-large"
            title-align="start"
            :title="title"
            :top="80"
diff --git a/orion-visor-ui/src/views/user/role/components/role-menu-grant-modal.vue b/orion-visor-ui/src/views/user/role/components/role-menu-grant-modal.vue
index 182b460d..da509ccd 100644
--- a/orion-visor-ui/src/views/user/role/components/role-menu-grant-modal.vue
+++ b/orion-visor-ui/src/views/user/role/components/role-menu-grant-modal.vue
@@ -1,6 +1,6 @@
 <template>
   <a-modal v-model:visible="visible"
-           body-class="modal-form-small"
+           modal-class="modal-form-large"
            title-align="start"
            title="分配菜单"
            width="80%"
@@ -15,7 +15,7 @@
            :on-before-ok="handlerOk"
            @close="handleClose">
     <div class="role-menu-wrapper">
-      <a-spin :loading="loading">
+      <a-spin class="full" :loading="loading">
         <a-alert class="usn mb8">
           <span>{{ roleRecord.name }} {{ roleRecord.code }}</span>
           <span class="mx8">-</span>
diff --git a/orion-visor-ui/src/views/user/user/components/user-form-modal.vue b/orion-visor-ui/src/views/user/user/components/user-form-modal.vue
index 26ca96e3..a44d4123 100644
--- a/orion-visor-ui/src/views/user/user/components/user-form-modal.vue
+++ b/orion-visor-ui/src/views/user/user/components/user-form-modal.vue
@@ -1,6 +1,6 @@
 <template>
   <a-modal v-model:visible="visible"
-           body-class="modal-form-large"
+           modal-class="modal-form-large"
            title-align="start"
            :title="title"
            :top="80"
diff --git a/orion-visor-ui/src/views/user/user/components/user-grant-roles-form-modal.vue b/orion-visor-ui/src/views/user/user/components/user-grant-roles-form-modal.vue
index e041625d..390b41da 100644
--- a/orion-visor-ui/src/views/user/user/components/user-grant-roles-form-modal.vue
+++ b/orion-visor-ui/src/views/user/user/components/user-grant-roles-form-modal.vue
@@ -1,6 +1,6 @@
 <template>
   <a-modal v-model:visible="visible"
-           body-class="modal-form-large"
+           modal-class="modal-form-large"
            title-align="start"
            title="分配角色"
            :top="120"
diff --git a/orion-visor-ui/src/views/user/user/components/user-reset-password-form-modal.vue b/orion-visor-ui/src/views/user/user/components/user-reset-password-form-modal.vue
index 44a18a6b..e6c2f45f 100644
--- a/orion-visor-ui/src/views/user/user/components/user-reset-password-form-modal.vue
+++ b/orion-visor-ui/src/views/user/user/components/user-reset-password-form-modal.vue
@@ -1,6 +1,6 @@
 <template>
   <a-modal v-model:visible="visible"
-           body-class="modal-form-large"
+           modal-class="modal-form-large"
            title-align="start"
            title="重置密码"
            :top="120"