jyx
/
dcjxb.microservice


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209
							<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8"/>
    <title>{{reportVersionLabel}}</title>
    <style>
        @page {
            size: A4;
            margin: 14mm 12mm;
        }

        body {
            font-family: ReportFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
            color: #2f3542;
            font-size: 12px;
            line-height: 1.65;
            margin: 0;
            background: #f5f7fa;
        }

        .report-container {
            background: #ffffff;
            border: 1px solid #e8eef7;
            border-radius: 12px;
            padding: 22px 24px 20px;
        }

        .report-title {
            text-align: center;
            font-size: 28px;
            color: #2b4c8a;
            font-weight: 700;
            margin-bottom: 8px;
        }

        .report-subtitle {
            text-align: center;
            font-size: 14px;
            color: #5f6b7a;
            margin-bottom: 20px;
        }

        .meta-grid,
        .content-grid,
        .plan-grid {
            font-size: 0;
            margin-bottom: 18px;
        }

        .meta-item,
        .summary-card,
        .content-card,
        .plan-card,
        .case-card {
            background: #fafbfc;
            border: 1px solid #e4ebf5;
            border-radius: 14px;
            padding: 16px;
        }

        .meta-item,
        .content-card,
        .plan-card {
            display: inline-block;
            width: 47.2%;
            vertical-align: top;
            margin: 0 2.8% 14px 0;
            box-sizing: border-box;
            font-size: 12px;
        }

        .meta-grid .meta-item:nth-child(2n),
        .content-grid .content-card:nth-child(2n),
        .plan-grid .plan-card:nth-child(2n) {
            margin-right: 0;
        }

        .meta-label {
            color: #6d7a8a;
            font-size: 11px;
            margin-bottom: 4px;
        }

        .meta-value {
            color: #2b4c8a;
            font-weight: 700;
        }

        .summary-card {
            background: #edf3fc;
            border-color: #d7e3f7;
            margin-bottom: 20px;
        }

        .section-title {
            font-size: 20px;
            color: #2b4c8a;
            border-left: 6px solid #ff7d00;
            padding-left: 12px;
            margin: 24px 0 14px;
            font-weight: 700;
        }

        .summary-card,
        .case-card {
            font-size: 12px;
        }

        .card-title,
        .plan-title {
            font-size: 16px;
            color: #2b4c8a;
            font-weight: 700;
            margin-bottom: 8px;
        }

        .chip-group {
            margin-top: 10px;
            font-size: 0;
        }

        .chip,
        .tag {
            display: inline-block;
            background: #fff1e7;
            color: #ff7d00;
            border-radius: 999px;
            padding: 2px 10px;
            font-size: 11px;
            font-weight: 700;
            margin: 0 8px 8px 0;
        }

        .frequency-list {
            font-size: 12px;
        }

        .frequency-item,
        .plan-cadence {
            color: #516173;
            margin-bottom: 8px;
        }

        ul {
            margin: 8px 0 0 18px;
            padding: 0;
        }

        p {
            margin: 6px 0;
        }

        .plan-grid {
            margin-bottom: 10px;
        }
    </style>
</head>
<body>
<div class="report-container">
    <div class="report-title">{{reportVersionLabel}}</div>
    <div class="report-subtitle">高考英语临考词汇突击潜力展望报告</div>

    <div class="meta-grid">
        <div class="meta-item">
            <div class="meta-label">学生姓名</div>
            <div class="meta-value">{{learnerName}}</div>
        </div>
        <div class="meta-item">
            <div class="meta-label">目标考试</div>
            <div class="meta-value">{{targetExamName}}</div>
        </div>
        <div class="meta-item">
            <div class="meta-label">冲刺周期</div>
            <div class="meta-value">{{sprintPeriodLabel}}</div>
        </div>
        <div class="meta-item">
            <div class="meta-label">生成信息</div>
            <div class="meta-value">{{authorName}} · {{generatedAt}}</div>
        </div>
    </div>

    <div class="summary-card">
        <p><strong>学情摘要：</strong>{{summary}}</p>
        <p><strong>当前阶段：</strong>{{currentStage}}</p>
        <p><strong>关键洞察：</strong>{{keyInsight}}</p>
        <p><strong>备考就绪度：</strong>{{readinessScore}}%</p>
    </div>

    <div class="section-title">模块一：个人学情分析</div>
    <div class="content-grid">
        <div class="content-card">{{syllabusMasteryProfile}}</div>
        <div class="content-card">{{pastPaperVocabularyProfile}}</div>
        <div class="content-card">{{highFrequencyVocabularyProfile}}</div>
        <div class="content-card">
            <div class="card-title">词频区间掌握度</div>
            {{vocabularyFrequencyBands}}
        </div>
    </div>

    <div class="section-title">模块二：科学备考建议</div>
    <div class="plan-grid">
        {{sprintPlanOptions}}
    </div>

    <div class="section-title">模块三：诊断案例</div>
    {{diagnosticCaseStudy}}
</div>
</body>
</html>