解决代码冲突问题

This commit is contained in:
wong
2025-12-01 10:05:26 +08:00
parent 07a44e104d
commit 43f6a061e1
2 changed files with 120 additions and 31 deletions

View File

@@ -1050,6 +1050,101 @@
height: 500px;
overflow-y: auto;
// 健康分评估区域
.health-score-section {
background: #ffffff;
border-radius: 12px;
padding: 16px;
margin-bottom: 16px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
.health-score-title {
font-size: 16px;
font-weight: 600;
color: #333;
margin-bottom: 12px;
}
.health-score-info {
.health-score-status {
display: flex;
justify-content: space-between;
margin-bottom: 12px;
.status-tag {
background: #ffebeb;
color: #ff4d4f;
font-size: 12px;
padding: 2px 8px;
border-radius: 4px;
}
.status-time {
font-size: 12px;
color: #999;
}
}
.health-score-display {
display: flex;
align-items: center;
.score-circle-wrapper {
width: 100px;
height: 100px;
margin-right: 24px;
position: relative;
.score-circle {
width: 100%;
height: 100%;
border-radius: 50%;
background: #fff;
border: 8px solid #ff4d4f;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
.score-number {
font-size: 28px;
font-weight: 700;
color: #ff4d4f;
line-height: 1;
}
.score-label {
font-size: 12px;
color: #999;
margin-top: 4px;
}
}
}
.health-score-stats {
flex: 1;
.stats-row {
display: flex;
justify-content: space-between;
margin-bottom: 8px;
.stats-label {
font-size: 14px;
color: #666;
}
.stats-value {
font-size: 14px;
color: #333;
font-weight: 500;
}
}
}
}
}
}
.health-score-card {
background: #ffffff;
border-radius: 12px;

View File

@@ -611,29 +611,32 @@ const WechatAccountDetail: React.FC = () => {
<Tabs.Tab title="健康分" key="health">
<div className={style["health-content"]}>
{/* 健康分数圆环 */}
<div className={style["health-score-card"]}>
<div className={style["health-score-status"]}>
<span className={style["status-tag"]}></span>
<span className={style["status-time"]}>: {accountSummary?.healthScore?.lastAddTime || "18:36:06"}</span>
</div>
<div className={style["health-score-display"]}>
<div className={style["score-circle-wrapper"]}>
<div className={style["score-circle"]}>
<div className={style["score-number"]}>
{accountSummary?.healthScore?.score || 67}
</div>
<div className={style["score-label"]}>SCORE</div>
</div>
{/* 健康分评估区域 */}
<div className={style["health-score-section"]}>
<div className={style["health-score-title"]}></div>
<div className={style["health-score-info"]}>
<div className={style["health-score-status"]}>
<span className={style["status-tag"]}>{overviewData?.healthScoreAssessment?.statusTag || "已添加加人"}</span>
<span className={style["status-time"]}>: {overviewData?.healthScoreAssessment?.lastAddTime || "18:44:14"}</span>
</div>
<div className={style["health-score-stats"]}>
<div className={style["stats-row"]}>
<div className={style["stats-label"]}></div>
<div className={style["stats-value"]}>{accountSummary?.statistics.addLimit || 0} </div>
<div className={style["health-score-display"]}>
<div className={style["score-circle-wrapper"]}>
<div className={style["score-circle"]}>
<div className={style["score-number"]}>
{overviewData?.healthScoreAssessment?.score || 67}
</div>
<div className={style["score-label"]}>SCORE</div>
</div>
</div>
<div className={style["stats-row"]}>
<div className={style["stats-label"]}></div>
<div className={style["stats-value"]}>{accountSummary?.statistics.todayAdded || 0} </div>
<div className={style["health-score-stats"]}>
<div className={style["stats-row"]}>
<div className={style["stats-label"]}></div>
<div className={style["stats-value"]}>{overviewData?.healthScoreAssessment?.dailyLimit || 0} </div>
</div>
<div className={style["stats-row"]}>
<div className={style["stats-label"]}></div>
<div className={style["stats-value"]}>{overviewData?.healthScoreAssessment?.todayAdded || 0} </div>
</div>
</div>
</div>
</div>
@@ -790,16 +793,7 @@ const WechatAccountDetail: React.FC = () => {
<div className={style["friend-name"]}>
{friend.nickname || "未知好友"}
</div>
<div className={style["friend-tags"]}>
{friend.tags?.map((tag, index) => (
<span
key={index}
className={style["friend-tag"]}
>
{typeof tag === "string" ? tag : tag.name}
</span>
))}
</div>
</div>
<div className={style["friend-id-row"]}>
ID: {friend.wechatId || "-"}