Ver Fonte

feat: add default click handlers for unimplemented buttons

- Created notificationHelper utility in src/utils/notificationHelper.ts
- Added onClick handlers to 29 buttons across 4 files:
  - src/pages/output/print/PrintControl.tsx (2 buttons)
  - src/pages/output/print/ImageOperationPanel.tsx (13 buttons)
  - src/pages/output/print/FilmOperationPanel.tsx (12 buttons)
  - src/pages/exam/AppendViews/AppendView.tsx (2 buttons)
- All unimplemented buttons now show '此功能未实现,敬请期待' message
sw há 6 dias atrás
pai
commit
87f42b7b6d

+ 13 - 2
src/pages/exam/AppendViews/AppendView.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import { Button, Card, Layout, Space } from 'antd';
+import { showNotImplemented } from '@/utils/notificationHelper';
 
 const { Content } = Layout;
 
@@ -27,8 +28,18 @@ const AppendView: React.FC = () => {
 
       {/* Floating buttons */}
       <Space className="floating-buttons">
-        <Button className="cancel-button">Cancel</Button>
-        <Button className="accept-button">Accept</Button>
+        <Button
+          className="cancel-button"
+          onClick={() => showNotImplemented('Cancel')}
+        >
+          Cancel
+        </Button>
+        <Button
+          className="accept-button"
+          onClick={() => showNotImplemented('Accept')}
+        >
+          Accept
+        </Button>
       </Space>
     </Layout>
   );

+ 23 - 12
src/pages/output/print/FilmOperationPanel.tsx

@@ -1,20 +1,31 @@
 import React from 'react';
+import { showNotImplemented } from '@/utils/notificationHelper';
 
 const FilmOperationPanel: React.FC = () => {
   return (
     <div className="film-operation-panel">
-      <button>添加胶片</button>
-      <button>删除胶片</button>
-      <button>横向与竖向胶片</button>
-      <button>关闭选中胶片</button>
-      <button>1×1布局</button>
-      <button>1×2布局</button>
-      <button>2×1布局</button>
-      <button>2×2布局</button>
-      <button>自定义布局</button>
-      <button>定义子布局</button>
-      <button>删除子布局</button>
-      <button>Preset</button>
+      <button onClick={() => showNotImplemented('添加胶片')}>添加胶片</button>
+      <button onClick={() => showNotImplemented('删除胶片')}>删除胶片</button>
+      <button onClick={() => showNotImplemented('横向与竖向胶片')}>
+        横向与竖向胶片
+      </button>
+      <button onClick={() => showNotImplemented('关闭选中胶片')}>
+        关闭选中胶片
+      </button>
+      <button onClick={() => showNotImplemented('1×1布局')}>1×1布局</button>
+      <button onClick={() => showNotImplemented('1×2布局')}>1×2布局</button>
+      <button onClick={() => showNotImplemented('2×1布局')}>2×1布局</button>
+      <button onClick={() => showNotImplemented('2×2布局')}>2×2布局</button>
+      <button onClick={() => showNotImplemented('自定义布局')}>
+        自定义布局
+      </button>
+      <button onClick={() => showNotImplemented('定义子布局')}>
+        定义子布局
+      </button>
+      <button onClick={() => showNotImplemented('删除子布局')}>
+        删除子布局
+      </button>
+      <button onClick={() => showNotImplemented('Preset')}>Preset</button>
     </div>
   );
 };

+ 20 - 13
src/pages/output/print/ImageOperationPanel.tsx

@@ -1,21 +1,28 @@
 import React from 'react';
+import { showNotImplemented } from '@/utils/notificationHelper';
 
 const ImageOperationPanel: React.FC = () => {
   return (
     <div className="image-operation-panel">
-      <button>Zoom</button>
-      <button>Pan</button>
-      <button>左转90</button>
-      <button>右转90</button>
-      <button>拖放</button>
-      <button>同比缩放</button>
-      <button>水平翻转</button>
-      <button>竖直翻转</button>
-      <button>重新装载</button>
-      <button>自适应大小</button>
-      <button>鼠标调节亮度与对比度</button>
-      <button>反色</button>
-      <button>隐藏或者显示信息</button>
+      <button onClick={() => showNotImplemented('Zoom')}>Zoom</button>
+      <button onClick={() => showNotImplemented('Pan')}>Pan</button>
+      <button onClick={() => showNotImplemented('左转90')}>左转90</button>
+      <button onClick={() => showNotImplemented('右转90')}>右转90</button>
+      <button onClick={() => showNotImplemented('拖放')}>拖放</button>
+      <button onClick={() => showNotImplemented('同比缩放')}>同比缩放</button>
+      <button onClick={() => showNotImplemented('水平翻转')}>水平翻转</button>
+      <button onClick={() => showNotImplemented('竖直翻转')}>竖直翻转</button>
+      <button onClick={() => showNotImplemented('重新装载')}>重新装载</button>
+      <button onClick={() => showNotImplemented('自适应大小')}>
+        自适应大小
+      </button>
+      <button onClick={() => showNotImplemented('鼠标调节亮度与对比度')}>
+        鼠标调节亮度与对比度
+      </button>
+      <button onClick={() => showNotImplemented('反色')}>反色</button>
+      <button onClick={() => showNotImplemented('隐藏或者显示信息')}>
+        隐藏或者显示信息
+      </button>
     </div>
   );
 };

+ 3 - 2
src/pages/output/print/PrintControl.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import { showNotImplemented } from '@/utils/notificationHelper';
 
 const PrintControl: React.FC = () => {
   return (
@@ -11,8 +12,8 @@ const PrintControl: React.FC = () => {
         <option>操作尺寸1</option>
         <option>操作尺寸2</option>
       </select>
-      <button>DICOM打印</button>
-      <button>本地打印</button>
+      <button onClick={() => showNotImplemented('DICOM打印')}>DICOM打印</button>
+      <button onClick={() => showNotImplemented('本地打印')}>本地打印</button>
     </div>
   );
 };

+ 12 - 0
src/utils/notificationHelper.ts

@@ -0,0 +1,12 @@
+import { message } from 'antd';
+
+/**
+ * 显示功能未实现的提示信息
+ * @param featureName 可选的功能名称,如果提供则显示具体功能名
+ */
+export const showNotImplemented = (featureName?: string): void => {
+  const msg = featureName
+    ? `${featureName}功能未实现,敬请期待`
+    : '此功能未实现,敬请期待';
+  message.info(msg);
+};