Forráskód Böngészése

feat(frontend): 对象关系分析页卡片化 UI 升级

- 顶部信息与关系图谱改为统一卡片布局,画布页签整合进卡片头
- 画布页签支持滚轮横向滚动,隐藏滚动条,新增按钮固定右侧
- 页签按创建顺序从左到右排列,活动页签自动可见
- 分析条件弹窗移除左侧标题栏,默认头像对齐数据画像
cc 1 napja
szülő
commit
aa53f9e06e

A különbségek nem kerülnek megjelenítésre, a fájl túl nagy
+ 536 - 356
ai-electron/frontend/src/graph/views/g6Editor/index.vue


+ 8 - 17
ai-electron/frontend/src/graph/views/graph/components/AnalysisConditionModal.vue

@@ -11,13 +11,6 @@
     <div class="analysis-condition-modal">
       <div class="analysis-condition-modal__content">
         <div class="analysis-panel analysis-panel--left">
-          <div class="analysis-panel__header">
-            <div class="analysis-panel__title-wrap">
-              <div class="analysis-panel__title"> 选择被调查对象 </div>
-            </div>
-            <div class="analysis-panel__count">已选对象: {{ selectedRespondents.length }}</div>
-          </div>
-
           <div class="analysis-object-head">
             <Checkbox :checked="allChecked" :indeterminate="indeterminate" @change="handleToggleAll" />
             <span class="analysis-object-head__text">被调查对象列表 ({{ respondentOptions.length }})</span>
@@ -374,10 +367,6 @@
     justify-content: flex-start;
   }
 
-  .analysis-panel__title-wrap {
-    min-width: 0;
-  }
-
   .analysis-panel__title {
     font-size: 15px;
     font-weight: 700;
@@ -393,12 +382,6 @@
     color: #9ca3af;
   }
 
-  .analysis-panel__count {
-    color: #16a34a;
-    font-size: 14px;
-    white-space: nowrap;
-  }
-
   .analysis-object-head {
     display: flex;
     align-items: center;
@@ -453,6 +436,14 @@
   .analysis-object-row__avatar {
     display: inline-flex;
     flex-shrink: 0;
+
+    .jeesite-person-avatar__media {
+      border: 1px solid #dfe5ff;
+      border-radius: 8px;
+      background: #eef2ff;
+      box-shadow: none;
+      color: #2a50ec;
+    }
   }
 
   .analysis-object-row__name {

Nem az összes módosított fájl került megjelenítésre, mert túl sok fájl változott