|
|
<!DOCTYPE html>
|
|
|
|
|
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ddl="http://www.thymeleaf.org/dandelion" ddl:bundle-excludes="jquery,bootstrap3,datatables,ddl-dt-theme-bootstrap3">
|
|
|
<head>
|
|
|
<title>瑞宏网 | 电子发票查看</title>
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
|
|
|
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1, minimum-scale=1,maximum-scale=1, user-scalable=no" />
|
|
|
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
|
|
|
|
|
|
<!-- favicon -->
|
|
|
<link rel="icon" type="image/x-icon" href="/static/ruihong.ico" sizes="129x128" />
|
|
|
<meta name="msapplication-TileImage" content="/static/ruihong.ico" />
|
|
|
<link rel="apple-touch-icon" type="image/x-icon" href="/static/ruihong.ico" sizes="129x128" />
|
|
|
<meta property="og:image" content="/static/ruihong.ico" />
|
|
|
|
|
|
<meta name="keywords" content="瑞宏网 瑞宏科技 电子发票 手机开票,发票助手,发票真伪查询,发票真伪查询平台,发票真伪查询网站,发票查验,发票查询,发票真伪查询,发票真伪查验，电子发票开具,开具电子发票,电子发票归集,电子发票存储,微信开票" />
|
|
|
<meta name="description" content="瑞宏网是中国领先的电子发票解决方案提供商。我们围绕客户的需求持续创新，与合作伙伴及政府开放合作，在中国的电子发票领域构建了成熟、安全、稳定的解决方案。我们致力于为企业和消费者提供有竞争力的综合解决方案和服务，持续提升用户体验，为用户创造最大价值。" />
|
|
|
<meta name="author" content="瑞宏网电子发票服务平台" />
|
|
|
|
|
|
<!-- Bootstrap core CSS -->
|
|
|
<link href="/static/AdminLTE/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
|
|
|
<link href="/static/style/css/theme.css" rel="stylesheet" />
|
|
|
<link href="/static/style/font-awesome-4.5.0/css/font-awesome.min.css" rel="stylesheet" />
|
|
|
|
|
|
<!--[if lte IE 6]>
|
|
|
<link rel="stylesheet" type="text/css" href="/static/AdminLTE/bootstrap/css/bootstrap-ie6.css">
|
|
|
<![endif]-->
|
|
|
<!--[if lte IE 7]>
|
|
|
<link rel="stylesheet" type="text/css" href="/static/AdminLTE/bootstrap/css/ie.css">
|
|
|
<![endif]-->
|
|
|
|
|
|
<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
|
|
|
<!--[if lt IE 9]>
|
|
|
<script src="/static/style/js/ie8-responsive-file-warning.js"></script><![endif]-->
|
|
|
<script src="/static/style/js/ie-emulation-modes-warning.js"></script>
|
|
|
|
|
|
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
|
|
<!--[if lt IE 9]>
|
|
|
<script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
|
|
<script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
|
|
|
<![endif]-->
|
|
|
<script src="/static/AdminLTE/plugins/jQuery/jquery.min.js"></script>
|
|
|
<script src="/static/AdminLTE/plugins/jQuery/jquery-migrate-1.2.1.min.js"></script>
|
|
|
<script src="/static/AdminLTE/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
|
|
|
|
|
|
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
|
|
|
<script src="/static/style/js/ie10-viewport-bug-workaround.js" type="text/javascript"></script>
|
|
|
<script src="/static/style/js/jquery.placeholder.js" type="text/javascript"></script>
|
|
|
<script>
|
|
|
/*<![CDATA[*/
|
|
|
$.ajax({
|
|
|
type: "get",
|
|
|
url: "/decorator/username",
|
|
|
xhrFields: {
|
|
|
withCredentials: true
|
|
|
},
|
|
|
cache: false,
|
|
|
success: getUserCallback
|
|
|
});
|
|
|
|
|
|
//获取用户信息
|
|
|
function getUserCallback(username) {
|
|
|
if (username && username.length < 100 && username != "anonymousUser") {
|
|
|
$("#login_user").text(username);
|
|
|
$("#logout").hide();
|
|
|
$("#login").show();
|
|
|
//$("#dropdownMenu1").show();
|
|
|
} else {
|
|
|
//$("#dropdownMenu1").hide();
|
|
|
$("#login").hide();
|
|
|
$("#logout").show();
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
/*]]>*/
|
|
|
</script>
|
|
|
|
|
|
<style type="text/css">
|
|
|
|
|
|
</style>
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
|
|
|
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1, minimum-scale=0.95,maximum-scale=3, user-scalable=yes" />
|
|
|
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
|
|
|
<meta name="keywords" content="瑞宏 电子发票 服务平台 发票" />
|
|
|
<meta name="description" content="瑞宏 电子发票 服务平台 发票 瑞宏网电子发票服务平台" />
|
|
|
<meta name="author" content="wangyouqiang@gmail.com 瑞宏网电子发票服务平台" />
|
|
|
<!-- Bootstrap core CSS -->
|
|
|
<!-- <link th:href="@{/invps/p/bootstrap.min.css}" rel="stylesheet"/>
|
|
|
Bootstrap theme
|
|
|
|
|
|
Custom styles for this template
|
|
|
<link th:href="@{/invps/p/theme.css}" rel="stylesheet"/>
|
|
|
|
|
|
Just for debugging purposes. Don't actually copy these 2 lines!
|
|
|
[if lt IE 9]>
|
|
|
<script th:src="@{/invps/p/ie8-responsive-file-warning.js}"></script><![endif]
|
|
|
<script th:src="@{/invps/p/ie-emulation-modes-warning.js}"></script>
|
|
|
|
|
|
HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries
|
|
|
[if lt IE 9]>
|
|
|
<script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
|
|
<script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
|
|
|
<![endif] -->
|
|
|
<style type="text/css"></style>
|
|
|
</head>
|
|
|
<body role="document">
|
|
|
|
|
|
<div class="container-fluid hidden-xs hidden-xs" style="background-color: #484848;">
|
|
|
<div class="container top-menu">
|
|
|
<div class="row">
|
|
|
<div class="col-md-6 col-sm-6 col-xs-12">
|
|
|
<!-- 如果用户未登录,显示这部分内容 -->
|
|
|
<span style="color: #a9a9a9;" id="logout">
|
|
|
欢迎您
|
|
|
<a href="/uaapx/user/registinit" role="button">免费注册</a>
|
|
|
<span> | </span>
|
|
|
<a href="/view/sso/#/login" role="button">登录</a>
|
|
|
</span>
|
|
|
<!-- 如果用户已登录,显示下面的内容 -->
|
|
|
<span style="color: #a9a9a9; display: none;" id="login">
|
|
|
欢迎您,
|
|
|
<span id="login_user"></span>
|
|
|
<span> | </span>
|
|
|
<a href="/uaapx/user/changePassword" role="button">修改密码</a>
|
|
|
<span> | </span>
|
|
|
<a href="/view/sso/#/logout" role="button">退出</a>
|
|
|
</span>
|
|
|
</div>
|
|
|
<div class="col-md-6 col-sm-6 col-xs-12">
|
|
|
<div class="pull-right" style="color: #a9a9a9;">
|
|
|
<span class="glyphicon glyphicon-phone-alt"></span>
|
|
|
<span> 400-628-9911</span>
|
|
|
<span> | </span>
|
|
|
<a href="/eias-web/viewInvoices">我的票据</a>
|
|
|
<span> | </span>
|
|
|
<a href="/inv-hyyf/ent/init">航运易付</a>
|
|
|
<span> | </span>
|
|
|
<a href="/inv-mg/dashboard">进入管理工作台</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<!-- 导航菜单栏 -->
|
|
|
<nav class=" navbar navbar-default" role="navigation" style="margin-bottom: 0px;">
|
|
|
<div class="container">
|
|
|
<div class="navbar-header">
|
|
|
<button type="button" class="navbar-toggle" data-toggle="collapse" style="margin-top: 12px;" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
|
|
|
<span class="sr-only">切换导航</span>
|
|
|
<span class="icon-bar"></span>
|
|
|
<span class="icon-bar"></span>
|
|
|
<span class="icon-bar"></span>
|
|
|
</button>
|
|
|
<a class="navbar-brand" href="/website/index.jspa">
|
|
|
<img src="/static/img/logo.png" alt="Brand" class="hidden-md hidden-sm hidden-xs" />
|
|
|
<img src="/static/img/logo-small.png" alt="Brand" class="hidden-lg" />
|
|
|
</a>
|
|
|
</div>
|
|
|
<div id="navbar" class="navbar-collapse collapse">
|
|
|
<ul class="nav navbar-nav navbar-right">
|
|
|
<li id="pageCodeIndex">
|
|
|
<a href="/website/index.jspa">首页</a>
|
|
|
</li>
|
|
|
<li id="pageCodeSolution">
|
|
|
<a href="/website/info/viewList?kinds=6&title=EBSolution">解决方案</a>
|
|
|
</li>
|
|
|
<li id="pageCodeIndustury">
|
|
|
<a href="/website/info/viewList">行业动态</a>
|
|
|
</li>
|
|
|
<li id="pageCodeFaqs">
|
|
|
<a href="/website/info/viewList?kinds=10&title=UserHelp">用户帮助</a>
|
|
|
</li>
|
|
|
<li id="pageCodeAboutUs">
|
|
|
<a href="/website/info/viewList?kinds=11&title=AboutUs">关于我们</a>
|
|
|
</li>
|
|
|
<li style="padding-top: 5px">
|
|
|
<button type="button" onclick="openFreeUrl()" class="btn btn-info navbar-btn">
|
|
|
免费试用
|
|
|
</button>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<!--/.nav-collapse -->
|
|
|
</div>
|
|
|
</nav>
|
|
|
|
|
|
<!-- Generated markup by the plugin -->
|
|
|
<div class="sr-only" role="site" id="site-content-popup">
|
|
|
<div class="row hot-article" style="line-height: 30px;">
|
|
|
<div class="col-xs-6 list-unstyled ">
|
|
|
<ul class="list-unstyled">
|
|
|
<li><a href="http://www.e-inv.cn" target="_bank">北京</a></li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<div class="col-xs-6 ">
|
|
|
<ul class="list-unstyled">
|
|
|
<li><a href="/website/index.jspa">青岛</a></li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<!-- Bootstrap core JavaScript
|
|
|
================================================== -->
|
|
|
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
|
|
|
|
|
|
|
|
|
<script>
|
|
|
/*<![CDATA[*/
|
|
|
$(function () {
|
|
|
// 收藏按钮的弹出内容
|
|
|
$('#sitePopover').popover({
|
|
|
html: true,
|
|
|
delay: {"show": 100, "hide": 120},
|
|
|
content: function () {
|
|
|
return $("#site-content-popup").html();
|
|
|
}
|
|
|
});
|
|
|
});
|
|
|
/*]]>*/
|
|
|
</script>
|
|
|
|
|
|
<body style="min-height: 500px;" role="document">
|
|
|
|
|
|
|
|
|
<!-- <div th:include="header :: content"></div> -->
|
|
|
|
|
|
<div class="container-fluid">
|
|
|
<div class="container">
|
|
|
|
|
|
|
|
|
<div class="row" style="height: 40px;">
|
|
|
<div class="col-md-6 col-sm-6 col-xs-12 col-lg-12" style="padding-top: 10px;">
|
|
|
<span>
|
|
|
<span class="glyphicon glyphicon-th" aria-hidden="true" style="color: #a3a3a3;"></span>
|
|
|
|
|
|
本发票已被打印 <span id="printCount" class="text-danger">0</span> 次，已被浏览 <span id="queryCount" class="text-danger">6</span> 次
|
|
|
<!-- <span id="test">test</span> -->
|
|
|
</span>
|
|
|
</div>
|
|
|
<div class="col-md-6 col-sm-6 col-xs-12 hidden-lg" style="padding-top: 3px;">
|
|
|
<span class="pull-right">
|
|
|
<a id="favoritePopover" class="btn btn-info" href="#" role="button" data-toggle="popover" data-trigger="focus" data-container="body" data-placement="bottom">
|
|
|
<span class="glyphicon glyphicon-heart-empty" aria-hidden="true"></span> 收藏</a>
|
|
|
<a class="btn btn-info" href="#" role="button" data-toggle="modal" data-target=".inv_share">
|
|
|
<span class="glyphicon glyphicon-share" aria-hidden="true"></span> 转发</a>
|
|
|
<a class="btn btn-info btn-print-invoice" href="javascript:void(0);" role="button">
|
|
|
<span class="glyphicon glyphicon-print" aria-hidden="true"></span> 打印</a>
|
|
|
<a class="btn btn-info inv-pdf" href="javascript:void(0);" role="button">
|
|
|
<span class="glyphicon glyphicon-download-alt" aria-hidden="true"></span> 下载</a>
|
|
|
<a class="btn btn-info inv-account" href="javascript:void(0);" role="button">
|
|
|
<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> 记账</a>
|
|
|
|
|
|
</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="row" style="padding-top: 8px;">
|
|
|
<div class="col-lg-9 col-md-12 col-sm-12 col-xs-12">
|
|
|
<div class="panel panel-default">
|
|
|
|
|
|
<!-- <span class="label label-info pull-right" th:unless="${isReded} eq true">正常</span> -->
|
|
|
<div class="panel-body">
|
|
|
<!--<span class="label label-success pull-right">已记账</span>-->
|
|
|
<div id="invoiceFrameContainer" class="panel-body" style="min-height:400px;">
|
|
|
<div id="print_data">
|
|
|
<iframe id="invoiceFrame" height="650" width="837" allowfullscreen="" frameborder="0" src="https://www.chinaeinv.com/html.jspa?c=F709ACE4F4C40DC58AED">
|
|
|
</iframe>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<img class="img-responsive" style="margin-bottom:10px;cursor:pointer;" src="/invp/invps/img/bottom-banner.png" />
|
|
|
|
|
|
</div>
|
|
|
<div class="col-lg-3 col-md-12 col-sm-12 col-xs-12 hidden-md hidden-sm hidden-xs">
|
|
|
<!-- <div class="panel panel-default">
|
|
|
<div class="panel-body">
|
|
|
<div class="row">
|
|
|
<div class="col-md-9">
|
|
|
<p class="media-heading" style="color: #2E2D2D;font-size: 18px;">收藏</p>
|
|
|
<small style="color: #a3a3a3">收藏到微信或网站</small>
|
|
|
</div>
|
|
|
<div class="col-md-3 center-block">
|
|
|
<span class="glyphicon glyphicon-heart-empty"
|
|
|
style="font-size: 30px;color: rgb(212, 106, 64);padding-top: 5px;"></span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<hr/>
|
|
|
<div id="favorite-content-popup" class="row">
|
|
|
<div class="col-md-12 center-block" align="center">
|
|
|
<div class="panel" style="border: 3px solid #65bbd3;width: 133px;height: 133px;">
|
|
|
<img id="fav_qrcode_loading" class="loading" th:src="@{/invps/img/qrloading.gif}" />
|
|
|
<img id="fav_qrcode" th:src="@{/invps/img/qrcode.jpeg}" class="img-responsive center-block" style="display:none;"/>
|
|
|
</div>
|
|
|
<p class="text-center text-warning">微信扫一扫,口袋装发票</p>
|
|
|
<br/>
|
|
|
<hr/>
|
|
|
<p class="text-center">还可以点这里进行收藏</p>
|
|
|
<a href="#" class="btn btn-default"
|
|
|
data-toggle="modal" data-target=".inv_favorite">收藏</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div> -->
|
|
|
<!-- <div id="fav-popup">
|
|
|
<div class="panel panel-default" style="background-color:transparent;border-bottom:0px solid #ddd;height:320px;" >
|
|
|
<img th:src="@{/invps/img/hongbao-saoma.png}" style="width:100%;height:100%;" />
|
|
|
<div id="favorite-content-popup" class="row" style="margin-top:-175px;">
|
|
|
<div class="col-md-12 center-block" align="center">
|
|
|
<div class="panel" style="
|
|
|
box-shadow:2px 4px 2px #ca3644;
|
|
|
width: 133px;height: 133px;margin-bottom:10px;">
|
|
|
<img id="fav_qrcode_loading" class="loading" th:src="@{/invps/img/qrloading.gif}" />
|
|
|
<img id="fav_qrcode" th:src="@{/invps/img/qrcode.jpeg}" class="img-responsive center-block" style="display:none;"/>
|
|
|
</div>
|
|
|
<a style="color:#fff;
|
|
|
text-decoration: underline;font-size:12px;
|
|
|
cursor:pointer;"
|
|
|
href="javascript:void(0);"
|
|
|
onclick="javascript:window.open('/invp/activity/introduce1.html');"
|
|
|
class="text-center">活动说明</a>
|
|
|
<br/>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div> -->
|
|
|
<div class="panel panel-default">
|
|
|
<div class="panel-body">
|
|
|
<div class="row">
|
|
|
<div class="col-md-9">
|
|
|
<p class="media-heading" style="color: #2E2D2D;font-size: 18px;">收藏</p>
|
|
|
<small style="color: #a3a3a3">收藏到微信或网站</small>
|
|
|
</div>
|
|
|
<div class="col-md-3 center-block">
|
|
|
<span class="glyphicon glyphicon-heart-empty" style="font-size: 30px;color: rgb(212, 106, 64);padding-top: 5px;"></span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<hr />
|
|
|
<div id="favorite-content-popup" class="row">
|
|
|
<div class="col-md-12 center-block" align="center">
|
|
|
<div class="panel" style="border: 3px solid #65bbd3;width: 133px;height: 133px;">
|
|
|
<img id="fav_qrcode_loading" class="loading" src="/invp/invps/img/qrloading.gif" />
|
|
|
<img id="fav_qrcode" class="img-responsive center-block" style="display:none;" src="/invp/invps/img/qrcode.jpeg" />
|
|
|
</div>
|
|
|
<p class="text-center text-warning">微信扫一扫,口袋装发票</p>
|
|
|
<br />
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="panel panel-button btn-print-invoice">
|
|
|
<div class="panel-body">
|
|
|
<div class="row">
|
|
|
<div class="col-md-9">
|
|
|
<p class="media-heading" style="color: #2E2D2D;font-size: 18px;">打印</p>
|
|
|
<small style="color:#a3a3a3;">将此发票打印到纸上</small>
|
|
|
</div>
|
|
|
<div class="col-md-3">
|
|
|
<span class="glyphicon glyphicon-print" style="font-size: 30px;color: #ddd;padding-top:5px; " aria-hidden="true">
|
|
|
</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="panel panel-button" data-toggle="modal" data-target=".inv_share">
|
|
|
<div class="panel-body">
|
|
|
<div class="row">
|
|
|
<div class="col-md-9">
|
|
|
<p class="media-heading" style="color: #2E2D2D;font-size: 18px;">转发</p>
|
|
|
<small style="color:#a3a3a3;">通过手机/邮箱转发</small>
|
|
|
</div>
|
|
|
<div class="col-md-3">
|
|
|
<span class="glyphicon glyphicon-share" style="font-size: 30px;color: #ddd;padding-top:5px; " aria-hidden="true"></span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="panel panel-button inv-pdf">
|
|
|
<div class="panel-body">
|
|
|
<div class="row">
|
|
|
<div class="col-md-9">
|
|
|
<p class="media-heading" style="color: #2E2D2D;font-size: 18px;">下载</p>
|
|
|
<small style="color:#a3a3a3;">将电子发票保存成pdf文件</small>
|
|
|
</div>
|
|
|
<div class="col-md-3">
|
|
|
<span class="glyphicon glyphicon-download-alt" style="font-size: 30px;color: #ddd;padding-top:5px; " aria-hidden="true"></span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="panel panel-button inv-account">
|
|
|
<div class="panel-body">
|
|
|
<div class="row">
|
|
|
<div class="col-md-9">
|
|
|
<p class="media-heading" style="color: #2E2D2D;font-size: 18px;">免费记账</p>
|
|
|
<small style="color:#a3a3a3;">验证发票真伪,防止重复报销,立即注册</small>
|
|
|
</div>
|
|
|
<div class="col-md-3">
|
|
|
<span class="glyphicon glyphicon-pencil" style="font-size: 30px;color: #ddd;padding-top:5px; " aria-hidden="true"></span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- <div th:include="footer::content"></div> -->
|
|
|
|
|
|
<!-- 收藏对话框 -->
|
|
|
<div class="modal fade inv_favorite" id="inv_favorite">
|
|
|
<div class="modal-dialog">
|
|
|
<div class="modal-content">
|
|
|
<div class="modal-header">
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
|
<span aria-hidden="true">×</span>
|
|
|
</button>
|
|
|
<h4 class="modal-title">发票收藏</h4>
|
|
|
</div>
|
|
|
<div class="modal-body">
|
|
|
|
|
|
<form id="collectForm" method="post" action="/invp/collectInvp1.jspa">
|
|
|
<input type="hidden" name="c" id="c" value="F709ACE4F4C40DC58AED" />
|
|
|
<div class="form-group">
|
|
|
<input type="text" name="tags" class="form-control" placeholder="标签" />
|
|
|
</div>
|
|
|
<div class="form-group">
|
|
|
<textarea class="form-control" name="remark" rows="3" style="resize:none;" placeholder="备注"></textarea>
|
|
|
</div>
|
|
|
</form>
|
|
|
</div>
|
|
|
<div class="modal-footer">
|
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
|
|
|
<button type="button" class="btn btn-primary" onclick="collectInv();">确定</button>
|
|
|
</div>
|
|
|
</div><!-- /.modal-content -->
|
|
|
</div><!-- /.modal-dialog -->
|
|
|
</div><!-- /.modal -->
|
|
|
|
|
|
<!-- 收藏对话框 -->
|
|
|
<div class="modal fade inv_share" id="inv_share">
|
|
|
<div class="modal-dialog">
|
|
|
<div class="modal-content">
|
|
|
<div class="modal-header">
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
|
<span aria-hidden="true">×</span>
|
|
|
</button>
|
|
|
<h4 class="modal-title">发票转发</h4>
|
|
|
</div>
|
|
|
<div class="modal-body">
|
|
|
<p class="text-success">一次请输入一个手机号或邮箱地址，本功能不收取任何费用。</p>
|
|
|
|
|
|
<div class="alert alert-danger alert-dismissible fade in" role="alert" style="display:none;" id="zfalert">
|
|
|
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
|
<p id="zfwarn"></p>
|
|
|
</div>
|
|
|
<form id="zfForm">
|
|
|
<input type="hidden" name="c" value="F709ACE4F4C40DC58AED" />
|
|
|
<div class="form-group">
|
|
|
<input type="text" class="form-control" id="contactWay" name="contactWay" maxlength="50" placeholder="手机或邮箱" />
|
|
|
</div>
|
|
|
<div class="form-group">
|
|
|
<input type="text" class="form-control" id="rcontactWay" name="rcontactWay" maxlength="50" placeholder="确认手机或邮箱" />
|
|
|
</div>
|
|
|
<div class="form-group">
|
|
|
<div class="row">
|
|
|
<div class="col-md-8">
|
|
|
<input type="text" id="valCode" name="valCode" maxlength="10" class="form-control" placeholder="验证码" onblur="validateCode();" />
|
|
|
</div>
|
|
|
<div class="col-md-4">
|
|
|
<img id="codeImg" onclick="$('#codeImgRefresh').click();" src="/invp/validateCode" />
|
|
|
<a href="javascript:void(0);" id="codeImgRefresh" onclick="changeValidateCode();">看不清</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</form>
|
|
|
</div>
|
|
|
<div class="modal-footer">
|
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
|
|
|
<button type="button" class="btn btn-primary" onclick="sendInvoice();">确定</button>
|
|
|
</div>
|
|
|
</div><!-- /.modal-content -->
|
|
|
</div><!-- /.modal-dialog -->
|
|
|
</div><!-- /.modal -->
|
|
|
|
|
|
<!-- 组件 -->
|
|
|
<div class="modal fade" id="optModal" tabindex="-1" style="margin:100px auto;width:55%; display: none;overflow-y:hidden;" aria-labelledby="optModalLabel" aria-hidden="true">
|
|
|
<div class="modal-dialog" style="width:55%;height:100%;">
|
|
|
<div class="modal-content">
|
|
|
<div class="modal-header" style="margin: 0; padding: 0;">
|
|
|
<button type="button" class="close" style="margin-top: 15px; margin-right: 15px;" data-dismiss="modal" onclick="optClick();" aria-hidden="true">×</button>
|
|
|
<div id="opt-info" class="panel panel-info" style="margin: 0; padding: 0">
|
|
|
<div class="panel-heading">
|
|
|
<h3 class="panel-title" id="opt-head"></h3>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="modal-body">
|
|
|
<span id="opt-message"></span>
|
|
|
</div>
|
|
|
<div class="modal-footer">
|
|
|
<button type="button" id="confirm_button" class="btn btn-danger" data-dismiss="modal" onclick="optConfirm();">确定
|
|
|
</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="modal fade" id="loadingModal" tabindex="-1" style="margin:100px auto;width:50%; display: none;overflow-y:hidden;" aria-labelledby="loadingModalLabel" aria-hidden="true">
|
|
|
<div class="modal-dialog" style="width:55%;height:100%;">
|
|
|
<div class="modal-content">
|
|
|
<div class="modal-header" style="margin: 0; padding: 0;">
|
|
|
<!-- <button type="button" class="close"
|
|
|
style="margin-top: 15px; margin-right: 15px;" data-dismiss="modal"
|
|
|
aria-hidden="true">×</button> -->
|
|
|
<div class="panel panel-info" style="margin: 0; padding: 0">
|
|
|
<div class="panel-heading">
|
|
|
<h3 class="panel-title">请稍后</h3>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="modal-body">
|
|
|
操作中请稍后...
|
|
|
</div>
|
|
|
<div class="modal-footer">
|
|
|
<!-- <button type="button" class="btn btn-default" data-dismiss="modal">关闭
|
|
|
</button> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- Bootstrap core JavaScript
|
|
|
================================================== -->
|
|
|
<!-- Placed at the end of the document so the pages load faster -->
|
|
|
<!-- <script th:src="@{/invps/p/jquery.min.js}"></script>
|
|
|
<script th:src="@{/invps/p/bootstrap.min.js}"></script>
|
|
|
|
|
|
<script th:src="@{/invps/p/ie10-viewport-bug-workaround.js}"></script>
|
|
|
<script th:src="@{/invps/p/jquery-migrate-1.1.0.js}"></script>
|
|
|
<script th:src="@{/invps/p/jquery.placeholder.js}"></script> -->
|
|
|
<script src="/invp/invps/p/jquery.jqprint-0.3.js"></script>
|
|
|
|
|
|
<script>
|
|
|
/*<![CDATA[*/
|
|
|
c ='F709ACE4F4C40DC58AED';
|
|
|
|
|
|
$(function () {
|
|
|
|
|
|
$(".panel-button").css("cursor", "pointer");
|
|
|
|
|
|
$(".panel-button").hover(function () {
|
|
|
$(this).addClass("panel-primary");
|
|
|
$(this).find(".glyphicon").css("color", "#a4be54");
|
|
|
}, function () {
|
|
|
$(this).removeClass("panel-primary");
|
|
|
$(this).find(".glyphicon").css("color", "#ddd");
|
|
|
});
|
|
|
|
|
|
// 页面缩放时,iframe也自动缩放
|
|
|
$(window).resize(function () {
|
|
|
|
|
|
scaleFrame();
|
|
|
});
|
|
|
|
|
|
// 自动计算iframe的比例以及iframe所在div的高度和宽度
|
|
|
|
|
|
|
|
|
// 收藏按钮的弹出内容
|
|
|
$('#favoritePopover').popover({
|
|
|
html: true,
|
|
|
delay: {"show": 100, "hide": 120},
|
|
|
content: function () {
|
|
|
return $("#favorite-content-popup").html();
|
|
|
// return $("#fav-popup").html();
|
|
|
}
|
|
|
});
|
|
|
|
|
|
//统计查询次数
|
|
|
var invoiceExist = true;
|
|
|
var c ='F709ACE4F4C40DC58AED';
|
|
|
if (true == invoiceExist) {
|
|
|
$.ajax({
|
|
|
url: '/invp/countInvoiceQuery.jspa',
|
|
|
type: "post",
|
|
|
data: {c: c},
|
|
|
cache: false,
|
|
|
async: true,
|
|
|
success: function (data) {
|
|
|
if ("" != data && null != data) {
|
|
|
var reg = /^[0-9]+$/;
|
|
|
if (reg.test(data))
|
|
|
$("#queryCount").html(data);
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
|
|
//获得微信二维码
|
|
|
//显示二维码
|
|
|
weixinQr(c);
|
|
|
// 打印
|
|
|
$(".btn-print-invoice").click(function () {
|
|
|
printInv();
|
|
|
$("#invoiceFrame").jqprint();
|
|
|
});
|
|
|
|
|
|
$('input, textarea').placeholder();
|
|
|
|
|
|
$("#invoiceFrame").load(function () {
|
|
|
mainheight = $(this).contents().find("body").height() + 60;
|
|
|
$(this).height(mainheight);
|
|
|
|
|
|
scaleFrame();
|
|
|
|
|
|
});
|
|
|
//pdf下载
|
|
|
$(".inv-pdf").click(function () {
|
|
|
var pdfUrl ='https://www.chinaeinv.com/pdf.jspa?c=F709ACE4F4C40DC58AED';
|
|
|
if (pdfUrl) {
|
|
|
window.open(pdfUrl);
|
|
|
}
|
|
|
});
|
|
|
$(".inv-account").click(function () {
|
|
|
|
|
|
window.open("http://chinaeinv.mikecrm.com/h1l7A9R");
|
|
|
});
|
|
|
|
|
|
//更换发票抬头
|
|
|
$(".inv-changeHeader").click(function () {
|
|
|
$("#originUrl").val(encodeURIComponent(window.location.href));
|
|
|
$('#changeHeader').submit()
|
|
|
});
|
|
|
|
|
|
});
|
|
|
//缩放iframe
|
|
|
function scaleFrame() {
|
|
|
var sss = $("#invoiceFrameContainer").width() / 837;
|
|
|
var width = parseFloat(sss);
|
|
|
if (width < 1.0) {
|
|
|
$("#invoiceFrameContainer").attr("style",
|
|
|
"-moz-transform:scale(" + width + ");-moz-transform-origin:0% 0%;" +
|
|
|
"-o-transform:scale(" + width + ");-o-transform-origin:0% 0%;" +
|
|
|
"-webkit-transform:scale(" + width + ");-webkit-transform-origin:0% 0%;" +
|
|
|
"transform:scale(" + width + "," + width + ");transform-origin:0% 0%;");
|
|
|
//$("#test").text(width);
|
|
|
//$("#invoiceFrame").css("zoom",sss);
|
|
|
var newHeight = sss * $("#invoiceFrame").height();
|
|
|
$("#invoiceFrameContainer").height(newHeight);
|
|
|
}
|
|
|
}
|
|
|
//显示二维码
|
|
|
function weixinQr(c) {
|
|
|
var data = {"c": c};
|
|
|
$.ajax({
|
|
|
url:'/invp/weixinQr.jspa',
|
|
|
type: "post",
|
|
|
data: data,
|
|
|
cache: false,
|
|
|
async: false,
|
|
|
success: function (data) {
|
|
|
$("#fav_qrcode").attr('src', data);
|
|
|
$("#fav_qrcode_loading").hide();
|
|
|
$("#fav_qrcode").show();
|
|
|
}
|
|
|
|
|
|
});
|
|
|
}
|
|
|
//收藏发票
|
|
|
function collectInv() {
|
|
|
$("#collectForm").submit();
|
|
|
/* var userName=null
|
|
|
;
|
|
|
/* if(!userName){
|
|
|
location.href="https://www.chinaeinv.com/einvsso/login?service=http://www.chinaeinv.com/website/login/cas";
|
|
|
}
|
|
|
$("#inv_favorite").modal('hide');
|
|
|
$("#loadingModal").modal('show');
|
|
|
var data = $("#collectForm").serialize(); */
|
|
|
//$.ajax({
|
|
|
// url:'/invp/collectInvp.jspa',
|
|
|
// type:"post",
|
|
|
/* data:data,
|
|
|
cache:false,
|
|
|
async:false,
|
|
|
dataType:"json",
|
|
|
success:function(data){
|
|
|
$("#loadingModal").modal('hide');
|
|
|
if(!data.success){
|
|
|
$("#opt-info").attr("class","panel panel-danger");
|
|
|
$("#confirm_button").attr("class","btn btn-danger");
|
|
|
$("#opt-head").html("操作失败");
|
|
|
$("#opt-message").html(data.message);
|
|
|
$("#optModal").modal("show");
|
|
|
$("#confirm_button").attr("onclick","optConfrim('error','#inv_favorite');");
|
|
|
/* $("#cancel_error_message").text(data.message);
|
|
|
$("#cancelerrorModal").modal('show'); */
|
|
|
/*}else{
|
|
|
|
|
|
$("#opt-info").attr("class","panel panel-success");
|
|
|
$("#confirm_button").attr("class","btn btn-success");
|
|
|
$("#opt-head").html("操作成功");
|
|
|
$("#opt-message").html("发票收藏成功。");
|
|
|
$("#optModal").modal("show");
|
|
|
$("#confirm_button").attr("onclick","optConfrim('success','#inv_favorite');");
|
|
|
}
|
|
|
}
|
|
|
}); */
|
|
|
}
|
|
|
//打印发票
|
|
|
function printInv() {
|
|
|
$.ajax({
|
|
|
url: '/invp/countInvoicePrints.jspa',
|
|
|
type: "post",
|
|
|
data: {c: c},
|
|
|
cache: false,
|
|
|
async: true,
|
|
|
success: function (data) {
|
|
|
if ("" != data && null != data) {
|
|
|
var reg = /^[0-9]+$/;
|
|
|
if (reg.test(data))
|
|
|
$("#printCount").html(data);
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
//验证邮箱与手机号码
|
|
|
var isOK;
|
|
|
function testEmailOrMobile(obj) {
|
|
|
var value = obj.value;
|
|
|
var email_reg = /^([a-zA-Z0-9]+[\-|_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[\-|_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,4}$/;
|
|
|
var mobile_reg = /^[1][2,3,4,5,6,7,8,9][0-9]{9}$/;
|
|
|
isOK = email_reg.test(value);
|
|
|
isOK = isOK || mobile_reg.test(value);
|
|
|
if (!isOK) {
|
|
|
$("#zfwarn").html("请输入合法的手机号码或邮箱地址。");
|
|
|
$("#zfalert").show();
|
|
|
} else {
|
|
|
$("#zfwarn").html("");
|
|
|
$("#zfalert").hide();
|
|
|
}
|
|
|
}
|
|
|
//判断两次输入的邮箱或者手机号是否一致
|
|
|
var isSame;
|
|
|
function testIsSame(obj) {
|
|
|
var ca = $("#contactWay").val();
|
|
|
var value = obj.value;
|
|
|
if (value != ca) {
|
|
|
isSame = false;
|
|
|
$("#zfwarn").html("两次输入的手机号码或邮箱地址不一致。");
|
|
|
$("#zfalert").show();
|
|
|
} else {
|
|
|
isSame = true;
|
|
|
$("#zfwarn").html("");
|
|
|
$("#zfalert").hide();
|
|
|
}
|
|
|
}
|
|
|
//校验验证码
|
|
|
var isMyWord;//验证码是否正确
|
|
|
function validateCode() {
|
|
|
var code = $("#valCode").val();
|
|
|
if (code != null && code != '') {
|
|
|
$.ajax({
|
|
|
url: '/invp/validateCode',
|
|
|
type: "post",
|
|
|
data: {"validateCode": code, "r": Math.random()},
|
|
|
cache: false,
|
|
|
async: true,
|
|
|
success: function (data) {
|
|
|
var result = data;
|
|
|
if (result == "false") {
|
|
|
isMyWord = false;
|
|
|
$("#zfwarn").html("验证码输入错误。");
|
|
|
$("#zfalert").show();
|
|
|
} else {
|
|
|
isMyWord = true;
|
|
|
$("#zfwarn").html("");
|
|
|
$("#zfalert").hide();
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
} else {
|
|
|
isMyWord = false;
|
|
|
$("#zfwarn").html("验证码输入错误。");
|
|
|
$("#zfalert").show();
|
|
|
}
|
|
|
return isMyWord;
|
|
|
}
|
|
|
|
|
|
//转发发票前的校验
|
|
|
function sendInvoiceValidate() {
|
|
|
var result = false;
|
|
|
var sa = document.getElementById("contactWay");
|
|
|
var ca = document.getElementById("rcontactWay");
|
|
|
|
|
|
testEmailOrMobile(sa);
|
|
|
if (isOK == false) {
|
|
|
return false;
|
|
|
}
|
|
|
testIsSame(ca);
|
|
|
if (isSame == false) {
|
|
|
return false;
|
|
|
}
|
|
|
|
|
|
|
|
|
result = isOK && isSame && isMyWord;
|
|
|
|
|
|
//testMyWord(myword);
|
|
|
return result;
|
|
|
}
|
|
|
|
|
|
|
|
|
//转发发票
|
|
|
function sendInvoice() {
|
|
|
|
|
|
var validate = sendInvoiceValidate();
|
|
|
if (!validate) {
|
|
|
return false;
|
|
|
}
|
|
|
$("#inv_share").modal('hide');
|
|
|
$("#loadingModal").modal('show');
|
|
|
var data = $("#zfForm").serialize();
|
|
|
$.ajax({
|
|
|
url:'/invp/sendInvoice.jspa',
|
|
|
type: "post",
|
|
|
data: data,
|
|
|
cache: false,
|
|
|
async: false,
|
|
|
dataType: "json",
|
|
|
success: function (data) {
|
|
|
$("#loadingModal").modal('hide');
|
|
|
if (!data.success) {
|
|
|
$("#opt-info").attr("class", "panel panel-danger");
|
|
|
$("#confirm_button").attr("class", "btn btn-danger");
|
|
|
$("#opt-head").html("操作失败");
|
|
|
$("#opt-message").html(data.message);
|
|
|
$("#optModal").modal("show");
|
|
|
$("#confirm_button").attr("onclick", "optConfrim('error','#inv_share');");
|
|
|
|
|
|
/* $("#cancel_error_message").text(data.message);
|
|
|
$("#cancelerrorModal").modal('show'); */
|
|
|
} else {
|
|
|
changeValidateCode();
|
|
|
$("#opt-info").attr("class", "panel panel-success");
|
|
|
$("#confirm_button").attr("class", "btn btn-success");
|
|
|
$("#opt-head").html("操作成功");
|
|
|
$("#opt-message").html(data.message);
|
|
|
$("#optModal").modal("show");
|
|
|
$("#confirm_button").attr("onclick", "optConfrim('success','#inv_share');");
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
|
|
//操作结果后确认界面
|
|
|
//操作结果，调用框的id
|
|
|
function optConfrim(success, id) {
|
|
|
$("#optModal").modal("hide");
|
|
|
if (success == "false") {
|
|
|
$(id).modal("show");
|
|
|
}
|
|
|
}
|
|
|
//点击X号关闭框
|
|
|
function optClick() {
|
|
|
$("#optModal").modal("hide");
|
|
|
}
|
|
|
|
|
|
//改变验证码
|
|
|
function changeValidateCode() {
|
|
|
|
|
|
$("#codeImg").attr("src", "invp/validateCode?r=" + Math.random());
|
|
|
}
|
|
|
/* $("#show_order_detail").hide();
|
|
|
$("#cancelModal").modal('show');
|
|
|
$.post('cancelOrder.jspa',{orderId:orderId},
|
|
|
function(data){
|
|
|
$("#cancelModal").modal('hide');
|
|
|
if(!data.success){
|
|
|
$("#cancel_error_message").text(data.message);
|
|
|
$("#cancelerrorModal").modal('show');
|
|
|
}else{
|
|
|
$("#cancel_success_message").text(data.message);
|
|
|
$("#cancelsuccessModal").modal('show');
|
|
|
}
|
|
|
},'json'); */
|
|
|
/*]]>*/
|
|
|
</script>
|
|
|
<!-- 百度统计 -->
|
|
|
<div>
|
|
|
|
|
|
<div style="display:none;">
|
|
|
<script>
|
|
|
var _hmt = _hmt || [];
|
|
|
(function() {
|
|
|
var hm = document.createElement("script");
|
|
|
hm.src = "//hm.baidu.com/hm.js?996ce7f5908719aa71818fab119746b9";
|
|
|
var s = document.getElementsByTagName("script")[0];
|
|
|
s.parentNode.insertBefore(hm, s);
|
|
|
})();
|
|
|
</script>
|
|
|
</div>
|
|
|
<div></div>
|
|
|
</div>
|
|
|
</body>
|
|
|
|
|
|
|
|
|
<div class="container-fluid footer">
|
|
|
<div class="container">
|
|
|
<div class="row">
|
|
|
<div class="col-md-12" align="center">
|
|
|
<a href="http://wpa.qq.com/msgrd?v=3&uin=2190463708&site=qq&menu=yes" target="_blank">
|
|
|
<span class="fa fa-qq"></span>
|
|
|
<span>2190463708</span>
|
|
|
</a>
|
|
|
|
|
|
<span class="glyphicon glyphicon-phone-alt"></span>
|
|
|
<span> 400-628-9911</span>
|
|
|
|
|
|
<a href="mailto:service@chinaeinv.cn">
|
|
|
<span class="glyphicon glyphicon-envelope"> service@chinaeinv.cn</span>
|
|
|
</a>
|
|
|
<p>
|
|
|
<a href="http://beian.miit.gov.cn">
|
|
|
<span>鲁ICP备16002436号-1</span>
|
|
|
</a>
|
|
|
</p>
|
|
|
<a href="https://ss.knet.cn/verifyseal.dll?sn=e160511370200634376b6d000000&comefrom=trust&trustKey=dn&trustValue=www.chinaeinv.com">
|
|
|
<img src="/static/img/foot-btn-safe2.png" alt="Responsive image" />
|
|
|
</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div style="display:none;">
|
|
|
<script>
|
|
|
|
|
|
/*<![CDATA[*/
|
|
|
|
|
|
//跳转免费试用链接
|
|
|
function openFreeUrl(){
|
|
|
window.open("https://www.chinaeinv.com/view/market/#/?utm_source=weisite&utm_medium=freetrial&utm_content=menu&utm_campaign=partner");
|
|
|
}
|
|
|
|
|
|
|
|
|
var _hmt = _hmt || [];
|
|
|
(function () {
|
|
|
var hm = document.createElement("script");
|
|
|
hm.src = "//hm.baidu.com/hm.js?996ce7f5908719aa71818fab119746b9";
|
|
|
var s = document.getElementsByTagName("script")[0];
|
|
|
s.parentNode.insertBefore(hm, s);
|
|
|
})();
|
|
|
|
|
|
/*]]>*/
|
|
|
</script>
|
|
|
</div>
|
|
|
</body>
|
|
|
</html>
|
|
|
|
|
|
|