商城商品搜索

pagesC/pages/shop/search.vue

@@ -6,23 +6,24 @@
 <view class="appCotent">
 <div class="myMoveCar">
     <div class="my__search">
-        <u-search placeholder="请输入商品" :showAction='false' bgColor='#ffffff' v-model="keyword"></u-search>
+        <u-search placeholder="请输入商品" :showAction='false' bgColor='#ffffff' v-model="keyword" @search="searchCommodity"></u-search>
     </div>
     <div class="list">
         <div class="list__item" v-for="(vo,inx) in items" :key="inx">
             <div class="list__img">
                 <!-- <image :src="vo.img" /> -->
+                <image :src="vo.mainImgUrl" style="width: 160rpx;height: 160rpx;"></image>
             </div>
             <div class="list__money">
                 <div class="money__title">
                     <text>{{vo.title}}</text>
                 </div>
                 <div class="code__tips">
-                    <text>{{vo.tip}}</text>
+                    <text>{{vo.spec}}</text>
                 </div>
                 <div class="money__num">
-                    <text class="num__one">¥{{vo.price2}}</text>
-                    <text class="num__two">¥{{vo.price2}}</text>
+                    <text class="num__one">¥{{vo.currentPrice/100}}</text>
+                    <text class="num__two">¥{{vo.originalPrice/100}}</text>
                 </div>
             </div>
         </div>
@@ -35,29 +36,8 @@
 export default {
     data() {
         return {
-            keyword: '临时挪车牌',
-               items: [{
-                    title: '临时停车牌-经典样式',
-                    tip: '静电贴材质 7.1cm*8.9cm',
-                    price: '0.00',
-                    price2: '19.99',
-                    img: require('@/static/index/get-car-code1.png')
-                },
-                {
-                    title: '临时停车牌-经典样式',
-                    tip: '静电贴材质 7.1cm*8.9cm',
-                    price: '0.00',
-                    price2: '19.99',
-                    img: require('@/static/index/get-car-code1.png')
-                },
-                {
-                    title: '临时停车牌-经典样式',
-                    tip: '静电贴材质 7.1cm*8.9cm',
-                    price: '0.00',
-                    price2: '19.99',
-                    img: require('@/static/index/get-car-code1.png')
-                }
-            ]
+            keyword: '',
+            items: [],
         };
     },
     methods: {
@@ -65,7 +45,20 @@ export default {
             uni.navigateTo({
                 url: '/pagesB/pages/move-car/moveCarDetail'
             })
-        }
+        },
+        searchCommodity(){
+            
+            let searchCondition = {
+                searchVal: this.keyword
+            }
+            console.log(searchCondition)
+            let opts = { url: '/app/mall/list', method: 'get' };
+            this.http.httpTokenRequest(opts, searchCondition).then(res => {
+                if(res.data.code == 200){
+                    this.items = res.data.data.rows
+                }
+            })
+        },
     },
 }
 </script>