refactor(ui): 优化通知模板编辑弹窗和历史记录列表展示

- 在通知模板编辑弹窗中移除了不必要的参数 - 优化了历史记录列表的摘要列显示，添加省略号 - 在时间引擎和规则单元组件中增加了点击事件，改善了用户交互
aide-family · Jan 15, 2025 · 1e49ee8 · 1e49ee8
1 parent 49de3c8
commit 1e49ee8
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 4 deletions.
diff --git a/src/pages/archive/history/options.tsx b/src/pages/archive/history/options.tsx
@@ -96,7 +96,7 @@ export const getColumnList = (props: GroupColumnProps): ColumnsType<AlarmHistory
       title: '摘要',
       dataIndex: 'summary',
       key: 'summary',
-      width: 400
+      ellipsis: true
     },
     {
       title: '操作',

diff --git a/src/pages/notify/rule/time-engine.tsx b/src/pages/notify/rule/time-engine.tsx
@@ -193,7 +193,12 @@ const TimeEngine: React.FC<TimeEngineProps> = ({ switchTimeEngine }) => {
               <Button type='link' onClick={switchTimeEngine}>
                 <SwapOutlined />
               </Button>
-              <div className='text-lg font-bold text-slate-400'>规则单元</div>
+              <div
+                className='text-lg font-bold text-slate-400 cursor-pointer hover:text-purple-500'
+                onClick={switchTimeEngine}
+              >
+                规则单元
+              </div>
             </div>
             <Space size={8}>
               <Button type='primary' onClick={() => handleEditModal()}>

diff --git a/src/pages/notify/rule/time-rule.tsx b/src/pages/notify/rule/time-rule.tsx
@@ -197,7 +197,12 @@ const TimeRule: React.FC<TimeRuleProps> = ({ switchTimeEngine }) => {
               <Button type='link' onClick={switchTimeEngine}>
                 <SwapOutlined />
               </Button>
-              <div className='text-lg font-bold text-slate-400'>时间引擎</div>
+              <div
+                className='text-lg font-bold text-slate-400 cursor-pointer hover:text-purple-500'
+                onClick={switchTimeEngine}
+              >
+                时间引擎
+              </div>
             </div>
             <Space size={8}>
               <Button type='primary' onClick={() => handleEditModal()}>

diff --git a/src/pages/notify/template/modal-edit.tsx b/src/pages/notify/template/modal-edit.tsx
@@ -59,7 +59,7 @@ export function EditSendTemplateModal(props: EditSendTemplateModalProps) {
 
   useEffect(() => {
     if (sendTemplateId && open) {
-      initSendTemplateDetail(sendTemplateId, true)
+      initSendTemplateDetail(sendTemplateId)
     }
     if (!open) {
       form.resetFields()