<wrapper>
    <view class="report-details-list">
        <!-- 头部背景 -->
        <view class="report-details-head"></view>
        <!-- 内容容器 -->
        <view class="report-details-container">
            <!-- 临床诊断 -->
            <view class="clinical-diagnosis">
                <view class="clinical-diagnosis-head">临床诊断</view>
                <view class="clinical-diagnosis-list">
                    <view
                      class="clinical-diagnosis-list-item"
                      a:for="{{ reportDetailsInfo && reportDetailsInfo.diagnosis }}"
                    >{{ index + 1 }}.{{ item }}</view>
                </view>
            </view>
            <!-- 基本信息 -->
            <view class="essential-information">
                <view class="essential-information-title">基本信息</view>
                <view class="essential-information-list">
                    <block a:for="{{ reportDetailsInfo && reportDetailsInfo.essentialInformationList }}">
                        <view class="essential-information-list-item" a:if="{{ item.value }}">
                            <view class="list-item-left">{{ item.title }}</view>
                            <view class="list-item-right">{{ item.value }}</view>
                        </view>
                    </block>

                </view>
            </view>
            <!-- 项目及检查结果 -->
            <view class="inspection-results">
                <view class="inspection-results-title">项目及检查结果</view>
                <view class="inspection-results-list">
                    <view class="inspection-results-list-item" a:for="{{ reportDetailsInfo && reportDetailsInfo.reportItemList }}">
                        <view class="list-item-top {{ item.pnFlag === 'HIGH' ? 'list-item-up' : item.pnFlag === 'LOW' ? 'list-item-down' : '' }}">
                            <view>{{ item.itemName }}</view>
                            <view>
                                {{ item.txtVal }}
                                <text a:if="{{ item.pnFlag === 'HIGH' }}"> ↑</text>
                                <text a:if="{{ item.pnFlag === 'LOW' }}"> ↓</text>
                            </view>
                        </view>
                        <view class="list-item-bottom">
                            <view >单位：{{ item.unit || '无' }}</view>
                            <view>正常值范围：{{ item.reference }}</view>
                        </view>
                    </view>
                </view>
            </view>
            <!-- 影像信息 -->
            <view class="image-information" a:if="{{reportDetailsInfo && (reportDetailsInfo.reportImageDesc || reportDetailsInfo.reportImageUrls)}}">
                <view class="image-information-title">影像信息</view>
                <view class="image-information-container">
                    <text class="image-information-txt">{{ reportDetailsInfo && reportDetailsInfo.reportImageDesc }}</text>
                    <image
                        src="{{ item }}"
                        class="image-information-img"
                        a:for="{{ reportDetailsInfo && reportDetailsInfo.reportImageUrls }}"
                        data-item="{{ item }}"
                        onTap="previewImage"/>
                </view>
            </view>
            <!-- 纸质报告打印 -->
            <view class="paper-printing" a:if="{{reportDetailsInfo && reportDetailsInfo.printAddress}}">
                <view class="paper-printing-title">纸质报告打印</view>
                <view class="paper-printing-container">
                    <text>{{ reportDetailsInfo && reportDetailsInfo.printAddress }}</text>
                    <view
                        class="paper-printing-btn"
                        onTap="paperPrintingBtn">到这去</view>
                </view>
            </view>
            <!-- 复诊挂号 -->
            <!-- <view class="registration">
                <view class="registration-btn" onTap="registrationBtn">复诊挂号</view>
            </view> -->
        </view>
    </view>
</wrapper>
