<custom chineseName="身份证识别" engName="ocrIdCard"></custom>
<view class="wrap">
    <view class="card-area">
        <view class="header border-bottom">
            <view class="header-item {{idCardSide==='front'?'active':''}}" data-idCardSide="front" bindtap="changeCardSide">人像面</view>
            <view class="header-item {{idCardSide==='back'?'active':''}}" data-idCardSide="back" bindtap="changeCardSide">国徽面</view>
        </view>
        <image mode="aspectFit" class="display-area-image" src="{{image}}" style="transform:rotate({{imageDeg}}deg) scale({{imageScale}});"></image>
    </view>
    <view class="card-area" style="margin-bottom: 1.2rem;">
        <view class="top-description border-bottom">识别结果</view>
        <view s-if="idCardInfoList.length > 0">
            <view class="description">基本信息</view>
            <view class="list-area border-bottom">
                <view class="result-item" s-for="info in idCardInfoList">
                    <view class="result-item-key-4" s-if="info.key.length===2">
                        <text>{{info.key[0]}}</text>
                        <text>{{info.key[1]}}</text>
                    </view>
                    <view class="result-item-key-4" s-else>{{info.key}}</view>
                    <view class="result-item-value {{info.error?'result-item-value-err':''}}">{{info.value}}</view>
                </view>
            </view>
            <view class="description">风险检测</view>
            <view class="list-area border-bottom">
                <view class="result-item">
                    <view class="result-item-key-4">检测结果</view>
                    <view class="result-item-value {{riskType===-1?'color-04AA61':'color-f7534f'}}">{{riskType===-1?'无':'有'}}风险</view>
                </view>
                <view class="result-item">
                    <view class="result-item-key-4">风险类型</view>
                    <view class="multi-value">
                        <view class="del-line {{riskType===0?'risk':''}}">复印件</view>
                        <view class="del-line {{riskType===1?'risk':''}}">临时身份证</view>
                        <view class="del-line {{riskType===2?'risk':''}}">翻拍</view>
                    </view>
                </view>
            </view>
            <view class="description">软件编辑检测</view>
            <view class="list-area">
                <view class="result-item">
                    <view class="result-item-key-4">检测结果</view>
                    <view class="result-item-value {{editTool?'color-f7534f':'color-04AA61'}}">{{editTool?'有':'无'}}软件编辑记录</view>
                </view>
                <view class="result-item">
                    <view class="result-item-key-4">编辑工具</view>
                    <view s-if="editTool" class="result-item-value color-f7534f">{{editTool}}</view>
                    <view s-else class="result-item-value">无</view>
                </view>
            </view>
        </view>
        <view s-else class="result-area">
            <view class="result-area-fail">无法识别</view>
            <view class="result-area-tips">请上传清晰完整的身份证{{idCardSideDesc}}照片</view>
        </view>
    </view>
    <view class="swan-security-padding-bottom flex-button">
        <button type="primary" loading="{{loading}}" disabled="{{loading}}" bindtap="selectImage">上传身份证{{idCardSideDesc}}图片</button>
    </view>
</view>