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

!17 2022-1-17 Jiamin

Browse Source 
Merge pull request !17 from Admin/sit-jiamin-v2
This commit is contained in:
Admin 2022-01-17 03:19:55 +00:00 committed by Gitee
commit 2d1f2210bb
No known key found for this signature in database
GPG Key ID: 173E9B9CA92EEF8F
8 changed files with 747 additions and 1325 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
rc-busness/assets/css/discount.less
View File

@ -1,8 +1,6 @@
@media screen and (max-width:768px){ @media screen and (max-width:768px){
.allmain{ .allmain{
.rc-top{
margin-top: 2.5rem;
}
} }
.active { .active {
@ -29,7 +27,7 @@
display: block; display: block;
margin-left: 32px; margin-left: 32px;
font-weight: bold; font-weight: bold;
cursor: pointer;
} }
span:first-child { span:first-child {
margin-left: 0; margin-left: 0;
@ -156,9 +154,7 @@ margin-top: 8px;
@media screen and (min-width: 769px){ @media screen and (min-width: 769px){
.allmain{ .allmain{
.rc-top{
margin-top: 1.5rem;
}
.rs-dis{ .rs-dis{
display: flex; display: flex;
flex-flow: wrap; flex-flow: wrap;
@ -192,6 +188,7 @@ margin-top: 8px;
margin-left: 40px; margin-left: 40px;
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;
cursor: pointer;
} }
span:first-child { span:first-child {

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

@ -129,13 +129,14 @@ img, picture {
height: 100%; height: 100%;
background: #333333; background: #333333;
opacity: 0.6; opacity: 0.6;
position: absolute; position: fixed;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
z-index: 8; z-index: 8;
} }
.ts-scrollable-container{ .ts-scrollable-container{
display: flex; display: flex;
align-items: center;
h2{ h2{
margin:0; margin:0;
display: flex; display: flex;

1055
rc-busness/assets/css/search.less
View File

File diff suppressed because it is too large Load Diff

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

@ -1523,11 +1523,6 @@ this.activeInde3=index;
} }
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
@media screen and(min-width: 320px) and(max-width:768px){
}
@import url("../assets/css/global.less"); @import url("../assets/css/global.less");
@import url("../assets/css/index.less"); @import url("../assets/css/index.less");

33
rc-busness/pages/personal/discount.vue
View File

@ -2,11 +2,10 @@
<div class="allmain"> <div class="allmain">
<Myheader></Myheader> <Myheader></Myheader>
<div class="online bold rc-md-down" id="fixed-catbar-seperator"></div>
<!-- <tabs></tabs> --> <!-- <tabs></tabs> -->
<div class="rc-top"></div> <div class="rc-top"></div>
<div class="rc-usermain"> <div class="rc-usermain">
<div class="online bold"></div>
<div class="rc"> <div class="rc">
<span <span
v-for="(item, index) in discountlist" v-for="(item, index) in discountlist"
@ -28,14 +27,14 @@
> >
<img :src="userimage" alt="" /> <img :src="userimage" alt="" />
<div class="rc-contair"> <div class="rc-contair">
<div class="rc-left" ref="userleft" id="userleft"> <div class="rc-left" ref="userleft" id="userleft" :style='usercolor'>
<div> <div>
<i>￥</i><span>{{ item.couponAmount }}</span> <i>￥</i><span>{{item.couponTypeId=='4'?(item.discount) *10:item.couponAmount}}</span>
</div> </div>
<strong>{{ item.couponName }}</strong> <strong>{{ item.couponName }}</strong>
</div> </div>
<div class="rc-right"> <div class="rc-right">
<i> <i :style='usercolor'>
{{ item.couponName }} {{ item.couponName }}
</i> </i>
<div class="rc-userfont"> <div class="rc-userfont">
@ -71,6 +70,7 @@ export default {
userload: true, userload: true,
pastdue: false, pastdue: false,
unused: false, unused: false,
usercolor:{color:'#e1001a'},
usermessage:[], usermessage:[],
userstates:0, userstates:0,
userimage: require("../../assets/image/unused.png"), userimage: require("../../assets/image/unused.png"),
@ -207,21 +207,26 @@ export default {
this.pastdue = true; this.pastdue = true;
this.userimage = require("../../assets/image/hasused.png"); this.userimage = require("../../assets/image/hasused.png");
this.userstates=1 this.userstates=1
this.userdraw(this.usermessage.data.mobile,0) console.log(this.$refs.userleft);
this.usercolor={color:'white'}
this.userdraw(this.usermessage.data.mobile,1)
} }
if (this.activeIndex == 0) { if (this.activeIndex == 0) {
this.userload = true; this.userload = true;
this.pastdue = false; this.pastdue = false;
this.userdraw(this.usermessage.data.mobile,0) this.userdraw(this.usermessage.data.mobile,0)
this.usercolor={color:'#e1001a'}
this.userstates=0 this.userstates=0
this.userimage = require("../../assets/image/unused.png"); this.userimage = require("../../assets/image/unused.png");
} }
if (this.activeIndex == 2) { if (this.activeIndex == 2) {
this.userload = false; this.userload = false;
this.pastdue = true; this.pastdue = true;
this.userdraw(this.usermessage.data.mobile,0) this.userdraw(this.usermessage.data.mobile,2)
this.userstates=2 this.userstates=2
this.usercolor={color:'white'}
this.userimage = require("../../assets/image/expired.png"); this.userimage = require("../../assets/image/expired.png");
} }
console.log(index); console.log(index);
@ -242,6 +247,18 @@ export default {
// } // }
// dis_livchat(option); // dis_livchat(option);
// } // }
},
directives: {
'color': {
bind: function(el, binding){
el.style.color = binding.value
},
inserted: function(el){
}
},
}, },
mounted() { mounted() {
if(this.usermessage!=='' ||this.usermessage.data!==undefined){ if(this.usermessage!=='' ||this.usermessage.data!==undefined){

652
rc-busness/pages/personal/settlement.vue
View File

@ -3,6 +3,7 @@
<Myheader></Myheader> <Myheader></Myheader>
<tabs></tabs> <tabs></tabs>
<div class="online"></div> <div class="online"></div>
<div class="rc-main" v-for="(item,index) in goldmedal" :key="index" > <div class="rc-main" v-for="(item,index) in goldmedal" :key="index" >
<div class="rc-border"></div> <div class="rc-border"></div>
<div <div
@ -133,6 +134,21 @@ export default {
state: "李某某", state: "李某某",
tel: "15124117917", tel: "15124117917",
address: "广东省 广州市 天河区 天河客运站118号", address: "广东省 广州市 天河区 天河客运站118号",
},
{
state: "李某某",
tel: "15124117917",
address: "广东省 广州市 天河区 天河客运站118号",
},
{
state: "李某某",
tel: "15124117917",
address: "广东省 广州市 天河区 天河客运站118号",
},
{
state: "李某某",
tel: "15124117917",
address: "广东省 广州市 天河区 天河客运站118号",
}, },
], ],
@ -197,638 +213,6 @@ jiesuan(){
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
ul li ol li em strong i { @import url("../../assets/css/global.less");
list-style: none; @import url("../../assets/css/settlement.less");
font-style: normal;
}
.rc-header {
width: 100%;
}
//手机端
@media screen and (max-width: 768px) {
.rc-button{
position: fixed;
bottom: 0;
width: 100%;
height: 0.8rem;
background-color: white;
display: flex;
justify-content: space-between;
align-items: center;
box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);
.rc-left{
margin-left: 0.20rem;
}
span{
font-size: 14px;
color: #333333;
}
em{
font-style: normal;
font-size: 0.18rem;
color: #E1001A;
}
strong{
display: flex;
align-items: center;
justify-content: center;
height: 0.48rem;
background: #E2001A;
border-radius: 0.30rem;
color: white;
width: 1rem;
margin-right: 0.2rem
;
}
}
.rc-main {
width: 92%;
margin: 0 auto;
.rc-userbottom{
display: none;
}
.viewdetails{
display: none;
}
.rc-foo{
display: none;
}
.rc-receiving {
width: 100%;
height: 80px;
display: flex;
align-items: center;
em {
font-style: normal;
color: #e1001a;
font-size: 22px;
}
span {
color: #666666;
font-size: 12px;
display: block;
margin-left: 18px;
width: 62%;
}
}
.delivery {
display: flex;
flex-direction: column;
height: 80px;
.to-delivery {
display: flex;
align-items: center;
font-style: normal;
span {
display: block;
margin-left: 3px;
}
i {
font-style: normal;
margin-left: 8px;
display: block;
}
}
.bo-delivery {
span {
font-size: 14px;
color: #666666;
display: block;
margin-top: 8px;
}
}
}
.mypersonal {
display: flex;
flex-direction: column;
justify-content: center;
height: 80px;
.my-delivery {
display: flex;
align-items: center;
font-style: normal;
span {
display: block;
}
i {
font-style: normal;
margin-left: 8px;
display: block;
}
}
.per-delivery {
span {
font-size: 14px;
color: #666666;
display: block;
margin-top: 8px;
}
}
}
.rc-usermain {
display: flex;
.rc-image {
border: 1px solid #d8d8d8;
margin-top: 17px;
height: 96px;
img {
width: 96px;
height: 96px;
display: block;
}
}
.rc-right {
.rc-userbottomm {
display: none;
}
display: flex;
flex-direction: column;
width: 100%;
margin-left: 16px;
justify-content: center;
em {
font-style: normal;
display: block;
font-size: 16px;
margin-top: 18px;
font-weight: bold;
color: #e1001a;
}
}
.rc-userright {
display: flex;
flex-direction: column;
color: #666666;
font-size: 14px;
span {
display: block;
margin-top: 16px;
}
}
.rc-userbottom {
display: flex;
justify-content: space-between;
margin-top: 8px;
span {
color: #666666;
font-size: 14px;
}
i {
font-style: normal;
color: #e1001a;
font-size: 18px;
font-weight: bold;
}
.rc-bottom{
display: none;
}
}
.rc-bottomm {
display: flex;
align-items: center;
justify-content: flex-end;
margin-top: 24px;
span {
display: block;
width: 130px;
display: flex;
align-items: center;
line-height: 40px;
text-align: center;
color: #e2001a;
height: 40px;
font-size: 12px;
border: 2px solid #e2001a;
justify-content: center;
border-radius: 30px;
font-weight: bold;
}
span:last-child {
margin-left: 15px;
}
}
}
.rc-merchandise {
width: 100%;
margin-top: 32px;
ul {
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
line-height: 26px;
i {
font-style: normal;
color: #666666;
font-size: 14px;
}
li {
list-style: none;
font-style: normal;
display: flex;
justify-content: space-between;
span {
font-size: 14px;
color: #333333;
}
}
li:last-child {
i {
color: #e1001a;
font-size: 16px;
font-style: normal;
}
}
}
}
.rc-payment{
width: 100%;
margin-top: 32px;
.u-trackingnumber{
display: flex;
align-items: center;
i {
font-size: 14px;
font-style: normal;
margin-right: 16px;
}
img{
width: 8px;
height: 16px;
}
}
ul {
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
line-height: 26px;
i {
font-style: normal;
color: #666666;
font-size: 14px;
}
li {
list-style: none;
font-style: normal;
display: flex;
justify-content: space-between;
span {
font-size: 14px;
color: #333333;
}
}
}
}
}
}
//pc端
@media screen and (min-width: 768px) and (max-width: 1920px) {
.rc-main {
width: 92%;
margin: 0 auto;
.rc-userbottomm{
display: none;
}
.rc-border{
width: 100%;
border-bottom: 1px solid #D7D7D7;
margin-top: 32px;
}
.rc-receiving {
width: 100%;
height: 80px;
display: flex;
flex-direction: column;
em {
font-style: normal;
color: #E1001A;
font-size: 26px;
}
span {
color: #666666;
font-size: 16px;
display: block;
margin-top: 25px;
}
}
.delivery {
display: flex;
flex-direction: column;
height: 140px;
display: flex;
justify-content: center;
.viewdetails{
display: flex;
align-items: center;
justify-content: flex-end;
span{
color:#444444;
font-size: 18px;
display: block;
margin-right: 8px;
}
img{
width: 8px;
height: 16px;
}
}
.to-delivery {
display: flex;
align-items: center;
font-style: normal;
span {
display: block;
// margin-left: 16px;
font-size: 18px;
color: #333333;
}
i {
font-style: normal;
margin-left: 8px;
display: block;
font-size: 18px;
color: #999999;
}
}
.bo-delivery {
span {
font-size: 16px;
color: #666666;
display: block;
margin-top: 16px;
}
}
}
.mypersonal {
display: flex;
flex-direction: column;
height: 140px;
justify-content: center;
.my-delivery {
display: flex;
align-items: center;
font-style: normal;
span {
display: block;
margin-left: 3px;
font-size: 18px;
color: #333333;
}
i {
font-style: normal;
margin-left: 8px;
display: block;
font-size: 18px;
color: #333333;
}
}
.per-delivery {
span {
font-size: 18px;
color: #666666;
display: block;
margin-top: 16px;
}
}
}
.rc-usermain {
display: flex;
.rc-image {
border: 1px solid #d8d8d8;
margin-top: 17px;
img {
width: 96px;
height: 96px;
display: block;
}
}
.rc-right {
.rc-bottomm{
display: none;
}
.rc-usercenter{
display: flex;
justify-content: center;
flex-direction: column;
em {
font-style: normal;
display: block;
font-size: 18px;
font-weight: bold;
margin-top: 17px;
color: #e1001a;
}
}
display: flex;
width: 100%;
margin-left: 16px;
}
.rc-userright {
display: flex;
flex-direction: column;
color: #666666;
font-size: 16px;
span {
display: block;
margin-top: 16px;
font-size: 16px;
}
}
.rc-userbottom {
display: flex;
width: 80%;
justify-content: space-between;
align-items: center;
margin-left: 119px;
span {
color: #E1001A;
font-size: 20px;
}
i {
font-style: normal;
color: #e1001a;
font-size: 20px;
font-weight: bold;
}
.rc-bottom {
display: flex;
align-items: center;
justify-content: flex-end;
margin-top: 24px;
span {
display: block;
width: 164px;
display: flex;
align-items: center;
line-height: 40px;
text-align: center;
color: #e2001a;
height: 40px;
border: 2px solid #e2001a;
justify-content: center;
border-radius: 30px;
font-weight: bold;
font-size: 14px;
}
}
}
}
.rc-merchandise {
width: 100%;
margin-top: 32px;
ul {
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
line-height: 40px;
font-size: 18px;
i {
font-style: normal;
color: #666666;
}
li {
list-style: none;
font-style: normal;
display: flex;
justify-content: space-between;
span {
color: #333333;
}
}
li:last-child {
i {
color: #e1001a;
font-size: 20px;
font-style: normal;
}
}
}
}
.rc-payment{
width: 100%;
margin-top: 80px;
.u-trackingnumber{
display: flex;
align-items: center;
i {
font-size: 18px;
font-style: normal;
margin-right: 16px;
}
img{
width: 8px;
height: 16px;
}
}
ul {
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
line-height: 40px;
font-size: 18px;
i {
font-style: normal;
color: #666666;
display: block;
}
li {
list-style: none;
font-style: normal;
display: flex;
justify-content: space-between;
span {
color: #333333;
}
}
}
}
.rc-foot{
display: flex;
flex-direction: column;
.rc-foo{
display: flex;
justify-content: flex-end;
flex-direction: column;
align-items: self-end;
i{
font-style: normal;
color:#333333;
font-size: 20px;
margin-right: 20px;
}
em{
font-style: normal;
color: #E1001A;
font-size: 26px;
}
span{
display: block;
width: 164px;
margin-top: 36px;
background: #E2001A;
line-height: 48px;
text-align: center;
color: white;
font-size: 16px;
height: 48px;
border-radius: 30px;
}
}
}
}
}
</style> </style>

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

@ -1,7 +1,6 @@
<template> <template>
<div> <div>
<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">
<div class="usersearch"> <div class="usersearch">

294
rc-busness/pages/usersearch/search.vue
View File

@ -1,9 +1,8 @@
<template> <template>
<div> <div>
<Myheader></Myheader> <Myheader></Myheader>
<div class="rc-top"> <div class="rc-top"></div>
<div class="rc-max-width--xl rc-main">
<div class="rc-main">
<div class="usersearch"> <div class="usersearch">
<div class="form-search"> <div class="form-search">
<van-search <van-search
@ -18,193 +17,204 @@
</template> </template>
</van-search> </van-search>
</div> </div>
<div class="rc-title"> <div class="rc-max-width--xl rc-title">
<h2>热门搜索</h2> <strong>热门搜索</strong>
<span class="rc-change">换一批</span> <span class="rc-change">换一批</span>
</div> </div>
<div class="rc-variety"> <div class="rc-max-width--xl rc-variety">
<ul> <ul>
<li v-for="(item, index) in searchdata" :key="index" @click="selectsearch(item, index)" :class="activeIndexa == index ? 'active' : 'unactive'"> <li v-for="(item, index) in searchdata" :key="index" @click="selectsearch(item, index)" :class="activeIndexa == index ? 'active' : 'unactive'">
{{ item.title }} {{ item.title }}
</li> </li>
</ul> </ul>
</div> </div>
<div class="usersearch">
<div class="usercontentshow" ref="usercontent"> <div class="usercontentshow" ref="usercontent">
<div class="rc-product">
<h2>我想搜</h2> <div class="usercontentshow rc-product">
<strong>我想搜</strong>
<div class="rc-productcat ts-scrollable"> <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'" > <ol>
<img :src="item.catimage" alt="" /> <li v-for="(item, index) in userproduct" :key="index" @click="selectGoods(item, index)" :class="activeIndex == index ? 'active' : 'unactive'" class="ts-standard-btn" ref="userstandard">
<img :src="item.catimage" alt="" />
<span>{{ item.title }}</span> <span>{{ item.title }}</span>
</div> </li>
<div class="rc-productright" @click="userselect">
</ol>
<div class="rc-productcat userselect" @click="userselect" >
<img src="../../assets/image/rc-usericon.png" alt="" /> <img src="../../assets/image/rc-usericon.png" alt="" />
<span @click="usershow()">筛选</span> <span @click="usershow()">筛选</span>
</div> </div>
</div> </div>
</div> </div>
<div class="rc-age"> <div class="ts-scrollable-container">
<h2>专区:</h2> <strong>专区:</strong>
<ol class="ts-scrollable"> <ol class="ts-scrollable">
<li v-for="(item, index) in prefecture" :key="index" @click="selectproduct(item, index)" :class="activeIndexb == index ? 'active' : 'unactive'" > <li v-for="(item, index) in prefecture" :key="index" @click="selectproduct(item, index)" :class="activeIndexb == index ? 'active' : 'unactive'" >
{{ item.tagName }} {{ item.tagName }}
</li> </li>
</ol> </ol>
</div> </div>
<div class="rc-age"> <div class="ts-scrollable-container">
<h2>年龄:</h2> <strong>年龄:</strong>
<ol class="ts-scrollable"> <ol class="ts-scrollable">
<li v-for="(item, index) in catage" :key="index" @click="selectage(item, index)" :class="activeIndexc == index ? 'active' : 'unactive'"> <li v-for="(item, index) in catage" :key="index" @click="selectage(item, index)" :class="activeIndexc == index ? 'active' : 'unactive'">
{{ item.tagName }} {{ item.tagName }}
</li> </li>
</ol> </ol>
</div> </div>
</div>
<div class="rc-contair">
<ul>
<li v-for="(item,index) in rccontair" :key="index">
<div class="rc-click" @click="selectproduce(item)">
<div class="rc-rccontair">
<img :src=item.picture alt="">
</div>
<span>{{item.name}}</span>
<i>{{item.price}}</i>
</div>
<strong @click="userbuy()">立即购买</strong>
</li>
</ul>
</div>
</div> </div>
</div> </div>
<div class="usershow" v-if="openshow">
<div class="rc-show">
</div>
</div> </div>
<div class="online"></div>
</div> <!-- rc-main start -->
<div v-if="isadrond"> <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 v-if="isadrond" class="useronshow">
<div class="rc-mubu" v-if="isshow" @click="usershow()"> <div class="rc-mubu" v-if="isshow" @click="usershow()">
</div> </div>
<div class="rc-bottom rc-main" v-if="isshow"> <div class="rc-bottom rc-full-width" v-if="isshow">
<div class="rc-bottoma" > <div class="usersearch">
<div class="usercontentshow rc-column" ref="usercontent">
<div class="usercontentshow rc-product">
<div class="rc-productcat ts-scrollable"> <div class="rc-productcat ts-scrollable">
<div class="rc-cat" v-for="(item, index) in userproduct" :key="index" @click="selectGoods(item, index)" :class="activeIndex1 == index ? 'active' : 'unactive'" > <ol>
<img :src="item.catimage" alt="" /> <li v-for="(item, index) in userproduct" :key="index" @click="selectGoods(item, index)" :class="activeIndex == index ? 'active' : 'unactive'" class="ts-standard-btn" ref="userstandard">
<img :src="item.catimage" alt="" />
<span>{{ item.title }}</span> <span>{{ item.title }}</span>
</div> </li>
</ol>
</div> </div>
<div class="rc-age">
<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>
<div class="rc-age"> <div class="ts-scrollable-container">
<h2>年龄:</h2> <strong>专区:</strong>
<ol class="ts-scrollable"> <ol class="ts-scrollable">
<li v-for="(item, index) in catage" :key="index" @click="selectage(item, index)" :class="activeIndexc == index ? 'active' : 'unactive'"> <li v-for="(item, index) in prefecture" :key="index" @click="selectproduct(item, index)" :class="activeIndexb == index ? 'active' : 'unactive'" >
{{ item.tagName }} {{ item.tagName }}
</li> </li>
</ol> </ol>
</div>
<div class="rc-age">
<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>
<div class="rc-age"> <div class="ts-scrollable-container">
<h2>品种:</h2> <strong>年龄:</strong>
<ol class="ts-scrollable"> <ol class="ts-scrollable">
<li v-for="(item, index) in catageb" :key="index" @click="selectagd(item, index)" :class="activeIndexe == index ? 'active' : 'unactive'"> <li v-for="(item, index) in catage" :key="index" @click="selectage(item, index)" :class="activeIndexc == index ? 'active' : 'unactive'">
{{ item.tagName }} {{ item.tagName }}
</li> </li>
</ol> </ol>
</div> </div>
</div> <div class="ts-scrollable-container">
<div class="rc-footer"> <strong>功能:</strong>
<ol class="ts-scrollable">
<span @click="usershow()">取消</span> <li v-for="(item, index) in catagea" :key="index" @click="selectagc(item, index)" :class="activeIndexd == index ? 'active' : 'unactive'">
<em @click="usershow()">确定</em> {{ item.tagName }}
</div> </li>
</ol>
</div>
<div class="ts-scrollable-container">
<strong>品种:</strong>
<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>
</div> </div>
</div> </div>
<el-dialog <el-dialog
:visible.sync="dialogInfo1" :visible.sync="dialogInfo1"
hegight="700px" hegight="700px"
v-if="!isadrond" v-if="!isadrond"
> >
<div class="usersearch">
<div class="rc-bottom"> <div class="usercontentshow" ref="usercontent">
<div class="rc-bottoma" > <div class="usercontentshow rc-product">
<div class="rc-productcat"> <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'" > <ol>
<img :src="item.catimage" alt="" /> <li v-for="(item, index) in userproduct" :key="index" @click="selectGoods(item, index)" :class="activeIndex == index ? 'active' : 'unactive'" class="ts-standard-btn" ref="userstandard">
<span>{{ item.name }}</span> <img :src="item.catimage" alt="" />
</div> <span>{{ item.title }}</span>
</li>
</ol>
</div> </div>
<div class="rc-age"> </div>
<h2>专区:</h2> <div class="ts-scrollable-container">
<ol> <strong>专区:</strong>
<li v-for="(item, index) in prefecture" :key="index" @click="selectproduct(item, index)" :class="activeIndexb == index ? 'active' : 'unactive'" > <ol class="ts-scrollable">
{{ item.title }} <li v-for="(item, index) in prefecture" :key="index" @click="selectproduct(item, index)" :class="activeIndexb == index ? 'active' : 'unactive'" >
</li> {{ item.tagName }}
</ol> </li>
</ol>
</div> </div>
<div class="rc-age"> <div class="ts-scrollable-container">
<h2>年龄:</h2> <strong>年龄:</strong>
<ol> <ol class="ts-scrollable">
<li v-for="(item, index) in catage" :key="index" @click="selectage(item, index)" :class="activeIndexc == index ? 'active' : 'unactive'"> <li v-for="(item, index) in catage" :key="index" @click="selectage(item, index)" :class="activeIndexc == index ? 'active' : 'unactive'">
{{ item.title }} {{ item.tagName }}
</li> </li>
</ol> </ol>
</div> </div>
<div class="rc-age"> <div class="ts-scrollable-container">
<h2>功能:</h2> <strong>功能:</strong>
<ol> <ol class="ts-scrollable">
<li v-for="(item, index) in catagea" :key="index" @click="selectagc(item, index)" :class="activeIndexd == index ? 'active' : 'unactive'"> <li v-for="(item, index) in catagea" :key="index" @click="selectagc(item, index)" :class="activeIndexd == index ? 'active' : 'unactive'">
{{ item.title }} {{ item.tagName }}
</li> </li>
</ol> </ol>
</div> </div>
<div class="ts-scrollable-container">
<div class="rc-age"> <strong>品种:</strong>
<h2>品种:</h2> <ol class="ts-scrollable">
<ol> <li v-for="(item, index) in catageb" :key="index" @click="selectagd(item, index)" :class="activeIndexe == index ? 'active' : 'unactive'">
<li v-for="(item, index) in catageb" :key="index" @click="selectagd(item, index)" :class="activeIndexe == index ? 'active' : 'unactive'"> {{ item.tagName }}
{{ item.title }} </li>
</li> </ol>
</ol>
</div> </div>
</div> </div>
</div> </div>
<div class="rc-button"> <div class="rc-button">
<span @click="openclose()">取消</span> <span @click="openclose()">取消</span>
<em>确认</em> <em>确认</em>
</div> </div>
</el-dialog> </el-dialog>
</div>
</div>
<!-- rc-main end -->
</div> </div>
</template> </template>
@ -448,6 +458,10 @@ this.userst();
}, },
async usetmessage() { async usetmessage() {
this.$nextTick(() => {
this.$refs.userstandard[0].style.margin=0 + 'px'
})
let data = await biaome(this.value,10); let data = await biaome(this.value,10);
if(data){ if(data){
this.rccontair=data; this.rccontair=data;
@ -503,7 +517,7 @@ this.dialogInfo1=false;
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;
}) })
@ -645,7 +659,7 @@ this.dialogInfo1=false;
this.$nextTick(() => { this.$nextTick(() => {
this.isshow=false; this.isshow=false;
// dom元素更新后执行，因此这里能正确打印更改之后的值 // dom元素更新后执行，因此这里能正确打印更改之后的值
this.$refs.usercontent.style.display='block '; // this.$refs.usercontent.style.display='block ';
}) })
}, },
@ -683,7 +697,7 @@ this.dialogInfo1=false;
console.log(this.userserachlist); console.log(this.userserachlist);
} }
this.usersearch(this.userserachlist) this.usersearch(this.userserachlist)
this.activeIndexd=index; this.activeIndexd=index;
}, },
selectagd(item, index) { selectagd(item, index) {
console.log(item) console.log(item)