提交充值折扣

src/pages/confirmOrder/details/index.vue

@@ -213,6 +213,11 @@
             </div>
           </div>
         </div>
+        <!-- 充值折扣优惠 -->
+        <div v-if="use_level!=0" class="discount-level">
+          <div>权益折扣</div>
+          <div>余额支付享受{{use_level}}折</div>
+        </div>
         <div class="over-price">
           合计： <span class="price-num"><span class="min-size">￥</span>{{showMoney}}<span class="min-size"></span></span>
         </div>
@@ -458,17 +463,18 @@
              @click="choicePayType=false"><img src="https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/slices/delete.png"
                alt=""></div>
         <div class="pay-title">选择支付方式</div>
-        <div class="pay-price">￥<span>{{showMoney}}</span></div>
+        <div class="pay-price">￥<span>{{use_level==0?showMoney:level_pay_way=='amount'?(showMoney*Number(use_level)*0.1).toFixed(2):showMoney}}</span></div>
         <div class="pay-list">
           <div class="pay-info"
                v-for="item,index in payList"
-               @click="changeType(index)"
+               @click="changeType(index,item)"
                :style="item.isSelect?'border: 1px solid #FA7D22;':'border: 1px solid #D0D0D0;'"
                :key="index">
             <div class="pay-left">
               <img :src="item.payImg"
                    alt="">
               <span>{{item.title}}</span>
+              <div class="discount-levelin" v-if="use_level!=0&&item.pay_way=='amount'">权益优惠减￥{{levelPrice}}</div>
             </div>
             <div class="pay-right">
               <img :src="item.isSelect?select:unSelect"
@@ -644,8 +650,10 @@ export default {
       room: '',//设备房间
       roomList: [],//设备房间列表
       user_id: '',
+      use_level:'',//用户充值折扣等级
       // showRuleText: 10086,
-
+      levelPrice:'',//充值折扣优惠金额
+      level_pay_way:'amount'//支付方式
     };
   },
   computed: {
@@ -677,6 +685,8 @@ export default {
       api.getOrderInfo({ id: this.id }).then(res => {
         this.userInfo = res.data.user
         this.problem = res.data.skin_name
+        this.use_level = parseFloat(res.data.use_level).toFixed(1);
+        this.levelPrice = parseFloat(Number(res.data.order_data.price)-Number(res.data.order_data.price)*Number(res.data.use_level)*0.1).toFixed(2)
         let _problem = []
         res.data.face_names.forEach(item => {
           let info = {}
@@ -1159,7 +1169,8 @@ export default {
       this.isCoupun = true
     },
     //选择支付方式
-    changeType (i) {
+    changeType (i,item) {
+      this.level_pay_way=item.pay_way
       this.payList.forEach((res, index) => {
         if (index == i) {
           res.isSelect = true
@@ -2086,6 +2097,15 @@ export default {
           color: #ff3007;
         }
       }
+      .discount-level{
+        text-align: right;
+        margin-top: 6px;
+        display: flex;
+        justify-content: space-between;
+        color: #fa7d22;
+        padding-left: 14px;
+        font-size: 12px;
+      }
       .over-price {
         margin-top: 14px;
         text-align: right;
@@ -2620,6 +2640,11 @@ export default {
           span {
             margin-left: 20px;
           }
+          .discount-levelin{
+            margin-left: 10px;
+            font-size: 12px;
+            color: #fa7d22;
+          }
         }
         .pay-right {
           img {