Browse Source

feat(exam): add icons for buttons in exam page

sw 1 month ago
parent
commit
48f1b230df
29 changed files with 61 additions and 19 deletions
  1. BIN
      src/assets/Icons/base/module-exam/theme-default/1x/btn_CloseCamera_disable.png
  2. BIN
      src/assets/Icons/base/module-exam/theme-default/1x/btn_CloseCamera_down.png
  3. BIN
      src/assets/Icons/base/module-exam/theme-default/1x/btn_CloseCamera_normal.png
  4. BIN
      src/assets/Icons/base/module-exam/theme-default/1x/btn_CloseCamera_over.png
  5. BIN
      src/assets/Icons/base/module-exam/theme-default/1x/btn_Copy_disable.png
  6. BIN
      src/assets/Icons/base/module-exam/theme-default/1x/btn_Copy_down.png
  7. BIN
      src/assets/Icons/base/module-exam/theme-default/1x/btn_Copy_normal.png
  8. BIN
      src/assets/Icons/base/module-exam/theme-default/1x/btn_Copy_over.png
  9. BIN
      src/assets/Icons/base/module-exam/theme-default/1x/btn_DeleteView_disable.png
  10. BIN
      src/assets/Icons/base/module-exam/theme-default/1x/btn_DeleteView_down.png
  11. BIN
      src/assets/Icons/base/module-exam/theme-default/1x/btn_DeleteView_normal.png
  12. BIN
      src/assets/Icons/base/module-exam/theme-default/1x/btn_DeleteView_over.png
  13. BIN
      src/assets/Icons/base/module-exam/theme-default/1x/btn_OpenCamera_disable.png
  14. BIN
      src/assets/Icons/base/module-exam/theme-default/1x/btn_OpenCamera_down.png
  15. BIN
      src/assets/Icons/base/module-exam/theme-default/1x/btn_OpenCamera_normal.png
  16. BIN
      src/assets/Icons/base/module-exam/theme-default/1x/btn_OpenCamera_over.png
  17. BIN
      src/assets/Icons/base/module-exam/theme-default/1x/btn_RejectImage_disable.png
  18. BIN
      src/assets/Icons/base/module-exam/theme-default/1x/btn_RejectImage_down.png
  19. BIN
      src/assets/Icons/base/module-exam/theme-default/1x/btn_RejectImage_normal.png
  20. BIN
      src/assets/Icons/base/module-exam/theme-default/1x/btn_RejectImage_over.png
  21. BIN
      src/assets/Icons/base/module-exam/theme-default/1x/btn_ResetGenerator_disable.png
  22. BIN
      src/assets/Icons/base/module-exam/theme-default/1x/btn_ResetGenerator_down.png
  23. BIN
      src/assets/Icons/base/module-exam/theme-default/1x/btn_ResetGenerator_normal.png
  24. BIN
      src/assets/Icons/base/module-exam/theme-default/1x/btn_ResetGenerator_over.png
  25. BIN
      src/assets/Icons/base/module-exam/theme-default/1x/btn_Save_disable.png
  26. BIN
      src/assets/Icons/base/module-exam/theme-default/1x/btn_Save_down.png
  27. BIN
      src/assets/Icons/base/module-exam/theme-default/1x/btn_Save_normal.png
  28. BIN
      src/assets/Icons/base/module-exam/theme-default/1x/btn_Save_over.png
  29. 61 19
      src/pages/exam/ContentAreaLarge.tsx

BIN
src/assets/Icons/base/module-exam/theme-default/1x/btn_CloseCamera_disable.png


BIN
src/assets/Icons/base/module-exam/theme-default/1x/btn_CloseCamera_down.png


BIN
src/assets/Icons/base/module-exam/theme-default/1x/btn_CloseCamera_normal.png


BIN
src/assets/Icons/base/module-exam/theme-default/1x/btn_CloseCamera_over.png


BIN
src/assets/Icons/base/module-exam/theme-default/1x/btn_Copy_disable.png


BIN
src/assets/Icons/base/module-exam/theme-default/1x/btn_Copy_down.png


BIN
src/assets/Icons/base/module-exam/theme-default/1x/btn_Copy_normal.png


BIN
src/assets/Icons/base/module-exam/theme-default/1x/btn_Copy_over.png


BIN
src/assets/Icons/base/module-exam/theme-default/1x/btn_DeleteView_disable.png


BIN
src/assets/Icons/base/module-exam/theme-default/1x/btn_DeleteView_down.png


BIN
src/assets/Icons/base/module-exam/theme-default/1x/btn_DeleteView_normal.png


BIN
src/assets/Icons/base/module-exam/theme-default/1x/btn_DeleteView_over.png


BIN
src/assets/Icons/base/module-exam/theme-default/1x/btn_OpenCamera_disable.png


BIN
src/assets/Icons/base/module-exam/theme-default/1x/btn_OpenCamera_down.png


BIN
src/assets/Icons/base/module-exam/theme-default/1x/btn_OpenCamera_normal.png


BIN
src/assets/Icons/base/module-exam/theme-default/1x/btn_OpenCamera_over.png


BIN
src/assets/Icons/base/module-exam/theme-default/1x/btn_RejectImage_disable.png


BIN
src/assets/Icons/base/module-exam/theme-default/1x/btn_RejectImage_down.png


BIN
src/assets/Icons/base/module-exam/theme-default/1x/btn_RejectImage_normal.png


BIN
src/assets/Icons/base/module-exam/theme-default/1x/btn_RejectImage_over.png


BIN
src/assets/Icons/base/module-exam/theme-default/1x/btn_ResetGenerator_disable.png


BIN
src/assets/Icons/base/module-exam/theme-default/1x/btn_ResetGenerator_down.png


BIN
src/assets/Icons/base/module-exam/theme-default/1x/btn_ResetGenerator_normal.png


BIN
src/assets/Icons/base/module-exam/theme-default/1x/btn_ResetGenerator_over.png


BIN
src/assets/Icons/base/module-exam/theme-default/1x/btn_Save_disable.png


BIN
src/assets/Icons/base/module-exam/theme-default/1x/btn_Save_down.png


BIN
src/assets/Icons/base/module-exam/theme-default/1x/btn_Save_normal.png


BIN
src/assets/Icons/base/module-exam/theme-default/1x/btn_Save_over.png


+ 61 - 19
src/pages/exam/ContentAreaLarge.tsx

@@ -10,13 +10,6 @@ import {
   message,
   Flex,
 } from 'antd';
-import {
-  DeleteOutlined,
-  CopyOutlined,
-  SaveOutlined,
-  CameraOutlined,
-  CloseOutlined,
-} from '@ant-design/icons';
 import { patientSizes } from '../../states/patientSize';
 import { WorkstationTypeLabels } from '../../states/workstation';
 import { FormattedMessage } from 'react-intl';
@@ -39,6 +32,7 @@ import BodyPositionList from './components/BodyPositionList';
 import BodyPositionDetail from './components/BodyPositionDetail';
 import { AppDispatch } from '@/states/store';
 import { useRef } from 'react';
+import Icon from '@/components/Icon';
 
 const ContentAreaLarge = () => {
   const dispatch = useDispatch<AppDispatch>();
@@ -187,9 +181,17 @@ const ContentAreaLarge = () => {
           />
 
           <Button
-            type="primary"
             style={{ width: '1.5rem', height: '1.5rem' }}
-            icon={<DeleteOutlined />}
+            icon={
+              <Icon
+                module="module-exam"
+                name="btn_ResetGenerator"
+                userId="base"
+                theme="default"
+                size="2x"
+                state="normal"
+              />
+            }
             title="重置参数"
           />
         </Flex>
@@ -197,9 +199,17 @@ const ContentAreaLarge = () => {
         <Flex wrap gap="small">
           <Tooltip title="删除选择的体位">
             <Button
-              type="primary"
               style={{ width: '1.5rem', height: '1.5rem' }}
-              icon={<DeleteOutlined />}
+              icon={
+                <Icon
+                  module="module-exam"
+                  name="btn_DeleteView"
+                  userId="base"
+                  theme="default"
+                  size="2x"
+                  state="normal"
+                />
+              }
               onClick={async () => {
                 const selectedBodyPosition =
                   store.getState().bodyPositionList.selectedBodyPosition;
@@ -231,9 +241,17 @@ const ContentAreaLarge = () => {
 
           <Tooltip title="复制选择的体位">
             <Button
-              type="primary"
               style={{ width: '1.5rem', height: '1.5rem' }}
-              icon={<CopyOutlined />}
+              icon={
+                <Icon
+                  module="module-exam"
+                  name="btn_Copy"
+                  userId="base"
+                  theme="default"
+                  size="2x"
+                  state="normal"
+                />
+              }
               onClick={() => {
                 const instanceUid =
                   store.getState().bodyPositionList.selectedBodyPosition
@@ -249,25 +267,49 @@ const ContentAreaLarge = () => {
 
           <Tooltip title="保存参数">
             <Button
-              type="primary"
               style={{ width: '1.5rem', height: '1.5rem' }}
-              icon={<SaveOutlined />}
+              icon={
+                <Icon
+                  module="module-exam"
+                  name="btn_Save"
+                  userId="base"
+                  theme="default"
+                  size="2x"
+                  state="normal"
+                />
+              }
             />
           </Tooltip>
 
           <Tooltip title="打开/关闭摄像头">
             <Button
-              type="primary"
               style={{ width: '1.5rem', height: '1.5rem' }}
-              icon={<CameraOutlined />}
+              icon={
+                <Icon
+                  module="module-exam"
+                  name="btn_OpenCamera"
+                  userId="base"
+                  theme="default"
+                  size="2x"
+                  state="normal"
+                />
+              }
             />
           </Tooltip>
 
           <Tooltip title="拒绝">
             <Button
-              type="primary"
               style={{ width: '1.5rem', height: '1.5rem' }}
-              icon={<CloseOutlined />}
+              icon={
+                <Icon
+                  module="module-exam"
+                  name="btn_RejectImage"
+                  userId="base"
+                  theme="default"
+                  size="2x"
+                  state="normal"
+                />
+              }
             />
           </Tooltip>
         </Flex>