From 60c76fbd1cac1502998814d6644fea6727c2aeda Mon Sep 17 00:00:00 2001
From: wangsongsole <wangsongsole@126.com>
Date: Wed, 12 Oct 2022 14:08:25 +0800
Subject: [PATCH] =?UTF-8?q?style=EF=BC=9A=E6=9B=B4=E6=94=B9=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6=E5=90=8D=E7=A7=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                              |  2 +-
 coupon/couponCollection.html           |  6 +--
 coupon/{exchange.html => details.html} |  2 +-
 coupon/searchPage.html                 | 51 +++++++++++++++-----------
 4 files changed, 34 insertions(+), 27 deletions(-)
 rename coupon/{exchange.html => details.html} (99%)

diff --git a/README.md b/README.md
index d72ee46..c726341 100644
--- a/README.md
+++ b/README.md
@@ -14,7 +14,7 @@ exchange.html   兑换页面
 
 优惠券新增5个文件
 1、couponCollection.html 优惠券商品页面
-2、exchange.html 优惠券商品详情页面
+2、details.html 优惠券商品详情页面
 3、myCoupon.html 我的券页面
 4、myOrder.html 我的订单页
 5、searchPage.html 商品页搜索组件
diff --git a/coupon/couponCollection.html b/coupon/couponCollection.html
index 9d97a7b..9755600 100644
--- a/coupon/couponCollection.html
+++ b/coupon/couponCollection.html
@@ -409,7 +409,7 @@
                         localStorage.setItem('goodsInfo', JSON.stringify(goodsArr[0]));
                         localStorage.setItem('key', goodsArr[0].key);
                         localStorage.setItem('token', goodsArr[0].token);
-                        window.location.replace(goodsArr[0].type == 1 ? "./exchange.html" : "../index.html?id=" + localStorage.getItem('linkId'));
+                        window.location.replace(goodsArr[0].type == 1 ? "./details.html" : "../index.html?id=" + localStorage.getItem('linkId'));
                         return false;
                     } else if (goodsArr && goodsArr.length >= 1) {
                         self.goodsNum = true;
@@ -444,7 +444,7 @@
                             self.goodsShow = res.data.length > 1;
                             if (res.data && res.data.length == 1) {//单个商品直接进入详情页面
                                 localStorage.setItem('goodsInfo', JSON.stringify(res.data[0]));
-                                window.location.replace(res.data[0].type == 1 ? "./exchange.html" : "./reduce.html");
+                                window.location.replace("./details.html");
                                 return false;
                             } else if (res.data && res.data.length >= 1) {
                                 self.goodsNum = true;
@@ -503,7 +503,7 @@
                     }
                     localStorage.setItem('goodsInfo', JSON.stringify(row));
                     //type :1  兑换码   2:立减金
-                    window.location.replace("./exchange.html");
+                    window.location.replace("./details.html");
                 } else {
                     this.popTitle = '温馨提示'
                     this.popText = product_status(gstatus, row)
diff --git a/coupon/exchange.html b/coupon/details.html
similarity index 99%
rename from coupon/exchange.html
rename to coupon/details.html
index 1c9c2a7..20bf2bc 100644
--- a/coupon/exchange.html
+++ b/coupon/details.html
@@ -12,7 +12,7 @@
     </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/exchange.css">
+    <link rel="stylesheet" href="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/css/details.css">
     <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/payPop.css">
     <script src="https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/js/payPop.js"></script>
diff --git a/coupon/searchPage.html b/coupon/searchPage.html
index a6b1d14..c85708e 100644
--- a/coupon/searchPage.html
+++ b/coupon/searchPage.html
@@ -15,43 +15,50 @@
     <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">
+                <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">
+                <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">
+            <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">
+                <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>
+        <img src="http://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/saleNull.png" alt=""
+            class="empty-record" v-else>
     </div>
 </body>
 <script>
-    let goodsCollection=[];
+    let goodsCollection = [];
     new Vue({
         el: '#searchPage',
         data () {
             return {
-                wordSearch:'',
-                searchResult:[]
+                wordSearch: '',
+                searchResult: []
             }
         },
         created () {
-            goodsCollection=JSON.parse(localStorage.getItem('goodsCollection'));
-            this.searchResult=goodsCollection;
+            goodsCollection = JSON.parse(localStorage.getItem('goodsCollection'));
+            this.searchResult = goodsCollection;
         },
         mounted () {
             this.$refs.ipt.focus()
         },
         methods: {
-            clearFn(){
-                this.wordSearch='';
+            clearFn () {
+                this.wordSearch = '';
             },
             exchangeBtn (row) {
                 let gstatus = row.available;
@@ -63,22 +70,22 @@
                     }
                     localStorage.setItem('goodsInfo', JSON.stringify(row));
                     //type :1  兑换码   2:立减金
-                    window.location.replace("./exchange.html");
+                    window.location.replace("./details.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);
+            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);
+                    if (item.type == 2) { //1兑换码  2立减金
+                        if (item.entity.batch_goods_name.includes(val)) filterGoods.push(item);
                     }
                 });
-               this.searchResult=filterGoods;
+                this.searchResult = filterGoods;
             }
         }
     });