Fan 19 órája
szülő
commit
1ce9e9efa9

+ 1 - 1
ui/smarttrade-platform/src/assets/styles/marketing.css

@@ -431,7 +431,7 @@
 .customer-source h5 { font-size: 13px; margin-bottom: 12px; display: flex; align-items: center; gap: 6px; }
 .source-bars { display: flex; flex-direction: column; gap: 10px; }
 .source-item { display: flex; align-items: center; gap: 10px; }
-.source-label { width: 70px; font-size: 12px; color: var(--text-secondary); }
+.source-label { width: 55px; font-size: 12px; color: var(--text-secondary);white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
 .source-bar { flex: 1; height: 8px; background: var(--bg-dark); border-radius: 4px; overflow: hidden; }
 .source-fill { height: 100%; border-radius: 4px; }
 .source-value { width: 40px; font-size: 12px; text-align: right; }

+ 3 - 2
ui/smarttrade-platform/src/components/addMarketing.vue

@@ -290,10 +290,10 @@
                     <div class="customer-source" v-if="customerList.length != 0">
                         <h5><i class="fas fa-chart-pie"></i> 客户来源分布</h5>
                         <div class="source-bars">
-                            <div class="source-item" v-for="(item) in sourceData">
+                            <div class="source-item" v-for="(item, index) in sourceData">
                                 <span class="source-label">{{ item.sourceLabel }}</span>
                                 <div class="source-bar">
-                                    <div class="source-fill" :style="{ width: item.ratio + '%', background: 'var(--success)' }"></div>
+                                    <div class="source-fill" :style="{ width: item.ratio + '%', background: sourceColor[index] }"></div>
                                 </div>
                                 <span class="source-value">{{ item.ratio }}%</span>
                             </div>
@@ -1179,6 +1179,7 @@
         })
     }
 
+    const sourceColor = ['#6366F1', '#F59E0B', '#10B981', '#EF4444', '#3B82F6', '#8B5CF6', '#F43F5E', '#14B8A6', '#F97316', '#EAB308']
     const getSource = () => {
         let params = {
             idList: customerList.value.map(item => item.id).join(',')

+ 2 - 2
ui/smarttrade-platform/src/components/marketing/marketingDetail.vue

@@ -140,8 +140,8 @@
                 <span class="sop-steps">{{ sopDetails.length }} 步序列</span>
               </div>
               <div class="sop-timeline-detail">
-                <div class="sop-step-item" :class="{ 'pending': item.sopStatus == 0, 'current': item.sopStatus == 1, 'completed': item.sopStatus == 2 }" v-for="item in sopDetails" :key="item.id">
-                  <div class="step-marker">{{ item.step }}</div>
+                <div class="sop-step-item" :class="{ 'pending': item.sopStatus == 0, 'current': item.sopStatus == 1, 'completed': item.sopStatus == 2 }" v-for="(item, index) in sopDetails" :key="item.id">
+                  <div class="step-marker">{{ index + 1 }}</div>
                   <div class="step-content">
                     <div class="step-title">{{ item.name }}</div>
                     <div class="step-meta">间隔{{ item.days }}天 · 邮件 · {{ item.sopStatus == 0 ? '待执行' : item.sopStatus == 1 ? '进行中' : '已完成' }}</div>