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.
184 lines
6.6 KiB
184 lines
6.6 KiB
<!-- 支付页面 -->
|
|
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>支付</title>
|
|
<link rel="icon" id="headLogo" href="../images/favicon.jpg">
|
|
<!-- 引入初始化样式 -->
|
|
<link rel="stylesheet" type="text/css" href="../css/reset.css" />
|
|
<!-- 引入默认样式 -->
|
|
<link rel="stylesheet" type="text/css" href="../css/default.css" />
|
|
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" />
|
|
<link rel="stylesheet" href="../css/payment.css">
|
|
<link rel="stylesheet" href="../css/header.css">
|
|
<!-- 引入jquery -->
|
|
<script src="../js/jquery-2.2.4.min.js" type="text/javascript" charset="utf-8"></script>
|
|
<link rel="stylesheet" type="text/css" href="../css/bootstrap-table.min.css" />
|
|
<script src="../js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="../js/bootstrap-table.min.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="../js/bootstrap-table-zh-CN.min.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="../js/Dream-Msg.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="../js/ajax.ipanel.js" type="text/javascript" charset="utf-8"></script>
|
|
<style type="text/css">
|
|
html,
|
|
body {
|
|
width: 100%;
|
|
height: 100%;
|
|
background: #F2F8FC;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="header">
|
|
<div class="login">
|
|
<div id="login"><a href="./login.html">登录</a></div>
|
|
<div id="Logout"><a href="./Home.html">退出登录</a></div>
|
|
<div id="personalCenter"><a href="./Account.html">用户中心</a></div>
|
|
<div id="news"><a href="./MyMessage.html">消息</a></div>
|
|
</div>
|
|
<div class="navbarbox">
|
|
<div class="titles-name" id="titles-name"></div>
|
|
<div class="navbar-tab">
|
|
<div class="itembox" id="nav"></div>
|
|
<div class="cart">
|
|
<img src="../images/cart.png" alt="">
|
|
<div>购物车</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="right-bottom">
|
|
<div class="r-b-top">
|
|
<a href="#"><span class="a-back">返回顶部</span></a>
|
|
</div>
|
|
<div class="r-b-bottom" id="customer">
|
|
<div>
|
|
<div>留言</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 留言表单 -->
|
|
<div class="modal fade" id="myModals" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
|
|
<div class="modal-dialog modal-lg" role="document">
|
|
<div class="modal-content modal-contents">
|
|
<div class="modal-headers">
|
|
<div>在线留言</div>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body modal-body1">
|
|
<div class="modal-top">请把您的问题留下，客服人员会尽快与您取得联系。</div>
|
|
<div class="step_item">
|
|
<div class="step_label">姓名</div>
|
|
<div class="step_name">
|
|
<input class="step_input" id="step_value1" placeholder="请填写您的姓名" />
|
|
<p id="step_validate1" style="margin:0;color: #f56c6c;"></p>
|
|
</div>
|
|
</div>
|
|
<div class="step_item">
|
|
<div class="step_label">手机号码</div>
|
|
<div class="step_name">
|
|
<input class="step_input" id="step_value2" placeholder="请填写您的联系电话" />
|
|
<p id="step_validate2" style="margin:0;color: #f56c6c;"></p>
|
|
</div>
|
|
</div>
|
|
<div class="step_item">
|
|
<div class="step_label">公司名称</div>
|
|
<div class="step_name">
|
|
<input class="step_input" id="step_value3" placeholder="请填写您的公司名称" />
|
|
<p id="step_validate3" style="margin:0;color: #f56c6c;"></p>
|
|
</div>
|
|
</div>
|
|
<div class="step_item">
|
|
<div class="step_label">留言</div>
|
|
<div class="step_name">
|
|
<textarea id="step_value4" placeholder="请填写您的需求，我们会尽快与您取得联系"></textarea>
|
|
<p id="step_validate4" style="margin:0;color: #f56c6c;"></p>
|
|
</div>
|
|
</div>
|
|
<div class="step_button">
|
|
<button type="button" id="submit">提交</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="height: 100px;"></div>
|
|
<div class="paymentword">
|
|
<h3>订单结算</h3>
|
|
<div id="aymentod">
|
|
<p>
|
|
<span class="rod"></span>
|
|
<span class="rod2">选择支付方式</span>
|
|
</p>
|
|
<input class="btn active" type="button" value="网银支付">
|
|
<!-- <input class="btn" type="button" value="微信"> -->
|
|
<input class="btn" id="Alipay" type="button" value="支付宝">
|
|
</div>
|
|
<div id="ledlist">
|
|
<div class="lest">
|
|
<p>
|
|
<span class="rod"></span>
|
|
<span class="rod2">标的清单</span>
|
|
</p>
|
|
</div>
|
|
<p>请您在付款成功后，7个自然日内完成下载。</p>
|
|
<div id="paytable">
|
|
<table id="table-javascript" class="text-nowrap"></table>
|
|
</div>
|
|
</div>
|
|
<div class="agreement">
|
|
<input class="checkbox" id="checkbox3" type="checkbox" /> <span style="margin-left:5px">我已阅读并同意
|
|
<!-- <span id="new_payment" class="n_payment">《临时文化数据交易协议》</span> -->
|
|
<a class="privacy" target="_blank" href="./purchase.html">《临时文化数据交易协议》</a>
|
|
</span>
|
|
</div>
|
|
<input class="firmpay" type="button" value="确认支付">
|
|
</div>
|
|
<!-- 支付弹出框 -->
|
|
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
|
|
<div class="modal-dialog modal-lg" role="document">
|
|
<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" id="myModalLabel">扫码支付</h4>
|
|
</div>
|
|
<div class="modal-word"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 支付情况弹出框 -->
|
|
<div class="modal fade" id="situationModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
|
|
<div class="modal-dialog modal-lg" role="document">
|
|
<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>
|
|
</div>
|
|
<div class="situation-word"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="height: 100px;"></div>
|
|
<!-- 底部 -->
|
|
<div class="footer">
|
|
<div class="top">
|
|
<div class="top1"></div>
|
|
<div class="top2"></div>
|
|
<div class="top3"></div>
|
|
</div>
|
|
<div class="bottom">
|
|
<div class="footerbox"></div>
|
|
</div>
|
|
</div>
|
|
<script src="../js/public.js"></script>
|
|
<script src="../js/payment.js"></script>
|
|
<script src="../js/browse_check.js"></script>
|
|
</body>
|
|
|
|
</html>
|
|
|