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

<include file="weixin@block:header"/>
<!--<title>照片打印</title>-->
<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 photo-print" v-cloak>
        <div class="weui-print">
            <div v-if="picList.length<=0" class="empty">
                <img src="/static/weixin/img/no-pic.png"  width="80" height="80">
            </div>
            <div v-else :id="'pic_'+k" class="print-item print-pic" :data-id="pic.id" v-for="(pic,k) in picList">
                <!--<div class="actions">
                    <div class="op">
                        <span class="edit" @click="picEdit(k)"><img src=""/>编辑</span>
                        <span :id="'color_'+k" class="color" @click="picColor(k)" data-color="1">黑白</span>
                        <span class="del" @click="picDel(k)"><img src=""/>删除</span>
                        <span class="prev" @click="picPreview(k)"><img src=""/>预览</span>
                    </div>
                </div>-->

                <div class="actions">
                    <div class="title">参数设置：</div>
                    <div class="op">
                        <img class="del" src="/static/weixin/img/icon/del.png" width="24" height="24" @click="picDel(k)">
                        <p class="edit">
                            <span class="edit" @click="picEdit(k, pic, 1)"><img src="/static/weixin/img/icon/edit.png" width="24" height="24"/>编辑</span>
                            <span class="prev" @click="picPreview(k, pic)"><img src="/static/weixin/img/icon/look.png" width="24" height="24"/>预览</span>
                        </p>
                        <p class="pic-color">
                            <span :id="'color_'+k" class="color color1 active" @click="picColor(k, 1)" data-color="1">黑白</span>
                            <span :id="'color_'+k" class="color color2" @click="picColor(k, 2)" data-color="2">彩色</span>
                        </p>
                    </div>
                </div>
                <div class="pic-box">
                    <div class="pic">
                        <div :id="'pic_preview_'+k" class="pic-preview">
                            <img class="pic-img" :id="'pic_img_'+k" @click="picEdit(k, pic, 1)" :src="pic.preview" :data-pic="pic.url" :alt="pic.name" :data-size="pic.file_size" onerror="javascript:this.src='/static/weixin/img/no-pic.png';" :data-type="pic.file_type">
                        </div>
                    </div>
                </div>
                <div class="count">
                    <div class="weui-count">
                        <a class="weui-count__btn weui-count__decrease"></a>
                        <input :id="'num_'+k" :readonly="deviceId?true:false" class="weui-count__number pic-num" type="number" :value="pic.nums? pic.nums : 1">
                        <a class="weui-count__btn weui-count__increase"></a>
                    </div>
                </div>
            </div>
            <div class="block"></div>
        </div>
        <div id="cropBox" class="weui-popup__container">
            <div class="weui-popup__overlay"></div>
            <div class="weui-popup__modal">
            	<div class="crop-edit" v-if="!cropPreviewStatus">
                <a id="cropZoom1" class="weui-btn_pink" @click="cropReset()">
                    <img src="/static/weixin/img/icon/reset.png" alt="" width="36" height="36">
                    <span>重置</span>
                </a>
                    <a id="cropZoom2" class="weui-btn_pink" @click="rotate($event,1)">
                        <img src="/static/weixin/img/icon/left.png" alt="" width="36" height="36">
                        <span>左旋</span>
                    </a>
                    <a id="cropZoom3" class="weui-btn_pink" @click="rotate($event,2)">
                        <img src="/static/weixin/img/icon/right.png" alt="" width="36" height="36">
                        <span>右旋</span>
                    </a>
                    <a id="cropZoom4" class="weui-btn_pink" @click="cropSize()">
                        <img src="/static/weixin/img/icon/size.png" alt="" width="36" height="36">
                        <span>适应</span>
                    </a>
            </div>
                <div class="crop-img"></div>
                <div class="crop-actions">
                    <a class="weui-btn weui-btn_default" @click="cropCancel()">取消</a>
                    <a id="clipConfirm" class="weui-btn weui-btn_default weui-btn_pink" @click="cropConfirm()">确定剪切</a>
                    <!--<a v-else class="weui-btn weui-btn_default" @click="cropCancel()">取消</a>-->
                </div>

            </div>
        </div>
        <div id="previewBox" class="weui-popup__container">
            <div class="weui-popup__overlay"></div>
            <div class="weui-popup__modal">
                <div class="crop-preview">
                    <div id="preview">
                        <div class="preview-box">
                            <img id="cropImgPreview" class="preview-img" :src="previewData.url" alt="">
                        </div>
                    </div>
                </div>
                <div class="crop-actions preview-action">
                    <a class="weui-btn weui-btn_default" @click="previewCancel()">取消</a>
                </div>

            </div>
        </div>
        <div class="weui-actions" >
            <div class="weui-btn-area">
                <a class="weui-btn weui-btn_default">
                    <input id="upload" type="file" accept="image/*" multiple @change="selectPic($event)">添加照片
                </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/photo.js?v={$version}"></script>
<include file="weixin@block:footer"/>