截止报价

components/applyPurchase/ApplyInfo.vue

@@ -47,13 +47,13 @@
               <span v-if="getDay(purchaseMan.remainingTime) <= 0" v-text="getHours(purchaseMan.remainingTime)"></span>
               <i v-if="getDay(purchaseMan.remainingTime) <= 0" >&nbsp;小时</i>
             </div>
-            <div v-if="purchaseMan.remainingTime <= 0">-</div>
+            <span v-if="!purchaseMan.remainingTime || purchaseMan.remainingTime <= 0">已截止</span>
           </div>
           <div class="number-content"><img src="/images/applyPurchase/hot-fire.png" alt="" v-if="purchaseMan.offerAmount > 10"><span :style="purchaseMan.offerAmount > 10 ? 'color: #ff9a00': ''">{{purchaseMan.offerAmount || 0}}</span>&nbsp;条</div>
           <div class="btn-content">
             <a>联系买家</a>
-            <a v-if="!purchaseMan.quoted || purchaseMan.quoted != 1" @click="sayPrice(purchaseMan, index)">我要报价</a>
-            <div class="is-say-price" v-if="purchaseMan.quoted == 1">已报价 <img src="/images/applyPurchase/green-check.png" alt="">
+            <a v-if="purchaseMan.remainingTime > 0 && (!purchaseMan.quoted || purchaseMan.quoted != 1)" @click="sayPrice(purchaseMan, index)">我要报价</a>
+            <div class="is-say-price" v-if="purchaseMan.remainingTime > 0 && purchaseMan.quoted == 1">已报价 <img src="/images/applyPurchase/green-check.png" alt="">
               <div class="say-price-history">
                 <p class="price-title">历史报价</p>
                 <div>
@@ -156,8 +156,8 @@
             <div class="form-item form-left">
               <span><i>*</i>价格梯度：</span>
               <input type="number" class="form-control" @blur="onReplyLapQtyBlur(index)" v-model="reply.lapQty" placeholder="数量">
-             <!-- -
-              <input type="text" class="form-control" placeholder="数量">-->
+              <!-- -
+               <input type="text" class="form-control" placeholder="数量">-->
             </div>
             <div class="form-item form-right">
               <span><i>*</i>单价({{purchaseManList.content[currentSayPriceIndex].currency == 'USD' ? '$' : '¥'}})：</span>
@@ -179,26 +179,26 @@
   </div>
 </template>
 <script>
-//  let getRealLen = function (str) {
-//    let len = 0
-//    for (let i = 0; i < str.length; i++) {
-//      if (str.charCodeAt(i) > 127 || str.charCodeAt(i) === 94) {
-//        len += 2
-//      } else {
-//        len++
-//      }
-//    }
-//    return len
-//  }
-//  let cutOutString = function (str, length) {
-//    for (let i = 1; i <= str.length; i++) {
-//      if (getRealLen(str.substr(0, i)) > length) {
-//        str = str.substr(0, i - 1)
-//        break
-//      }
-//    }
-//    return str
-//  }
+  //  let getRealLen = function (str) {
+  //    let len = 0
+  //    for (let i = 0; i < str.length; i++) {
+  //      if (str.charCodeAt(i) > 127 || str.charCodeAt(i) === 94) {
+  //        len += 2
+  //      } else {
+  //        len++
+  //      }
+  //    }
+  //    return len
+  //  }
+  //  let cutOutString = function (str, length) {
+  //    for (let i = 1; i <= str.length; i++) {
+  //      if (getRealLen(str.substr(0, i)) > length) {
+  //        str = str.substr(0, i - 1)
+  //        break
+  //      }
+  //    }
+  //    return str
+  //  }
   import Page from '~components/common/page/pageComponent.vue'
   import Loading from '~components/common/loading/PageLoading.vue'
   export default {
@@ -641,7 +641,8 @@
             width: 158px;
           }
           &:nth-child(7) {
-            width: 214px;
+            width: 180px;
+            margin-left: 30px;
           }
         }
       }
@@ -679,7 +680,9 @@
               width: 158px;
             }
             &:nth-child(7) {
-              width: 212px;
+              width: 180px;
+              margin-left: 32px;
+              float: right;
             }
             &.date-content {
               span {
@@ -717,7 +720,8 @@
                 cursor: pointer;
                 &:first-child {
                   background: #ffa200;
-                  margin-right: 10px;
+                  float: left;
+                  margin-top: 19px;
                 }
               }
               .is-say-price {
@@ -809,21 +813,21 @@
                 &:hover {
                   .say-price-history {
                     opacity: 1;
-                   /* animation: expand 1s infinite;
-                    -webkit-animation: expand 1s infinite; !*Safari and Chrome*!
-                    animation-iteration-count: 1;
-                    -webkit-animation-iteration-count: 1;*/
+                    /* animation: expand 1s infinite;
+                     -webkit-animation: expand 1s infinite; !*Safari and Chrome*!
+                     animation-iteration-count: 1;
+                     -webkit-animation-iteration-count: 1;*/
                     height: 210px;
                   }
                 }
-               /* @keyframes expand {
-                  from {bottom: 58px}
-                  to {bottom: auto}
-                }
-                @-webkit-keyframes expand {
-                  from {bottom: 58px}
-                  to {bottom: auto}
-                }*/
+                /* @keyframes expand {
+                   from {bottom: 58px}
+                   to {bottom: auto}
+                 }
+                 @-webkit-keyframes expand {
+                   from {bottom: 58px}
+                   to {bottom: auto}
+                 }*/
               }
             }
           }