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

<include file="weixin@block:header"/>
<!--<title>照片打印</title>-->
<link rel="stylesheet" href="/static/weixin/lib/cropper/cropper.css?v={$version}">
<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>
    <section class="zyw-container" v-cloak>
        <div class="weui-print">
            <div v-if="picList.length>0" :id="'pic_'+k" :data-id="item.id" class="print-item file-box" v-for="(item,k) in picList">
                <div class="file-item">
                    <div class="title">
                        <div class="name"><img :src="'/static/weixin/img/file/'+item.file_type+'.png'" width="24" height="24" alt=""><span class="file-name" v-text="item.name"></span></div>
                        <span class="page">共{{item.total_page}}页</span>
                    </div>
                    <div class="attr">
                        <div class="item page-scope">
                            <div class="item-name">页码范围</div>
                            <div class="item-box">
                                <input id="page-start" class="page-start" type="number" value="1" data-min="1">-<input id="page-end" class="page-end" type="number" :value="item.total_page" :data-max="item.total_page">
                            </div>
                        </div>
                        <div class="item page-scope">
                            <div class="item-name">打印数量</div>
                            <div class="item-box">
                                <div class="weui-count">
                                    <a class="weui-count__btn weui-count__decrease"></a>
                                    <input class="weui-count__number file-num" type="number" :value="item.nums?item.nums:1">
                                    <a class="weui-count__btn weui-count__increase"></a>
                                </div>
                            </div>
                        </div>
                        <div class="item page-scope">
                            <div class="item-name">打印页面</div>
                            <div class="item-box page-type">
                                <button class="btn active">单面</button>
                                <button class="btn">双面</button>
                            </div>
                        </div>
                        <div class="item page-scope">
                            <div class="item-name">打印类型</div>
                            <div class="item-box print-type">
                                <button class="btn active">黑白</button>
                                <button class="btn">彩色</button>
                            </div>
                        </div>
                        <div class="item page-scope">
                            <div class="item-name"></div>
                            <div class="item-box">
                                <button v-if="item.file_type=='pdf' || item.file_type=='xls' || item.file_type=='xlsx'" class="btn preview" ><a :href="item.url?item.url:item.preview" target="_blank">预览</a></button>
                                <button v-else class="btn preview"><a :href="'http://view.officeapps.live.com/op/view.aspx?src='+item.preview" target="_blank">预览</a></button>
                                <!--<button class="preview" @click="preview(item)">预览</button>-->
                                <button class="btn del" @click="picDel(k)">删除</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div v-if="picList.length<=0" class="empty">
                <img src="/static/weixin/img/no-pic.png"  width="80" height="80">
            </div>
            <div class="block"></div>
        </div>
        <div id="previewBox" class="weui-popup__container">
            <div class="weui-popup__overlay"></div>
            <div class="weui-popup__modal">
                <header class="zyw-header">
                    <div class="zyw-container white-color">
                        <div class="head-l"><a @click="hidePreview()" target="_self"><img
                                src="/static/weixin/img/svg/head-return.svg" alt=""></a></div>
                        <h1>文件预览</h1>
                    </div>
                </header>
                <section class="content" style="width: 100%;height: 100%;">
                    <!--<iframe v-if="fileData.file_type == 'doc' || fileData.file_type == 'docx' || fileData.file_type == 'xls' || fileData.file_type == 'xlsx' || fileData.file_type == 'ppt'" v-if="fileData.url" :src="'https://view.officeapps.live.com/op/view.aspx?src='+fileData.url" width='100%' height='100%' frameborder='1' ></iframe>

                    <embed  v-if="fileData.file_type=='pdf' || fileData.file_type=='pdfx'":src="ileData.url" type="application/pdf" width="100%" height="100%">-->
                    <!--<a style="width: 100%;height: 100%;" class="media" href="http://print.dongerkj.com/upload/files/print/20191118/53ad362c62cd9197404a8c2ef2b8758a.pdf">预览</a>-->
                    <!--<a class="media" :href="fileData.url">预览</a>-->
                    <iframe id="preview" src="" width='100%' height='100%' frameborder='1' >
                    </iframe>
                </section>
            </div>
        </div>
        <div class="weui-actions" v-cloak>
            <div class="weui-btn-area">
                <a class="weui-btn weui-btn_default" >
                    <input type="file" @change="selectFile($event)">添加文件
                    <!--<input type="file" accept=".doc,.docx,.xls,.xlsx,.pdf,.ppt,.pptx" @change="selectFile($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>
    </section>

</div>
<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/files.js?v={$version}"></script>
<include file="weixin@block:footer"/>