From 9e4ca15f5d8adfd1d542b5578156c5c7879dd9fc Mon Sep 17 00:00:00 2001
From: "952108534@qq.com" <952108534@qq.com>
Date: Tue, 18 Jan 2022 22:21:47 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=94=B9=E6=A0=B7=E5=BC=8F=E5=92=8C?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/productdetails/productlist.vue      | 181 +++++++++---------
 rc-busness/pages/usersearch/search.vue        | 121 ++++++------
 2 files changed, 142 insertions(+), 160 deletions(-)

diff --git a/rc-busness/pages/productdetails/productlist.vue b/rc-busness/pages/productdetails/productlist.vue
index 46c7d047..34fbc003 100644
--- a/rc-busness/pages/productdetails/productlist.vue
+++ b/rc-busness/pages/productdetails/productlist.vue
@@ -1,9 +1,8 @@
 <template>
   <div>
- <transition name="fade">
-       <div class="userloding" v-show="isLoading"></div>
-            
-            </transition>
+    <transition name="fade">
+      <div class="userloding" v-show="isLoading"></div>
+    </transition>
 
     <Myheader></Myheader>
     <div class="rc-top"></div>
@@ -112,7 +111,7 @@
               <div class="rc-column">
                 <div class="rc-click" @click="selectproduce(item)">
                   <span>{{ item.categoryName }}</span>
-                  <i>0.001{{ item.price }}</i>
+                  <i>￥{{ item.ecPrice }}</i>
                 </div>
                 <strong
                   class="
@@ -314,22 +313,23 @@ export default {
   data() {
     return {
       value: "",
-       isLoading: true,
+      isLoading: true,
       userstype: [],
       activeIndex: "0",
-      allacindex:0,
+      allacindex: 0,
       userishwo: true,
       userishwo1: true,
       userishwo2: true,
       userishwo3: true,
-       userishwo4: true,
- userserachlist: [{
-         categoryName:'', //专区
-              tagUsedAge:'',//年龄
-              tagFunction:'',//功能
-              tagBreed:'', //品种
-
-      }],
+      userishwo4: true,
+      userserachlist: [
+        {
+          categoryName: "", //专区
+          tagUsedAge: "", //年龄
+          tagFunction: "", //功能
+          tagBreed: "", //品种
+        },
+      ],
       activeIndex1: 0,
       activeIndexa: "-1",
       dialogInfo1: false,
@@ -512,21 +512,19 @@ export default {
     this.activeIndex = stype;
     if (stype !== "" && stype !== undefined) {
       this.onmessage(stype);
-     
     } else {
       this.usetmessage();
     }
-  
   },
   methods: {
-    async usersearch(stype,usertype) {
-      let data = await searchchanpin(stype,usertype,1,10);
+    async usersearch(stype, usertype) {
+      let data = await searchchanpin(stype, usertype, 1, 10);
       if (data) {
         this.rccontair = data;
       }
     },
     async userst() {
-        this.isLoading = true;
+      this.isLoading = true;
       let pinzhong = [];
       let zhuanqu = [];
       let age = [];
@@ -534,59 +532,58 @@ export default {
       let data = await userstype();
       if (data) {
         this.userstype = data;
-            this.isLoading = false;
+        this.isLoading = false;
       }
       this.usercatlist = this.userstype.filter((item) => item.petType == "0");
       this.usercatlist.map((element) => {
         if (element.name == "品种") {
           pinzhong.push(element);
           this.catageb = pinzhong;
-             this.catageb.forEach(element => {
-              element.checked=false;
-          })
+          this.catageb.forEach((element) => {
+            element.checked = false;
+          });
         }
         if (element.name == "功能") {
           gonneg.push(element);
           this.catagea = gonneg;
-           this.catagea.forEach(element => {
-              element.checked=false;
-          })
+          this.catagea.forEach((element) => {
+            element.checked = false;
+          });
         }
         if (element.name == "年龄") {
           age.push(element);
           this.catage = age;
-             this.catage.forEach(element => {
-              element.checked=false;
-          })
+          this.catage.forEach((element) => {
+            element.checked = false;
+          });
         }
         if (element.name == "专区") {
           zhuanqu.push(element);
           this.prefecture = zhuanqu;
-          this.prefecture.forEach(element => {
-              element.checked=false;
-          })
-         
+          this.prefecture.forEach((element) => {
+            element.checked = false;
+          });
         }
-          console.log(pinzhong);
-          //  debugger
+        console.log(pinzhong);
+        //  debugger
       });
       this.userdoglisgt = this.userstype.filter((item) => item.petType == "1");
     },
 
     async usetmessage() {
-          this.isLoading = true;
-      let data = await biaome(this.activeIndex1,'', 1, 10);
+      this.isLoading = true;
+      let data = await biaome(this.activeIndex1, "", 1, 10);
       if (data) {
         this.rccontair = data;
-         this.isLoading = false;
+        this.isLoading = false;
       }
     },
     async onmessage(stype) {
-        this.isLoading = true;
-      let data = await biaomessage(stype,'',1,10);
+      this.isLoading = true;
+      let data = await biaomessage(stype, "", 1, 10);
       if (data) {
         this.rccontair = data;
-          this.isLoading = false;
+        this.isLoading = false;
       }
     },
 
@@ -634,18 +631,18 @@ export default {
       ) {
         console.log("当前是电脑打开");
         this.$nextTick(() => {
-          this.isadrond = false;
-          this.dialogInfo1 = true;
-          this.isadrond = false;
-          this.isshow = false;
+        this.isadrond = false;
+        this.dialogInfo1 = true;
+        this.isadrond = false;
+        this.isshow = false;
         });
       } else {
         console.log("当前是手机打开");
         this.$nextTick(() => {
-          this.isadrond = true;
-          this.isshow = true;
-          this.$refs.usercontent.style.display = "none  ";
-          this.dialogInfo1 = false;
+        this.isadrond = true;
+        this.isshow = true;
+        this.$refs.usercontent.style.display = "none  ";
+        this.dialogInfo1 = false;
         });
       }
     },
@@ -653,24 +650,23 @@ export default {
     selectGoods(item, index) {
       this.activeIndex1 = index;
       this.activeIndex = index;
-      this.allacindex=index;
-   this.usersearch(this.userserachlist,this.activeIndex1);
-
+      this.allacindex = index;
+      this.usersearch(this.userserachlist, this.activeIndex1);
 
       // for (let i = 0; i < this.userserachlist.length; i++) {
       //   if (!this.userserachlist.includes(petType)) {
       //     this.userserachlist.push(petType);
       //   }
       // }
-      this.userserachlist=[
+      this.userserachlist = [
         {
-           categoryName:'', //专区
-              tagUsedAge:'',//年龄
-              tagFunction:'',//功能
-              tagBreed:'', //品种
-        }
-      ]
-         let pinzhong = [];
+          categoryName: "", //专区
+          tagUsedAge: "", //年龄
+          tagFunction: "", //功能
+          tagBreed: "", //品种
+        },
+      ];
+      let pinzhong = [];
       let zhuanqu = [];
       let age = [];
       let gonneg = [];
@@ -678,23 +674,19 @@ export default {
         this.usercatlist.map((element) => {
           if (element.name == "品种") {
             pinzhong.push(element);
-         
             this.catageb = pinzhong;
           }
           if (element.name == "功能") {
             gonneg.push(element);
             this.catagea = gonneg;
-         
           }
           if (element.name == "年龄") {
             age.push(element);
             this.catage = age;
-          
           }
           if (element.name == "专区") {
             zhuanqu.push(element);
             this.prefecture = zhuanqu;
-          
           }
         });
       } else if (this.activeIndex1 == 1) {
@@ -702,28 +694,28 @@ export default {
           if (element.name == "品种") {
             pinzhong.push(element);
             this.catageb = pinzhong;
-           this.catageb.forEach((element) => {
+            this.catageb.forEach((element) => {
               element.checked = false;
             });
           }
           if (element.name == "功能") {
             gonneg.push(element);
             this.catagea = gonneg;
-         this.catagea.forEach((element) => {
+            this.catagea.forEach((element) => {
               element.checked = false;
             });
           }
           if (element.name == "年龄") {
             age.push(element);
             this.catage = age;
-          this.catage.forEach((element) => {
+            this.catage.forEach((element) => {
               element.checked = false;
             });
           }
           if (element.name == "专区") {
             zhuanqu.push(element);
             this.prefecture = zhuanqu;
-               this.prefecture.forEach((element) => {
+            this.prefecture.forEach((element) => {
               element.checked = false;
             });
           }
@@ -731,7 +723,6 @@ export default {
       }
 
       this.activeIndex = index;
-
     },
     selectGoodsa(item, index) {
       this.activeIndex1 = index;
@@ -757,35 +748,35 @@ export default {
       this.activeIndexc = index;
       this.userishwo1 = !this.userishwo1;
       console.log(this.userishwo1);
-          if(item.checked==false){
-      item.checked = true;
-        this.userserachlist[0].tagUsedAge=item.tagName;
+      if (item.checked == false) {
+        item.checked = true;
+        this.userserachlist[0].tagUsedAge = item.tagName;
         this.$refs.chosebox1[index].className = "active";
-      }else{
-      this.userserachlist[0].tagUsedAge='';
+      } else {
+        this.userserachlist[0].tagUsedAge = "";
         item.checked = false;
         this.$refs.chosebox1[index].className = "unactive";
       }
-   
+
       // for (let i = 0; i < this.userserachlist.length; i++) {
       //   if (!this.userserachlist.includes(tagUsedAge)) {
       //     this.userserachlist.push(tagUsedAge);
       //   }
       // }
-      this.usersearch(this.userserachlist,this.activeIndex1);
+      this.usersearch(this.userserachlist, this.activeIndex1);
     },
     selectagc(item, index) {
       // let tagFunction = {};
       this.activeIndexd = index;
       this.userishwo2 = !this.userishwo2;
-            if(item.checked==false){
+      if (item.checked == false) {
         item.checked = true;
         this.$refs.cgosebox4[index].className = "active";
-         this.userserachlist[0].tagFunction=item.tagName;
-      }else{
-      item.checked = false;
+        this.userserachlist[0].tagFunction = item.tagName;
+      } else {
+        item.checked = false;
         this.$refs.cgosebox4[index].className = "unactive";
-         this.userserachlist[0].tagFunction='';
+        this.userserachlist[0].tagFunction = "";
       }
       // if (this.userishwo2 == false) {
       //   tagFunction = {
@@ -803,20 +794,20 @@ export default {
       //     this.userserachlist.push(tagFunction);
       //   }
       // }
-      this.usersearch(this.userserachlist,this.activeIndex1);
+      this.usersearch(this.userserachlist, this.activeIndex1);
     },
     selectagd(item, index) {
       let tagBreed = {};
       this.activeIndexe = index;
       this.userishwo3 = !this.userishwo3;
-         if(item.checked==false){
+      if (item.checked == false) {
         item.checked = true;
         this.$refs.chosebox3[index].className = "active";
-         this.userserachlist[0].tagBreed=item.tagName;
-      }else{
+        this.userserachlist[0].tagBreed = item.tagName;
+      } else {
         item.checked = false;
         this.$refs.chosebox3[index].className = "unactive";
-         this.userserachlist[0].tagBreed='';
+        this.userserachlist[0].tagBreed = "";
       }
 
       // this.$refs.chosebox3[index].className = "unactive";
@@ -825,19 +816,19 @@ export default {
       //     this.userserachlist.push(tagBreed);
       //   }
       // }
-      this.usersearch(this.userserachlist,this.activeIndex1);
+      this.usersearch(this.userserachlist, this.activeIndex1);
     },
     selectproduct(item, index) {
-            this.activeIndexb = index;
+      this.activeIndexb = index;
       //  console.log(this.userishwo=!this.userishwo)
-      if(item.checked==false){
+      if (item.checked == false) {
         item.checked = true;
         this.$refs.chosebox[index].className = "active";
-        this.userserachlist[0].categoryName=item.tagName;
-      }else{
-       item.checked = false;
+        this.userserachlist[0].categoryName = item.tagName;
+      } else {
+        item.checked = false;
         this.$refs.chosebox[index].className = "unactive";
-         this.userserachlist[0].categoryName='';
+        this.userserachlist[0].categoryName = "";
       }
       // if (this.userishwo == false) {
       //   console.log("====");
@@ -857,7 +848,7 @@ export default {
       //   }
       // }
 
-      this.usersearch(this.userserachlist,this.activeIndex1);
+      this.usersearch(this.userserachlist, this.activeIndex1);
     },
 
     //弹框的显示隐藏
diff --git a/rc-busness/pages/usersearch/search.vue b/rc-busness/pages/usersearch/search.vue
index 51aa7612..8091d6c6 100644
--- a/rc-busness/pages/usersearch/search.vue
+++ b/rc-busness/pages/usersearch/search.vue
@@ -20,9 +20,9 @@
               <div @click="onSearch" class="rc-search">搜索</div>
             </template>
           </van-search>
-                 <div class="ts-stand">
-                  <span @click="onSearch" class="ts-standard-btn">搜索</span>
-                </div>
+          <div class="ts-stand">
+            <span @click="onSearch" class="ts-standard-btn">搜索</span>
+          </div>
         </div>
         <div class="rc-max-width--xl rc-title">
           <h2>热门搜索</h2>
@@ -120,7 +120,7 @@
               <div class="rc-column">
                 <div class="rc-click" @click="selectproduce(item)">
                   <span>{{ item.categoryName }}</span>
-                  <i>0.001{{ item.price }}</i>
+                  <i>￥{{ item.ecPrice }}</i>
                 </div>
                 <strong
                   class="
@@ -168,7 +168,7 @@
                   <li
                     v-for="(item, index) in prefecture"
                     :key="index"
-                      ref="chosebox"
+                    ref="chosebox"
                     @click="selectproduct(item, index)"
                     :class="item.checked ? 'active' : 'unactive'"
                   >
@@ -199,7 +199,7 @@
                     ref="cgosebox4"
                     :key="index"
                     @click="selectagc(item, index)"
-                   :class="item.checked ? 'active' : 'unactive'"
+                    :class="item.checked ? 'active' : 'unactive'"
                   >
                     {{ item.tagName }}
                   </li>
@@ -219,14 +219,13 @@
                   </li>
                 </ol>
               </div>
-                 <div class="rc-button">
-          <span @click="openclose()">取消</span>
-          <em @click="openclose()">确认</em>
-        </div>
+              <div class="rc-button">
+                <span @click="openclose()">取消</span>
+                <em @click="openclose()">确认</em>
+              </div>
             </div>
           </div>
         </div>
-      
       </div>
       <el-dialog :visible.sync="dialogInfo1" hegight="700px" v-if="!isadrond">
         <div class="usersearch">
@@ -325,13 +324,14 @@ export default {
       value: "",
       isLoading: true,
 
-      userserachlist: [{
-         categoryName:'', //专区
-              tagUsedAge:'',//年龄
-              tagFunction:'',//功能
-              tagBreed:'', //品种
-
-      }],
+      userserachlist: [
+        {
+          categoryName: "", //专区
+          tagUsedAge: "", //年龄
+          tagFunction: "", //功能
+          tagBreed: "", //品种
+        },
+      ],
       userstype: [],
       activeIndex: "-1",
       activeIndex1: 0,
@@ -573,8 +573,8 @@ export default {
       }
     },
 
-    async usersearch(stype,usertype) {
-      let data = await searchchanpin(stype,usertype,1,10);
+    async usersearch(stype, usertype) {
+      let data = await searchchanpin(stype, usertype, 1, 10);
       if (data) {
         this.rccontair = data;
       }
@@ -595,30 +595,30 @@ export default {
         if (element.name == "品种") {
           pinzhong.push(element);
           this.catageb = pinzhong;
-               this.catageb.forEach((element) => {
-              element.checked = false;
-            });
+          this.catageb.forEach((element) => {
+            element.checked = false;
+          });
         }
         if (element.name == "功能") {
           gonneg.push(element);
           this.catagea = gonneg;
-               this.catagea.forEach((element) => {
-              element.checked = false;
-            });
+          this.catagea.forEach((element) => {
+            element.checked = false;
+          });
         }
         if (element.name == "年龄") {
           age.push(element);
           this.catage = age;
-             this.catage.forEach((element) => {
-              element.checked = false;
-            });
+          this.catage.forEach((element) => {
+            element.checked = false;
+          });
         }
         if (element.name == "专区") {
           zhuanqu.push(element);
           this.prefecture = zhuanqu;
-             this.prefecture.forEach((element) => {
-              element.checked = false;
-            });
+          this.prefecture.forEach((element) => {
+            element.checked = false;
+          });
         }
       });
 
@@ -630,7 +630,7 @@ export default {
       this.$nextTick(() => {
         this.$refs.userstandard[0].style.margin = 0 + "px";
       });
-      let data = await biaome(this.activeIndex1,this.value, 1, 10);
+      let data = await biaome(this.activeIndex1, this.value, 1, 10);
       if (data) {
         this.rccontair = data;
         this.isLoading = false;
@@ -658,7 +658,7 @@ export default {
     },
     openclose() {
       this.dialogInfo1 = false;
-      this.isshow=false
+      this.isshow = false;
     },
     ifadroind() {
       var sUserAgent = navigator.userAgent.toLowerCase();
@@ -702,11 +702,11 @@ export default {
     },
     //搜索
     onSearch(e) {
-      this.usetmessage(this.activeIndex1,this.value,);
+      this.usetmessage(this.activeIndex1, this.value);
     },
     selectGoods(item, index) {
       this.activeIndex1 = index;
-      this.usersearch(this.userserachlist,this.activeIndex1);
+      this.usersearch(this.userserachlist, this.activeIndex1);
       let pinzhong = [];
       let zhuanqu = [];
       let age = [];
@@ -715,24 +715,20 @@ export default {
         this.usercatlist.map((element) => {
           if (element.name == "品种") {
             pinzhong.push(element);
-          
+
             this.catageb = pinzhong;
-            
           }
           if (element.name == "功能") {
             gonneg.push(element);
             this.catagea = gonneg;
-         
           }
           if (element.name == "年龄") {
             age.push(element);
             this.catage = age;
-          
           }
           if (element.name == "专区") {
             zhuanqu.push(element);
             this.prefecture = zhuanqu;
-          
           }
         });
       } else if (this.activeIndex1 == 1) {
@@ -740,34 +736,30 @@ export default {
           if (element.name == "品种") {
             pinzhong.push(element);
             this.catageb = pinzhong;
-                this.catageb.forEach((element) => {
+            this.catageb.forEach((element) => {
               element.checked = false;
             });
-      
           }
           if (element.name == "功能") {
             gonneg.push(element);
             this.catagea = gonneg;
-             this.catagea.forEach((element) => {
+            this.catagea.forEach((element) => {
               element.checked = false;
             });
-      
           }
-          if (element.name == "年龄") { 
+          if (element.name == "年龄") {
             age.push(element);
             this.catage = age;
-              this.catage.forEach((element) => {
+            this.catage.forEach((element) => {
               element.checked = false;
             });
-        
           }
           if (element.name == "专区") {
             zhuanqu.push(element);
             this.prefecture = zhuanqu;
-               this.prefecture.forEach((element) => {
+            this.prefecture.forEach((element) => {
               element.checked = false;
             });
-        
           }
         });
       }
@@ -845,10 +837,10 @@ export default {
       // this.userishwo1 = !this.userishwo1;
       if (item.checked == false) {
         item.checked = true;
-        this.userserachlist[0].tagUsedAge=item.tagName;
+        this.userserachlist[0].tagUsedAge = item.tagName;
         this.$refs.chosebox1[index].className = "active";
       } else {
-        this.userserachlist[0].tagUsedAge='';
+        this.userserachlist[0].tagUsedAge = "";
         item.checked = false;
         this.$refs.chosebox1[index].className = "unactive";
       }
@@ -867,7 +859,7 @@ export default {
       //     this.userserachlist.push(tagUsedAge);
       //   }
       // }
-      this.usersearch(this.userserachlist,this.activeIndex1);
+      this.usersearch(this.userserachlist, this.activeIndex1);
       this.activeIndexc = index;
     },
     selectagc(item, index) {
@@ -875,14 +867,14 @@ export default {
       //   petType: this.activeIndex1,
       //   tagFunction: item.tagName,
       // };
-            if (item.checked == false) {
+      if (item.checked == false) {
         item.checked = true;
         this.$refs.cgosebox4[index].className = "active";
-         this.userserachlist[0].tagFunction=item.tagName;
+        this.userserachlist[0].tagFunction = item.tagName;
       } else {
         item.checked = false;
         this.$refs.cgosebox4[index].className = "unactive";
-         this.userserachlist[0].tagFunction='';
+        this.userserachlist[0].tagFunction = "";
       }
 
       // for (let i = 0; i < this.userserachlist.length; i++) {
@@ -890,7 +882,7 @@ export default {
       //     this.userserachlist.push(tagFunction);
       //   }
       // }
-      this.usersearch(this.userserachlist,this.activeIndex1);
+      this.usersearch(this.userserachlist, this.activeIndex1);
       this.activeIndexd = index;
     },
     selectagd(item, index) {
@@ -898,11 +890,11 @@ export default {
       if (item.checked == false) {
         item.checked = true;
         this.$refs.chosebox3[index].className = "active";
-         this.userserachlist[0].tagBreed=item.tagName;
+        this.userserachlist[0].tagBreed = item.tagName;
       } else {
         item.checked = false;
         this.$refs.chosebox3[index].className = "unactive";
-         this.userserachlist[0].tagBreed='';
+        this.userserachlist[0].tagBreed = "";
       }
       // if (this.userishwo3 == false) {
       //   tagBreed = {
@@ -919,7 +911,7 @@ export default {
       //     this.userserachlist.push(tagBreed);
       //   }
       // }
-      this.usersearch(this.userserachlist,this.activeIndex1);
+      this.usersearch(this.userserachlist, this.activeIndex1);
       this.activeIndexe = index;
     },
     selectproduct(item, index) {
@@ -927,13 +919,12 @@ export default {
       if (item.checked == false) {
         item.checked = true;
         this.$refs.chosebox[index].className = "active";
-        this.userserachlist[0].categoryName=item.tagName;
+        this.userserachlist[0].categoryName = item.tagName;
       } else {
         item.checked = false;
         this.$refs.chosebox[index].className = "unactive";
-         this.userserachlist[0].categoryName='';
-     
-       }
+        this.userserachlist[0].categoryName = "";
+      }
       // this.userishwo = !this.userishwo;
       // if (this.userishwo == false) {
       //   categoryName = {
@@ -953,7 +944,7 @@ export default {
       //   console.log(this.userserachlist);
       // }
 
-      this.usersearch(this.userserachlist,this.activeIndex1);
+      this.usersearch(this.userserachlist, this.activeIndex1);
     },
 
     //弹框的显示隐藏