优化

src/views/index.vue

@@ -20,11 +20,11 @@
                 <div class="decorative-icons">
                     <div
                         class="icon-item"
-                        v-for="(item, index) in iconItems"
                         :key="index"
-                        :style="{ animationDelay: `${index * 0.2}s` }"
-                        @click="handleIconClick(item.path)"
                         :title="item.title"
+                        v-for="(item, index) in iconItems"
+                        @click="handleIconClick(item.path)"
+                        :style="{ animationDelay: `${index * 0.2}s` }"
                     >
                         <el-icon :size="24"><component :is="item.icon" /></el-icon>
                         <span class="icon-label">{{ item.title }}</span>

src/views/sMsSendManage/loopSend/edit.vue

@@ -46,10 +46,11 @@
 
                 <el-row :gutter="24">
                     <el-col :span="24">
-                        <el-form-item label="cron表达式" prop="cronExpression">
+                        <el-form-item label="循环方式" prop="cronExpressionMsg">
                             <el-input
-                                v-model="formData.cronExpression"
+                                disabled
-                                placeholder="请输入cron执行表达式"
+                                placeholder="请选择循环方式"
+                                v-model="formData.cronExpressionMsg"
                             >
                                 <template #append>
                                     <el-button
@@ -326,7 +327,7 @@ const cronDialogConfig = reactive({
     minHeight: '500px',
     outerWidth: '70%',
     outerVisible: false,
-    outerTitle: 'Cron表达式生成器',
+    outerTitle: '循环方式配置',
 })
 
 // 定义初始表单数据
@@ -335,6 +336,7 @@ const getInitFormData = () => ({
     taskName: '', // 任务名称
     msgType: '', // 短信类型：1-通知，2-计划
     cronExpression: '', // cron表达式
+    cronExpressionMsg: '', // 循环方式
     misfirePolicy: '1', // 执行策略：1-立即执行，2-执行一次，3-放弃执行
     concurrent: '1', // 是否并发：0-允许，1-禁止
     sendContent: '', // 发送内容
@@ -349,7 +351,7 @@ const formData = ref(getInitFormData())
 const rules = {
     taskName: [{ required: true, message: '请输入任务名称', trigger: 'blur' }],
     msgType: [{ required: true, message: '请选择短信类型', trigger: 'change' }],
-    cronExpression: [{ required: true, message: '请输入cron表达式', trigger: 'change' }],
+    cronExpressionMsg: [{ required: true, message: '请选择循环方式', trigger: 'change' }],
     sendContent: [{ required: true, message: '请输入发送内容', trigger: 'blur' }],
     recipientList: [
         {
@@ -736,6 +738,7 @@ const crontabFill = (value) => {
     if (chineseDesc) {
         // 清空之前的备注，直接赋值新的中文说明
         formData.value.remark = chineseDesc
+        formData.value.cronExpressionMsg = chineseDesc
     }
 
     cronDialogConfig.outerVisible = false