Răsfoiți Sursa

feat(timerConfig): 添加跑马灯内容配置功能

- 在页面中新增跑马灯内容卡片组件
- 添加文本域输入框用于配置跑马灯文字内容
- 设置最大字符限制为500并启用字数统计
- 在表单数据结构中初始化marqueeText字段为空字符串
- 集成到现有的定时器配置界面布局中
fugui 3 săptămâni în urmă
părinte
comite
03757b86bf
1 a modificat fișierele cu 17 adăugiri și 1 ștergeri
  1. 17 1
      src/views/system/physical/timerConfig/index.vue

+ 17 - 1
src/views/system/physical/timerConfig/index.vue

@@ -136,6 +136,21 @@
         <el-button type="warning" plain class="w-full py-4 text-lg dashed-border mt-4" @click="openSpecialDialog">
           <el-icon class="mr-2"><Setting /></el-icon> 进入【特殊配置】 (暂停/结束/同步界面)
         </el-button>
+
+        <!-- 跑马灯内容 -->
+        <el-card shadow="hover" class="mt-4">
+          <template #header>
+            <span class="font-bold">跑马灯内容</span>
+          </template>
+          <el-input
+            v-model="form.marqueeText"
+            type="textarea"
+            :rows="4"
+            placeholder="请输入大屏底部跑马灯滚动显示的文字"
+            show-word-limit
+            :maxlength="500"
+          />
+        </el-card>
       </el-col>
 
       <!-- ================= 右侧:配置表单区 ================= -->
@@ -423,7 +438,8 @@ const initFormData = {
   // 特殊 - 暂停倒计时
   pauseTimerBgColor: '#000000',
   pauseTimerTextColor: '#FFFFFF',
-  pauseTimerNumColor: '#00FF4D'
+  pauseTimerNumColor: '#00FF4D',
+  marqueeText: ''
 };
 
 const predefineColors = ref(['#ff4500', '#ff8c00', '#ffd700', '#90ee90', '#00ced1', '#1e90ff', '#c71585', '#ffffff']);