<!-- pages/followUp/index.wxml -->
<view class="container">
    <view class="follow-up" bind:tap="openSelect">
        <view class="follow-up-time">{{followUpDetail.follow_date}}</view>
        <view class="follow-name">{{followUpDetail.follow_name}}</view>
        <text class="iconfont icon-youjiantou"></text>
    </view>
    <view class="follow-item">
        <view class="item-title">随访信息</view>
        <view class="follow-item-tit">
            <text class="label">随访名称</text>
            <text class="value">{{detail.follow_name}}</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">随访日期</text>
            <text class="value">{{detail.follow_date}}</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">随访医院</text>
            <text class="value">{{detail.follow_hospital}}</text>
        </view>
    </view>
    <view class="follow-item">
        <view class="item-title">生长指数</view>
        <view class="follow-item-tit">
            <text class="label">身高</text>
            <text class="value">{{detail.height}}(CM)</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">体重</text>
            <text class="value">{{detail.weight}}(KG)</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">头围</text>
            <text class="value">{{detail.head_circumference}}(CM)</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">上臀围</text>
            <text class="value">{{detail.high_hip}}(CM)</text>
        </view>
    </view>
    <view class="follow-item">
        <view class="item-title">肝功能</view>
        <view class="follow-images">
            <t-row gutter="16">
                <t-col span="8" wx:for="{{detail.liver_function_image}}" wx:key="{{index}}" wx:if="{{index < 3}}">
                    <view class="report-image" data-mode="liver_function_image" data-index="{{index}}" bind:tap="handleImagePreview">
                        <image class="image" src="{{item}}" mode=""></image>
                        <view class="more" wx:if="{{detail.liver_function_image.length > 3 }}">+ {{detail.liver_function_image.length - 3}}</view>
                    </view>
                </t-col>
                
            </t-row>
        </view>
        <view class="follow-item-tit">
            <text class="label">总胆红素</text>
            <text class="value">{{detail.total_bilirubin}}(µmol/L)</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">直接胆红素</text>
            <text class="value">{{detail.direct_bilirubin}}(µmol/L)</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">总胆汁酸</text>
            <text class="value">{{detail.total_bile_acid}}(g/L)</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">白蛋白</text>
            <text class="value">{{detail.albumin}}（g/L）</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">谷草</text>
            <text class="value">{{detail.grain_grass}}（U/L）</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">谷丙</text>
            <text class="value">{{detail.gu_bing}}（U/L）</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">GGT</text>
            <text class="value">{{detail.ggt}}（U/L）</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">ALP</text>
            <text class="value">{{detail.alp}}（U/L）</text>
        </view>
    </view>
    <view class="follow-item">
        <view class="item-title">凝血功能</view>
        <view class="follow-images">
            <t-row gutter="16">
                
                <t-col span="8" wx:for="{{detail.coagulation_function_image}}" wx:key="{{index}}" wx:if="{{index < 3}}">
                    <view class="report-image" data-mode="coagulation_function_image" data-index="{{index}}" bind:tap="handleImagePreview">
                        <image class="image" src="{{item}}" mode=""></image>
                        <view class="more" wx:if="{{detail.coagulation_function_image.length > 3 }}">+ {{detail.coagulation_function_image.length - 3}}</view>
                    </view>
                </t-col>
            </t-row>
        </view>
        <view class="follow-item-tit">
            <text class="label">CRP</text>
            <text class="value">{{detail.crp}}（mg/L）</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">DDR</text>
            <text class="value">{{detail.ddr}}</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">INR</text>
            <text class="value">{{detail.inr}}</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">PT</text>
            <text class="value">{{detail.pt}}（s）</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">PTA</text>
            <text class="value">{{detail.pta}}（%）</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">APTT</text>
            <text class="value">{{detail.aptt}}（s）</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">TT</text>
            <text class="value">{{detail.tt}}（s）</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">FIB</text>
            <text class="value">{{detail.fib}}（g/L）</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">NPDP</text>
            <text class="value">{{detail.npdp}}（mg/L）</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">MMP-7</text>
            <text class="value">{{detail.mmp_7}}（ng/mL）</text>
        </view>
    </view>
    <view class="follow-item">
        <view class="item-title">血常规</view>
        <view class="follow-images">
            <t-row gutter="16">
               
                <t-col span="8" wx:for="{{detail.blood_routine_image}}" wx:key="{{index}}" wx:if="{{index < 3}}">
                    <view class="report-image" data-mode="blood_routine_image" data-index="{{index}}" bind:tap="handleImagePreview">
                        <image class="image" src="{{item}}" mode=""></image>
                        <view class="more" wx:if="{{detail.blood_routine_image.length > 3 }}">+ {{detail.blood_routine_image.length - 3}}</view>
                    </view>
                </t-col>
            </t-row>
        </view>
        <view class="follow-item-tit">
            <text class="label">血小板</text>
            <text class="value">{{detail.platelets}}（10^9/L)</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">血红蛋白</text>
            <text class="value">{{detail.hemoglobin}} (g/L)</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">白细胞</text>
            <text class="value">{{detail.white_blood_cells}} (10^9/L)</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">红细胞</text>
            <text class="value">{{detail.red_blood_cells}} (10^9/L)</text>
        </view>
        
    </view>
    <view class="follow-item">
        <view class="item-title">营养指标</view>
        <view class="follow-images">
            <t-row gutter="16">
                
                <t-col span="8" wx:for="{{detail.nutritional_indicator_image}}" wx:key="{{index}}" wx:if="{{index < 3}}">
                    <view class="report-image" data-mode="nutritional_indicator_image" data-index="{{index}}" bind:tap="handleImagePreview">
                        <image class="image" src="{{item}}" mode=""></image>
                        <view class="more" wx:if="{{detail.nutritional_indicator_image.length > 3 }}">+ {{detail.nutritional_indicator_image.length - 3}}</view>
                    </view>
                </t-col>
            </t-row>
        </view>
        <view class="follow-item-tit">
            <text class="label">25-(OH)D3</text>
            <text class="value">{{detail.oh_d3}}(ng/ml)</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">25-(OH)D2</text>
            <text class="value">{{detail.oh_d2}}(ng/ml)</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">25-(OH)D</text>
            <text class="value">{{detail.oh_d}}(ng/ml)</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">维生素A</text>
            <text class="value">{{detail.vitamin_a}}(ng/ml)</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">维生素K</text>
            <text class="value">{{detail.vitamin_k}}(ng/ml)</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">维生素E</text>
            <text class="value">{{detail.vitamin_e}}(ng/ml)</text>
        </view>
    </view>
    <view class="follow-item">
        <view class="item-title">B超</view>
        <view class="follow-images">
            <t-row gutter="16">
                
                <t-col span="8" wx:for="{{detail.b_mode_image}}" wx:key="{{index}}" wx:if="{{index < 3}}">
                    <view class="report-image" data-mode="b_mode_image" data-index="{{index}}" bind:tap="handleImagePreview">
                        <image class="image" src="{{item}}" mode=""></image>
                        <view class="more" wx:if="{{detail.b_mode_image.length > 3 }}">+ {{detail.b_mode_image.length - 3}}</view>
                    </view>
                </t-col>
            </t-row>
        </view>
        <view class="follow-item-tit">
            <text class="label">肝肋下</text>
            <text class="value">{{detail.under_the_liver_rib}}(mm)</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">肝剑突下</text>
            <text class="value">{{detail.under_the_xiphoid_liver}}(mm)</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">脾肋下</text>
            <text class="value">{{detail.spleen_rib_area}}(mm)</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">门静脉主干内径</text>
            <text class="value">{{detail.main_portal_vein}}(mm)</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">肝回声</text>
            <text class="value">{{detail.liver_echo}}</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">胆囊大小</text>
            <text class="value">{{detail.gallbladder_size}}(mm)</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">胆总管</text>
            <text class="value">{{detail.common_bile_duct}}(mm)</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">纤维块大小</text>
            <text class="value">{{detail.fiber_block_size}}(mm)</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">门静脉流速</text>
            <text class="value">{{detail.pvv}}</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">肝弹性值</text>
            <text class="value">{{detail.liver_elasticity_value}}</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">有无肝囊肿</text>
            <text class="value">{{detail.is_have_cyst == 1 ? '有':'无'}}</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">有无腹水</text>
            <text class="value">{{detail.is_have_ascites == 1 ? '有':'无'}}</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">弹性成像最小值</text>
            <text class="value">{{detail.elastography_median}}(kPa)</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">弹性成像最大值</text>
            <text class="value">{{detail.elastography_maximum}}(kPa)</text>
        </view>
        <view class="follow-item-tit">
            <text class="label">弹性成像中位数</text>
            <text class="value">{{detail.elastography_median}}(kPa)</text>
        </view>
    </view>
    <view class="follow-item">
        <view class="item-title">MDT 电子病历</view>
        <view class="follow-images">
            <t-row gutter="16">
                
                <t-col span="8" wx:for="{{detail.mdt_image}}" wx:key="{{index}}" wx:if="{{index < 3}}">
                    <view class="report-image" data-mode="mdt_image" data-index="{{index}}" bind:tap="handleImagePreview">
                        <image class="image" src="{{item}}" mode=""></image>
                        <view class="more" wx:if="{{detail.mdt_image.length > 3 }}">+ {{detail.mdt_image.length - 3}}</view>
                    </view>
                </t-col>
            </t-row>
        </view>
        
    </view>

<t-popup visible="{{visible}}" bind:visible-change="onVisibleChange" placement="bottom" custom-style="custom-style" prevent-scroll-through="{{true}}">
  <view class="block">
    <view class="header">
      <view class="btn btn--cancel" aria-role="button" bindtap="close">取消</view>
      <view class="title"></view>
      <view class="btn btn--confirm" aria-role="button" bindtap="confirm">确定</view>
    </view>
    <view class="select-box">
        <view class="follow-up" wx:for="{{followUpList}}" wx:key="id" data-id="{{item.id}}" bind:tap="handleClick">
            <view class="follow-up-time">{{item.follow_date}}</view>
            <view class="follow-name">{{item.follow_name}}</view>
            <text class="iconfont icon-gouxuan" wx:if="{{item.id == followUpDetail.id}}"></text>
        </view>
        
    </view>
  </view>
  
  
</t-popup>
<t-image-viewer
  usingCustomNavbar
  deleteBtn="{{false}}"
  closeBtn="{{false}}"
  showIndex="{{true}}"
  initial-index="{{imageIndex}}"
  visible="{{imageVisible}}"
  images="{{imageList}}"
  bind:change="onChange"
  bind:delete="onDelete"
  bind:close="onClose"
></t-image-viewer>

</view>