调价样式修改

 <template>
 <template>
-  <CubeInput v-bind="$attrs" v-bind:value="value" v-bind:needBlur="needBlur" v-on="inputListeners" :maxlength="8" class="input-number">
+  <CubeInput v-bind="$attrs" v-bind:value="value" v-on="inputListeners" :maxlength="8" class="input-number">
     <span slot="prepend">
     <span slot="prepend">
       <slot name="prepend"></slot>
       <slot name="prepend"></slot>
     </span>
     </span>
@@ -14,7 +14,7 @@ import {Input} from 'cube-ui';
 
 
 export default {
 export default {
   name: 'InputUfo',
   name: 'InputUfo',
-  props: ['value', 'needBlur'],
+  props: ['value'],
   computed: {
   computed: {
     inputListeners() {
     inputListeners() {
       return Object.assign({},
       return Object.assign({},
@@ -31,11 +31,6 @@ export default {
     }
     }
   },
   },
   methods: {
   methods: {
-    onBlur() {
-      if (this.needBlur) {
-
-      }
-    }
   },
   },
   components: {CubeInput: Input}
   components: {CubeInput: Input}
 };
 };

+<template>
+  <div class="payment-confirm-wrapper">
+
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'paymentSheet'
+  };
+</script>
+
+<style lang="scss" scoped>
+  .payment-confirm-wrapper {
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.5);
+    z-index: 99;
+  }
+</style>

@@ -67,7 +67,7 @@ export default {
 <style lang="scss" scoped>
 <style lang="scss" scoped>
   .item-content {
   .item-content {
     width: 100%;
     width: 100%;
-    height: 156px;
+    height: 158px;
     overflow: hidden;
     overflow: hidden;
     border-bottom: 1px solid #f0f0f0;
     border-bottom: 1px solid #f0f0f0;
 
 
@@ -115,7 +115,7 @@ export default {
         box-sizing: border-box;
         box-sizing: border-box;
 
 
         .button-container {
         .button-container {
-          margin: 48px 0 0 62px;
+          margin: 48px 0 0 52px;
 
 
           button {
           button {
             width: 130px;
             width: 130px;
@@ -135,6 +135,8 @@ export default {
             background-color: #0c2b4a;
             background-color: #0c2b4a;
             color: #fff;
             color: #fff;
             border-radius: 30px;
             border-radius: 30px;
+            border: none;
+            margin-left: 10px;
           }
           }
         }
         }
       }
       }

 <template>
 <template>
-  <div class="product-group">
+  <div class="product-group" v-if="skcs.length > 0">
     <ProductItem
     <ProductItem
       v-for="(skc, i) in skcs"
       v-for="(skc, i) in skcs"
       :key="i" :value="skc"
       :key="i" :value="skc"
       @on-change-price="onChangePrice"
       @on-change-price="onChangePrice"
       @on-no-sale="onNoSale"></ProductItem>
       @on-no-sale="onNoSale"></ProductItem>
   </div>
   </div>
+  <div class="no-item" v-else>
+    <div class="no-item-bg"></div>
+    <p>暂无数据</p>
+  </div>
 </template>
 </template>
 
 
 <script>
 <script>
@@ -31,11 +35,33 @@ export default {
 };
 };
 </script>
 </script>
 
 
-<style scoped>
+<style lang="scss" scoped>
   .product-group {
   .product-group {
     position: relative;
     position: relative;
     width: 690px;
     width: 690px;
     margin: 0 auto;
     margin: 0 auto;
     overflow: hidden;
     overflow: hidden;
   }
   }
+
+  .no-item {
+    position: relative;
+    display: flex;
+    height: 70%;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+
+    .no-item-bg {
+      width: 186px;
+      height: 242px;
+      background-image: url("~statics/image/order/ufo-empty.png");
+      background-size: 100% 100%;
+    }
+
+    p {
+      color: #999;
+      line-height: 32px;
+    }
+  }
+
 </style>
 </style>

@@ -2,7 +2,7 @@
   <LayoutApp :title="title" :class="classes">
   <LayoutApp :title="title" :class="classes">
     <ScrollView ref="scroll" :options="scrollOption" @pulling-up="onPullingUp" @pulling-down="onPullingDown">
     <ScrollView ref="scroll" :options="scrollOption" @pulling-up="onPullingUp" @pulling-down="onPullingDown">
       <div class="order-page">
       <div class="order-page">
-        <div class="title">出售中</div>
+<!--        <div class="title">出售中</div>-->
         <!--商品详情-->
         <!--商品详情-->
         <div class="product" @click="onClickProduct">
         <div class="product" @click="onClickProduct">
           <div class="pro-img">
           <div class="pro-img">
@@ -197,6 +197,9 @@ export default {
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
   .order-page {
   .order-page {
+    position: absolute;
+    width: 100%;
+    height: 100%;
     -webkit-font-smoothing: antialiased;
     -webkit-font-smoothing: antialiased;
 
 
     .title {
     .title {

 <template>
 <template>
   <LayoutApp :title="title">
   <LayoutApp :title="title">
     <div class="order-page">
     <div class="order-page">
-      <div class="title">出售</div>
       <div class="product">
       <div class="product">
         <ImgSize class="pro-img" :src="noEntryOrderInfo.goodsInfo.goodImg || ''" :width="200" :height="200"></ImgSize>
         <ImgSize class="pro-img" :src="noEntryOrderInfo.goodsInfo.goodImg || ''" :width="200" :height="200"></ImgSize>
         <div class="pro-info">
         <div class="pro-info">
@@ -99,7 +98,7 @@ export default {
   components: {Modal, InputUfo, ScrollView, LayoutApp, ImgSize, Checkbox},
   components: {Modal, InputUfo, ScrollView, LayoutApp, ImgSize, Checkbox},
   data() {
   data() {
     return {
     return {
-      title: '',
+      title: '调价',
       platformFeeModalVisible: false,
       platformFeeModalVisible: false,
       platformFee: {
       platformFee: {
         amount: '-¥0',
         amount: '-¥0',
@@ -239,12 +238,35 @@ export default {
      * @returns {Promise<void>}
      * @returns {Promise<void>}
      */
      */
     async onPriceChangeConfirm({price, skup}) {
     async onPriceChangeConfirm({price, skup}) {
+      const that = this;
       const result = await this.postNoEntryChangePrice({
       const result = await this.postNoEntryChangePrice({
         price,
         price,
         skup
         skup
       });
       });
 
 
+      if (result.code === 200 && result.data.orderCode) {
         console.log(result);
         console.log(result);
+        this.$createOrderPayType({
+          orderCode: result.data.orderCode,
+          price: price,
+          desc: '保证金',
+          onCloseAction() {
+            that.$router.replace({
+              name: 'PriceChangeEntry',
+              params: {
+                orderId: result.data.productId
+              }
+            });
+          }
+        }).show();
+      } else {
+        this.$createToast({
+          txt: result.message || '调价失败',
+          type: 'txt'
+        }).show();
+      }
+
+      // console.log(result);
     }
     }
   }
   }
 };
 };
@@ -524,17 +546,22 @@ export default {
     }
     }
 
 
     .submit-button {
     .submit-button {
+      position: relative;
       width: 100%;
       width: 100%;
       height: 100px;
       height: 100px;
-      background-color: #ccc;
 
 
       button {
       button {
-        width: 100%;
-        height: 100%;
+        display: block;
+        width: 670px;
+        height: 88px;
+        border-radius: 60px;
+        margin: 0 auto;
         color: #fff;
         color: #fff;
+        background-color: #ccc;
+        border: none;
       }
       }
 
 
-      &.active {
+      &.active button{
         background-color: #0c2b48;
         background-color: #0c2b48;
       }
       }
     }
     }

@@ -37,6 +37,8 @@ export default {
       });
       });
     }
     }
 
 
+    console.log(result);
+
     if (result && result.code === 200) {
     if (result && result.code === 200) {
       commit(Types.FETCH_ORDER_PRODUCT_SUCCESS, {
       commit(Types.FETCH_ORDER_PRODUCT_SUCCESS, {
         order: result.data,
         order: result.data,