BJ_web_developers / codepay

Commit 654bfaafd92deb4031e1dd269153ba42332c606d

Authored by Andy
1 parent 6a633a7d

add 兑换券

Inline Side-by-side
Showing 3 changed files with 93 additions and 0 deletions
billCodePay.html
  View file @654bfaa
... ... @@ -29,6 +29,45 @@
29 29 Learn how to configure a non-root public URL by running `npm run build`.
30 30 -->
31 31 <title>订单支付</title>
  32 + <style>
  33 + .discountBox{
  34 + border: 0;
  35 + outline: 0;
  36 + width: calc(100% - 120px);
  37 + height:28px;
  38 + line-height: 28px;
  39 + padding-left: 10px;
  40 + background:rgba(240,244,245,1);
  41 + border-radius:4px;
  42 + display: inline-block;
  43 + float: left;
  44 + color: #8a8a8a;
  45 + font-size: 14px;
  46 + }
  47 + .discountBox:focus{
  48 + border: 0;
  49 + outline: 0;
  50 + }
  51 + .discountBtn{
  52 + display: inline-block;
  53 + float: right;
  54 + border: none;
  55 + outline: none;
  56 + -webkit-appearance: none;
  57 + -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  58 + border: 1px solid #75CBBE;
  59 + border-radius:25px ;
  60 + padding: 4px 20px;
  61 + font-size: 14px;
  62 + color: #75CBBE;
  63 + background: #fff;
  64 + }
  65 + .discount-tip{
  66 + padding-top: 10px;
  67 + font-size: 14px;
  68 + color: #EB453B;
  69 + }
  70 + </style>
32 71 </head>
33 72 <body>
34 73 <!--<noscript>-->
... ... @@ -50,6 +89,13 @@
50 89 <div><span>优惠金额:</span><span id="discountFee"></span><span id="discountDesc"></span></div>
51 90 <div><span>订单编号: </span><span id="orderNum"></span> </div>
52 91 </section>
  92 + <div class="row marginTop">
  93 + <div style="overflow: hidden">
  94 + <input class="discountBox" id="discountBox" type="text" placeholder="请输入优惠券编号" maxlength="20">
  95 + <button class="discountBtn" id="discountBtn">兑换</button>
  96 + </div>
  97 + <div class="discount-tip" id="discountTip"></div>
  98 + </div>
53 99 <section id="section" class="marginTop">
54 100 <div class="flexBoxRow">
55 101 <span class="payWayTitle">选择支付方式</span> <span class="orderTime colorGray">出场时间: <span id="outtime"></span></span>
... ...
dynCodePay.html
  View file @654bfaa
... ... @@ -28,6 +28,45 @@
28 28 Learn how to configure a non-root public URL by running `npm run build`.
29 29 -->
30 30 <title>订单支付</title>
  31 + <style>
  32 + .discountBox{
  33 + border: 0;
  34 + outline: 0;
  35 + width: calc(100% - 120px);
  36 + height:28px;
  37 + line-height: 28px;
  38 + padding-left: 10px;
  39 + background:rgba(240,244,245,1);
  40 + border-radius:4px;
  41 + display: inline-block;
  42 + float: left;
  43 + color: #8a8a8a;
  44 + font-size: 14px;
  45 + }
  46 + .discountBox:focus{
  47 + border: 0;
  48 + outline: 0;
  49 + }
  50 + .discountBtn{
  51 + display: inline-block;
  52 + float: right;
  53 + border: none;
  54 + outline: none;
  55 + -webkit-appearance: none;
  56 + -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  57 + border: 1px solid #75CBBE;
  58 + border-radius:25px ;
  59 + padding: 4px 20px;
  60 + font-size: 14px;
  61 + color: #75CBBE;
  62 + background: #fff;
  63 + }
  64 + .discount-tip{
  65 + padding-top: 10px;
  66 + font-size: 14px;
  67 + color: #EB453B;
  68 + }
  69 + </style>
31 70 </head>
32 71 <body>
33 72 <!--<noscript>-->
... ... @@ -48,6 +87,13 @@
48 87 <!--<div><span>优惠金额:</span><span id="discountFee"></span><span id="discountDesc"></span></div>-->
49 88 <div><span>订单编号: </span><span id="orderNum"></span> </div>
50 89 </section>
  90 + <div class="row marginTop">
  91 + <div style="overflow: hidden">
  92 + <input class="discountBox" id="discountBox" type="text" placeholder="请输入优惠券编号" maxlength="20">
  93 + <button class="discountBtn" id="discountBtn">兑换</button>
  94 + </div>
  95 + <div class="discount-tip" id="discountTip"></div>
  96 + </div>
51 97 <section id="section" class="marginTop">
52 98 <div class="flexBoxRow">
53 99 <span class="payWayTitle">选择支付方式</span> <span class="orderTime colorGray">出场时间: <span id="outtime"></span></span>
... ...
js/pay.js
  View file @654bfaa
... ... @@ -123,6 +123,7 @@ var webAppClass = {
123 123 document.getElementById("discountDesc").style.display="none"
124 124 $btnLoad.style.display = "none";
125 125 $btnObj.style.display = "block";
  126 + document.getElementById("discountBox").attr('readonly','readonly');
126 127 flag = 1
127 128 }else{
128 129 $discountBtn.disabled = false
... ...