H5齐鲁医疗
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
sims-scaninvoice-qlyl/html/wxscaninvoice/merge.html

92 lines
3.9 KiB

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>合并开票</title>
<link rel="stylesheet" type="text/css" href="../../css/base.css?v=1.0.7" />
<link rel="stylesheet" href="../../css/wxscaninvoice/merge.css">
</head>
<body style="background: #F7F7F7;">
<div id="loading" class="loading">
<img src="../../image/common/timg.gif" alt="">
</div>
<div id="merge" class="merge_content">
<div v-show='shadeShow||nextShow||loadingShow' class="shade"></div>
<div v-show='loadingShow' class="loadingBlock">
<img src="../../image/common/timg.gif" alt="">
<span>加载中...</span>
</div>
<div v-show='shadeShow' class="merge-block">
<span>删除订单后将不能恢复,确定删除吗?</span>
<div class="operation">
<span @click='shadeShow=false' class="cancel">取消</span>
<span @click='onDelete' class="confirm">确定</span>
</div>
</div>
<div v-show='nextShow' class="merge-block">
<span>所选订单为{{ orderQuantity }}个纳税人主体,将开具{{ orderQuantity }}张发票</span>
<div class="operation">
<span @click='onNext' class="nextBlock confirm">确定</span>
</div>
</div>
<div class="merge_handle">
<span @click='billingHistory' class="handle_left">查看开票历史</span>
<span @click='onDel' class="handle_right">删除</span>
</div>
<div class="merge_main">
<ul>
<li v-for='v in myData'>
<div class="list-content">
<div class="select-box">
<i @click='onSwitch(v.id)' :class="{'icon-off':!v.switch,'icon-on':v.switch}"></i>
</div>
<div class="title-box">
<span>添加时间</span>
<span>销方名称</span>
<span>开票项目</span>
<span>开票金额</span>
</div>
<div class="val-box">
<span>{{ v.addTime }}</span>
<span>{{ v.name }}</span>
<span>{{ v.billingItem }}</span>
<span class="money">{{ v.money }}</span>
</div>
</div>
</li>
</ul>
</div>
<div class="merge_footer">
<div class="footer-show">
<span>{{ orderQuantity }} 个订单,共{{ orderPrice.toFixed(2) }}元</span>
</div>
<div class="footer-control">
<div class="control-select">
<div class="selectAll">
<i @click='onCheckAll' :class="{'icon-off':!checkAllShow,'icon-on':checkAllShow}"></i>
<span>选全部</span>
</div>
</div>
<div class="control-btns">
<div @click='onScan' :class="{scan:scanShow,next:!scanShow}">
<span>扫码</span>
</div>
<div class="next">
<span @click='onNextBtn'>下一步</span>
</div>
</div>
</div>
</div>
</div>
</body>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>
<script src="../../js/lib/jquery-1.11.3.min.js"></script>
<script src="https://res2.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script src="../../js/common/base.js"></script>
<script src="../../js/wxscaninvoice/merge.js"></script>
</html>