caimei-paymobile.html 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. <!DOCTYPE html>
  2. <html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  3. xsi:schemaLocation="https://www.thymeleaf.org ">
  4. <head>
  5. <template th:replace="pay/components/pay-link"></template>
  6. <link th:href="@{/css/pay/caimei-paymobile.css(v=${version})}" rel="stylesheet" type="text/css">
  7. <template th:replace="components/analysis"></template>
  8. </head>
  9. <body>
  10. <div class="head-wrap">
  11. <div class="inner clear">
  12. <div class="logo"><a href="/index.html"><img src="/img/base/index_logo.png" alt=""></a></div>
  13. <div class="text">收银台</div>
  14. <input type="hidden" th:value="${coreServer}" id="coreServer">
  15. <input type="hidden" th:value="${agent}" id="userAgent">
  16. </div>
  17. </div>
  18. <div class="pay-container weixin clear" id="payContainer" >
  19. <div v-if="loginLoading" class="loading" :style="{opacity: loginLoading ? '1' :'0'}">
  20. <img src="/img/base/loading.gif">
  21. </div>
  22. <div class="container" :class="{active: isRequest}" v-show="isRequest">
  23. <div class="pay-content weixin clearfix" v-if="payInfo.payType === 'WEIXIN'">
  24. <div class="pay-codecontent">
  25. <div class="pay-amount">
  26. <div class="pay-amount-text">
  27. <p v-if="pageType == '2'">超级会员套餐:{{ duration }}个月 </p>
  28. <p>交易金额: <span>¥{{payAmount | NumFormat}}</span> </p>
  29. <template>
  30. <p v-if="pageType == '2' || pageType == '3'">收款方: <span>深圳市采美信息技术有限公司</span> </p>
  31. <p v-else>收款方: <span>{{ shopName }}</span> </p>
  32. </template>
  33. <p v-if="pageType!='1' && pageType!='2' && pageType!='3'">订单号: <span>{{orderNo}}</span> </p>
  34. </div>
  35. <div class="pay-amount-icon"><img src="/img/pay/icon-pay@2x.png" alt=""></div>
  36. </div>
  37. <div class="pay-codemain" id="WEIXIN-CONTENT">
  38. <div class="code-title"><p>扫码付款 <span class="payableAmount">¥{{payableAmount | NumFormat}}</span></p></div>
  39. <div class="pay-qrCode weixin" id="wx_pay_container">
  40. <i class="icon-wechat"></i>
  41. </div>
  42. <div class="model" v-if="isRefresh">
  43. <div class="refresh-div">
  44. <p>已失效,请重新发起支付</p>
  45. </div>
  46. </div>
  47. <div class="code-footer">
  48. <img class="code-img" src="/img/pay/icon-weixinpay@2x.png" alt="">
  49. <p>打开手机微信,扫一扫进行付款</p>
  50. </div>
  51. </div>
  52. </div>
  53. </div>
  54. <div class="pay-content ali clearfix" v-if="payInfo.payType === 'ALIPAY'">
  55. <div class="pay-codecontent">
  56. <div class="pay-amount">
  57. <div class="pay-amount-text">
  58. <p v-if="pageType == '2'">超级会员套餐:{{ duration }}个月 </p>
  59. <p>交易金额: <span>¥{{payAmount | NumFormat}}</span> </p>
  60. <template>
  61. <p v-if="pageType == '2' || pageType == '3'">收款方: <span>深圳市采美信息技术有限公司</span> </p>
  62. <p v-else>收款方: <span>{{ shopName }}</span> </p>
  63. </template>
  64. <p v-if="pageType!='1' && pageType!='2' && pageType!='3'">订单号: <span>{{orderNo}}</span> </p>
  65. </div>
  66. <div class="pay-amount-icon"><img src="/img/pay/icon-pay@2x.png" alt=""></div>
  67. </div>
  68. <div class="pay-codemain " id="ALIPAY-CONTENT">
  69. <div class="code-title"><p>扫码付款 <span class="payableAmount">¥{{payableAmount | NumFormat}}</span></p></div>
  70. <div class="pay-qrCode ali" id="ali_pay_container">
  71. <i class="icon-alipay"></i>
  72. </div>
  73. <div class="model" v-if="isRefresh">
  74. <div class="refresh-div">
  75. <p>已失效,请重新发起支付</p>
  76. </div>
  77. </div>
  78. <div class="code-footer">
  79. <img class="code-img" src="/img/pay/icon-alipay@2x.png" alt="">
  80. <p>打开手机支付宝,扫一扫进行付款</p>
  81. </div>
  82. </div>
  83. </div>
  84. </div>
  85. </div>
  86. </div>
  87. <!-- 引入底部 -->
  88. <template th:replace="components/footer"></template>
  89. <template th:replace="components/foot-link"></template>
  90. <script src="https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
  91. <script charset="utf-8" type="text/javascript" th:src="@{/js/common/serviceapi/pay.service.js(v=${version})}"></script>
  92. <script charset="utf-8" type="text/javascript" th:src="@{/lib/qrcode.min.js(v=${version})}"></script>
  93. <script charset="utf-8" type="text/javascript" th:src="@{/js/pay/caimei-paymobile.js(v=${version})}"></script>
  94. </body>
  95. </html>