验收问题修改

components/applyPurchase/ApplyFooter.vue

@@ -0,0 +1,172 @@
+<template>
+  <div class="apply-footer">
+    <div class="good-provider">
+      <h1>优秀供应商</h1>
+      <p>海量求购&nbsp;一网打尽</p>
+      <div class="provider-list">
+        <div class="provider-item">
+          <div class="logo-wrap">
+            <img src="/images/applyPurchase/test-logo.png" alt="">
+          </div>
+          <div class="desc-wrap">123333333333333333333333333333333333333333</div>
+        </div>
+        <div class="provider-item">
+          <div class="logo-wrap">
+            <img src="/images/applyPurchase/test-logo.png" alt="">
+          </div>
+          <div class="desc-wrap">123333333333333333333333333333333333333333</div>
+        </div>
+        <div class="provider-item">
+          <div class="logo-wrap">
+            <img src="/images/applyPurchase/test-logo.png" alt="">
+          </div>
+          <div class="desc-wrap">123333333333333333333333333333333333333333</div>
+        </div>
+      </div>
+    </div>
+    <div class="turnover-exap">
+      <h1>成交案例</h1>
+      <p>海量求购&nbsp;一网打尽</p>
+      <div class="exap-list">
+        <div class="exap-item">
+          <div class="logo-wrap">
+            <img src="/images/applyPurchase/test-logo.png" alt="">
+          </div>
+          <div class="desc-wrap">
+            收到供应商报价：<span class="red-text">103</span>条
+          </div>
+          <div class="desc-wrap">
+            已完成采购：<span class="red-text">103</span>条
+          </div>
+        </div>
+        <div class="exap-item">
+          <div class="logo-wrap">
+            <img src="/images/applyPurchase/test-logo.png" alt="">
+          </div>
+          <div class="desc-wrap">
+            收到供应商报价：<span class="red-text">103</span>条
+          </div>
+          <div class="desc-wrap">
+            已完成采购：<span class="red-text">103</span>条
+          </div>
+        </div>
+        <div class="exap-item">
+          <div class="logo-wrap">
+            <img src="/images/applyPurchase/test-logo.png" alt="">
+          </div>
+          <div class="desc-wrap">
+            收到供应商报价：<span class="red-text">103</span>条
+          </div>
+          <div class="desc-wrap">
+            已完成采购：<span class="red-text">103</span>条
+          </div>
+        </div>
+        <div class="exap-item">
+          <div class="logo-wrap">
+            <img src="/images/applyPurchase/test-logo.png" alt="">
+          </div>
+          <div class="desc-wrap">
+            收到供应商报价：<span class="red-text">103</span>条
+          </div>
+          <div class="desc-wrap">
+            已完成采购：<span class="red-text">103</span>条
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<style lang="scss" scoped>
+  .apply-footer {
+    .good-provider {
+      height: 330px;
+      text-align: center;
+      background: url('/images/applyPurchase/apply-footer-bg.png') no-repeat;
+      color: #fff;
+      padding-top: 24px;
+      background-size: cover;
+      h1 {
+        margin: 0 0 7px 0;
+        font-size: 36px;
+      }
+      p {
+        font-size: 14px;
+      }
+      .provider-list {
+        margin-top: 37px;
+        .provider-item {
+          width: 312px;
+          height: 183px;
+          background: #fff;
+          display: inline-block;
+          .logo-wrap {
+            height: 131px;
+            line-height: 131px;
+            background: #fff;
+            text-align: center;
+            img {
+              max-width: 310px;
+              max-height: 181px;
+            }
+          }
+          .desc-wrap {
+            height: 52px;
+            line-height: 16px;
+            background: rgba(0, 0, 0, .65);
+            word-break: break-all;
+            text-align: left;
+            padding: 11px 10px;
+          }
+          &:nth-child(2) {
+            margin: 0 74px;
+          }
+        }
+      }
+    }
+    .turnover-exap {
+      height: 312px;
+      text-align: center;
+      h1 {
+        margin: 27px 0 7px 0;
+        font-size: 36px;
+        color: #5392f9;
+      }
+      p {
+        font-size: 14px;
+        color: #999;
+      }
+      .exap-list {
+        margin-top: 43px;
+        .exap-item {
+          width: 224px;
+          display: inline-block;
+          margin-right: 94px;
+          &:last-child {
+            margin-right: 0;
+          }
+          .logo-wrap {
+            background: #fff;
+            border: 1px solid #d9d9d9;
+            height: 86px;
+            line-height: 86px;
+            margin-bottom: 16px;
+            img {
+              max-width: 222px;
+              max-height: 84px;
+            }
+          }
+          .desc-wrap {
+            color: #3c3c3c;
+            line-height: 18px;
+            .red-text {
+              color: #e60012;
+            }
+            &:last-child {
+              margin-top: 9px;
+            }
+          }
+        }
+      }
+    }
+  }
+</style>

components/applyPurchase/ApplyInfo.vue

@@ -36,9 +36,9 @@
       <ul>
         <li v-for="purchaseMan in purchaseManList.content" :class="{'active': purchaseMan.active}">
           <span>{{purchaseMan.releaseDate | date}}</span>
-          <span>{{purchaseMan.userName}}</span>
-          <span>{{purchaseMan.code}}</span>
-          <span>{{purchaseMan.brand}}</span>
+          <span :title="getPurchaseManName(purchaseMan)">{{getPurchaseManName(purchaseMan)}}</span>
+          <span :title="purchaseMan.code">{{purchaseMan.code}}</span>
+          <span :title="purchaseMan.brand">{{purchaseMan.brand}}</span>
           <span class="date-content"><span>剩余&nbsp;</span><span v-text="getDay(purchaseMan.remainingTime)"></span>&nbsp;天&nbsp;<span v-text="getHours(purchaseMan.remainingTime)"></span>&nbsp;小时</span>
           <span 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;条</span>
           <span class="btn-content">
@@ -144,11 +144,18 @@
       getHours: function (timeStamp) {
         return Math.floor((timeStamp / (1000 * 60 * 60)) % 24)
       },
+      getPurchaseManName: function (purchaseMan) {
+        return purchaseMan.enUu ? purchaseMan.userName : purchaseMan.userName.charAt(0) + '**'
+      },
       listenPage: function (page) {
         this.nowPage = page
         this.resetList()
       },
       sayPrice: function (purchaseMan) {
+        let _this = this
+        for (let i = 0; i < this.purchaseManList.content.length; i++) {
+          _this.purchaseManList.content[i].active = false
+        }
         purchaseMan.active = true
       },
       cancelSayPrice: function (purchaseMan) {
@@ -161,7 +168,7 @@
             this.sayPriceObj.spId = purchaseMan.id
             this.sayPriceObj.currency = purchaseMan.currency
             this.$http.post('/seek/offer/saveOffer', this.sayPriceObj).then(response => {
-              this.$message.success('发布成功')
+              this.$message.success('报价成功')
               this.nowPage = 1
               this.resetSayPrice()
               this.resetList()
@@ -311,13 +318,13 @@
             width: 186px;
           }
           &:nth-child(2) {
-            width: 160px;
+            width: 106px;
           }
           &:nth-child(3) {
-            width: 173px;
+            width: 200px;
           }
           &:nth-child(4) {
-            width: 147px;
+            width: 174px;
           }
           &:nth-child(5) {
             width: 152px;
@@ -348,13 +355,13 @@
               width: 186px;
             }
             &:nth-child(2) {
-              width: 160px;
+              width: 106px;
             }
             &:nth-child(3) {
-              width: 173px;
+              width: 200px;
             }
             &:nth-child(4) {
-              width: 147px;
+              width: 174px;
             }
             &:nth-child(5) {
               width: 152px;
@@ -408,7 +415,9 @@
             justify-content: space-between;
             padding: 0 236px 0 36px;
             background: #fffbf0;
-            box-shadow: 1.5px 3px 7px 0 rgb( 178, 178, 179 );
+            height: 45px;
+            line-height: 45px;
+            color: #020202;
             div {
               display: inline-block;
               span {
@@ -417,6 +426,7 @@
             }
           }
           &:hover {
+            box-shadow: 1.5px 3px 7px 0 rgb( 178, 178, 179 );
             .expand-content {
               display: flex;
             }
@@ -429,6 +439,9 @@
               position: relative;
               height: 64px;
               line-height: 64px;
+              input {
+                border-radius: 3px;
+              }
               &:nth-child(1) {
                 width: 282px;
                 background: url('/images/applyPurchase/say-price.png')no-repeat;
@@ -530,6 +543,7 @@
           }
           &.active {
             border-color: #f71026;
+            box-shadow: none;
             .expand-content {
               display: flex;
               -webkit-box-shadow: none;

components/applyPurchase/PublishApply.vue

@@ -408,6 +408,8 @@
               }
             }
             td {
+              padding-bottom: 5px;
+              color: #666;
               &:nth-child(1) {
                 color: #f6682f;
                 font-size: 12px;

components/applyPurchase/index.js

@@ -1,4 +1,5 @@
 import ApplyInfo from './ApplyInfo.vue'
 import PublishApply from './PublishApply.vue'
+import ApplyFooter from './ApplyFooter.vue'
 
-export { ApplyInfo, PublishApply }
+export { ApplyInfo, PublishApply, ApplyFooter }

nuxt.config.js

@@ -1,6 +1,6 @@
 const path = require('path')
 const isProdMode = Object.is(process.env.NODE_ENV, 'production')
-const baseUrl = process.env.BASE_URL || (isProdMode ? 'http://10.10.100.107:8081/platform-b2c/' : 'http://192.168.253.158:8080/platform-b2c/')
+const baseUrl = process.env.BASE_URL || (isProdMode ? 'http://10.10.100.107:8081/platform-b2c/' : 'http://192.168.253.123:8080/platform-b2c/')
 
 module.exports = {
   router: {

pages/applyPurchase/index.vue

@@ -2,15 +2,17 @@
   <div>
     <publish-apply></publish-apply>
     <apply-info></apply-info>
+    <apply-footer></apply-footer>
   </div>
 </template>
 <script>
-  import { ApplyInfo, PublishApply } from '~components/applyPurchase'
+  import { ApplyInfo, PublishApply, ApplyFooter } from '~components/applyPurchase'
   export default {
     layout: 'main',
     components: {
       ApplyInfo,
-      PublishApply
+      PublishApply,
+      ApplyFooter
     },
     fetch ({store}) {
       return Promise.all([