Browse Source

chore: 切换测试环境并优化汇总详情页文字样式

- 将生产配置的 API 地址切换至测试环境
- 调整汇总详情页多处字号、行高及文字颜色
- 提升日期、金额及详情文本的可读性
Zimo 3 weeks ago
parent
commit
ae5da2ced5
1 changed files with 6 additions and 6 deletions
  1. 6 6
      pages/swh/summary-detail.vue

+ 6 - 6
pages/swh/summary-detail.vue

@@ -324,13 +324,13 @@ onLoad(async (options) => {
 <style lang="scss" scoped>
 .swh-page { min-height: 100vh; padding: 24rpx; box-sizing: border-box; background: #f4f7fb; }
 .summary-head { display: flex; align-items: center; justify-content: space-between; padding: 32rpx 28rpx; color: #fff; border-radius: 22rpx; background: linear-gradient(135deg, #1d4ed8, #3b82f6); }
-.title { font-size: 38rpx; font-weight: 700; }.subtitle { margin-top: 8rpx; font-size: 24rpx; opacity: .8; }
+.title { font-size: 38rpx; font-weight: 700; }.subtitle { margin-top: 8rpx; font-size: 28rpx; line-height: 1.45; opacity: .9; }
 .company-count { padding: 10rpx 18rpx; font-size: 23rpx; border-radius: 999rpx; background: rgba(255,255,255,.18); }
-.filter-card { margin-top: 22rpx; padding: 24rpx; border-radius: 18rpx; background: #fff; }.filter-label { display: block; margin-bottom: 12rpx; color: #64748b; font-size: 24rpx; }
+.filter-card { margin-top: 22rpx; padding: 24rpx; border-radius: 18rpx; background: #fff; }.filter-label { display: block; margin-bottom: 12rpx; color: #64748b; font-size: 28rpx; line-height: 1.4; }
 .metric-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16rpx; margin-top: 22rpx; }
 .metric-card { padding: 22rpx; border-radius: 16rpx; background: #fff; border-left: 6rpx solid #3b82f6; }
 .metric-card.orange { border-color: #f59e0b; }.metric-card.green { border-color: #10b981; }
-.metric-card text { display: block; color: #64748b; font-size: 22rpx; }.metric-card strong { display: inline-block; margin-top: 10rpx; color: #172033; font-size: 31rpx; }.metric-card small { margin-left: 6rpx; color: #94a3b8; font-size: 20rpx; }
+.metric-card text { display: block; color: #64748b; font-size: 26rpx; line-height: 1.4; }.metric-card strong { display: inline-block; margin-top: 10rpx; color: #172033; font-size: 31rpx; }.metric-card small { margin-left: 6rpx; color: #94a3b8; font-size: 20rpx; }
 .workload-section { margin-top: 24rpx; padding: 26rpx; border-radius: 20rpx; background: #fff; }
 .workload-company { color: #172033; font-size: 30rpx; font-weight: 700; }.workload-subtitle { margin-top: 6rpx; color: #94a3b8; font-size: 22rpx; }
 .workload-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16rpx; margin-top: 22rpx; }
@@ -338,14 +338,14 @@ onLoad(async (options) => {
 .workload-card.orange { border-color: #f59e0b; }.workload-card.green { border-color: #10b981; }.workload-card.purple { border-color: #8b5cf6; }.workload-card.cyan { border-color: #06b6d4; }.workload-card.rose { border-color: #f43f5e; }
 .workload-card text { display: block; overflow: hidden; color: #64748b; font-size: 22rpx; text-overflow: ellipsis; white-space: nowrap; }.workload-card strong { display: block; margin-top: 10rpx; color: #172033; font-size: 29rpx; overflow-wrap: anywhere; }
 .company-section { margin-top: 24rpx; padding: 26rpx; border-radius: 20rpx; background: #fff; }
-.company-head { display: flex; justify-content: space-between; align-items: flex-start; }.company-name { color: #172033; font-size: 32rpx; font-weight: 700; }.meeting-date { margin-top: 8rpx; color: #94a3b8; font-size: 22rpx; }.project-count { color: #2563eb; font-size: 22rpx; }
+.company-head { display: flex; justify-content: space-between; align-items: flex-start; }.company-name { color: #172033; font-size: 32rpx; font-weight: 700; }.meeting-date { margin-top: 8rpx; color: #7c8ba1; font-size: 26rpx; line-height: 1.4; }.project-count { color: #2563eb; font-size: 22rpx; }
 .support { margin-top: 22rpx; padding: 20rpx; color: #475569; font-size: 25rpx; line-height: 1.6; border-radius: 14rpx; background: #fff7ed; }.support text { display: block; margin-bottom: 6rpx; color: #c2410c; font-weight: 700; }
 .project-card { margin-top: 22rpx; padding: 22rpx; border: 1rpx solid #e5edf8; border-radius: 16rpx; background: #fbfdff; }
 .project-head { display: flex; align-items: center; justify-content: space-between; }
 .project-title { flex: 1; min-width: 0; color: #1d4ed8; font-size: 29rpx; font-weight: 700; }
 .project-view { flex-shrink: 0; margin-left: 20rpx; color: #2563eb; font-size: 25rpx; font-weight: 500; }
-.money-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12rpx; margin-top: 18rpx; }.money-list view { padding: 14rpx; border-radius: 10rpx; background: #f1f5f9; }.money-list text,.money-list strong { display: block; }.money-list text { color: #94a3b8; font-size: 20rpx; }.money-list strong { margin-top: 6rpx; color: #334155; font-size: 22rpx; }
-.text-field { margin-top: 20rpx; color: #475569; font-size: 25rpx; line-height: 1.6; }.text-field text { display: block; margin-bottom: 4rpx; color: #172033; font-weight: 700; }
+.money-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12rpx; margin-top: 18rpx; }.money-list view { padding: 14rpx; border-radius: 10rpx; background: #f1f5f9; }.money-list text,.money-list strong { display: block; }.money-list text { color: #7c8ba1; font-size: 24rpx; line-height: 1.4; }.money-list strong { margin-top: 6rpx; color: #334155; font-size: 22rpx; }
+.text-field { margin-top: 20rpx; color: #475569; font-size: 28rpx; line-height: 1.75; }.text-field text { display: block; margin-bottom: 6rpx; color: #172033; font-size: 27rpx; font-weight: 700; }
 .multiline-text { white-space: pre-wrap; word-break: break-word; word-wrap: break-word; overflow-wrap: anywhere; }
 .detail-drawer { height: 88vh; display: flex; flex-direction: column; overflow: hidden; }
 .drawer-head { display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; padding: 28rpx 30rpx; background: #fff; border-bottom: 1rpx solid #eef2f7; }