Răsfoiți Sursa

refactor(health): C-2a-1 旧蓝品牌色分流·health 报告链 7 文件 54 处

- report-detail/report-confirm 各 19 处:#5B9BD5→$brand-primary(15)、
  #3A7CC4→$brand-primary-dark(3)、#3B82F6→$brand-primary-dark(1,渐变姊妹色)
- report-list 6 / report-survey 2 / indicator-curve 2:#5B9BD5→$brand-primary,
  indicator-curve 渐变深档 #3A7CC4→$brand-primary-dark
- report-upload 3 处全局翻转 + 块级例外:.analyzing-text 文字色走 $uni-info
  (信息提示语义,非品牌行动色)
- challenge-manage 1 处 + rgba(91,155,213,0.1)→rgba(249,115,22,0.1)
- report-upload 对话卡渐变 tokenize:linear-gradient($status-info,
  $status-info-deep-3)(blue-500/700 同值,与拍照卡品牌橙渐变做双卡区分,
  编译产物逐字节不变);新登记 $status-info-deep-3 #1D4ED8
- 验证:7/7 页 C-2 预期替换验证 PASS(before+预期替换==after 逐字节相同);
  style 块旧蓝残留 0;style 标签全部 scoped lang="scss"
liaoxg 6 zile în urmă
părinte
comite
631570fc2e

+ 3 - 3
cfc-frontend/pages/health/challenge-manage.vue

@@ -713,7 +713,7 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .doa-tabs {
   display: flex;
   background: #fff;
@@ -900,8 +900,8 @@ export default {
   border-radius: 8rpx;
 }
 .action-btn.edit {
-  color: #5B9BD5;
-  background: rgba(91,155,213,0.1);
+  color: $brand-primary;
+  background: rgba(249,115,22,0.1);
 }
 .action-btn.del {
   color: #EF4444;

+ 3 - 3
cfc-frontend/pages/health/indicator-curve.vue

@@ -264,7 +264,7 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .page {
   min-height: 100vh;
   background-color: #F5F9FC;
@@ -334,7 +334,7 @@ export default {
 }
 
 .chip-active {
-  background-color: #5B9BD5;
+  background-color: $brand-primary;
   color: #FFFFFF;
 }
 
@@ -396,7 +396,7 @@ export default {
 
 .sort-active {
   background-color: #D6EAF8;
-  color: #3A7CC4;
+  color: $brand-primary-dark;
 }
 
 /* 排名列表 */

+ 16 - 16
cfc-frontend/pages/health/report-confirm.vue

@@ -949,7 +949,7 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .confirm-container {
   min-height: 100vh;
   background: #F5F7FA;
@@ -1021,9 +1021,9 @@ export default {
 }
 .expand-all-btn {
   font-size: 22rpx;
-  color: #5B9BD5;
+  color: $brand-primary;
   padding: 4rpx 12rpx;
-  border: 2rpx solid #5B9BD5;
+  border: 2rpx solid $brand-primary;
   border-radius: 20rpx;
 }
 .expand-all-btn:active { opacity: 0.7; }
@@ -1131,7 +1131,7 @@ export default {
 }
 .member-select-arrow {
   font-size: 24rpx;
-  color: #5B9BD5;
+  color: $brand-primary;
   margin-left: 12rpx;
   flex-shrink: 0;
 }
@@ -1190,13 +1190,13 @@ export default {
 }
 .member-selected {
   background: #E3F2FD;
-  border-color: #5B9BD5;
+  border-color: $brand-primary;
 }
 .member-avatar {
   width: 64rpx;
   height: 64rpx;
   border-radius: 50%;
-  background: #5B9BD5;
+  background: $brand-primary;
   color: #fff;
   font-size: calc(28rpx * var(--font-scale, 1));
   font-weight: bold;
@@ -1523,7 +1523,7 @@ export default {
 .btn-discard:active { opacity: 0.7; }
 .btn-confirm {
   flex: 2;
-  background: linear-gradient(135deg, #5B9BD5, #3A7CC4);
+  background: linear-gradient(135deg, $brand-primary, $brand-primary-dark);
   color: #fff;
   font-size: 28rpx;
   font-weight: bold;
@@ -1614,7 +1614,7 @@ export default {
 .candidate-item:active { opacity: 0.8; }
 .candidate-selected {
   background: #E3F2FD;
-  border-color: #5B9BD5;
+  border-color: $brand-primary;
 }
 .candidate-left {
   display: flex;
@@ -1627,7 +1627,7 @@ export default {
   width: 56rpx;
   height: 56rpx;
   border-radius: 50%;
-  background: #5B9BD5;
+  background: $brand-primary;
   color: #fff;
   font-size: calc(24rpx * var(--font-scale, 1));
   font-weight: bold;
@@ -1653,7 +1653,7 @@ export default {
 }
 .candidate-fields {
   font-size: calc(20rpx * var(--font-scale, 1));
-  color: #5B9BD5;
+  color: $brand-primary;
   display: block;
   margin-top: 2rpx;
 }
@@ -1674,7 +1674,7 @@ export default {
 }
 .score-bar-fill {
   height: 100%;
-  background: linear-gradient(90deg, #5B9BD5, #3A7CC4);
+  background: linear-gradient(90deg, $brand-primary, $brand-primary-dark);
   border-radius: 5rpx;
 }
 .score-text {
@@ -1699,13 +1699,13 @@ export default {
 .create-member-entry:active { background: #F1F5F9; }
 .create-member-icon {
   font-size: 28rpx;
-  color: #5B9BD5;
+  color: $brand-primary;
   font-weight: bold;
   margin-right: 8rpx;
 }
 .create-member-text {
   font-size: calc(24rpx * var(--font-scale, 1));
-  color: #5B9BD5;
+  color: $brand-primary;
 }
 
 /* ===== Phase 2: 新建成员表单(面板内嵌) ===== */
@@ -1745,11 +1745,11 @@ export default {
 .gender-option:active { opacity: 0.7; }
 .gender-selected {
   background: #E3F2FD;
-  border-color: #5B9BD5;
+  border-color: $brand-primary;
   color: #1565C0;
 }
 .btn-create-submit {
-  background: linear-gradient(135deg, #5B9BD5, #3A7CC4);
+  background: linear-gradient(135deg, $brand-primary, $brand-primary-dark);
   color: #fff;
   font-size: 28rpx;
   font-weight: bold;
@@ -1812,7 +1812,7 @@ export default {
   display: flex;
   flex-direction: row;
   align-items: center;
-  background: linear-gradient(135deg, #5B9BD5, #3B82F6);
+  background: linear-gradient(135deg, $brand-primary, $brand-primary-dark);
   border-radius: 44rpx;
   padding: 18rpx 30rpx;
   box-shadow: 0 4rpx 16rpx rgba(59, 130, 246, 0.4);

+ 16 - 16
cfc-frontend/pages/health/report-detail.vue

@@ -1302,7 +1302,7 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .page {
   min-height: 100vh;
   background: #f8f8f8;
@@ -1377,9 +1377,9 @@ export default {
 }
 .expand-all-btn {
   font-size: 22rpx;
-  color: #5B9BD5;
+  color: $brand-primary;
   padding: 4rpx 12rpx;
-  border: 2rpx solid #5B9BD5;
+  border: 2rpx solid $brand-primary;
   border-radius: 20rpx;
 }
 .expand-all-btn:active { opacity: 0.7; }
@@ -1509,7 +1509,7 @@ export default {
 }
 .member-select-arrow {
   font-size: 24rpx;
-  color: #5B9BD5;
+  color: $brand-primary;
   margin-left: 12rpx;
   flex-shrink: 0;
 }
@@ -1568,13 +1568,13 @@ export default {
 }
 .member-selected {
   background: #E3F2FD;
-  border-color: #5B9BD5;
+  border-color: $brand-primary;
 }
 .member-avatar {
   width: 64rpx;
   height: 64rpx;
   border-radius: 50%;
-  background: #5B9BD5;
+  background: $brand-primary;
   color: #fff;
   font-size: calc(28rpx * var(--font-scale, 1));
   font-weight: bold;
@@ -1877,7 +1877,7 @@ export default {
 .btn-discard:active { opacity: 0.7; }
 .btn-confirm {
   flex: 2;
-  background: linear-gradient(135deg, #5B9BD5, #3A7CC4);
+  background: linear-gradient(135deg, $brand-primary, $brand-primary-dark);
   color: #fff;
   font-size: 28rpx;
   font-weight: bold;
@@ -1968,7 +1968,7 @@ export default {
 .candidate-item:active { opacity: 0.8; }
 .candidate-selected {
   background: #E3F2FD;
-  border-color: #5B9BD5;
+  border-color: $brand-primary;
 }
 .candidate-left {
   display: flex;
@@ -1981,7 +1981,7 @@ export default {
   width: 56rpx;
   height: 56rpx;
   border-radius: 50%;
-  background: #5B9BD5;
+  background: $brand-primary;
   color: #fff;
   font-size: calc(24rpx * var(--font-scale, 1));
   font-weight: bold;
@@ -2007,7 +2007,7 @@ export default {
 }
 .candidate-fields {
   font-size: calc(20rpx * var(--font-scale, 1));
-  color: #5B9BD5;
+  color: $brand-primary;
   display: block;
   margin-top: 2rpx;
 }
@@ -2028,7 +2028,7 @@ export default {
 }
 .score-bar-fill {
   height: 100%;
-  background: linear-gradient(90deg, #5B9BD5, #3A7CC4);
+  background: linear-gradient(90deg, $brand-primary, $brand-primary-dark);
   border-radius: 5rpx;
 }
 .score-text {
@@ -2053,13 +2053,13 @@ export default {
 .create-member-entry:active { background: #F1F5F9; }
 .create-member-icon {
   font-size: 28rpx;
-  color: #5B9BD5;
+  color: $brand-primary;
   font-weight: bold;
   margin-right: 8rpx;
 }
 .create-member-text {
   font-size: calc(24rpx * var(--font-scale, 1));
-  color: #5B9BD5;
+  color: $brand-primary;
 }
 
 /* ===== Phase 2: 鏂板缓鎴愬憳琛ㄥ崟锛堥潰鏉垮唴宓岋級 ===== */
@@ -2099,11 +2099,11 @@ export default {
 .gender-option:active { opacity: 0.7; }
 .gender-selected {
   background: #E3F2FD;
-  border-color: #5B9BD5;
+  border-color: $brand-primary;
   color: #1565C0;
 }
 .btn-create-submit {
-  background: linear-gradient(135deg, #5B9BD5, #3A7CC4);
+  background: linear-gradient(135deg, $brand-primary, $brand-primary-dark);
   color: #fff;
   font-size: 28rpx;
   font-weight: bold;
@@ -2218,7 +2218,7 @@ export default {
   display: flex;
   flex-direction: row;
   align-items: center;
-  background: linear-gradient(135deg, #5B9BD5, #3B82F6);
+  background: linear-gradient(135deg, $brand-primary, $brand-primary-dark);
   border-radius: 44rpx;
   padding: 18rpx 30rpx;
   box-shadow: 0 4rpx 16rpx rgba(59, 130, 246, 0.4);

+ 7 - 7
cfc-frontend/pages/health/report-list.vue

@@ -568,7 +568,7 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .list-container {
   min-height: 100vh;
   background: #F5F7FA;
@@ -596,8 +596,8 @@ export default {
   margin-right: 16rpx;
 }
 .chip-active {
-  background: #5B9BD5;
-  border-color: #5B9BD5;
+  background: $brand-primary;
+  border-color: $brand-primary;
 }
 .chip-text {
   font-size: 26rpx;
@@ -660,7 +660,7 @@ export default {
   color: #64748B;
 }
 .transfer-approve {
-  background: #5B9BD5;
+  background: $brand-primary;
   color: #fff;
 }
 .transfer-status {
@@ -781,7 +781,7 @@ export default {
 .swipe-adjust {
   width: 80px;
   height: 100%;
-  background: #5B9BD5;
+  background: $brand-primary;
   color: #fff;
   font-size: 28rpx;
   display: flex;
@@ -901,7 +901,7 @@ export default {
   line-height: 1.5;
 }
 .empty-btn {
-  background: #5B9BD5;
+  background: $brand-primary;
   color: #fff;
   font-size: 28rpx;
   padding: 20rpx 60rpx;
@@ -985,7 +985,7 @@ export default {
   width: 64rpx;
   height: 64rpx;
   border-radius: 50%;
-  background: #5B9BD5;
+  background: $brand-primary;
   color: #fff;
   display: flex;
   align-items: center;

+ 3 - 3
cfc-frontend/pages/health/report-survey.vue

@@ -762,7 +762,7 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .survey-container {
   min-height: 100vh;
   background: #F3F7FA;
@@ -873,7 +873,7 @@ export default {
 .family-role {
   font-size: 26rpx;
   font-weight: bold;
-  color: #5B9BD5;
+  color: $brand-primary;
   display: block;
   margin-bottom: 12rpx;
 }
@@ -894,7 +894,7 @@ export default {
 .family-tag:active { opacity: 0.7; }
 .tag-selected {
   background: #E3F2FD;
-  border-color: #5B9BD5;
+  border-color: $brand-primary;
   color: #1565C0;
 }
 

+ 6 - 6
cfc-frontend/pages/health/report-upload.vue

@@ -470,7 +470,7 @@ if (options.type === 'a2' || options.reportKind === 'a2') {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .upload-container {
   min-height: 100vh;
   background: #F5F7FA;
@@ -611,7 +611,7 @@ if (options.type === 'a2' || options.reportKind === 'a2') {
   border: 2rpx dashed #93C5FD;
 }
 .card-chat .upload-card-icon {
-  background: linear-gradient(135deg, #3B82F6, #1D4ED8);
+  background: linear-gradient(135deg, $status-info, $status-info-deep-3);
   color: #fff;
 }
 
@@ -701,7 +701,7 @@ if (options.type === 'a2' || options.reportKind === 'a2') {
   height: 72rpx;
   line-height: 72rpx;
   text-align: center;
-  background: #5B9BD5;
+  background: $brand-primary;
   color: #fff;
   font-size: 28rpx;
   border-radius: 12rpx;
@@ -726,7 +726,7 @@ if (options.type === 'a2' || options.reportKind === 'a2') {
 }
 .analyzing-text {
   font-size: 26rpx;
-  color: #5B9BD5;
+  color: $uni-info;
 }
 
 /* 责任声明 */
@@ -753,8 +753,8 @@ if (options.type === 'a2' || options.reportKind === 'a2') {
   margin-right: 12rpx;
 }
 .disclaimer-checked {
-  background: #5B9BD5;
-  border-color: #5B9BD5;
+  background: $brand-primary;
+  border-color: $brand-primary;
 }
 .disclaimer-checkmark {
   font-size: 24rpx;

+ 1 - 0
cfc-frontend/uni.scss

@@ -634,6 +634,7 @@ $status-success-2:   #22C55E; // green-500 成功主色·副档(13 文件;vs
 $status-success-light-3: #34D399; // emerald-400 成功亮档·三档(20 文件;vs $status-success-light #A7F3D0 / -light-2 #6EE7B7)
 $status-info-light:    #38BDF8; // sky-400 信息亮档(3 文件;vs $status-info #3B82F6 blue-500)
 $status-info-deep-2:   #0284C7; // sky-600 信息深文字·副档(4 文件;vs $status-info-deep #2563EB blue-600)
+$status-info-deep-3:   #1D4ED8; // blue-700 信息渐变深档(report-upload 对话卡;doa-stage-detail 同值待 D 批收敛)
 $status-danger-light:  #F87171; // red-400 危险亮档(3 文件;vs $status-danger #EF4444 red-500)
 $facade-text-slate-deep: #475569; // slate-600 深灰蓝文字(16 文件;vs $facade-text-slate #6B7280 gray-500)
 $facade-fill-slate:    #F1F5F9; // slate-100 浅灰蓝填充(36 文件;vs $facade-fill-gray-100 #F3F4F6 gray-100)