<!--pages/invoice/contract/contract.wxml-->
<view class="page-contract">

    <!-- 合同step -->
    <view class="contract-step">
        <view class="img-wrap">
            <image class="img-full" lazy-load="true" src="https://resource.artouchstone.com/miniapp/artist/images/sw-step-01.png"></image>
        </view>
    </view>

    <!-- 上传合同 -->
    <view class="contract-content">

        <view wx:if="{{upFileInfo}}">
            <view class="file-box">
                <!-- {{upFileInfo.url}}-->
                <image class="img-full" lazy-load="true" src="/images/contract-pdf.png"></image>
                <view bindtap="removeFile" class="close"><image class="img-full" src="https://resource.artouchstone.com/miniapp/artist/images/icon-close.png"></image></view>
            </view>
            <view bindtap="prevFile" class="prev-text">点击预览</view>
        </view>

        <view wx:if="{{!upFileInfo}}" class="upload-text">
             <view bindtap="showFileChoose" class="icon">
                 <image class="img-full" lazy-load="true" src="https://resource.artouchstone.com/miniapp/artist/images/ico_add-round.png"></image>
             </view>
             <view class="name">点击上传合同</view>
             <view class="text">支持.pdf 文件，10M以内</view>
        </view>

        <view wx:if="{{!upFileInfo}}" class="default-btn">确定</view>

        <view wx:if="{{upFileInfo}}" bindtap="saveData" class="default-btn primary">确定</view>

    </view>



    <!--下载合同 -->
    <view class="contract-info">
        <view class="info-text">如没有合同，请先下载合同模板</view>
        <navigator url="/pages/invoice/downContract/downContract" class="down-contract">下载合同模板</navigator>
    </view>
    <button plain="true" open-type='contact' session-from='' class="fixed-zx"></button>

    <!-- 选择上传文件形式弹框 -->
    <view wx:if="{{isShowFileChoose}}" class="pop-box">
        <view class="pop-inner">
            <view class="pop-inner-text">
                <view bindtap="chooseFileMsg" class="pop-choose-item">
                    <view class="icon icon-01"></view>
                    从聊天记录选择
                </view>
                <view bindtap="chooseFile" class="pop-choose-item">
                    <view class="icon icon-02"></view>
                    从本地文件选择
                </view>
            </view>
            <view bindtap="hideFileChoose" class="default-btn primary">
                取消
            </view>
            <view bindtap="hideFileChoose" class="pop-close">
                <image class="img-full" lazy-load="true" src="https://resource.artouchstone.com/miniapp/artist/images/close.png" mode="widthFix"/>
            </view>
        </view>
    </view>
</view>