NN2019090901/public/themes/default/weixin/print/papers.html

<include file="weixin@block:header"/>
<!--<title>证件打印</title>-->
<!--<link rel="stylesheet" href="/static/weixin/lib/jcrop/jquery.jcrop.min.css?v={$version}">-->
<link rel="stylesheet" href="/static/weixin/lib/cropper/cropper.css?v={$version}"></link>
<link rel="stylesheet" href="/static/weixin/css/print.css?v={$version}">
<div id="app" v-cloak>
    <header class="zyw-header">
        <div class="zyw-container white-color">
            <div class="head-l"><a href="javascript:history.go(-1);" target="_self"><img
                    src="/static/weixin/img/svg/head-return.svg" alt=""></a></div>
            <h1>证件打印</h1>
        </div>
    </header>
    <div class="zyw-container" v-cloak>
        <div class="weui-print weui_cells">
            <div class="print-papers" v-for="(item,id) in picList" >
                <div class="pic-box pic-papers">
                    <div class="pic">
                        <div class="preview">
                            <img class="pic-img" :id="'pic_'+id" @click="picEdit(id)" :src="item.url? item.url : '/static/weixin/img/idcard-'+id+'.png'" :data-pic="item.url" onerror="javascript:this.src='/static/weixin/img/no-pic.png';" :data-type="item.file_type" :data-size="item.file_size" >
                            <input :id="'upload_'+id" class="upload" type="file" accept="image/*" @change="selectPic($event, id)">
                            <span class="icon-box"><img class="icon" src="/static/weixin/img/photo.png" alt="" width="36" height="36"><em v-text="id=='img1'? '拍摄人像页': '拍摄国徽页'"></em></span>
                        </div>
                        <div class="op"  @click="picDel(id)">
                            <img  src="/static/weixin/img/del.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <div class="weui-cells__title">
                <p>1、正反面会自动凭借在一张A4纸上</p>
                <p>2、完成打印后，信息将从服务器删除，请放心使用</p>
            </div>
            <div class="paper-count">
                <div class="color-label weui-cells weui-cells_checkbox">
                    <label class="weui-cell weui-check__label" for="colorType">
                        <div class="weui-cell__hd">
                            <input type="checkbox" class="weui-check" name="checkbox1" id="colorType">
                            <i class="weui-icon-checked"></i>
                            彩印
                        </div>
                    </label>
                    <span class="count-label">打印份数</span>
                    <div class="weui-count">
                        <a class="weui-count__btn weui-count__decrease"></a>
                        <input id="papers-num" class="weui-count__number pic-num" type="number" value="1">
                        <a class="weui-count__btn weui-count__increase"></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="previewBox" class="popup">
            <div class="crop-preview">
                <div id="preview">
                    <div id="print-preview" :class="colorType==1? 'preview-box gray' : 'preview-box'">
                        <div :id="'preview_'+id" :class="preview? 'preview': 'preview yes'" v-for="(item,id) in picList" >
                            <div class="preview-pic" v-if="preview || item.url">
                                <img v-if="item.url" :class="'img preview_'+id" :src="item.preview? item.preview : item.url" style="width: 100%; height: 100%;">
                                <span v-else v-text="id=='img1'?'身份证正面':'身份证反面'"></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="crop-actions">
                <a class="weui-btn weui-btn_default" @click="cropCancel()">取消</a>
            </div>
    </div>
    <div id="cropBox" class="weui-popup__container popup">
        <div class="weui-popup__overlay"></div>
        <div class="weui-popup__modal">
        	 <div class="crop-edit" v-if="!cropPreviewStatus">
                <a id="cropZoom1" class="weui-btn weui-btn_default weui-btn_pink" @click="cropZoom($event,1)">放大</a>
                <a id="cropZoom2" class="weui-btn weui-btn_default weui-btn_pink" @click="cropZoom($event,2)">缩小</a>
            </div>
            <div class="crop-img">
                <img id="cropImg" src="" alt="" off="">
            </div>
            <div class="crop-actions">
                <a id="rotateConfirm" class="weui-btn weui-btn_default weui-btn_pink" @click="rotateConfirm()">旋转</a>
                <a id="clipConfirm" class="weui-btn weui-btn_default weui-btn_pink" @click="cropConfirm()">确定剪切</a>
                <a v-if="cropPreviewStatus" class="weui-btn weui-btn_default" @click="cropReset()">重新剪切</a>
                <a v-else class="weui-btn weui-btn_default" @click="cropCancel()">取消</a>
            </div>

        </div>
    </div>
    <div class="weui-actions papers-actions">
        <div class="weui-btn-area ">
            <!--<a class="weui-btn weui-btn_default" @click="cropPreview()">-->
                <!--预览-->
            <!--</a>-->
            <a v-if="printType==2" class="weui-btn weui-btn_default weui-btn_pink" @click="doSubmit()">拼团打印</a>
            <a v-else class="weui-btn weui-btn_default weui-btn_pink" @click="doSubmit()">下单打印</a>
        </div>
    </div>
</div>
</div>
<script src="/static/weixin/lib/jcrop/html2canvas.min.js?v={$version}"></script>
<script src="/static/weixin/lib/cropper/cropper.js?v={$version}"></script>
<script src="/static/weixin/js/jweixin-1.4.0.js?v={$version}"></script>
<script src="/static/weixin/js/papers.js?v={$version}"></script>
<include file="weixin@block:footer"/>