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

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

Browse Source
This commit is contained in:
Vion 2022-01-08 11:11:47 +08:00
commit 82e02dbc0b
23 changed files with 2043 additions and 213 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -131,11 +131,11 @@ export const mostAddClass = (id) => {
/** /**
* 筛选标签 * 筛选标签
*/ */
export const userstype = (mobile, pet,address) => { export const userstype = (stype, pet,address) => {
var data = { var data = {
petType:0,
} }
return fetch('productSearchTag/query', data, 'POST' ) return fetch('productSearchTag/query?petType=' + 0, data, 'POST' )
} }
/** /**
* 登录 * 登录
@ -201,18 +201,62 @@ export const userque = (stype) => {
//标品全部信息 //标品全部信息
export const biaomessage = (stype) => { export const biaomessage = (stype,name) => {
console.log(stype); console.log(stype);
var data = { var data = {
petType:stype petType:stype,
page:1,
row:10
} }
return fetch('product/query?petType='+stype, data, 'POST' ) return fetch('product/query?petType='+stype, data, 'POST' )
} }
export const searchchanpin = (stype,categoryName,tagUsedAge,tagFunction,tagBreed) => {
console.log(stype);
var data = {
petType:stype,
page:1,
row:10
}
// return fetch('product/query?petType='+stype+'&categoryName='+categoryName+'&tagUsedAge='+tagUsedAge+'&tagFunction='+tagFunction+'&tagBreed='+tagBreed, data, 'POST' )
}
//查询订单
export const userindent = (phoneNumber,orderNumber,) => {
var data = {
phoneNumber:'18112621098',
orderNumber:orderNumber,
}
return fetch('orderMaster/?type=query', data, 'POST' )
}
//查询订单详情
export const userin = (orderNumber,) => {
var data = {
orderNumber:orderNumber,
}
return fetch('orderMaster/?type=query', data, 'POST' )
}
//取消订单
export const canceldanhao = (orderNumber) => {
var data = {
orderNumber:orderNumber,
}
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,
row:10
} }
return fetch('product/query', data, 'POST' ) return fetch('product/query', data, 'POST' )
} }
@ -356,7 +400,6 @@ export const goodsmessage = (productCode) => {
//用户领取的优惠券 //用户领取的优惠券
export const getdraw = (mobile,states) => { export const getdraw = (mobile,states) => {
var data = { var data = {
channelSecurity:'H5@2021',
mobile:mobile, mobile:mobile,
status:states status:states
} }
@ -403,17 +446,17 @@ export const goodsmessage = (productCode) => {
//用户订单的查询 //用户订单的查询
export const customerorders = (memberId,channelSecurity,mobile) => { // export const customerorders = (memberId,channelSecurity,mobile) => {
var data = { // var data = {
productName:'幼猫全价粮', // productName:'幼猫全价粮',
buyCount:'2', // buyCount:'2',
productId:'210352', // productId:'210352',
payAmount:'517', // payAmount:'517',
memberId:'844350', // memberId:'844350',
phoneNumber:'18112621098', // phoneNumber:'18112621098',
} // }
return fetch('generateOrderWX', data, 'POST' ) // return fetch('generateOrderWX', data, 'POST' )
} // }
//地址的查询 //地址的查询

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

@ -68,7 +68,7 @@ export default {
align-items: center; align-items: center;
height: 70px; height: 70px;
background-color: white; background-color: white;
z-index: 994; z-index: 9999 ;
.rc-center{ .rc-center{
display: none; display: none;
} }

20
rc-busness/components/magnifier.vue
View File

@ -14,7 +14,7 @@
<div class="show_box"> <div class="show_box">
<ul class="picture_container" ref="middlePicture"> <ul class="picture_container" ref="middlePicture">
<li class="picture_item" @click="tabPicture(item,index)" v-for="(item, index) in pictureList" :key="index"> <li class="picture_item" @click="tabPicture(item,index)" v-for="(item, index) in pictureList" :key="index">
<img :src="item.url" class="small_img" alt=""> <img :src="item.attachmentPath" class="small_img" alt="">
</li> </li>
</ul> </ul>
</div> </div>
@ -92,17 +92,23 @@ export default {
} }
}, },
created() { created() {
let user= JSON.parse(localStorage.getItem("message"));
if (this.imgList && this.imgList.length) { console.log(user);
this.pictureList = this.imgList if(user!==null){
this.pictureList=user;
} }
this.middleImg = this.pictureList[0].url if (user && user.length) {
this.pictureList = user
}
this.middleImg = this.pictureList[0].attachmentPath;
console.log(this.middleImg);
// 计算缩略图的宽度,默认是显示4张图片,两边箭头的宽度和为50 // 计算缩略图的宽度,默认是显示4张图片,两边箭头的宽度和为50
// this.itemWidth = (this.middleImgWidth-30) / 2 // this.itemWidth = (this.middleImgWidth-30) / 2
}, },
mounted() { mounted() {
console.log(this.parentmsg)
this.ifadroind(); this.ifadroind();
this.$nextTick(() => { this.$nextTick(() => {
@ -236,7 +242,7 @@ this.ifadroind();
}, },
// 切换图片 // 切换图片
tabPicture (item,index) { tabPicture (item,index) {
this.middleImg = item.url this.middleImg = item.attachmentPath
this.$emit('changeName',item) this.$emit('changeName',item)
console.log(item,index) console.log(item,index)
}, },

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

@ -24,7 +24,7 @@
<img :src="istrue?require('../assets/image/onbottom.png'):require('../assets/image/ontop.png')" alt="" > <img :src="istrue?require('../assets/image/onbottom.png'):require('../assets/image/ontop.png')" alt="" >
</div> </div>
<ul ref="variety"> <ul ref="variety">
<li>产品</li>
<li>品种</li> <li>品种</li>
<li>想养只猫</li> <li>想养只猫</li>
<li>幼猫</li> <li>幼猫</li>

457
rc-busness/package-lock.json generated
View File

@ -19,6 +19,7 @@
"less-loader": "^6.0.0", "less-loader": "^6.0.0",
"nuxt": "^2.15.7", "nuxt": "^2.15.7",
"nuxt-tailvue": "^1.0.95", "nuxt-tailvue": "^1.0.95",
"postcss-px2rem": "^0.3.0",
"postcss-pxtorem": "^6.0.0", "postcss-pxtorem": "^6.0.0",
"qrcodejs2": "^0.0.2", "qrcodejs2": "^0.0.2",
"vant": "^2.12.22", "vant": "^2.12.22",
@ -4709,6 +4710,17 @@
"node": "*" "node": "*"
} }
}, },
"node_modules/css": {
"version": "2.2.4",
"resolved": "https://registry.npmjs.org/css/-/css-2.2.4.tgz",
"integrity": "sha512-oUnjmWpy0niI3x/mPL8dVEI1l7MnG3+HHyRPHf+YFSbK+svOhXpmSOcDURUh2aOCgl2grzrOPt1nHLuCVFULLw==",
"dependencies": {
"inherits": "^2.0.3",
"source-map": "^0.6.1",
"source-map-resolve": "^0.5.2",
"urix": "^0.1.0"
}
},
"node_modules/css-blank-pseudo": { "node_modules/css-blank-pseudo": {
"version": "0.1.4", "version": "0.1.4",
"resolved": "https://registry.npmjs.org/css-blank-pseudo/-/css-blank-pseudo-0.1.4.tgz", "resolved": "https://registry.npmjs.org/css-blank-pseudo/-/css-blank-pseudo-0.1.4.tgz",
@ -5075,6 +5087,14 @@
"url": "https://github.com/sponsors/fb55" "url": "https://github.com/sponsors/fb55"
} }
}, },
"node_modules/css/node_modules/source-map": {
"version": "0.6.1",
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
"integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/cssdb": { "node_modules/cssdb": {
"version": "4.4.0", "version": "4.4.0",
"resolved": "https://registry.npmjs.org/cssdb/-/cssdb-4.4.0.tgz", "resolved": "https://registry.npmjs.org/cssdb/-/cssdb-4.4.0.tgz",
@ -5940,6 +5960,11 @@
"resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
"integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=" "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
}, },
"node_modules/extend": {
"version": "3.0.2",
"resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
"integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g=="
},
"node_modules/extend-shallow": { "node_modules/extend-shallow": {
"version": "2.0.1", "version": "2.0.1",
"resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
@ -7846,6 +7871,11 @@
"resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.0.tgz", "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.0.tgz",
"integrity": "sha512-JVzAR/AjBvVt2BmYhxRCSYysDsPcssdmTFnzyLEts9qNwmjmu4JTAMYubEfwVOSwpQ1I1sKKFcxhZCI2buerfw==" "integrity": "sha512-JVzAR/AjBvVt2BmYhxRCSYysDsPcssdmTFnzyLEts9qNwmjmu4JTAMYubEfwVOSwpQ1I1sKKFcxhZCI2buerfw=="
}, },
"node_modules/js-base64": {
"version": "2.6.4",
"resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.6.4.tgz",
"integrity": "sha512-pZe//GGmwJndub7ZghVHz7vjb2LgC1m8B07Au3eYqeqv9emhESByMXxaEgkUkEqJe87oBbSniGYoQNIBklc7IQ=="
},
"node_modules/js-tokens": { "node_modules/js-tokens": {
"version": "4.0.0", "version": "4.0.0",
"resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@ -8752,6 +8782,12 @@
"integrity": "sha512-uZ5rQaeRn15XmpgE0xoPL8YWqcX90VtCFglYwAgkvKM5e8fog+vePLAhHxuuv/gRkrQxIeh5U3q9sMNUrENqWw==", "integrity": "sha512-uZ5rQaeRn15XmpgE0xoPL8YWqcX90VtCFglYwAgkvKM5e8fog+vePLAhHxuuv/gRkrQxIeh5U3q9sMNUrENqWw==",
"optional": true "optional": true
}, },
"node_modules/natives": {
"version": "1.1.6",
"resolved": "https://registry.npmjs.org/natives/-/natives-1.1.6.tgz",
"integrity": "sha512-6+TDFewD4yxY14ptjKaS63GVdtKiES1pTPyxn9Jb0rBqPMZ7VcCiooEhPNsr+mqHtMGxa/5c/HhcC4uPEUw/nA==",
"deprecated": "This module relies on Node.js's internals and will break at some point. Do not use it, and update to graceful-fs@4.x."
},
"node_modules/needle": { "node_modules/needle": {
"version": "2.9.1", "version": "2.9.1",
"resolved": "https://registry.npmjs.org/needle/-/needle-2.9.1.tgz", "resolved": "https://registry.npmjs.org/needle/-/needle-2.9.1.tgz",
@ -12112,6 +12148,98 @@
"node": ">=0.10.0" "node": ">=0.10.0"
} }
}, },
"node_modules/postcss-px2rem": {
"version": "0.3.0",
"resolved": "https://registry.npmjs.org/postcss-px2rem/-/postcss-px2rem-0.3.0.tgz",
"integrity": "sha1-DfpOiiaPp0eCc/DEtHxhmDSJQEE=",
"dependencies": {
"postcss": "^5.0.0",
"px2rem": "~0.5.0"
}
},
"node_modules/postcss-px2rem/node_modules/ansi-regex": {
"version": "2.1.1",
"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
"integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/postcss-px2rem/node_modules/ansi-styles": {
"version": "2.2.1",
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
"integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=",
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/postcss-px2rem/node_modules/chalk": {
"version": "1.1.3",
"resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
"integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
"dependencies": {
"ansi-styles": "^2.2.1",
"escape-string-regexp": "^1.0.2",
"has-ansi": "^2.0.0",
"strip-ansi": "^3.0.0",
"supports-color": "^2.0.0"
},
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/postcss-px2rem/node_modules/chalk/node_modules/supports-color": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
"integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
"engines": {
"node": ">=0.8.0"
}
},
"node_modules/postcss-px2rem/node_modules/has-flag": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-1.0.0.tgz",
"integrity": "sha1-nZ55MWXOAXoA8AQYxD+UKnsdEfo=",
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/postcss-px2rem/node_modules/postcss": {
"version": "5.2.18",
"resolved": "https://registry.npmjs.org/postcss/-/postcss-5.2.18.tgz",
"integrity": "sha512-zrUjRRe1bpXKsX1qAJNJjqZViErVuyEkMTRrwu4ud4sbTtIBRmtaYDrHmcGgmrbsW3MHfmtIf+vJumgQn+PrXg==",
"dependencies": {
"chalk": "^1.1.3",
"js-base64": "^2.1.9",
"source-map": "^0.5.6",
"supports-color": "^3.2.3"
},
"engines": {
"node": ">=0.12"
}
},
"node_modules/postcss-px2rem/node_modules/strip-ansi": {
"version": "3.0.1",
"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
"integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
"dependencies": {
"ansi-regex": "^2.0.0"
},
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/postcss-px2rem/node_modules/supports-color": {
"version": "3.2.3",
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-3.2.3.tgz",
"integrity": "sha1-ZawFBLOVQXHYpklGsq48u4pfVPY=",
"dependencies": {
"has-flag": "^1.0.0"
},
"engines": {
"node": ">=0.8.0"
}
},
"node_modules/postcss-pxtorem": { "node_modules/postcss-pxtorem": {
"version": "6.0.0", "version": "6.0.0",
"resolved": "https://registry.npmjs.org/postcss-pxtorem/-/postcss-pxtorem-6.0.0.tgz", "resolved": "https://registry.npmjs.org/postcss-pxtorem/-/postcss-pxtorem-6.0.0.tgz",
@ -12632,6 +12760,134 @@
"node": ">=6" "node": ">=6"
} }
}, },
"node_modules/px2rem": {
"version": "0.5.0",
"resolved": "https://registry.npmjs.org/px2rem/-/px2rem-0.5.0.tgz",
"integrity": "sha1-JLOmz3TRSttO13byB4cdmJPkEOI=",
"dependencies": {
"chalk": "~0.5.1",
"commander": "~2.6.0",
"css": "~2.2.0",
"extend": "~3.0.0",
"fs-extra": "~0.16.3"
},
"bin": {
"px2rem": "bin/px2rem.js"
}
},
"node_modules/px2rem/node_modules/ansi-regex": {
"version": "0.2.1",
"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-0.2.1.tgz",
"integrity": "sha1-DY6UaWej2BQ/k+JOKYUl/BsiNfk=",
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/px2rem/node_modules/ansi-styles": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-1.1.0.tgz",
"integrity": "sha1-6uy/Zs1waIJ2Cy9GkVgrj1XXp94=",
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/px2rem/node_modules/chalk": {
"version": "0.5.1",
"resolved": "https://registry.npmjs.org/chalk/-/chalk-0.5.1.tgz",
"integrity": "sha1-Zjs6ZItotV0EaQ1JFnqoN4WPIXQ=",
"dependencies": {
"ansi-styles": "^1.1.0",
"escape-string-regexp": "^1.0.0",
"has-ansi": "^0.1.0",
"strip-ansi": "^0.3.0",
"supports-color": "^0.2.0"
},
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/px2rem/node_modules/commander": {
"version": "2.6.0",
"resolved": "https://registry.npmjs.org/commander/-/commander-2.6.0.tgz",
"integrity": "sha1-nfflL7Kgyw+4kFjugMMQQiXzfh0=",
"engines": {
"node": ">= 0.6.x"
}
},
"node_modules/px2rem/node_modules/fs-extra": {
"version": "0.16.5",
"resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-0.16.5.tgz",
"integrity": "sha1-GtZh+myGyWCM0bSe/G/Og0k5p1A=",
"dependencies": {
"graceful-fs": "^3.0.5",
"jsonfile": "^2.0.0",
"rimraf": "^2.2.8"
}
},
"node_modules/px2rem/node_modules/graceful-fs": {
"version": "3.0.12",
"resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-3.0.12.tgz",
"integrity": "sha512-J55gaCS4iTTJfTXIxSVw3EMQckcqkpdRv3IR7gu6sq0+tbC363Zx6KH/SEwXASK9JRbhyZmVjJEVJIOxYsB3Qg==",
"dependencies": {
"natives": "^1.1.3"
},
"engines": {
"node": ">=0.4.0"
}
},
"node_modules/px2rem/node_modules/has-ansi": {
"version": "0.1.0",
"resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-0.1.0.tgz",
"integrity": "sha1-hPJlqujA5qiKEtcCKJS3VoiUxi4=",
"dependencies": {
"ansi-regex": "^0.2.0"
},
"bin": {
"has-ansi": "cli.js"
},
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/px2rem/node_modules/jsonfile": {
"version": "2.4.0",
"resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-2.4.0.tgz",
"integrity": "sha1-NzaitCi4e72gzIO1P6PWM6NcKug=",
"optionalDependencies": {
"graceful-fs": "^4.1.6"
}
},
"node_modules/px2rem/node_modules/jsonfile/node_modules/graceful-fs": {
"version": "4.2.9",
"resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.9.tgz",
"integrity": "sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ==",
"optional": true
},
"node_modules/px2rem/node_modules/strip-ansi": {
"version": "0.3.0",
"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-0.3.0.tgz",
"integrity": "sha1-JfSOoiynkYfzF0pNuHWTR7sSYiA=",
"dependencies": {
"ansi-regex": "^0.2.1"
},
"bin": {
"strip-ansi": "cli.js"
},
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/px2rem/node_modules/supports-color": {
"version": "0.2.0",
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-0.2.0.tgz",
"integrity": "sha1-2S3iaU6z9nMjlz1649i1W0wiGQo=",
"bin": {
"supports-color": "cli.js"
},
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/q": { "node_modules/q": {
"version": "1.5.1", "version": "1.5.1",
"resolved": "https://registry.npmjs.org/q/-/q-1.5.1.tgz", "resolved": "https://registry.npmjs.org/q/-/q-1.5.1.tgz",
@ -19854,6 +20110,24 @@
"randomfill": "^1.0.3" "randomfill": "^1.0.3"
} }
}, },
"css": {
"version": "2.2.4",
"resolved": "https://registry.npmjs.org/css/-/css-2.2.4.tgz",
"integrity": "sha512-oUnjmWpy0niI3x/mPL8dVEI1l7MnG3+HHyRPHf+YFSbK+svOhXpmSOcDURUh2aOCgl2grzrOPt1nHLuCVFULLw==",
"requires": {
"inherits": "^2.0.3",
"source-map": "^0.6.1",
"source-map-resolve": "^0.5.2",
"urix": "^0.1.0"
},
"dependencies": {
"source-map": {
"version": "0.6.1",
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
"integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
}
}
},
"css-blank-pseudo": { "css-blank-pseudo": {
"version": "0.1.4", "version": "0.1.4",
"resolved": "https://registry.npmjs.org/css-blank-pseudo/-/css-blank-pseudo-0.1.4.tgz", "resolved": "https://registry.npmjs.org/css-blank-pseudo/-/css-blank-pseudo-0.1.4.tgz",
@ -20792,6 +21066,11 @@
} }
} }
}, },
"extend": {
"version": "3.0.2",
"resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
"integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g=="
},
"extend-shallow": { "extend-shallow": {
"version": "2.0.1", "version": "2.0.1",
"resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
@ -22183,6 +22462,11 @@
"resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.0.tgz", "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.0.tgz",
"integrity": "sha512-JVzAR/AjBvVt2BmYhxRCSYysDsPcssdmTFnzyLEts9qNwmjmu4JTAMYubEfwVOSwpQ1I1sKKFcxhZCI2buerfw==" "integrity": "sha512-JVzAR/AjBvVt2BmYhxRCSYysDsPcssdmTFnzyLEts9qNwmjmu4JTAMYubEfwVOSwpQ1I1sKKFcxhZCI2buerfw=="
}, },
"js-base64": {
"version": "2.6.4",
"resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.6.4.tgz",
"integrity": "sha512-pZe//GGmwJndub7ZghVHz7vjb2LgC1m8B07Au3eYqeqv9emhESByMXxaEgkUkEqJe87oBbSniGYoQNIBklc7IQ=="
},
"js-tokens": { "js-tokens": {
"version": "4.0.0", "version": "4.0.0",
"resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@ -22886,6 +23170,11 @@
"integrity": "sha512-uZ5rQaeRn15XmpgE0xoPL8YWqcX90VtCFglYwAgkvKM5e8fog+vePLAhHxuuv/gRkrQxIeh5U3q9sMNUrENqWw==", "integrity": "sha512-uZ5rQaeRn15XmpgE0xoPL8YWqcX90VtCFglYwAgkvKM5e8fog+vePLAhHxuuv/gRkrQxIeh5U3q9sMNUrENqWw==",
"optional": true "optional": true
}, },
"natives": {
"version": "1.1.6",
"resolved": "https://registry.npmjs.org/natives/-/natives-1.1.6.tgz",
"integrity": "sha512-6+TDFewD4yxY14ptjKaS63GVdtKiES1pTPyxn9Jb0rBqPMZ7VcCiooEhPNsr+mqHtMGxa/5c/HhcC4uPEUw/nA=="
},
"needle": { "needle": {
"version": "2.9.1", "version": "2.9.1",
"resolved": "https://registry.npmjs.org/needle/-/needle-2.9.1.tgz", "resolved": "https://registry.npmjs.org/needle/-/needle-2.9.1.tgz",
@ -25422,6 +25711,78 @@
} }
} }
}, },
"postcss-px2rem": {
"version": "0.3.0",
"resolved": "https://registry.npmjs.org/postcss-px2rem/-/postcss-px2rem-0.3.0.tgz",
"integrity": "sha1-DfpOiiaPp0eCc/DEtHxhmDSJQEE=",
"requires": {
"postcss": "^5.0.0",
"px2rem": "~0.5.0"
},
"dependencies": {
"ansi-regex": {
"version": "2.1.1",
"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
"integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8="
},
"ansi-styles": {
"version": "2.2.1",
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
"integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4="
},
"chalk": {
"version": "1.1.3",
"resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
"integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
"requires": {
"ansi-styles": "^2.2.1",
"escape-string-regexp": "^1.0.2",
"has-ansi": "^2.0.0",
"strip-ansi": "^3.0.0",
"supports-color": "^2.0.0"
},
"dependencies": {
"supports-color": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
"integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc="
}
}
},
"has-flag": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-1.0.0.tgz",
"integrity": "sha1-nZ55MWXOAXoA8AQYxD+UKnsdEfo="
},
"postcss": {
"version": "5.2.18",
"resolved": "https://registry.npmjs.org/postcss/-/postcss-5.2.18.tgz",
"integrity": "sha512-zrUjRRe1bpXKsX1qAJNJjqZViErVuyEkMTRrwu4ud4sbTtIBRmtaYDrHmcGgmrbsW3MHfmtIf+vJumgQn+PrXg==",
"requires": {
"chalk": "^1.1.3",
"js-base64": "^2.1.9",
"source-map": "^0.5.6",
"supports-color": "^3.2.3"
}
},
"strip-ansi": {
"version": "3.0.1",
"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
"integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
"requires": {
"ansi-regex": "^2.0.0"
}
},
"supports-color": {
"version": "3.2.3",
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-3.2.3.tgz",
"integrity": "sha1-ZawFBLOVQXHYpklGsq48u4pfVPY=",
"requires": {
"has-flag": "^1.0.0"
}
}
}
},
"postcss-pxtorem": { "postcss-pxtorem": {
"version": "6.0.0", "version": "6.0.0",
"resolved": "https://registry.npmjs.org/postcss-pxtorem/-/postcss-pxtorem-6.0.0.tgz", "resolved": "https://registry.npmjs.org/postcss-pxtorem/-/postcss-pxtorem-6.0.0.tgz",
@ -25835,6 +26196,102 @@
"resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz", "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
"integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==" "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A=="
}, },
"px2rem": {
"version": "0.5.0",
"resolved": "https://registry.npmjs.org/px2rem/-/px2rem-0.5.0.tgz",
"integrity": "sha1-JLOmz3TRSttO13byB4cdmJPkEOI=",
"requires": {
"chalk": "~0.5.1",
"commander": "~2.6.0",
"css": "~2.2.0",
"extend": "~3.0.0",
"fs-extra": "~0.16.3"
},
"dependencies": {
"ansi-regex": {
"version": "0.2.1",
"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-0.2.1.tgz",
"integrity": "sha1-DY6UaWej2BQ/k+JOKYUl/BsiNfk="
},
"ansi-styles": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-1.1.0.tgz",
"integrity": "sha1-6uy/Zs1waIJ2Cy9GkVgrj1XXp94="
},
"chalk": {
"version": "0.5.1",
"resolved": "https://registry.npmjs.org/chalk/-/chalk-0.5.1.tgz",
"integrity": "sha1-Zjs6ZItotV0EaQ1JFnqoN4WPIXQ=",
"requires": {
"ansi-styles": "^1.1.0",
"escape-string-regexp": "^1.0.0",
"has-ansi": "^0.1.0",
"strip-ansi": "^0.3.0",
"supports-color": "^0.2.0"
}
},
"commander": {
"version": "2.6.0",
"resolved": "https://registry.npmjs.org/commander/-/commander-2.6.0.tgz",
"integrity": "sha1-nfflL7Kgyw+4kFjugMMQQiXzfh0="
},
"fs-extra": {
"version": "0.16.5",
"resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-0.16.5.tgz",
"integrity": "sha1-GtZh+myGyWCM0bSe/G/Og0k5p1A=",
"requires": {
"graceful-fs": "^3.0.5",
"jsonfile": "^2.0.0",
"rimraf": "^2.2.8"
}
},
"graceful-fs": {
"version": "3.0.12",
"resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-3.0.12.tgz",
"integrity": "sha512-J55gaCS4iTTJfTXIxSVw3EMQckcqkpdRv3IR7gu6sq0+tbC363Zx6KH/SEwXASK9JRbhyZmVjJEVJIOxYsB3Qg==",
"requires": {
"natives": "^1.1.3"
}
},
"has-ansi": {
"version": "0.1.0",
"resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-0.1.0.tgz",
"integrity": "sha1-hPJlqujA5qiKEtcCKJS3VoiUxi4=",
"requires": {
"ansi-regex": "^0.2.0"
}
},
"jsonfile": {
"version": "2.4.0",
"resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-2.4.0.tgz",
"integrity": "sha1-NzaitCi4e72gzIO1P6PWM6NcKug=",
"requires": {
"graceful-fs": "^4.1.6"
},
"dependencies": {
"graceful-fs": {
"version": "4.2.9",
"resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.9.tgz",
"integrity": "sha512-NtNxqUcXgpW2iMrfqSfR73Glt39K+BLwWsPs94yR63v45T0Wbej7eRmL5cWfwEgqXnmjQp3zaJTshdRW/qC2ZQ==",
"optional": true
}
}
},
"strip-ansi": {
"version": "0.3.0",
"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-0.3.0.tgz",
"integrity": "sha1-JfSOoiynkYfzF0pNuHWTR7sSYiA=",
"requires": {
"ansi-regex": "^0.2.1"
}
},
"supports-color": {
"version": "0.2.0",
"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-0.2.0.tgz",
"integrity": "sha1-2S3iaU6z9nMjlz1649i1W0wiGQo="
}
}
},
"q": { "q": {
"version": "1.5.1", "version": "1.5.1",
"resolved": "https://registry.npmjs.org/q/-/q-1.5.1.tgz", "resolved": "https://registry.npmjs.org/q/-/q-1.5.1.tgz",

3
rc-busness/package.json
View File

@ -26,8 +26,9 @@
"less-loader": "^6.0.0", "less-loader": "^6.0.0",
"nuxt": "^2.15.7", "nuxt": "^2.15.7",
"nuxt-tailvue": "^1.0.95", "nuxt-tailvue": "^1.0.95",
"postcss-px2rem": "^0.3.0",
"postcss-pxtorem": "^6.0.0",
"qrcodejs2": "^0.0.2", "qrcodejs2": "^0.0.2",
"swiper": "^5.4.5",
"vant": "^2.12.22", "vant": "^2.12.22",
"vue-awesome-swiper": "^4.1.1", "vue-awesome-swiper": "^4.1.1",
"vuex-persistedstate": "^4.1.0" "vuex-persistedstate": "^4.1.0"

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

@ -35,7 +35,7 @@
<div class="rc-main"> <div class="rc-main">
<div class="usermain"> <div class="usermain">
<div class="rc-ma"> <div class="rc-ma">
<ul class="ul-zhuan"> <ul :class="searchBar?'ul-zhuan':'searchBara'" >
<li <li
@ -61,12 +61,10 @@
<h2>明星猫粮</h2> <h2>明星猫粮</h2>
<!-- 轮播图 --> <!-- 轮播图 -->
<swiper :options="swiperOption"> <swiper :options="swiperOption">
<swiper-slide class="swiper-slide" v-for="(item, key) in userlist" :key="key" > <swiper-slide class="swiper-slide" v-for="(item, key) in catlistvideo" :key="key" >
<div class="rc-video"> <div class="rc-video">
<div class="uservideo"> <div class="uservideo">
<video :src="item.video"
>
</video>
</div> </div>
<div class="rc-right"> <div class="rc-right">
@ -80,8 +78,8 @@
<div class="sw-center" > <div class="sw-center" >
<div class="rc-click" @click="selectproduce(item,index)"> <div class="rc-click" @click="selectproduce(item,index)">
<div class="uservideo"> <div class="uservideo">
<video width="320" height="240" controls="controls"> <video width="300px" height="251" controls="controls">
<source src="../assets/cat/one.mp4" type="video/ogg" autoplay> <source :src= item.video type="video/ogg" autoplay>
</video> </video>
</div> </div>
@ -121,14 +119,16 @@
<span>{{item.name}}</span> <span>{{item.name}}</span>
<i>{{item.price}}</i> <i>{{item.price}}</i>
</div> </div>
<strong @click="userbuy(item,index)">立即购买</strong> <strong @click="selectproduce(item,index)">立即购买</strong>
</li> </li>
</ul> </ul>
<nuxt-link :to="`/productdetails/productlist/`">
<div class="userserlect"> <div class="userserlect">
<span @click="userlook(0)">查看更多</span> <span>查看更多</span>
</div> </div>
</nuxt-link>
@ -187,11 +187,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="online" style="height:3px;width:100%;background:#DDDDDD;margin-top:0.33rem"></div> <div class="online" style="height:3px;width:100%;background:#DDDDDD;margin-top:0.33rem"></div>
<div class="selectionswitch"> <div class="selectionswitch">
<h2>全价猫干粮</h2> <h2>全价猫干粮</h2>
@ -207,14 +203,16 @@
<span>{{item.name}}</span> <span>{{item.name}}</span>
<i>{{item.price}}</i> <i>{{item.price}}</i>
</div> </div>
<strong @click="userbuy(item,index)">立即购买</strong> <strong @click="selectproduce(item,index)">立即购买</strong>
</li> </li>
</ul> </ul>
<nuxt-link :to="`/productdetails/productlist/`">
<div class="userserlect"> <div class="userserlect">
<span @click="userlook(1)">查看更多</span> <span>查看更多</span>
</div> </div>
</nuxt-link>
</div> </div>
</van-tab> </van-tab>
@ -260,7 +258,7 @@
</li> </li>
</ul> </ul>
<nuxt-link :to="`/productdetails/productlist/`"> <nuxt-link :to="`/productdetails/productlist/`">
<div class="userserlect"> <div class="userserlect">
<span>查看更多</span> <span>查看更多</span>
</div> </div>
@ -278,8 +276,8 @@
<div class="selectionswitch"> <div class="selectionswitch">
<h2>全价犬湿粮</h2> <h2>全价犬湿粮</h2>
<van-tabs @change='userclick' class="van-tabs"> <van-tabs @change='userdog' class="van-tabs">
<van-tab v-for="(item,index) in discoun" :key="index" :title="item.title"> <van-tab v-for="(item,index) in dogtype" :key="index" :title="item.title">
<div class="rc-contair"> <div class="rc-contair">
<ul> <ul>
<li v-for="(item,index) in dogshi" :key="index"> <li v-for="(item,index) in dogshi" :key="index">
@ -290,14 +288,16 @@
<span>{{item.name}}</span> <span>{{item.name}}</span>
<i>{{item.price}}</i> <i>{{item.price}}</i>
</div> </div>
<strong @click="userbuy(item,index)">立即购买</strong> <strong @click="selectproduce(item,index)">立即购买</strong>
</li> </li>
</ul> </ul>
<div class="userserlect" @click="userlook(2)"> <nuxt-link :to="`/productdetails/productlist/`">
<div class="userserlect">
<span>查看更多</span> <span>查看更多</span>
</div> </div>
</nuxt-link>
@ -346,7 +346,7 @@
</li> </li>
</ul> </ul>
<nuxt-link :to="`/productdetails/productlist/`"> <nuxt-link :to="`/productdetails/productlist/`">
<div class="userserlect"> <div class="userserlect">
<span>查看更多</span> <span>查看更多</span>
</div> </div>
@ -363,8 +363,8 @@
<div class="online" style="height:3px;width:100%;background:#DDDDDD;margin-top:0.33rem"></div> <div class="online" style="height:3px;width:100%;background:#DDDDDD;margin-top:0.33rem"></div>
<div class="selectionswitch"> <div class="selectionswitch">
<h2>全价犬干粮</h2> <h2>全价犬干粮</h2>
<van-tabs @change='userclick' class="van-tabs"> <van-tabs @change='userdog' class="van-tabs">
<van-tab v-for="(item,index) in doggan" :key="index" :title="item.title"> <van-tab v-for="(item,index) in dogtype" :key="index" :title="item.title">
<div class="rc-contair"> <div class="rc-contair">
<ul> <ul>
<li v-for="(item,index) in doggan" :key="index"> <li v-for="(item,index) in doggan" :key="index">
@ -375,13 +375,15 @@
<span>{{item.name}}</span> <span>{{item.name}}</span>
<i>{{item.price}}</i> <i>{{item.price}}</i>
</div> </div>
<strong @click="userbuy(item,index)">立即购买</strong> <strong @click="selectproduce(item,index)">立即购买</strong>
</li> </li>
</ul> </ul>
<div class="userserlect" @click="userlook(3)"> <nuxt-link :to="`/productdetails/productlist/`">
<div class="userserlect">
<span>查看更多</span> <span>查看更多</span>
</div> </div>
</nuxt-link>
@ -426,7 +428,7 @@
</div> </div>
<span>{{item.title}}</span> <span>{{item.title}}</span>
<i>{{item.price}}</i> <i>{{item.price}}</i>
<strong @click="userbuy(item,index)">立即购买</strong> <strong @click="selectproduce(item,index)">立即购买</strong>
</li> </li>
</ul> </ul>
@ -460,14 +462,16 @@
<span>{{item.productName}}</span> <span>{{item.productName}}</span>
<!-- <i>￥{{item.basePrice}}</i> --> <!-- <i>￥{{item.basePrice}}</i> -->
</div> </div>
<strong @click="userbuy(item,index)">立即购买</strong> <strong @click="selectproduce(item,index)">立即购买</strong>
</li> </li>
</ul> </ul>
<div class="userserlect" @click="userlook(4)"> <nuxt-link :to="`/productdetails/productlist/`">
<div class="userserlect">
<span>查看更多</span> <span>查看更多</span>
</div> </div>
</nuxt-link>
@ -512,11 +516,11 @@
</div> </div>
<span>{{item.title}}</span> <span>{{item.title}}</span>
<i>{{item.price}}</i> <i>{{item.price}}</i>
<strong @click="userbuy(item,index)">立即购买</strong> <strong @click="selectproduce(item,index)">立即购买</strong>
</li> </li>
</ul> </ul>
<nuxt-link :to="`/productdetails/productlist/`"> <nuxt-link :to="`/productdetails/productlist/`">
<div class="userserlect"> <div class="userserlect">
<span>查看更多</span> <span>查看更多</span>
</div> </div>
@ -571,7 +575,7 @@
</nuxt-link> </nuxt-link>
</div> --> </div> -->
<div class="rc-fixright" v-show="gotop"> <div class="rc-fixright" >
<ul > <ul >
<li v-for="(userfixed,index) in fixedlist" :key="index" @click="lianxi(userfixed,index)"> <li v-for="(userfixed,index) in fixedlist" :key="index" @click="lianxi(userfixed,index)">
<img :src="userfixed.catimage" alt=""> <img :src="userfixed.catimage" alt="">
@ -579,7 +583,7 @@
</li> </li>
</ul> </ul>
<div class="tuntop" @click="toTop"> <div class="tuntop" @click="toTop" v-show="gotop">
<img src="../assets/image/turntop.png" alt=""> <img src="../assets/image/turntop.png" alt="">
回到顶部</div> 回到顶部</div>
@ -589,6 +593,7 @@
</div> </div>
</template> </template>
<script> <script>
import $ from 'jquery'
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";
import '@vant/touch-emulator'; import '@vant/touch-emulator';
@ -600,9 +605,30 @@
processinformation:[], processinformation:[],
catshi:[], catshi:[],
userunlogin:false, userunlogin:false,
searchBar:true,
usermessage:[], usermessage:[],
catgan:[], catgan:[],
doggan:[], doggan:[],
dogtype:[
{
title: "幼犬",
},
{
title: "成犬",
},
{
title: "老年犬",
},
// {
// title: "品种猫",
// },
// {
// title: "亚健康",
// },
],
dogshi:[], dogshi:[],
catlist:[], catlist:[],
chufanlist:[], chufanlist:[],
@ -701,11 +727,11 @@ activeInde3:0,
catimage: require("../assets/cat.png"), catimage: require("../assets/cat.png"),
}, },
{ {
title: "猫湿粮", title: "猫干粮",
catimage: require("../assets/four.png"), catimage: require("../assets/four.png"),
}, },
{ {
title: "猫干粮", title: "猫湿粮",
catimage: require("../assets/one.png"), catimage: require("../assets/one.png"),
}, },
{ {
@ -714,12 +740,12 @@ activeInde3:0,
}, },
{ {
title: "狗粮", title: "犬干粮",
catimage: require("../assets/three.png"), catimage: require("../assets/three.png"),
}, },
{ {
title: "明星狗粮", title: "犬湿粮",
catimage: require("../assets/six.png"), catimage: require("../assets/six.png"),
}, },
], ],
@ -749,25 +775,32 @@ activeInde3:0,
}, },
], ],
userlist: [ catlistvideo: [
{ {
title: "明星猫粮", title: "明星猫粮",
video:require("../assets/cat/one.mp4"),
catimage: require("../assets/cat.png"), catimage: require("../assets/cat/one.jpg"),
detail:'为10月龄及以上英国短毛猫成猫量身打造的精准营养', detail:'为10月龄及以上英国短毛猫成猫量身打造的精准营养',
price:'¥123.45', price:'¥123.45',
}, },
{ {
title: "猫湿粮", title: "猫湿粮",
video:require("../assets/cat/two.mp4"),
catimage: require("../assets/four.png"), catimage: require("../assets/cat/two.jpg"),
detail:'为10月龄及以上英国短毛猫成猫量身打造的精准营养', detail:'为10月龄及以上英国短毛猫成猫量身打造的精准营养',
price:'¥123.45', price:'¥123.45',
}, },
{ {
title: "猫干粮", title: "猫干粮",
video:require("../assets/cat/three.mp4"),
catimage: require("../assets/one.png"), catimage: require("../assets/cat/three.jpg"),
detail:'为10月龄及以上英国短毛猫成猫量身打造的精准营养',
price:'¥123.45',
},
{
title: "猫干粮",
video:require("../assets/cat/four.mp4"),
catimage: require("../assets/cat/four.jpg"),
detail:'为10月龄及以上英国短毛猫成猫量身打造的精准营养', detail:'为10月龄及以上英国短毛猫成猫量身打造的精准营养',
price:'¥123.45', price:'¥123.45',
}, },
@ -877,6 +910,7 @@ activeInde3:0,
}, },
mounted(){ mounted(){
this.usermessage= JSON.parse(localStorage.getItem("userInfo")); this.usermessage= JSON.parse(localStorage.getItem("userInfo"));
let jump = document.querySelectorAll('.d_jump')
if(this.usermessage==null ||this.usermessage==undefined){ if(this.usermessage==null ||this.usermessage==undefined){
this.userunlogin=true this.userunlogin=true
} }
@ -892,6 +926,11 @@ activeInde3:0,
window.removeEventListener('scroll', this.scrollToTop); window.removeEventListener('scroll', this.scrollToTop);
}, },
methods:{ methods:{
userdog(item,index){
this.dogmessage(index)
},
userlook(order){ userlook(order){
console.log(order); console.log(order);
if(order==0){ if(order==0){
@ -926,9 +965,14 @@ activeInde3:0,
console.log('-----'); console.log('-----');
this.toTop(); this.toTop();
}, },
handleScroll() { handleScroll(e) {
console.log(e);
let scrolltop = document.documentElement.scrollTop || document.body.scrollTop; let scrolltop = document.documentElement.scrollTop || document.body.scrollTop;
console.log(scrolltop);
scrolltop > 1200 ? (this.gotop = true) : (this.gotop = false); scrolltop > 1200 ? (this.gotop = true) : (this.gotop = false);
scrolltop>1500?(this.searchBar=false):(this.searchBar=true);
console.log(this.searchBar);
}, },
toTop() { toTop() {
let top = document.documentElement.scrollTop || document.body.scrollTop; let top = document.documentElement.scrollTop || document.body.scrollTop;
@ -966,8 +1010,8 @@ activeInde3:0,
}, },
//请求犬 //请求犬
async dogmessage() { async dogmessage(name) {
let data = await biaomessage(1); let data = await biaomessage(1,name);
if(data){ if(data){
let userlist=[]; let userlist=[];
userlist=data.slice(0,6); userlist=data.slice(0,6);
@ -1058,6 +1102,10 @@ activeInde3:0,
}, },
selectGoods(item,index){ selectGoods(item,index){
let jump = document.querySelectorAll('.selectionswitch')
let total = jump[index].offsetTop
console.log(total);
$('html body').animate({scrollTop: total}, 500);
this.activeIndex=index; this.activeIndex=index;
this.catfood=true; this.catfood=true;
this.catproduct=false; this.catproduct=false;
@ -1086,12 +1134,11 @@ this.activeInde3=index;
} }
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
@media screen and(min-width: 320px) and(max-width:768px){
}
@import url("../assets/css/index.less"); @import url("../assets/css/index.less");
</style> </style>

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

@ -211,7 +211,7 @@ export default {
}); });
console.log(data); console.log(data);
this.$router.push({ this.$router.push({
path: "/personal/userpay", path: "/personal/settlement",
query: { query: {
wxdata:data.data wxdata:data.data
}, },
@ -228,6 +228,7 @@ export default {
console.log(user); console.log(user);
this.userid=user.data.id; this.userid=user.data.id;
let data = await deleteCart(user.data.id,productCode); let data = await deleteCart(user.data.id,productCode);
if(data){ if(data){
this.$message({ this.$message({
type: 'warning', type: 'warning',
@ -421,6 +422,9 @@ plus(num,index){
<style lang="less" scoped> <style lang="less" scoped>
// 手机端 // 手机端
@media screen and(min-width: 320px) and(max-width:768px) { @media screen and(min-width: 320px) and(max-width:768px) {
.rc-header{
}
.rc-footera{ .rc-footera{
display: none; display: none;
} }
@ -481,6 +485,7 @@ plus(num,index){
border-bottom: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8;
height: 56px; height: 56px;
width: 100%; width: 100%;
align-items: center;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.select-left { .select-left {
@ -577,13 +582,13 @@ plus(num,index){
width: 23px; width: 23px;
height: 23px; height: 23px;
display: block; display: block;
margin-right: 5px; margin-right: 4px;
} }
img:last-child { img:last-child {
width: 23px; width: 23px;
height: 23px; height: 23px;
display: block; display: block;
margin-left: 10px; margin-left: 4px;
} }
strong { strong {
font-style: normal; font-style: normal;

61
rc-busness/pages/myorder/usertion.vue
View File

@ -3,21 +3,21 @@
<Myheader></Myheader> <Myheader></Myheader>
<div class="rc-header"> <div class="rc-header">
<div class="rc-main"> <div class="rc-main" v-for="(item,index) in goldmedal" :key="index" >
<div class="rc-receiving"> <div class="rc-receiving" >
<em>{{userisdelivery}}</em> <em>{{item.status=='0'?'待付款':item.status=='1'?'待收货':item.status=='2'?'已完成':item.status=='3'?'已取消':'异常订单'}}</em>
<span>{{orderstatus}}</span> <span>{{orderstatus}}</span>
</div> </div>
<div class="rc-border"></div> <div class="rc-border"></div>
<div v-if="isshow"> <div v-if="isshow">
<div class="delivery" v-for="(item,index) in delivery" :key="index" > <div class="delivery" v-for="(userdata,index) in delivery" :key="index" >
<div class="to-delivery"> <div class="to-delivery">
<span>{{ item.state }}</span> <span>{{ userdata.state }}</span>
<i>{{ item.time }}</i> <i>{{ userdata.time }}</i>
</div> </div>
<div class="bo-delivery"> <div class="bo-delivery">
<span>{{ item.address }}</span> <span>{{ userdata.address }}</span>
</div> </div>
<div class="viewdetails"> <div class="viewdetails">
<span>查看详情</span> <span>查看详情</span>
@ -27,32 +27,33 @@
</div> </div>
<div <div
class="mypersonal" class="mypersonal"
v-for="(item, index) in useraddress" v-for="(dataaddress, index) in useraddress"
:key="index" :key="index"
> >
<div class="my-delivery"> <div class="my-delivery">
<span>{{ item.state }}</span> <span>{{ dataaddress.state }}</span>
<i>{{ item.tel }}</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="rc-center" v-for="(item,index) in goldmedal" :key="index"> <div v-for="(userlist,index) in item.orderDetailList" :key="index">
<div class="rc-center">
<div class="rc-usermain"> <div class="rc-usermain">
<div class="rc-image"> <div class="rc-image">
<img :src="item.catimage" alt="" /> <img :src="item.catimage" alt="" />
</div> </div>
<div class="rc-right"> <div class="rc-right">
<div class="rc-usercenter"> <div class="rc-usercenter">
<em>{{ item.usereat }}</em> <em>{{ userlist.productName }}</em>
<div class="rc-userright"> <div class="rc-userright">
<span>规格:{{ item.num }}</span> <span>规格:{{ item.productId }}</span>
</div> </div>
</div> </div>
<div class="rc-userbottom"> <div class="rc-userbottom">
<span>数量:{{ item.orderstype }}件</span> <span>数量:{{ item.pcs }}件</span>
<i>￥{{ item.userprice }}</i> <i>￥{{ item.ecPrice }}</i>
<div class="rc-bottom"> <div class="rc-bottom">
<span>联系客服申请售后</span> <span>联系客服申请售后</span>
</div> </div>
@ -112,7 +113,7 @@
<li> <li>
<span>快递单号:</span> <span>快递单号:</span>
<div class="u-trackingnumber"> <div class="u-trackingnumber">
<i>{{ information.trackingnumber }} <i>{{ userlist.logisticsNumber }}
</i> </i>
<img :src="information.catimage" alt=""> <img :src="information.catimage" alt="">
</div> </div>
@ -133,6 +134,7 @@
</div> </div>
</div> </div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -140,15 +142,18 @@
<script> <script>
import Myheader from "~/components/header.vue"; import Myheader from "~/components/header.vue";
import { userin} from "../../ajax/getData";
export default { export default {
data() { data() {
return { return {
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:'',
delivery: [ delivery: [
{ {
@ -194,23 +199,39 @@ export default {
}, },
}; };
}, },
methods: {}, methods: {
async canceldanhao(orderNumber){
let data=await userin(orderNumber);
console.log(data);
this.goldmedal=data;
console.log(this.goldmedal);
},
},
mounted() { mounted() {
this.addressstype = this.$route.query.stype; this.addressstype = this.$route.query.stype;
this.orderNumber=this.$route.query.orderNumber;
this.canceldanhao(this.orderNumber)
console.log(this.orderNumber);
if(this.addressstype==2){ if(this.addressstype==2){
this.orderstatus='您的订单已付款成功，请耐心等候，我们会尽快安排给您发货！'; this.orderstatus='您的订单已付款成功，请耐心等候，我们会尽快安排给您发货！';
this.isshow=false; this.isshow=false;
this.userisdelivery='待发货'; this.userisdelivery='待发货';
console.log( this.orderstatus); console.log( this.orderstatus);
}else if(this.addressstype==1){ }else if(this.addressstype==0){
this.orderstatus='您的订单尚未支付'; this.orderstatus='您的订单尚未支付';
this.isshow=false; this.isshow=false;
this.userisdelivery='待付款'; this.userisdelivery='待付款';
} }
else if(this.addressstype==3){ else if(this.addressstype==1){
this.orderstatus='您的订单发货，请您耐心等候！'; this.orderstatus='您的订单发货，请您耐心等候！';
this.isshow=true; this.isshow=true;
this.userisdelivery='待收货'; this.userisdelivery='待收货';
}
else if(this.addressstype==3){
this.orderstatus='您的订单已取消！';
this.isshow=false;
this.userisdelivery='已取消';
} }
console.log(this.addressstype); console.log(this.addressstype);
}, },

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

@ -20,7 +20,9 @@
<span>{{usertitle}}</span> <span>{{usertitle}}</span>
<em>{{userorder}}</em> <em>{{userorder}}</em>
</div> </div>
<nuxt-link :to="`/userlogin/login/`">
<span v-if="islogin">登录/注册</span> <span v-if="islogin">登录/注册</span>
</nuxt-link>
</div> </div>
</div> </div>
<div class="rc-islogin"> <div class="rc-islogin">
@ -32,9 +34,7 @@
<div class="usercord"> <div class="usercord">
<em>当前积分:{{ rcrcord }}</em> <em>当前积分:{{ rcrcord }}</em>
<nuxt-link :to="`/personal/integral/`"> <span @click="userinter">积分明细</span>
<span>积分明细</span>
</nuxt-link>
</div> </div>
<div class="rc-cordd"> <div class="rc-cordd">
@ -54,9 +54,9 @@
<div class="rc-order"> <div class="rc-order">
<em>我的订单</em> <em>我的订单</em>
<nuxt-link :to="`/personal/useraddress/`">
<span >查看全部</span> <span @click="findall" >查看全部</span>
</nuxt-link>
</div> </div>
<div class="rc-obligation"> <div class="rc-obligation">
<ul> <ul>
@ -185,12 +185,51 @@ export default {
}, },
methods: { methods: {
userinter(){
console.log(this.userid);
if(this.userid!==null||this.userid!==undefined){
this.$router.push({
path: "/personal/integral/",
query: {
stype: 1,
},
});
}else{
this.$message({
type: 'warning',
message: '您还未登录'
});
return
}
},
findall(){
console.log('PPP');
console.log(this.userid.length);
if(this.userid!==null||this.userid!==undefined){
this.$router.push({
path: "/personal/useraddress/",
query: {
stype: 0,
},
});
}else{
this.$message({
type: 'warning',
message: '您还未登录'
});
return
}
},
//地址的跳转 //地址的跳转
obligation(item,index){ obligation(item,index){
console.log(index); console.log(index);
if(index==0){ console.log(item);
if(this.userid!==null||this.userid!==undefined){
if(item.title=='待付款'){
this.$router.push({ this.$router.push({
path: "/myorder/usertion", path: "/personal/useraddress",
query: { query: {
stype: 1, stype: 1,
}, },
@ -198,22 +237,31 @@ obligation(item,index){
} }
else if(index==1){ else if(item.title=='待发货'){
this.$router.push({ this.$router.push({
path: "/myorder/usertion", path: "/personal/useraddress",
query: { query: {
stype: 2, stype: 2,
}, },
}); });
} }
else if(index==2){ else if(item.title=='待收货'){
this.$router.push({ this.$router.push({
path: "/myorder/usertion", path: "/personal/useraddress",
query: { query: {
stype: 3, stype: 3,
}, },
}); });
} }
}else{
this.$message({
type: 'warning',
message: '您还未登录'
});
return
}
}, },
@ -253,7 +301,8 @@ obligation(item,index){
}, },
openaddress(index){ openaddress(index){
console.log(index); console.log(index);
if(index==2){ if(this.userid!==null||this.userid!==undefined){
if(index==2){
this.$router.push({ this.$router.push({
path: `/useraddress/openaddress/` path: `/useraddress/openaddress/`
}) })
@ -273,6 +322,15 @@ this.$router.push({
} }
}else{
console.log('---=');
this.$message({
type: 'warning',
message: '您还未登录'
});
return
}
}, },
opendialog(){ opendialog(){
@ -282,6 +340,7 @@ this.$router.push({
}, },
mounted() { mounted() {
console.log(this.islogin) console.log(this.islogin)
console.log(this.userid);
let userwidth=0; let userwidth=0;
this.ifadroind(); this.ifadroind();
let user= JSON.parse(localStorage.getItem("userInfo")); let user= JSON.parse(localStorage.getItem("userInfo"));
@ -289,6 +348,7 @@ this.$router.push({
if(user!==null){ if(user!==null){
console.log('11') console.log('11')
this.userid=user.data; this.userid=user.data;
console.log(this.userid);
this.usertitle=this.userid.memberName; this.usertitle=this.userid.memberName;
this.rcrcord=this.userid.availiblePoint; this.rcrcord=this.userid.availiblePoint;

1
rc-busness/pages/personal/quiry.vue
View File

@ -207,6 +207,7 @@ export default {
}, },
mounted() { mounted() {
this.addressstype = this.$route.query.stype; this.addressstype = this.$route.query.stype;
console.log(this.addressstype);
if(this.addressstype==1){ if(this.addressstype==1){
this.orderstatus='您的订单已完成，欢迎您再次购买。'; this.orderstatus='您的订单已完成，欢迎您再次购买。';
this.isshow=false; this.isshow=false;

831
rc-busness/pages/personal/settlement.vue Normal file
View File

@ -0,0 +1,831 @@
<template>
<div>
<Myheader></Myheader>
<div class="online" style="height:3px;width:93%;background:#DDDDDD;margin:0 auto"></div>
<div class="rc-header">
<div class="rc-main" v-for="(item,index) in goldmedal" :key="index" >
<div class="rc-border"></div>
<div
class="mypersonal"
v-for="(dataaddress, index) in useraddress"
:key="index"
>
<div class="my-delivery">
<span>{{ dataaddress.state }}</span>
<i>{{ dataaddress.tel }}</i>
</div>
<div class="per-delivery">
<span>{{ dataaddress.address }}</span>
</div>
</div>
<div class="online" style="height:3px;width:100%;background:#DDDDDD;"></div>
<div>
<div class="rc-center">
<div class="rc-usermain">
<div class="rc-image">
<img :src="item.catimage" alt="" />
</div>
<div class="rc-right">
<div class="rc-usercenter">
<em>{{ item.usereat }}</em>
<div class="rc-userright">
<span>规格:{{ item.num }}</span>
</div>
</div>
<div class="rc-userbottom">
<span>数量:{{ item.specification }}件</span>
<i>￥{{ item.userprice }}</i>
<div class="rc-bottom">
<span>联系客服申请售后</span>
</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 class="rc-merchandise">
<ul>
<li>
<span>配送方式:</span>
<i>{{ shopprice.price }}</i>
</li>
<li>
<span> 活动促销:</span>
<i>{{ shopprice.distribution }}</i>
</li>
<li>
<span>商品总价:</span>
<i>{{ shopprice.promotion }}</i>
</li>
<li>
<span>配送费用:</span>
<i>{{ shopprice.payment }}</i>
</li>
</ul>
</div>
<div class="rc-foot">
<div class="rc-foo">
<div style="padding-top:55px">
<i>合计金额:</i>
<em>￥167.00</em>
</div>
<div style="padding-bottom:40px">
<span>再次购买</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="rc-button">
<div class="rc-left">
<span>总计：</span>
<em>￥167.00</em>
</div>
<strong ref="rccolor" @click="jiesuan">结算</strong>
</div>
</div>
</template>
<script>
import Myheader from "~/components/header.vue";
import { userin} from "../../ajax/getData";
export default {
data() {
return {
goldmedal:[],
addressstype: null,
orderstatus: '',
userisdelivery:'待收货',
userdelivery: "派送中",
isshow:true,
leftico: require("../../assets/image/rc-left.png"),
orderNumber:'',
// delivery: [
// {
// state: "派送中",
// time: "2021-11-21",
// address: "广州天河—刘某某【15124617917】正在派送中",
// },
// ],
useraddress: [
{
state: "李某某",
tel: "15124117917",
address: "广东省 广州市 天河区 天河客运站118号",
},
],
goldmedal: [
{
ordernumber: "1111111111111111111",
orderstype: 1,
index:0,
usereat: "英国短毛猫成猫全价湿粮",
num: "5kg",
specification: "1",
userprice: "167.00",
catimage: require("../../assets/image/rc-win.png"),
},
],
shopprice: {
price: "标准快递",
distribution: "限时折扣全场商品8折",
promotion: "￥167.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"),
},
};
},
methods: {
jiesuan(){
let userdata=this.$route.query.wxdata
this.$router.push({
path: "/personal/userpay",
query: {
wxdata:userdata
},
});
},
async canceldanhao(orderNumber){
let data=await userin(orderNumber);
console.log(data);
// this.goldmedal=data;
console.log(this.goldmedal);
},
},
mounted() {
this.addressstype = this.$route.query.stype;
this.orderNumber=this.$route.query.orderNumber;
this.canceldanhao(this.orderNumber)
console.log(this.$refs.rccolor)
this.$refs.rccolor.style.background='gray';
},
components: {
Myheader,
},
};
</script>
<style lang="less" scoped>
ul li ol li em strong i {
list-style: none;
font-style: normal;
}
.rc-header {
width: 100%;
}
//手机端
@media screen and (max-width: 768px) {
.rc-button{
position: fixed;
bottom: 0;
width: 100%;
height: 0.8rem;
background-color: white;
display: flex;
justify-content: space-between;
align-items: center;
box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);
.rc-left{
margin-left: 0.20rem;
}
span{
font-size: 14px;
color: #333333;
}
em{
font-style: normal;
font-size: 0.18rem;
color: #E1001A;
}
strong{
display: flex;
align-items: center;
justify-content: center;
height: 0.48rem;
background: #E2001A;
border-radius: 0.30rem;
color: white;
width: 1rem;
margin-right: 0.2rem
;
}
}
.rc-main {
width: 92%;
margin: 0 auto;
.rc-userbottom{
display: none;
}
.viewdetails{
display: none;
}
.rc-foo{
display: none;
}
.rc-receiving {
width: 100%;
height: 80px;
display: flex;
align-items: center;
em {
font-style: normal;
color: #e1001a;
font-size: 22px;
}
span {
color: #666666;
font-size: 12px;
display: block;
margin-left: 18px;
width: 62%;
}
}
.delivery {
display: flex;
flex-direction: column;
height: 80px;
.to-delivery {
display: flex;
align-items: center;
font-style: normal;
span {
display: block;
margin-left: 3px;
}
i {
font-style: normal;
margin-left: 8px;
display: block;
}
}
.bo-delivery {
span {
font-size: 14px;
color: #666666;
display: block;
margin-top: 8px;
}
}
}
.mypersonal {
display: flex;
flex-direction: column;
justify-content: center;
height: 80px;
.my-delivery {
display: flex;
align-items: center;
font-style: normal;
span {
display: block;
}
i {
font-style: normal;
margin-left: 8px;
display: block;
}
}
.per-delivery {
span {
font-size: 14px;
color: #666666;
display: block;
margin-top: 8px;
}
}
}
.rc-usermain {
display: flex;
.rc-image {
border: 1px solid #d8d8d8;
margin-top: 17px;
height: 96px;
img {
width: 96px;
height: 96px;
display: block;
}
}
.rc-right {
.rc-userbottomm {
display: none;
}
display: flex;
flex-direction: column;
width: 100%;
margin-left: 16px;
justify-content: center;
em {
font-style: normal;
display: block;
font-size: 16px;
margin-top: 18px;
font-weight: bold;
color: #e1001a;
}
}
.rc-userright {
display: flex;
flex-direction: column;
color: #666666;
font-size: 14px;
span {
display: block;
margin-top: 16px;
}
}
.rc-userbottom {
display: flex;
justify-content: space-between;
margin-top: 8px;
span {
color: #666666;
font-size: 14px;
}
i {
font-style: normal;
color: #e1001a;
font-size: 18px;
font-weight: bold;
}
.rc-bottom{
display: none;
}
}
.rc-bottomm {
display: flex;
align-items: center;
justify-content: flex-end;
margin-top: 24px;
span {
display: block;
width: 130px;
display: flex;
align-items: center;
line-height: 40px;
text-align: center;
color: #e2001a;
height: 40px;
font-size: 12px;
border: 2px solid #e2001a;
justify-content: center;
border-radius: 30px;
font-weight: bold;
}
span:last-child {
margin-left: 15px;
}
}
}
.rc-merchandise {
width: 100%;
margin-top: 32px;
ul {
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
line-height: 26px;
i {
font-style: normal;
color: #666666;
font-size: 14px;
}
li {
list-style: none;
font-style: normal;
display: flex;
justify-content: space-between;
span {
font-size: 14px;
color: #333333;
}
}
li:last-child {
i {
color: #e1001a;
font-size: 16px;
font-style: normal;
}
}
}
}
.rc-payment{
width: 100%;
margin-top: 32px;
.u-trackingnumber{
display: flex;
align-items: center;
i {
font-size: 14px;
font-style: normal;
margin-right: 16px;
}
img{
width: 8px;
height: 16px;
}
}
ul {
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
line-height: 26px;
i {
font-style: normal;
color: #666666;
font-size: 14px;
}
li {
list-style: none;
font-style: normal;
display: flex;
justify-content: space-between;
span {
font-size: 14px;
color: #333333;
}
}
}
}
}
}
//pc端
@media screen and (min-width: 768px) and (max-width: 1920px) {
.rc-main {
width: 92%;
margin: 0 auto;
.rc-userbottomm{
display: none;
}
.rc-border{
width: 100%;
border-bottom: 1px solid #D7D7D7;
margin-top: 32px;
}
.rc-receiving {
width: 100%;
height: 80px;
display: flex;
flex-direction: column;
em {
font-style: normal;
color: #E1001A;
font-size: 26px;
}
span {
color: #666666;
font-size: 16px;
display: block;
margin-top: 25px;
}
}
.delivery {
display: flex;
flex-direction: column;
height: 140px;
display: flex;
justify-content: center;
.viewdetails{
display: flex;
align-items: center;
justify-content: flex-end;
span{
color:#444444;
font-size: 18px;
display: block;
margin-right: 8px;
}
img{
width: 8px;
height: 16px;
}
}
.to-delivery {
display: flex;
align-items: center;
font-style: normal;
span {
display: block;
// margin-left: 16px;
font-size: 18px;
color: #333333;
}
i {
font-style: normal;
margin-left: 8px;
display: block;
font-size: 18px;
color: #999999;
}
}
.bo-delivery {
span {
font-size: 16px;
color: #666666;
display: block;
margin-top: 16px;
}
}
}
.mypersonal {
display: flex;
flex-direction: column;
height: 140px;
justify-content: center;
.my-delivery {
display: flex;
align-items: center;
font-style: normal;
span {
display: block;
margin-left: 3px;
font-size: 18px;
color: #333333;
}
i {
font-style: normal;
margin-left: 8px;
display: block;
font-size: 18px;
color: #333333;
}
}
.per-delivery {
span {
font-size: 18px;
color: #666666;
display: block;
margin-top: 16px;
}
}
}
.rc-usermain {
display: flex;
.rc-image {
border: 1px solid #d8d8d8;
margin-top: 17px;
img {
width: 96px;
height: 96px;
display: block;
}
}
.rc-right {
.rc-bottomm{
display: none;
}
.rc-usercenter{
display: flex;
justify-content: center;
flex-direction: column;
em {
font-style: normal;
display: block;
font-size: 18px;
font-weight: bold;
margin-top: 17px;
color: #e1001a;
}
}
display: flex;
width: 100%;
margin-left: 16px;
}
.rc-userright {
display: flex;
flex-direction: column;
color: #666666;
font-size: 16px;
span {
display: block;
margin-top: 16px;
font-size: 16px;
}
}
.rc-userbottom {
display: flex;
width: 80%;
justify-content: space-between;
align-items: center;
margin-left: 119px;
span {
color: #E1001A;
font-size: 20px;
}
i {
font-style: normal;
color: #e1001a;
font-size: 20px;
font-weight: bold;
}
.rc-bottom {
display: flex;
align-items: center;
justify-content: flex-end;
margin-top: 24px;
span {
display: block;
width: 164px;
display: flex;
align-items: center;
line-height: 40px;
text-align: center;
color: #e2001a;
height: 40px;
border: 2px solid #e2001a;
justify-content: center;
border-radius: 30px;
font-weight: bold;
font-size: 14px;
}
}
}
}
.rc-merchandise {
width: 100%;
margin-top: 32px;
ul {
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
line-height: 40px;
font-size: 18px;
i {
font-style: normal;
color: #666666;
}
li {
list-style: none;
font-style: normal;
display: flex;
justify-content: space-between;
span {
color: #333333;
}
}
li:last-child {
i {
color: #e1001a;
font-size: 20px;
font-style: normal;
}
}
}
}
.rc-payment{
width: 100%;
margin-top: 80px;
.u-trackingnumber{
display: flex;
align-items: center;
i {
font-size: 18px;
font-style: normal;
margin-right: 16px;
}
img{
width: 8px;
height: 16px;
}
}
ul {
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
line-height: 40px;
font-size: 18px;
i {
font-style: normal;
color: #666666;
display: block;
}
li {
list-style: none;
font-style: normal;
display: flex;
justify-content: space-between;
span {
color: #333333;
}
}
}
}
.rc-foot{
display: flex;
flex-direction: column;
.rc-foo{
display: flex;
justify-content: flex-end;
flex-direction: column;
align-items: self-end;
i{
font-style: normal;
color:#333333;
font-size: 20px;
margin-right: 20px;
}
em{
font-style: normal;
color: #E1001A;
font-size: 26px;
}
span{
display: block;
width: 164px;
margin-top: 36px;
background: #E2001A;
line-height: 48px;
text-align: center;
color: white;
font-size: 16px;
height: 48px;
border-radius: 30px;
}
}
}
}
}
</style>

101
rc-busness/pages/personal/useraddress.vue
View File

@ -21,16 +21,17 @@
</div> </div>
<div class="rc-center" v-for="(item, index) in goldmedal" :key="index"> <div class="rc-center" v-for="(item, index) in goldmedal" :key="index">
<div class="rc-usermaina" v-for="(userlist,index) in item.orderDetailList" :key="index" >
<div class="rc-title"> <div class="rc-title">
<div> <div>
<i>订单编号:</i><span>{{ item.ordernumber }}</span> <i>订单编号:</i><span>{{ item.orderNumber }}</span>
</div> </div>
<div class="rc-usertitle"> <div class="rc-usertitle">
<strong>订单状态:</strong> <em>{{ item.orderstype }}</em> <strong>订单状态:</strong> <em>{{item.status=='0'?'待付款':item.status=='1'?'待收货':item.status=='2'?'已完成':item.status=='3'?'已取消':'异常订单'}}</em>
</div> </div>
</div> </div>
<div class="rc-usermain"> <div class="rc-usermain" @click="userfind(item)">
<div class="rc-image"> <div class="rc-image">
<img :src="item.catimage" alt="" /> <img :src="item.catimage" alt="" />
@ -39,12 +40,12 @@
<div class="rc-usercenter"> <div class="rc-usercenter">
<em>{{ item.usereat }}</em> <em>{{ item.usereat }}</em>
<div class="rc-userright"> <div class="rc-userright">
<span>规格:{{ item.num }}</span> <span>规格:{{ userlist.num }}</span>
</div> </div>
</div> </div>
<div class="rc-userbottom"> <div class="rc-userbottom">
<span>数量:{{ item.orderstype }}件</span> <span>数量:{{ userlist.pcs}}件</span>
<i>￥{{ item.userprice }}</i> <i>￥{{ userlist.ecPrice }}</i>
</div> </div>
@ -60,10 +61,11 @@
<span @click="userfind()">查看订单</span> <span @click="userfind()">查看订单</span>
</div> </div>
</div> </div>
<div class="rc-bottom"> <!-- <div class="rc-bottom">
<span @click="userpay(item,index)">{{item.buttontitle}}</span> <span @click="userpay(item,index)">{{item.status=='0'?'取消订单':item.status=='1'?'确认收货':item.status=='2'?'再次购买':item.status=='3'?'再次购买':'异常订单'}}</span>
<span @click="userfind()">查看订单</span> <span @click="userfind(item)">{{item.status=='0'?'立即支付':item.status=='1'?'查看订单':item.status=='2'?'查看订单':item.status=='3'?'查看订单':'异常订单'}}</span>
</div> </div> -->
</div>
</div> </div>
</div> </div>
</div> </div>
@ -71,12 +73,14 @@
</template> </template>
<script> <script>
import { List } from 'vant';
import Myheader from "~/components/header.vue"; import Myheader from "~/components/header.vue";
import { customerorders } from "../../ajax/getData"; import { customerorders,userindent,canceldanhao } from "../../ajax/getData";
export default { export default {
data() { data() {
return { return {
activeIndex: 0, activeIndex: 0,
userdata:[],
buttontitle:'再次购买', buttontitle:'再次购买',
discountlist: [ discountlist: [
{ {
@ -186,8 +190,61 @@ export default {
], ],
}; };
}, },
mounted() {
let user= JSON.parse(localStorage.getItem("userInfo"));
this.userdata=user;
let stype=this.$route.query.stype
if(user=='' ||user==null){
this.$message({
type: 'warning',
message: '请先去登录'
});
return
}else{
this.indet(user.data.mobile,stype);
}
},
components: {
Myheader,
},
methods: { methods: {
async indet(mobile,stype){
let data=await userindent(mobile,);
this.activeIndex=stype;
this.goldmedal=data;
let list=[];
let fahuolist=[];
console.log(this.goldmedal);
for(let i=0;i<this.goldmedal.length;i++){
list.push(this.goldmedal[i].orderDetailList);
}
},
async canceldanhao(orderNumber){
let data=await canceldanhao(orderNumber);
console.log(data);
if(data){
this.$message({
type: 'warning',
message: '取消订单成功'
});
this.indet(this.userdata.data.mobile);
}
},
userpay(item,index){ userpay(item,index){
console.log(item);
if(item.status==0){
this.canceldanhao(item.orderNumber);
}
console.log(item.buttontitle); console.log(item.buttontitle);
if(item.buttontitle=='立即支付'){ if(item.buttontitle=='立即支付'){
this.$router.push({ this.$router.push({
@ -216,12 +273,14 @@ export default {
} }
}, },
userfind(){ userfind(item){
console.log('--'); console.log('--');
console.log(item.orderNumber);
this.$router.push({ this.$router.push({
path: "/personal/quiry", path: "/myorder/usertion",
query: { query: {
stype: 1, stype: item.status,
orderNumber:item.orderNumber
}, },
}); });
}, },
@ -232,15 +291,10 @@ export default {
stype: 1, stype: 1,
}, },
}); });
} },
}, },
mounted() {
},
components: {
Myheader,
},
}; };
</script> </script>
@ -265,7 +319,10 @@ export default {
.rc-main { .rc-main {
width: 92%; width: 92%;
margin: 0 auto; margin: 0 auto;
.rc-usermaina{
width: 100%;
height: 100%;
}
.rc-headera { .rc-headera {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;

37
rc-busness/pages/personal/usermember.vue
View File

@ -64,7 +64,39 @@ data(){
rcvalue:5000, rcvalue:5000,
uservalue:0, uservalue:0,
usrnewlist:[], usrnewlist:[],
newlist:[], newlist:[
{
title: "产品试吃",
usereat:'每年4次免积分产品试吃',
ordernum: 0,
catimage: require("../../assets/image/usereat.png"),
},
{
title: "成长工具",
usereat:'365天专属养宠工具',
ordernum: 1,
catimage: require("../../assets/image/rc-growth.png"),
},
{
title: "1V1咨询",
usereat:'10年专业团队1v1咨询',
ordernum: 2,
catimage: require("../../assets/image/consult.png"),
},
{
title: "知识课堂",
usereat:'行业大咖专业养宠知识',
ordernum: 3,
catimage: require("../../assets/image/rc-book.png"),
},
{
title: "健康服务",
usereat:'每年积分兑换1次价值288元的免费体检及100元医院绝育券',
ordernum: 4,
catimage: require("../../assets/image/rc-health.png"),
},
],
newlista:[ newlista:[
{ {
title: "产品试吃", title: "产品试吃",
@ -216,11 +248,10 @@ methods:{
components:{ components:{
Myheader Myheader
}, },
mounted(){ mounted(){
console.log(this.$refs.userblock); console.log(this.$refs.userblock);
let userwidth=0; let userwidth=0;
let user= JSON.parse(localStorage.getItem("userInfo")); let user= JSON.parse(localStorage.getItem("userInfo"));
if(user!==null){ if(user!==null){
this.userid=user.data; this.userid=user.data;
let userlength=this.userid.availiblePoint.toString().length; let userlength=this.userid.availiblePoint.toString().length;

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

@ -2,6 +2,7 @@
<div> <div>
<Myheader></Myheader> <Myheader></Myheader>
<div class="rc-main"> <div class="rc-main">
<div class="online" style="height:3px;width:93%;margin:0 auto;background:#DDDDDD;margin-top:0.23rem"></div>
<div class="rc-hearder"> <div class="rc-hearder">
<div class="rc-userpay"> <div class="rc-userpay">
<div class="paysucess"> <div class="paysucess">
@ -18,6 +19,7 @@
<i>{{ userinformation }}</i> <i>{{ userinformation }}</i>
</div> </div>
</div> </div>
<div class="online" style="height:3px;width:100%;background:#DDDDDD;"></div>
<div class="rc-usermaina"> <div class="rc-usermaina">
<div class="rc-title" id="qrcode" ref="qrcode" > <div class="rc-title" id="qrcode" ref="qrcode" >
</div> </div>
@ -28,6 +30,7 @@
<span>请选择支付方式</span> <span>请选择支付方式</span>
</div> </div>
<div class="online" style="height:3px;width:100%;background:#DDDDDD;"></div>
<div class="paystype"> <div class="paystype">
<div <div
class="payAlipay" class="payAlipay"
@ -172,6 +175,7 @@ text: e// 设置二维码内容或跳转地址
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
display: none;
} }
.rc-userpay{ .rc-userpay{
display: none; display: none;
@ -190,9 +194,13 @@ text: e// 设置二维码内容或跳转地址
font-size: 26px; font-size: 26px;
} }
.rc-title{ .rc-title{
display: flex;
margin-top: 30px;
display: none;
img{ img{
width: 96px; width: 96px;
height: 96px; height: 96px;
margin-left: 40px;
} }
} }
@ -232,6 +240,7 @@ color: #E1001A;
} }
.rc-main { .rc-main {
width: 100%; width: 100%;
margin-top: 24%;
.paysucess{ .paysucess{
display: none; display: none;
} }
@ -251,7 +260,11 @@ color: #E1001A;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
.rc-all{ .rc-all{
display: none; height: 96px;
display: flex;
flex-direction: column;
justify-content: center;
// display: none;
} }
.rc-payprice { .rc-payprice {
display: flex; display: flex;
@ -293,7 +306,9 @@ color: #E1001A;
} }
.rc-paystype { .rc-paystype {
margin-top: 53px; height:64px;
display: flex;
align-items: center;
span { span {
font-size: 16px; font-size: 16px;
@ -336,6 +351,13 @@ color: #E1001A;
} }
} }
@media screen and (min-width: 768px) and (max-width: 1920px) { @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 { /deep/.el-dialog {
width: 440px; width: 440px;
@ -362,6 +384,7 @@ color: #E1001A;
position: absolute; position: absolute;
left: 50%; left: 50%;
margin-left: -75px; margin-left: -75px;
display: block;
top: 59%; top: 59%;
img{ img{
width: 96px; width: 96px;

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

@ -13,13 +13,14 @@
<div class="productdetails"> <div class="productdetails">
<div class="rc-productdetail"> <div class="rc-productdetail">
<i>商品价格:</i> <i>商品价格</i>
<span>￥{{ item.rsp }}</span> <span>￥{{ item.rsp }}</span>
<i style="font-size:12px;color:#999999">￥{{item.ecPrice}}</i>
</div> </div>
<div class="rc-productdetai"> <div class="rc-productdetai">
<div> <div>
<i>活动促销:</i> <i>活动促销:</i>
<span>{{ item.basePrice }}</span> <span>全场商品限时优惠</span>
</div> </div>
<em @click="userget()">立即领取</em> <em @click="userget()">立即领取</em>
</div> </div>
@ -28,10 +29,14 @@
<span @click="usertanchu(item,1)">立即购买</span> <span @click="usertanchu(item,1)">立即购买</span>
</div> </div>
</div> </div>
<div class="online" style="height:3px;width:100%;background:#DDDDDD;margin-top:0.33rem"></div>
<div class="rc-productdeta" v-if="userbuy"> <div class="rc-productdeta" v-if="userbuy">
<div class="rc-prodtop"> <div class="rc-prodtop">
<span>商品规格</span> <div>
<span>商品规格</span>：
</div>
<!-- <em v-for="(item, index) in stype" :key="index" @click="selectsearch(item, index)" :class="activeIndexa == index ? 'active' : 'unactive'"> <!-- <em v-for="(item, index) in stype" :key="index" @click="selectsearch(item, index)" :class="activeIndexa == index ? 'active' : 'unactive'">
{{ item.title }} {{ item.title }}
</em> --> </em> -->
@ -41,7 +46,9 @@
</em> </em>
</div> </div>
<div class="rc-produnnum"> <div class="rc-produnnum">
<span>商品数量:</span> <div>
<span>商品数量</span>：
</div>
<img src="../../assets/image/userjian.png" alt="" @click="sub()" /> <img src="../../assets/image/userjian.png" alt="" @click="sub()" />
<strong>{{sales_num}}</strong> <strong>{{sales_num}}</strong>
<img <img
@ -53,28 +60,25 @@
</div> </div>
<div class="certification"> <div class="certification">
<!-- <ul> <ul>
<li> <li>
<span <span
>服务说明：<i>{{ item.period }}</i></span >服务说明：<i>当天14点前完成付款即日安排发货;当天14点后完成付款次日安排发货(周日及国家法定节假日顺延至下一个工作日发货,活动期间发货或有延迟敬请理解)</i></span
> >
</li> </li>
<li> <li>
<span <span
>商品运费：<i>{{ item.starttime }}</i></span >商品运费：<i>全场包邮(港澳除外)</i></span
> >
</li> </li>
<li> <li>
<span <span
>商品编号：<i>{{ item.shangbianhao }}</i></span >商品编号：<i>{{ item.brandCode }}</i></span
> >
</li> </li>
</ul> --> </ul>
<div class="rc-button">
<span @click="usertanchu(item,0)">加入购物车</span>
<span @click="usertanchu(item,1)">立即购买</span>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -88,6 +92,7 @@
<img :src=item.showImgFile alt=""> <img :src=item.showImgFile alt="">
</div> </div>
<Myfooter v-on:litentop='showmesg'></Myfooter>
</div> </div>
<el-dialog <el-dialog
:visible.sync="dialogInfo1" :visible.sync="dialogInfo1"
@ -150,12 +155,18 @@
</el-dialog> </el-dialog>
<div class="rc-button" style="width:100%">
<span @click="usertanchu(item,0)">加入购物车</span>
<span @click="usertanchu(item,1)">立即购买</span>
</div>
</div> </div>
</template> </template>
<script> <script>
import Myheader from "~/components/header.vue"; import Myheader from "~/components/header.vue";
import Magnifier from "@/components/magnifier.vue"; import Magnifier from "@/components/magnifier.vue";
import { mapMutations } from "vuex";
import Myfooter from "~/components/rc-footer.vue";
import { goodsmessage,getConfig,postCourseId,getdraw,alldiscount } from "../../ajax/getData"; import { goodsmessage,getConfig,postCourseId,getdraw,alldiscount } from "../../ajax/getData";
const settings = require("@/config"); const settings = require("@/config");
export default { export default {
@ -223,6 +234,8 @@ export default {
components: { components: {
Myheader, Myheader,
Magnifier, Magnifier,
Myfooter
}, },
mounted() { mounted() {
@ -252,6 +265,22 @@ this.usermessage= JSON.parse(localStorage.getItem("userInfo"));
}, },
methods: { methods: {
...mapMutations(["changemessage"]),
showmesg(){
console.log('-----');
this.toTop();
},
toTop() {
let top = document.documentElement.scrollTop || document.body.scrollTop;
// 实现滚动效果
const timeTop = setInterval(() => {
document.body.scrollTop = document.documentElement.scrollTop = top -= 400;
if (top <= 0) {
clearInterval(timeTop);
}
}, 10);
},
//领取优惠券 //领取优惠券
usergetconf(item){ usergetconf(item){
console.log(item); console.log(item);
@ -296,8 +325,12 @@ if(this.usermessage.data!==''||this.usermessage.data!==undefined){
} }
this.userlistmenu=this.newlist[0].productAttachmentList; this.userlistmenu=this.newlist[0].productAttachmentList;
let changemess=JSON.stringify(this.userlistmenu);
console.log(changemess);
this.changemessage({ data: changemess });
this.parent_msg=this.userlistmenu; this.parent_msg=this.userlistmenu;
console.log( this.userlistmenu) console.log( this.userlistmenu)
}, },
@ -425,11 +458,38 @@ usertanchu(item,orderm){
}, },
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
// 手机端 // 手机端
@media screen and(min-width: 320px) and(max-width:768px) { @media screen and(min-width: 320px) and(max-width:768px) {
.rc-button{
width: 100%;
display: flex;
align-items: center;
position: fixed;
justify-content: center;
height: 60px;
bottom: 0;
background-color: white;
span{
width: 160px;
height: 48px;
background: #E2001A;
border-radius: 30px;
font-size: 16px;
color:#FFFFFF;
display: block;
display: flex;
align-items: center;
justify-content: center;
}
span:last-child{
margin-left: 40px;
}
}
.rc-headera{ .rc-headera{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -572,6 +632,10 @@ color: #E1001A;
display: flex; display: flex;
justify-content: center; justify-content: center;
margin-top: 20px; margin-top: 20px;
img{
width: 100%;
}
} }
.rc-header { .rc-header {
width: 100%; width: 100%;
@ -593,27 +657,7 @@ color: #E1001A;
} }
} }
.productdetails { .productdetails {
.rc-button{
width: 100%;
padding-top: 33px;
display: flex;
align-items: center;
span{
width: 160px;
height: 48px;
background: #E2001A;
border-radius: 30px;
font-size: 16px;
color:#FFFFFF;
display: block;
display: flex;
align-items: center;
justify-content: center;
}
span:last-child{
margin-left: 40px;
}
}
margin-top: 19px; margin-top: 19px;
.rc-productdetail { .rc-productdetail {
display: flex; display: flex;
@ -656,7 +700,7 @@ justify-content: center;
} }
.rc-productdeta { .rc-productdeta {
margin-top: 56px; margin-top: 20px;
.rc-prodtop { .rc-prodtop {
display: flex; display: flex;
align-items: center; align-items: center;
@ -671,7 +715,7 @@ justify-content: center;
justify-content: center; justify-content: center;
width: 59px; width: 59px;
font-size: 16px; font-size: 16px;
margin-left: 10px; margin-left: 4px;
height: 39px; height: 39px;
border-radius: 3px; border-radius: 3px;
} }
@ -691,6 +735,8 @@ justify-content: center;
width: 29px; width: 29px;
height: 29px; height: 29px;
display: block; display: block;
margin-left: 5px;
} }
.rc-message { .rc-message {
width: 29px; width: 29px;
@ -953,6 +999,9 @@ color: #E1001A;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
img{
width: 100%;
}
} }
.rc-main { .rc-main {

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

@ -1,8 +1,9 @@
<template> <template>
<div> <div>
<Myheader></Myheader> <Myheader></Myheader>
<div class="rc-top"> <div class="rc-top">
<div class="online" style="height:2px;width:100%;background:#DDDDDD;margin-top:0.23rem"></div>
<div class="rc-main"> <div class="rc-main">
<div class="usersearch"> <div class="usersearch">
@ -70,6 +71,7 @@
</div> </div>
</div> </div>
<div class="online" style="height:2px;width:100%;background:#DDDDDD;margin-top:0.23rem"></div>
</div> </div>
@ -200,7 +202,7 @@
<script> <script>
import Myheader from '~/components/header.vue' import Myheader from '~/components/header.vue'
import { userstype,biaomessa } from "../../ajax/getData"; import { userstype,biaomessa,biaomessage } from "../../ajax/getData";
export default { export default {
data() { data() {
return { return {
@ -383,8 +385,17 @@ export default {
Myheader, Myheader,
}, },
mounted(){ mounted(){
let stype=this.$route.query.stype;
this.activeIndex=stype;
console.log(stype);
if(stype!==''&&stype!==undefined){
this.onmessage(stype)
}else{
this.usetmessage(); this.usetmessage();
this.stypemessage(); }
}, },
methods: { methods: {
async usetmessage() { async usetmessage() {
@ -394,16 +405,17 @@ this.stypemessage();
} }
console.log( this.rccontair); console.log( this.rccontair);
}, },
//全部标签的查找 async onmessage(stype) {
async stypemessage() { let data = await biaomessage(stype);
let data = await userstype();
if(data){ if(data){
console.log(data); this.rccontair=data;
} }
console.log( this.rccontair);
}, },
userbuy(){ userbuy(){
this.$router.push({ this.$router.push({
path: "/myorder/userrecord", path: "/myorder/userrecord",
@ -554,6 +566,10 @@ ul li ol li em strong i {
//手机端 //手机端
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.rc-top{
position: relative;
margin-top: 74px;
}
.usercontentshow{ .usercontentshow{
position: relative; position: relative;
z-index: 997; z-index: 997;
@ -853,6 +869,7 @@ display: block;
} }
.rc-click{ .rc-click{
max-height: 1.9rem; max-height: 1.9rem;
min-height: 1.9rem;
} }
span{ span{
font-size: 0.16rem; font-size: 0.16rem;

22
rc-busness/pages/productdetails/userdetails.vue
View File

@ -65,15 +65,15 @@ methods:{
} }
console.log(data); console.log(data);
}, },
usertiao(item,index){ // usertiao(item,index){
if(item.price=='登出'){ // if(item.price=='登出'){
this.$router.push({ // this.$router.push({
path: "/productdetails/userdetails", // path: "/productdetails/userdetails",
}); // });
this.usernewlist[0].price='登录/注册' // this.usernewlist[0].price='登录/注册'
} // }
}, // },
usertiao(item,index){ usertiao(item,index){
if(item.price=='登录/注册' ||index==0){ if(item.price=='登录/注册' ||index==0){
this.$router.push({ this.$router.push({
@ -92,7 +92,7 @@ if(item.price=='登录/注册' ||index==0){
this.$router.push({ this.$router.push({
path: "/productdetails/productlist/", path: "/productdetails/productlist/",
query: { query: {
stype: 1, stype: 0,
}, },
}); });
@ -110,7 +110,7 @@ else if(item.price=='选购产品'){
this.$router.push({ this.$router.push({
path: "/productdetails/productlist/", path: "/productdetails/productlist/",
query: { query: {
stype: 1, stype: '',
}, },
}); });
@ -157,9 +157,11 @@ Myheader
<style lang="less" scoped > <style lang="less" scoped >
//手机端 //手机端
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.rc-header{ .rc-header{
width: 92%; width: 92%;
margin: 0 auto; margin: 0 auto;
ul{ ul{
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;

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

@ -312,7 +312,7 @@ margin-top: 24px;
} }
.container { .container {
border: 1px solid yellow;
font-size: 0.1rem; font-size: 0.1rem;
.van-field__body { .van-field__body {
border-bottom: 1px solid red; border-bottom: 1px solid red;

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

@ -378,7 +378,6 @@ margin-top: 24px;
} }
.container { .container {
border: 1px solid yellow;
font-size: 0.1rem; font-size: 0.1rem;
.van-field__body { .van-field__body {
border-bottom: 1px solid red; border-bottom: 1px solid red;

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

@ -49,7 +49,7 @@
<h2>专区:</h2> <h2>专区:</h2>
<ol> <ol>
<li v-for="(item, index) in prefecture" :key="index" @click="selectproduct(item, index)" :class="activeIndexb == index ? 'active' : 'unactive'" > <li v-for="(item, index) in prefecture" :key="index" @click="selectproduct(item, index)" :class="activeIndexb == index ? 'active' : 'unactive'" >
{{ item.title }} {{ item.tagName }}
</li> </li>
</ol> </ol>
</div> </div>
@ -58,7 +58,7 @@
<h2>年龄:</h2> <h2>年龄:</h2>
<ol> <ol>
<li v-for="(item, index) in catage" :key="index" @click="selectage(item, index)" :class="activeIndexc == index ? 'active' : 'unactive'"> <li v-for="(item, index) in catage" :key="index" @click="selectage(item, index)" :class="activeIndexc == index ? 'active' : 'unactive'">
{{ item.title }} {{ item.tagName }}
</li> </li>
</ol> </ol>
</div> </div>
@ -106,7 +106,7 @@
<h2>专区:</h2> <h2>专区:</h2>
<ol> <ol>
<li v-for="(item, index) in prefecture" :key="index" @click="selectproduct(item, index)" :class="activeIndexb == index ? 'active' : 'unactive'" > <li v-for="(item, index) in prefecture" :key="index" @click="selectproduct(item, index)" :class="activeIndexb == index ? 'active' : 'unactive'" >
{{ item.title }} {{ item.tagName }}
</li> </li>
</ol> </ol>
</div> </div>
@ -115,7 +115,7 @@
<h2>年龄:</h2> <h2>年龄:</h2>
<ol> <ol>
<li v-for="(item, index) in catage" :key="index" @click="selectage(item, index)" :class="activeIndexc == index ? 'active' : 'unactive'"> <li v-for="(item, index) in catage" :key="index" @click="selectage(item, index)" :class="activeIndexc == index ? 'active' : 'unactive'">
{{ item.title }} {{ item.tagName }}
</li> </li>
</ol> </ol>
</div> </div>
@ -123,7 +123,7 @@
<h2>功能:</h2> <h2>功能:</h2>
<ol> <ol>
<li v-for="(item, index) in catagea" :key="index" @click="selectagc(item, index)" :class="activeIndexd == index ? 'active' : 'unactive'"> <li v-for="(item, index) in catagea" :key="index" @click="selectagc(item, index)" :class="activeIndexd == index ? 'active' : 'unactive'">
{{ item.title }} {{ item.tagName }}
</li> </li>
</ol> </ol>
</div> </div>
@ -132,7 +132,7 @@
<h2>品种:</h2> <h2>品种:</h2>
<ol> <ol>
<li v-for="(item, index) in catageb" :key="index" @click="selectagd(item, index)" :class="activeIndexe == index ? 'active' : 'unactive'"> <li v-for="(item, index) in catageb" :key="index" @click="selectagd(item, index)" :class="activeIndexe == index ? 'active' : 'unactive'">
{{ item.title }} {{ item.tagName }}
</li> </li>
</ol> </ol>
</div> </div>
@ -210,11 +210,12 @@
<script> <script>
import Myheader from '~/components/header.vue' import Myheader from '~/components/header.vue'
import { biaome } from "../../ajax/getData"; import { biaome,userstype,searchchanpin } from "../../ajax/getData";
export default { export default {
data() { data() {
return { return {
value: "", value: "",
userstype:[],
activeIndex:0, activeIndex:0,
activeIndex1:0, activeIndex1:0,
activeIndexa:'-1', activeIndexa:'-1',
@ -387,6 +388,8 @@ export default {
catimage: require("../../assets/image/rc-dog.png"), catimage: require("../../assets/image/rc-dog.png"),
}, },
], ],
usercatlist:[],
userdoglisgt:[],
}; };
}, },
components: { components: {
@ -394,9 +397,72 @@ export default {
}, },
mounted(){ mounted(){
this.usetmessage(); this.usetmessage();
this.userst();
}, },
methods: { methods: {
async usetmessage() {
async usersearch(stype,categoryName,tagUsedAge,tagFunction,tagBreed){
let data=await searchchanpin(stype,categoryName,tagUsedAge,tagFunction,tagBreed);
console.log(data);
},
async userst() {
let pinzhong=[];
let zhuanqu=[];
let age=[];
let gonneg=[];
let data = await userstype();
if(data){
this.userstype=data;
}
this.usercatlist=this.userstype.filter(item=>item.petType=='0')
this.usercatlist.map(element=>{
if(element.name=='品种'){
pinzhong.push(element);
this.catageb=pinzhong
}
if(element.name=='功能'){
gonneg.push(element);
this.catagea=gonneg
}
if(element.name=='年龄'){
age.push(element);
this.catage=age
}
if(element.name=='专区'){
zhuanqu.push(element);
this.prefecture=gonneg
}
})
this.userdoglisgt=this.userstype.filter(item=>item.petType=='1')
// console.log(this.userdoglisgt)
// console.log(this.usercatlist,this.userdoglisgt);
// if(this.userstype[i].name=='品种'){
// pinzhong.push(this.userstype[i]);
//
// }
// else if(this.userstype[i].name=='专区'){
// zhuanqu.push(this.userstype[i]);
// this.prefecture=zhuanqu
// }
// else if(this.userstype[i].name=='年龄'){
// age.push(this.userstype[i]);
// this.catage=age;
// }
// else if(this.userstype[i].name=='功能'){
// gonneg.push(this.userstype[i]);
// this.catagea=gonneg;
// }
console.log(pinzhong,zhuanqu,age,gonneg);
console.log(this.userstype);
},
async usetmessage() {
let data = await biaome(this.value,10); let data = await biaome(this.value,10);
if(data){ if(data){
this.rccontair=data; this.rccontair=data;
@ -466,13 +532,109 @@ this.dialogInfo1=false;
console.log(e); console.log(e);
}, },
selectGoods(item, index) { selectGoods(item, index) {
let pinzhong=[];
let zhuanqu=[];
let age=[];
let gonneg=[];
this.activeIndex1=index;
if(this.activeIndex1==0){
this.usercatlist.map(element=>{
if(element.name=='品种'){
pinzhong.push(element);
this.catageb=pinzhong
}
if(element.name=='功能'){
gonneg.push(element);
this.catagea=gonneg
}
if(element.name=='年龄'){
age.push(element);
this.catage=age
}
if(element.name=='专区'){
zhuanqu.push(element);
this.prefecture=gonneg
}
})
console.log(pinzhong);
}else if(this.activeIndex1==1){
this.userdoglisgt.map(element=>{
if(element.name=='品种'){
pinzhong.push(element);
this.catageb=pinzhong
}
if(element.name=='功能'){
gonneg.push(element);
this.catagea=gonneg
}
if(element.name=='年龄'){
age.push(element);
this.catage=age
}
if(element.name=='专区'){
zhuanqu.push(element);
this.prefecture=gonneg
}
})
}
console.log(index);
console.log('----');
this.activeIndex=index; this.activeIndex=index;
console.log('----'); console.log('----');
}, },
selectGoodsa(item, index) { selectGoodsa(item, index) {
let pinzhong=[];
let zhuanqu=[];
let age=[];
let gonneg=[];
this.activeIndex1=index; this.activeIndex1=index;
if(this.activeIndex1==0){
this.usercatlist.map(element=>{
if(element.name=='品种'){
pinzhong.push(element);
this.catageb=pinzhong
}
if(element.name=='功能'){
gonneg.push(element);
this.catagea=gonneg
}
if(element.name=='年龄'){
age.push(element);
this.catage=age
}
if(element.name=='专区'){
zhuanqu.push(element);
this.prefecture=gonneg
}
})
console.log(pinzhong);
}else if(this.activeIndex1==1){
this.userdoglisgt.map(element=>{
if(element.name=='品种'){
pinzhong.push(element);
this.catageb=pinzhong
}
if(element.name=='功能'){
gonneg.push(element);
this.catagea=gonneg
}
if(element.name=='年龄'){
age.push(element);
this.catage=age
}
if(element.name=='专区'){
zhuanqu.push(element);
this.prefecture=gonneg
}
})
}
console.log(index);
console.log('----'); console.log('----');
}, },
userselect(){ userselect(){
@ -492,20 +654,30 @@ this.dialogInfo1=false;
}, },
selectsearch(item, index) { selectsearch(item, index) {
console.log(item)
this.activeIndexa=index; this.activeIndexa=index;
}, },
selectage(item, index) { selectage(item, index) {
console.log(item)
this.activeIndexc=index; this.activeIndexc=index;
}, },
selectagc(item, index) { selectagc(item, index) {
console.log(item)
this.activeIndexd=index; this.activeIndexd=index;
}, },
selectagd(item, index) { selectagd(item, index) {
console.log(item)
this.activeIndexe=index; this.activeIndexe=index;
}, },
selectproduct(item, index){ selectproduct(item, index){
console.log(item)
this.activeIndexb=index; this.activeIndexb=index;
this.usersearch(this.activeIndex1,item.tagName,'','','')
}, },
selectage(item, index) { selectage(item, index) {
this.activeIndexc=index; this.activeIndexc=index;

6
rc-busness/store/index.js
View File

@ -14,6 +14,12 @@ const mutations = {
localStorage.setItem('userInfo', val.cloud); localStorage.setItem('userInfo', val.cloud);
console.log(state,val); console.log(state,val);
}, },
changemessage(state, val) {
localStorage.setItem('message', val.data);
console.log(state,val);
},
// changeMenu(state, user){ // changeMenu(state, user){
// // console.log("vuex存储的变化",JSON.parse(user)) // // console.log("vuex存储的变化",JSON.parse(user))
// // console.log("vuex存储的变化",user) // // console.log("vuex存储的变化",user)

8
smart-admin-service/smart-admin-api/src/main/java/net/lab1024/smartadmin/module/system/royalcanin/good/OrderController.java
View File

@ -175,12 +175,12 @@ public class OrderController {
} }
@PostMapping("royalcanin/updateOrderAliPay") @PostMapping("royalcanin/updateOrderAliPay")
public String alipayNotify(HttpServletRequest request) throws Exception { public ResponseDTO<String> alipayNotify(HttpServletRequest request) throws Exception {
// 获取支付宝的请求信息 // 获取支付宝的请求信息
Map<String, String> map = new HashMap<>(); Map<String, String> map = new HashMap<>();
Map<String, String[]> requestParams = request.getParameterMap(); Map<String, String[]> requestParams = request.getParameterMap();
if(requestParams.isEmpty()) { if(requestParams.isEmpty()) {
return "failure"; return ResponseDTO.wrap(OrderResponseCodeConst.WITHOUT_ORDER);
} }
// 将 Map<String,String[]> 转为 Map<String,String> // 将 Map<String,String[]> 转为 Map<String,String>
for (Iterator<String> iter = requestParams.keySet().iterator(); iter.hasNext();) { for (Iterator<String> iter = requestParams.keySet().iterator(); iter.hasNext();) {
@ -197,8 +197,10 @@ public class OrderController {
// 验签通过 // 验签通过
if (signVerified) { if (signVerified) {
//支付成功后进行操作 //支付成功后进行操作
aliPayService.orderCallBackAliPay(map.get("out_trade_no"),map.get("total_amount"));
return ResponseDTO.succ();
} }
return "failure"; return ResponseDTO.wrap(OrderResponseCodeConst.WITHOUT_ORDER);
} }