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/writing.html

283 lines
14 KiB

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="../../css/base.css?v=1.0.7" />
<link rel="stylesheet" type="text/css" href="../../css/wxscaninvoice/writing.css?v=1.0.7" />
<link rel="stylesheet" type="text/css" href="../../css/iosSelect.css?v=1.0.7">
<title>发票开具</title>
</head>
<body style="background: #F7F7F7;">
<div class="writing_content clearfix">
<div class="banner">
<img alt="" id="logo" src="" />
</div>
<ul class="name_li">
<li class="list_li">
<span class="list_name">发票类型</span>
<span class="list_select">
<input type="text" id="fp_type" placeholder="请选择发票类型" onclick="fpType(this)" onfocus="cancelFocus('fp_type')"
maxlength="10" readonly="readonly" />
</span>
<img alt="" src='../../image/wxscaninvoice/list_icon_right.png' class="modelIcon modelIcon_fplx">
</li>
<li class="list_li">
<span class="list_name">抬头类型</span>
<span class="list_select">
<input type="text" id="tt_type" placeholder="请选择抬头类型" onfocus="cancelFocus('tt_type')" value=""
onclick="ttType(this)" maxlength="10" readonly="readonly" />
</span>
<img alt="" src='../../image/wxscaninvoice/list_icon_right.png' class="modelIcon modelIcon_ttlx">
</li>
</ul>
<!--抬头信息-->
<ul class="name_li name_li_mTop">
<p>抬头信息</p>
<li class="list_li">
<span class="list_name">发票抬头<span class="stars starsNo">*</span></span>
<span class="list_val list_val_pr" onblur="resetCloseIcon(this)">
<input id="titleName" name="titleName" value="" type="text" placeholder="请输入发票抬头" maxlength="100"
oninput="titleOnChange(this)" onfocus="titleEmptyChange()" />
<i class="el-icon-more" style="left: auto;top: 0.14rem;right: 0.7rem;cursor: pointer;font-size: large;background-color: white;width: 0.6rem;text-align: center;line-height: 0.3rem;height: 0.5rem;" onclick="getJSSDK()">...</i>
<img alt="" class="fptt_close fptt_close_fptt" onclick="fptt_close_click(this,1)"
src="../../image/wxscaninvoice/fptt_close.png" />
</span>
<div class="search_shade">
</div>
<span class="search">
<ul class="search_ul"></ul>
</span>
</li>
<li class="list_li">
<span id="title_nsrsbh" class="list_name">纳税人识别号<span id="title_nsrsbh_star" class="stars starsNo">*</span></span>
<span class="list_val list_val_pr" onblur="resetCloseIcon(this)">
<input id="taxpayerId" name="taxpayerId" value="" type="text" placeholder="请输入纳税人识别号" maxlength="20"
oninput="otherTitleChange(this)" onfocus="otherTitleChange(this)" />
<img alt="" class="fptt_close fptt_close_nsrssh" onclick="fptt_close_click(this)"
src="../../image/wxscaninvoice/fptt_close.png" />
</span>
</li>
<li class="list_li">
<span class="list_name">更多信息</span>
<span class="list_val" onclick="moreMsg()">
<input name="moreMsg" type="text" placeholder="填注册地址等" readonly="readonly" />
</span>
<img alt="" src='../../image/wxscaninvoice/list_icon_right.png' class="modelIcon modelIcon_moreMsg">
</li>
</ul>
<!--收票人信息-->
<ul class="name_li name_li_mTop name_spxx_hide">
<p>收票人信息</p>
<!-- <li class="list_li">-->
<!-- <span class="list_name">手机号<span class="stars">*</span></span>-->
<!-- <span class="list_val list_val_pr" onblur="resetCloseIcon(this)">-->
<!-- <input id="telephone" name="telephone" value="" type="text" maxlength="11" placeholder="请输入手机号"-->
<!-- onfocus="otherTitleChange(this)" oninput="otherTitleChange(this)" />-->
<!-- <img alt="" class="fptt_close fptt_close_phone" onclick="fptt_close_click(this,event)"-->
<!-- src="../../image/wxscaninvoice/fptt_close.png" />-->
<!-- </span>-->
<!-- </li>-->
<li class="list_li">
<span class="list_name">邮箱<span class="stars">*</span></span>
<span class="list_val list_val_pr" onblur="resetCloseIcon(this)">
<input id="email" name="email" list="emailList" value="" type="text" placeholder="请输入或选择电子邮箱" maxlength="50"
onfocus="otherTitleChange(this)" oninput="otherTitleChange(this)" />
<img alt="" class="fptt_close fptt_close_email" onclick="fptt_close_click(this)"
src="../../image/wxscaninvoice/fptt_close.png" />
<datalist id="emailList">
<option value="ax82169282@qq.com">
<!-- 可以根据需要添加更多选项 -->
</datalist>
</span>
</li>
</ul>
<!--开票内容-->
<ul class="name_li name_li_mTop name_li_rBottom">
<p>开票内容</p>
<li class="list_li" id="zjeSpan">
<span class="list_name">总金额</span>
<span class="list_val kpje"></span>
</li>
<li id="listLiID" class="list_li">
<span class="Fristxmmc"></span>
<span class="Fristxmje"></span>
</li>
<!-- <span class="stars">*</span> -->
<li class="list_li" id="zjeInput" style="display: none">
<span class="list_name">总金额<span class="stars">*</span></span>
<span class="list_val list_val_pr" onblur="resetCloseIcon(this)">
<input id="kphjje" name="kphjje" value="" type="text" placeholder="请输入开票金额" onfocus="otherTitleChange(this)"
oninput="otherTitleChange(this)" />
<img alt="" class="fptt_close fptt_close_email" onclick="fptt_close_click(this)"
src="../../image/wxscaninvoice/fptt_close.png" />
</span>
</li>
<li class="list_li" id="listLiByStatic" style="display: none">
<span class="list_name">开票项目</span>
<span class="list_select">
<input type="text" id="kpxm" placeholder="请选择开票项目" onclick="kpmxSelect(this)" onfocus="cancelFocus('kpxm')"
readonly="readonly" />
</span>
<img alt="" src='../../image/wxscaninvoice/list_icon_right.png' class="modelIcon modelIcon_fplx" />
</li>
</ul>
<!--底部提示信息-->
<div class="bottom_tips">
<span onclick="descriptQuestion_click(1)">开票说明</span>
<span onclick="descriptQuestion_click(2)">常见问题</span>
</div>
</div>
<div class="bottom_submit">
<div class="merge_click" onclick="addMerge()">添加合并</div>
<div class="submit_click mergeShow" onclick="nextStep()">提交</div>
</div>
<!-- 纳税人识别号为空时弹框 -->
<div class="nsrsh_model">
<div class="nsrsh_border">
按照国税总局公告,从2017年7月1日起,企业在索取发票时,应提供纳税人识别号或统一社会信用代码,请核实是否已填列,若无有关证号,请至“个人/其他”抬头类型处开具发票。
<div class="nsrsh_sure" onclick="nsrsh_hide()">确定</div>
</div>
</div>
<!--开票说明弹框-->
<div class="invoiceDescript_shade">
<div class="invoiceDescript_content">
<p>1、根据国家税务总局公告2015年第84号的规定,增值税电子普通发票的法律效力、基本用途、基本使用规定等于税务机关监制的增值税普通发票相同。</p>
<p>2、开票项目过多时,如需确认开票项目,请在提交前确认。</p>
<p>3、暂不支持纸质发票邮寄功能,如需开具纸质发票,请咨询商家收取发票。</p>
<p>4、发票申请提交后无法修改,如信息有误请联系商家修改。</p>
<img alt="" onclick="descriptQuestion_close(1)" src="../../image/wxscaninvoice/close.png" />
</div>
</div>
<!--常见问题弹框-->
<div class="freQuestion_shade">
<div class="freQuestion_content">
<ul>
<li>问题:没有收到电子发票?</li>
<li>回答:请联系商家,让商家进行电子发票补推。</li>
</ul>
<ul>
<li>问题:发票重新开具?</li>
<li>回答:请联系商家,和商家协商解决。</li>
</ul>
<ul>
<li>问题:电子普通发票和纸质普通发票,法律效力一样吗?</li>
<li>回答:增值税电子普通发票的法律效力、基本用途、基本使用规定等与税务机关监制的增值税普通发票相同,因此可以使用。</li>
</ul>
<ul>
<li>问题:在哪里可以查询到发票的真伪?</li>
<li>回答:</li>
<li>(1)可以拨打12366纳税服务咨询电话;</li>
<li>(2)可以登录全国增值税发票查验平台(https://inv-veri.chinatax.gov.cn)进行发票信息一致性查询;</li>
<li>(3)可以携带发票原件到主管税务机关进行真伪鉴定;</li>
<li>(4)关注“我的发票”公众号,也可以一键查验发票真伪。</li>
</ul>
<ul>
<li>问题:增值税普通发票和专用发票有何不同?</li>
<li>回答:增值税专用发票和普通发票主要在以下方面存在区别:</li>
<li>(1)开具发票所需信息不同,增值税专用发票需要购货方详细的资料信息(税号,企业基本账户开户行以及账号,地址联系方式),而普通发票只需要提供购货方名称和税号;</li>
<li>(2)发票的作用不同:增值税专用发票不仅是购销双方收付款的凭证,而且可以用作购买方扣除增值税的凭证;而普通发票不能用于抵扣增值税税款;</li>
<li>(3)发票使用的主体不同:增值税专用发票一般只能由增值税一般纳税人领购使用,小规模纳税人需要使用的,只能经税务机关批准后由当地的税务机关代开;普通发票则可以由从事经营活动并办理了税务登记的各种纳税人领购使用。
</li>
</ul>
<ul>
<li>问题:使用电子发票有什么好处?</li>
<li>
回答:对开票企业的好处:电子发票不需要纸质载体,没有印制、打印、存储和邮寄等成本,可以节约相关费用;对消费者的好处:可以在发生交易的同时收取电子发票,并可根据需要,在税务机关网站查询验证发票信息。在凭电子发票进行报销、入账及相关售后维修服务时,可以对电子发票进行下载或打印,解决了纸质发票查询和保存不便的缺陷。
</li>
</ul>
<ul>
<li>问题:请问增值税专用发票,由于开票错误,需要开具红字发票,是否有时间限制?</li>
<li>回答:纳税人开具增值税专用发票后,发生销货退回、开票有误、应税服务中止等情形但不符合发票作废条件,或者因销货部分退回及发生销售折让,可以开具红字增值税专用发票的,没有时间限制。</li>
</ul>
<img alt="" onclick="descriptQuestion_close(2)" src="../../image/wxscaninvoice/close.png" />
</div>
</div>
<!--点击提交弹框-->
<div class="seeCardMsg_shade">
<div class="seeCard_content">
<p>确认开票申请</p>
<ul class="seeCard_ul">
<li>
<span class="name">发票抬头</span>
<span class="name_val titleName"></span>
</li>
<li class="taxpayerid">
<span id="confirm_nsrsbh" class="name">纳税人识别号</span>
<span class="name_val taxpayerId"></span>
</li>
<li class="phone">
<span class="name">手机</span>
<span class="name_val telephone"></span>
</li>
<li class="email">
<span class="name">邮箱</span>
<span class="name_val Email"></span>
</li>
<li class="registeraddr">
<span class="name">注册地址</span>
<span class="name_val registerAddr"></span>
</li>
<li class="registerphone">
<span class="name">注册电话</span>
<span class="name_val registerPhone"></span>
</li>
<li class="bankname">
<span class="name">开户银行</span>
<span class="name_val bankName"></span>
</li>
<li class="bankaccount">
<span class="name">开户账号</span>
<span class="name_val bankAccount"></span>
</li>
<li>
<span class="name">发票类型</span>
<span class="name_val fplx_type"></span>
</li>
<li>
<span class="name">金额</span>
<span class="name_val je"></span>
</li>
<li>
<span class="name">开票项目</span>
<span class="name_val fp_kpxm"></span>
</li>
<li class="bz">
<span class="name">备注</span>
<span class="name_val fp_kpxm"></span>
</li>
</ul>
<div class="Mes_ul">
<span class="seeCard_noSure" onclick="seeCard_back_model()">返回修改</span>
<span class="seeCard_line"></span>
<span class="seeCard_sure" onclick="sureStep()">确定</span>
</div>
</div>
</div>
</body>
<script src="../../js/iosSelect.js?v=1.0.7"></script>
<!--js模拟ios联动插件-->
<script src="../../js/common/base.js?v=1.0.7" type="text/javascript" charset="utf-8"></script>
<script src="../../js/lib/aes.js?v=1.0.7" type="text/javascript" charset="utf-8"></script>
<script src="../../js/lib/mode-ecb.js?v=1.0.7" type="text/javascript" charset="utf-8"></script>
<script src="../../js/lib/pad-nopadding.js?v=1.0.7" type="text/javascript" charset="utf-8"></script>
<script src="../../js/lib/jweixin-1.1.0.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/lib/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/wxscaninvoice/writing.js?v=1.0.7" type="text/javascript" charset="utf-8"></script>
</script>
</html>