generated from zhaoxingchang/i-tax-management-front-lxzy
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.
93 lines
3.9 KiB
93 lines
3.9 KiB
10 months ago
|
<!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>
|