|
|
@@ -0,0 +1,531 @@
|
|
|
+<html xmlns:th="http://www.thymeleaf.org">
|
|
|
+<head>
|
|
|
+<title>私塾家</title>
|
|
|
+<script th:include="sys/common/metaCSS" th:remove="tag"></script>
|
|
|
+<script th:include="sys/common/metaJS" th:remove="tag"></script>
|
|
|
+<script src="sys/js/My97DatePicker/WdatePicker.js" th:src="@{/static/sys/js/My97DatePicker/WdatePicker.js}"></script>
|
|
|
+<script src="sys/js/qrcode.min.js" th:src="@{/static/js/qrcode.min.js}"></script>
|
|
|
+</head>
|
|
|
+<style>
|
|
|
+ .tablelink{margin-right:10px;}
|
|
|
+ .stylecss{
|
|
|
+ color: red;
|
|
|
+ }
|
|
|
+ .select_width{
|
|
|
+ width: 220px;
|
|
|
+ }
|
|
|
+ .date_width{
|
|
|
+ width: 150px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .tablelist th,td{
|
|
|
+ white-space: nowrap;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+ #mealServiceAdd .zwfb_shop_table {
|
|
|
+ margin-top: 10px
|
|
|
+ }
|
|
|
+ #mealServiceAdd tbody {
|
|
|
+ display: table-row-group;
|
|
|
+ vertical-align: middle;
|
|
|
+ border-color: inherit;
|
|
|
+ }
|
|
|
+ #mealServiceAdd .fwmc_xxk {
|
|
|
+ overflow: hidden;
|
|
|
+ margin-left: 20px;
|
|
|
+ }
|
|
|
+ #mealServiceAdd .fwmc_xxk li {
|
|
|
+ float: left;
|
|
|
+ width: 150px;
|
|
|
+ height: 52px;
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #666;
|
|
|
+ margin-right: 30px;
|
|
|
+ text-align: center;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ overflow: hidden;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ #mealServiceAdd .fwmc_xxk li p {
|
|
|
+ line-height: 18px;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #999;
|
|
|
+ margin-top: 5px;
|
|
|
+ }
|
|
|
+ #mealServiceAdd .zwsl_num {
|
|
|
+ margin-left: 20px;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+ #mealServiceAdd .zwsl_num span {
|
|
|
+ color: #999;
|
|
|
+ font-size: 12px;
|
|
|
+ padding-left: 10px;
|
|
|
+ }
|
|
|
+ #mealServiceAdd .nmb_jj {
|
|
|
+ overflow: hidden;
|
|
|
+ margin-left: 20px;
|
|
|
+ }
|
|
|
+ #mealServiceAdd .nmb_jj li.jian {
|
|
|
+ border-right: none;
|
|
|
+ cursor: pointer;
|
|
|
+ color: #999;
|
|
|
+ width: 30px;
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
+ #mealServiceAdd .nmb_jj li {
|
|
|
+ float: left;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 30px;
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ font-size: 20px;
|
|
|
+ padding: 0 8px;
|
|
|
+ }
|
|
|
+ #mealServiceAdd .nmb_jj li .srkk {
|
|
|
+ width: 30px;
|
|
|
+ font-size: 16px;
|
|
|
+ border: none;
|
|
|
+ line-height: 30px;
|
|
|
+ text-align: center;
|
|
|
+ outline: 0;
|
|
|
+ background: #FFF;
|
|
|
+ }
|
|
|
+ #mealServiceAdd .nmb_jj li.jia {
|
|
|
+ border-left: none;
|
|
|
+ cursor: pointer;
|
|
|
+ color: #999;
|
|
|
+ width: 30px;
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
+ #mealServiceAdd a.ty_but {
|
|
|
+ width: 130px;
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ text-align: center;
|
|
|
+ display: block;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #fff;
|
|
|
+ border-radius: 3px;
|
|
|
+ background: #169ed8;
|
|
|
+ }
|
|
|
+ #mealServiceAdd a.ty_but:hover {
|
|
|
+ background: #1187ba;
|
|
|
+ }
|
|
|
+ #mealServiceAdd .fwmc_xxk li.sign_type_select_on {
|
|
|
+ background: url(/static/sys/images/fwkk.jpg) no-repeat center;
|
|
|
+ color: #169ed8;
|
|
|
+ border: 1px solid #169ed8;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ #libServiceAdd .zwfb_shop_table {
|
|
|
+ margin-top: 10px
|
|
|
+ }
|
|
|
+ #libServiceAdd tbody {
|
|
|
+ display: table-row-group;
|
|
|
+ vertical-align: middle;
|
|
|
+ border-color: inherit;
|
|
|
+ }
|
|
|
+ #libServiceAdd .fwmc_xxk {
|
|
|
+ overflow: hidden;
|
|
|
+ margin-left: 20px;
|
|
|
+ }
|
|
|
+ #libServiceAdd .fwmc_xxk li {
|
|
|
+ float: left;
|
|
|
+ width: 150px;
|
|
|
+ height: 52px;
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #666;
|
|
|
+ margin-right: 30px;
|
|
|
+ text-align: center;
|
|
|
+ margin-bottom: 25px;
|
|
|
+ overflow: hidden;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ #libServiceAdd .fwmc_xxk li p {
|
|
|
+ line-height: 18px;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #999;
|
|
|
+ margin-top: 5px;
|
|
|
+ }
|
|
|
+ #libServiceAdd .zwsl_num {
|
|
|
+ margin-left: 20px;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+ #libServiceAdd .zwsl_num span {
|
|
|
+ color: #999;
|
|
|
+ font-size: 12px;
|
|
|
+ padding-left: 10px;
|
|
|
+ }
|
|
|
+ #libServiceAdd .nmb_jj {
|
|
|
+ overflow: hidden;
|
|
|
+ margin-left: 20px;
|
|
|
+ }
|
|
|
+ #libServiceAdd .nmb_jj li.jian {
|
|
|
+ border-right: none;
|
|
|
+ cursor: pointer;
|
|
|
+ color: #999;
|
|
|
+ width: 30px;
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
+ #libServiceAdd .nmb_jj li {
|
|
|
+ float: left;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 30px;
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ font-size: 20px;
|
|
|
+ padding: 0 8px;
|
|
|
+ }
|
|
|
+ #libServiceAdd .nmb_jj li .srkk {
|
|
|
+ width: 30px;
|
|
|
+ font-size: 16px;
|
|
|
+ border: none;
|
|
|
+ line-height: 30px;
|
|
|
+ text-align: center;
|
|
|
+ outline: 0;
|
|
|
+ background: #FFF;
|
|
|
+ }
|
|
|
+ #libServiceAdd .nmb_jj li.jia {
|
|
|
+ border-left: none;
|
|
|
+ cursor: pointer;
|
|
|
+ color: #999;
|
|
|
+ width: 30px;
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
+ #libServiceAdd a.ty_but {
|
|
|
+ width: 130px;
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ text-align: center;
|
|
|
+ display: block;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #fff;
|
|
|
+ border-radius: 3px;
|
|
|
+ background: #169ed8;
|
|
|
+ }
|
|
|
+ #libServiceAdd a.ty_but:hover {
|
|
|
+ background: #1187ba;
|
|
|
+ }
|
|
|
+ #libServiceAdd .fwmc_xxk li.sign_type_select_on {
|
|
|
+ background: url(/static/sys/images/fwkk.jpg) no-repeat center;
|
|
|
+ color: #169ed8;
|
|
|
+ border: 1px solid #169ed8;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+</style>
|
|
|
+<body style="min-width: 100%;">
|
|
|
+
|
|
|
+<div class="rightinfo">
|
|
|
+ <div class="formbody" id="libServiceAdd" >
|
|
|
+ <input type="hidden" id="id" th:value="${merchant.id}" >
|
|
|
+ <input type="hidden" id="priceId" th:value="${priceId}" >
|
|
|
+ <input type="hidden" id="orderId" value="0">
|
|
|
+ <table border="0" cellspacing="0" cellpadding="0" class="zwfb_shop_table">
|
|
|
+ <tbody>
|
|
|
+ <tr id="lib_service_tr" valign="top">
|
|
|
+ <td align="right" width="70" style="line-height: 30px;font-weight: 700">服务人数量:</td>
|
|
|
+ <td>
|
|
|
+ <ul class="nmb_jj">
|
|
|
+ <li class="jian" id="1_reduce_num">-</li>
|
|
|
+ <li>
|
|
|
+ <input name="" id="1_service_num" type="text" value="0" class="srkk" style="width: 50px;">
|
|
|
+ </li>
|
|
|
+ <li class="jia" id="1_add_num">+</li>
|
|
|
+ </ul>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr >
|
|
|
+ <td height="20"></td>
|
|
|
+ <td></td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <tr valign="top" th:if="${startActiveTime!=null}">
|
|
|
+ <td align="right" width="70" style="line-height: 30px;font-weight: 700">合同激活日期:</td>
|
|
|
+ <td>
|
|
|
+ <ul class="nmb_jj">
|
|
|
+ <li style="position: absolute;">
|
|
|
+ <input type="text" style="width: 120px;" class="srkk" id="startActiveTime" name="startActiveTime" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',autoPickDate:true})" autocomplete="off" th:value="${#dates.format(startActiveTime, 'yyyy-MM-dd')}" placeholder="合同开始激活日期">
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr th:if="${startActiveTime!=null}">
|
|
|
+ <td height="20"></td>
|
|
|
+ <td></td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+
|
|
|
+ <tr valign="top" th:if="${activeTime!=null}">
|
|
|
+ <td align="right" width="70" style="line-height: 30px;font-weight: 700">合同激活日期:</td>
|
|
|
+ <td>
|
|
|
+ <ul class="nmb_jj">
|
|
|
+ <li style="position: absolute;">
|
|
|
+ <input type="text" style="width: 120px;" class="srkk" id="activeTime" name="activeTime" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',autoPickDate:true})" autocomplete="off" th:value="${#dates.format(activeTime, 'yyyy-MM-dd')}" placeholder="合同开始激活日期">
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr th:if="${activeTime!=null}">
|
|
|
+ <td height="20"></td>
|
|
|
+ <td></td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+
|
|
|
+ <tr valign="top">
|
|
|
+ <td align="right" width="70" style="line-height: 30px;font-weight: 700">购买月数量:</td>
|
|
|
+ <td>
|
|
|
+ <ul class="nmb_jj">
|
|
|
+ <li class="jian" id="2_reduce_num">-</li>
|
|
|
+ <li>
|
|
|
+ <input name="" id="2_service_num" type="text" value="1" class="srkk" style="width: 50px;">
|
|
|
+ </li>
|
|
|
+ <li class="jia" id="2_add_num">+</li>
|
|
|
+ </ul>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td height="20"></td>
|
|
|
+ <td></td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+
|
|
|
+ <tr>
|
|
|
+ <td height="20"></td>
|
|
|
+ <td></td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <tr valign="top">
|
|
|
+ <td align="right" width="70" style="line-height: 30px;font-weight: 700">单价:</td>
|
|
|
+ <td>
|
|
|
+ <ul class="nmb_jj">
|
|
|
+ <li>
|
|
|
+ <input name="price" id="price" th:value="${price}" readonly type="text" value="0" class="srkk" style="width: 95px;"><i> 元</i>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td height="20"></td>
|
|
|
+ <td></td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <tr valign="top">
|
|
|
+ <td align="right" width="70" style="line-height: 30px;font-weight: 700">总价:</td>
|
|
|
+ <td>
|
|
|
+ <ul class="nmb_jj">
|
|
|
+ <li>
|
|
|
+ <input name="payPrice" id="payPrice" readonly type="text" value="0" class="srkk" style="width: 95px;"><i> 元</i>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td height="20"></td>
|
|
|
+ <td></td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <tr>
|
|
|
+ <td></td>
|
|
|
+ <td><a style="margin-left: 20px;" class="ty_but ml20" href="javascript:#" onclick="save();">购 买</a></td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+
|
|
|
+ </div>
|
|
|
+<br/>
|
|
|
+<br/>
|
|
|
+ <div id="qrdive" style="display:none"><div id="qrcode" style="padding-left: 30px"></div><div style="padding-top: 10px"><h1 style="font-size: 20px;color:red;padding-left: 55px;">请使用微信扫一扫支付</h1> </div></div>
|
|
|
+
|
|
|
+ <br/>
|
|
|
+ <br/>
|
|
|
+
|
|
|
+<table class="tablelist">
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th >订单号</th>
|
|
|
+ <th >服务包类型</th>
|
|
|
+ <th >服务包人数</th>
|
|
|
+ <th >开始激活日期</th>
|
|
|
+ <th >结束激活日期</th>
|
|
|
+ <th >购买月份</th>
|
|
|
+ <th >服务包总价</th>
|
|
|
+ <th >购买时间</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr th:each="item:${list}" >
|
|
|
+ <td th:text="${item.id}"></td>
|
|
|
+ <td th:switch="${item.signType}">
|
|
|
+ <span th:case="1" >服务包1</span>
|
|
|
+ <span th:case="2" >服务包2</span>
|
|
|
+ <span th:case="3" >服务包3</span>
|
|
|
+ <span th:case="4" >服务包4</span>
|
|
|
+ <span th:case="5" >服务包5</span>
|
|
|
+ </td>
|
|
|
+ <td th:text="${item.libService}"></td>
|
|
|
+ <td th:text="${item.startActiveTime!=null ? #calendars.format(item.startActiveTime,'yyyy-MM-dd') : ''}"></td>
|
|
|
+ <td th:text="${item.activeTime!=null ? #calendars.format(item.activeTime,'yyyy-MM-dd') : ''}"></td>
|
|
|
+ <td th:text="${item.buyMonth}"></td>
|
|
|
+ <td th:text="${item.price}"></td>
|
|
|
+ <td th:text="${item.createTime}"></td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+</table>
|
|
|
+<br/>
|
|
|
+<br/>
|
|
|
+
|
|
|
+</div>
|
|
|
+
|
|
|
+</body>
|
|
|
+
|
|
|
+
|
|
|
+<script type="text/javascript">
|
|
|
+ $(function () {
|
|
|
+
|
|
|
+ $("#1_reduce_num").click(function (){
|
|
|
+ if($("#1_service_num").val()<=0){
|
|
|
+ parent.layer.msg("服务人数量不能小于1喔",{icon:11});
|
|
|
+ $("#1_service_num").val(1);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ $("#1_service_num").val(parseInt($("#1_service_num").val())-1);
|
|
|
+
|
|
|
+ $("#payPrice").val(Number($("#price").val())*Number($("#1_service_num").val())*Number($("#2_service_num").val()));
|
|
|
+
|
|
|
+ });
|
|
|
+
|
|
|
+ $("#1_service_num").bind("input propertychange", function (event) {
|
|
|
+ $("#payPrice").val(Number($("#price").val())*Number($("#1_service_num").val())*Number($("#2_service_num").val()));
|
|
|
+ });
|
|
|
+
|
|
|
+ $("#2_service_num").bind("input propertychange", function (event) {
|
|
|
+ $("#payPrice").val(Number($("#price").val())*Number($("#1_service_num").val())*Number($("#2_service_num").val()));
|
|
|
+ });
|
|
|
+
|
|
|
+ $("#1_add_num").click(function (){
|
|
|
+ $("#1_service_num").val(parseInt($("#1_service_num").val())+1);
|
|
|
+ $("#payPrice").val(Number($("#price").val())*Number($("#1_service_num").val())*Number($("#2_service_num").val()));
|
|
|
+ });
|
|
|
+
|
|
|
+ $("#2_reduce_num").click(function (){
|
|
|
+ if($("#2_service_num").val()<=1){
|
|
|
+ parent.layer.msg("购买月数量不能小于1喔",{icon:11});
|
|
|
+ $("#2_service_num").val(1);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ $("#2_service_num").val(parseInt($("#2_service_num").val())-1);
|
|
|
+ $("#payPrice").val(Number($("#price").val())*Number($("#1_service_num").val())*Number($("#2_service_num").val()));
|
|
|
+ });
|
|
|
+
|
|
|
+ $("#2_add_num").click(function (){
|
|
|
+ $("#2_service_num").val(Number($("#2_service_num").val())+1);
|
|
|
+ $("#payPrice").val(Number($("#price").val())*Number($("#1_service_num").val())*Number($("#2_service_num").val()));
|
|
|
+ });
|
|
|
+
|
|
|
+ })
|
|
|
+ var islock=false;
|
|
|
+ function save(){
|
|
|
+ if($("#1_service_num").val()<=0){
|
|
|
+ parent.layer.msg("服务人数量不能小于1喔",{icon:11});
|
|
|
+ $("#1_service_num").val(0);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if($("#2_service_num").val()<1){
|
|
|
+ parent.layer.msg("购买月数量不能小于1喔",{icon:11});
|
|
|
+ $("#2_service_num").val(1);
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if(islock){
|
|
|
+ parent.layer.msg("正在下单中,请勿重复提交...",{icon:2});
|
|
|
+ }
|
|
|
+ parent.layer.confirm("确定为此商户购买服务包?", {
|
|
|
+ icon: 4, btn: ['确定','关闭'],offset: '100px' //按钮
|
|
|
+ }, function(index){
|
|
|
+ islock=true;
|
|
|
+ var id=$("#id").val();
|
|
|
+ var signType=5;
|
|
|
+ var libService=$("#1_service_num").val();
|
|
|
+ var buyMonth=$("#2_service_num").val();
|
|
|
+ var startActiveTime=$("#startActiveTime").val();
|
|
|
+ var activeTime=$("#activeTime").val();
|
|
|
+ var price=$("#price").val();
|
|
|
+ var unitPrice=$("#unitPrice").val();
|
|
|
+
|
|
|
+ var url="[[${sysUrl}]]/sys/fx/nativeOrder";
|
|
|
+ var params ={
|
|
|
+ 'id' : id,
|
|
|
+ 'priceId':$("#priceId").val(),
|
|
|
+ 'libService':libService,
|
|
|
+ 'buyMonth':buyMonth,
|
|
|
+ 'unitPrice':unitPrice,
|
|
|
+ 'price':price,
|
|
|
+ 'startActiveTime':startActiveTime,
|
|
|
+ 'activeTime':activeTime
|
|
|
+ };
|
|
|
+ $.post(url,params,function(data){
|
|
|
+ console.log(data)
|
|
|
+ if(data.code == '999'){
|
|
|
+ parent.layer.close(index);
|
|
|
+ $("#libServiceAdd").hide();
|
|
|
+ $("#qrdive").show();
|
|
|
+ var qrcode = new QRCode(document.getElementById("qrcode"), {
|
|
|
+ text: data.data.nativeCodeUrl,
|
|
|
+ width: 256,
|
|
|
+ height: 256,
|
|
|
+ colorDark : "#000000",
|
|
|
+ colorLight : "#ffffff",
|
|
|
+ correctLevel : QRCode.CorrectLevel.H
|
|
|
+ });
|
|
|
+
|
|
|
+ $("#orderId").val(data.data.orderId);
|
|
|
+ //轮询是否支付成功
|
|
|
+ // parent.layer.msg("购买成功",{icon:1});
|
|
|
+ // parent.location.reload();
|
|
|
+ // parent.layer.close(parent.layer.getFrameIndex(window.name));
|
|
|
+ islock=false;
|
|
|
+ }else{
|
|
|
+ parent.layer.msg(data.msg,{icon:11});
|
|
|
+ islock=false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ $(document).ready(function(){
|
|
|
+ var timer = setInterval(function(){ajax_wx_pay_status(timer)},2000);
|
|
|
+ });
|
|
|
+ function ajax_wx_pay_status(timer) {
|
|
|
+ var url="[[${sysUrl}]]/sys/fx/checkOrderState";
|
|
|
+ if ($("#orderId").val() != 0) {
|
|
|
+ $.post(
|
|
|
+ url,
|
|
|
+ {orderId:$("#orderId").val()},
|
|
|
+ function (res) {
|
|
|
+ if (res.data.state == 1) { //订单状态为1表示支付成功
|
|
|
+ //此处可以进行相应业务代码的编写,例如支付成功提示,或者直接进行页面跳转.
|
|
|
+ clearInterval(timer);
|
|
|
+ parent.layer.msg("购买成功",{icon:1});
|
|
|
+ window.setTimeout(function(){
|
|
|
+ parent.location.reload();
|
|
|
+ parent.layer.close(parent.layer.getFrameIndex(window.name));
|
|
|
+ },2000);
|
|
|
+
|
|
|
+ }
|
|
|
+ },"JSON");
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+</script>
|
|
|
+
|
|
|
+</html>
|