From ca249764137a02be1555d23f6cc2369bbd56b7d4 Mon Sep 17 00:00:00 2001
From: Apple <>
Date: Sat, 8 Oct 2022 14:51:07 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E6=90=9C=E7=B4=A2=E6=A0=8F=E7=9B=AE)?=
 =?UTF-8?q?=EF=BC=9A=E6=94=AF=E6=8C=81=E6=A8=A1=E7=B3=8A=E6=9F=A5=E8=AF=A2?=
 =?UTF-8?q?key=E7=A0=81=E4=B8=AD=E5=95=86=E5=93=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 v1_5_0_C/couponCollection.html | 24 +++++-----
 v1_5_0_C/searchPage.html       | 87 ++++++++++++++++++++++++++++++++++
 2 files changed, 99 insertions(+), 12 deletions(-)
 create mode 100644 v1_5_0_C/searchPage.html
diff --git a/v1_5_0_C/couponCollection.html b/v1_5_0_C/couponCollection.html
index a0b13d0..8e09327 100644
--- a/v1_5_0_C/couponCollection.html
+++ b/v1_5_0_C/couponCollection.html
@@ -1,27 +1,21 @@
 <!DOCTYPE html>
 <html>
-
 <head>
     <meta charset="utf-8">
-    <meta name="viewport"
-        content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,viewport-fit=cover">
-    <title>商品页</title>
-    <script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/common/vue.min.js?v=1367936144322" type="text/javascript"
-        charset="utf-8"></script>
-    <script type="text/javascript" src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/common/axios.js?v=1367936144322">
-    </script>
+    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,viewport-fit=cover">
+    <title>商品列表页</title>
+    <script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/common/vue.min.js?v=1367936144322" type="text/javascript" charset="utf-8"></script>
+    <script type="text/javascript" src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/common/axios.js?v=1367936144322"></script>
     <script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/siteqiexchange/js/swiper.min.js"></script>
     <link href="https://lsxdemall.oss-cn-beijing.aliyuncs.com/siteqiexchange/css/swiper.min.css" rel="stylesheet">
     <link rel="stylesheet" href="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/css/loading.css">
     <script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/js/loading.js"></script>
     <script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/js/api2_0.js"></script>
-    <link rel="stylesheet"
-        href="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/css/couponCollection.css">
+    <link rel="stylesheet" href="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/css/couponCollection.css">
     <link rel="stylesheet" href="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/css/tabbar.css">
     <script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/js/modelPop.js"></script>
     <script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/js/tabbar.js"></script>
 </head>
-
 <body>
     <div id="homepage" :style="{background:
         (viewConfig.backgroundImg.iswitch&&viewConfig.backgroundImg.bgImg?
@@ -44,7 +38,7 @@
                     <img class="backpresty" @click="backHandler" v-if="goodsShow&&!isKey"
                         src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/backprepageBtn.png"
                         alt="">
-                    <div class="search-box" v-if="viewConfig.search.iswitch==='1'">
+                    <div class="search-box" v-if="viewConfig.search.iswitch==='1'"  @click="searchFn">
                         <input type="text" class="search" :style="{
                             color:viewConfig.search.fontColor,
                             textAlign:viewConfig.search.textAlign,
@@ -400,6 +394,7 @@
                     }
                     goodsArr.sort(objectArraySort('weight'))
                     self.swiperDataList = goodsArr;
+                    sessionStorage.setItem('goodsCollection',JSON.stringify(goodsArr));
                     self.goodsShow = goodsArr.length > 1;
                     sessionStorage.setItem('goodsCount', goodsArr.length);
                     if (goodsArr && goodsArr.length == 1 && goodsArr[0].available == 1) {
@@ -436,6 +431,7 @@
                     req.axiosPost('/key/products', data).then(res => {
                         if (res.code == 200) {
                             self.swiperDataList = res.data;
+                            sessionStorage.setItem('goodsCollection', JSON.stringify(res.data));
                             sessionStorage.setItem('goodsCount', res.data.length);
                             self.goodsShow = res.data.length > 1;
                             if (res.data && res.data.length == 1) {//单个商品直接进入详情页面
@@ -526,6 +522,10 @@
                 if (this.viewConfig.jumpType === '1') {
                     window.location.href = this.viewConfig.jumpUrl
                 }
+            },
+            //搜索
+            searchFn(){
+                window.location.href = './searchPage.html'
             }
         }
     })
diff --git a/v1_5_0_C/searchPage.html b/v1_5_0_C/searchPage.html
new file mode 100644
index 0000000..acbdea2
--- /dev/null
+++ b/v1_5_0_C/searchPage.html
@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport"
+        content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,viewport-fit=cover">
+    <title>权益兑换页</title>
+    <script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/common/vue.min.js?v=1367936144322" type="text/javascript"
+        charset="utf-8"></script>
+    <link rel="stylesheet" href="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/css/searchPage.css">
+</head>
+
+<body>
+    <div id="searchPage">
+        <div class="search">
+            <div class="search-ipt">
+                <img src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/search.png" alt="" class="search-icon">
+                <input type="text" class="ipt" v-model="wordSearch" placeholder="请输入关键字搜索" maxlength="12" ref="ipt">
+                <img src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/cance.png" alt="" class="close-icon" @click="clearFn">
+            </div>
+            <span class="cancel" @click="history.go(-1)">取消</span>
+        </div>
+        <h4>搜索结果</h4>
+        <ul class="search-result" v-if="searchResult.length>0">
+            <li v-for="(item,index) in searchResult" :class="item.stock&&item.stock<0||item.available!=1&&item.available!=2?'changegray':''" @click="exchangeBtn(item)">
+                <img  :src="item.type==1?item.entity.show_url:(item.entity.channel==1?'https://lsxdemall.oss-cn-beijing.aliyuncs.com/commonproductlogo/zfbreduce.png':'https://lsxdemall.oss-cn-beijing.aliyuncs.com/commonproductlogo/wxreduce.png')" alt="" class="good-pic">
+                <span>{{item.type==1?item.entity.product_name:item.entity.batch_goods_name}}</span>
+                <img src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/next.png" alt="" class="next-icon">
+            </li>
+        </ul>
+        <img src="http://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/saleNull.png" alt="" class="empty-record" v-else>
+    </div>
+</body>
+<script>
+    let goodsCollection=[];
+    new Vue({
+        el: '#searchPage',
+        data () {
+            return {
+                wordSearch:'',
+                searchResult:[]
+            }
+        },
+        created () {
+            goodsCollection=JSON.parse(sessionStorage.getItem('goodsCollection'));
+            this.searchResult=goodsCollection;
+        },
+        mounted () {
+            this.$refs.ipt.focus()
+        },
+        methods: {
+            clearFn(){
+                this.wordSearch='';
+            },
+            exchangeBtn (row) {
+                let gstatus = row.available;
+                if (gstatus == 1) {
+                    // 跳转商品详情页面
+                    if (this.showType == 1) { //白名单
+                        sessionStorage.setItem('token', row.token);
+                        sessionStorage.setItem('key', row.key);
+                    }
+                    sessionStorage.setItem('goodsInfo', JSON.stringify(row));
+                    //type :1  兑换码   2:立减金
+                    window.location.replace("./exchange.html");
+                }
+            },
+        },
+        watch: {
+            wordSearch(val){
+                let filterGoods=[];
+                goodsCollection.forEach(item=>{
+                    if(item.type==1){ //1兑换码  2立减金
+                        if(item.entity.product_name.includes(val))  filterGoods.push(item);
+                    }
+                    if(item.type==2){ //1兑换码  2立减金
+                        if(item.entity.batch_goods_name.includes(val))  filterGoods.push(item);
+                    }
+                });
+               this.searchResult=filterGoods;
+            }
+        }
+    });
+</script>
+
+</html>
\ No newline at end of file
