求购列表搜索

components/applyPurchase/ApplyInfo.vue

@@ -4,9 +4,8 @@
       <p>最新求购信息</p>
       <span>海量求购，一网打尽</span>
       <div>
-        <input type="text" class="form-control" placeholder="请输入要查找的内容" />
-        <span>查询</span>
-        <a>展开筛选</a>
+        <input type="text" class="form-control" v-model="keyWord" @keyup.13="searchList" placeholder="请输入要查找的内容" />
+        <span @click="searchList">查询</span>
       </div>
     </div>
     <div class="apply-info-list">
@@ -22,7 +21,7 @@
       <ul>
         <li v-for="purchaseMan in purchaseManList.content" :class="{'active': purchaseMan.active}">
           <span>{{purchaseMan.releaseDate | date}}</span>
-          <span>{{purchaseMan.tel | phone}}</span>
+          <span>{{purchaseMan.userName}}</span>
           <span>{{purchaseMan.code}}</span>
           <span>{{purchaseMan.brand}}</span>
           <span class="date-content"><span>剩余&nbsp;</span><span v-text="getDay(purchaseMan.deadline - purchaseMan.releaseDate)"></span>&nbsp;天&nbsp;<span v-text="getHours(purchaseMan.deadline - purchaseMan.releaseDate)"></span>&nbsp;小时</span>
@@ -49,10 +48,11 @@
             <div>报价</div>
             <div>
               <i>*</i>单价
-              <select v-model="sayPriceObj.currency">
+             <!-- <select v-model="sayPriceObj.currency">
                 <option value="RMB">￥</option>
                 <option value="USD">$</option>
-              </select>
+              </select>-->
+              <div v-text="purchaseMan.currency == 'RMB' ? '￥' : '$'"></div>
               <input type="text" v-model="sayPriceObj.unitPrice" class="form-control">
             </div>
             <div>
@@ -88,7 +88,8 @@
           maxDay: '',
           produceDate: '',
           spId: ''
-        }
+        },
+        keyWord: ''
       }
     },
     components: {
@@ -138,6 +139,7 @@
         let valid = this.sayPriceObj.currency && this.sayPriceObj.unitPrice && this.sayPriceObj.minDay && this.sayPriceObj.maxDay
         if (valid) {
           this.sayPriceObj.spId = purchaseMan.id
+          this.sayPriceObj.currency = purchaseMan.currency
           this.$http.post('/seek/offer/saveOffer', this.sayPriceObj).then(response => {
             this.$message.success('发布成功')
             this.nowPage = 1
@@ -152,7 +154,7 @@
         }
       },
       resetList: function () {
-        this.$store.dispatch('applyPurchase/loadPurchaseManList', {page: this.nowPage, count: this.pageSize})
+        this.$store.dispatch('applyPurchase/loadPurchaseManList', {page: this.nowPage, count: this.pageSize, keyWord: this.keyWord})
       },
       resetSayPrice: function () {
         this.sayPriceObj = {
@@ -183,6 +185,9 @@
         } else if (this.sayPriceObj.maxDay < 0) {
           this.sayPriceObj.maxDay = 0
         }
+      },
+      searchList: function () {
+        this.resetList()
       }
     }
   }
@@ -398,7 +403,7 @@
                   height: 26px;
                   border: 1px solid #5392f9;
                 }
-                select {
+                /*select {
                   position: absolute;
                   top: 19px;
                   width: 32px;
@@ -421,6 +426,27 @@
                   & + input {
                     padding-left: 34px;
                   }
+                }*/
+                div {
+                  position: absolute;
+                  top: 19px;
+                  left: 38px;
+                  width: 32px;
+                  height: 26px;
+                  line-height: 26px;
+                  text-align: center;
+                  border: {
+                    left: none;
+                    top: none;
+                    bottom: none;
+                    right: 1px solid #5392f9;
+                    bottom-left-radius: 4px;
+                    top-left-radius: 4px;
+                  }
+                  color: #5392f9;
+                  & + input {
+                    padding-left: 34px;
+                  }
                 }
               }
               &:nth-child(3) {