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

更改

Browse Source
This commit is contained in:
952108534@qq.com 2022-01-20 11:52:43 +08:00
parent bfe208efb6
commit e86acd1e85
16 changed files with 27452 additions and 2508 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -8,38 +8,17 @@ body{
.fade-leave-active { .fade-leave-active {
opacity: 0; opacity: 0;
} }
.ts-no-data{
text-align: center;
margin:3rem 0;
}
.ts-mask{
width:100%;
height:100%;
position: fixed;
top:0;
left:0;
display:flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index:99;
.ts-mask-bg{
background-color:#000;
opacity:.6;
width:100%;
height:100%;
z-index:0;
position:absolute;
left:0;
top:0;
}
}
.userloding { .userloding {
position: fixed;
left: 50%;
margin-left: -1.56rem;
top: 50%;
margin-top: -3.75rem;
background: url(../image/onloading.png) center center no-repeat; background: url(../image/onloading.png) center center no-repeat;
width: 3.12rem; width: 3.12rem;
background-size: contain; background-size: contain;
height: 3.12rem; height: 7.5rem;
z-index: 1000;
animation: rolling 4s infinite; animation: rolling 4s infinite;
-webkit-animation:rolling 4s infinite; -webkit-animation:rolling 4s infinite;
} }
@ -69,6 +48,8 @@ body{
} }
//用户光点 //用户光点
.rc-screen-reader{ .rc-screen-reader{
width: 0.81rem;
height: 0.81rem;
border-radius: 50%; border-radius: 50%;
position: absolute; position: absolute;
background-color: red; background-color: red;
@ -78,13 +59,6 @@ body{
width: 0.37rem; width: 0.37rem;
height: 0.37rem; height: 0.37rem;
} }
.rc-menu--xs .rc-screen-reader{
left: 30%;
}
.rc-list__link.ts-login--xs .rc-screen-reader{
left:16%;
}
img, picture { img, picture {
display: block; display: block;
max-width: 100%; max-width: 100%;
@ -111,8 +85,7 @@ img, picture {
li{ li{
border: 1px solid #D7D7D7; border: 1px solid #D7D7D7;
display: inline-flex; display: inline-flex;
border-bottom-left-radius: 4px; border-radius: 4px;
border-bottom-right-radius: 4px;
flex-direction: column; flex-direction: column;
max-width:10rem; max-width:10rem;
.rc-column .rc-column
@ -144,7 +117,7 @@ img, picture {
} }
img{ img{
width:10rem; width:10rem;
min-height:10rem; height:10rem;
object-fit: contain; object-fit: contain;
display: flex; display: flex;
margin: 0 auto; margin: 0 auto;
@ -256,12 +229,13 @@ img, picture {
right: 0; right: 0;
top: 30%; top: 30%;
background: #FFFFFF; background: #FFFFFF;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.16); box-shadow: 0px 0px .62rem rgba(0, 0, 0, 0.16);
border-radius: .25rem; border-radius: .25rem;
z-index:3; z-index:3;
ul{ ul{
width: 60px; width: 60px;
height: 181px; height: 181px;
box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
background-color: white; background-color: white;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -339,9 +313,6 @@ img, picture {
html { html {
//font-size:100px; //font-size:100px;
} }
.rc-list__link.ts-login--xs .rc-screen-reader{
left:7%;
}
.rc-md-up { .rc-md-up {
display: none!important; display: none!important;
} }
@ -352,7 +323,9 @@ img, picture {
margin-top: 90px; margin-top: 90px;
} }
.rc-list__header { .rc-list__header {
background: none;
padding: .5rem 0;
border-bottom: none;
} }
.ts-right-arr { .ts-right-arr {
border-bottom:1px solid #E1001A; border-bottom:1px solid #E1001A;
@ -443,13 +416,8 @@ img, picture {
display:block; display:block;
li{ li{
max-width:20rem; max-width:20rem;
min-width:18.75rem;
width:22.8vw;
//margin-right:.875rem; //margin-right:.875rem;
margin-left:2vw; margin-left:2.2vw;
padding-left:1px;
padding-right:1px;
box-sizing: border-box;
.rc-column{ .rc-column{
span{ span{
font-size:1.875rem; font-size:1.875rem;
@ -464,7 +432,7 @@ img, picture {
} }
} }
img{ img{
width:100%; width:21.7vw;
max-width:320px; max-width:320px;
min-width:160px; min-width:160px;
} }
@ -571,40 +539,35 @@ img, picture {
} }
h2{ h2{
font-size:20px; font-size:20px;
padding-bottom:1rem;
} }
.ts-scrollable .ts-scrollable
{ {
padding-bottom:1rem;
scrollbar-width: thin;
li li
{ {
margin-left: 30px; margin-left: 30px;
width: 8.125rem; width: 8.125rem;
height: 2.5rem; height: 2.5rem;
//line-height: 40px; line-height: 40px;
font-size: .875rem; font-size: .875rem;
padding:.375rem;
} }
/*
&::-webkit-scrollbar{ &::-webkit-scrollbar{
height: 6px; background:unset;
width:50%; height:4px;
background:transparent;
} }
&::-webkit-scrollbar-thumb{ &::-webkit-scrollbar-thumb{
background-color:#d7d7d7; background-color:#d7d7d7;
border-radius:10px; height:2px;
width:50%;
} }
&::-webkit-scrollbar-track{ &::-webkit-scrollbar-track{
//background-color:#ddd; background-color:ddd;
background-color:transparent;
height:2px;
} }
&::-webkit-scrollbar-button{ &::-webkit-scrollbar-button{
background:unset; background:unset;
} }
/* */ */
} }
} }
@ -626,10 +589,10 @@ img, picture {
{ {
.ts-product-list { .ts-product-list {
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;
} }
} }
} }

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

@ -5,31 +5,13 @@
/deep/.van-swipe__indicator--active{ /deep/.van-swipe__indicator--active{
background-color: #E1001A; background-color: #E1001A;
} }
.rc-ma{
.ts-carousel-indicator{ .ul-zhuan{
/deep/.swiper-pagination-bullet{
margin-left:.5rem;
}
/deep/.swiper-pagination-bullet-active{
background:#E2001A;
}
&.center{
width:100%;
text-align: center;
}
}
.ts-position-identifier{
}
.ul-zhuan,.ul-dog{
li{ li{
background: unset; background: unset;;
img{ img{
border-radius: 50%; border-radius: 50%;
} }
&:first-child{
margin-left:0;
}
&.active { &.active {
img{ img{
border: 3px solid #E2001A; border: 3px solid #E2001A;
@ -45,58 +27,25 @@
} }
} }
} }
}
.uservideo{ .uservideo{
overflow: hidden; overflow: hidden;
video{ video{
width:100%; height:100%;
height:auto; width:auto;
}
}
.ul-dog{
width: 100%;
display: flex;
justify-content: center;
flex-wrap: wrap;
flex-direction: row;
span{
margin-top: .5rem;
display: block;
}
img{
width: 9.5rem;
height: auto;
display: block;
}
li{
cursor: pointer;
font-size: 16px;
text-align: center;
margin-top:3rem;
margin-left:3rem;
} }
} }
@media screen and (max-width:768px){ @media screen and (max-width:768px){
.ul-dog{ .ul-dog{
justify-content: space-evenly; display: none;
img{
width:4rem;
height:auto;
}
li{
margin-top:1.875rem;
}
}
.ts-banner-swiper-container{
margin-bottom:2.5rem;
} }
.searchBara{ .searchBara{
position: fixed;
width: 100%; width: 100%;
position: fixed; position: fixed;
top:3.75rem; top:66px;
background: white; background: white;
z-index: 60; z-index: 9999;
overflow-x: auto; overflow-x: auto;
white-space: nowrap; white-space: nowrap;
overflow-y:hidden; overflow-y:hidden;
@ -113,10 +62,12 @@
display: inline-block; display: inline-block;
margin-left: 0.20rem; margin-left: 0.20rem;
text-align: center; text-align: center;
background: #F6F6F6;
border-radius: 50%; border-radius: 50%;
opacity: 1; opacity: 1;
} }
} }
.rc-login{ .rc-login{
width: 92%; width: 92%;
margin:0 auto; margin:0 auto;
@ -149,6 +100,9 @@
} }
} }
}
.van-swipe{
z-index: 2;
} }
.rc-usermessage{ .rc-usermessage{
span{ span{
@ -166,11 +120,9 @@
object-fit: cover; object-fit: cover;
} }
.van-swipe{
z-index: 2;
}
.van-swipe-item { .van-swipe-item {
color: #fff; color: #fff;
height: 26.31rem;
width: 100%; width: 100%;
font-size: 0.20px; font-size: 0.20px;
text-align: center; text-align: center;
@ -184,35 +136,43 @@
#xxxFullScreen { #xxxFullScreen {
background-color: white; background-color: white;
margin-top: 0.40rem; margin-top: 0.40rem;
#swiper1 {
overflow: hidden;
}
.swiper-container{ .swiper-container{
height: 6.45rem; height: 6.45rem;
} }
.swiper-container { .swiper-container, .swiper-container2 {
width: 100%; width: 100%;
// overflow: visible !important;
height: 100%; height: 100%;
position: relative; position: relative;
} }
.swiper-container .swiper-wrapper .swiper-slide { #swiper1 .swiper-container .swiper-wrapper .swiper-slide {
width: 17.25rem; width: 17.25rem;
//height: 6.45rem !important; //Auto adaption //height: 6.45rem !important; //Auto adaption
} }
/* 上一张 */ /* 上一张 */
swiper-container .swiper-wrapper .swiper-slide-prev { #swiper1 .swiper-container .swiper-wrapper .swiper-slide-prev {
margin-top: 0.05rem; margin-top: 0.05rem;
height: 100%; height: 100%;
} }
/* 下一张 */ /* 下一张 */
.swiper-container .swiper-wrapper .swiper-slide-next { #swiper1 .swiper-container .swiper-wrapper .swiper-slide-next {
margin-top: 0.05rem; margin-top: 0.05rem;
height: 100%; height: 100%;
} }
.swiper-container .swiper-wrapper .swiper-slide-active { .swiper-container .swiper-wrapper .swiper-slide-active {
height: 100%; height: 100%;
} }
.uservideo{ .uservideo{
width: 100%; width: 100%;
height:auto; height:auto;
max-height: 15.68rem;
display: block; display: block;
video{ video{
max-width:100%; max-width:100%;
@ -232,9 +192,8 @@
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: flex-start; justify-content: center;
align-items: center; align-items: center;
vertical-align: top;
} }
img{ img{
width: 10rem; width: 10rem;
@ -250,7 +209,6 @@
margin-top: 1.25rem; margin-top: 1.25rem;
} }
p{ p{
color: #666666;
font-size: .875rem; font-size: .875rem;
text-overflow: -o-ellipsis-lastline; text-overflow: -o-ellipsis-lastline;
overflow: hidden; overflow: hidden;
@ -273,7 +231,7 @@
/* 中间的图片 */ /* 中间的图片 */
.swiper-container .swiper-wrapper .swiper-slide-active { .swiper-container .swiper-wrapper .swiper-slide-active {
height: 165px !important;
} }
.swiperWrap{ .swiperWrap{
height: 469px; height: 469px;
@ -281,6 +239,8 @@
img{ img{
height: 469px; height: 469px;
width: 100%; width: 100%;
} }
/deep/.swiper-pagination-bullet-active{ /deep/.swiper-pagination-bullet-active{
background: red; background: red;
@ -341,10 +301,6 @@
} }
} }
// .usermain{
// display: none;
// }
}
.active { .active {
font-size: 0.14rem; font-size: 0.14rem;
img{ img{
@ -357,6 +313,10 @@
border-width: 1px; border-width: 1px;
} }
} }
// .usermain{
// display: none;
// }
}
@media screen and (min-width: 769px) @media screen and (min-width: 769px)
@ -372,16 +332,6 @@
// height: 29.31rem; // height: 29.31rem;
object-fit: cover; object-fit: cover;
} }
.ts-banner-swiper-container{
position:relative;
img{
margin:0 auto;
}
.ts-carousel-indicator{
position:absolute;
bottom:.4rem;
}
}
.van-swipe-item { .van-swipe-item {
color: #fff; color: #fff;
height: 100%; height: 100%;
@ -400,14 +350,17 @@
#xxxFullScreen { #xxxFullScreen {
background-color: white; background-color: white;
// margin-top: 100px; // margin-top: 100px;
#swiper1,#swiper2 { #swiper1 {
width: 100%;
overflow: hidden; overflow: hidden;
margin-top: 2.31rem; margin-top: 2.31rem;
}
h2{ h2{
padding-bottom: 5rem; padding-bottom: 5rem;
} }
}
.swiper-container2 { .swiper-container2 {
width: 100%; width: 100%;
height: 38.6rem; height: 38.6rem;
@ -565,18 +518,14 @@ img{
display: block; display: block;
} }
img{ img{
width:100%; width: 10vw;
height: auto; height: 10vw;
object-fit: contain;
display: block; display: block;
} }
li{ li{
width: 10vw;
max-width:11rem;
cursor: pointer; cursor: pointer;
font-size: 16px; font-size: 16px;
text-align: center; text-align: center;
overflow:hidden;
} }
} }
@ -591,7 +540,33 @@ img{
} }
.usermain{ .usermain{
.ul-dog{
width: 100%;
display: flex;
justify-content: center;
flex-wrap: wrap;
flex-direction: row;
span{
margin-top: 2.5rem;
display: block;
}
img{
width: 9.5rem;
height: 9.5rem;
display: block;
}
li{
cursor: pointer;
font-size: 16px;
width: 9.875rem;
text-align: center;
height: 9.875rem;
background: #F6F6F6;
border-radius: 50%;
margin-left:3rem;
}
}
} }
.rc-main{ .rc-main{
width: 100%; width: 100%;

6
rc-busness/assets/css/login.less
View File

@ -1,9 +1,7 @@
.container{ .container{
min-height:100vh; min-height:80vh;
height:100%; height:100%;
background-color:#f6f6f6; background-color:#f6f6f6;
display: flex;
flex-direction: column;
} }
.ts-max-width--460{ .ts-max-width--460{
border-radius: 3px; border-radius: 3px;
@ -55,13 +53,11 @@
} }
.container { .container {
font-size: 0.1rem; font-size: 0.1rem;
background-color:#fff;
.van-field__body { .van-field__body {
border-bottom: 1px solid red; border-bottom: 1px solid red;
} }
.content { .content {
margin-top: 24px; margin-top: 24px;
box-shadow: unset;
} }
.userfoget { .userfoget {
font-size: 14px; font-size: 14px;

9
rc-busness/assets/css/openaddress.less
View File

@ -3,9 +3,7 @@
.rc-margin-bottom--lg{ .rc-margin-bottom--lg{
margin: 0; margin: 0;
} }
.usercontend {
display:inline-block;
}
@media screen and (max-width:768px){ @media screen and (max-width:768px){
.online{ .online{
@ -48,7 +46,7 @@ color: #FFFFFF;
} }
.rc-max-width--xl{ .rc-max-width--xl{
padding: 24px 20px 24px 20px;
.rc-title { .rc-title {
display: flex; display: flex;
align-items: center; align-items: center;
@ -117,6 +115,9 @@ color: #FFFFFF;
@media screen and (min-width: 769px) @media screen and (min-width: 769px)
{ {
.usercontend {
display:inline-block;
}
.usercontshow{ .usercontshow{
.rc-button{ .rc-button{
display: none; display: none;

130
rc-busness/components/header.vue
View File

@ -6,7 +6,6 @@
<li class="rc-list__item rc-xl-down"> <li class="rc-list__item rc-xl-down">
<button class="rc-btn rc-btn--icon-label rc-icon rc-menu--xs rc-iconography rc-md-up" data-modal-trigger="main-nav-modal" aria-label="Menu" role="menuitem"> <button class="rc-btn rc-btn--icon-label rc-icon rc-menu--xs rc-iconography rc-md-up" data-modal-trigger="main-nav-modal" aria-label="Menu" role="menuitem">
菜单 菜单
<em class="rc-screen-reader" v-show="loginornot"></em>
</button> </button>
<button class="rc-btn rc-btn--icon rc-icon rc-menu--xs rc-iconography rc-md-down" data-js-trigger="mobile-push-nav" aria-label="Menu" role="menuitem"> <button class="rc-btn rc-btn--icon rc-icon rc-menu--xs rc-iconography rc-md-down" data-js-trigger="mobile-push-nav" aria-label="Menu" role="menuitem">
<span class="rc-screen-reader-text"> <span class="rc-screen-reader-text">
@ -46,7 +45,10 @@
<span class="rc-screen-reader-text"> <span class="rc-screen-reader-text">
登录 登录
</span> </span>
<em class="rc-screen-reader" v-show="loginornot"></em> <em class="rc-screen-reader" v-show="loginornot">
</em>
</a> </a>
<!-- <!--
@ -56,6 +58,11 @@
</span> </span>
</button> </button>
--> -->
<a href="#" data-modal-trigger="modal-whereToBuy" onclick='bindTracking(this)' evt-name='页内弹窗' evt-cat='headerBtnClick' evt-val='在哪购买' class="rc-btn rc-btn--icon rc-icon rc-pin--xs rc-iconography rc-interactive rc-xs-up" aria-label="pin">
<span class="rc-screen-reader-text">
translations.feature.headerbar.pin
</span>
</a>
<button data-js-trigger="search-bar" @click='searchturn' evt-name='页内弹窗' evt-cat='headerBtnClick' evt-val='全文搜索' class="rc-btn rc-btn--icon rc-icon rc-search--xs rc-iconography rc-interactive" aria-label="Search" role="menuitem" data-click-modifier=".rc-hidden"> <button data-js-trigger="search-bar" @click='searchturn' evt-name='页内弹窗' evt-cat='headerBtnClick' evt-val='全文搜索' class="rc-btn rc-btn--icon rc-icon rc-search--xs rc-iconography rc-interactive" aria-label="Search" role="menuitem" data-click-modifier=".rc-hidden">
<span class="rc-screen-reader-text">translations.feature.headerbar.search</span> <span class="rc-screen-reader-text">translations.feature.headerbar.search</span>
</button> </button>
@ -68,16 +75,16 @@
<div class="rc-container"> <div class="rc-container">
<ul class="rc-list rc-list--blank rc-list--inline rc-list--align rc-header__center"> <ul class="rc-list rc-list--blank rc-list--inline rc-list--align rc-header__center">
<li class="rc-list__item"> <li class="rc-list__item">
<a href="https://royalcanin.com.cn/cats" class="rc-list__header" data-ref="nav-link" role="menuitem" title="猫">猫</a> <a href="#cats" class="rc-list__header" data-ref="nav-link" role="menuitem" title="猫">猫</a>
</li> </li>
<li class="rc-list__item"> <li class="rc-list__item">
<a href="https://royalcanin.com.cn/dogs" class="rc-list__header" data-ref="nav-link" role="menuitem" title="犬">犬</a> <a href="#dogs" class="rc-list__header" data-ref="nav-link" role="menuitem" title="犬">犬</a>
</li> </li>
<li class="rc-list__item"> <li class="rc-list__item">
<a href="#/tailored-nutrition" class="rc-list__header" data-ref="nav-link" role="menuitem" title="定制营养方案">定制营养方案</a> <a href="#tailored-nutrition" class="rc-list__header" data-ref="nav-link" role="menuitem" title="定制营养方案">定制营养方案</a>
</li> </li>
<li class="rc-list__item"> <li class="rc-list__item">
<a href="https://royalcanin.com.cn/about" class="rc-list__header" data-ref="nav-link" role="menuitem" title="关于我们">关于我们</a> <a href="#about" class="rc-list__header" data-ref="nav-link" role="menuitem" title="关于我们">关于我们</a>
</li> </li>
</ul> </ul>
<div class="submenu rc-layout-container rc-one-column rc-margin--none rc-xl-up"> <div class="submenu rc-layout-container rc-one-column rc-margin--none rc-xl-up">
@ -87,49 +94,49 @@
<li class="rc-list__item rc-list__item--group"> <li class="rc-list__item rc-list__item--group">
<img src="../assets/showimage/sub-nav-1.jpg" class="ts-head-img rc-margin-bottom--xs"> <img src="../assets/showimage/sub-nav-1.jpg" class="ts-head-img rc-margin-bottom--xs">
<a href="https://royalcanin.com.cn/cats" class="rc-list__header rc-margin--none" role="menuitem">猫</a> <a href="#cats" class="rc-list__header rc-margin--none" role="menuitem">猫</a>
<ul class="rc-list rc-list--blank rc-list--align test" role="menu"> <ul class="rc-list rc-list--blank rc-list--align test" role="menu">
<li class="rc-list__item"> <li class="rc-list__item">
<a href="#/cats/products" class="rc-list__link" role="menuitem">产品</a> <a href="#cats/products" class="rc-list__link" role="menuitem">产品</a>
</li> </li>
<li class="rc-list__item"> <li class="rc-list__item">
<a href="https://royalcanin.com.cn/cats/breeds" class="rc-list__link" role="menuitem">品种</a> <a href="#cats/breeds" class="rc-list__link" role="menuitem">品种</a>
</li> </li>
<li class="rc-list__item"> <li class="rc-list__item">
<a href="https://royalcanin.com.cn/cats/getting-a-kitten" class="rc-list__link" role="menuitem">想养猫吗</a> <a href="#cats/getting-a-kitten" class="rc-list__link" role="menuitem">想养猫吗</a>
</li> </li>
<li class="rc-list__item"> <li class="rc-list__item">
<a href="https://royalcanin.com.cn/cats/kitten" class="rc-list__link" role="menuitem">幼猫</a> <a href="#cats/kitten" class="rc-list__link" role="menuitem">幼猫</a>
</li> </li>
<li class="rc-list__item"> <li class="rc-list__item">
<a href="https://royalcanin.com.cn/cats/kitten/health" class="rc-list__link" role="menuitem">健康和心情</a> <a href="#cats/kitten/health" class="rc-list__link" role="menuitem">健康和心情</a>
</li> </li>
</ul> </ul>
</li> </li>
<li class="rc-list__item rc-list__item--group"> <li class="rc-list__item rc-list__item--group">
<img src="../assets/showimage/sub-nav-2.jpg" class="ts-head-img rc-margin-bottom--xs"> <img src="../assets/showimage/sub-nav-2.jpg" class="ts-head-img rc-margin-bottom--xs">
<a href="https://royalcanin.com.cn/dogs" class="rc-list__header rc-margin--none" role="menuitem">犬</a> <a href="#dogs" class="rc-list__header rc-margin--none" role="menuitem">犬</a>
<ul class="rc-list rc-list--blank rc-list--align test" role="menu"> <ul class="rc-list rc-list--blank rc-list--align test" role="menu">
<li class="rc-list__item"> <li class="rc-list__item">
<a href="#dogs/products" class="rc-list__link" role="menuitem">产品</a> <a href="#dogs/products" class="rc-list__link" role="menuitem">产品</a>
</li> </li>
<li class="rc-list__item"> <li class="rc-list__item">
<a href="https://royalcanin.com.cn/dogs/breeds" class="rc-list__link" role="menuitem">品种</a> <a href="#dogs/breeds" class="rc-list__link" role="menuitem">品种</a>
</li> </li>
<li class="rc-list__item"> <li class="rc-list__item">
<a href="https://royalcanin.com.cn/dogs/getting-a-puppy" class="rc-list__link" role="menuitem">想养只狗</a> <a href="#dogs/getting-a-puppy" class="rc-list__link" role="menuitem">想养只狗</a>
</li> </li>
<li class="rc-list__item"> <li class="rc-list__item">
<a href="https://royalcanin.com.cn/dogs/puppy" class="rc-list__link" role="menuitem">幼犬</a> <a href="#dogs/puppy" class="rc-list__link" role="menuitem">幼犬</a>
</li> </li>
<li class="rc-list__item"> <li class="rc-list__item">
<a href="https://royalcanin.com.cn/dogs/puppy/health" class="rc-list__link" role="menuitem">健康和心情</a> <a href="#dogs/puppy/health" class="rc-list__link" role="menuitem">健康和心情</a>
</li> </li>
</ul> </ul>
</li> </li>
<li class="rc-list__item rc-list__item--group"> <li class="rc-list__item rc-list__item--group">
<img src="../assets/showimage/sub-nav-3.jpg" class="ts-head-img rc-margin-bottom--xs"> <img src="../assets/showimage/sub-nav-3.jpg" class="ts-head-img rc-margin-bottom--xs">
<a href="/" class="rc-list__header rc-margin--none" role="menuitem">定制营养方案</a> <a href="#tailored-nutrition" class="rc-list__header rc-margin--none" role="menuitem">定制营养方案</a>
<ul class="rc-list rc-list--blank rc-list--align test" role="menu"> <ul class="rc-list rc-list--blank rc-list--align test" role="menu">
<li class="rc-list__item"> <li class="rc-list__item">
<a href="#cats/products" class="rc-list__link" role="menuitem">猫系列</a> <a href="#cats/products" class="rc-list__link" role="menuitem">猫系列</a>
@ -141,13 +148,13 @@
</li> </li>
<li class="rc-list__item rc-list__item--group"> <li class="rc-list__item rc-list__item--group">
<img src="../assets/showimage/sub-nav-4.jpg" class="ts-head-img rc-margin-bottom--xs"> <img src="../assets/showimage/sub-nav-4.jpg" class="ts-head-img rc-margin-bottom--xs">
<a href="https://royalcanin.com.cn/about" class="rc-list__header rc-margin--none" role="menuitem">关于我们</a> <a href="#about" class="rc-list__header rc-margin--none" role="menuitem">关于我们</a>
<ul class="rc-list rc-list--blank rc-list--align test" role="menu"> <ul class="rc-list rc-list--blank rc-list--align test" role="menu">
<li class="rc-list__item"> <li class="rc-list__item">
<a href="https://royalcanin.com.cn/about#growth-phase1" class="rc-list__link" role="menuitem">我们的历史</a> <a href="#about#growth-phase1" class="rc-list__link" role="menuitem">我们的历史</a>
</li> </li>
<li class="rc-list__item"> <li class="rc-list__item">
<a href="https://royalcanin.com.cn/about" class="rc-list__link" role="menuitem">我们的价值观</a> <a href="#about" class="rc-list__link" role="menuitem">我们的价值观</a>
</li> </li>
<!-- <!--
<li class="rc-list__item"> <li class="rc-list__item">
@ -189,74 +196,74 @@
<section class="rc-max-width--xl"> <section class="rc-max-width--xl">
<div class="rc-column rc-lg-up rc-padding--lg"> <div class="rc-column rc-lg-up rc-padding--lg">
<h1 class="rc-gamma rc-padding-x--md">帮助猫狗过最健康的生活。</h1> <h1 class="rc-gamma rc-padding-x--md">帮助猫狗过最健康的生活。</h1>
<img class="rc-padding--sm" src="/images/yorkshire-terrier-sacred-birman-b-w-brand-emblematic-tailored-nutrition-hero.jpg" alt="Royal Canin China" /> <img class="rc-padding--sm" src="#profiles/custom/royal_canin_profile/themes/royal_canin/images/yorkshire-terrier-sacred-birman-b-w-brand-emblematic-tailored-nutrition-hero.jpg" alt="Royal Canin China" />
</div> </div>
<nav class="rc-nav rc-hidden" data-toggle-group="mobile" data-toggle-effect="rc-expand--horizontal" data-js-target="mobile-push-nav"> <nav class="rc-nav rc-hidden" data-toggle-group="mobile" data-toggle-effect="rc-expand--horizontal" data-js-target="mobile-push-nav">
<div class="rc-layout-container rc-three-column"> <div class="rc-layout-container rc-three-column">
<div class="rc-column rc-double-width rc-padding-x--none--mobile rc-padding-right--none"> <div class="rc-column rc-double-width rc-padding-x--none--mobile rc-padding-right--none">
<ul class="rc-list rc-list--blank rc-list--align rc-list--two-column" role="menubar"> <ul class="rc-list rc-list--blank rc-list--align rc-list--two-column" role="menubar">
<li class="rc-list__item rc-list__item--group"> <li class="rc-list__item rc-list__item--group">
<a href="https://royalcanin.com.cn/cats" class="rc-list__header" id="mega-nav-header-1" data-toggle="nav-list-1" role="menuitem">猫</a> <a href="#cats" class="rc-list__header" id="mega-nav-header-1" data-toggle="nav-list-1" role="menuitem">猫</a>
<ul class="rc-list rc-list--blank rc-list--align" id="nav-list-1" aria-labelledby="mega-nav-menu-1" role="menu"> <ul class="rc-list rc-list--blank rc-list--align" id="nav-list-1" aria-labelledby="mega-nav-menu-1" role="menu">
<li class="rc-list__item rc-md-down"> <li class="rc-list__item rc-md-down">
<button class="rc-list__link rc-icon rc-left--xs rc-iconography" data-toggle="nav-list-1" role="button">返回</button> <button class="rc-list__link rc-icon rc-left--xs rc-iconography" data-toggle="nav-list-1" role="button">返回</button>
</li> </li>
<li class="rc-list__item rc-md-down"> <li class="rc-list__item rc-md-down">
<a href="https://royalcanin.com.cn/cats" class="rc-list__header" title="Cat" role="menuitem">猫</a> <a href="#cats" class="rc-list__header" title="Cat" role="menuitem">猫</a>
</li> </li>
<li class="rc-list__item"> <li class="rc-list__item">
<a href="#cats/products" class="rc-list__link ca" role="menuitem" title="Products">产品</a> <a href="#cats/products" class="rc-list__link ca" role="menuitem" title="Products">产品</a>
</li> </li>
<li class="rc-list__item"> <li class="rc-list__item">
<a href="https://royalcanin.com.cn/cats/breeds" class="rc-list__link ca" role="menuitem" title="Breeds">品种</a> <a href="#cats/breeds" class="rc-list__link ca" role="menuitem" title="Breeds">品种</a>
</li> </li>
<li class="rc-list__item"> <li class="rc-list__item">
<a href="https://royalcanin.com.cn/cats/getting-a-kitten" class="rc-list__link ca" role="menuitem" title="Thinking of getting a cat">想养只猫</a> <a href="#cats/getting-a-kitten" class="rc-list__link ca" role="menuitem" title="Thinking of getting a cat">想养只猫</a>
</li> </li>
<li class="rc-list__item"> <li class="rc-list__item">
<a href="https://royalcanin.com.cn/cats/kitten" class="rc-list__link ca" role="menuitem" title="Kitten">幼猫</a> <a href="#cats/kitten" class="rc-list__link ca" role="menuitem" title="Kitten">幼猫</a>
</li> </li>
<li class="rc-list__item"> <li class="rc-list__item">
<a href="https://royalcanin.com.cn/cats/kitten/health" class="rc-list__link ca" role="menuitem" title="Health and wellbeing">健康和心情</a> <a href="#cats/kitten/health" class="rc-list__link ca" role="menuitem" title="Health and wellbeing">健康和心情</a>
</li> </li>
</ul> </ul>
</li> </li>
<li class="rc-list__item rc-list__item--group"> <li class="rc-list__item rc-list__item--group">
<a href="https://royalcanin.com.cn/dogs" class="rc-list__header" role="menuitem" id="mega-nav-header-2" data-toggle="nav-list-2">犬</a> <a href="#dogs" class="rc-list__header" role="menuitem" id="mega-nav-header-2" data-toggle="nav-list-2">犬</a>
<ul class="rc-list rc-list--blank rc-list--align" id="nav-list-2" aria-labelledby="mega-nav-menu-2" role="menu"> <ul class="rc-list rc-list--blank rc-list--align" id="nav-list-2" aria-labelledby="mega-nav-menu-2" role="menu">
<li class="rc-list__item rc-md-down"> <li class="rc-list__item rc-md-down">
<button class="rc-list__link rc-icon rc-left--xs rc-iconography" data-toggle="nav-list-2" role="button">返回</button> <button class="rc-list__link rc-icon rc-left--xs rc-iconography" data-toggle="nav-list-2" role="button">返回</button>
</li> </li>
<li class="rc-list__item rc-md-down"> <li class="rc-list__item rc-md-down">
<a href="https://royalcanin.com.cn/dogs" class="rc-list__header" title="Dog" role="menuitem">犬</a> <a href="#dogs" class="rc-list__header" title="Dog" role="menuitem">犬</a>
</li> </li>
<li class="rc-list__item"> <li class="rc-list__item">
<a href="#dogs/products" class="rc-list__link ca" role="menuitem" title="Products">产品</a> <a href="#dogs/products" class="rc-list__link ca" role="menuitem" title="Products">产品</a>
</li> </li>
<li class="rc-list__item"> <li class="rc-list__item">
<a href="https://royalcanin.com.cn/dogs/breeds" class="rc-list__link ca" role="menuitem" title="Breeds">品种</a> <a href="#dogs/breeds" class="rc-list__link ca" role="menuitem" title="Breeds">品种</a>
</li> </li>
<li class="rc-list__item"> <li class="rc-list__item">
<a href="https://royalcanin.com.cn/dogs/getting-a-puppy" class="rc-list__link ca" role="menuitem" title="Thinking of getting a dog">想养只犬</a> <a href="#dogs/getting-a-puppy" class="rc-list__link ca" role="menuitem" title="Thinking of getting a dog">想养只犬</a>
</li> </li>
<li class="rc-list__item"> <li class="rc-list__item">
<a href="https://royalcanin.com.cn/dogs/puppy" class="rc-list__link ca" role="menuitem" title="Puppy">幼犬</a> <a href="#dogs/puppy" class="rc-list__link ca" role="menuitem" title="Puppy">幼犬</a>
</li> </li>
<li class="rc-list__item"> <li class="rc-list__item">
<a href="https://royalcanin.com.cn/dogs/puppy/health" class="rc-list__link ca" role="menuitem" title="Health and wellbeing">健康和心情</a> <a href="#dogs/puppy/health" class="rc-list__link ca" role="menuitem" title="Health and wellbeing">健康和心情</a>
</li> </li>
</ul> </ul>
</li> </li>
<li class="rc-list__item rc-list__item--group"> <li class="rc-list__item rc-list__item--group">
<a href="https://royalcanin.com.cn/tailored-nutrition" class="rc-list__header" role="menuitem" id="mega-nav-header-3" data-toggle="nav-list-3">定制营养方案</a> <a href="#tailored-nutrition" class="rc-list__header" role="menuitem" id="mega-nav-header-3" data-toggle="nav-list-3">定制营养方案</a>
<ul class="rc-list rc-list--blank rc-list--align" id="nav-list-3" aria-labelledby="mega-nav-menu-3" role="menu"> <ul class="rc-list rc-list--blank rc-list--align" id="nav-list-3" aria-labelledby="mega-nav-menu-3" role="menu">
<li class="rc-list__item rc-md-down"> <li class="rc-list__item rc-md-down">
<button class="rc-list__link rc-icon rc-left--xs rc-iconography" data-toggle="nav-list-3" role="button">返回</button> <button class="rc-list__link rc-icon rc-left--xs rc-iconography" data-toggle="nav-list-3" role="button">返回</button>
</li> </li>
<li class="rc-list__item rc-md-down"> <li class="rc-list__item rc-md-down">
<a href="https://royalcanin.com.cn/tailored-nutrition" class="rc-list__header" title="Nutrition" role="menuitem">定制营养方案</a> <a href="#tailored-nutrition" class="rc-list__header" title="Nutrition" role="menuitem">定制营养方案</a>
</li> </li>
<li class="rc-list__item"> <li class="rc-list__item">
<a href="#cats/products" class="rc-list__link ca" role="menuitem">猫系列</a> <a href="#cats/products" class="rc-list__link ca" role="menuitem">猫系列</a>
@ -268,16 +275,16 @@
</li> </li>
<li class="rc-list__item rc-list__item--group"> <li class="rc-list__item rc-list__item--group">
<a href="https://royalcanin.com.cn/about" class="rc-list__header" role="menuitem" id="mega-nav-header-4" data-toggle="nav-list-4">关于我们</a> <a href="#about" class="rc-list__header" role="menuitem" id="mega-nav-header-4" data-toggle="nav-list-4">关于我们</a>
<ul class="rc-list rc-list--blank rc-list--align" id="nav-list-4" aria-labelledby="mega-nav-menu-4" role="menu"> <ul class="rc-list rc-list--blank rc-list--align" id="nav-list-4" aria-labelledby="mega-nav-menu-4" role="menu">
<li class="rc-list__item rc-md-down"> <li class="rc-list__item rc-md-down">
<button class="rc-list__link rc-icon rc-left--xs rc-iconography" data-toggle="nav-list-4" role="button">返回</button> <button class="rc-list__link rc-icon rc-left--xs rc-iconography" data-toggle="nav-list-4" role="button">返回</button>
</li> </li>
<li class="rc-list__item rc-md-down"> <li class="rc-list__item rc-md-down">
<a href="https://royalcanin.com.cn/about" class="rc-list__header" title="About" role="menuitem">关于我们</a> <a href="#about" class="rc-list__header" title="About" role="menuitem">关于我们</a>
</li> </li>
<li class="rc-list__item"> <li class="rc-list__item">
<a href="https://royalcanin.com.cn/about#growth-phase1" class="rc-list__link ca" role="menuitem" title="Our history">我们的历史</a> <a href="#about#growth-phase1" class="rc-list__link ca" role="menuitem" title="Our history">我们的历史</a>
</li> </li>
<!-- <!--
<li class="rc-list__item"> <li class="rc-list__item">
@ -304,14 +311,13 @@
<div class="rc-column rc-padding-x--none"> <div class="rc-column rc-padding-x--none">
<ul class="rc-list rc-list--blank rc-list--align rc-btn-offset--top" role="menu"> <ul class="rc-list rc-list--blank rc-list--align rc-btn-offset--top" role="menu">
<li class="rc-list__item"> <li class="rc-list__item">
<a class="rc-list__link rc-icon ts-login--xs" role="menuitem" data-modal-trigger="main-nav-modal" @click="turnlogin"> <a class="rc-list__link rc-icon rc-email--xs rc-iconography--xs" role="menuitem" href="#about/contact">
个人中心 与我们联系
<em class="rc-screen-reader" v-show="loginornot"></em>
</a> </a>
</li> </li>
<li class="rc-list__item"> <li class="rc-list__item">
<a class="rc-list__link rc-icon rc-email--xs rc-iconography--xs" role="menuitem" href="https://royalcanin.com.cn/about/contact"> <a class="rc-list__link rc-icon rc-pin--xs rc-iconography--xs" data-modal-trigger="modal-whereToBuy" onclick='bindTracking(this)' evt-name='页内弹窗' evt-cat='headerBtnClick' evt-val='在哪购买' role="menuitem" href="#">
与我们联系 在哪里购买
</a> </a>
</li> </li>
<li class="rc-list__item"> <li class="rc-list__item">
@ -343,9 +349,39 @@
</section> </section>
</div> </div>
<!-- Popup menu end--> <!-- Popup menu end-->
<!-- Where to buy modal -->
<aside role="modal" class="rc-modal rc-hidden" data-modal-target="modal-whereToBuy">
<div class="rc-modal__container">
<header class="rc-modal__header">
<button class="rc-btn rc-icon rc-btn--icon-label rc-modal__close rc-close--xs rc-iconography" data-modal-trigger="modal-whereToBuy">关闭</button>
</header>
<section class="rc-modal__content rc-scroll--y">
<div class="rc-margin-top--md">
<h2 class="rc-gamma rc-text--center">我能在哪买到Royal Canin 的产品</h2>
<p class='rc-text--center'>
您可以点击下面的链接进入到我们的电商店铺
<br />
</p>
</div>
<div class="rc-btn-group">
<a href="https://royalcanin.tmall.com/shop/view_shop.htm?spm=a1z10.3-b-s.w5001-17212536142.3.1284526cyHC5If&scene=taobao_shop" target='_blank' class="rc-btn rc-btn--one ts-flex-center">
<img src="#profiles/custom/royal_canin_profile/themes/royal_canin/images/tm-logo.png" alt="天猫旗舰店" />
</a>
<a href="https://mall.jd.com/index-650686.html" class="rc-btn rc-btn--one ts-flex-center ts-btn-img--70" target='_blank'>
<img src="#profiles/custom/royal_canin_profile/themes/royal_canin/images/jd-logo.png" alt="京东旗舰店" />
</a>
</div>
</section>
</div>
</aside>
<!-- Where to buy modal end -->
</div> </div>
</template> </template>
<script> <script>
const isReload={
needload:false
};
export default { export default {
data() { data() {
return { return {
@ -368,10 +404,10 @@ export default {
this.usermessage=usernot; this.usermessage=usernot;
} }
//debugger; //debugger;
if(isInitialized) if(isReload.needload)
location.reload(); location.reload();
if(!isInitialized) if(isReload.needload==false)
isInitialized=true; isReload.needload=true;
//console.log(this.loginornot); //console.log(this.loginornot);
/* /*
if(RCDL && RCDL.utilities && RCDL.navigation && RCDL.navigation.rebuild) if(RCDL && RCDL.utilities && RCDL.navigation && RCDL.navigation.rebuild)

55
rc-busness/components/rc-footer.vue
View File

@ -1,55 +1,69 @@
<template> <template>
<footer class="rc-bg-colour--interface-dark rc-padding-bottom--sm" role="contentinfo"> <footer class="rc-bg-colour--interface-dark rc-padding-bottom--sm" role="contentinfo">
<div class="rc-max-width--lg rc-scroll--y"> <div class="rc-max-width--lg rc-scroll--y">
<div class="footer-block1 rc-layout-container rc-five-column rc-padding-x--xs rc-border-colour--interface rc-md-up rc-padding-left--none">
<div class="rc-column rc-padding-left--none" data-component="nav-track" data-nav-name="Footer navigation">
<nav class="rc-menubar">
<ul class="rc-list rc-list--blank rc-list--inverse" style="background-color: transparent;">
<li class="rc-list__item">
<a href="javascript:;" class="rc-list__link rc-btn rc-btn--inverse rc-btn--icon-label rc-icon rc-pin--xs rc-brand3" data-ref="nav-link" role="menuitem" title="Where to buy" data-modal-trigger="modal-whereToBuy" onclick='bindTracking(this)' evt-name='页内弹窗' evt-cat='footerBtnClick' evt-val='在哪购买'>在哪里购买</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="rc-divider rc-md-up"></div>
<div class="footer-block2 rc-layout-container rc-three-column rc-padding-x--xs rc-border-colour--interface"> <div class="footer-block2 rc-layout-container rc-three-column rc-padding-x--xs rc-border-colour--interface">
<div class="rc-column rc-double-width rc-padding-x--xs"> <div class="rc-column rc-double-width rc-padding-x--xs">
<nav class="rc-padding-x--xs" data-toggle-group="mobile" data-toggle-effect="rc-expand--vertical" role="navigation" data-component="nav-track" data-nav-name="Footer navigation"> <nav class="rc-padding-x--xs" data-toggle-group="mobile" data-toggle-effect="rc-expand--vertical" role="navigation" data-component="nav-track" data-nav-name="Footer navigation">
<ul class="rc-list ts-list--four-column rc-list--blank rc-list--align rc-list--inverse" role="menubar"> <ul class="rc-list ts-list--four-column rc-list--blank rc-list--align rc-list--inverse" role="menubar">
<li class="rc-list__item rc-list__item--group" role="none"> <li class="rc-list__item rc-list__item--group" role="none">
<a href="https://royalcanin.com.cn/cats" class="rc-list__header" role="menuitem" id="nav-footer-top-1" data-toggle="nav-footer-1">猫</a> <a href="#cats" class="rc-list__header" role="menuitem" id="nav-footer-top-1" data-toggle="nav-footer-1">猫</a>
<ul class="rc-list rc-list--blank rc-list--align" role="menu" id="nav-footer-1" aria-labelledby="nav-footer-top-1"> <ul class="rc-list rc-list--blank rc-list--align" role="menu" id="nav-footer-1" aria-labelledby="nav-footer-top-1">
<li class="rc-list__item"> <li class="rc-list__item">
<a href="#cats/breeds" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Products">产品</a> <a href="#cats/breeds" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Products">产品</a>
</li> </li>
<li class="rc-list__item"> <li class="rc-list__item">
<a href="https://royalcanin.com.cn/cats/breeds" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Breeds">品种</a> <a href="#cats/breeds" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Breeds">品种</a>
</li> </li>
<li class="rc-list__item"> <li class="rc-list__item">
<a href="https://royalcanin.com.cn/cats/getting-a-kitten" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Thinking of getting a cat">想养只猫</a> <a href="#cats/getting-a-kitten" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Thinking of getting a cat">想养只猫</a>
</li> </li>
<li class="rc-list__item"> <li class="rc-list__item">
<a href="https://royalcanin.com.cn/cats/kitten" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Kitten">幼猫</a> <a href="#cats/kitten" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Kitten">幼猫</a>
</li> </li>
<li class="rc-list__item"> <li class="rc-list__item">
<a href="https://royalcanin.com.cn/cats/kitten/health" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Health and wellbeing">健康和心情</a> <a href="#cats/kitten/health" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Health and wellbeing">健康和心情</a>
</li> </li>
</ul> </ul>
</li> </li>
<li class="rc-list__item rc-list__item--group" role="none"> <li class="rc-list__item rc-list__item--group" role="none">
<a href="https://royalcanin.com.cn/dogs" class="rc-list__header" role="menuitem" id="nav-footer-top-2" data-toggle="nav-footer-2" <a href="#dogs" class="rc-list__header" role="menuitem" id="nav-footer-top-2" data-toggle="nav-footer-2">
>犬 犬
</a> </a>
<ul class="rc-list rc-list--blank rc-list--align" id="nav-footer-2" aria-labelledby="nav-footer-top-2" role="menu"> <ul class="rc-list rc-list--blank rc-list--align" id="nav-footer-2" aria-labelledby="nav-footer-top-2" role="menu">
<li class="rc-list__item"> <li class="rc-list__item">
<a href="#dogs/breeds" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Products">产品</a> <a href="#dogs/breeds" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Products">产品</a>
</li> </li>
<li class="rc-list__item"> <li class="rc-list__item">
<a href="https://royalcanin.com.cn/dogs/breeds" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Breeds">品种</a> <a href="#dogs/breeds" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Breeds">品种</a>
</li> </li>
<li class="rc-list__item"> <li class="rc-list__item">
<a href="https://royalcanin.com.cn/dogs/getting-a-puppy" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Thinking of getting a dog">想养只犬</a> <a href="#dogs/getting-a-puppy" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Thinking of getting a dog">想养只犬</a>
</li> </li>
<li class="rc-list__item"> <li class="rc-list__item">
<a href="https://royalcanin.com.cn/dogs/puppy" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Puppy">幼犬</a> <a href="#dogs/puppy" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Puppy">幼犬</a>
</li> </li>
<li class="rc-list__item"> <li class="rc-list__item">
<a href="https://royalcanin.com.cn/dogs/puppy/health" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Health and wellbeing">健康和心情</a> <a href="#dogs/puppy/health" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Health and wellbeing">健康和心情</a>
</li> </li>
</ul> </ul>
</li> </li>
<li class="rc-list__item rc-list__item--group" role="none"> <li class="rc-list__item rc-list__item--group" role="none">
<a href="#tailored-nutrition" class="rc-list__header" role="menuitem" id="nav-footer-top-3" data-toggle="nav-footer-3" <a href="#tailored-nutrition" class="rc-list__header" role="menuitem" id="nav-footer-top-3" data-toggle="nav-footer-3">
>定制营养方案 定制营养方案
</a> </a>
<ul class="rc-list rc-list--blank rc-list--align" id="nav-footer-3" aria-labelledby="nav-footer-top-3" role="menu"> <ul class="rc-list rc-list--blank rc-list--align" id="nav-footer-3" aria-labelledby="nav-footer-top-3" role="menu">
<li class="rc-list__item"> <li class="rc-list__item">
@ -61,15 +75,15 @@
</ul> </ul>
</li> </li>
<li class="rc-list__item rc-list__item--group" role="none"> <li class="rc-list__item rc-list__item--group" role="none">
<a href="https://royalcanin.com.cn/about" class="rc-list__header" id="nav-footer-top-4" data-toggle="nav-footer-4" role="menuitem" <a href="#about" class="rc-list__header" id="nav-footer-top-4" data-toggle="nav-footer-4" role="menuitem">
>关于我们 关于我们
</a> </a>
<ul class="rc-list rc-list--blank rc-list--align" id="nav-footer-4" aria-labelledby="nav-footer-top-4" role="menu"> <ul class="rc-list rc-list--blank rc-list--align" id="nav-footer-4" aria-labelledby="nav-footer-top-4" role="menu">
<li class="rc-list__item"> <li class="rc-list__item">
<a href="https://royalcanin.com.cn/about#growth-phase1" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Our history">我们的历史</a> <a href="#about#growth-phase1" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Our history">我们的历史</a>
</li> </li>
<li class="rc-list__item"> <li class="rc-list__item">
<a href="https://royalcanin.com.cn/about" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Our values">我们的价值观</a> <a href="#about" class="rc-list__link" data-ref="nav-link" role="menuitem" title="Our values">我们的价值观</a>
</li> </li>
</ul> </ul>
@ -84,6 +98,9 @@
<div class="rc-layout-container rc-one-column rc-md-down"> <div class="rc-layout-container rc-one-column rc-md-down">
<div class="rc-column rc-padding-x--none"> <div class="rc-column rc-padding-x--none">
<a href="javascript:;" data-modal-trigger="modal-whereToBuy" onclick='bindTracking(this)' evt-name='页内弹窗' evt-cat='footererBtnClick' evt-val='在哪购买' class="rc-btn rc-btn--inverse rc-btn--icon-label rc-icon rc-bag--xs rc-brand3" title="Where to buy" role="menuitem">
在哪购买
</a>
<!-- <!--
<a class="rc-btn rc-btn--inverse rc-btn--icon-label rc-icon rc-language--xs rc-brand3" role="menuitem" data-modal-trigger="country-lang-selector"> <a class="rc-btn rc-btn--inverse rc-btn--icon-label rc-icon rc-language--xs rc-brand3" role="menuitem" data-modal-trigger="country-lang-selector">
Language Language
@ -203,9 +220,9 @@
<div class="rc-column rc-text--center rc-padding-y--none"> <div class="rc-column rc-text--center rc-padding-y--none">
<span class="">法律声明 ©2021 ROYAL CANIN, Inc.</span> <span class="">法律声明 ©2021 ROYAL CANIN, Inc.</span>
<br/> <br/>
<a target='_blank' href='https://royalcanin.com.cn/privacy'><span class="">隐私声明</span></a> <a target='_blank' href='#privacy'><span class="">隐私声明</span></a>
&nbsp; | &nbsp; &nbsp; | &nbsp;
<a target='_blank' href='https://royalcanin.com.cn/declaration'><span class="">法律声明</span></a> <a target='_blank' href='#declaration'><span class="">法律声明</span></a>
</div> </div>
</div> </div>

24974
rc-busness/package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

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

File diff suppressed because it is too large Load Diff

727
rc-busness/pages/myorder/userrecord.vue
View File

@ -1,83 +1,89 @@
<template> <template>
<div> <div>
<div class="rc-header"> <div class="rc-header">
<Myheader></Myheader>
</div>
<div class="rc-main"> <div class="rc-main">
<Myheader></Myheader>
<tabs></tabs> <tabs></tabs>
<div class="cart-list"> <div class="rc-commodity">
<div class="header"> <div class="rc-commondi">
<div class="list-left"> <img src="../../assets/image/rc-select.png" alt="" />
<label class="check-label"> <span>商品</span>
<input type="checkbox" v-model="checkAll" />
</label>
<span class="name">商品</span>
</div> </div>
<ul> <ul>
<li>单价</li> <li>单价</li>
<li>数量</li> <li>数量</li>
<li>操作</li> <li>操作</li>
</ul> </ul>
</div> </div>
<div class="header_ph">
<el-row> <div class="rc-select">
<el-col :span="12"> <label>
<div class="list-left"> <input type="checkbox" v-model="checkAll">
<label class="check-label"> 全选
<input type="checkbox" v-model="checkAll" />
</label> </label>
<span class="name">全选</span>
<div class="select-right">
<img src="../../assets/image/userupdate.png" alt="" />
<span @click="useredit">编辑</span>
</div> </div>
</el-col> </div>
<el-col :span="12" class="tr"> <div>
<span @click="editList()" <div v-for="(item, index) in goldmedal"
><i class="el-icon-edit"></i>{{ editState }}</span :key="index"
></el-col class="rc-userdemand"
> >
</el-row> <div class="rc-userdeman">
</div> <label>
<div class="list" v-for="(item, index) in cartData" :key="index"> <input type="checkbox" v-model="item.checked">
<div class="list-left">
<label class="check-label">
<input type="checkbox" v-model="item.checked" />
</label> </label>
<div class="product">
<div class="product-img"> <!-- <img :src="item.image" /> -->
<img :src="item.productImg" alt="" /> <!-- <img :src="checkone?require('../../assets/image/rc-unselect.png'):require('../../assets/image/rc-select.png')" @click="userclick(checkone,index)"/> -->
<img :src="item.productImg" alt="" class="re-message" />
</div> </div>
<div class="right"> <div class="rc-userdem">
<p class="product-title" v-text="item.productName"></p> <div class="rc-userdema">
<p class="specifications">规格：{{ item.specifications }}</p> <span>{{ item.productName }}</span>
<em>规格:{{ item.specifications }}</em>
</div> </div>
</div> <div class="rc-userd">
</div> <i>￥{{ item.productPrice }}</i>
<ul>
<li class="product-price">￥{{ item.productPrice }}</li>
<li>
<div class="rc-jia"> <div class="rc-jia">
<img <img src="../../assets/image/userjian.png" alt="" @click="sub(item.buyCount,index)"/>
src="../../assets/image/userjian.png" <strong> {{item.buyCount}} </strong>
alt="" <img src="../../assets/image/userjia.png" alt="" @click="plus(item.buyCount,index)" />
@click="sub(item.buyCount, index)"
/>
<input type="text" v-model="item.buyCount" />
<img
src="../../assets/image/userjia.png"
alt=""
@click="plus(item.buyCount, index)"
/>
</div> </div>
</li> <em @click="userdele(item,index)">删除</em>
<li class="del"><em @click="userdele(item)">删除</em></li> </div>
</ul> </div>
<div class="rc-footer">
<div class="rc-foote">
<div class="rc-shop">
<i>总计:</i>
<span>￥{{ sumPrice }}</span>
</div>
<div class="rc-delete" @click="usejiesuan(item,index)">
<span>
{{ userdelete }}
</span>
</div>
</div>
</div>
</div> </div>
</div> </div>
<div class="rc-footera"> <div class="rc-footera">
<div class="rc-foote"> <div class="rc-foote">
<div class="rc-shop"> <div class="rc-shop">
<label> <label>
<input type="checkbox" v-model="checkAll" /> <input type="checkbox" v-model="checkAll">
全选 全选
</label> </label>
</div> </div>
@ -91,8 +97,9 @@
<em>共选择{{sumlength}}件商品</em> <em>共选择{{sumlength}}件商品</em>
</div> </div>
<strong @click="usejiesuan()">{{ mustpay }}</strong> <strong @click="usejiesuan(item,index)" >{{mustpay}}</strong>
</div> </div>
</div> </div>
</div> </div>
<!-- <div class="rc-shop"> <!-- <div class="rc-shop">
@ -107,15 +114,19 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</template> </template>
<script> <script>
import { List } from 'vant';
import Myheader from "~/components/header.vue"; import Myheader from "~/components/header.vue";
import tabs from "@/components/tabs.vue"; import tabs from "@/components/tabs.vue";
import instance from "@/config/request";
import {isexistCart,generateOrderWX,deleteCart} from "../../ajax/getData"; import {isexistCart,generateOrderWX,deleteCart} from "../../ajax/getData";
import accMul from "../../config/setDec.js"
export default { export default {
middleware: "metaTitle", middleware: 'metaTitle',
meta: { title: "购物车" }, meta: {title: '购物车'},
data() { data() {
return { return {
ordersum: 1, ordersum: 1,
@ -126,49 +137,13 @@ export default {
ys1: true, ys1: true,
ys2: true, ys2: true,
userdelete: "结算", userdelete: "结算",
orderprice: "￥199.00", orderprice:'￥199.00',
mustpay: "立即结算", mustpay:'立即结算',
editState: "编辑", totalMoney:'',
dellist: [],
totalMoney: "",
allChecked: false, allChecked: false,
userid:null, userid:null,
cartData: [
// {
// buyCount: 3,
// id: 1,
// memberId: "1",
// productCode: "432434",
// productImg: require("../../assets/image/rc-select.png"),
// productName: "测试商品",
// productPrice: 399.0,
// specifications: "5KG",
// checked: false,
// },
// {
// buyCount: 1,
// id: 2,
// memberId: "2",
// productCode: "432434",
// productImg: require("../../assets/image/rc-select.png"),
// productName: "测试商品222",
// productPrice: "199.00",
// specifications: "5KG",
// checked: true,
// },
// {
// buyCount: 4,
// id: 3,
// memberId: "3",
// productCode: "432434",
// productImg: require("../../assets/image/rc-select.png"),
// productName: "测试商品3333",
// productPrice: 69.01,
// specifications: "5KG",
// checked: true,
// },
],
goldmedal: [ goldmedal: [
// { // {
// ordernumber: "1111111111111111111", // ordernumber: "1111111111111111111",
// orderstype: 1, // orderstype: 1,
@ -181,14 +156,18 @@ export default {
// buttontitle: "立即支付", // buttontitle: "立即支付",
// checked:true, // checked:true,
// userprice: "167", // userprice: "167",
// catimage: require("../../assets/image/rc-win.png"), // catimage: require("../../assets/image/rc-win.png"),
// }, // },
// { // {
// ordernumber: "1111111111111111111", // ordernumber: "1111111111111111111",
// sales_num:1, // sales_num:1,
// usereat: "每年4次免积分产品试吃", // usereat: "每年4次免积分产品试吃",
// image:require('../../assets/image/rc-select.png'), // image:require('../../assets/image/rc-select.png'),
// checked:true, // checked:true,
// ordernum: 0, // ordernum: 0,
// buttontitle: "再次购买", // buttontitle: "再次购买",
// catimage: require("../../assets/image/usereat.png"), // catimage: require("../../assets/image/usereat.png"),
@ -199,28 +178,31 @@ export default {
}; };
}, },
mounted() { mounted() {
console.log("---"); console.log('---');
this.goldmedal.forEach((item) => { this.goldmedal.forEach(item=>{
item.checked=true; item.checked=true;
}); })
}, },
mounted(){ mounted(){
this.carmessage(); this.carmessage();
}, },
components: { components: {
Myheader, Myheader,
tabs, tabs
}, },
methods:{ methods:{
//请求猫 //请求猫
async carmessage() { async carmessage() {
console.log(this.goldmedal);
let user= JSON.parse(localStorage.getItem("userInfo")); let user= JSON.parse(localStorage.getItem("userInfo"));
console.log(user);
this.userid=user.data.id; this.userid=user.data.id;
let data = await isexistCart(user.data.id); let data = await isexistCart(user.data.id);
this.cartData = data; this.goldmedal=data;
// this.goldmedal = data;
}, },
async userjie(list) { async userjie(list) {
let user= JSON.parse(localStorage.getItem("userInfo")); let user= JSON.parse(localStorage.getItem("userInfo"));
@ -229,43 +211,39 @@ export default {
let data = await generateOrderWX(list); let data = await generateOrderWX(list);
if(data){ if(data){
this.$message({ this.$message({
type: "warning", type: 'warning',
message: data.msg, message: data.msg
}); });
console.log(data); console.log(data);
this.$router.push({ this.$router.push({
path: "/personal/settlement", path: "/personal/settlement",
query: { query: {
wxdata: data.data, wxdata:data.data
}, },
}); });
} }
console.log(data); console.log(data);
}, },
//删除购物车 //删除购物车
async deletsmessage(productCode) { async deletsmessage(productCode) {
let user= JSON.parse(localStorage.getItem("userInfo")); let user= JSON.parse(localStorage.getItem("userInfo"));
console.log(user);
this.userid=user.data.id; this.userid=user.data.id;
let data = await deleteCart(this.userid, productCode); let data = await deleteCart(user.data.id,productCode);
if(data){ if(data){
this.$message({ this.$message({
type: "warning", type: 'warning',
message: data.msg, message: data.msg
}); });
this.carmessage(); this.carmessage();
} }
}, },
editList() {
if (this.editState == "完成") {
this.mustpay = "立即结算";
this.editState = " 编辑";
} else {
this.mustpay = "删除";
this.editState = "完成";
}
},
// checkBox(){ // checkBox(){
// console.log(event.target.checked) // console.log(event.target.checked)
@ -275,113 +253,107 @@ export default {
// }); // });
// }, // },
userdele(item) { // userdele(index){
let delform = [];
if (item.length > 0) { // this.goldmedal.splice(index,1);
delform = item; // },
} else {
delform = [item.productCode];
}
this.$confirm("确定删除", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "success",
callback: (action) => {
if (action === "confirm") {
this.deletsmessage(delform);
}
},
});
// this.$message({
// type: "warning",
// message: data.msg,
// });
},
plus(num,index){ plus(num,index){
this.cartData[index].buyCount = console.log(index);
parseInt(this.cartData[index].buyCount) + 1; this.goldmedal[index].buyCount = parseInt(this.goldmedal[index].buyCount) + 1;
} , } ,
// 数量减方法 // 数量减方法
sub(num,index){ sub(num,index){
if(parseInt(num) <= 1){ if(parseInt(num) <= 1){
this.cartData[index].buyCount = 1; this.goldmedal[index].buyCount = 1;
} else {
this.cartData[index].buyCount =
parseInt(this.cartData[index].buyCount) - 1;
} }
else{
this.goldmedal[index].buyCount = parseInt(this.goldmedal[index].buyCount) - 1;
}
}, },
// 求总价 // 求总价
useredit(e){ useredit(e){
this.ys1 = !this.ys1; this.ys1 = !this.ys1
if(this.ys1==false){ if(this.ys1==false){
this.$nextTick(() => { this.$nextTick(() => {
this.userdelete = "删除"; this.userdelete='删除';
console.log(this.userdelete); console.log(this.userdelete);
});
})
}else if(this.ys1==true){ }else if(this.ys1==true){
this.$nextTick(() => { this.$nextTick(() => {
this.userdelete = "结算"; this.userdelete='结算';
console.log(this.userdelete); console.log(this.userdelete);
});
})
} }
if(this.userdelete=="删除"){ if(this.userdelete=="删除"){
}
},
usejiesuan() {
// let procode = [];
// let list = [];
// let menulist = [];
// this.cartData.filter((item) => {
// if (item.checked) {
// list.push(item);
// console.log(item);
// procode.push(item.productCode);
// } else {
// list.splice(index, 1);
// }
// });
// let list = [];
// list = this.cartData.filter((item) => item.checked);
// list.forEach((item) => { }
// menulist.push({
// productName: item.productName, },
// buyCount: item.buyCount, usejiesuan(item,index){
// productId: item.productCode,
// payAmount: item.productPrice, let procode=[];
// memberId: item.memberId,
// phoneNumber: item.mobile,
// });
// });
let list=[]; let list=[];
list = this.cartData.filter((item) => item.checked); let menulist=[];
this.goldmedal.filter(item=>{
if(item.checked){
list.push(item);
console.log(item);
procode.push(item.productCode)
}else{
list.splice(index,1);
}
})
list=this.goldmedal.filter(item =>
item.checked
);
list.forEach(item => {
menulist.push({
productName:item.productName,
buyCount:item.buyCount,
productId: item.productCode,
payAmount: item.productPrice,
memberId:item.memberId,
phoneNumber:item.mobile
});
});
if(this.ys1==false){
if(list.length==0){ if(list.length==0){
this.$message({ this.$message({
type: "warning", type: 'warning',
message: "你还未选择商品", message: '你还未选择商品'
}); });
return; return;
}else{ }else{
if (this.editState == "完成") { this.deletsmessage(procode);
let delList=[] }
list.forEach(item=>{
delList.push(item.productCode)
})
this.userdele(delList);
}else{ }else{
this.$router.push({ if(list.length==0){
path: "/personal/settlement",
query: { this.$message({
list: list, type: 'warning',
}, message: '你还未选择商品'
}); });
return;
}else{
this.userjie(menulist)
} }
} }
// list=[ // list=[
// { // {
// "productName":"幼猫全价粮", // "productName":"幼猫全价粮",
@ -406,6 +378,10 @@ export default {
// .then((res) => { // .then((res) => {
// console.log(res); // console.log(res);
// }); // });
}, },
// async userdelete(item) { // async userdelete(item) {
@ -418,43 +394,242 @@ export default {
checkAll: { checkAll: {
// 设置值,当点击全选按钮的时候触发 // 设置值,当点击全选按钮的时候触发
set(v) { set(v) {
this.cartData.forEach((item) => { this.goldmedal.forEach(item => {
item.checked = v; item.checked = v
}); });
}, },
// 取值,当列表中的选择改变之后触发 // 取值,当列表中的选择改变之后触发
get() { get() {
return ( return this.goldmedal.length === this.goldmedal.filter(item => item.checked == true).length;
this.cartData.length ===
this.cartData.filter((item) => item.checked == true).length
);
}, },
}, },
// 总价计算 // 总价计算
sumPrice() { sumPrice() {
return this.cartData return this.goldmedal
.filter((item) => item.checked) .filter(item => item.checked)
.reduce((pre, cur) => { .reduce((pre, cur) => {
console.log(pre); console.log(pre);
return pre + cur.buyCount * cur.productPrice; return pre + cur.buyCount * cur.productPrice;
}, 0); }, 0);
}, },
sumlength(){ sumlength(){
return this.cartData.filter((item) => item.checked == true).length; return this.goldmedal.filter(item => item.checked == true).length;
}, }
}, },
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
// 手机端
@media screen and(min-width: 320px) and(max-width:768px) {
.rc-header{
}
.rc-footera{
display: none;
}
.rc-footer {
position: fixed;
bottom: 0;
width: 100%;
.rc-foote {
width: 100%;
margin: 0 auto;
height: 80px;
display: flex;
justify-content: space-between;
align-items: center;
background-color: white;
}
.rc-shop {
display: flex;
align-items: center;
i {
font-style: normal;
font-size: 14px;
color: #333333;
}
span {
font-size: 18px;
color: #E1001A;
display: block;
margin-left: 3px;
}
}
.rc-delete {
span {
width: 100px;
height: 48px;
background: #e2001a;
border-radius: 30px;
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
margin-right: 40px;
color: #ffffff;
}
}
}
.rc-header {
width: 100%;
.rc-main {
width: 92%;
margin: 0 auto;
.rc-commodity{
display: none;
}
.rc-select {
border-bottom: 1px solid #d8d8d8;
height: 56px;
width: 100%;
align-items: center;
display: flex;
justify-content: space-between;
.select-left {
display: flex;
align-items: center;
img {
width: 24px;
height: 24px;
display: block;
}
span {
font-size: 14px;
color: #333333;
display: block;
margin-left: 8px;
}
}
.select-right {
display: flex;
align-items: center;
img {
width: 16px;
height: 16px;
display: block;
margin-right: 8px;
}
span {
font-size: 14px;
color: #333333;
}
}
}
.rc-userdemand {
width: 100%;
height: 180px;
border-bottom: 1px solid #d8d8d8;
display: flex;
.rc-userdeman {
display: flex;
align-items: center;
img {
width: 24px;
height: 24px;
display: block;
}
.re-message {
width: 96px;
height: 96px;
display: block;
border: 1px solid #d8d8d8;
margin-left: 8px;
}
}
.rc-userdem {
display: flex;
flex-direction: column;
width: 100%;
margin-left: 8px;
justify-content: center;
span {
font-size: 16px;
color: #e1001a;
display: block;
font-weight: bold;
}
em {
font-style: normal;
font-size: 14px;
display: block;
margin-top: 8px;
color: #666666;
}
.rc-userd {
em{
display: none;
}
display: flex;
align-items: center;
justify-content: flex-end;
margin-top: 8px;
i {
font-size: 18px;
font-style: normal;
display: flex;
justify-content: flex-start;
align-items: center;
width: 74%;
color: #e1001a;
}
img {
width: 23px;
height: 23px;
display: block;
margin-right: 4px;
}
img:last-child {
width: 23px;
height: 23px;
display: block;
margin-left: 4px;
}
strong {
font-style: normal;
display: flex;
justify-content: center;
list-style: none;
align-items: center;
width: 24px;
color: #666666;
height: 24px;
border: 1px solid #d7d7d7;
font-size: 12px;
border-radius: 3px;
}
.rc-jia{
display: flex;
}
}
}
}
}
}
}
// /* 最小768px最大1920 *pc端/
@media screen and (min-width: 768px) and (max-width: 1920px) {
.rc-footer{ .rc-footer{
display: none; display: none;
} }
.rc-footera { .rc-footera {
background: #f6f6f6; position: fixed;
border: 1px solid #d7d7d7; bottom: 0;
width: 100%;
.rc-foote { .rc-foote {
width: 92%;
margin: 0 auto; margin: 0 auto;
box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1); box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);
height: 102px; height: 102px;
@ -464,7 +639,6 @@ export default {
.rc-shop { .rc-shop {
display: flex; display: flex;
align-items: center; align-items: center;
margin-left: 24px;
img{ img{
width: 24px; width: 24px;
height: 24px; height: 24px;
@ -506,7 +680,7 @@ export default {
} }
span{ span{
font-size: 20px; font-size: 20px;
color: #e1001a; color: #E1001A;
} }
em{ em{
font-style: normal; font-style: normal;
@ -531,92 +705,42 @@ export default {
} }
} }
} }
.rc-header {
width: 100%;
.rc-main { .rc-main {
width: 92%; width: 92%;
margin: 0 auto; margin: 0 auto;
padding-top: 60px; .rc-commodity {
max-width: 1400px;
.cart-list {
width: 100%; width: 100%;
border: 1px solid #d7d7d7; border: 1px solid #d7d7d7;
font-size: 16px;
color: #666666;
p {
margin: 0;
}
.header {
background: #f6f6f6;
border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px;
border-bottom: 1px solid #d7d7d7; background: #f6f6f6;
font-size: 18px;
color: #666666;
height: 64px; height: 64px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} .rc-commondi {
.header_ph { display: flex;
display: none; align-items: center;
} img {
.check-label {
display: block; display: block;
margin-left: 24px; margin-left: 24px;
} }
.name { span {
display: block; display: block;
margin-left: 56px; margin-left: 56px;
} }
.list-left {
display: flex;
align-items: center;
} }
ul { ul {
display: flex; display: flex;
width: 70%; width: 80%;
justify-content: space-around; justify-content: space-around;
align-items: center; align-items: center;
} }
.list {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #d7d7d7;
padding: 15px 0;
.product-price {
color: #e1001a;
font-weight: bold;
font-size: 20px;
}
.product {
display: flex;
justify-content: space-between;
margin-left: 56px;
.product-title {
color: #e1001a;
font-weight: bold;
font-size: 18px;
}
.product-img {
margin-right: 10px;
width: 96px;
height: 96px;
img { img {
width: 100%; width: 24px;
height: 100%; height: 24px;
}
}
}
.rc-jia {
display: flex;
align-items: center;
img,
input {
width: 30px;
height: 30px;
text-align: center;
margin: 0 5px;
}
input {
border: 1px solid #d7d7d7;
}
}
} }
} }
.rc-select { .rc-select {
@ -704,6 +828,7 @@ export default {
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
width: 10%; width: 10%;
} }
.rc-userd { .rc-userd {
display: flex; display: flex;
@ -735,10 +860,10 @@ export default {
font-style: normal; font-style: normal;
font-size: 20px; font-size: 20px;
cursor: pointer; cursor: pointer;
border-bottom: 1px solid #e2001a; border-bottom: 1px solid #E2001A;
display: block; display: block;
margin-left: 40px; margin-left: 40px;
color: #e1001a; color: #E1001A;
} }
strong { strong {
font-style: normal; font-style: normal;
@ -758,66 +883,6 @@ export default {
} }
} }
} }
//手机端
@media screen and (max-width: 768px) {
.rc-main {
width: 100%;
.cart-list {
border: none;
.header {
display: none;
}
.header_ph {
display: block;
border-bottom: 2px solid #d8d8d8;
padding: 20px 10px 20px 0;
border-top: 5px solid #f6f6f6;
}
.check-label {
margin-left: 10px;
}
.name {
margin-left: 16px;
}
.list {
display: block;
.product {
margin-left: 16px;
}
ul {
margin-top: -32px;
margin-left: 128px;
width: 60%;
.del {
display: none;
}
}
}
}
}
.rc-footera {
position: fixed;
bottom: 0;
width: 100%;
.rc-shop {
display: none;
}
.rc-delete {
margin-right: 0;
width: 100%;
.rc-num {
width: 100%;
justify-content: space-between;
padding: 10px;
}
strong {
margin-right: 0;
}
}
}
.el-message-box{
width: 300px;
} }
} }
</style> </style>

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

@ -75,7 +75,79 @@ export default {
userstates:0, userstates:0,
userimage: require("../../assets/image/unused.png"), userimage: require("../../assets/image/unused.png"),
newlist: [ newlist: [
{
price: "30",
pricestype: "新客优惠券",
special: "全场每满299-30",
period: "有效期",
starttime: "2021.11.29-2022.01.28",
catimage: require("../../assets/image/unused.png"),
},
{
price: "30",
pricestype: "新客优惠券",
special: "全场每满299-30",
period: "有效期",
starttime: "2021.11.29-2022.01.28",
catimage: require("../../assets/image/unused.png"),
},
{
price: "30",
pricestype: "新客优惠券",
special: "全场每满299-30",
period: "有效期",
starttime: "2021.11.29-2022.01.28",
catimage: require("../../assets/image/unused.png"),
},
{
price: "30",
pricestype: "新客优惠券",
special: "全场每满299-30",
period: "有效期",
starttime: "2021.11.29-2022.01.28",
},
{
price: "30",
pricestype: "新客优惠券",
special: "全场每满299-30",
period: "有效期",
starttime: "2021.11.29-2022.01.28",
},
{
price: "30",
pricestype: "新客优惠券",
special: "全场每满299-30",
period: "有效期",
starttime: "2021.11.29-2022.01.28",
},
{
price: "30",
pricestype: "新客优惠券",
special: "全场每满299-30",
period: "有效期",
starttime: "2021.11.29-2022.01.28",
},
{
price: "30",
pricestype: "新客优惠券",
special: "全场每满299-30",
period: "有效期",
starttime: "2021.11.29-2022.01.28",
},
{
price: "30",
pricestype: "新客优惠券",
special: "全场每满299-30",
period: "有效期",
starttime: "2021.11.29-2022.01.28",
},
{
price: "30",
pricestype: "新客优惠券",
special: "全场每满299-30",
period: "有效期",
starttime: "2021.11.29-2022.01.28",
},
], ],
discountlist: [ discountlist: [
{ {
@ -90,7 +162,27 @@ export default {
], ],
preferential: [ preferential: [
{
price: "30",
pricestype: "新客优惠券",
special: "全场每满299-30",
period: "有效期",
starttime: "2021.11.29-2022.01.28",
},
{
price: "30",
pricestype: "新客优惠券",
special: "全场每满299-30",
period: "有效期",
starttime: "2021.11.29-2022.01.28",
},
{
price: "30",
pricestype: "新客优惠券",
special: "全场每满299-30",
period: "有效期",
starttime: "2021.11.29-2022.01.28",
},
], ],
userdiscount:[], userdiscount:[],
activeIndex: 0, activeIndex: 0,
@ -189,5 +281,6 @@ import Myheader from "~/components/header.vue";
<style lang="less" scoped> <style lang="less" scoped>
// 手机端 // 手机端
@import url("../../assets/css/global.less");
@import url("../../assets/css/discount.less"); @import url("../../assets/css/discount.less");
</style> </style>

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

@ -1,5 +1,5 @@
<template> <template>
<div class="settlement"> <div>
<Myheader></Myheader> <Myheader></Myheader>
<tabs></tabs> <tabs></tabs>
<div class="online"></div> <div class="online"></div>
@ -8,55 +8,52 @@
<div class="rc-border"></div> <div class="rc-border"></div>
<div <div
class="mypersonal" class="mypersonal"
v-for="(item, index) in useraddress" v-for="(dataaddress, index) in useraddress"
:key="index" :key="index"
:class="item.isDefault ? 'active' : ''"
@click="selectAddress(item)"
> >
<div class="edit" @click="editAddress(item)">
<i class="el-icon-edit"></i>编辑
</div>
<div class="my-delivery"> <div class="my-delivery">
<span>{{ item.recipient }}</span> <span>{{ dataaddress.state }}</span>
<i>{{ item.recipientPhone }}</i> <i>{{ dataaddress.tel }}</i>
</div> </div>
<div class="per-delivery"> <div class="per-delivery">
<span>{{ item.address }}</span> <span>{{ dataaddress.address }}</span>
</div> </div>
</div> </div>
<div class="mypersonal"> <div class="online" style="height:3px;width:100%;background:#DDDDDD;"></div>
<div <div>
class="my-delivery" <div class="rc-center">
@click="addAddress"
style="justify-content: center"
>
<i class="el-icon-plus"></i>
<span>添加收货地址</span>
</div>
</div>
</div>
</div>
<div class="rc-contline"></div>
<div class="rc-main" v-for="(item, index) in goldmedal" :key="index">
<div class="rc-usermain"> <div class="rc-usermain">
<div class="rc-image"> <div class="rc-image">
<img :src="item.productImg" alt="" /> <img :src="item.catimage" alt="" />
</div> </div>
<div class="rc-right"> <div class="rc-right">
<div class="rc-usercenter"> <div class="rc-usercenter">
<h3>{{ item.productName }}</h3> <em>{{ item.usereat }}</em>
<p>规格:{{ item.specifications }}</p> <div class="rc-userright">
<span>规格:{{ item.num }}</span>
</div>
</div> </div>
<div class="rc-userbottom"> <div class="rc-userbottom">
<p>￥{{ item.productPrice }}</p> <span>数量:{{ item.specification }}件</span>
<p>X{{ item.buyCount }}</p> <i>￥{{ item.userprice }}</i>
<p class="price">￥{{ item.productPrice }}</p> <div class="rc-bottom">
<span>联系客服申请售后</span>
</div> </div>
</div> </div>
<div class="rc-bottomm">
<span>联系客服申请售后</span>
</div>
<!-- <div class="rc-userbottomm">
<i>￥{{ item.userprice }}</i>
<span>{{ item.orderstype }}</span>
<i>￥{{ item.userprice }}</i>
</div> -->
</div> </div>
</div> </div>
<div class="rc-contline"></div>
<div class="rc-main"> </div>
<div class="rc-merchandise"> <div class="rc-merchandise">
<ul> <ul>
<li> <li>
@ -69,38 +66,40 @@
</li> </li>
<li> <li>
<span>商品总价:</span> <span>商品总价:</span>
<i class="red">{{ sumPrice }}</i> <i>{{ shopprice.promotion }}</i>
</li> </li>
<li> <li>
<span>配送费用:</span> <span>配送费用:</span>
<i class="red">{{ shopprice.payment }}</i> <i>{{ shopprice.payment }}</i>
</li> </li>
</ul> </ul>
</div> </div>
</div>
<div class="rc-contline"></div>
<div class="rc-main">
<div class="rc-foot"> <div class="rc-foot">
<div class="rc-foo"> <div class="rc-foo">
<div> <div style="padding-top:55px">
<i>合计金额:</i> <i>合计金额:</i>
<em>{{ sumPrice }}</em> <em>￥167.00</em>
</div> </div>
<div style="font-weight: bold"> <div style="padding-bottom:40px">
<span @click="jiesuan()">提交订单</span> <span>再次购买</span>
</div> </div>
</div> </div>
</div>
</div> </div>
</div> </div>
<el-dialog :visible.sync="dialogAdd" class="diallog_width" width="'100%">
<div class="tc dl_cont" v-if="dialogAdd"> <div class="rc-button">
<myAddress <div class="rc-left">
@isClose="dialogCtrl" <span>总计：</span>
:editAddressData="editAddressData" <em>￥167.00</em>
></myAddress> </div>
<strong ref="rccolor" @click="jiesuan">结算</strong>
</div> </div>
</el-dialog>
</div> </div>
</template> </template>
@ -115,16 +114,21 @@ export default {
return { return {
goldmedal:[], goldmedal:[],
addressstype: null, addressstype: null,
orderstatus: "", orderstatus: '',
userisdelivery: "待收货", userisdelivery:'待收货',
userdelivery: "派送中", userdelivery: "派送中",
isshow:true, isshow:true,
leftico: require("../../assets/image/rc-left.png"), leftico: require("../../assets/image/rc-left.png"),
orderNumber: "", orderNumber:'',
dialogAdd: false,
editAddressData: {}, // delivery: [
curAddress: {}, // {
saveType: "", // state: "派送中",
// time: "2021-11-21",
// address: "广州天河—刘某某【15124617917】正在派送中",
// },
// ],
useraddress: [ useraddress: [
{ {
state: "李某某", state: "李某某",
@ -166,149 +170,26 @@ export default {
promotion: "￥167.00", promotion: "￥167.00",
payment: "￥0.00 ", payment: "￥0.00 ",
}, },
information: {
reference: "1111111111111111",
ordertime: "2012-12-01 11:20:00",
paymentmethod: "微信支付",
distribution: "快递",
trackingnumber: "11111111111111",
catimage: require("../../assets/image/rc-left.png"),
},
}; };
}, },
computed: {
// 总价计算
sumPrice() {
return this.goldmedal
.reduce((pre, cur) => {
console.log(pre);
return pre + cur.buyCount * cur.productPrice;
}, 0);
},
},
methods: { methods: {
async getAddressList() { jiesuan(){
let memberId = JSON.parse(localStorage.getItem("userInfo")).data.id; // let userdata=this.$route.query.wxdata
let { data } = await memberAddress("getAll", { memberId: memberId });
data.forEach((item) => {
item.address =
item.provinceName +
item.cityName +
item.districtName +
item.detailAddress;
});
this.useraddress = data;
console.log(data);
},
editAddress(item) {
this.editAddressData = {
memberId: item.memberId,
name: item.recipient,
tel: item.recipientPhone,
detailAddress: item.detailAddress,
id: item.id,
city: item.cityName,
districtId: item.districtName,
saveType: "edit",
};
this.dialogAdd = true;
},
addAddress() {
this.editAddressData = {};
this.dialogAdd = true;
},
selectAddress(cur) {
this.useraddress.forEach((item) => {
if (item.id == cur.id) {
item.isDefault = true;
} else {
item.isDefault = false;
}
});
},
dialogCtrl(parm) {
this.dialogAdd = parm;
this.getAddressList();
},
async jiesuan() {
let orderAddress = this.useraddress.filter(item=>item.isDefault)
let postData =[]
this.goldmedal.forEach(item=>{
let oneProduct={
productName: item.productName,
buyCount: item.buyCount,
productId:item. productCode,
payAmount: item.productPrice,
memberId: item.memberId,
phoneNumber: item.mobile,
// couponId: "NGQ2022P12",
// couponTypeId: "4",
// couponName: "内购券",
// couponAmount: "0.3175",
// couponCode: "0007792402",
orderAddress: {
addressPhoneNumber:orderAddress[0].recipientPhone,
addressUserName:orderAddress[0].recipient,
addressProvinceName: orderAddress[0].provinceName,
addressCityName:orderAddress[0].cityName,
addressCountyName: orderAddress[0].districtName,
addressDetailInfo: orderAddress[0].detailAddress,
},
}
postData.push(oneProduct)
})
// let postData = [
// {
// productName: this.goldmedal.productName,
// buyCount: "2",
// productId: "20030200",
// payAmount: "147.00",
// memberId: "844350",
// phoneNumber: "18112621098",
// couponId: "NGQ2022P12",
// couponTypeId: "4",
// couponName: "内购券",
// couponAmount: "0.3175",
// couponCode: "0007792402",
// orderAddress: {
// addressPhoneNumber:orderAddress[0].recipientPhone,
// addressUserName:orderAddress[0].recipient,
// addressProvinceName: orderAddress[0].provinceName,
// addressCityName:orderAddress[0].cityName,
// addressCountyName: orderAddress[0].districtName,
// addressDetailInfo: orderAddress[0].detailAddress,
// },
// },
// // {
// // productName: "幼猫全价粮",
// // buyCount: "2",
// // productId: "20030200",
// // payAmount: "147.00",
// // memberId: "844350",
// // phoneNumber: "18112621098",
// // couponId: "NGQ2022P12",
// // couponTypeId: "4",
// // couponName: "内购券",
// // couponAmount: "0.3175",
// // couponCode: "0007792402",
// // orderAddress: {
// // addressPhoneNumber: "13602898745",
// // addressUserName: "张三",
// // addressProvinceName: "江苏省",
// // addressCityName: "无锡市",
// // addressCountyName: "江阴市",
// // addressDetailInfo: "东苑一村",
// // },
// // },
// ];
// let res = await generateOrderWX(postData);
// if (res.success) {
// let payData=res.data
let userPayData={
postData:postData,
wxPay:'weixin://wxpay/bizpayurl?pr=4RJbokxzz'
}
this.$router.push({ this.$router.push({
path: "/personal/userpay", path: "/personal/userpay",
query: { query: {
userPayData: userPayData, wxdata:userdata
}, },
}); });
// }
}, },
async canceldanhao(orderNumber){ async canceldanhao(orderNumber){
let data=await userin(orderNumber); let data=await userin(orderNumber);
@ -318,14 +199,11 @@ export default {
}, },
}, },
mounted() { mounted() {
this.goldmedal = this.$route.query.list; this.addressstype = this.$route.query.stype;
console.log(this.$route.query.list); this.orderNumber=this.$route.query.orderNumber;
this.getAddressList(); this.canceldanhao(this.orderNumber)
// this.addressstype = this.$route.query.stype; console.log(this.$refs.rccolor)
// this.orderNumber = this.$route.query.orderNumber; this.$refs.rccolor.style.background='gray';
// this.canceldanhao(this.orderNumber);
// console.log(this.$refs.rccolor);
// this.$refs.rccolor.style.background = "gray";
}, },
components: { components: {
Myheader, Myheader,

714
rc-busness/pages/personal/userpay.vue
View File

@ -1,320 +1,578 @@
<template> <template>
<div class="page_modules"> <div>
<Myheader></Myheader> <Myheader></Myheader>
<div class="cont_modules"> <div class="rc-main">
<tabs></tabs> <div class="online" style="height:3px;width:93%;margin:0 auto;background:#DDDDDD;margin-top:0.23rem"></div>
<el-row class="order_info"> <div class="rc-hearder">
<el-col :span="6" class="ph_hidden"> <div class="rc-userpay">
<ul class="li_inline"> <div class="paysucess">
<li class="sucess_img"> <span>订单提交成功等待付款</span>
<img src="../../assets/image/usersucess.png" alt="" />
</li>
<li class="ready">
<p>订单提交成功</p>
<p>等待付款</p>
</li>
</ul>
</el-col>
<el-col :span="12" class="ph_hidden">&nbsp;</el-col>
<el-col :span="6" class="ready_right">
<div class="inline_right">
<p>付款金额:</p>
<p class="price">{{ info.userprice }}</p>
</div> </div>
<div class="inline_right"> <div class="rc-all">
<p>收货信息:</p> <div class="rc-payprice">
<p>{{ info.userinformation }}</p> <span>付款金额:</span>
<i>{{ userprice }}</i>
</div> </div>
</el-col> <div class="rc-receiving">
</el-row> <span>收货信息:</span>
<i>{{ userinformation }}</i>
</div> </div>
<div class="rc_contline"></div>
<div class="cont_modules">
<div class="pay_title color_red">请选择支付方式</div>
</div> </div>
<div class="rc_contline"></div> <div class="online" style="height:3px;width:100%;background:#DDDDDD;"></div>
<div class="cont_modules"> <div class="rc-usermaina">
<div class="pay_list"> <div class="rc-title" id="qrcode" ref="qrcode" >
<ul> </div>
<li </div>
class="pay_item"
</div>
<div class="rc-paystype">
<span>请选择支付方式</span>
</div>
<div class="online" style="height:3px;width:100%;background:#DDDDDD;"></div>
<div class="paystype">
<div
class="payAlipay"
v-for="(item, index) in userpaystype" v-for="(item, index) in userpaystype"
:key="index" :key="index"
@click="selectGoods(item, index)" @click="selectGoods(item, index)"
:class="activeIndex == index ? 'active' : ''" :class="activeIndex == index ? 'active' : 'unactive'"
> >
<div class="rc-payype">
<img :src="item.payimage" alt="" /> <img :src="item.payimage" alt="" />
<span>{{ item.paytype }}支付</span> <span>{{ item.price }}</span>
</li> </div>
</ul> <div class="user-righticon">
<img src="../../assets/image/rc-left.png" alt="" />
</div>
</div>
</div> </div>
</div> </div>
<div class="paycord">
<div id="qrcode" ref="qrcode" class="qrcode"></div> <div class="paycord" @click="usershow()" id="qrcode" ref="qrcode">
<span>{{ paytype }}扫一扫立即支付</span> <!-- <img src="../../assets/image/rc-discount.png" alt="" />
<span>微信扫一扫立即支付</span> -->
</div> </div>
</div>
<el-dialog <el-dialog
:visible.sync="dialogSuccess" :visible.sync="dialogInfo1"
@close="closeDialogSuccess" hegight="700px"
@close='closeDialog'
> >
<div class="tc dl_cont">
<div class="dl_img"> <div class="rc-header">
<img src="../../assets/image/usersucess.png" alt="" /> <div class="rc-titled" >
<img src="../../assets/image/usersucess.png" alt="">
</div> </div>
<h3 class="title">支付成功</h3> <div class="rc-logmain">
<p>您的商品我们正在抓紧打包，请耐心等候！</p> <h3>支付成功</h3>
<div class="line_dashed"></div> <span>{{usermessage}}</span>
</div>
<div class="userer"> <div class="userer">
<img
width="210" <img src="../../assets/image/rc-discount.png" alt="">
height="210" <span>微信扫一扫，识别二维码</span>
src="../../assets/image/rc-discount.png" <i>加入社群0元试用商品随单发放</i>
alt=""
/>
<p>微信扫一扫，识别二维码</p>
<p class="tips">加入社群0元试用商品随单发放</p>
</div> </div>
</div> </div>
</el-dialog>
<el-dialog
:visible.sync="dialogFail"
@close="closeDialogFail"
>
<div class="tc dl_cont">
<div class="dl_img">
<img src="../../assets/pay/fail.png" alt="" />
</div>
<h3 class="title">支付失败</h3>
<p>请返回商品结算页面重新支付</p>
</div>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
<script> <script>
import Myheader from "~/components/header.vue"; import Myheader from "~/components/header.vue";
import tabs from "@/components/tabs.vue"; import QRCode from 'qrcodejs2'
import QRCode from "qrcodejs2"; import { generateOrderWX } from "../../ajax/getData";
import { generateOrderAlipay, updateOrderWX } from "../../ajax/getData";
export default { export default {
data() { data() {
return { return {
userdata:null,
activeIndex: 0, activeIndex: 0,
isSucess: false, usermessage:'您的商品我们正在抓紧打包，请耐心等候！',
paytype: "微信", userprice: "￥167.00",
userinformation: "李某某 151****7917",
userpaystype: [ userpaystype: [
{ {
paytype: "微信", price: "支付宝支付",
payimage: require("../../assets/pay/wx.png"), payimage: require("../../assets/image/rc-cat.png"),
catimage: require("../../assets/image/rc-left.png"),
}, },
{ {
paytype: "支付宝", price: "微信支付",
payimage: require("../../assets/pay/zfb.png"), payimage: require("../../assets/image/rc-cat.png"),
catimage: require("../../assets/image/rc-left.png"),
}, },
], ],
dialogSuccess: true, dialogInfo1:false,
dialogFail: false,
}; };
}, },
computed: {
// 总价计算
info() {
let obj = {
userprice: this.$route.query.userPayData.postData[0].payAmount,
userinformation:
this.$route.query.userPayData.postData[0].orderAddress
.addressUserName +
" " +
this.$route.query.userPayData.postData[0].orderAddress
.addressPhoneNumber,
};
return obj;
},
},
mounted() { mounted() {
this.qrcode(this.$route.query.userPayData.wxPay); this.userdata=this.$route.query.wxdata;
this.userpay(this.userdata);
console.log(this.userdata);
this.$nextTick(() => {
this.userpay();
})
}, },
methods: { methods: {
closeDialogSuccess() {
closeDialog(){
this.qrcode=null; this.qrcode=null;
this.$router.push({ console.log('关闭的')
path: "/index",
});
}, },
closeDialogFail() {
this.qrcode = null; async userpay(userdata) {
this.$router.push({
path: "/personal/useraddress", console.log("-----");
}); let data = await generateOrderWX();
console.log();
this.qrcode(userdata);
}, },
qrcode (e) { qrcode (e) {
let qrcode = new QRCode("qrcode", { console.log(e);
width: 260, // 设置宽度，单位像素 let qrcode = new QRCode('qrcode',{
height: 260, // 设置高度，单位像素 width: 150, // 设置宽度，单位像素
text: e, // 设置二维码内容或跳转地址 height: 150, // 设置高度，单位像素
}); text: e// 设置二维码内容或跳转地址
})
}, },
async selectGoods(item, index) { selectGoods(item,index){
this.activeIndex = index; let _that=this
this.paytype = item.paytype; _that.dialogInfo1=true;
if (index == 1) { _that.activeIndex=index;
//支付宝 if(item.price=='微信支付'){
let res = await generateOrderAlipay( // this.userpay();
this.$route.query.userPayData.postData
);
if (res.success) {
this.qrcode(res.data);
}
} }
}, },
//支付监听 usershow(){
async updateOrderWX() { console.log('这是支付')
let res = await updateOrderWX(); this.dialogInfo1=true;
if (res.success) {
this.dialogSuccess = true;
clearInterval(this.time);
} else {
this.dialogFail = true;
clearInterval(this.time);
} }
}, },
},
components: { components: {
Myheader, Myheader,
tabs,
}, },
}; };
</script> </script>
<style lang="less" scoped > <style lang="less" scoped >
.sucess_img { @media screen and (max-width: 768px) {
.rc-usermaina{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
display: none;
}
.rc-userpay{
display: none;
}
/deep/.el-dialog {
width:80%;
height: 500px;
}
.rc-header{
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
h3{
color:#333333;
font-size: 26px;
}
.rc-title{
display: flex;
margin-top: 30px;
display: none;
img{
width: 96px; width: 96px;
height: 96px; height: 96px;
margin-right: 10px; margin-left: 40px;
} }
.order_info {
padding: 10px 0;
} }
.info { .rc-titled{
img{
width: 96px;
height: 96px;
}
}
.userer{
display: flex; display: flex;
justify-content: space-between; flex-direction: column;
} align-items: center;
.ready { img{
font-size: 20px; width: 96px;
color: #e2001a; height: 96px;
}
.ready_right {
line-height: 200%;
padding-top: 8px;
}
.price {
font-size: 20px;
color: #e2001a;
}
.pay_title {
font-size: 26px;
padding: 26px 0;
border-bottom: 1px solid #d7d7d7;
}
.pay_list {
padding: 20px 0;
.pay_item {
float: left;
margin-right: 20px;
display: flex; display: flex;
justify-content: center; justify-content: center;
border: 1px solid #333333; flex-direction: column;
padding: 5px 20px;
cursor: pointer;
&.active {
border: 1px solid #e2001a;
color: #e2001a;
} }
img {
margin-right: 5px; span{
width: 24px; font-size: 16px;
height: 24px;
color: #333333;
} }
} i{
&::after { font-size: 18px;
content: ""; font-style: normal;
display: block; display: block;
clear: both; margin-top: 32px;
color: #E1001A;
} }
} }
}
.rc-main {
width: 100%;
margin-top: 24%;
.paysucess{
display: none;
}
.paycord{ .paycord{
padding: 10px; display: none;
text-align: center;
.qrcode {
margin: 0 auto 10px;
width: 260px;
height: 260px;
} }
} .rc-hearder {
.dl_width { width: 93%;
width: 440px;
}
.dl_cont {
color: #333;
margin-top: -10px;
.title {
font-size: 26px;
font-weight: bold;
padding-bottom: 10px;
}
.line_dashed {
border-bottom: 2px dashed #999999;
margin: 10px 0;
}
.dl_img {
img {
width: 90px;
height: 90px;
margin: 0 auto; margin: 0 auto;
i em {
font-style: normal;
}
.rc-userpay {
width: 100%;
// height: 96px;
display: flex;
flex-direction: column;
justify-content: center;
.rc-all{
height: 96px;
display: flex;
flex-direction: column;
justify-content: center;
// display: none;
}
.rc-payprice {
display: flex;
justify-content: space-between;
span {
font-size: 14px;
color: #333333;
}
i {
font-size: 14px;
font-style: normal;
color: #e1001a;
}
}
.rc-receiving {
margin-top: 8px;
display: flex;
justify-content: space-between;
span {
font-size: 14px;
color: #333333;
}
i {
font-style: normal;
color: #666666;
font-size: 14px;
}
}
strong {
font-size: 16px;
display: block;
margin-top: 53px;
color: #e1001a;
}
}
.rc-paystype {
height:64px;
display: flex;
align-items: center;
span {
font-size: 16px;
color: #e1001a;
}
}
.payAlipay {
.user-righticon{
display: flex;
align-items: center;
img{
width: 8px;
height: 16px;
}
}
display: flex;
justify-content: space-between;
height: 80px;
border-bottom: 1px solid #d8d8d8;
.rc-payype {
display: flex;
align-items: center;
img {
width: 32px;
height: 32px;
border-radius: 50%;
}
span {
color: #333333;
font-size: 14px;
margin-left: 16px;
}
}
}
}
}
}
@media screen and (min-width: 768px) and (max-width: 1920px) {
.rc-usermaina{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
display: block;
}
/deep/.el-dialog {
width: 440px;
height: 677px;
}
.rc-header{
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
h3{
color:#333333;
font-size: 26px;
}
.rc-titled{
img{
width: 96px;
height: 96px;
}
}
.rc-title{
position: absolute;
left: 50%;
margin-left: -75px;
display: block;
top: 59%;
img{
width: 96px;
height: 96px;
} }
padding: 0px 0 20px;
} }
.userer{ .userer{
img{ img{
margin: 0 auto; width: 210px;
height: 210px;
display: flex;
justify-content: center;
flex-direction: column;
} }
span{
font-size: 16px;
color: #333333;
} }
.tips { i{
color: #e2001a;
margin-top: 30px;
font-size: 18px; font-size: 18px;
font-style: normal;
display: block;
margin-top: 32px;
color: #E1001A;
} }
} }
@media screen and (max-width: 768px) {
.ph_hidden {
display: none;
} }
.ready_right { .rc-main {
.active {
border: 1px solid #E2001A;
cursor: pointer;
width: 200px;
height: 56px;
}
.unactive {
border:1px solid #3D3D3D;
cursor: pointer;
width: 200px;
height: 56px;
}
width: 100%; width: 100%;
padding: 10px; .rc-hearder {
width: 93%;
margin: 0 auto;
i em {
font-style: normal;
} }
.pay_title { .rc-userpay {
padding: 10px; width: 100%;
} height: 96px;
.pay_list { // display: flex;
padding: 0; // justify-content: space-between;
.pay_item { .paysucess{
float: none;
border: none; display: flex;
border-bottom: 1px solid #d7d7d7;
height: 50px;;
margin-right: 0;
align-items: center; align-items: center;
justify-content: left; span{
justify-content: left; &.active { font-size: 20px;
border: none; display: block;
border-bottom: 1px solid #d7d7d7; width: 61%;
color: #E2001A;
}
}
.rc-all{
display: flex;
flex-direction: column;
justify-content: center;
}
.rc-payprice {
display: flex;
justify-content: flex-end;
span {
font-size: 16px;
color: #333333;
}
i {
font-size: 16px;
font-style: normal;
color: #e1001a;
}
}
.rc-receiving {
margin-top: 8px;
display: flex;
justify-content: flex-end;
span {
font-size: 16px;
color: #333333;
}
i {
font-style: normal;
color: #666666;
font-size: 16px;
}
}
strong {
font-size: 16px;
display: block;
margin-top: 53px;
color: #e1001a;
}
}
.paystype{
display: flex;
align-items: center;
}
.rc-paystype {
height: 100px;
display: flex;
align-items: center;
span {
font-size: 26px;
color: #E2001A;
}
}
.payAlipay {
margin-left: 20px;
.user-righticon{
display: none;
img{
width: 8px;
height: 16px;
}
}
display: flex;
justify-content: space-between;
height: 56px;
.rc-payype {
display: flex;
align-items: center;
font-size: 16px;
color: #E2001A;
justify-content: center;
width: 100%;
img {
width: 32px;
height: 32px;
border-radius: 50%;
}
span {
margin-left: 16px;
}
}
}
}
.paycord{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
img{
width: 260px;
height: 260px;
display: block;
}
span{
font-size: 20px;
display: block;
color: #333333;
} }
} }
} }
.paycord{ display:none;}
} }
</style> </style>

371
rc-busness/pages/productdetails/producted.vue
View File

@ -73,64 +73,6 @@
<div class="online"></div> <div class="online"></div>
</div> </div>
</div>
<div class="rc-carousel__gallery-thumbnails-wrapper">
<div class="rc-carousel rc-carousel__gallery-thumbnails">
<!-- Thunb images-->
<div
class="
rc-carousel__gallery-thumbnail
tns-item tns-slide-active
"
v-for="(item, index) in productAttachmentList"
:key="index"
>
<div class="rc-img--square">
<img :src="item.attachmentPath" alt="" />
</div>
</div>
<!-- Thunb images end-->
</div>
</div>
</div>
</div>
<div
class="ts-product-header rc-column"
id="328b2e5f-6904-4cac-9709-51ed18d2500f"
>
<div class="usermain" v-for="(item, index) in newlist" :key="index">
<div class="online bold rc-md-down"></div>
<div class="rc-main">
<div class="rc-title">
<h2>{{ item.productName }}</h2>
</div>
</div>
<div class="online rc-md-down"></div>
<div class="rc-main">
<div class="productdetails">
<div class="rc-productdetail">
<i class="ts-row-title">商品价格：</i>
<span class="ts-realprice">￥{{ item.rsp }}</span>
<span class="ts-remove ts-ecprice"
>￥{{ item.ecPrice }}
</span>
</div>
<div class="rc-productdetai">
<div>
<i class="ts-row-title">活动促销：</i>
<span>全场商品限时优惠</span>
</div>
<em class="ts-right-arr" @click="userget()">立即领取</em>
</div>
</div>
</div>
<div class="online bold rc-md-down"></div>
<div class="rc-main rc-md-up">
<div class="online"></div>
</div>
<div class="rc-productdeta" v-if="userbuy"> <div class="rc-productdeta" v-if="userbuy">
<div class="rc-main"> <div class="rc-main">
<div class="rc-prodtop"> <div class="rc-prodtop">
@ -141,7 +83,7 @@
{{ item.title }} {{ item.title }}
</em> --> </em> -->
<em class="active"> <em class='active'>
{{ item.specifications }} {{ item.specifications }}
</em> </em>
</div> </div>
@ -149,17 +91,9 @@
<div class="rc-main"> <div class="rc-main">
<div class="rc-produnnum"> <div class="rc-produnnum">
<div><i class="ts-row-title">商品数量：</i></div> <div><i class="ts-row-title">商品数量：</i></div>
<img <img src="../../assets/image/userjian.png" alt="" @click="sub()" />
src="../../assets/image/userjian.png"
alt=""
@click="sub()"
/>
<strong>{{sales_num}}</strong> <strong>{{sales_num}}</strong>
<img <img src="../../assets/image/userjia.png" alt="" @click="plus()" />
src="../../assets/image/userjia.png"
alt=""
@click="plus()"
/>
</div> </div>
</div> </div>
<div class="rc-main rc-md-up"> <div class="rc-main rc-md-up">
@ -167,63 +101,60 @@
</div> </div>
<div class="online rc-md-down"></div> <div class="online rc-md-down"></div>
<div class="rc-main"> <div class="rc-main">
<div class="rc-button" v-if="userbuy">
<span @click="usertanchu(item, 0)">加入购物车</span>
<span @click="usertanchu(item, 1)">立即购买</span>
</div>
<div class="certification"> <div class="certification">
<ul> <ul>
<li> <li>
<span <span
><i class="ts-row-title">服务说明：</i ><i class="ts-row-title">服务说明：</i><i>当天14点前完成付款即日安排发货;当天14点后完成付款次日安排发货(周日及国家法定节假日顺延至下一个工作日发货,活动期间发货或有延迟敬请理解)</i></span
><i
>当天14点前完成付款即日安排发货;当天14点后完成付款次日安排发货(周日及国家法定节假日顺延至下一个工作日发货,活动期间发货或有延迟敬请理解)</i
></span
> >
</li> </li>
<li> <li>
<span <span
><i class="ts-row-title">商品运费：</i ><i class="ts-row-title">商品运费：</i><i>全场包邮(港澳除外)</i></span
><i>全场包邮(港澳除外)</i></span
> >
</li> </li>
<li> <li>
<span <span
><i class="ts-row-title">商品编号：</i ><i class="ts-row-title">商品编号：</i><i>{{ item.brandCode }}</i></span
><i>{{ item.brandCode }}</i></span
> >
</li> </li>
</ul> </ul>
</div> </div>
<div class="rc-button" v-if="!userbuy">
<span @click="usertanchu(item,0)">加入购物车</span>
<span @click="usertanchu(item,1)">立即购买</span>
</div>
</div> </div>
<div class="online bold rc-md-down"></div> <div class="online bold rc-md-down"></div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="rc-footimage rc-main"> <div class="rc-footimage rc-main">
<!-- <img :src="item.showImgFile" alt="" /> --> <img :src=item.showImgFile alt="">
</div> </div>
<div class="rc-fixright" > <div class="rc-fixright" >
<ul > <ul >
<li <li v-for="(userfixed,index) in fixedlist" :key="index" @click="lianxi(userfixed,index)">
v-for="(userfixed, index) in fixedlist" <img :src="userfixed.catimage" alt="">
:key="index"
@click="lianxi(userfixed, index)"
>
<img :src="userfixed.catimage" alt="" />
<span> {{userfixed.title}}</span> <span> {{userfixed.title}}</span>
</li> </li>
</ul> </ul>
<div class="tuntop" @click="toTop" v-show="gotop"> <div class="tuntop" @click="toTop" v-show="gotop">
<img src="../../assets/image/turntop.png" alt="" /> <img src="../../assets/image/turntop.png" alt="">
<span>回到顶部</span> <span>回到顶部</span>
</div> </div>
</div> </div>
<Myfooter v-on:litentop="showmesg"></Myfooter> <Myfooter v-on:litentop='showmesg'></Myfooter>
</div> </div>
<el-dialog :visible.sync="dialogInfo1" @close="userclose"> <el-dialog
:visible.sync="dialogInfo1"
hegight="700px"
@close='userclose'
>
<div class="rs-dis"> <div class="rs-dis">
<div <div
class="rc-discount" class="rc-discount"
@ -233,40 +164,52 @@
<img :src="userimage" alt="" /> <img :src="userimage" alt="" />
<div class="rc-contair"> <div class="rc-contair">
<div class="rc-left"> <div class="rc-left">
<div><i>￥</i><span v-text="item.price"></span></div> <div>
<p v-text="item.pricestype"></p> <i>￥</i><span>{{ item.couponAmount }}</span>
</div>
</div> </div>
<div class="rc-right"> <div class="rc-right">
<i> <i>
{{ item.special }} {{ item.couponDesc }}
</i> </i>
<div > <div class="rc-main" id="rc-main">
<span>有效期</span> <span>有效期</span>
<em>{{ item.starttime }}</em> <em>{{ item.validTo }}</em>
</div> </div>
<div class="rc-footer"> <div class="rc-footer">
<span @click="usergetconf(item)">立即领取</span> <span @click="usergetconf(item)">立即领取</span>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</el-dialog> </el-dialog>
<el-dialog :visible.sync="dialogInfo2" @close="userclose"> <el-dialog
:visible.sync="dialogInfo2"
@close='userclose'
>
<div class="rc-headera"> <div class="rc-headera">
<div class="rc-title"> <div class="rc-title">
<img src="../../assets/error.png" alt="" /> <img src="../../assets/error.png" alt="">
</div> </div>
<div class="rc-logmain"> <div class="rc-logmain">
<h3>温馨提示</h3> <h3>温馨提示</h3>
<span>请先点击下方进行登录/注册</span> <span>请先点击下方进行登录/注册</span>
</div> </div>
<nuxt-link :to="`/userlogin/login/`"> <nuxt-link :to="`/userlogin/login/`">
<div class="userer"> <div class="userer">
<span>立即登录</span> <span>立即登录</span>
</div> </div>
</nuxt-link> </nuxt-link>
</div> </div>
</el-dialog> </el-dialog>
<div class="rc-button rc-md-down"> <div class="rc-button rc-md-down">
<span @click="usertanchu(item,0)">加入购物车</span> <span @click="usertanchu(item,0)">加入购物车</span>
@ -281,13 +224,7 @@ import tabs from "@/components/tabs.vue";
import unlogin from "~/components/unlogin.vue"; import unlogin from "~/components/unlogin.vue";
import { mapMutations } from "vuex"; import { mapMutations } from "vuex";
import Myfooter from "~/components/rc-footer.vue"; import Myfooter from "~/components/rc-footer.vue";
import { import { goodsmessage,getConfig,postCourseId,getdraw,alldiscount } from "../../ajax/getData";
goodsmessage,
getConfig,
postCourseId,
getdraw,
alldiscount,
} from "../../ajax/getData";
const settings = require("@/config"); const settings = require("@/config");
export default { export default {
// middleware: 'metaTitle', // middleware: 'metaTitle',
@ -335,53 +272,23 @@ export default {
{ {
title: "购物车", title: "购物车",
catimage: require("../../assets/buy.png"), catimage: require("../../assets/buy.png"),
}, },
{ {
title: "在线客服", title: "在线客服",
catimage: require("../../assets/service.png"), catimage: require("../../assets/service.png"),
}, },
{ {
title: "营养专家", title: "营养专家",
catimage: require("../../assets/consult.png"), catimage: require("../../assets/consult.png"),
}, },
], ],
productAttachmentList: [
{
id: 15901,
attachmentType: 1,
attachmentPath:
"https://miniapp-product.royalcanin.com.cn/rcmini/upload/1574384849415_BLUWOs.jpg",
sort: 1,
},
{
id: 15902,
attachmentType: 1,
attachmentPath:
"https://miniapp-product.royalcanin.com.cn/rcmini/upload/1574384851821_jFleXA.jpg",
sort: 2,
},
{
id: 15903,
attachmentType: 1,
attachmentPath:
"https://miniapp-product.royalcanin.com.cn/rcmini/upload/1574384853824_GrxAIp.jpg",
sort: 3,
},
{
id: 15904,
attachmentType: 1,
attachmentPath:
"https://miniapp-product.royalcanin.com.cn/rcmini/upload/1574384856077_9FbE1z.jpg",
sort: 4,
},
{
id: 15905,
attachmentType: 1,
attachmentPath:
"https://miniapp-product.royalcanin.com.cn/rcmini/upload/1574384859055_iPkFXi.jpg",
sort: 5,
},
],
newlist: [ newlist: [
{ {
price: "167.00", price: "167.00",
@ -402,8 +309,10 @@ export default {
}, },
], ],
}; };
}, },
components: { components: {
Myheader, Myheader,
tabs, tabs,
@ -436,32 +345,8 @@ this.usermessage= JSON.parse(localStorage.getItem("userInfo"));
} }
} }
tabs,
magnifier,
unlogin,
Myfooter,
}, },
mounted() {
// window.addEventListener("scroll", this.handleScroll, true);
if (this.usermessage !== "" || this.usermessage.data !== undefined) {
this.usermessage = JSON.parse(localStorage.getItem("userInfo"));
let stype = this.$route.query.stype;
this.productCode = this.$route.query.productCode;
console.log(this.productCode);
this.userquery(this.productCode);
console.log(this.userlistmenu);
this.$nextTick(() => {});
if (stype == 1) {
this.userbuy = true;
} else if (stype == 2) {
console.log("这是要消失的");
this.$nextTick(() => {
this.userbuy = false;
});
}
}
},
methods: { methods: {
...mapMutations(["changemessage"]), ...mapMutations(["changemessage"]),
handleScroll(e) handleScroll(e)
@ -482,62 +367,46 @@ this.usermessage= JSON.parse(localStorage.getItem("userInfo"));
}, },
lianxi(item,index){ lianxi(item,index){
console.log(item,index); console.log(item,index);
if (item.title == "在线客服") { if(item.title=='在线客服'){
var option = { var option = {
customer: { customer: {id: '', name: '', email: '', mobile: '', memberId: '999999'}
id: "", }
name: "",
email: "",
mobile: "",
memberId: "999999",
},
};
dis_livchat(option); dis_livchat(option);
} }
if (item.title == "购物车") { if(item.title=='购物车'){
console.log("---12314"); console.log('---12314');
this.$router.push({ this.$router.push({
path: "../../myorder/userrecord", path: "../../myorder/userrecord",
}); });
} }
if (item.title == "营养专家") { if(item.title=='营养专家'){
var option = { var option = {
customer: { customer: {id: '', name: '', email: '', mobile: '', memberId: '999999'}
id: "", }
name: "",
email: "",
mobile: "",
memberId: "999999",
},
};
dis_livchat(option); dis_livchat(option);
} }
}, },
toTop() { toTop() {
let top = document.documentElement.scrollTop || document.body.scrollTop; let top = document.documentElement.scrollTop || document.body.scrollTop;
// 实现滚动效果 // 实现滚动效果
const timeTop = setInterval(() => { const timeTop = setInterval(() => {
document.body.scrollTop = document.body.scrollTop = document.documentElement.scrollTop = top -= 400;
document.documentElement.scrollTop =
top -=
400;
if (top <= 0) { if (top <= 0) {
clearInterval(timeTop); clearInterval(timeTop);
} }
}, 10); }, 10);
}, },
showmesg(){ showmesg(){
console.log("-----"); console.log('-----');
this.toTop(); this.toTop();
}, },
toTop() { toTop() {
let top = document.documentElement.scrollTop || document.body.scrollTop; let top = document.documentElement.scrollTop || document.body.scrollTop;
// 实现滚动效果 // 实现滚动效果
const timeTop = setInterval(() => { const timeTop = setInterval(() => {
document.body.scrollTop = document.body.scrollTop = document.documentElement.scrollTop = top -= 400;
document.documentElement.scrollTop =
top -=
400;
if (top <= 0) { if (top <= 0) {
clearInterval(timeTop); clearInterval(timeTop);
} }
@ -547,7 +416,7 @@ this.usermessage= JSON.parse(localStorage.getItem("userInfo"));
//领取优惠券 //领取优惠券
usergetconf(item){ usergetconf(item){
console.log(item); console.log(item);
if (this.usermessage.data !== "" || this.usermessage.data !== undefined) { if(this.usermessage.data!==''||this.usermessage.data!==undefined){
this.getconf(this.usermessage.data.id,item.couponId); this.getconf(this.usermessage.data.id,item.couponId);
} }
}, },
@ -556,37 +425,45 @@ this.usermessage= JSON.parse(localStorage.getItem("userInfo"));
async getconf(memberId,couponId) { async getconf(memberId,couponId) {
let data = await getConfig(memberId,couponId); let data = await getConfig(memberId,couponId);
if(data){ if(data){
this.$message({ this.$message({
type: "warning", type: 'warning',
message: data.msg, message: data.msg
}); });
console.log(data); console.log(data);
} }
}, },
// changeName(newName){ // changeName(newName){
// this.name = newName; // this.name = newName;
// }, // },
userclose(){ userclose(){
console.log("这是关闭的"); console.log('这是关闭的');
this.userlist=[]; this.userlist=[];
}, },
async userquery() { async userquery() {
console.log("-----");
let data = await goodsmessage(this.productCode); let data = await goodsmessage(this.productCode);
if(data){ if(data){
this.newlist=data.data; this.newlist=data.data;
} }
this.productAttachmentList = this.newlist[0].productAttachmentList;
this.userlistmenu=this.newlist[0].productAttachmentList; this.userlistmenu=this.newlist[0].productAttachmentList;
let changemess=JSON.stringify(this.userlistmenu); let changemess=JSON.stringify(this.userlistmenu);
// console.log(changemess); console.log(changemess);
// this.productAttachmentList = this.userlistmenu;
this.changemessage({ data: changemess }); this.changemessage({ data: changemess });
this.parent_msg=this.userlistmenu; this.parent_msg=this.userlistmenu;
// console.log(this.userlistmenu); console.log( this.userlistmenu)
}, },
//获取用户领取的优惠券 //获取用户领取的优惠券
@ -595,6 +472,7 @@ this.usermessage= JSON.parse(localStorage.getItem("userInfo"));
if(data){ if(data){
this.drawlist=data.data; this.drawlist=data.data;
} }
}, },
//获取所有的优惠券 //获取所有的优惠券
@ -608,33 +486,40 @@ this.usermessage= JSON.parse(localStorage.getItem("userInfo"));
let alllist=[]; let alllist=[];
this.userlist=this.alldraw.data; this.userlist=this.alldraw.data;
this.userlist.forEach((element,index)=>{ this.userlist.forEach((element,index)=>{
if (typeof element.productCodes == "string") { if(typeof element.productCodes=='string'){
userlist.push(element); userlist.push(element);
// let s=element.productCodes.split(','); // let s=element.productCodes.split(',');
// console.log(s.indexOf(this.productCode) != -1 ) // console.log(s.indexOf(this.productCode) != -1 )
// console.log('这是字符串') // console.log('这是字符串')
} }
});
})
let menualist=[]; let menualist=[];
userlist.filter((item) => { userlist.filter(item=>{
console.log(item); console.log(item);
item.productCodes = item.productCodes.split(","); item.productCodes=item.productCodes.split(',')
item.productCodes.forEach((element) => { item.productCodes.forEach(element=>{
if(element==this.productCode &&item.activityId!==10){ if(element==this.productCode &&item.activityId!==10){
console.log(element); console.log(element)
console.log(this.productCode); console.log(this.productCode)
menualist.push(item); menualist.push(item);
console.log("----"); console.log('----');
} }
}); })
});
// this.usernewlist = menualist;
// console.log(this.usernewlist); })
this.usernewlist=menualist;
console.log(this.usernewlist);
} }
}, },
plus(num,index){ plus(num,index){
this.sales_num= parseInt(this.sales_num) + 1; this.sales_num= parseInt(this.sales_num) + 1;
console.log( this.sales_num); console.log( this.sales_num);
} , } ,
@ -642,9 +527,24 @@ this.usermessage= JSON.parse(localStorage.getItem("userInfo"));
sub(num,index){ sub(num,index){
if( this.sales_num <= 1){ if( this.sales_num <= 1){
this.sales_num = 1; this.sales_num = 1;
} else { }
else{
this.sales_num = parseInt(this.sales_num) - 1; this.sales_num = parseInt(this.sales_num) - 1;
} }
},
async courseId(item) {
console.log(item);
console.log(this.usermessage);
// let userid=JSON.parse(location.getItem('userInfo'));
// let mobile=JSON.parse(location.getItem('userInfo'));
// console.log(userid,mobile);
let data = await postCourseId( this.productCode,this.sales_num,this.usermessage.data.id,this.usermessage.data.mobile,item.picFile,item.productName,item.basePrice,item.specifications);
if(data){
this.productlist=data;
}
console.log(data);
}, },
usertanchu(item,orderm){ usertanchu(item,orderm){
@ -688,44 +588,19 @@ usertanchu(item,orderm){
} }
}, },
usertanchu(item, orderm) {
let user = localStorage.getItem("userInfo");
if (user == undefined || user == null || user == "") {
this.dialogInfo2 = true;
return;
} else {
this.courseId(item);
if (orderm == 0) {
this.$message({
type: "warning",
message: "加入购物车成功",
});
}
if (orderm == 1) {
this.$router.push({
path: "/myorder/userrecord",
});
}
}
},
userget() {
let user = localStorage.getItem("userInfo");
if (user == undefined || user == null || user == "") {
this.dialogInfo2 = true;
return;
} else {
this.userdraw(this.usermessage.data.mobile);
this.alldrawlist(this.usermessage.data.id);
this.dialogInfo1 = true;
}
},
selectsearch(item, index) { selectsearch(item, index) {
this.activeIndexa=index; this.activeIndexa=index;
}, },
}, },
onceproduct() {}, onceproduct(){
},
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>

3
rc-busness/pages/useraddress/openaddress.vue
View File

@ -63,7 +63,7 @@
</template> </template>
<script> <script>
import { areaList } from '@vant/area-data';
import Myheader from '~/components/header.vue' import Myheader from '~/components/header.vue'
import MyFooter from '~/components/rc-footer.vue' import MyFooter from '~/components/rc-footer.vue'
export default { export default {
@ -94,6 +94,7 @@ export default {
address: "浙江省杭州市拱墅区莫干山路 50 号", address: "浙江省杭州市拱墅区莫干山路 50 号",
}, },
], ],
areaList,
}; };
}, },
methods: { methods: {

3
rc-busness/pages/userlogin/edit.vue
View File

@ -64,7 +64,7 @@
</div> </div>
<div class="rc-layout-container rc-two-column rc-button"> <div class="rc-layout-container rc-two-column rc-button">
<div class="rc-column rc-text--left"> <div class="rc-column rc-text--left">
<a href="https://royalcanin.com.cn/privacy" target="_blank" class="rc-styled-link"><span>隐私政策</span></a> <a href="#" class="rc-styled-link"><span>隐私政策</span></a>
</div> </div>
<div class="rc-column rc-text--right"> <div class="rc-column rc-text--right">
<nuxt-link :to="`/userlogin/login/`" class="rc-styled-link"> <nuxt-link :to="`/userlogin/login/`" class="rc-styled-link">
@ -84,7 +84,6 @@
@click="register()" @click="register()"
class="ts-standard-btn ts-standard-btn--max-width" class="ts-standard-btn ts-standard-btn--max-width"
value="注册" value="注册"
readonly=""
></input ></input
> >
<!-- <van-divider @click="toLogin">注册账户</van-divider> --> <!-- <van-divider @click="toLogin">注册账户</van-divider> -->

3
rc-busness/pages/userlogin/login.vue
View File

@ -84,7 +84,7 @@
</div> </div>
<div class="rc-layout-container rc-two-column rc-button"> <div class="rc-layout-container rc-two-column rc-button">
<div class="rc-column rc-text--left"> <div class="rc-column rc-text--left">
<a href="https://royalcanin.com.cn/privacy" target="_blank" class="rc-styled-link"><span>隐私政策</span></a> <a href="#" class="rc-styled-link"><span>隐私政策</span></a>
</div> </div>
<div class="rc-column rc-text--right"> <div class="rc-column rc-text--right">
<nuxt-link :to="`/userlogin/edit/`" class="rc-styled-link"> <nuxt-link :to="`/userlogin/edit/`" class="rc-styled-link">
@ -104,7 +104,6 @@
@click="register()" @click="register()"
class="ts-standard-btn ts-standard-btn--max-width" class="ts-standard-btn ts-standard-btn--max-width"
value="登录" value="登录"
readonly=""
></input ></input
> >
<!-- <van-divider @click="toLogin">注册账户</van-divider> --> <!-- <van-divider @click="toLogin">注册账户</van-divider> -->