diff --git a/src/views/gh/improvementProposal/components/ImprovementProposalBPMForm.vue b/src/views/gh/improvementProposal/components/ImprovementProposalBPMForm.vue index 4706333..31f7e73 100644 --- a/src/views/gh/improvementProposal/components/ImprovementProposalBPMForm.vue +++ b/src/views/gh/improvementProposal/components/ImprovementProposalBPMForm.vue @@ -152,7 +152,15 @@ /> - +
@@ -162,46 +170,79 @@ 查看评分标准
- - - - - - - - - - - - - - - - - -
改善效果得分按安全、质量、效率、成本四项的平均分自动计算:{{ effectAveragePreview }}
-
-
- - - - - - - - - - - - - - - -
- + +
+
+
+
+ 01 + 改善效果 +
+ 权重 50% +
+ + + + + + + + + + + + + + +
+ 安全、质量、效率、成本四项平均分 + {{ effectAveragePreview }} +
+
+ + + +
+
+
+ 02 + 可推广度 +
+ 权重 20% +
+ +
+
+ +
+
+
+ 03 + 独创性 +
+ 权重 20% +
+ +
+
+ +
+
+
+ 04 + 努力度 +
+ 权重 10% +
+ +
+
+
+
+
保存评分 评分已锁定,请重新提交流程办理 - +
@@ -624,6 +665,106 @@ padding-inline: 2px; } + .score-dimension-list { + display: flex; + flex-direction: column; + gap: 12px; + } + + .score-dimension { + min-height: 126px; + padding: 14px; + border-left: 3px solid #1677ff; + background: #f6fbff; + } + + .score-dimension-header { + display: flex; + align-items: center; + justify-content: space-between; + gap: 12px; + margin-bottom: 14px; + } + + .score-dimension-name { + display: inline-flex; + align-items: center; + min-width: 0; + gap: 8px; + } + + .score-dimension-index { + flex: 0 0 auto; + color: #1677ff; + font-size: 14px; + font-weight: 700; + line-height: 1; + } + + .score-dimension-title { + color: #1f2937; + font-size: 17px; + font-weight: 700; + line-height: 1.4; + } + + .score-dimension-weight { + flex: 0 0 auto; + color: #1677ff; + font-size: 14px; + font-weight: 600; + white-space: nowrap; + } + + .score-effect-dimension { + min-height: auto; + } + + .score-subitem { + margin-bottom: 0; + + :deep(.ant-form-item-label > label) { + color: #334155; + font-size: 15px; + font-weight: 600; + } + } + + .score-dimension { + :deep(.ant-input-number-input) { + color: #1f2937; + font-size: 16px; + font-weight: 600; + } + } + + .effect-score-summary { + display: flex; + align-items: baseline; + justify-content: space-between; + gap: 12px; + margin-top: 14px; + padding-top: 10px; + border-top: 1px solid #d6e8ff; + color: #475569; + font-size: 14px; + + strong { + flex: 0 0 auto; + color: #1677ff; + font-size: 20px; + font-weight: 700; + } + } + + .score-form-actions { + display: flex; + align-items: center; + justify-content: flex-end; + min-height: 32px; + margin-top: 20px; + } + .institute-vote-summary { display: flex; flex-wrap: wrap; @@ -732,6 +873,29 @@ } @media (max-width: 576px) { + .score-dimension { + min-height: auto; + padding: 12px; + } + + .score-dimension-header { + margin-bottom: 12px; + } + + .effect-score-summary { + align-items: flex-start; + flex-direction: column; + gap: 2px; + } + + .score-form-actions { + justify-content: stretch; + + :deep(.ant-btn) { + width: 100%; + } + } + .base-info-header { align-items: flex-start; }