From f321d8c45c87f42a46fd020d0d59208b702d1d74 Mon Sep 17 00:00:00 2001
From: "952108534@qq.com" <952108534@qq.com>
Date: Mon, 17 Jan 2022 19:20:54 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=94=B9=E4=BA=A7=E5=93=81=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/productdetails/productlist.vue      | 951 ++++++++++--------
 1 file changed, 546 insertions(+), 405 deletions(-)

diff --git a/rc-busness/pages/productdetails/productlist.vue b/rc-busness/pages/productdetails/productlist.vue
index 4a4241ef..d4ec3058 100644
--- a/rc-busness/pages/productdetails/productlist.vue
+++ b/rc-busness/pages/productdetails/productlist.vue
@@ -1,229 +1,332 @@
 <template>
-<div>
-  <Myheader></Myheader>
-<div class="rc-top"></div>
-	<div class="rc-max-width--xl rc-main">
-		<div class="usersearch">
-			<div class="usercontentshow" ref="usercontent">
-				<div class="rc-product ts-scrollable-container">
-					<div class="rc-productcat ts-scrollable">
-						<div class="rc-cat" v-for="(item, index) in userproduct" :key="index" @click="selectGoods(item, index)" :class="activeIndex == index ? 'active' : 'unactive'" >
-							<img :src="item.catimage" alt="" />
-							<span>{{ item.title }}</span>
-						</div>
-					</div>
-				</div>
-				<div class="online rc-md-up"></div>
-				<div class="ts-scrollable-container">
-					<h2>专区:</h2>
-					<ol class="ts-scrollable">
-						<li v-for="(item, index) in prefecture" :key="index" @click="selectproduct(item, index)" :class="activeIndexb == index ? 'active' : 'unactive'" >
-							{{ item.tagName }}
-						</li>
-					</ol>
-				</div>
-				<div class="online rc-md-up"></div>
-				<div class="ts-scrollable-container">
-					<h2>年龄:</h2>
-					<ol class="ts-scrollable">
-						<li v-for="(item, index) in catage" :key="index"  @click="selectage(item, index)" :class="activeIndexc == index ? 'active' : 'unactive'">
-							{{ item.tagName }}
-						</li>
-					</ol>
-				</div>
-				<div class="online rc-md-up"></div>
-				<div class="ts-scrollable-container">
-					<h2>功能:</h2>
-					<ol class="ts-scrollable">
-						<li v-for="(item, index) in catagea" :key="index"  @click="selectagc(item, index)" :class="activeIndexd == index ? 'active' : 'unactive'">
-							{{ item.tagName }}
-						</li>
-					</ol>
-				</div>
-				<div class="online rc-md-up"></div>
-				<div class="ts-scrollable-container">
-					<h2>品种:</h2>
-					<ol class="ts-scrollable">
-						<li v-for="(item, index) in catageb" :key="index"  @click="selectagd(item, index)" :class="activeIndexe == index ? 'active' : 'unactive'">
-							{{ item.tagName }}
-						</li>
-					</ol>
-				</div>
-        	<div class="online rc-md-up"></div>
-			</div>
-		</div>
-	</div>
-	<!-- rc-main end -->
-	<div class="online bold" style="margin-top:127px"></div>
-	<!-- rc-main start -->
-	<div class="rc-max-width--xl">
-		<div class="usersearch">
-			<div class="rc-contair">		
-				<ul class="ts-product-list">
-				    <li v-for="(item,index) in rccontair" :key="index" class="rc-margin-top--md">
-								 <div class="rc-click rc-margin-bottom--md" @click="selectproduce(item)">
-									<div class="rc-rccontair">
-										<img :src=item.picture alt="">   
-									</div>
-								</div>
-								<div class="rc-column">
-									<div class="rc-click" @click="selectproduce(item)">
-										<span>{{item.categoryName}}</span>
-										<i>0.001{{item.price}}</i>
-									</div>
-									<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="userbuy()">立即购买</strong>
-								</div>
-				    </li>
-				</ul>
-			</div>
-			<div class="usershow" v-if="openshow">
-				<div class="rc-show"></div>
-			</div>
-		</div>
-	</div>
-	<!-- rc-main end -->
-	
-	
-  <div v-if="isadrond">
-    <div class="rc-mubu" v-if="isshow" @click="usershow()"></div>
-     <div class="rc-bottom"  v-if="isshow">
-  <div class="rc-bottoma" >
-        <div class="rc-productcat ts-scrollable">
-          <div class="rc-cat" v-for="(item, index) in userproduct" :key="index" @click="selectGoodsa(item, index)" :class="activeIndex1 == index ? 'active' : 'unactive'" >
-            <img :src="item.catimage" alt="" />
-            <span>{{ item.tagName }}</span>
+  <div>
+    <Myheader></Myheader>
+    <div class="rc-top"></div>
+    <div class="rc-max-width--xl rc-main">
+      <div class="usersearch">
+        <div class="usercontentshow" ref="usercontent">
+          <div class="rc-product ts-scrollable-container">
+            <div class="rc-productcat ts-scrollable">
+              <div
+                class="rc-cat"
+                v-for="(item, index) in userproduct"
+                :key="index"
+                @click="selectGoods(item, index)"
+                :class="activeIndex == index ? 'active' : 'unactive'"
+              >
+                <img :src="item.catimage" alt="" />
+                <span>{{ item.title }}</span>
+              </div>
+            </div>
           </div>
-       
-        </div>
-    <div class="rc-prefecture">
-        <h2>专区:</h2>
-        <ol class="ts-scrollable">
-          <li v-for="(item, index) in prefecture" :key="index" @click="selectproduct(item, index)" :class="activeIndexb == index ? 'active' : 'unactive'" >
-            {{ item.tagName }}
-          </li>
-        </ol>
-      </div>
-
-        <div class="ts-scrollable-container rc-margin-y--md">
-        <h2>年龄:</h2>
-        <ol class="ts-scrollable">
-          <li v-for="(item, index) in catage" :key="index"  @click="selectage(item, index)" :class="activeIndexc == index ? 'active' : 'unactive'">
-            {{ item.tagName }}
-          </li>
-        </ol>
-      </div>
-       <div class="ts-scrollable-container rc-margin-y--md">
-        <h2>功能:</h2>
-        <ol class="ts-scrollable">
-          <li v-for="(item, index) in catagea" :key="index"  @click="selectagc(item, index)" :class="activeIndexd == index ? 'active' : 'unactive'">
-            {{ item.tagName }}
-          </li>
-        </ol>
-      </div>
-
-       <div class="ts-scrollable-container">
-        <h2>品种:</h2>
-        <ol class="ts-scrollable">
-          <li v-for="(item, index) in catageb" :key="index"  @click="selectagd(item, index)" :class="activeIndexe == index ? 'active' : 'unactive'">
-            {{ item.tagName }}
-          </li>
-        </ol>
-      </div>
-  </div>
-   <div class="rc-footer">
-
-     <span @click="usershow()">取消</span>
-     <em @click="usershow()">确定</em>
-   </div>
-
-  </div>
-  </div>
-
-    <el-dialog
-    :visible.sync="dialogInfo1"
-    hegight="700px"
-  
-    v-if="!isadrond"
-  >
-      
-     <div class="rc-bottom">
-  <div class="rc-bottoma" >
-        <div class="rc-productcat ts-scrollable">
-          <div class="rc-cat" v-for="(item, index) in userproduct" :key="index" @click="selectGoodsa(item, index)" :class="activeIndex1 == index ? 'active' : 'unactive'" >
-            <img :src="item.name" alt="" />
-            <span>{{ item.title }}</span>
+          <div class="online rc-md-up"></div>
+          <div class="ts-scrollable-container">
+            <h2>专区:</h2>
+            <ol class="ts-scrollable">
+              <li
+                v-for="(item, index) in prefecture"
+                :key="index"
+                @click="selectproduct(item, index)"
+                :class="activeIndexb == index ? 'active' : 'unactive'"
+                ref="chosebox"
+              >
+                {{ item.tagName }}
+              </li>
+            </ol>
+          </div>
+          <div class="online rc-md-up"></div>
+          <div class="ts-scrollable-container">
+            <h2>年龄:</h2>
+            <ol class="ts-scrollable">
+              <li
+                v-for="(item, index) in catage"
+                :key="index"
+                @click="selectage(item, index)"
+                :class="activeIndexc == index ? 'active' : 'unactive'"
+                ref="chosebox1"
+              >
+                {{ item.tagName }}
+              </li>
+            </ol>
+          </div>
+          <div class="online rc-md-up"></div>
+          <div class="ts-scrollable-container">
+            <h2>功能:</h2>
+            <ol class="ts-scrollable">
+              <li
+                v-for="(item, index) in catagea"
+                :key="index"
+                @click="selectagc(item, index)"
+                :class="activeIndexd == index ? 'active' : 'unactive'"
+                ref="chosebox2"
+              >
+                {{ item.tagName }}
+              </li>
+            </ol>
+          </div>
+          <div class="online rc-md-up"></div>
+          <div class="ts-scrollable-container">
+            <h2>品种:</h2>
+            <ol class="ts-scrollable">
+              <li
+                v-for="(item, index) in catageb"
+                :key="index"
+                @click="selectagd(item, index)"
+                :class="activeIndexe == index ? 'active' : 'unactive'"
+                ref="chosebox3"
+              >
+                {{ item.tagName }}
+              </li>
+            </ol>
+          </div>
+          <div class="online rc-md-up"></div>
+        </div>
+      </div>
+    </div>
+    <!-- rc-main end -->
+    <div class="online bold"></div>
+    <!-- rc-main start -->
+    <div class="rc-max-width--xl">
+      <div class="usersearch">
+        <div class="rc-contair">
+          <ul class="ts-product-list">
+            <li
+              v-for="(item, index) in rccontair"
+              :key="index"
+              class="rc-margin-top--md"
+            >
+              <div
+                class="rc-click rc-margin-bottom--md"
+                @click="selectproduce(item)"
+              >
+                <div class="rc-rccontair">
+                  <img :src="item.picture" alt="" />
+                </div>
+              </div>
+              <div class="rc-column">
+                <div class="rc-click" @click="selectproduce(item)">
+                  <span>{{ item.categoryName }}</span>
+                  <i>0.001{{ item.price }}</i>
+                </div>
+                <strong
+                  class="
+                    ts-standard-btn ts-standard-btn--two
+                    rc-margin-y--md
+                    center
+                  "
+                  @click="userbuy()"
+                  >立即购买</strong
+                >
+              </div>
+            </li>
+          </ul>
+        </div>
+        <div class="usershow" v-if="openshow">
+          <div class="rc-show"></div>
+        </div>
+      </div>
+    </div>
+    <!-- rc-main end -->
+
+    <div v-if="isadrond">
+      <div class="rc-mubu" v-if="isshow" @click="usershow()"></div>
+      <div class="rc-bottom" v-if="isshow">
+        <div class="rc-bottoma">
+          <div class="rc-productcat ts-scrollable">
+            <div
+              class="rc-cat"
+              v-for="(item, index) in userproduct"
+              :key="index"
+              @click="selectGoodsa(item, index)"
+              :class="activeIndex1 == index ? 'active' : 'unactive'"
+            >
+              <img :src="item.catimage" alt="" />
+              <span>{{ item.tagName }}</span>
+            </div>
+          </div>
+          <div class="rc-prefecture">
+            <h2>专区:</h2>
+            <ol class="ts-scrollable">
+              <li
+                v-for="(item, index) in prefecture"
+                :key="index"
+                @click="selectproduct(item, index)"
+                :class="activeIndexb == index ? 'active' : 'unactive'"
+                ref="chosebox"
+              >
+                {{ item.tagName }}
+              </li>
+            </ol>
+          </div>
+
+          <div class="ts-scrollable-container rc-margin-y--md">
+            <h2>年龄:</h2>
+            <ol class="ts-scrollable">
+              <li
+                v-for="(item, index) in catage"
+                :key="index"
+                @click="selectage(item, index)"
+                :class="activeIndexc == index ? 'active' : 'unactive'"
+                ref="chosebox1"
+              >
+                {{ item.tagName }}
+              </li>
+            </ol>
+          </div>
+          <div class="ts-scrollable-container rc-margin-y--md">
+            <h2>功能:</h2>
+            <ol class="ts-scrollable">
+              <li
+                v-for="(item, index) in catagea"
+                :key="index"
+                @click="selectagc(item, index)"
+                :class="activeIndexd == index ? 'active' : 'unactive'"
+                ref="chosebox2"
+              >
+                {{ item.tagName }}
+              </li>
+            </ol>
+          </div>
+
+          <div class="ts-scrollable-container">
+            <h2>品种:</h2>
+            <ol class="ts-scrollable">
+              <li
+                v-for="(item, index) in catageb"
+                :key="index"
+                @click="selectagd(item, index)"
+                :class="activeIndexe == index ? 'active' : 'unactive'"
+                ref="chosebox3"
+              >
+                {{ item.tagName }}
+              </li>
+            </ol>
+          </div>
+        </div>
+        <div class="rc-footer">
+          <span @click="usershow()">取消</span>
+          <em @click="usershow()">确定</em>
+        </div>
+      </div>
+    </div>
+
+    <el-dialog :visible.sync="dialogInfo1" hegight="700px" v-if="!isadrond">
+      <div class="rc-bottom">
+        <div class="rc-bottoma">
+          <div class="rc-productcat ts-scrollable">
+            <div
+              class="rc-cat"
+              v-for="(item, index) in userproduct"
+              :key="index"
+              @click="selectGoodsa(item, index)"
+              :class="activeIndex1 == index ? 'active' : 'unactive'"
+            >
+              <img :src="item.name" alt="" />
+              <span>{{ item.title }}</span>
+            </div>
+          </div>
+          <div class="rc-prefecture">
+            <h2>专区:</h2>
+            <ol>
+              <li
+                v-for="(item, index) in prefecture"
+                :key="index"
+                @click="selectproduct(item, index)"
+                :class="activeIndexb == index ? 'active' : 'unactive'"
+                ref="chosebox"
+              >
+                {{ item.tagName }}
+              </li>
+            </ol>
+          </div>
+
+          <div class="ts-scrollable-container rc-margin-y--md">
+            <h2>年龄:</h2>
+            <ol>
+              <li
+                v-for="(item, index) in catage"
+                :key="index"
+                @click="selectage(item, index)"
+                :class="activeIndexc == index ? 'active' : 'unactive'"
+                ref="chosebox1"
+              >
+                {{ item.tagName }}
+              </li>
+            </ol>
+          </div>
+          <div class="ts-scrollable-container rc-margin-y--md">
+            <h2>功能:</h2>
+            <ol>
+              <li
+                v-for="(item, index) in catagea"
+                :key="index"
+                @click="selectagc(item, index)"
+                :class="activeIndexd == index ? 'active' : 'unactive'"
+                ref="chosebox2"
+              >
+                {{ item.tagName }}
+              </li>
+            </ol>
+          </div>
+
+          <div class="ts-scrollable-container">
+            <h2>品种:</h2>
+            <ol>
+              <li
+                v-for="(item, index) in catageb"
+                :key="index"
+                @click="selectagd(item, index)"
+                :class="activeIndexe == index ? 'active' : 'unactive'"
+                ref="chosebox3"
+              >
+                {{ item.tagName }}
+              </li>
+            </ol>
           </div>
-       
         </div>
-    <div class="rc-prefecture">
-        <h2>专区:</h2>
-        <ol>
-          <li v-for="(item, index) in prefecture" :key="index" @click="selectproduct(item, index)" :class="activeIndexb == index ? 'active' : 'unactive'" >
-            {{ item.tagName }}
-          </li>
-        </ol>
       </div>
 
-        <div class="ts-scrollable-container rc-margin-y--md">
-        <h2>年龄:</h2>
-        <ol>
-          <li v-for="(item, index) in catage" :key="index"  @click="selectage(item, index)" :class="activeIndexc == index ? 'active' : 'unactive'">
-            {{ item.tagName }}
-          </li>
-        </ol>
+      <div class="rc-button">
+        <span @click="openclose()">取消</span>
+        <em>确认</em>
       </div>
-       <div class="ts-scrollable-container rc-margin-y--md">
-        <h2>功能:</h2>
-        <ol>
-          <li v-for="(item, index) in catagea" :key="index"  @click="selectagc(item, index)" :class="activeIndexd == index ? 'active' : 'unactive'">
-            {{ item.tagName }}
-          </li>
-        </ol>
-      </div>
-
-       <div class="ts-scrollable-container">
-        <h2>品种:</h2>
-        <ol>
-          <li v-for="(item, index) in catageb" :key="index"  @click="selectagd(item, index)" :class="activeIndexe == index ? 'active' : 'unactive'">
-            {{ item.tagName }}
-          </li>
-        </ol>
-      </div>
-  </div>
-  </div>
-
-   <div class="rc-button">
-     <span @click="openclose()">取消</span>
-     <em>确认</em>
-   </div>
-  </el-dialog>
+    </el-dialog>
   </div>
 </template>
 
 <script>
-import Myheader from '~/components/header.vue' 
-  import { userstype,biaomessa,biaomessage,searchchanpin } from "../../ajax/getData";
+import Myheader from "~/components/header.vue";
+import $ from "jquery";
+import {
+  userstype,
+  biaomessa,
+  biaomessage,
+  searchchanpin,
+} from "../../ajax/getData";
 export default {
   data() {
     return {
       value: "",
-      userstype:[],
-      activeIndex:0,
-      userserachlist:[
-        {}
-      ],
-      activeIndex1:0,
-      activeIndexa:'-1',
-      dialogInfo1:false,
-      activeIndexb:'-1',
-       activeIndexc:'-1',
-       activeIndexd:'-1',
-       activeIndexe:'-1',
-       activeIndexf:'-1',
-       isadrond:true,
-       isshow:false,
-       openshow:false,
-       direction:'btt',
+      userstype: [],
+      activeIndex: "0",
+      allacindex:0,
+      userishwo: true,
+      userishwo1: true,
+      userishwo2: true,
+      userishwo3: true,
+      userserachlist: [{}],
+      activeIndex1: 0,
+      activeIndexa: "-1",
+      dialogInfo1: false,
+      activeIndexb: "-1",
+      activeIndexc: "-1",
+      activeIndexd: "-1",
+      activeIndexe: "-1",
+      activeIndexf: "-1",
+      isadrond: true,
+      isshow: false,
+      openshow: false,
+      direction: "btt",
       searchdata: [
         {
           title: "猫罐头",
@@ -258,7 +361,7 @@ export default {
         },
       ],
 
-            catproduct: [
+      catproduct: [
         {
           title: "猫产品",
           ordernum: "1",
@@ -312,7 +415,7 @@ export default {
           ordernum: "4",
         },
       ],
-          catagea: [
+      catagea: [
         {
           title: "绝育呵护",
           ordernum: "1",
@@ -330,7 +433,7 @@ export default {
           ordernum: "4",
         },
       ],
-          catageb: [
+      catageb: [
         {
           title: "英短",
           ordernum: "1",
@@ -349,10 +452,10 @@ export default {
         },
       ],
 
-            rccontair: [
+      rccontair: [
         {
           title: "皇家英国短毛猫全价湿粮",
-          price:'￥123.45',
+          price: "￥123.45",
           ordernum: 1,
 
           catimage: require("../../assets/image/rc-cat.png"),
@@ -360,102 +463,98 @@ export default {
 
         {
           title: "皇家英国短毛猫全价湿粮",
-           price:'￥123.45',
+          price: "￥123.45",
           ordernum: "2",
           catimage: require("../../assets/image/rc-dog.png"),
         },
-           {
+        {
           title: "皇家英国短毛猫全价湿粮",
-           price:'￥123.45',
+          price: "￥123.45",
           ordernum: "2",
           catimage: require("../../assets/image/rc-dog.png"),
         },
-            {
+        {
           title: "皇家英国短毛猫全价湿粮",
-           price:'￥123.45',
+          price: "￥123.45",
           ordernum: "2",
           catimage: require("../../assets/image/rc-dog.png"),
         },
-             {
+        {
           title: "皇家英国短毛猫全价湿粮",
-           price:'￥123.45',
+          price: "￥123.45",
           ordernum: "2",
           catimage: require("../../assets/image/rc-dog.png"),
         },
       ],
     };
   },
-    components: {
+  components: {
     Myheader,
   },
-  mounted(){
-        let stype=this.$route.query.stype;
-        this.userst();
-        this.activeIndex=stype;
-     if(stype!==''&&stype!==undefined){
-       this.onmessage(stype)
-     }else{
-    this.usetmessage();
-     }
-      
+  mounted() {
+    let stype = this.$route.query.stype;
+    this.userst();
+    this.activeIndex = stype;
+    if (stype !== "" && stype !== undefined) {
+      this.onmessage(stype);
+     
+    } else {
+      this.usetmessage();
+    }
+  
   },
   methods: {
-     async usersearch(stype){
-       let data=await searchchanpin(stype);
-       if(data){
-       this.rccontair=data;
-
-       }
-      },
-      async userst() {
-            let pinzhong=[];
-            let zhuanqu=[];
-            let age=[];
-            let gonneg=[];
+    async usersearch(stype) {
+      let data = await searchchanpin(stype);
+      if (data) {
+        this.rccontair = data;
+      }
+    },
+    async userst() {
+      let pinzhong = [];
+      let zhuanqu = [];
+      let age = [];
+      let gonneg = [];
       let data = await userstype();
-      if(data){
-        this.userstype=data;
+      if (data) {
+        this.userstype = data;
       }
-          this.usercatlist=this.userstype.filter(item=>item.petType=='0')
-                       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=gonneg
-               }
-           })
-             this.userdoglisgt=this.userstype.filter(item=>item.petType=='1')
-
+      this.usercatlist = this.userstype.filter((item) => item.petType == "0");
+      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 = gonneg;
+        }
+      });
+      this.userdoglisgt = this.userstype.filter((item) => item.petType == "1");
     },
 
-            async usetmessage() {
+    async usetmessage() {
       let data = await biaomessa();
-      if(data){
-        this.rccontair=data;
+      if (data) {
+        this.rccontair = data;
       }
     },
-              async onmessage(stype) {
+    async onmessage(stype) {
       let data = await biaomessage(stype);
-      if(data){
-        this.rccontair=data;
+      if (data) {
+        this.rccontair = data;
       }
     },
 
-
-
-
-    userbuy(){
+    userbuy() {
       this.$router.push({
         path: "/myorder/userrecord",
         query: {
@@ -463,155 +562,197 @@ export default {
         },
       });
     },
-    openclose(){
-this.dialogInfo1=false;
+    openclose() {
+      this.dialogInfo1 = false;
     },
-    selectproduce(){
-              this.$router.push({
+    selectproduce() {
+      this.$router.push({
         path: "/productdetails/producted",
         query: {
           stype: 1,
         },
       });
     },
-          ifadroind(){
-    var sUserAgent = navigator.userAgent.toLowerCase();
-    var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
-    var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
-    var bIsMidp = sUserAgent.match(/midp/i) == "midp";
-    var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
-    var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
-    var bIsAndroid = sUserAgent.match(/android/i) == "android";
-    var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
-    var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
- 
-    if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) {
-      console.log("当前是电脑打开")
-       this.$nextTick(() => {
-    
-        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;
-      
-        })
+    ifadroind() {
+      var sUserAgent = navigator.userAgent.toLowerCase();
+      var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
+      var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
+      var bIsMidp = sUserAgent.match(/midp/i) == "midp";
+      var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
+      var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
+      var bIsAndroid = sUserAgent.match(/android/i) == "android";
+      var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
+      var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
 
-   
-}
-  },
-    //搜索
-    onSearch() {},
-       selectGoods(item, index) {
-         
-           this.activeIndex=index;
-            let petType={
-          petType:this.activeIndex,    
-           }
-                for(let i =0;i<this.userserachlist.length;i++){
-                if(!this.userserachlist.includes(petType)){
-                  this.userserachlist.push(petType)
-                }
-             }
-              this.usersearch(this.userserachlist)
-    },
-     selectGoodsa(item, index) {
-         
-             this.activeIndex1=index;
-    },
-    userselect(){
-    this.$nextTick(() => {
-    
-       this.ifadroind();
-      
-        })
-    },
-    usershow(){
+      if (
+        !(
+          bIsIpad ||
+          bIsIphoneOs ||
+          bIsMidp ||
+          bIsUc7 ||
+          bIsUc ||
+          bIsAndroid ||
+          bIsCE ||
+          bIsWM
+        )
+      ) {
+        console.log("当前是电脑打开");
         this.$nextTick(() => {
-      this.isshow=false;
-            // dom元素更新后执行，因此这里能正确打印更改之后的值
-            this.$refs.usercontent.style.display='block  ';
-        })
+          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;
+        });
+      }
     },
 
-       selectsearch(item, index) {
-         
-             this.activeIndexa=index;
+    selectGoods(item, index) {
+      this.activeIndex = index;
+      this.allacindex=index
+      console;
+      let petType = {
+        petType: this.allacindex,
+      };
+      for (let i = 0; i < this.userserachlist.length; i++) {
+        if (!this.userserachlist.includes(petType)) {
+          this.userserachlist.push(petType);
+        }
+      }
+      this.usersearch(this.userserachlist);
+    },
+    selectGoodsa(item, index) {
+      this.activeIndex1 = index;
+    },
+    userselect() {
+      this.$nextTick(() => {
+        this.ifadroind();
+      });
+    },
+    usershow() {
+      this.$nextTick(() => {
+        this.isshow = false;
+        // dom元素更新后执行，因此这里能正确打印更改之后的值
+        this.$refs.usercontent.style.display = "block  ";
+      });
     },
-        selectage(item, index) {
-           let tagUsedAge={
-          petType:this.activeIndex1,    
-             tagUsedAge:item.tagName
 
-           }
-       for(let i =0;i<this.userserachlist.length;i++){
-                if(!this.userserachlist.includes(tagUsedAge)){
-                  this.userserachlist.push(tagUsedAge)
-                }
-             }
-              this.usersearch(this.userserachlist)
-             this.activeIndexc=index;
+    selectsearch(item, index) {
+      this.activeIndexa = index;
     },
-        selectagc(item, index) {
-  let tagFunction={
-     petType:this.activeIndex1,   
-             tagFunction:item.tagName
-           }
-               for(let i =0;i<this.userserachlist.length;i++){
-                if(!this.userserachlist.includes(tagFunction)){
-                  this.userserachlist.push(tagFunction)
-                }
-             }
-              this.usersearch(this.userserachlist)
-             this.activeIndexd=index;
+    selectage(item, index) {
+      let tagUsedAge = {};
+      this.activeIndexc = index;
+      this.userishwo1 = !this.userishwo1;
+      console.log(this.userishwo1);
+      if (this.userishwo1 == false) {
+        tagUsedAge = {
+          petType: this.allacindex,
+          tagUsedAge: item.tagName,
+        };
+      } else {
+        console.log("这是false");
+        tagUsedAge = {
+          petType: this.allacindex,
+        };
+      }
+      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);
     },
-        selectagd(item, index) {
-  let tagBreed={
-     petType:this.activeIndex1,   
-             tagBreed:item.tagName
-           }
-            for(let i =0;i<this.userserachlist.length;i++){
-                if(!this.userserachlist.includes(tagBreed)){
-                  this.userserachlist.push(tagBreed)
-                }
-             }
-              this.usersearch(this.userserachlist)
-             this.activeIndexe=index;
-    },
-    selectproduct(item, index){
-          this.activeIndexb=index;
-             let categoryName={
-                petType:this.activeIndex1,   
-            categoryName:item.tagName,
-             }
-             for(let i =0;i<this.userserachlist.length;i++){
-                if(!this.userserachlist.includes(categoryName)){
-                  this.userserachlist.push(categoryName)
-                }
-             }
+    selectagc(item, index) {
+      let tagFunction = {};
+      this.activeIndexd = index;
+      this.userishwo2 = !this.userishwo2;
+      if (this.userishwo2 == false) {
+        tagFunction = {
+          petType: this.allacindex,
+          tagFunction: item.tagName,
+        };
+      } else {
+        console.log("这是false");
+        tagFunction = {
+          petType: this.allacindex,
+        };
+      }
+      this.$refs.chosebox2[index].className = "unactive";
 
-             this.usersearch(this.userserachlist)
+      for (let i = 0; i < this.userserachlist.length; i++) {
+        if (!this.userserachlist.includes(tagFunction)) {
+          this.userserachlist.push(tagFunction);
+        }
+      }
+      this.usersearch(this.userserachlist);
+    },
+    selectagd(item, index) {
+      let tagBreed = {};
+      this.activeIndexe = index;
+      this.userishwo3 = !this.userishwo3;
+      if (this.userishwo3 == false) {
+        tagBreed = {
+          petType: this.allacindex,
+          tagBreed: item.tagName,
+        };
+      } else {
+        console.log("这是false");
+        tagBreed = {
+          petType: this.allacindex,
+        };
+      }
+      this.$refs.chosebox3[index].className = "unactive";
+      for (let i = 0; i < this.userserachlist.length; i++) {
+        if (!this.userserachlist.includes(tagBreed)) {
+          this.userserachlist.push(tagBreed);
+        }
+      }
+      this.usersearch(this.userserachlist);
+    },
+    selectproduct(item, index) {
+      //  console.log(this.userishwo=!this.userishwo)
+      let categoryName = {};
+      this.activeIndexb = index;
+      console.log(this.activeIndex);
+      this.userishwo = !this.userishwo;
+      console.log(this.userishwo);
+      if (this.userishwo == false) {
+        console.log("====");
+        categoryName = {
+          petType: this.allacindex,
+          categoryName: item.tagName,
+        };
+      } else {
+        categoryName = {
+          petType: this.allacindex,
+        };
+      }
+      console.log(this.$refs.chosebox);
+      this.$refs.chosebox[index].className = "unactive";
+      for (let i = 0; i < this.userserachlist.length; i++) {
+        if (!this.userserachlist.includes(categoryName)) {
+          this.userserachlist.push(categoryName);
+        }
+      }
+
+      this.usersearch(this.userserachlist);
     },
 
     //弹框的显示隐藏
   },
-    
-
 };
 </script>
 
 <style lang="less" scoped >
-	@import url("../../assets/css/global.less");
+@import url("../../assets/css/global.less");
 @import url("../../assets/css/product-list.less");
 </style>
\ No newline at end of file