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

Merge branch 'sit-Carl' of gitee.com:carl_Ming_1/smart-admin into sit-jiamin-v2

Browse Source
This commit is contained in:
Admin 2022-01-20 03:57:08 +00:00 committed by Gitee
commit 7837fadc8e
29 changed files with 1093 additions and 1835 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -31,13 +31,13 @@ export const courselist = (offset, courseId, type, sort, selectScreen = []) => {
courseId, courseId,
selectScreenStr selectScreenStr
} }
return fetch('/api/courselist', data) return fetch( '/api/courselist', data)
} }
/** /**
* 获取课程详情 * 获取课程详情
*/ */
export const getDetail = (id) => { export const getDetail = (id) => {
fetch('/api/courseDetail/index/' + id) fetch( '/api/courseDetail/index/' + id)
} }
/** /**
@ -56,40 +56,44 @@ export const getleckCourse = (name, offset) => {
* 加入购物车 * 加入购物车
*/ */
export const postCourseId = (productCode, buyCount, memberId, mobile, productImg, productName, productPrice, specifications) => { export const postCourseId = (productCode,buyCount,memberId, mobile,productImg,productName,productPrice,specifications) => {
var data = { var data = {
buyCount: buyCount, buyCount:buyCount,
memberId: memberId, memberId: memberId,
mobile: mobile, mobile:mobile,
productCode: productCode, productCode:productCode,
productImg: productImg, productImg: productImg,
productName: productName, productName:productName,
productPrice: productPrice, productPrice:productPrice,
specifications: specifications specifications:specifications
} }
return fetch('/insertCartProductInfo', data, 'POST') return fetch('/insertCartProductInfo', data,'POST')
} }
/** /**
* 是否存在购物车 * 是否存在购物车
*/ */
export const isexistCart = (id) => { export const isexistCart = (id, pet,address) => {
var data = { var data = {
memberId: id,
} }
return fetch('getCartProductInfo', data, 'POST') return fetch('getCartProductInfo?memberId='+id,data,'POST')
} }
/** /**
* 删除购物车 * 删除购物车
*/ */
export const deleteCart = (memberId, productCode) => { export const deleteCart = (memberId, productCode) => {
return fetch('cancelCartProductInfo?memberId=' + memberId, productCode, 'POST') var data = {
memberId: memberId,
productCode:productCode
}
return fetch('cancelCartProductInfo',data,'POST')
} }
/** /**
* 购物车批量提交 * 购物车批量提交
*/ */
export const mostAddClass = (id) => { export const mostAddClass = (id) => {
return fetch('/api/mostAddClass/', { id }) return fetch('/api/mostAddClass/', {id})
} }
/** /**
* 删除购物车 * 删除购物车
@ -105,47 +109,47 @@ export const mostAddClass = (id) => {
/** /**
* 发送验证码 * 发送验证码
*/ */
export const sendMsg = (mobile, pet, address) => { export const sendMsg = (mobile, pet,address) => {
var data = { var data = {
phoneNumber: mobile, phoneNumber:mobile,
} }
return fetch('sendMsg', data, 'POST') return fetch('sendMsg', data, 'POST' )
} }
/** /**
* 发送验证码数据 * 发送验证码数据
*/ */
export const vadatnmsg = (msgNum, hash, tamp) => { export const vadatnmsg = (msgNum,hash,tamp) => {
var data = { var data = {
msgNum: msgNum, msgNum:msgNum,
tamp: tamp, tamp:tamp,
hash: hash hash:hash
} }
return fetch('validateNum', data, 'POST') return fetch('validateNum', data, 'POST' )
} }
/** /**
* 筛选标签 * 筛选标签
*/ */
export const userstype = (stype, pet, address) => { export const userstype = (stype, pet,address) => {
var data = { var data = {
petType: 0, petType:0,
} }
return fetch('productSearchTag/query?petType=' + 0, data, 'POST') return fetch('productSearchTag/query?petType=' + 0, data, 'POST' )
} }
/** /**
* 登录 * 登录
*/ */
export const userLongin = (mobile, pet, address) => { export const userLongin = (mobile, pet,address) => {
var data = { var data = {
id: '', id:'',
mobile: mobile, mobile:mobile,
} }
return fetch('member?type=get', data, 'POST') return fetch('member?type=get', data, 'POST' )
} }
//注册 //注册
export const useredit = (mobile, pet, address) => { export const useredit = (mobile, pet,address) => {
var data = { var data = {
mobile:mobile, mobile:mobile,
memberName:'', memberName:'',
@ -180,10 +184,10 @@ export const userquery = (stype) => {
console.log(stype); console.log(stype);
var data = { var data = {
goodsName: stype goodsName:stype
} }
return fetch('goods?goodsName=' + stype, data, 'POST') return fetch('goods?goodsName='+stype, data, 'POST' )
} }
//商品全部信息 //商品全部信息
export const userque = (stype) => { export const userque = (stype) => {
@ -191,7 +195,7 @@ export const userque = (stype) => {
console.log(stype); console.log(stype);
var data = { var data = {
} }
return fetch('goods', data, 'POST') return fetch('goods', data, 'POST' )
} }
@ -230,14 +234,20 @@ export const searchchanpin = (stype,usertype,curPage,curRow) => {
curRow=10; curRow=10;
let queryTail='&page='+curPage+'&rows='+curRow; let queryTail='&page='+curPage+'&rows='+curRow;
console.log(stype); console.log(stype);
let list = {}; let list={};
stype.map(item => { stype.map(item=>{
console.log(item); console.log(item);
list=item list=item
}) })
var str = "&"; var str = "&";
for(var key in list){ for(var key in list){
str = str + key + "=" + list[key] + "&";
str = str + key + "=" + list[key] + "&";
}
str = str.substr(0,str.length-1);
var data = {
page:1,
row:10
} }
return fetch('product/query?petType='+usertype+str+queryTail, data, 'POST' ) return fetch('product/query?petType='+usertype+str+queryTail, data, 'POST' )
@ -255,19 +265,19 @@ export const searchchanpin = (stype,usertype,curPage,curRow) => {
//查询订单 //查询订单
export const userindent = (phoneNumber, orderNumber,) => { export const userindent = (phoneNumber,orderNumber,) => {
var data = { var data = {
phoneNumber: '18112621098', phoneNumber:'18112621098',
orderNumber: orderNumber, orderNumber:orderNumber,
} }
return fetch('orderMaster/?type=query', data, 'POST') return fetch('orderMaster/?type=query', data, 'POST' )
} }
//查询订单详情 //查询订单详情
export const userin = (orderNumber,) => { export const userin = (orderNumber,) => {
var data = { var data = {
orderNumber: orderNumber, orderNumber:orderNumber,
} }
return fetch('orderMaster/?type=query', data, 'POST') return fetch('orderMaster/?type=query', data, 'POST' )
} }
@ -275,21 +285,21 @@ export const userin = (orderNumber,) => {
//取消订单 //取消订单
export const canceldanhao = (orderNumber) => { export const canceldanhao = (orderNumber) => {
var data = { var data = {
orderNumber: orderNumber, orderNumber:orderNumber,
} }
return fetch('cancelOrder/', data, 'POST') return fetch('cancelOrder/', data, 'POST' )
} }
export const biaomessa = (stype) => { export const biaomessa = (stype) => {
console.log(stype); console.log(stype);
var data = { var data = {
name: stype, name:stype,
page: 1, page:1,
row: 10 row:10
} }
return fetch('product/query', data, 'POST') return fetch('product/query', data, 'POST' )
} }
export const biaome = (usertype,stype,curPage,rows) => { export const biaome = (usertype,stype,curPage,rows) => {
@ -301,9 +311,9 @@ export const biaome = (usertype,stype,curPage,rows) => {
let username='&name='+stype let username='&name='+stype
console.log(stype); console.log(stype);
var data = { var data = {
name: stype, name:stype,
rows: 10, rows:10,
page: 1, page:1,
} }
return fetch('product/query?petType='+usertype+username+queryTail,data, 'POST' ) return fetch('product/query?petType='+usertype+username+queryTail,data, 'POST' )
} }
@ -314,9 +324,9 @@ export const biaome = (usertype,stype,curPage,rows) => {
export const memberAccount = (stype) => { export const memberAccount = (stype) => {
console.log(stype); console.log(stype);
var data = { var data = {
memberId: stype memberId:stype
} }
return fetch('memberAccount?type=history', data, 'POST') return fetch('memberAccount?type=history', data, 'POST' )
} }
@ -324,20 +334,20 @@ export const memberAccount = (stype) => {
export const ordermaster = (stype) => { export const ordermaster = (stype) => {
console.log(stype); console.log(stype);
var data = { var data = {
memberId: '223782' memberId:'223782'
} }
return fetch('memberAccount', data, 'POST') return fetch('memberAccount', data, 'POST' )
} }
//微信支付 //微信支付
export const payOrderWX = (stype) => { export const payOrderWX = (stype) => {
console.log(stype); console.log(stype);
var data = { var data = {
memberId: '223782' memberId:'223782'
} }
return fetch('memberAccount', data, 'POST') return fetch('memberAccount', data, 'POST' )
} }
@ -346,9 +356,9 @@ export const payOrderWX = (stype) => {
export const insercar = (stype) => { export const insercar = (stype) => {
console.log(stype); console.log(stype);
var data = { var data = {
petType: stype petType:stype
} }
return fetch('product/insertCartProductInfo', data, 'POST') return fetch('product/insertCartProductInfo', data, 'POST' )
} }
@ -356,25 +366,25 @@ export const insercar = (stype) => {
//查询猫狗商品信息 //查询猫狗商品信息
export const catquery = (productCode, type) => { export const catquery = (productCode,type) => {
console.log(productCode); console.log(productCode);
var data = { var data = {
petType: 0 petType:0
} }
return fetch('h5/product/query', data, 'POST') return fetch('h5/product/query', data, 'POST' )
} }
//查询猫狗商品信息 //查询猫狗商品信息
export const dogquery = (productCode, type) => { export const dogquery = (productCode,type) => {
console.log(productCode); console.log(productCode);
var data = { var data = {
petType: 1, petType:1,
pet_type: 0 pet_type:0
} }
return fetch('h5/product/query', data, 'POST') return fetch('h5/product/query', data, 'POST' )
} }
@ -385,11 +395,11 @@ export const dogquery = (productCode, type) => {
export const oncequery = (productCode) => { export const oncequery = (productCode) => {
var data = { var data = {
productCode: productCode productCode:productCode
} }
return fetch("goodsByProductCode?productCode=" + productCode, data, 'POST') return fetch( "goodsByProductCode?productCode="+productCode, data, 'POST' )
} }
@ -397,173 +407,163 @@ export const oncequery = (productCode) => {
export const goodsmessage = (productCode) => { export const goodsmessage = (productCode) => {
var data = { var data = {
productCode: productCode productCode:productCode
} }
return fetch("productMaster/query?productCode=" + productCode, data, 'POST') return fetch( "productMaster/query?productCode="+productCode, data, 'POST' )
} }
//优惠券的插入 //优惠券的插入
export const inserdiscount = (mobile, couponId) => { export const inserdiscount = (mobile,couponId) => {
var data = { var data = {
mobile: mobile, mobile:mobile,
couponId: couponId couponId:couponId
}
return fetch('coupon?type=fetch', data, 'POST' )
} }
return fetch('coupon?type=fetch', data, 'POST')
}
//优惠券的查询 //优惠券的查询
export const getdiscount = (memberId, channelSecurity, mobile) => { export const getdiscount = (memberId,channelSecurity,mobile) => {
var data = { var data = {
memberId: memberId, memberId:memberId,
mobile: mobile mobile:mobile
}
return fetch('memberAddress?type=getAll', data, 'POST' )
}
//可用的优惠券
export const alldiscount = (memberId,channelSecurity,mobile) => {
var data = {
memberId:memberId,
}
return fetch('couponConfig?type=getAll', data, 'POST' )
}
//用户领取的优惠券
export const getdraw = (mobile,states) => {
var data = {
mobile:mobile,
status:states
}
return fetch('coupon?type=getAll', data, 'POST' )
}
//微信支付
export const generateOrderWX = (list) => {
var data = [{
}]
return fetch('generateOrderWX', list, 'POST' )
} }
return fetch('memberAddress?type=getAll', data, 'POST') //用户所有的优惠券
} export const allConfig = (memberId,channelSecurity,mobile) => {
var data = {
}
return fetch('couponConfig?type=getAll', data, 'POST' )
}
//可用的优惠券 //用户领取优惠券
export const alldiscount = (memberId, channelSecurity, mobile) => { export const getConfig = (memberId,couponId) => {
var data = { var data = {
memberId: memberId, memberId:memberId,
couponId:couponId,
}
return fetch('coupon?type=fetch', data, 'POST' )
}
//用户下的优惠券
export const userConfig = (memberId,couponId) => {
var data = {
memberId:memberId,
couponId:couponId,
}
return fetch('coupon?type=fetch', data, 'POST' )
}
//用户订单的查询
// export const customerorders = (memberId,channelSecurity,mobile) => {
// var data = {
// productName:'幼猫全价粮',
// buyCount:'2',
// productId:'210352',
// payAmount:'517',
// memberId:'844350',
// phoneNumber:'18112621098',
// }
// return fetch('generateOrderWX', data, 'POST' )
// }
//地址的查询
export const selectaddress = (memberId, pet,address) => {
var data = {
memberId:memberId,
}
return fetch('memberAddress?type=getAll', data, 'POST' )
} }
return fetch('couponConfig?type=getAll', data, 'POST')
}
//用户领取的优惠券 //地址的添加 //id/详细地址/ 收货人姓名/收货人电话号码/省份id/城市id/区域编码
export const getdraw = (mobile, states) => { export const editaddress = (memberId, detailAddress,recipient,tel,provinceId,cityId,districtId) => {
var data = { var data = {
mobile: mobile, memberId:844350,
status: states provinceId:25,
cityId:36,
districtId:418,
detailAddress:'古美路1455弄46号302',
recipient:'蒋缘缘2',
recipientPhone:'13671516167',
zipCode:'214423',
default:false,
}
return fetch('memberAddress?type=add', data, 'POST' )
} }
return fetch('coupon?type=getAll', data, 'POST')
}
//删除
export const editdelete = (memberId,ids) => {
var data = {
memberId:memberId,
ids:ids,
}
return fetch('memberAddress?type=delete', data, 'POST' )
}
//微信支付 //地址的编辑
export const generateOrderWX = (list) => { export const editupdate = (mobile, pet,address) => {
return fetch('generateOrderWX', list, 'POST') var data = {
}
//微信支付返回 memberId:'3242',
export const updateOrderWX = (data) => { id:'620111',
return fetch('updateOrderWX', data, 'POST') provinceId:'',
} cityId:'',
//支付宝支付 districtId:'',
export const generateOrderAlipay = (list) => { detailAddress:'江西省萍乡市',
return fetch('generateOrderAlipay', list, 'POST') recipient:'刘佳敏',
} recipientPhone:'13407998521',
zipCode:'',
//用户所有的优惠券 isDefault:'',
export const allConfig = (memberId, channelSecurity, mobile) => { }
var data = { return fetch('memberAddress?type=update', data, 'POST' )
} }
return fetch('couponConfig?type=getAll', data, 'POST')
}
//用户领取优惠券
export const getConfig = (memberId, couponId) => {
var data = {
memberId: memberId,
couponId: couponId,
}
return fetch('coupon?type=fetch', data, 'POST')
}
//用户下的优惠券
export const userConfig = (memberId, couponId) => {
var data = {
memberId: memberId,
couponId: couponId,
}
return fetch('coupon?type=fetch', data, 'POST')
}
//用户订单的查询
// export const customerorders = (memberId,channelSecurity,mobile) => {
// var data = {
// productName:'幼猫全价粮',
// buyCount:'2',
// productId:'210352',
// payAmount:'517',
// memberId:'844350',
// phoneNumber:'18112621098',
// }
// return fetch('generateOrderWX', data, 'POST' )
// }
//地址的查询
export const memberAddress = (type, data) => {
return fetch('memberAddress?type=' + type, data, 'POST')
}
//地址的查询
export const selectaddress = (memberId, pet, address) => {
var data = {
memberId: memberId,
}
return fetch('memberAddress?type=getAll', data, 'POST')
}
//地址的添加 //id/详细地址/ 收货人姓名/收货人电话号码/省份id/城市id/区域编码
export const editaddress = (memberId, detailAddress, recipient, tel, provinceId, cityId, districtId) => {
var data = {
memberId: 844350,
provinceId: 25,
cityId: 36,
districtId: 418,
detailAddress: '古美路1455弄46号302',
recipient: '蒋缘缘2',
recipientPhone: '13671516167',
zipCode: '214423',
default: false,
}
return fetch('memberAddress?type=add', data, 'POST')
}
//删除
export const editdelete = (memberId, ids) => {
var data = {
memberId: memberId,
ids: ids,
}
return fetch('memberAddress?type=delete', data, 'POST')
}
//地址的编辑
export const editupdate = (mobile, pet, address) => {
var data = {
memberId: '3242',
id: '620111',
provinceId: '',
cityId: '',
districtId: '',
detailAddress: '江西省萍乡市',
recipient: '刘佳敏',
recipientPhone: '13407998521',
zipCode: '',
isDefault: '',
}
return fetch('memberAddress?type=update', data, 'POST')
}
//修改密码 //修改密码
export const userchange = (id, pet, address) => { export const userchange = (id, pet,address) => {
var data = { var data = {
id: id, id:id,
} }
return fetch('member?type=update', data, 'POST') return fetch('member?type=update', data, 'POST' )
} }

212
rc-busness/assets/css/addaddress.less
View File

@ -1,212 +0,0 @@
@media screen and (max-width:768px){
.usercontend{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
.rc-useaddress{
textarea{
display: none;
}
}
.rc-button{
display: flex;
justify-content: center;
font-size: 14px;
width: 100%;
box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);
height: 80px;
align-items: center;
padding:0 20px 0 20px;
span
{
width: 160px;
height: 48px;
border: 2px solid #E2001A;
border-radius: 30px;
display: flex;
align-items: center;
justify-content: center;
color: #E2001A;
}
em{
font-style: normal;
width: 164px;
height: 48px;
background: #E2001A;
cursor: pointer;
border-radius: 30px;
display: flex;
align-items: center;
justify-content: center;
color: #FFFFFF;
margin-left: 40px;
}
}
.rc-max-width--xl{
h2{
display: none;
}
}
}
.rc-max-width--xl{
margin-top: 16px;
input{
width: 258px;
height: 34px;
border: none;
border-bottom: 1px solid #808285;
color: #999999;
font-size: 16px;
margin-left: 2px;
}
span{
font-size: 16px;
font-weight: bold;
width: 22%;
text-align: center;
color: #333333;
margin-top: 2px;
}
.rc-people{
width: 100%;
display: flex;
align-items: center;
span{
text-align: left;
}
}
// .rc-phone{
// }
// .rc-address{
// }
// .rc-useaddress{
// }
}
}
@media screen and (min-width: 769px)
{
.usercontend{
display: flex;
align-items: center;
justify-content: center;
position: relative;
flex-direction: column;
.rc-button{
display: flex;
justify-content: center;
font-size: 14px;
width: 100%;
box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);
height: 80px;
align-items: center;
padding:0 20px 0 20px;
span
{
width: 160px;
height: 48px;
border: 2px solid #E2001A;
border-radius: 30px;
display: flex;
align-items: center;
justify-content: center;
color: #E2001A;
}
em{
font-style: normal;
width: 164px;
height: 48px;
background: #E2001A;
cursor: pointer;
border-radius: 30px;
display: flex;
align-items: center;
justify-content: center;
color: #FFFFFF;
margin-left: 40px;
}
}
h2{
font-size: 26px;
color: #333333;
text-align: center;
font-weight: bold;
}
.rc-useaddress{
display: flex;
align-items: center;
textarea{
width: 680px;
height: 118px;
background: #FFFFFF;
border: 1px solid #808285;
opacity: 1;
border-radius: 0px;
padding-top: 12px;
padding-left: 16px;
}
.userinput{
display: none;
}
}
}
.rc-max-width--xl{
margin-top: 16px;
input{
width: 680px;
height: 45px;
border: 1px solid #808285;
color: #999999;
font-size: 16px;
margin-left: 2px;
padding-left: 16px;
}
span{
font-size: 16px;
font-weight: bold;
width: 10%;
text-align: center;
color: #333333;
margin-top: 2px;
}
.rc-people{
width: 100%;
display: flex;
align-items: center;
}
// .rc-phone{
// }
// .rc-address{
// }
// .rc-useaddress{
// }
}
}

89
rc-busness/assets/css/editaddress.less
View File

@ -1,89 +0,0 @@
@media screen and (max-width:768px){
.rc-button{
display: flex;
justify-content: center;
font-size: 14px;
width: 100%;
box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);
height: 80px;
align-items: center;
position: absolute;
bottom: 0;
padding:0 20px 0 20px;
span
{
width: 160px;
height: 48px;
border: 2px solid #E2001A;
border-radius: 30px;
display: flex;
align-items: center;
justify-content: center;
color: #E2001A;
}
em{
font-style: normal;
width: 164px;
height: 48px;
background: #E2001A;
cursor: pointer;
border-radius: 30px;
display: flex;
align-items: center;
justify-content: center;
color: #FFFFFF;
margin-left: 40px;
}
}
.rc-max-width--xl{
margin-top: 16px;
input{
width: 258px;
height: 34px;
border: none;
border-bottom: 1px solid #808285;
color: #999999;
font-size: 16px;
margin-left: 2px;
}
span{
font-size: 16px;
font-weight: bold;
width: 22%;
text-align: center;
color: #333333;
margin-top: 2px;
}
.rc-people{
width: 100%;
display: flex;
align-items: center;
span{
text-align: left;
}
}
// .rc-phone{
// }
// .rc-address{
// }
// .rc-useaddress{
// }
}
}
@media screen and (min-width: 769px)
{
}

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

@ -8,6 +8,30 @@ body{
.fade-leave-active { .fade-leave-active {
opacity: 0; opacity: 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; position: fixed;
left: 50%; left: 50%;
@ -378,15 +402,12 @@ img, picture {
} }
.ts-scrollable{ .ts-scrollable{
li{ li{
width: 6rem; // width: 4.125rem;
overflow: hidden;
padding: 0 0.62rem; padding: 0 0.62rem;
height: 1.625rem; height: 1.625rem;
margin-left: .5rem; margin-left: .5rem;
font-size:.75rem; font-size:.75rem;
text-overflow:ellipsis; line-height: 1.375rem;
white-space:nowrap;
line-height: 1.625rem;
} }
&::-webkit-scrollbar{ &::-webkit-scrollbar{
display:none; display:none;
@ -398,7 +419,6 @@ img, picture {
/* pc端 */ /* pc端 */
@media screen and (min-width: 769px) @media screen and (min-width: 769px)
{ {
/deep/.van-tabs__wrap /deep/.van-tabs__wrap
{ {
max-width: 768px; max-width: 768px;

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

@ -5,10 +5,29 @@
/deep/.van-swipe__indicator--active{ /deep/.van-swipe__indicator--active{
background-color: #E1001A; background-color: #E1001A;
} }
.rc-ma{
.ul-zhuan{ .ts-carousel-indicator{
li{ /deep/.swiper-pagination-bullet{
background: unset;; margin-left:.5rem;
}
/deep/.swiper-pagination-bullet-active{
background:#E2001A;
}
&.center{
width:100%;
text-align: center;
}
}
.ts-position-identifier{
}
.ul-zhuan,.ul-dog{
li{
background: unset;
img{
border-radius: 50%;
}
&.active {
img{ img{
border-radius: 50%; border-radius: 50%;
} }
@ -35,6 +54,30 @@
width: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{
display: none; display: none;
@ -172,7 +215,6 @@
.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%;
@ -219,6 +261,10 @@
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
max-width: 60%; max-width: 60%;
text-align: center; text-align: center;
word-break: keep-all;
height: 2.625rem;
display: flex;
align-items: center;
} }
em{ em{
font-style: normal; font-style: normal;
@ -324,14 +370,21 @@
.rc-selection{ .rc-selection{
display: none; display: none;
} }
.sw-center{ .sw-center{
display: none; display: none;
} }
.useraimg{ .useraimg{
width: 100%; width: 100%;
// height: 29.31rem; // height: 29.31rem;
object-fit: cover; object-fit: cover;
} }
.ts-banner-swiper-container{
position:relative;
.ts-carousel-indicator{
position:absolute;
bottom:.4rem;
}
}
.van-swipe-item { .van-swipe-item {
color: #fff; color: #fff;
height: 100%; height: 100%;

5
rc-busness/assets/css/integral.less
View File

@ -26,7 +26,10 @@ span{
} }
} }
} }
.rc-max-width--xl{ .rc-usermain{
width: 92%;
margin: 0 auto;
ul{ ul{
height: 70px; height: 70px;
display: block; display: block;

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

@ -9,18 +9,10 @@ ul li ol li em strong i {
//rc-main start //rc-main start
margin-top:.23rem; margin-top:.23rem;
.usersearch { .usersearch {
.ts-scrollable-container{
h2{
font-weight: bold;
color: #333333;
}
}
margin: 0 auto; margin: 0 auto;
overflow: hidden; overflow: hidden;
} }
//rc-main end //rc-main end
} }
@ -32,53 +24,6 @@ ul li ol li em strong i {
.usercontentshow{ .usercontentshow{
position: relative; position: relative;
.rc-productcat {
display: flex;
align-items: center;
flex-wrap: nowrap;
ol{
display: flex;
align-items: center;
flex-flow: row;
.ts-standard-btn{
width: 7.87rem;
height: 2.25rem;
background: #FFFFFF;
border-radius: 6.25rem;
background: none;
display: flex;
align-items: center;
justify-content: center;
margin-left: 1rem;
color: #999999;
img {
height: 1rem;
}
span {
margin-left: 0.18rem;
}
}
}
.userrccat{
width: 32%;
height: 34px;
background: #ffffff;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
margin-left: 0;
font-size: 14px;
span {
margin-left: 3px;
}
img {
width: 24px;
height: 16px;
}
border: 2px solid #E2001A;
}
}
.userrccat{ .userrccat{
width: 32%; width: 32%;
height: 34px; height: 34px;
@ -148,7 +93,48 @@ ul li ol li em strong i {
height: 617px; height: 617px;
background: white; background: white;
z-index: 999; z-index: 999;
.rc-productcat {
display: flex;
align-items: center;
flex-wrap: nowrap;
.rc-cat {
width: 32%;
height: 34px;
background: #ffffff;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
margin-left: 0;
font-size: 14px;
span {
margin-left: 3px;
}
img {
width: 24px;
height: 16px;
}
}
.userrccat{
width: 32%;
height: 34px;
background: #ffffff;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
margin-left: 0;
font-size: 14px;
span {
margin-left: 3px;
}
img {
width: 24px;
height: 16px;
}
border: 2px solid #E2001A;
}
}
} }
@ -233,7 +219,6 @@ ul li ol li em strong i {
justify-content: center; justify-content: center;
font-size: .14rem; font-size: .14rem;
margin-right:.2rem; margin-right:.2rem;
margin-left: 16px;
span { span {
margin-left: 3px; margin-left: 3px;
} }
@ -318,7 +303,6 @@ ul li ol li em strong i {
//pc端 //pc端
@media screen and (min-width: 768px){ @media screen and (min-width: 768px){
.userrccat{ .userrccat{
width: 327px; width: 327px;
height: 48px; height: 48px;
@ -344,7 +328,6 @@ ul li ol li em strong i {
} }
.online{ .online{
width:100%; width:100%;
margin-top: 17px;
&.bold{ &.bold{
height:0.5rem; height:0.5rem;
margin-top: 5rem; margin-top: 5rem;
@ -395,13 +378,7 @@ ul li ol li em strong i {
} }
.rc-bottom{ .rc-bottom{
.rc-productcat { .rc-productcat {
ol{
display: flex;
align-items: center;
flex-flow: row;
}
display: flex; display: flex;
align-items: center; align-items: center;
flex-wrap: nowrap; flex-wrap: nowrap;
@ -508,7 +485,7 @@ border-radius: 30px;
margin-left: 16px; margin-left: 16px;
} }
span { span {
margin-left: 4px; margin-left: 0px;
} }
img { img {
width: 24px; width: 24px;
@ -565,38 +542,18 @@ border-radius: 30px;
} }
*/ */
.ts-scrollable-container{ .ts-scrollable-container{
overflow-y: hidden;
overflow-x: clip;
width: 100%; width: 100%;
margin-top: 18px;
h2{ h2{
display: flex; display: flex;
align-items: center; align-items: center;
width: 4%; width: 4%;
} }
.ts-scrollable{ .ts-scrollable{
overflow-y: hidden;
overflow-x: clip;
width: 100%; width: 100%;
ol{
display: flex;
align-items: center;
}
.ts-standard-btn{
width: 237px;
height: 48px;
background: #FFFFFF;
border-radius: 30px;
background: none;
display: flex;
align-items: center;
justify-content: center;
margin-left: 40px;
img {
width: 24px;
height: 24px;
}
span {
margin-left: 8px;
}
}
} }
} }

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

@ -14,6 +14,15 @@ ul li ol li em strong i {
position: relative; position: relative;
margin-top: 5.25rem; margin-top: 5.25rem;
.usersearch {
width: 100%;
margin: 0 auto;
overflow: hidden;
margin-top: 20px;
.rc-padding--md{
padding: 0;
}
}
.active{ .active{
border: 2px solid #E2001A; border: 2px solid #E2001A;
color: #E2001A; color: #E2001A;
@ -29,22 +38,6 @@ ul li ol li em strong i {
} }
//手机端 //手机端
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.usersearch {
width: 100%;
margin: 0 auto;
overflow: hidden;
margin-top: 20px;
.ts-scrollable-container{
h2{
font-weight: bold;
color: #333333;
}
}
.rc-padding--md{
padding: 0;
}
}
.rc-button .rc-button
{ {
display: flex; display: flex;
@ -54,9 +47,6 @@ ul li ol li em strong i {
box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1); box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);
height: 80px; height: 80px;
align-items: center; align-items: center;
position: absolute;
bottom: 0;
padding:0 20px 0 20px;
span span
{ {
width: 160px; width: 160px;
@ -139,9 +129,8 @@ strong{
color: #333333; color: #333333;
margin-top: 1.5rem; margin-top: 1.5rem;
h2{ h2{
font-size: 16px; font-size: 18px;
font-weight: bold; font-weight: bold;
color: #333333;
} }
span { span {
font-size: 14px; font-size: 14px;
@ -179,9 +168,6 @@ strong{
// 我想搜 // 我想搜
.usercontentshow{ .usercontentshow{
position: relative; position: relative;
.rc-column{
padding-bottom: 0;
}
.rc-productcat { .rc-productcat {
display: flex; display: flex;
align-items: center; align-items: center;
@ -203,15 +189,13 @@ justify-content: center;
margin-left: 1rem; margin-left: 1rem;
color: #999999; color: #999999;
img { img {
width: 1.5rem;
height: 1rem; height: 1rem;
} }
span { span {
margin-left: 0.18rem; margin-left: 0.18rem;
} }
} }
li:first-child{
margin-left: 0;
}
} }
//筛选 //筛选
.userselect{ .userselect{
@ -236,7 +220,7 @@ margin-left: 0.18rem;
} }
.ts-scrollable-container{ .ts-scrollable-container{
margin-top: 1rem; margin-top: 0.93rem;
} }
} }
@ -252,7 +236,6 @@ margin-left: 0.18rem;
} }
h2{ h2{
margin-left: 0; margin-left: 0;
font-weight: bold;
} }
} }
@ -292,10 +275,22 @@ border-radius: 100px;
.rc-bottom{ .rc-bottom{
position: fixed; position: fixed;
background: white; background: white;
height: 617px;
bottom: 0; bottom: 0;
left: 0; left: 0;
z-index: 9; z-index: 9;
ol li{
background: none;
width: 7.87rem;
height: 2.25rem;
background: #FFFFFF;
border-radius: 6.25rem;
background: none;
display: flex;
align-items: center;
justify-content: center;
margin-left: 1rem;
}
} }
.rc-bottoma{ .rc-bottoma{
@ -381,25 +376,7 @@ border-radius: 100px;
} }
//pc端 //pc端
@media screen and (min-width: 768px){ @media screen and (min-width: 768px){
.usersearch {
width: 100%;
margin: 0 auto;
overflow: hidden;
margin-top: 40px;
.ts-scrollable-container{
h2{
font-weight: bold;
color: #333333;
}
}
.rc-padding--md{
padding: 0;
}
}
.online{
margin-top: 47px;
}
/deep/.el-dialog__header { /deep/.el-dialog__header {
padding: 0; padding: 0;
margin: 0; margin: 0;
@ -415,7 +392,6 @@ border-radius: 100px;
display: flex; display: flex;
align-items: center; align-items: center;
width: 6%; width: 6%;
color: #333333;
} }
.ts-scrollable{ .ts-scrollable{
// overflow-y: hidden; // overflow-y: hidden;
@ -525,10 +501,9 @@ margin-left: 8px;
color: #333333; color: #333333;
margin-top: 12px; margin-top: 12px;
h2 { h2 {
font-size: 26px; font-size: 18px;
font-weight: bold;
color: #333333; color: #333333;
margin: 0; margin-left: 12px;
} }
span { span {
font-size: 14px; font-size: 14px;
@ -622,16 +597,13 @@ border-radius: 30px;
/deep/.van-search__content--square{ /deep/.van-search__content--square{
background: white; background: white;
} }
/deep/.van-search{
padding-left: 0;
}
.van-search__content--square{ .van-search__content--square{
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background: white; background: white;
border: 1px solid #D7D7D7; border: 1px solid #D7D7D7;
height: 50px; height: 80px;
width: 1200px; width: 1200px;
border-radius: 200px; border-radius: 200px;
} }
@ -676,11 +648,9 @@ border-radius: 30px;
} }
.rc-product { .rc-product {
h2 { h2 {
font-size: 26px; font-size: 18px;
font-weight: bold;
color: #333333; color: #333333;
margin: 0; margin-left: 12px;
} }
} }
.rc-productcat { .rc-productcat {

BIN
rc-busness/assets/pay/fail.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 12 KiB

BIN
rc-busness/assets/pay/wx.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.1 KiB

BIN
rc-busness/assets/pay/zfb.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.6 KiB

78
rc-busness/assets/style/default.less
View File

@ -1,78 +0,0 @@
* {
margin: 0;
padding: 0;
}
html {
line-height: 160%;
}
.rc_contline {
border-bottom: 3px solid #f6f6f6;
height: 0px;
margin: 0;
clear: both;
}
.page_modules {
padding-top: 100px;
}
.cont_modules {
margin: 0 auto;
max-width: 1400px;
}
.inline_right {
display: flex;
justify-content: space-between;
width: 100%;
}
.inline_mid {
display: flex;
justify-content: space-around;
width: 100%;
}
.inline_left {
display: flex;
justify-content: space-evenly;
width: 100%;
}
.li_inline {
li {
display: inline-block;
vertical-align: middle;
}
}
.color_red {
color: #E2001A;
}
.tc {
text-align: center;
}
.tr {
text-align: right;
}
.el-dialog{
width: 90%;
max-width: 440px;
}
#tns2-iw{ height: 90px;}
.rc-carousel:not(.rc-carousel--loaded){visibility:visible!important}
@media screen and (max-width: 768px) {
.el-message-box{
width: 300px;
}
.el-dialog{
width: 90%;
}
}

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

@ -10,10 +10,11 @@
<li @click="switchTab(1)">{{ returnValueArr[1]?returnValueArr[1].name:'请选择' }}</li> <li @click="switchTab(1)">{{ returnValueArr[1]?returnValueArr[1].name:'请选择' }}</li>
<li @click="switchTab(2)">{{ returnValueArr[2]?returnValueArr[2].name:'请选择' }}</li> <li @click="switchTab(2)">{{ returnValueArr[2]?returnValueArr[2].name:'请选择' }}</li>
</ul> </ul>
<div class="close" @click="hideAddress"></div>
</div> </div>
<div class="ts-area-picker-values"> <div class="ts-area-picker-values">
<ul> <ul>
<li v-for="(item, index) in curDisplayingCol" :key="item.id" @click="pickValue(item.id,item.name)" v-bind:class="{ active:(returnValue[curDisplayingColIndex]?returnValue.id==item.id:false) }"> <li v-for="(item, index) in curDisplayingCol" :key="item.id" @click="pickValue(item.id,item.name)" v-bind:class="{ active:(returnValueArr[curDisplayingColIndex]?returnValueArr[curDisplayingColIndex].id==item.id:false) }">
{{ item.name }} {{ item.name }}
</li> </li>
</ul> </ul>
@ -23,7 +24,7 @@
<div class="ts-area-picker-mobile ts-mask" v-if="show"> <div class="ts-area-picker-mobile ts-mask" v-if="show">
<div class="ts-mask-bg"></div> <div class="ts-mask-bg"></div>
<van-picker <van-picker
show-toolbar show-toolbar
title="选择地区" title="选择地区"
:columns="columns" :columns="columns"
value-key="name" value-key="name"
@ -37,6 +38,7 @@
</template> </template>
<script> <script>
export default { export default {
props:["defaultValues"],
data(){ data(){
return{ return{
displayValue:"", displayValue:"",
@ -70,6 +72,8 @@ export default {
let self=this; let self=this;
// defaultValues : array[{id:"_ID_IN_columns_of_province",name:"_NAME_IN_columns"},{id:"_ID_IN_columns_of_city",name:"_NAME_IN_columns"},{id:"_ID_IN_columns_of_area",name:"_NAME_IN_columns"}] // defaultValues : array[{id:"_ID_IN_columns_of_province",name:"_NAME_IN_columns"},{id:"_ID_IN_columns_of_city",name:"_NAME_IN_columns"},{id:"_ID_IN_columns_of_area",name:"_NAME_IN_columns"}]
let defaultValues = [{id:this.columns[0].values[0].id, name:this.columns[0].values[0].name},{id:this.columns[1].values[0].id, name:this.columns[1].values[0].name},{id:this.columns[2].values[0].id, name:this.columns[2].values[0].name}]; let defaultValues = [{id:this.columns[0].values[0].id, name:this.columns[0].values[0].name},{id:this.columns[1].values[0].id, name:this.columns[1].values[0].name},{id:this.columns[2].values[0].id, name:this.columns[2].values[0].name}];
if(this.defaultValues)
defaultValues=this.defaultValues;
this.$children.forEach(function(vueComponent){ this.$children.forEach(function(vueComponent){
if(vueComponent._name=="<VanPicker>") if(vueComponent._name=="<VanPicker>")
{ {
@ -141,11 +145,13 @@ export default {
let _self=this; let _self=this;
let provinceId=''; let provinceId='';
let areaId=undefined; let areaId=undefined;
let validatedIndex=-1;
this.returnValueArr.forEach(function(obj,index){ this.returnValueArr.forEach(function(obj,index){
switch(index){ switch(index){
case 0: case 0:
//Skipping province checking //Skipping province checking
provinceId = obj.id; provinceId = obj.id;
validatedIndex = 0;
break; break;
case 1: case 1:
//Checking City //Checking City
@ -157,6 +163,7 @@ export default {
else else
{ {
areaId = _self.returnValueArr[index].id; areaId = _self.returnValueArr[index].id;
validatedIndex=index;
} }
//Checking City end //Checking City end
break; break;
@ -167,15 +174,18 @@ export default {
console.log('501 : error via checking validatePickedValues'); console.log('501 : error via checking validatePickedValues');
_self.returnValueArr[index]={}; _self.returnValueArr[index]={};
} }
else{
validatedIndex=index;
}
//Checking Area end //Checking Area end
break; break;
default: default:
break; break;
} }
}); });
return validatedIndex;
}, },
onConfirm(values) { onConfirm(values) {
debugger;
//Get columns structure array here : values //Get columns structure array here : values
let _self=this; let _self=this;
let returnVal=[]; let returnVal=[];
@ -210,30 +220,33 @@ export default {
this.show=false; this.show=false;
}, },
switchTab(tabIndex){ switchTab(tabIndex){
let _self=this;
let areaTabLi=document.querySelectorAll(".ts-area-picker-tmp-value li"); let areaTabLi=document.querySelectorAll(".ts-area-picker-tmp-value li");
if(tabIndex==0){ if(tabIndex==0){
this.curDisplayingCol = this.columns[tabIndex].values; this.curDisplayingCol = this.columns[tabIndex].values;
} }
else{ let lastValidatedTabIndex=this.validatePickedValues();
if(this.returnValueArr[tabIndex-1]){} if(lastValidatedTabIndex<(tabIndex-1))
else{ {
tabIndex=tabIndex-1; //TODO show warning here
} let errorEle=document.querySelector(".ts-area-picker-values");
errorEle.classList.add("error");
setTimeout(function(){
errorEle.classList.remove("error");
},2000);
tabIndex=lastValidatedTabIndex+1;
} }
this.curDisplayingColIndex=tabIndex; this.curDisplayingColIndex=tabIndex;
let filteredData=this.columns[tabIndex].values;
if(tabIndex>0 && this.returnValueArr[tabIndex-1]) //pass
{
let pickedId = this.returnValueArr[tabIndex-1].id;
filteredData=this.fitlerValuesInArray(pickedId,this.columns[tabIndex].values);
}
this.curDisplayingCol=filteredData;
areaTabLi.forEach(function(ele,index){ areaTabLi.forEach(function(ele,index){
if(tabIndex==index) if(tabIndex==index){
{
ele.classList.add('active'); ele.classList.add('active');
let filteredData=_self.columns[tabIndex].values;
if(_self.curDisplayingColIndex>0) //pass
{
let pickedId = _self.returnValueArr[_self.curDisplayingColIndex-1].id;
filteredData=_self.fitlerValuesInArray(pickedId,_self.columns[tabIndex].values);
}
_self.curDisplayingCol=filteredData;
} }
else else
ele.classList.remove('active'); ele.classList.remove('active');
@ -259,6 +272,7 @@ export default {
border-bottom:1px solid #D7D7D7; border-bottom:1px solid #D7D7D7;
padding:0 2.5rem; padding:0 2.5rem;
box-sizing: border-box; box-sizing: border-box;
position:relative;
ul{ ul{
padding:0; padding:0;
margin:0; margin:0;
@ -276,8 +290,20 @@ export default {
} }
} }
} }
.close{
position:absolute;
position: absolute;
right: 3rem;
top: 1.5rem;
cursor: pointer;
&:before,&:after{
background-color: #333;
}
}
} }
.ts-area-picker-values{ .ts-area-picker-values{
width:100%;
height:100%;
ul{ ul{
padding:1rem 2.5rem 2rem 2.5rem; padding:1rem 2.5rem 2rem 2.5rem;
margin:0; margin:0;
@ -291,6 +317,30 @@ export default {
&.nth-child(6n){ &.nth-child(6n){
margin-right:0; margin-right:0;
} }
&.active{
color:#E2001A;
border-bottom:4px solid #E2001A;
}
}
}
/deep/.van-picker__confirm,.close{
text-indent:-999rem;
position:relative;
&:after{
transform: rotate(45deg);
}
&:before{
transform: rotate(-45deg);
}
&:before,
&:after {
position: absolute;
content: ' ';
background-color: #E1001A;
left: 1.25rem;
bottom:-0.875rem;
width: 1px;
height: 1.375rem;
} }
} }
@media screen and (max-width:768px) @media screen and (max-width:768px)
@ -309,26 +359,8 @@ export default {
border-bottom:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8;
} }
/deep/.van-picker__confirm{ /deep/.van-picker__confirm{
text-indent:-999rem; display:block;
position:relative;
&:after{
transform: rotate(45deg);
}
&:before{
transform: rotate(-45deg);
}
&:before,
&:after {
position: absolute;
content: ' ';
background-color: #E1001A;
left: 1.25rem;
bottom:-0.875rem;
width: 1px;
height: 1.375rem;
}
} }
.ts-area-picker-mobile{ .ts-area-picker-mobile{
display:flex; display:flex;
flex-direction: column; flex-direction: column;
@ -344,6 +376,9 @@ export default {
} }
@media screen and (min-width:769px) @media screen and (min-width:769px)
{ {
/deep/.van-picker__confirm{
display:none;
}
.ts-area-picker-mobile{ .ts-area-picker-mobile{
display:none; display:none;
} }
@ -352,6 +387,19 @@ export default {
width:100%; width:100%;
height:19.25rem; height:19.25rem;
border:1px solid #808285; border:1px solid #808285;
overflow:hidden;
}
.ts-area-picker-values{
}
}
@keyframes flash-error
{
from {
opacity:.6;
}
to {
opacity:.3;
} }
} }
</style> </style>

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

@ -220,7 +220,7 @@
<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='#privacy'><span class="">隐私声明</span></a> <a target='_blank' href='https://royalcanin.com.cn/#privacy'><span class="">隐私声明</span></a>
&nbsp; | &nbsp; &nbsp; | &nbsp;
<a target='_blank' href='#declaration'><span class="">法律声明</span></a> <a target='_blank' href='#declaration'><span class="">法律声明</span></a>
</div> </div>

32
rc-busness/nuxt.config.js
View File

@ -1,19 +1,19 @@
const trackingScript = 'var dataLayer = window.dataLayer = window.dataLayer || [];dataLayer.push({"user":{"sitecoreId":"00000000-0000-0000-0000-000000000000","locale":"zh-HK"},"session":{"id":"vvfwez43vfoomct4y3yqneqy"},"site":{"country":"HK","id":"RCGlobalMC1","environment":"prd"},"page":{"type":"Start of Life Page","hitTimestamp":"2020-10-16T16:26:21.7350880+00:00","topic":"Collecting your kitten and their first week with you","theme":"Cat"},"pet":{"specieId":"2"}});'; const trackingScript = 'var dataLayer = window.dataLayer = window.dataLayer || [];dataLayer.push({"user":{"sitecoreId":"00000000-0000-0000-0000-000000000000","locale":"zh-HK"},"session":{"id":"vvfwez43vfoomct4y3yqneqy"},"site":{"country":"HK","id":"RCGlobalMC1","environment":"prd"},"page":{"type":"Start of Life Page","hitTimestamp":"2020-10-16T16:26:21.7350880+00:00","topic":"Collecting your kitten and their first week with you","theme":"Cat"},"pet":{"specieId":"2"}});';
const assetsUrl = 'var assetsUrl="/royalcanin-cdn-assets-new/css_js/";var isInitialized=false;'; const assetsUrl = 'var assetsUrl="/royalcanin-cdn-assets-new/css_js/";var isInitialized=false;';
export default { export default {
// Global page headers: https://go.nuxtjs.dev/config-head // Global page headers: https://go.nuxtjs.dev/config-head
head: { head: {
title: '皇家官方商城', title: 'rc-busness',
htmlAttrs: { htmlAttrs: {
lang: 'zh-cn', lang: 'en',
}, },
script: [ script: [
//{ src: '/js/rem.js' }, //{ src: '/js/rem.js' },
// { src: '/js/flexible.js', type: 'text/javascript', charset: 'utf-8'}, // { src: '/js/flexible.js', type: 'text/javascript', charset: 'utf-8'},
{ src: 'https://ocstest.royalcanin.com.cn:8081/livechat/chatapp/customer/branch/RoyalCanin/14053/index.js' },//SOL { src: 'https://ocstest.royalcanin.com.cn:8081/livechat/chatapp/customer/branch/RoyalCanin/14053/index.js' },
{ src: 'https://ocstest.royalcanin.com.cn:8081/livechat/chatapp/customer/branch/RoyalCanin/14054/index.js' },//订单 //{ src: 'https://ocstest.royalcanin.com.cn:8081/livechat/chatapp/customer/branch/RoyalCanin/14054/index.js' },
{ innerHTML: trackingScript, type: 'text/javascript', charset: 'utf-8'}, { innerHTML: trackingScript, type: 'text/javascript', charset: 'utf-8'},
{ innerHTML: assetsUrl, type: 'text/javascript', charset: 'utf-8'}, { innerHTML: assetsUrl, type: 'text/javascript', charset: 'utf-8'},
{ src: '/royalcanin-cdn-assets-new/css_js/royal-canin.min.bundle.js' }, { src: '/royalcanin-cdn-assets-new/css_js/royal-canin.min.bundle.js' },
@ -29,8 +29,8 @@ export default {
], ],
link: [ link: [
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }, { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
{ rel: 'stylesheet', id: 'royal-canin', href: '/royalcanin-cdn-assets-new/css_js/royal-canin.styles.prefix.min.critical.css?v=8-10-0' }, { rel: 'stylesheet', id:'royal-canin' ,href: '/royalcanin-cdn-assets-new/css_js/royal-canin.styles.prefix.min.critical.css?v=8-10-0'},
//{ rel: 'stylesheet', id:'royal-canin' ,href: '/royalcanin-cdn-assets-new/css_js/royal-canin.styles.prefix.min.css?v=8-10-0'}, //{ rel: 'stylesheet', id:'royal-canin' ,href: '/royalcanin-cdn-assets-new/css_js/royal-canin.styles.prefix.min.css?v=8-10-0'},
] ]
}, },
@ -38,12 +38,10 @@ export default {
css: [ css: [
'vant/lib/index.css', 'vant/lib/index.css',
'element-ui/lib/theme-chalk/index.css', 'element-ui/lib/theme-chalk/index.css',
'@/assets/style/default.less',
{ src:'@/assets/css/global.less'}, { src:'@/assets/css/global.less'},
{ src:'@/assets/css/royalcanin-custom.css'}, { src:'@/assets/css/royalcanin-custom.css'},
{ src: "swiper/css/swiper.css" } { src: "swiper/css/swiper.css" }
], ],
router: { router: {
middleware: ['metaTitle'] middleware: ['metaTitle']
@ -56,8 +54,8 @@ export default {
'@/plugins/ElementUI', '@/plugins/ElementUI',
{ src: '@/plugins/localStorage', ssr: false }, { src: '@/plugins/localStorage', ssr: false },
], ],
// Auto import components: https://go.nuxtjs.dev/config-components // Auto import components: https://go.nuxtjs.dev/config-components
@ -70,12 +68,12 @@ export default {
// Modules: https://go.nuxtjs.dev/config-modules // Modules: https://go.nuxtjs.dev/config-modules
modules: [ modules: [
'@nuxtjs/axios', '@nuxtjs/axios',
['nuxt-tailvue', { toast: true }], ['nuxt-tailvue', {toast: true}],
], ],
styleResources: { styleResources: {
less: '/assets/style/default.less' // less文件路径 less: '@/assets/style/less/default.less' // less文件路径
}, },
// Build Configuration: https://go.nuxtjs.dev/config-build // Build Configuration: https://go.nuxtjs.dev/config-build
build: { build: {
@ -95,7 +93,7 @@ export default {
// '^/api/': '/', // '^/api/': '/',
// changeOrigin: true // changeOrigin: true
// }, // },
// } // }
// }, // },

127
rc-busness/pages/address/address.vue
View File

@ -1,127 +0,0 @@
<template>
<div>
<van-address-edit
:area-list="areaList"
:address-info="{
name: editAddressData.name,
tel: editAddressData.tel,
addressDetail: editAddressData.detailAddress,
areaCode: areaCode,
}"
show-delete
show-set-default
show-search-result
:search-result="searchResult"
@save="onSave"
@delete="onDelete"
/>
</div>
</template>
<script>
import { Toast } from "vant";
import { areaList } from "@vant/area-data";
var _ = require("lodash");
import { memberAddress } from "../../ajax/getData";
export default {
data() {
return {
areaList,
searchResult: [],
areaCode: "",
};
},
props: ["editAddressData"],
computed: {},
methods: {
async onSave(content) {
// Toast('save');
let provinceId = Number(content.areaCode.substring(0, 2)); //省份id
let cityId = Number(content.areaCode.substring(2, 4)); //城市id
let districtId = Number(content.areaCode.substring(4, 7)); //区域编码
//id 详细地址 /收货人姓名 电话号码 省份id/城市id/区域编码
let memberId = JSON.parse(localStorage.getItem("userInfo")).data.id;
let postData = {
memberId,
provinceId: 25,
cityId: 36,
districtId: 418,
// provinceId,
// cityId,
// districtId,
detailAddress: content.addressDetail,
recipient: content.name,
recipientPhone: content.tel,
default: content.default,
};
let saveType = this.editAddressData.saveType ? "update" : "add";
let data = await memberAddress(saveType, postData);
if (data) {
this.$message({
type: "warning",
message: data.msg,
});
if (data.code == "0") {
this.$emit("isClose", false);
}
}
},
async onDelete() {
// Toast("delete");
let postData = {
ids: this.editAddressData.id,
memberId: this.editAddressData.memberId,
};
let data = await memberAddress("delete", postData);
if (data) {
this.$message({
type: "warning",
message: data.msg,
});
if (data.code == "0") {
this.$emit("isClose", false);
}
}
},
async areaCodeInit() {
var city = this.editAddressData.city;
var district = this.editAddressData.district;
this.areaCode = "1310001";
// _.forEach(this.areaList.city_list, (o, c) => {
// if (o == city) {
// // let cityId = String(_.take(c, 2));
// let cityId = c.substring(0, 4);
// _.forEach(this.areaList.county_list, (i, a) => {
// if (i == district) {
// // let districtId = String(_.take(a, 2));
// let districtId = a.substring(0, 4);
// if (cityId == districtId) {
// this.areaCode = a;
// }
// }
// });
// }
// });
},
},
mounted() {
this.areaCodeInit();
},
};
</script>
<style>
.van-area {
width: 400px;
margin: 0 auto;
border: 1px solid #808285;
}
.van-popup {
background-color: transparent;
}
.van-overlay {
background-color: transparent;
}
.v-modal {
background: transparent;
}
</style>

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

@ -6,14 +6,19 @@
<div class="rc-top"></div> <div class="rc-top"></div>
<unlogin></unlogin> <unlogin></unlogin>
<!-- Suppose in header end --> <!-- Suppose in header end -->
<van-swipe :autoplay="3000" class="rc-padding-bottom--md"> <div class="ts-banner-swiper-container">
<van-swipe-item v-for="(banner, index) in showingBanners" :key="index"> <swiper :options="headerSwiperOption">
<img :src="banner.src" class="useraimg"/> <swiper-slide v-for="(banner, index) in showingBanners" :key="index">
</van-swipe-item> <a :href="banner.link" target="_blank">
</van-swipe> <img :src="banner.src" class="useraimg"/>
</a>
</swiper-slide>
<div class="online bold rc-md-down" id="fixed-catbar-seperator"></div> </swiper>
<div id="homeBannerSwiperPagnation" class="swiper-pagination ts-carousel-indicator center"></div>
</div>
<div class="online bold rc-md-down"></div>
<div id="fixed-catbar-seperator"></div>
<div class="rc-max-width--xl"> <div class="rc-max-width--xl">
<div class="usermain"> <div class="usermain">
<div :class="searchBar?'rc-ma':'rc-ma searchBara'"> <div :class="searchBar?'rc-ma':'rc-ma searchBara'">
@ -105,7 +110,7 @@
<div class="rc-column"> <div class="rc-column">
<div class="rc-click" @click="selectproduce(item,index)"> <div class="rc-click" @click="selectproduce(item,index)">
<span>{{item.name}}</span> <span>{{item.name}}</span>
<i>0.001{{item.price}}</i> <i>￥{{item.ecPrice}}</i>
</div> </div>
<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong> <strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
</div> </div>
@ -159,7 +164,7 @@
<div class="rc-column"> <div class="rc-column">
<div class="rc-click" @click="selectproduce(item,index)"> <div class="rc-click" @click="selectproduce(item,index)">
<span>{{item.title}}</span> <span>{{item.title}}</span>
<i>0.001{{item.price}}</i> <i>￥{{item.ecPrice}}</i>
</div> </div>
<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong> <strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
</div> </div>
@ -193,7 +198,7 @@
<div class="rc-column"> <div class="rc-column">
<div class="rc-click" @click="selectproduce(item,index)"> <div class="rc-click" @click="selectproduce(item,index)">
<span>{{item.name}}</span> <span>{{item.name}}</span>
<i>0.001{{item.price}}</i> <i>￥{{item.ecPrice}}</i>
</div> </div>
<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong> <strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
</div> </div>
@ -250,7 +255,7 @@
<div class="rc-column"> <div class="rc-column">
<div class="rc-click" @click="selectproduce(item,index)"> <div class="rc-click" @click="selectproduce(item,index)">
<span>{{item.title}}</span> <span>{{item.title}}</span>
<i>0.001{{item.price}}</i> <i>￥{{item.ecPrice}}</i>
</div> </div>
<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong> <strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
</div> </div>
@ -355,7 +360,7 @@
<div class="rc-column"> <div class="rc-column">
<div class="rc-click" @click="selectproduce(item,index)"> <div class="rc-click" @click="selectproduce(item,index)">
<span>{{item.name}}</span> <span>{{item.name}}</span>
<i>0.001{{item.price}}</i> <i>￥{{item.ecPrice}}</i>
</div> </div>
<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong> <strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
</div> </div>
@ -415,7 +420,7 @@
<div class="rc-column"> <div class="rc-column">
<div class="rc-click" @click="selectproduce(item,index)"> <div class="rc-click" @click="selectproduce(item,index)">
<span>{{item.title}}</span> <span>{{item.title}}</span>
<i>0.001{{item.price}}</i> <i>￥{{item.ecPrice}}</i>
</div> </div>
<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong> <strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
</div> </div>
@ -470,7 +475,7 @@
<div class="rc-column"> <div class="rc-column">
<div class="rc-click" @click="selectproduce(item,index)"> <div class="rc-click" @click="selectproduce(item,index)">
<span>{{item.name}}</span> <span>{{item.name}}</span>
<i>0.001{{item.price}}</i> <i>￥{{item.ecPrice}}</i>
</div> </div>
<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong> <strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
</div> </div>
@ -529,7 +534,7 @@
<div class="rc-column"> <div class="rc-column">
<div class="rc-click" @click="selectproduce(item,index)"> <div class="rc-click" @click="selectproduce(item,index)">
<span>{{item.title}}</span> <span>{{item.title}}</span>
<i>0.001{{item.price}}</i> <i>￥{{item.ecPrice}}</i>
</div> </div>
<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong> <strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
</div> </div>
@ -737,18 +742,22 @@
userserachlist:[{}], userserachlist:[{}],
doggan:[], doggan:[],
dogtype:[ dogtype:[
{ {
title: "幼犬", title: "幼犬",
},
}, {
{ title: "成犬",
title: "成犬", },
}, {
{ title: "老年犬",
title: "老年犬", },
}, {
title: "品种犬",
], },
{
title: "亚健康",
}
],
anchor:'', anchor:'',
dogshi:[], dogshi:[],
catlist:[], catlist:[],
@ -796,42 +805,38 @@
}, },
showingBanners:[], showingBanners:[],
userdoglist: [ userdoglist: [
{ {
title: "小型犬", title: "小型犬",
catimage: require("../assets/cat.png"), catimage: "/images/dog/small.png",
}, },
{ {
title: "中型犬", title: "中型犬",
catimage: require("../assets/four.png"), catimage: "/images/dog/medium.png",
}, },
{ {
title: "大型犬", title: "大型犬",
catimage: require("../assets/one.png"), catimage: "/images/dog/big.png",
}, },
],
], discoun: [
discoun: [ {
{ title: "幼猫",
title: "幼猫", },
}, {
{ title: "成猫",
title: "成猫", },
}, {
{ title: "老年猫",
title: "老年猫", },
}, {
{ title: "品种猫",
title: "品种猫",
},
}, {
{ title: "亚健康猫"
title: "亚健康猫", },
],
},
],
discountlist: [ discountlist: [
{ {
@ -1043,39 +1048,74 @@
// }, // },
], ],
swiperOption: { headerSwiperOption: {
loop: true, loop: true,
slidesPerView: 'auto', slidesPerView: 'auto',
centeredSlides: true, centeredSlides: true,
speed:1000, speed:1000,
spaceBetween: 30, spaceBetween: 0,
// autoplay: true, autoplay: true,
loopAdditionalSlides: 100, pagination: {
pagination: { el: '#homeBannerSwiperPagnation'
el: '.swiper-pagination', },
dynamicBullets: true paginationClickable: true,
}, loopAdditionalSlides: 100,
navigation: { navigation: {
nextEl: '.swiper-button-next', nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev' prevEl: '.swiper-button-prev'
},
on: {
slideChange(Swiper) {
}, },
on: { tap() {
slideChange(Swiper) {
//console.log('onSlideChangeEnd',this); }
// vm.ifadroind('','',this.realIndex); }
vm.useraindex=this.realIndex; },
}, catStarProductswiperOption: {
tap() { loop: true,
//console.log('onTap', this); slidesPerView: 'auto',
} centeredSlides: true,
// slideChange() { speed:1000,
// console.log('onSlideChangeEnd', this); spaceBetween: 30,
// }, // autoplay: true,
// tap() { loopAdditionalSlides: 100,
// console.log('onTap', this); pagination: {
// } el: '#catStarSwiperPagnation',
} },
}, navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev'
},
on: {
slideChange(Swiper) {
vm.useraindex=this.realIndex;
},
tap() {
}
}
},
dogStarProductswiperOption: {
loop: true,
slidesPerView: 'auto',
centeredSlides: true,
speed:1000,
spaceBetween: 30,
// autoplay: true,
loopAdditionalSlides: 100,
pagination: {
el: '#dogStarSwiperPagnation',
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev'
},
on: {
slideChange(Swiper) {},
tap() {}
}
},
} }
}, },
components:{ components:{
@ -1274,15 +1314,48 @@
//console.log("当前是手机打开") //console.log("当前是手机打开")
} }
}, },
userdog(item,index){ heightToTop(ele){
//ele为指定跳转到该位置的DOM节点
let root = document.body;
let height = 0;
do{
height += ele.offsetTop;
ele = ele.offsetParent;
}while( ele !== root )
return height;
},
userdogShi(){
this.activeIndex5=(this.activeIndex5?this.activeIndex5:0);
let apiDogSize=this.userdoglist[this.activeIndex5].title;
let apiDogFoodType=this.dogtype[this.quanshiCurIndex].title;
this.userstype=1; this.userstype=1;
let petType={ let petType={
petType:1, petType:1,
name:index, categoryName:"皇家犬湿粮",
name:apiDogFoodType,
} }
for(let i =0;i<this.userserachlist.length;i++){ for(let i =0;i<this.userserachlist.length;i++){
if(!this.userserachlist.includes(petType)){ if(!this.userserachlist.includes(petType)){
this.userserachlist.push(petType) this.userserachlist.push(petType)
}
}
//TODO how to combine "apiName" here?
this.dogmessage(this.userserachlist,"Shi");
},
userdogGan(){
this.activeIndex6=(this.activeIndex6?this.activeIndex6:0);
let apiDogSize=this.userdoglist[this.activeIndex6].title;
let apiDogFoodType=this.dogtype[this.quanganCurIndex].title;
this.userstype=1;
let petType={
petType:1,
name:apiDogFoodType,
}
for(let i =0;i<this.userserachlist.length;i++){
if(!this.userserachlist.includes(petType)){
this.userserachlist.push(petType)
} }
} }
this.dogmessage(this.userserachlist) this.dogmessage(this.userserachlist)
@ -1364,23 +1437,34 @@
} }
}, },
//请求犬 //请求犬
async dogmessage(stype) { async dogmessage(stype,dataType) {
let data=[]; this.dataLoaded=false;
if(stype==undefined||stype==null){ let data=[];
if(stype==undefined||stype==null){
data = await biaomessage(1); data = await biaomessage(1,'',1,6);
}else{ }else{
data = await biaomessage(this.userserachlist); data = await biaomessage(this.userserachlist,'',1,6);
} }
if(data){ if(data){
let userlist=[]; let userlist=[];
userlist=data.slice(0,6); //userlist=data.slice(0,6);
this.doglist=data; if(dataType)
this.doggan=userlist; {
this.dogshi=userlist; if(dataType=='Shi')
} this.dogshi=data;
}, else if(dataType=='Gan')
this.doggan=data;
}
else
{
this.doglist=data;
//this.doggan=userlist;
//this.dogshi=userlist;
}
this.dataLoaded=true;
}
},
selectproduce(item,index){ selectproduce(item,index){
if(item.productList[0]==undefined){ if(item.productList[0]==undefined){
@ -1423,12 +1507,30 @@
userclick(item,index){ userclick(item,index){
this.userquery(index) this.userquery(index)
}, },
//全价猫湿粮筛选 //全价猫干粮筛选
catclick(item,index){ catclickGan(){
this.userstype=0; this.userstype=0;
this.maoganCurIndex=this.maoganCurIndex?this.maoganCurIndex:0;
let apiCatType=this.discoun[this.maoganCurIndex].title;
let petType={ let petType={
petType:0, petType:0,
name:index, name:apiCatType,
}
for(let i =0;i<this.userserachlist.length;i++){
if(!this.userserachlist.includes(petType)){
this.userserachlist.push(petType)
}
}
this.catmessage(this.userserachlist,'Gan')
},
catclickShi(){
this.userstype=0;
this.maoshiCurIndex=this.maoshiCurIndex?this.maoshiCurIndex:0;
let apiCatType=this.discoun[this.maoshiCurIndex].title;
let petType={
petType:0,
categoryName:"皇家猫湿粮",
name:apiCatType,
} }
for(let i =0;i<this.userserachlist.length;i++){ for(let i =0;i<this.userserachlist.length;i++){
if(!this.userserachlist.includes(petType)){ if(!this.userserachlist.includes(petType)){

9
rc-busness/pages/personal/integral.vue
View File

@ -1,8 +1,8 @@
<template> <template>
<div> <div>
<Myheader></Myheader> <Myheader></Myheader>
<div class="rc-top"></div>
<div class="rc-max-width--xl rc-main "> <div class="rc-usermain ">
<ul> <ul>
<li v-for="(item,index) in userrecord" :key="index"> <li v-for="(item,index) in userrecord" :key="index">
{{item.title}} {{item.title}}
@ -20,13 +20,13 @@
</div> </div>
<!-- <div class="rc-button"> <div class="rc-button">
<div class="rc-order"> <div class="rc-order">
<span>积分兑换</span> <span>积分兑换</span>
</div> </div>
</div> --> </div>
</div> </div>
</template> </template>
@ -115,7 +115,6 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
@import url("../../assets/css/integral.less"); @import url("../../assets/css/integral.less");
@import url("@/assets/css/global.less");
</style> </style>

6
rc-busness/pages/personal/mypersonal.vue
View File

@ -342,7 +342,9 @@ obligation(item,index){
}else{ }else{
if(item.title=='收货地址'){ if(item.title=='收货地址'){
this.$router.push({ name: "useraddress-openaddress",}) this.$router.push({
path: `/useraddress/openaddress/`
})
console.log('这是地址的跳转'); console.log('这是地址的跳转');
} }
@ -355,7 +357,7 @@ this.$router.push({ name: "useraddress-openaddress",})
this.$router.push({ this.$router.push({
path: `/personal/discount/` path: `/personal/discount/`
}) })
console.log('这是地址的跳转');
} }

414
rc-busness/pages/personal/settlement.less
View File

@ -1,414 +0,0 @@
ul li ol li em strong i {
list-style: none;
font-style: normal;
}
.rc-header {
width: 100%;
}
.settlement {
padding-top: 100px;
}
.rc-main {
width: 92%;
margin: 0 auto;
max-width: 1400px;
.rc-userbottomm {
display: none;
}
.rc-border {
width: 100%;
border-bottom: 1px solid #d7d7d7;
margin-top: 32px;
}
.rc-receiving {
width: 100%;
height: 80px;
display: flex;
flex-direction: column;
em {
font-style: normal;
color: #e1001a;
font-size: 26px;
}
span {
color: #666666;
font-size: 16px;
display: block;
margin-top: 25px;
}
}
.delivery {
display: flex;
flex-direction: column;
height: 140px;
display: flex;
justify-content: center;
.viewdetails {
display: flex;
align-items: center;
justify-content: flex-end;
span {
color: #444444;
font-size: 18px;
display: block;
margin-right: 8px;
}
img {
width: 8px;
height: 16px;
}
}
.to-delivery {
display: flex;
align-items: center;
font-style: normal;
span {
display: block;
// margin-left: 16px;
font-size: 18px;
color: #333333;
}
i {
font-style: normal;
margin-left: 8px;
display: block;
font-size: 18px;
color: #999999;
}
}
.bo-delivery {
span {
font-size: 16px;
color: #666666;
display: block;
margin-top: 16px;
}
}
}
.address-list {
display: flex;
.mypersonal {
display: flex;
flex-direction: column;
justify-content: center;
border: 1px solid #808285;
height: 118px;
width: 320px;
padding: 15px;
color: #333333;
margin: 20px 40px 20px 0;
position: relative;
cursor: pointer;
&.active {
border: 1px solid #E2001A;
}
.edit {
position: absolute;
top: 5px;
right: 8px;
display: none;
cursor: pointer;
}
&:hover {
.edit {
display: block;
}
}
.my-delivery {
display: flex;
align-items: center;
font-style: normal;
span {
display: block;
margin-left: 3px;
}
i {
font-style: normal;
margin-left: 3px;
display: block;
}
}
.per-delivery {
span {
color: #666666;
display: block;
margin-top: 5px;
}
}
}
}
.rc-usermain {
display: flex;
padding: 20px 0;
.rc-image {
border: 1px solid #d8d8d8;
margin-right: 20px;
img {
width: 96px;
height: 96px;
display: block;
}
}
.rc-right {
.rc-usercenter {
display: flex;
justify-content: center;
flex-direction: column;
h3,
.price {
font-style: normal;
display: block;
font-size: 18px;
font-weight: bold;
margin-top: 17px;
color: #e1001a;
}
}
display: flex;
justify-content: space-between;
width: 100%;
}
.rc-userright {
display: flex;
flex-direction: column;
color: #666666;
font-size: 16px;
span {
display: block;
margin-top: 16px;
font-size: 16px;
}
}
.rc-userbottom {
display: flex;
width: 60%;
justify-content: space-between;
align-items: center;
.price {
font-style: normal;
color: #e1001a;
font-size: 20px;
font-weight: bold;
}
}
}
.rc-merchandise {
padding: 15px 0;
&::after {
display: block;
content: '';
clear: both;
}
ul {
width: 25%;
display: flex;
flex-direction: column;
justify-content: space-between;
line-height: 40px;
float: right;
i {
font-style: normal;
color: #666666;
}
li {
list-style: none;
font-style: normal;
display: flex;
justify-content: space-between;
span {
color: #333333;
}
}
li .red {
color: #e1001a;
font-size: 20px;
font-style: normal;
}
}
}
.rc-payment {
width: 100%;
margin-top: 80px;
.u-trackingnumber {
display: flex;
align-items: center;
i {
font-size: 18px;
font-style: normal;
margin-right: 16px;
}
img {
width: 8px;
height: 16px;
}
}
ul {
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
line-height: 40px;
font-size: 18px;
i {
font-style: normal;
color: #666666;
display: block;
}
li {
list-style: none;
font-style: normal;
display: flex;
justify-content: space-between;
span {
color: #333333;
}
}
}
}
.rc-foot {
display: flex;
flex-direction: column;
.rc-foo {
display: flex;
justify-content: flex-end;
flex-direction: column;
align-items: self-end;
i {
font-style: normal;
color: #333333;
font-size: 20px;
margin-right: 20px;
}
em {
font-style: normal;
color: #e1001a;
font-size: 26px;
}
span {
display: block;
width: 164px;
margin-top: 36px;
background: #e2001a;
line-height: 48px;
text-align: center;
color: white;
font-size: 16px;
height: 48px;
border-radius: 30px;
}
}
}
}
.diallog_width{
width: 100%;
max-width: 440px;
}
.el-dialog{
width: 100%;
}
//手机端
@media screen and (max-width: 768px) {
.diallog_width{
width: 100%;
}
.rc-main {
.address-list {
display: contents;
.mypersonal {
width: 100%;
height: auto;
}
}
.rc-usermain {
.rc-right { display: table}
}
.rc-merchandise{
padding: 15px 0 120px;
ul{
float: none;
width: 100%;
}
}
.rc-foot{
.rc-foo{
display: flex;
justify-content: space-around;
flex-direction: row;
align-items: self-end;
position: fixed;
bottom: 0;
background: #fff;
width: 100%;
padding: 10px;
}
}
}
}

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

@ -11,19 +11,17 @@
<div class="usercontentshow" ref="usercontent"> <div class="usercontentshow" ref="usercontent">
<div class="rc-product ts-scrollable-container"> <div class="rc-product ts-scrollable-container">
<div class="rc-productcat ts-scrollable"> <div class="rc-productcat ts-scrollable">
<ol> <div
<li class="rc-cat"
v-for="(item, index) in userproduct" v-for="(item, index) in userproduct"
:key="index" :key="index"
@click="selectGoods(item, index)" ref="userclicks"
:class="activeIndex == index ? 'active' : 'unactive'" @click="selectGoods(item, index)"
class="ts-standard-btn" :class="activeIndex == index ? 'active' : 'unactive'"
ref="userstandard" >
> <img :src="item.catimage" alt="" />
<img :src="item.catimage" alt="" /> <span>{{ item.title }}</span>
<span>{{ item.title }}</span> </div>
</li>
</ol>
</div> </div>
</div> </div>
<div class="online rc-md-up"></div> <div class="online rc-md-up"></div>
@ -299,13 +297,11 @@
<em>确认</em> <em>确认</em>
</div> </div>
</el-dialog> </el-dialog>
<MyFooter></MyFooter>
</div> </div>
</template> </template>
<script> <script>
import Myheader from "~/components/header.vue"; import Myheader from "~/components/header.vue";
import MyFooter from '~/components/rc-footer.vue'
import { import {
userstype, userstype,
biaome, biaome,
@ -318,7 +314,7 @@ export default {
value: "", value: "",
isLoading: true, isLoading: true,
userstype: [], userstype: [],
activeIndex: "-1", activeIndex: "0",
allacindex: 0, allacindex: 0,
userishwo: true, userishwo: true,
userishwo1: true, userishwo1: true,
@ -508,20 +504,16 @@ export default {
}, },
components: { components: {
Myheader, Myheader,
MyFooter
}, },
mounted() { mounted() {
let stype = this.$route.query.stype; let stype = this.$route.query.stype;
this.$nextTick(() => {
this.$refs.userstandard[0].style.margin = 0 + "px";
});
this.userst(); this.userst();
// this.activeIndex = stype; this.activeIndex = stype;
// if (stype !== "" && stype !== undefined) { if (stype !== "" && stype !== undefined) {
// this.onmessage(stype); this.onmessage(stype);
// } else { } else {
// this.usetmessage(); this.usetmessage();
// } }
}, },
methods: { methods: {
async usersearch(stype, usertype) { async usersearch(stype, usertype) {
@ -751,9 +743,6 @@ export default {
this.activeIndexa = index; this.activeIndexa = index;
}, },
selectage(item, index) { selectage(item, index) {
if(this.activeIndex=='-1'){
this.activeIndex=0;
}
let tagUsedAge = {}; let tagUsedAge = {};
this.activeIndexc = index; this.activeIndexc = index;
this.userishwo1 = !this.userishwo1; this.userishwo1 = !this.userishwo1;
@ -777,9 +766,6 @@ export default {
}, },
selectagc(item, index) { selectagc(item, index) {
// let tagFunction = {}; // let tagFunction = {};
if(this.activeIndex=='-1'){
this.activeIndex=0;
}
this.activeIndexd = index; this.activeIndexd = index;
this.userishwo2 = !this.userishwo2; this.userishwo2 = !this.userishwo2;
if (item.checked == false) { if (item.checked == false) {
@ -810,9 +796,6 @@ export default {
this.usersearch(this.userserachlist, this.activeIndex1); this.usersearch(this.userserachlist, this.activeIndex1);
}, },
selectagd(item, index) { selectagd(item, index) {
if(this.activeIndex=='-1'){
this.activeIndex=0;
}
let tagBreed = {}; let tagBreed = {};
this.activeIndexe = index; this.activeIndexe = index;
this.userishwo3 = !this.userishwo3; this.userishwo3 = !this.userishwo3;
@ -835,9 +818,6 @@ export default {
this.usersearch(this.userserachlist, this.activeIndex1); this.usersearch(this.userserachlist, this.activeIndex1);
}, },
selectproduct(item, index) { selectproduct(item, index) {
if(this.activeIndex=='-1'){
this.activeIndex=0;
}
this.activeIndexb = index; this.activeIndexb = index;
// console.log(this.userishwo=!this.userishwo) // console.log(this.userishwo=!this.userishwo)
if (item.checked == false) { if (item.checked == false) {

186
rc-busness/pages/useraddress/addaddress.vue
View File

@ -1,137 +1,81 @@
<template> <template>
<div> <van-address-edit
<Myheader></Myheader> :area-list="areaList"
<div class="rc-top"></div> show-postal
<div class="usercontend"> show-delete
<div class="rc-max-width--xl"> show-set-default
<h2>新增收货地址</h2> show-search-result
<div class="rc-max-width--xl rc-people"> :search-result="searchResult"
<span>收货人:</span> :area-columns-placeholder="['请选择', '请选择', '请选择']"
<input type="text" placeholder="请输入收货人姓名"> @save="onSave"
</div> @delete="onDelete"
<div class="rc-max-width--xl rc-phone"> @change-detail="onChangeDetail"
<span>手机号码:</span> />
<input type="text" placeholder="请输入11位手机号码">
</div>
<div class="rc-max-width--xl rc-address">
<span>所在地区:</span>
<input type="text" placeholder="请选择所在地区">
</div>
<div class="rc-max-width--xl rc-useaddress">
<span>详细地址:</span>
<input type="text" placeholder="小区、门牌号等" class="userinput">
<textarea rows="10" cols="30" placeholder="请输入详细地址">
</textarea>
</div>
</div>
<div class="rc-button">
<span @click="openclose()">取消</span>
<em @click="openclose()">确认</em>
</div>
</div>
<!-- <div class="rc-button">
<div class="rc-footbutton" @click="onAdd()">
<span>新增收货地址</span>
</div>
</div> -->
<MyFooter></MyFooter>
</div>
</template> </template>
<script> <script>
import { editaddress } from "../../ajax/getData";
import Myheader from '~/components/header.vue' import { Toast } from 'vant';
import MyFooter from '~/components/rc-footer.vue' import { areaList } from '@vant/area-data';
export default { export default {
data() { data(){
return { return{
chosenAddressId: "1", areaList,
checked: true, searchResult: [],
userid: null, userid:null,
usermessage:null, addressdetail:'',
list: [ }
{
id: 1,
name: "张三",
tel: "13000000000",
address: "浙江省杭州市西湖区文三路 138 号",
isDefault: true,
},
{
id: 2,
name: "李四",
tel: "1310000000",
address: "浙江省杭州市拱墅区莫干山路 50 号",
},
{
id: 3,
name: "李四",
tel: "1310000000",
address: "浙江省杭州市拱墅区莫干山路 50 号",
},
],
};
}, },
methods: { methods:{
onEdit(item, index) { async onSave(content) {
// let userid = item.id; // Toast('save');
console.log(item); console.log(content);
this.$router.push({ let recipient=content.name;
path: "/useraddress/editaddress", let tel=content.tel;
query: { let provinceId=Number(content.areaCode.substring(0,2)+'0000')//省份id
id: item, let cityId=Number(content.areaCode.substring(0,4)+'00') //城市id
}, let districtId=Number(content.areaCode);//区域编码
}); console.log(provinceId,cityId,districtId);
console.log(content.areaCode.substring(0,2)+'0000');//城市编码
console.log(content.areaCode.substring(0,4)+'00'); //市区id
console.log(content.areaCode) //区域编码
//id 详细地址 /收货人姓名 电话号码 省份id/城市id/区域编码
let data = await editaddress(this.userid,this.addressdetail,recipient,tel,provinceId,cityId,districtId);
if(data){
this.$message({
type: 'warning',
message: '地址保存成功'
});
}
console.log(data);
}, },
onAdd(item, index) { onDelete() {
// let userid = item.id;
// console.log(item); Toast('delete');
this.$router.push({
path: "/useraddress/addaddress",
// query: {
// id: userid,
// },
});
}, },
onChangeDetail(val){
this.addressdetail=val;
}
//删除地址
// async userdelete(item) {
// console.log(item.memberId);
// let data = await editdelete(this.userid, item.id);
// this.editaddress(this.usermessage);
// console.log(data);
// },
//查询人的所有地址
// async editaddress(user) {
// user.data.id=844350
// let data = await selectaddress(user.data.id);
// this.list=data.data;
// console.log(this.list);
// console.log(data);
// },
},
components: {
Myheader,
MyFooter
}, },
mounted(){
let user= JSON.parse(localStorage.getItem("userInfo"));
// this.userid=user.data.id;
this.userid=3242
mounted() {
//地址的查询
// this.usermessage = JSON.parse(localStorage.getItem("userInfo"));
// this.editaddress(this.usermessage);
// this.userid = this.usermessage.data.id;
}, },
}; components:{
},
}
</script> </script>
<style lang="less" scoped > <style>
@import url("../../assets/css/global.less");
@import url("../../assets/css/addaddress.less"); </style>
</style>

200
rc-busness/pages/useraddress/editaddress.vue
View File

@ -1,131 +1,99 @@
<template> <template>
<div> <van-address-edit
<Myheader></Myheader> :area-list="areaList"
<div class="rc-top"></div> show-postal
show-set-default
show-search-result
:search-result="searchResult"
:address-info="AddressInfo"
:area-columns-placeholder="['请选择', '请选择', '请选择']"
@save="onSave"
@change-detail="onChangeDetail"
>
<!-- <div class="main">
<span>我的</span>
<div class="rc-max-width--xl rc-main"> </div> -->
<div class="rc-max-width--xl rc-people">
<span>收货人:</span> </van-address-edit>
<input type="text" placeholder="李某某">
</div>
<div class="rc-max-width--xl rc-phone">
<span>手机号码:</span>
<input type="text" placeholder="15279944631">
</div>
<div class="rc-max-width--xl rc-address">
<span>所在地区:</span>
<input type="text" placeholder="请选择所在地区">
</div>
<div class="rc-max-width--xl rc-useaddress">
<span>详细地址:</span>
<input type="text" placeholder="天河客运站">
</div>
</div>
<!-- <div class="rc-button">
<div class="rc-footbutton" @click="onAdd()">
<span>新增收货地址</span>
</div>
</div> -->
<div class="rc-button">
<span @click="openclose()">取消</span>
<em @click="openclose()">确认</em>
</div>
<!-- <MyFooter></MyFooter> -->
</div>
</template> </template>
<script> <script>
import { Toast } from 'vant';
import Myheader from '~/components/header.vue' import { areaList } from '@vant/area-data';
import MyFooter from '~/components/rc-footer.vue' import { editupdate } from "../../ajax/getData";
export default { export default {
data() { data(){
return { return{
chosenAddressId: "1", areaList,
checked: true, searchResult: [],
userid: null, AddressInfo:{//收货人信息初始值
usermessage:null, name:'',//姓名
list: [ tel:'',//电话
{ province:'',//省份
id: 1, city:'',//城市
name: "张三", country:'',//区县
tel: "13000000000", address:'',
address: "浙江省杭州市西湖区文三路 138 号", areaCode:'',//地址code：ID
isDefault: true, addressDetail:'',//详细地址
}, isDefault:false,//是否选择默认
{ },
id: 2,
name: "李四", }
tel: "1310000000",
address: "浙江省杭州市拱墅区莫干山路 50 号",
},
{
id: 3,
name: "李四",
tel: "1310000000",
address: "浙江省杭州市拱墅区莫干山路 50 号",
},
],
};
}, },
methods: { methods:{
onEdit(item, index) {
// let userid = item.id; valf(){
console.log(item); setTimeout(()=>{
this.$router.push({ let s=this.$route.query.id;
path: "/useraddress/editaddress", console.log(s);
query: { this.AddressInfo.name= s.recipient,
id: item, this.AddressInfo.tel=s.recipientPhone,
}, this.AddressInfo.province=s.name
}); this.AddressInfo.city=s.name
this.AddressInfo.addressDetail=s.detailAddress
this.AddressInfo.isDefault=s.isDefault,
this.AddressInfo.country='江西省'
this.AddressInfo.address='江西省'
},100)
},
async onSave(content) {
let data = await editupdate(this.tel);
console.log(data);
console.log(content);
// Toast('save');
console.log(content.areaCode.substring(0,2)+'0000');//城市编码
console.log(content.areaCode.substring(0,4)+'00'); //市区id
console.log(content.areaCode) //区域编码
}, },
onAdd(item, index) { onDelete() {
// let userid = item.id; Toast('delete');
// console.log(item);
this.$router.push({
path: "/useraddress/addaddress",
// query: {
// id: userid,
// },
});
}, },
onChangeDetail(val){
console.log(this.searchResult);
console.log(val);
//删除地址 }
// async userdelete(item) {
// console.log(item.memberId);
// let data = await editdelete(this.userid, item.id);
// this.editaddress(this.usermessage);
// console.log(data);
// },
//查询人的所有地址
// async editaddress(user) {
// user.data.id=844350
// let data = await selectaddress(user.data.id);
// this.list=data.data;
// console.log(this.list);
// console.log(data);
// },
}, },
components: { mounted(){
Myheader, this.valf();
MyFooter, this.searchResult = [
{
name: '黄龙万科中心',
address: '杭州市西湖区',
},
];
}, },
components:{
},
mounted() { }
//地址的查询
// this.usermessage = JSON.parse(localStorage.getItem("userInfo"));
// this.editaddress(this.usermessage);
// this.userid = this.usermessage.data.id;
},
};
</script> </script>
<style lang="less" scoped > <style>
@import url("../../assets/css/global.less");
@import url("../../assets/css/editaddress.less"); </style>
</style>

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

@ -8,24 +8,24 @@
<div class="usercontshow usermain" > <div class="usercontshow usermain" >
<div class="rc-cat" > <div class="rc-cat" >
<div class="rc-center"> <div class="rc-center">
<div class=" rc-title"> <div class="rc-header">
<em> <em>
{{ item.name }} {{ item.recipient }}
</em> </em>
<span> <span>
{{ item.tel }} {{ item.recipientPhone }}
</span> </span>
</div> </div>
<div class="rc-address"> <div class="rc-address">
<span> <span>
{{ item.address }} {{ item.detailAddress }}
</span> </span>
</div> </div>
<div class="rc-footer"> <div class="rc-footer">
<div class="rc-foot"> <div class="rc-foot">
<img src="../../assets/image/userselect.png" alt="">
<span>设置为默认收货地址</span> <span>设置为默认收货地址</span>
<!-- <van-switch v-model="checked" /> -->
</div> </div>
<div class="rc-right"> <div class="rc-right">
<span @click="onEdit(item, index)">编辑</span> <span @click="onEdit(item, index)">编辑</span>
@ -97,9 +97,14 @@ export default {
areaList, areaList,
}; };
}, },
methods: { methods: {
onAdd() {
Toast("新增地址");
this.$router.push({ path: "/useraddress/addaddress" });
},
onEdit(item, index) { onEdit(item, index) {
// let userid = item.id; let userid = item.id;
console.log(item); console.log(item);
this.$router.push({ this.$router.push({
path: "/useraddress/editaddress", path: "/useraddress/editaddress",
@ -108,35 +113,22 @@ export default {
}, },
}); });
}, },
onAdd(item, index) { //删除地址
// let userid = item.id; async userdelete(item) {
// console.log(item); console.log(item.memberId);
this.$router.push({ let data = await editdelete(this.userid, item.id);
path: "/useraddress/addaddress", this.editaddress(this.usermessage);
// query: { console.log(data);
// id: userid,
// },
});
}, },
//删除地址
// async userdelete(item) {
// console.log(item.memberId);
// let data = await editdelete(this.userid, item.id);
// this.editaddress(this.usermessage);
// console.log(data);
// },
//查询人的所有地址 //查询人的所有地址
// async editaddress(user) { async editaddress(user) {
// user.data.id=844350 user.data.id=844350
// let data = await selectaddress(user.data.id); let data = await selectaddress(user.data.id);
// this.list=data.data; this.list=data.data;
// console.log(this.list); console.log(this.list);
// console.log(data); console.log(data);
// }, },
}, },
components: { components: {
Myheader, Myheader,
@ -145,14 +137,178 @@ export default {
mounted() { mounted() {
//地址的查询 //地址的查询
// this.usermessage = JSON.parse(localStorage.getItem("userInfo")); this.usermessage = JSON.parse(localStorage.getItem("userInfo"));
// this.editaddress(this.usermessage); this.editaddress(this.usermessage);
// this.userid = this.usermessage.data.id; this.userid = this.usermessage.data.id;
}, },
}; };
</script> </script>
<style lang="less" scoped > <style lang="less" scoped >
@import url("../../assets/css/global.less"); .rc-main {
@import url("../../assets/css/openaddress.less"); width: 93%;
margin: 0 auto;
margin-top: 8px;
}
//手机端
@media screen and(min-width: 320px) and(max-width:768px) {
.rc-button {
height: 80px;
background: #ffffff;
box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);
opacity: 1;
display: flex;
align-items: center;
justify-content: center;
.rc-footbutton {
width: 164px;
height: 48px;
border: 2px solid #e2001a;
opacity: 1;
border-radius: 30px;
display: flex;
align-items: center;
background: #e2001a;
span {
display: block;
text-align: center;
color: white;
font-size: 16px;
width: 100%;
}
}
}
.rc-header {
display: flex;
align-items: center;
color: #333333;
em {
font-style: normal;
font-size: 14px;
}
span {
display: block;
margin-left: 8px;
}
}
.rc-address {
margin-top: 8px;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
font-size: 14px;
color: #333333;
}
.rc-footer {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 20px;
margin-top: 8px;
.rc-right {
span {
border-bottom: 1px solid #666666;
}
span:first-child {
margin-right: 16px;
}
}
}
}
//pc端
@media screen and (min-width: 768px) and (max-width: 1920px) {
.usermain{
width: 90%;
margin: 0 auto;
}
.rc-main{
width: 45%;
height: 164px;
margin-top: 60px;
background: #FFFFFF;
border: 1px solid #D7D7D7;
opacity: 1;
border-radius: 3px;
margin-left: 40px;
float: left;
.rc-center{
margin-top: 24px;
margin-left: 24px;
}
}
.rc-button {
height: 80px;
background: #ffffff;
box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);
opacity: 1;
display: flex;
align-items: center;
justify-content: center;
display: block;
.rc-footbutton {
width: 164px;
height: 48px;
border: 2px solid #e2001a;
opacity: 1;
border-radius: 30px;
display: flex;
align-items: center;
background: #e2001a;
span {
display: block;
text-align: center;
color: white;
font-size: 16px;
width: 100%;
}
}
}
.rc-header {
display: flex;
align-items: center;
color: #333333;
em {
font-style: normal;
font-size: 14px;
}
span {
display: block;
margin-left: 8px;
}
}
.rc-address {
margin-top: 8px;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
font-size: 14px;
color: #333333;
}
.rc-footer {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 20px;
margin-top: 8px;
.rc-right {
span {
border-bottom: 1px solid #666666;
}
span:first-child {
margin-right: 16px;
}
}
}
}
</style> </style>

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

@ -34,7 +34,7 @@
v-for="(item, index) in searchdata" v-for="(item, index) in searchdata"
:key="index" :key="index"
@click="selectsearch(item, index)" @click="selectsearch(item, index)"
:class="activeIndexa == index" :class="activeIndexa == index ? 'active' : 'unactive'"
> >
{{ item.title }} {{ item.title }}
</li> </li>
@ -219,13 +219,12 @@
</li> </li>
</ol> </ol>
</div> </div>
<div class="rc-button">
</div>
</div>
<div class="rc-button">
<span @click="openclose()">取消</span> <span @click="openclose()">取消</span>
<em @click="openclose()">确认</em> <em @click="openclose()">确认</em>
</div> </div>
</div>
</div>
</div> </div>
</div> </div>
<el-dialog :visible.sync="dialogInfo1" hegight="700px" v-if="!isadrond"> <el-dialog :visible.sync="dialogInfo1" hegight="700px" v-if="!isadrond">
@ -313,13 +312,11 @@
</el-dialog> </el-dialog>
</div> </div>
<!-- rc-main end --> <!-- rc-main end -->
<MyFooter></MyFooter>
</div> </div>
</template> </template>
<script> <script>
import Myheader from "~/components/header.vue"; import Myheader from "~/components/header.vue";
import MyFooter from '~/components/rc-footer.vue'
import { biaome, userstype, searchchanpin } from "../../ajax/getData"; import { biaome, userstype, searchchanpin } from "../../ajax/getData";
export default { export default {
data() { data() {
@ -523,7 +520,6 @@ export default {
}, },
components: { components: {
Myheader, Myheader,
MyFooter
}, },
mounted() { mounted() {
this.usetmessage(); this.usetmessage();
@ -599,13 +595,9 @@ export default {
if (element.name == "品种") { if (element.name == "品种") {
pinzhong.push(element); pinzhong.push(element);
this.catageb = pinzhong; this.catageb = pinzhong;
this.catageb=this.catageb.sort((n1,n2)=>{
return n1.sort-n2.sort;
})
this.catageb.forEach((element) => { this.catageb.forEach((element) => {
element.checked = false; element.checked = false;
}); });
// console.log(this.catageb);
} }
if (element.name == "功能") { if (element.name == "功能") {
gonneg.push(element); gonneg.push(element);
@ -613,7 +605,6 @@ export default {
this.catagea.forEach((element) => { this.catagea.forEach((element) => {
element.checked = false; element.checked = false;
}); });
console.log(this.catagea);
} }
if (element.name == "年龄") { if (element.name == "年龄") {
age.push(element); age.push(element);
@ -840,9 +831,6 @@ export default {
this.usetmessage(item.title); this.usetmessage(item.title);
}, },
selectage(item, index) { selectage(item, index) {
if(this.activeIndex=='-1'){
this.activeIndex=0;
}
// debugger; // debugger;
// this.userishwo1 = !this.userishwo1; // this.userishwo1 = !this.userishwo1;
let tagUsedAge = {}; let tagUsedAge = {};
@ -875,9 +863,6 @@ export default {
this.activeIndexc = index; this.activeIndexc = index;
}, },
selectagc(item, index) { selectagc(item, index) {
if(this.activeIndex=='-1'){
this.activeIndex=0;
}
// let tagFunction = { // let tagFunction = {
// petType: this.activeIndex1, // petType: this.activeIndex1,
// tagFunction: item.tagName, // tagFunction: item.tagName,
@ -901,9 +886,6 @@ export default {
this.activeIndexd = index; this.activeIndexd = index;
}, },
selectagd(item, index) { selectagd(item, index) {
if(this.activeIndex=='-1'){
this.activeIndex=0;
}
let tagBreed = {}; let tagBreed = {};
if (item.checked == false) { if (item.checked == false) {
item.checked = true; item.checked = true;
@ -934,10 +916,6 @@ export default {
}, },
selectproduct(item, index) { selectproduct(item, index) {
this.activeIndexb = index; this.activeIndexb = index;
console.log(this.activeIndex);
if(this.activeIndex=='-1'){
this.activeIndex=0;
}
if (item.checked == false) { if (item.checked == false) {
item.checked = true; item.checked = true;
this.$refs.chosebox[index].className = "active"; this.$refs.chosebox[index].className = "active";

BIN
rc-busness/static/images/banner/four.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 50 KiB

After

Width:  |  Height:  |  Size: 85 KiB

BIN
rc-busness/static/images/banner/one.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 90 KiB

After

Width:  |  Height:  |  Size: 170 KiB

BIN
rc-busness/static/images/banner/three.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 60 KiB

After

Width:  |  Height:  |  Size: 1.0 MiB

BIN
rc-busness/static/images/banner/two.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 66 KiB

After

Width:  |  Height:  |  Size: 286 KiB