Selaa lähdekoodia

fix(components): 优化模态框按钮样式和机器人图片引用方式

easyforever 1 viikko sitten
vanhempi
commit
664caea67a
2 muutettua tiedostoa jossa 28 lisäystä ja 34 poistoa
  1. 5 6
      src/components/InstitutionDetailModal.vue
  2. 23 28
      src/components/TaskDetailModal.vue

+ 5 - 6
src/components/InstitutionDetailModal.vue

@@ -299,18 +299,14 @@
                     <!-- 机器人 -->
                     <div class="robot-items">
                       <div class="robot-item">
-                        <el-image
-                          src="/src/assets/images/robot_auditor.png"
-                          :alt="'AI审计员'"
-                          class="robot-image"
-                        >
+                        <el-image :src="robotAuditor" :alt="'AI审计员'" class="robot-image">
                         </el-image>
                         <div class="robot-name">AI审计员</div>
                       </div>
 
                       <div class="robot-item">
                         <el-image
-                          src="/src/assets/images/robot_warningSupervisor.png"
+                          :src="robotWarningSupervisor"
                           :alt="'AI预警与督办员'"
                           class="robot-image"
                         >
@@ -416,6 +412,9 @@ import DataTable from './DataTable.vue'
 import * as echarts from 'echarts'
 import { institutionDetailData } from '../data/institutionDetail'
 
+import robotAuditor from '@/assets/images/robot_auditor.png'
+import robotWarningSupervisor from '@/assets/images/robot_warningSupervisor.png'
+
 interface Props {
   visible: boolean
   institution?: any

+ 23 - 28
src/components/TaskDetailModal.vue

@@ -169,34 +169,29 @@ const handleClose = () => {
 
 $transition-speed: 0.3s ease;
 
-// 头部右侧按钮区域
-:deep(.modal-header-right) {
-  gap: 20px;
-
-  .detail-btn {
-    position: relative;
-    width: 310px;
-    height: 80px;
-    background: rgba(255, 255, 255, 0.1);
-    color: $neon-cyan;
-    padding: 0;
-    font-size: 32px;
-    cursor: pointer;
-    transition: all $transition-speed;
-    border-radius: 0;
-    box-shadow:
-      inset 6px 0 0 rgba(0, 201, 181, 1),
-      0 8px 8px 0 rgba(0, 0, 0, 0.25),
-      inset 0 0 6px 0 rgba(0, 255, 230, 0.1);
-    font-weight: normal;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border: none;
-
-    &:hover {
-      background: rgba(255, 255, 255, 0.2);
-    }
+.detail-btn {
+  position: relative;
+  width: 310px;
+  height: 80px;
+  background: rgba(255, 255, 255, 0.1);
+  color: $neon-cyan;
+  padding: 0;
+  font-size: 32px;
+  cursor: pointer;
+  transition: all $transition-speed;
+  border-radius: 0;
+  box-shadow:
+    inset 6px 0 0 rgba(0, 201, 181, 1),
+    0 8px 8px 0 rgba(0, 0, 0, 0.25),
+    inset 0 0 6px 0 rgba(0, 255, 230, 0.1);
+  font-weight: normal;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+
+  &:hover {
+    background: rgba(255, 255, 255, 0.2);
   }
 }
 </style>