xinyin025/smart-admin
1
0
Fork 0
mirror of https://gitee.com/lab1024/smart-admin.git synced 2025-10-02 18:26:38 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Product list function completed

Browse Source
This commit is contained in:
Vion 2022-01-21 18:12:45 +08:00
parent 44d5271207
commit 4a1d1b9dd6
7 changed files with 361 additions and 216 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
rc-busness/ajax/getData.js
View File

@ -187,7 +187,7 @@ export const userquery = (stype) => {
goodsName:stype goodsName:stype
} }
return fetch('goods?goodsName='+stype, data, 'POST' ) return fetch('goods?petType='+stype, data, 'POST' )
} }
//商品全部信息 //商品全部信息
export const userque = (stype) => { export const userque = (stype) => {

7
rc-busness/assets/css/global.less
View File

@ -432,7 +432,8 @@ img, picture {
} }
.ts-product-list{ .ts-product-list{
text-align: left; text-align: left;
display:block; //display:block;
display:flex;
li{ li{
max-width:20rem; max-width:20rem;
min-width:18.75rem; min-width:18.75rem;
@ -621,8 +622,8 @@ img, picture {
display:flex; display:flex;
//justify-content: space-between; //justify-content: space-between;
li{ li{
//margin-left:0; margin-left:0;
//margin-right:0; margin-right:0;
} }
} }
} }

8
rc-busness/assets/css/index.less
View File

@ -383,6 +383,14 @@
} }
.ts-banner-swiper-container{ .ts-banner-swiper-container{
position:relative; position:relative;
picture
{
min-height:12rem;
width:100%;
img{
margin:0 auto;
}
}
.ts-carousel-indicator{ .ts-carousel-indicator{
position:absolute; position:absolute;
bottom:.4rem; bottom:.4rem;

2
rc-busness/assets/css/product-list.less
View File

@ -571,7 +571,7 @@ border-radius: 30px;
h2{ h2{
display: flex; display: flex;
align-items: center; align-items: center;
width: 4%; width: 3.25rem;
} }
.ts-scrollable{ .ts-scrollable{
width: 100%; width: 100%;

24
rc-busness/components/addressInput.vue
View File

@ -63,7 +63,11 @@ export default {
{ {
defaultValues = this.defaultValues; defaultValues = this.defaultValues;
this.onConfirm(defaultValues); this.onConfirm(defaultValues);
} }
else
{
this.defaultValues = defaultValues;
}
//Initilizing end //Initilizing end
}, },
pickValue(pickId,pickName){ pickValue(pickId,pickName){
@ -233,16 +237,18 @@ export default {
popAddress() { popAddress() {
this.show=true; this.show=true;
let _self=this; let _self=this;
//mobile //mobile
//const picker = this.selectComponent('.ts-area-picker-mobile-component'); //const picker = this.selectComponent('.ts-area-picker-mobile-component');
this.defaultValues.forEach(function(ele,index){ if(this.defaultValues && this.defaultValues.length>0)
let tmpPointer=parseInt(_self.inArray(ele,_self.columns[index].values)); {
if(tmpPointer) this.defaultValues.forEach(function(ele,index){
{ let tmpPointer=parseInt(_self.inArray(ele,_self.columns[index].values));
_self.columns[index].defaultIndex = tmpPointer; if(tmpPointer)
} {
}); _self.columns[index].defaultIndex = tmpPointer;
}
});
}
// setTimeout(function(){ // setTimeout(function(){
// //debugger; // //debugger;

28
rc-busness/pages/index.vue
View File

@ -129,6 +129,7 @@
<van-tabs @click='catclickShi' class="van-tabs" v-if="onemao" v-model="maoshiCurIndex"> <van-tabs @click='catclickShi' class="van-tabs" v-if="onemao" v-model="maoshiCurIndex">
<van-tab v-for="(item,index) in discoun" :key="index" :title="item.title"> <van-tab v-for="(item,index) in discoun" :key="index" :title="item.title">
<div class="rc-contair"> <div class="rc-contair">
<div class="ts-no-data" v-if="!catshi.length">暂未发现相关记录</div>
<ul class="ts-product-list rc-margin-bottom--lg"> <ul class="ts-product-list rc-margin-bottom--lg">
<li v-for="(item,index) in catshi" :key="index" class="rc-margin-top--md"> <li v-for="(item,index) in catshi" :key="index" class="rc-margin-top--md">
<div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)"> <div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)">
@ -147,7 +148,7 @@
</ul> </ul>
<nuxt-link :to="`/productdetails/productlist/`"> <nuxt-link :to="`/productdetails/productlist/?stype=0&tagStatus=2`">
<div class="userserlect"> <div class="userserlect">
<span class="ts-standard-btn center">查看更多</span> <span class="ts-standard-btn center">查看更多</span>
</div> </div>
@ -183,6 +184,7 @@
</ul> </ul>
</div> </div>
<div class=""> <div class="">
<div class="ts-no-data" v-if="!rccontair.length">暂未发现相关记录</div>
<ul class="ts-product-list rc-margin-bottom--lg"> <ul class="ts-product-list rc-margin-bottom--lg">
<li v-for="(item,index) in rccontair" :key="index" class="rc-margin-top--md"> <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,index)"> <div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)">
@ -199,7 +201,7 @@
</div> </div>
</li> </li>
</ul> </ul>
<nuxt-link :to="`/productdetails/productlist/`"> <nuxt-link :to="`/productdetails/productlist/?stype=0&tagStatus=2`">
<div class="userserlect"> <div class="userserlect">
<span class="ts-standard-btn center">查看更多</span> <span class="ts-standard-btn center">查看更多</span>
</div> </div>
@ -213,6 +215,7 @@
<van-tabs @click='catclickGan' class="van-tabs" v-if="twomao" v-model="maoganCurIndex"> <van-tabs @click='catclickGan' class="van-tabs" v-if="twomao" v-model="maoganCurIndex">
<van-tab v-for="(item,index) in discoun" :key="index" :title="item.title"> <van-tab v-for="(item,index) in discoun" :key="index" :title="item.title">
<div class="rc-contair"> <div class="rc-contair">
<div class="ts-no-data" v-if="!catgan.length">暂未发现相关记录</div>
<ul class="ts-product-list rc-margin-bottom--lg"> <ul class="ts-product-list rc-margin-bottom--lg">
<li v-for="(item,index) in catgan" :key="index" class="rc-margin-top--md"> <li v-for="(item,index) in catgan" :key="index" class="rc-margin-top--md">
<div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)"> <div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)">
@ -231,7 +234,7 @@
</ul> </ul>
<nuxt-link :to="`/productdetails/productlist/`"> <nuxt-link :to="`/productdetails/productlist/?stype=0&tagStatus=1`">
<div class="userserlect"> <div class="userserlect">
<span class="ts-standard-btn center">查看更多</span> <span class="ts-standard-btn center">查看更多</span>
</div> </div>
@ -270,6 +273,7 @@
</ul> </ul>
</div> </div>
<div class="rc-contair"> <div class="rc-contair">
<div class="ts-no-data" v-if="!rccontair.length">暂未发现相关记录</div>
<ul class="ts-product-list rc-margin-bottom--lg"> <ul class="ts-product-list rc-margin-bottom--lg">
<li v-for="(item,index) in rccontair" :key="index" class="rc-margin-top--md"> <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,index)"> <div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)">
@ -286,7 +290,7 @@
</div> </div>
</li> </li>
</ul> </ul>
<nuxt-link :to="`/productdetails/productlist/`"> <nuxt-link :to="`/productdetails/productlist/?stype=0&tagStatus=1`">
<div class="userserlect"> <div class="userserlect">
<span class="ts-standard-btn center">查看更多</span> <span class="ts-standard-btn center">查看更多</span>
</div> </div>
@ -377,6 +381,7 @@
</div> </div>
<div class="rc-contair"> <div class="rc-contair">
<div class="ts-no-data" v-if="!dogshi.length">暂未发现相关记录</div>
<ul class="ts-product-list rc-margin-bottom--lg"> <ul class="ts-product-list rc-margin-bottom--lg">
<li v-for="(item,index) in dogshi" :key="index" class="rc-margin-top--md"> <li v-for="(item,index) in dogshi" :key="index" class="rc-margin-top--md">
<div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)"> <div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)">
@ -395,7 +400,7 @@
</ul> </ul>
<nuxt-link :to="`/productdetails/productlist/`"> <nuxt-link :to="`/productdetails/productlist/?stype=1&tagStatus=2`">
<div class="userserlect"> <div class="userserlect">
<span class="ts-standard-btn center">查看更多</span> <span class="ts-standard-btn center">查看更多</span>
</div> </div>
@ -437,6 +442,7 @@
</ul> </ul>
</div> </div>
<div class="rc-contair"> <div class="rc-contair">
<div class="ts-no-data" v-if="!rccontair.length">暂未发现相关记录</div>
<ul class="ts-product-list rc-margin-bottom--lg"> <ul class="ts-product-list rc-margin-bottom--lg">
<li v-for="(item,index) in rccontair" :key="index" class="rc-margin-top--md"> <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,index)"> <div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)">
@ -454,7 +460,7 @@
</li> </li>
</ul> </ul>
<nuxt-link :to="`/productdetails/productlist/`"> <nuxt-link :to="`/productdetails/productlist/?stype=1&tagStatus=2`">
<div class="userserlect"> <div class="userserlect">
<span class="ts-standard-btn center">查看更多</span> <span class="ts-standard-btn center">查看更多</span>
</div> </div>
@ -491,6 +497,7 @@
</ul> </ul>
</div> </div>
<div class="rc-contair"> <div class="rc-contair">
<div class="ts-no-data" v-if="!doggan.length">暂未发现相关记录</div>
<ul class="ts-product-list rc-margin-bottom--lg"> <ul class="ts-product-list rc-margin-bottom--lg">
<li v-for="(item,index) in doggan" :key="index" class="rc-margin-top--md"> <li v-for="(item,index) in doggan" :key="index" class="rc-margin-top--md">
<div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)"> <div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)">
@ -508,7 +515,7 @@
</li> </li>
</ul> </ul>
<nuxt-link :to="`/productdetails/productlist/`"> <nuxt-link :to="`/productdetails/productlist/?stype=1&tagStatus=1`">
<div class="userserlect"> <div class="userserlect">
<span class="ts-standard-btn center">查看更多</span> <span class="ts-standard-btn center">查看更多</span>
</div> </div>
@ -550,6 +557,7 @@
</ul> </ul>
</div> </div>
<div class="rc-contair"> <div class="rc-contair">
<div class="ts-no-data" v-if="!rccontair.length">暂未发现相关记录</div>
<ul class="ts-product-list rc-margin-bottom--lg"> <ul class="ts-product-list rc-margin-bottom--lg">
<li v-for="(item,index) in rccontair" :key="index" class="rc-margin-top--md"> <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,index)"> <div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)">
@ -566,7 +574,7 @@
</div> </div>
</li> </li>
</ul> </ul>
<nuxt-link :to="`/productdetails/productlist/`"> <nuxt-link :to="`/productdetails/productlist/?stype=1&tagStatus=1`">
<div class="userserlect"> <div class="userserlect">
<span class="ts-standard-btn center">查看更多</span> <span class="ts-standard-btn center">查看更多</span>
</div> </div>
@ -587,6 +595,7 @@
<van-tabs @click='userclick' class="van-tabs" v-if="fivemao"> <van-tabs @click='userclick' class="van-tabs" v-if="fivemao">
<van-tab v-for="(item,index) in discounchufang" :key="index" :title="item.title"> <van-tab v-for="(item,index) in discounchufang" :key="index" :title="item.title">
<div class="rc-contair"> <div class="rc-contair">
<div class="ts-no-data" v-if="!processinformation.length">暂未发现相关记录</div>
<ul class="ts-product-list rc-margin-bottom--lg"> <ul class="ts-product-list rc-margin-bottom--lg">
<li v-for="(item,index) in processinformation" :key="index" class="rc-margin-top--md rc-padding-bottom--lg"> <li v-for="(item,index) in processinformation" :key="index" class="rc-margin-top--md rc-padding-bottom--lg">
<div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)"> <div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)">
@ -603,7 +612,7 @@
</ul> </ul>
<nuxt-link :to="`/productdetails/productlist/`"> <nuxt-link :to="`/productdetails/productlist/?stype=1&rxgoods=1`">
<div class="userserlect"> <div class="userserlect">
<span class="ts-standard-btn center">查看更多</span> <span class="ts-standard-btn center">查看更多</span>
</div> </div>
@ -645,6 +654,7 @@
</ul> </ul>
</div> </div>
<div class="rc-contair"> <div class="rc-contair">
<div class="ts-no-data" v-if="!rccontair.length">暂未发现相关记录</div>
<ul class="ts-product-list rc-margin-bottom--lg"> <ul class="ts-product-list rc-margin-bottom--lg">
<li v-for="(item,index) in rccontair" :key="index" class="rc-margin-top--md rc-padding-bottom--lg"> <li v-for="(item,index) in rccontair" :key="index" class="rc-margin-top--md rc-padding-bottom--lg">
<div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)"> <div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)">

506
rc-busness/pages/productdetails/productlist.vue
View File

@ -1,9 +1,5 @@
<template> <template>
<div> <div>
<transition name="fade">
<div class="userloding" v-show="isLoading"></div>
</transition>
<Myheader></Myheader> <Myheader></Myheader>
<div class="rc-top"></div> <div class="rc-top"></div>
<div class="rc-max-width--xl rc-main"> <div class="rc-max-width--xl rc-main">
@ -35,6 +31,7 @@
:key="index" :key="index"
@click="selectproduct(item, index)" @click="selectproduct(item, index)"
:class="item.checked ? 'active' : 'unactive'" :class="item.checked ? 'active' : 'unactive'"
v-bind="item"
ref="chosebox" ref="chosebox"
> >
{{ item.tagName }} {{ item.tagName }}
@ -93,7 +90,7 @@
<!-- rc-main end --> <!-- rc-main end -->
<div class="online bold"></div> <div class="online bold"></div>
<!-- rc-main start --> <!-- rc-main start -->
<div class="rc-max-width--xl"> <div class="rc-max-width--xl rc-margin-bottom--lg">
<div class="usersearch"> <div class="usersearch">
<div class="rc-contair"> <div class="rc-contair">
<ul class="ts-product-list"> <ul class="ts-product-list">
@ -113,7 +110,7 @@
<div class="rc-column"> <div class="rc-column">
<div class="rc-click" @click="selectproduce(item)"> <div class="rc-click" @click="selectproduce(item)">
<span>{{ item.categoryName }}</span> <span>{{ item.categoryName }}</span>
<i>￥{{ item.ecPrice }}</i> <i>{{ item.ecPrice?("￥"+item.ecPrice):'' }}</i>
</div> </div>
<strong <strong
class=" class="
@ -299,6 +296,11 @@
<em>确认</em> <em>确认</em>
</div> </div>
</el-dialog> </el-dialog>
<div v-if="isLoading" class="ts-mask">
<div class="ts-mask-bg"></div>
<div class="userloding"></div>
<span>数据加载中</span>
</div>
<MyFooter></MyFooter> <MyFooter></MyFooter>
</div> </div>
</template> </template>
@ -311,26 +313,24 @@ import {
biaome, biaome,
biaomessage, biaomessage,
searchchanpin, searchchanpin,
userquery
} from "../../ajax/getData"; } from "../../ajax/getData";
export default { export default {
data() { data() {
return { return {
value: "", value: "",
isLoading: true, isLoading: false,
userstype: [], userstype: [],
activeIndex: "-1", activeIndex: 0,
allacindex: 0, allacindex: 0,
userishwo: true, userishwo: true,
userishwo1: true,
userishwo2: true,
userishwo3: true,
userishwo4: true, userishwo4: true,
userserachlist: [ userserachlist: [
{ {
categoryName: "", //专区 categoryName: [], //专区
tagUsedAge: "", //年龄 tagUsedAge: [], //年龄
tagFunction: "", //功能 tagFunction: [], //功能
tagBreed: "", //品种 tagBreed: [], //品种
}, },
], ],
activeIndex1: 0, activeIndex1: 0,
@ -393,28 +393,17 @@ export default {
}, },
], ],
prefecture: [ extraPrefecture: [
{ {
title: "猫湿粮", tagName: "处方粮",
ordernum: "2", ordernum: "99",
catimage: require("../../assets/image/rc-dog.png"),
},
{
title: "品种猫粮",
ordernum: "2",
catimage: require("../../assets/image/rc-dog.png"),
},
{
title: "营养猫粮",
ordernum: "2",
catimage: require("../../assets/image/rc-dog.png"),
},
{
title: "功能猫粮",
ordernum: "2",
catimage: require("../../assets/image/rc-dog.png"), catimage: require("../../assets/image/rc-dog.png"),
isRxGoods:1
}, },
], ],
prefecture: [
],
catage: [ catage: [
{ {
title: "<4月龄", title: "<4月龄",
@ -472,63 +461,72 @@ export default {
rccontair: [ rccontair: [
{ {
title: "皇家英国短毛猫全价湿粮", title: "",
price: "￥123.45", price: "",
ordernum: 1, ordernum: 1,
catimage: '',
catimage: require("../../assets/image/rc-cat.png"),
},
{
title: "皇家英国短毛猫全价湿粮",
price: "￥123.45",
ordernum: "2",
catimage: require("../../assets/image/rc-dog.png"),
},
{
title: "皇家英国短毛猫全价湿粮",
price: "￥123.45",
ordernum: "2",
catimage: require("../../assets/image/rc-dog.png"),
},
{
title: "皇家英国短毛猫全价湿粮",
price: "￥123.45",
ordernum: "2",
catimage: require("../../assets/image/rc-dog.png"),
},
{
title: "皇家英国短毛猫全价湿粮",
price: "￥123.45",
ordernum: "2",
catimage: require("../../assets/image/rc-dog.png"),
}, },
], ],
routeParams:[],
rxGoodsIndexPointer:0
}; };
}, },
components: { components: {
Myheader, Myheader,
MyFooter MyFooter
}, },
created() {
this.routeParams=this.$route.query;
if(this.routeParams.stype)
this.activeIndex = this.routeParams.stype;//Initialized pet type selection
},
mounted() { mounted() {
let stype = this.$route.query.stype; let stype = this.routeParams.stype;
this.$nextTick(() => { this.$nextTick(() => {
this.$refs.userstandard[0].style.margin = 0 + "px"; this.$refs.userstandard[0].style.margin = 0 + "px";
}); });
this.userst(); let tagSettingPromise = this.userst();
// this.activeIndex = stype; let _self = this;
// if (stype !== "" && stype !== undefined) { tagSettingPromise.then(function(resolve){
// this.onmessage(stype); _self.chooseDefaultOptions();
// } else { //_self.usetmessage();
// this.usetmessage(); });
// } /*
if (stype !== "" && stype !== undefined) {
this.onmessage(stype);//Wont happen
} else {
this.usetmessage();
}
*/
}, },
methods: { methods: {
async usersearch(stype, usertype) { async usersearch(stype, usertype) {
let data = await searchchanpin(stype, usertype, 1, 10); this.isLoading=true;
if (data) { let data = undefined;
this.rccontair = data; if(this.prefecture[this.rxGoodsIndexPointer].checked==true){
} data = await userquery(usertype, 1, 10);
}
else{
let searchCriteria=[{}];
for(let key in stype[0]){
if(stype[0][key].length>0){
if(typeof stype[0][key] == 'string') {
searchCriteria[0][key]=stype[0][key];
}
else {
searchCriteria[0][key]=stype[0][key].join(',');
}
if(key=='categoryName' && searchCriteria[0][key].indexOf("湿")>-1){
searchCriteria[0]['tagStatus']=2;
}
}
}
data = await searchchanpin(searchCriteria, usertype, 1, 10);
}
if (data) {
this.rccontair = data;
this.isLoading=false;
}
}, },
async userst() { async userst() {
this.isLoading = true; this.isLoading = true;
@ -574,6 +572,11 @@ export default {
console.log(pinzhong); console.log(pinzhong);
// debugger // debugger
}); });
let _self = this;
this.extraPrefecture.forEach(function(ele){
_self.prefecture.push(ele);
_self.rxGoodsIndexPointer = _self.prefecture.length-1;
});
this.userdoglisgt = this.userstype.filter((item) => item.petType == "1"); this.userdoglisgt = this.userstype.filter((item) => item.petType == "1");
}, },
@ -593,7 +596,106 @@ export default {
this.isLoading = false; this.isLoading = false;
} }
}, },
chooseDefaultOptions(){
let tagStatus = this.routeParams.tagStatus;
let categoryName = this.routeParams.categoryName;
let rxgoods = this.routeParams.rxgoods;
let tagUsedAge = this.routeParams.tagUsedAge;
let key = this.routeParams.key;
let _self = this;
if(tagStatus && tagStatus.length>0) {
tagStatus=='1'?1:2;//1:干粮, 2:湿粮
} else {
tagStatus = 0;
}
if(rxgoods && rxgoods.length>0) {
rxgoods=='1'?1:0;
} else {
rxgoods = 0;
}
if(categoryName && categoryName.length>0) {
categoryName = categoryName.split(",");
} else {
categoryName = [];
}
if(tagUsedAge && tagUsedAge.length>0) {
tagUsedAge = tagUsedAge.split(",");
} else {
tagUsedAge = [];
}
//RxGood handling
if(rxgoods) {
this.checkRxGoods(true);
this.usersearch([],this.activeIndex);
return;
}
//RxGood handling
//Category Handling
if(tagStatus || categoryName.length>0) {
for(let item of this.prefecture){
if(item.tagName.indexOf('湿')>-1){
if(tagStatus==2) {
item.checked=true;
}
} else {
if(tagStatus==1 && item.tagName!=this.prefecture[this.rxGoodsIndexPointer].tagName){
item.checked=true;
}
}
if(categoryName.indexOf(item.tagName)>-1) {
item.checked=true;
}
}
if(tagStatus)
this.userserachlist[0].tagStatus=tagStatus;
if(categoryName.length>0)
this.userserachlist[0].categoryName=categoryName;
}
//Category Handling end
//Age Handling
if(tagUsedAge.length>0) {
this.catage.forEach(function(item,index){
if(tagUsedAge.indexOf(item.tagName)>-1) {
item.checked=true;
}
});
this.userserachlist[0].tagUsedAge=tagUsedAge;
}
//Age Handling end
//go query
this.usersearch(this.userserachlist,this.activeIndex1);
},
checkRxGoods(toggleSwitch){
let _self = this;
let categoriesSelectionEles=this.prefecture;
let functionalSelectionEles=this.catagea;
let ageSelectionEles=this.catage;
let breedSelectionEles=this.catageb;
let allSelectionEles=categoriesSelectionEles.concat(functionalSelectionEles,ageSelectionEles,breedSelectionEles);
if(toggleSwitch)
{
allSelectionEles.forEach(function(tmp,index){
tmp.checked=false;
if(tmp.isRxGoods)
{
tmp.checked=true;
}
});
}
else
this.prefecture[this.rxGoodsIndexPointer].checked=false;
},
userbuy() { userbuy() {
this.$router.push({ this.$router.push({
path: "/myorder/userrecord", path: "/myorder/userrecord",
@ -636,20 +738,20 @@ export default {
bIsWM bIsWM
) )
) { ) {
console.log("当前是电脑打开"); //console.log("当前是电脑打开");
this.$nextTick(() => { this.$nextTick(() => {
this.isadrond = false; this.isadrond = false;
this.dialogInfo1 = true; this.dialogInfo1 = true;
this.isadrond = false; this.isadrond = false;
this.isshow = false; this.isshow = false;
}); });
} else { } else {
console.log("当前是手机打开"); //console.log("当前是手机打开");
this.$nextTick(() => { this.$nextTick(() => {
this.isadrond = true; this.isadrond = true;
this.isshow = true; this.isshow = true;
this.$refs.usercontent.style.display = "none "; this.$refs.usercontent.style.display = "none ";
this.dialogInfo1 = false; this.dialogInfo1 = false;
}); });
} }
}, },
@ -659,20 +761,19 @@ export default {
this.activeIndex = index; this.activeIndex = index;
this.allacindex = index; this.allacindex = index;
this.usersearch(this.userserachlist, this.activeIndex1); this.usersearch(this.userserachlist, this.activeIndex1);
// for (let i = 0; i < this.userserachlist.length; i++) { // for (let i = 0; i < this.userserachlist.length; i++) {
// if (!this.userserachlist.includes(petType)) { // if (!this.userserachlist.includes(petType)) {
// this.userserachlist.push(petType); // this.userserachlist.push(petType);
// } // }
// } // }
this.userserachlist = [ this.userserachlist = [
{ {
categoryName: "", //专区 categoryName: [], //专区
tagUsedAge: "", //年龄 tagUsedAge: [], //年龄
tagFunction: "", //功能 tagFunction: [], //功能
tagBreed: "", //品种 tagBreed: [], //品种
}, },
]; ];
let pinzhong = []; let pinzhong = [];
let zhuanqu = []; let zhuanqu = [];
let age = []; let age = [];
@ -729,7 +830,12 @@ export default {
}); });
} }
this.activeIndex = index; let _self = this;
this.extraPrefecture.forEach(function(ele){
_self.prefecture.push(ele);
_self.rxGoodsIndexPointer = _self.prefecture.length-1;
});
this.activeIndex = index;
}, },
selectGoodsa(item, index) { selectGoodsa(item, index) {
this.activeIndex1 = index; this.activeIndex1 = index;
@ -746,109 +852,125 @@ export default {
this.$refs.usercontent.style.display = "block "; this.$refs.usercontent.style.display = "block ";
}); });
}, },
utilSimpleArrayRemove(haystack,needle){
if(haystack.length<=0)
return false;
let index=haystack.indexOf(needle);
if(index>-1)
{
haystack.splice(index,1);
return true;
}
return false;
},
selectsearch(item, index) { selectsearch(item, index) {
this.activeIndexa = index; this.activeIndexa = index;
}, },
selectage(item, index) { selectage(item, index) {
if(this.activeIndex=='-1'){ this.checkRxGoods(false);
this.activeIndex=0; if(this.activeIndex=='-1'){
} this.activeIndex=0;
let tagUsedAge = {}; }
this.activeIndexc = index; let tagUsedAge = {};
this.userishwo1 = !this.userishwo1; this.activeIndexc = index;
console.log(this.userishwo1); item.checked = !item.checked;
if (item.checked == false) { if (item.checked == false) {
item.checked = true; this.utilSimpleArrayRemove(this.userserachlist[0].tagUsedAge,item.tagName);
this.userserachlist[0].tagUsedAge = item.tagName; } else {
this.$refs.chosebox1[index].className = "active"; this.userserachlist[0].tagUsedAge.push(item.tagName);
} else { }
this.userserachlist[0].tagUsedAge = "";
item.checked = false;
this.$refs.chosebox1[index].className = "unactive";
}
// for (let i = 0; i < this.userserachlist.length; i++) { // for (let i = 0; i < this.userserachlist.length; i++) {
// if (!this.userserachlist.includes(tagUsedAge)) { // if (!this.userserachlist.includes(tagUsedAge)) {
// this.userserachlist.push(tagUsedAge); // this.userserachlist.push(tagUsedAge);
// } // }
// } // }
this.usersearch(this.userserachlist, this.activeIndex1); this.usersearch(this.userserachlist, this.activeIndex1);
}, },
selectagc(item, index) { selectagc(item, index) {
// let tagFunction = {}; this.checkRxGoods(false);
if(this.activeIndex=='-1'){ // let tagFunction = {};
this.activeIndex=0; if(this.activeIndex=='-1'){
} this.activeIndex=0;
this.activeIndexd = index; }
this.userishwo2 = !this.userishwo2; this.activeIndexd = index;
if (item.checked == false) { item.checked = !item.checked;
item.checked = true; if (item.checked == false) {
this.$refs.cgosebox4[index].className = "active"; this.utilSimpleArrayRemove(this.userserachlist[0].tagFunction,item.tagName);
this.userserachlist[0].tagFunction = item.tagName; } else {
} else { this.userserachlist[0].tagFunction.push(item.tagName);
item.checked = false; }
this.$refs.cgosebox4[index].className = "unactive";
this.userserachlist[0].tagFunction = ""; // if (this.userishwo2 == false) {
} // tagFunction = {
// if (this.userishwo2 == false) { // petType: this.allacindex,
// tagFunction = { // tagFunction: item.tagName,
// petType: this.allacindex, // };
// tagFunction: item.tagName, // } else {
// }; // console.log("这是false");
// } else { // tagFunction = {
// console.log("这是false"); // petType: this.allacindex,
// tagFunction = { // };
// petType: this.allacindex, // }
// }; // for (let i = 0; i < this.userserachlist.length; i++) {
// } // if (!this.userserachlist.includes(tagFunction)) {
// for (let i = 0; i < this.userserachlist.length; i++) { // this.userserachlist.push(tagFunction);
// if (!this.userserachlist.includes(tagFunction)) { // }
// this.userserachlist.push(tagFunction); // }
// } this.usersearch(this.userserachlist, this.activeIndex1);
// }
this.usersearch(this.userserachlist, this.activeIndex1);
}, },
selectagd(item, index) { selectagd(item, index) {
if(this.activeIndex=='-1'){ this.checkRxGoods(false);
this.activeIndex=0; if(this.activeIndex=='-1'){
} this.activeIndex=0;
let tagBreed = {}; }
this.activeIndexe = index; let tagBreed = {};
this.userishwo3 = !this.userishwo3; this.activeIndexe = index;
if (item.checked == false) { item.checked = !item.checked;
item.checked = true; if (item.checked == false) {
this.$refs.chosebox3[index].className = "active"; this.utilSimpleArrayRemove(this.userserachlist[0].tagBreed,item.tagName);
this.userserachlist[0].tagBreed = item.tagName; } else {
} else { this.userserachlist[0].tagBreed.push(item.tagName);
item.checked = false; }
this.$refs.chosebox3[index].className = "unactive"; // this.$refs.chosebox3[index].className = "unactive";
this.userserachlist[0].tagBreed = ""; // for (let i = 0; i < this.userserachlist.length; i++) {
} // if (!this.userserachlist.includes(tagBreed)) {
// this.userserachlist.push(tagBreed);
// this.$refs.chosebox3[index].className = "unactive"; // }
// for (let i = 0; i < this.userserachlist.length; i++) { // }
// if (!this.userserachlist.includes(tagBreed)) { this.usersearch(this.userserachlist, this.activeIndex1);
// this.userserachlist.push(tagBreed);
// }
// }
this.usersearch(this.userserachlist, this.activeIndex1);
}, },
//Fetching Categories Products
selectproduct(item, index) { selectproduct(item, index) {
if(this.activeIndex=='-1'){ if(this.activeIndex=='-1'){
this.activeIndex=0; this.activeIndex=0;
} }
this.activeIndexb = index; this.activeIndexb = index;
// console.log(this.userishwo=!this.userishwo) let _self=this;
if (item.checked == false) { //Handling Rx Goods
item.checked = true; if(item.isRxGoods==1)
this.$refs.chosebox[index].className = "active"; {
this.userserachlist[0].categoryName = item.tagName; this.checkRxGoods(true);
} else { }
item.checked = false; //Handling Rx Goods end
this.$refs.chosebox[index].className = "unactive";
this.userserachlist[0].categoryName = ""; //Handling other options
} else {
// console.log(this.userishwo=!this.userishwo)
this.checkRxGoods(false);
//item.checked = !item.checked;
//this.prefecture[index].checked = item.checked;
item.checked = !item.checked;
this.prefecture[index].checked = item.checked;
if (item.checked == false) {
this.utilSimpleArrayRemove(this.userserachlist[0].categoryName,item.tagName);
} else {
this.userserachlist[0].categoryName.push(item.tagName);
}
}
//Handling other options end
// if (this.userishwo == false) { // if (this.userishwo == false) {
// console.log("===="); // console.log("====");
// categoryName = { // categoryName = {
@ -866,10 +988,8 @@ export default {
// this.userserachlist.push(categoryName); // this.userserachlist.push(categoryName);
// } // }
// } // }
this.usersearch(this.userserachlist, this.activeIndex1);
this.usersearch(this.userserachlist, this.activeIndex1);
}, },
//弹框的显示隐藏 //弹框的显示隐藏
}, },
}; };