mirror of
https://gitee.com/lab1024/smart-admin.git
synced 2025-10-02 02:06:38 +08:00
2
This commit is contained in:
952108534@qq.com
parent
bd6e653dc1
commit
a49efd47b2
@ -131,11 +131,11 @@ export const mostAddClass = (id) => {
|
||||
/**
|
||||
* 筛选标签
|
||||
*/
|
||||
export const userstype = (mobile, pet,address) => {
|
||||
export const userstype = (stype, pet,address) => {
|
||||
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);
|
||||
var data = {
|
||||
petType:stype
|
||||
petType:stype,
|
||||
page:1,
|
||||
row:10
|
||||
}
|
||||
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) => {
|
||||
console.log(stype);
|
||||
var data = {
|
||||
name:stype
|
||||
name:stype,
|
||||
page:1,
|
||||
row:10
|
||||
}
|
||||
return fetch('product/query', data, 'POST' )
|
||||
}
|
||||
@ -356,7 +400,6 @@ export const goodsmessage = (productCode) => {
|
||||
//用户领取的优惠券
|
||||
export const getdraw = (mobile,states) => {
|
||||
var data = {
|
||||
channelSecurity:'H5@2021',
|
||||
mobile:mobile,
|
||||
status:states
|
||||
}
|
||||
@ -403,17 +446,17 @@ export const goodsmessage = (productCode) => {
|
||||
|
||||
|
||||
//用户订单的查询
|
||||
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 customerorders = (memberId,channelSecurity,mobile) => {
|
||||
// var data = {
|
||||
// productName:'幼猫全价粮',
|
||||
// buyCount:'2',
|
||||
// productId:'210352',
|
||||
// payAmount:'517',
|
||||
// memberId:'844350',
|
||||
// phoneNumber:'18112621098',
|
||||
// }
|
||||
// return fetch('generateOrderWX', data, 'POST' )
|
||||
// }
|
||||
|
||||
|
||||
//地址的查询
|
||||
|
||||
@ -68,7 +68,7 @@ export default {
|
||||
align-items: center;
|
||||
height: 70px;
|
||||
background-color: white;
|
||||
z-index: 994;
|
||||
z-index: 9999 ;
|
||||
.rc-center{
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -14,7 +14,7 @@
|
||||
<div class="show_box">
|
||||
<ul class="picture_container" ref="middlePicture">
|
||||
<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>
|
||||
</ul>
|
||||
</div>
|
||||
@ -92,17 +92,23 @@ export default {
|
||||
}
|
||||
},
|
||||
created() {
|
||||
|
||||
if (this.imgList && this.imgList.length) {
|
||||
this.pictureList = this.imgList
|
||||
let user= JSON.parse(localStorage.getItem("message"));
|
||||
console.log(user);
|
||||
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
|
||||
// this.itemWidth = (this.middleImgWidth-30) / 2
|
||||
},
|
||||
|
||||
mounted() {
|
||||
console.log(this.parentmsg)
|
||||
|
||||
|
||||
|
||||
this.ifadroind();
|
||||
this.$nextTick(() => {
|
||||
@ -236,7 +242,7 @@ this.ifadroind();
|
||||
},
|
||||
// 切换图片
|
||||
tabPicture (item,index) {
|
||||
this.middleImg = item.url
|
||||
this.middleImg = item.attachmentPath
|
||||
this.$emit('changeName',item)
|
||||
console.log(item,index)
|
||||
},
|
||||
|
||||
@ -24,7 +24,7 @@
|
||||
<img :src="istrue?require('../assets/image/onbottom.png'):require('../assets/image/ontop.png')" alt="" >
|
||||
</div>
|
||||
<ul ref="variety">
|
||||
|
||||
<li>产品</li>
|
||||
<li>品种</li>
|
||||
<li>想养只猫</li>
|
||||
<li>幼猫</li>
|
||||
|
||||
457
rc-busness/package-lock.json
generated
457
rc-busness/package-lock.json
generated
@ -19,6 +19,7 @@
|
||||
"less-loader": "^6.0.0",
|
||||
"nuxt": "^2.15.7",
|
||||
"nuxt-tailvue": "^1.0.95",
|
||||
"postcss-px2rem": "^0.3.0",
|
||||
"postcss-pxtorem": "^6.0.0",
|
||||
"qrcodejs2": "^0.0.2",
|
||||
"vant": "^2.12.22",
|
||||
@ -4709,6 +4710,17 @@
|
||||
"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": {
|
||||
"version": "0.1.4",
|
||||
"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"
|
||||
}
|
||||
},
|
||||
"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": {
|
||||
"version": "4.4.0",
|
||||
"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",
|
||||
"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": {
|
||||
"version": "2.0.1",
|
||||
"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",
|
||||
"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": {
|
||||
"version": "4.0.0",
|
||||
"resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
|
||||
@ -8752,6 +8782,12 @@
|
||||
"integrity": "sha512-uZ5rQaeRn15XmpgE0xoPL8YWqcX90VtCFglYwAgkvKM5e8fog+vePLAhHxuuv/gRkrQxIeh5U3q9sMNUrENqWw==",
|
||||
"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": {
|
||||
"version": "2.9.1",
|
||||
"resolved": "https://registry.npmjs.org/needle/-/needle-2.9.1.tgz",
|
||||
@ -12112,6 +12148,98 @@
|
||||
"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": {
|
||||
"version": "6.0.0",
|
||||
"resolved": "https://registry.npmjs.org/postcss-pxtorem/-/postcss-pxtorem-6.0.0.tgz",
|
||||
@ -12632,6 +12760,134 @@
|
||||
"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": {
|
||||
"version": "1.5.1",
|
||||
"resolved": "https://registry.npmjs.org/q/-/q-1.5.1.tgz",
|
||||
@ -19854,6 +20110,24 @@
|
||||
"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": {
|
||||
"version": "0.1.4",
|
||||
"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": {
|
||||
"version": "2.0.1",
|
||||
"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",
|
||||
"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": {
|
||||
"version": "4.0.0",
|
||||
"resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
|
||||
@ -22886,6 +23170,11 @@
|
||||
"integrity": "sha512-uZ5rQaeRn15XmpgE0xoPL8YWqcX90VtCFglYwAgkvKM5e8fog+vePLAhHxuuv/gRkrQxIeh5U3q9sMNUrENqWw==",
|
||||
"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": {
|
||||
"version": "2.9.1",
|
||||
"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": {
|
||||
"version": "6.0.0",
|
||||
"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",
|
||||
"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": {
|
||||
"version": "1.5.1",
|
||||
"resolved": "https://registry.npmjs.org/q/-/q-1.5.1.tgz",
|
||||
|
||||
@ -10,7 +10,7 @@
|
||||
},
|
||||
"config": {
|
||||
"nuxt": {
|
||||
"host": "localhost",
|
||||
"host": "192.168.10.104",
|
||||
"port": "8080"
|
||||
}
|
||||
},
|
||||
@ -26,8 +26,9 @@
|
||||
"less-loader": "^6.0.0",
|
||||
"nuxt": "^2.15.7",
|
||||
"nuxt-tailvue": "^1.0.95",
|
||||
"postcss-px2rem": "^0.3.0",
|
||||
"postcss-pxtorem": "^6.0.0",
|
||||
"qrcodejs2": "^0.0.2",
|
||||
"swiper": "^5.4.5",
|
||||
"vant": "^2.12.22",
|
||||
"vue-awesome-swiper": "^4.1.1",
|
||||
"vuex-persistedstate": "^4.1.0"
|
||||
|
||||
@ -35,7 +35,7 @@
|
||||
<div class="rc-main">
|
||||
<div class="usermain">
|
||||
<div class="rc-ma">
|
||||
<ul class="ul-zhuan">
|
||||
<ul :class="searchBar?'ul-zhuan':'searchBara'" >
|
||||
|
||||
|
||||
<li
|
||||
@ -61,12 +61,10 @@
|
||||
<h2>明星猫粮</h2>
|
||||
<!-- 轮播图 -->
|
||||
<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="uservideo">
|
||||
<video :src="item.video"
|
||||
>
|
||||
</video>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="rc-right">
|
||||
@ -80,8 +78,8 @@
|
||||
<div class="sw-center" >
|
||||
<div class="rc-click" @click="selectproduce(item,index)">
|
||||
<div class="uservideo">
|
||||
<video width="320" height="240" controls="controls">
|
||||
<source src="../assets/cat/one.mp4" type="video/ogg" autoplay>
|
||||
<video width="300px" height="251" controls="controls">
|
||||
<source :src= item.video type="video/ogg" autoplay>
|
||||
|
||||
</video>
|
||||
</div>
|
||||
@ -121,14 +119,16 @@
|
||||
<span>{{item.name}}</span>
|
||||
<i>{{item.price}}</i>
|
||||
</div>
|
||||
<strong @click="userbuy(item,index)">立即购买</strong>
|
||||
<strong @click="selectproduce(item,index)">立即购买</strong>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
|
||||
<nuxt-link :to="`/productdetails/productlist/`">
|
||||
<div class="userserlect">
|
||||
<span @click="userlook(0)">查看更多</span>
|
||||
<span>查看更多</span>
|
||||
</div>
|
||||
</nuxt-link>
|
||||
|
||||
|
||||
|
||||
@ -187,11 +187,7 @@
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="online" style="height:3px;width:100%;background:#DDDDDD;margin-top:0.33rem"></div>
|
||||
<div class="selectionswitch">
|
||||
<h2>全价猫干粮</h2>
|
||||
@ -207,14 +203,16 @@
|
||||
<span>{{item.name}}</span>
|
||||
<i>{{item.price}}</i>
|
||||
</div>
|
||||
<strong @click="userbuy(item,index)">立即购买</strong>
|
||||
<strong @click="selectproduce(item,index)">立即购买</strong>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
<nuxt-link :to="`/productdetails/productlist/`">
|
||||
<div class="userserlect">
|
||||
<span @click="userlook(1)">查看更多</span>
|
||||
<span>查看更多</span>
|
||||
</div>
|
||||
</nuxt-link>
|
||||
</div>
|
||||
|
||||
</van-tab>
|
||||
@ -260,7 +258,7 @@
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<nuxt-link :to="`/productdetails/productlist/`">
|
||||
<nuxt-link :to="`/productdetails/productlist/`">
|
||||
<div class="userserlect">
|
||||
<span>查看更多</span>
|
||||
</div>
|
||||
@ -278,8 +276,8 @@
|
||||
|
||||
<div class="selectionswitch">
|
||||
<h2>全价犬湿粮</h2>
|
||||
<van-tabs @change='userclick' class="van-tabs">
|
||||
<van-tab v-for="(item,index) in discoun" :key="index" :title="item.title">
|
||||
<van-tabs @change='userdog' class="van-tabs">
|
||||
<van-tab v-for="(item,index) in dogtype" :key="index" :title="item.title">
|
||||
<div class="rc-contair">
|
||||
<ul>
|
||||
<li v-for="(item,index) in dogshi" :key="index">
|
||||
@ -290,14 +288,16 @@
|
||||
<span>{{item.name}}</span>
|
||||
<i>{{item.price}}</i>
|
||||
</div>
|
||||
<strong @click="userbuy(item,index)">立即购买</strong>
|
||||
<strong @click="selectproduce(item,index)">立即购买</strong>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
<div class="userserlect" @click="userlook(2)">
|
||||
<nuxt-link :to="`/productdetails/productlist/`">
|
||||
<div class="userserlect">
|
||||
<span>查看更多</span>
|
||||
</div>
|
||||
</nuxt-link>
|
||||
|
||||
|
||||
|
||||
@ -346,7 +346,7 @@
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<nuxt-link :to="`/productdetails/productlist/`">
|
||||
<nuxt-link :to="`/productdetails/productlist/`">
|
||||
<div class="userserlect">
|
||||
<span>查看更多</span>
|
||||
</div>
|
||||
@ -363,8 +363,8 @@
|
||||
<div class="online" style="height:3px;width:100%;background:#DDDDDD;margin-top:0.33rem"></div>
|
||||
<div class="selectionswitch">
|
||||
<h2>全价犬干粮</h2>
|
||||
<van-tabs @change='userclick' class="van-tabs">
|
||||
<van-tab v-for="(item,index) in doggan" :key="index" :title="item.title">
|
||||
<van-tabs @change='userdog' class="van-tabs">
|
||||
<van-tab v-for="(item,index) in dogtype" :key="index" :title="item.title">
|
||||
<div class="rc-contair">
|
||||
<ul>
|
||||
<li v-for="(item,index) in doggan" :key="index">
|
||||
@ -375,13 +375,15 @@
|
||||
<span>{{item.name}}</span>
|
||||
<i>{{item.price}}</i>
|
||||
</div>
|
||||
<strong @click="userbuy(item,index)">立即购买</strong>
|
||||
<strong @click="selectproduce(item,index)">立即购买</strong>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="userserlect" @click="userlook(3)">
|
||||
<nuxt-link :to="`/productdetails/productlist/`">
|
||||
<div class="userserlect">
|
||||
<span>查看更多</span>
|
||||
</div>
|
||||
</nuxt-link>
|
||||
|
||||
|
||||
|
||||
@ -426,7 +428,7 @@
|
||||
</div>
|
||||
<span>{{item.title}}</span>
|
||||
<i>{{item.price}}</i>
|
||||
<strong @click="userbuy(item,index)">立即购买</strong>
|
||||
<strong @click="selectproduce(item,index)">立即购买</strong>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
@ -460,14 +462,16 @@
|
||||
<span>{{item.productName}}</span>
|
||||
<!-- <i>￥{{item.basePrice}}</i> -->
|
||||
</div>
|
||||
<strong @click="userbuy(item,index)">立即购买</strong>
|
||||
<strong @click="selectproduce(item,index)">立即购买</strong>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
<div class="userserlect" @click="userlook(4)">
|
||||
<nuxt-link :to="`/productdetails/productlist/`">
|
||||
<div class="userserlect">
|
||||
<span>查看更多</span>
|
||||
</div>
|
||||
</nuxt-link>
|
||||
|
||||
|
||||
|
||||
@ -512,11 +516,11 @@
|
||||
</div>
|
||||
<span>{{item.title}}</span>
|
||||
<i>{{item.price}}</i>
|
||||
<strong @click="userbuy(item,index)">立即购买</strong>
|
||||
<strong @click="selectproduce(item,index)">立即购买</strong>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<nuxt-link :to="`/productdetails/productlist/`">
|
||||
<nuxt-link :to="`/productdetails/productlist/`">
|
||||
<div class="userserlect">
|
||||
<span>查看更多</span>
|
||||
</div>
|
||||
@ -571,7 +575,7 @@
|
||||
</nuxt-link>
|
||||
</div> -->
|
||||
|
||||
<div class="rc-fixright" v-show="gotop">
|
||||
<div class="rc-fixright" >
|
||||
<ul >
|
||||
<li v-for="(userfixed,index) in fixedlist" :key="index" @click="lianxi(userfixed,index)">
|
||||
<img :src="userfixed.catimage" alt="">
|
||||
@ -579,7 +583,7 @@
|
||||
|
||||
</li>
|
||||
</ul>
|
||||
<div class="tuntop" @click="toTop">
|
||||
<div class="tuntop" @click="toTop" v-show="gotop">
|
||||
<img src="../assets/image/turntop.png" alt="">
|
||||
|
||||
回到顶部</div>
|
||||
@ -589,6 +593,7 @@
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import $ from 'jquery'
|
||||
import Myheader from "~/components/header.vue";
|
||||
import Myfooter from "~/components/rc-footer.vue";
|
||||
import '@vant/touch-emulator';
|
||||
@ -600,9 +605,30 @@
|
||||
processinformation:[],
|
||||
catshi:[],
|
||||
userunlogin:false,
|
||||
searchBar:true,
|
||||
usermessage:[],
|
||||
catgan:[],
|
||||
doggan:[],
|
||||
dogtype:[
|
||||
{
|
||||
title: "幼犬",
|
||||
|
||||
},
|
||||
{
|
||||
title: "成犬",
|
||||
},
|
||||
{
|
||||
title: "老年犬",
|
||||
},
|
||||
// {
|
||||
// title: "品种猫",
|
||||
|
||||
// },
|
||||
// {
|
||||
// title: "亚健康",
|
||||
|
||||
// },
|
||||
],
|
||||
dogshi:[],
|
||||
catlist:[],
|
||||
chufanlist:[],
|
||||
@ -701,11 +727,11 @@ activeInde3:0,
|
||||
catimage: require("../assets/cat.png"),
|
||||
},
|
||||
{
|
||||
title: "猫湿粮",
|
||||
title: "猫干粮",
|
||||
catimage: require("../assets/four.png"),
|
||||
},
|
||||
{
|
||||
title: "猫干粮",
|
||||
title: "猫湿粮",
|
||||
catimage: require("../assets/one.png"),
|
||||
},
|
||||
{
|
||||
@ -714,12 +740,12 @@ activeInde3:0,
|
||||
|
||||
},
|
||||
{
|
||||
title: "狗粮",
|
||||
title: "犬干粮",
|
||||
catimage: require("../assets/three.png"),
|
||||
|
||||
},
|
||||
{
|
||||
title: "明星狗粮",
|
||||
title: "犬湿粮",
|
||||
catimage: require("../assets/six.png"),
|
||||
},
|
||||
],
|
||||
@ -749,25 +775,32 @@ activeInde3:0,
|
||||
},
|
||||
|
||||
],
|
||||
userlist: [
|
||||
catlistvideo: [
|
||||
{
|
||||
title: "明星猫粮",
|
||||
|
||||
catimage: require("../assets/cat.png"),
|
||||
video:require("../assets/cat/one.mp4"),
|
||||
catimage: require("../assets/cat/one.jpg"),
|
||||
detail:'为10月龄及以上英国短毛猫成猫量身打造的精准营养',
|
||||
price:'¥123.45',
|
||||
},
|
||||
{
|
||||
title: "猫湿粮",
|
||||
|
||||
catimage: require("../assets/four.png"),
|
||||
video:require("../assets/cat/two.mp4"),
|
||||
catimage: require("../assets/cat/two.jpg"),
|
||||
detail:'为10月龄及以上英国短毛猫成猫量身打造的精准营养',
|
||||
price:'¥123.45',
|
||||
},
|
||||
{
|
||||
title: "猫干粮",
|
||||
|
||||
catimage: require("../assets/one.png"),
|
||||
video:require("../assets/cat/three.mp4"),
|
||||
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月龄及以上英国短毛猫成猫量身打造的精准营养',
|
||||
price:'¥123.45',
|
||||
},
|
||||
@ -877,6 +910,7 @@ activeInde3:0,
|
||||
},
|
||||
mounted(){
|
||||
this.usermessage= JSON.parse(localStorage.getItem("userInfo"));
|
||||
let jump = document.querySelectorAll('.d_jump')
|
||||
if(this.usermessage==null ||this.usermessage==undefined){
|
||||
this.userunlogin=true
|
||||
}
|
||||
@ -892,6 +926,11 @@ activeInde3:0,
|
||||
window.removeEventListener('scroll', this.scrollToTop);
|
||||
},
|
||||
methods:{
|
||||
userdog(item,index){
|
||||
this.dogmessage(index)
|
||||
},
|
||||
|
||||
|
||||
userlook(order){
|
||||
console.log(order);
|
||||
if(order==0){
|
||||
@ -926,9 +965,14 @@ activeInde3:0,
|
||||
console.log('-----');
|
||||
this.toTop();
|
||||
},
|
||||
handleScroll() {
|
||||
handleScroll(e) {
|
||||
console.log(e);
|
||||
let scrolltop = document.documentElement.scrollTop || document.body.scrollTop;
|
||||
console.log(scrolltop);
|
||||
scrolltop > 1200 ? (this.gotop = true) : (this.gotop = false);
|
||||
|
||||
scrolltop>1500?(this.searchBar=false):(this.searchBar=true);
|
||||
console.log(this.searchBar);
|
||||
},
|
||||
toTop() {
|
||||
let top = document.documentElement.scrollTop || document.body.scrollTop;
|
||||
@ -966,8 +1010,8 @@ activeInde3:0,
|
||||
},
|
||||
|
||||
//请求犬
|
||||
async dogmessage() {
|
||||
let data = await biaomessage(1);
|
||||
async dogmessage(name) {
|
||||
let data = await biaomessage(1,name);
|
||||
if(data){
|
||||
let userlist=[];
|
||||
userlist=data.slice(0,6);
|
||||
@ -1058,6 +1102,10 @@ activeInde3:0,
|
||||
},
|
||||
|
||||
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.catfood=true;
|
||||
this.catproduct=false;
|
||||
@ -1086,12 +1134,11 @@ this.activeInde3=index;
|
||||
}
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
@media screen and(min-width: 320px) and(max-width:768px){
|
||||
|
||||
|
||||
|
||||
}
|
||||
@import url("../assets/css/index.less");
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
@ -211,7 +211,7 @@ export default {
|
||||
});
|
||||
console.log(data);
|
||||
this.$router.push({
|
||||
path: "/personal/userpay",
|
||||
path: "/personal/settlement",
|
||||
query: {
|
||||
wxdata:data.data
|
||||
},
|
||||
@ -228,6 +228,7 @@ export default {
|
||||
console.log(user);
|
||||
this.userid=user.data.id;
|
||||
let data = await deleteCart(user.data.id,productCode);
|
||||
|
||||
if(data){
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
@ -421,6 +422,9 @@ plus(num,index){
|
||||
<style lang="less" scoped>
|
||||
// 手机端
|
||||
@media screen and(min-width: 320px) and(max-width:768px) {
|
||||
.rc-header{
|
||||
|
||||
}
|
||||
.rc-footera{
|
||||
display: none;
|
||||
}
|
||||
@ -481,6 +485,7 @@ plus(num,index){
|
||||
border-bottom: 1px solid #d8d8d8;
|
||||
height: 56px;
|
||||
width: 100%;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
.select-left {
|
||||
@ -577,13 +582,13 @@ plus(num,index){
|
||||
width: 23px;
|
||||
height: 23px;
|
||||
display: block;
|
||||
margin-right: 5px;
|
||||
margin-right: 4px;
|
||||
}
|
||||
img:last-child {
|
||||
width: 23px;
|
||||
height: 23px;
|
||||
display: block;
|
||||
margin-left: 10px;
|
||||
margin-left: 4px;
|
||||
}
|
||||
strong {
|
||||
font-style: normal;
|
||||
|
||||
@ -3,21 +3,21 @@
|
||||
<Myheader></Myheader>
|
||||
|
||||
<div class="rc-header">
|
||||
<div class="rc-main">
|
||||
<div class="rc-receiving">
|
||||
<em>{{userisdelivery}}</em>
|
||||
<div class="rc-main" v-for="(item,index) in goldmedal" :key="index" >
|
||||
<div class="rc-receiving" >
|
||||
<em>{{item.status=='0'?'待付款':item.status=='1'?'待收货':item.status=='2'?'已完成':item.status=='3'?'已取消':'异常订单'}}</em>
|
||||
<span>{{orderstatus}}</span>
|
||||
</div>
|
||||
<div class="rc-border"></div>
|
||||
<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">
|
||||
<span>{{ item.state }}</span>
|
||||
<i>{{ item.time }}</i>
|
||||
<span>{{ userdata.state }}</span>
|
||||
<i>{{ userdata.time }}</i>
|
||||
</div>
|
||||
<div class="bo-delivery">
|
||||
<span>{{ item.address }}</span>
|
||||
<span>{{ userdata.address }}</span>
|
||||
</div>
|
||||
<div class="viewdetails">
|
||||
<span>查看详情</span>
|
||||
@ -27,32 +27,33 @@
|
||||
</div>
|
||||
<div
|
||||
class="mypersonal"
|
||||
v-for="(item, index) in useraddress"
|
||||
v-for="(dataaddress, index) in useraddress"
|
||||
:key="index"
|
||||
>
|
||||
<div class="my-delivery">
|
||||
<span>{{ item.state }}</span>
|
||||
<i>{{ item.tel }}</i>
|
||||
<span>{{ dataaddress.state }}</span>
|
||||
<i>{{ dataaddress.tel }}</i>
|
||||
</div>
|
||||
<div class="per-delivery">
|
||||
<span>{{ item.address }}</span>
|
||||
<span>{{ dataaddress.address }}</span>
|
||||
</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-image">
|
||||
<img :src="item.catimage" alt="" />
|
||||
</div>
|
||||
<div class="rc-right">
|
||||
<div class="rc-usercenter">
|
||||
<em>{{ item.usereat }}</em>
|
||||
<em>{{ userlist.productName }}</em>
|
||||
<div class="rc-userright">
|
||||
<span>规格:{{ item.num }}</span>
|
||||
<span>规格:{{ item.productId }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="rc-userbottom">
|
||||
<span>数量:{{ item.orderstype }}件</span>
|
||||
<i>￥{{ item.userprice }}</i>
|
||||
<span>数量:{{ item.pcs }}件</span>
|
||||
<i>￥{{ item.ecPrice }}</i>
|
||||
<div class="rc-bottom">
|
||||
<span>联系客服申请售后</span>
|
||||
</div>
|
||||
@ -112,7 +113,7 @@
|
||||
<li>
|
||||
<span>快递单号:</span>
|
||||
<div class="u-trackingnumber">
|
||||
<i>{{ information.trackingnumber }}
|
||||
<i>{{ userlist.logisticsNumber }}
|
||||
</i>
|
||||
<img :src="information.catimage" alt="">
|
||||
</div>
|
||||
@ -133,6 +134,7 @@
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -140,15 +142,18 @@
|
||||
|
||||
<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: [
|
||||
{
|
||||
@ -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() {
|
||||
this.addressstype = this.$route.query.stype;
|
||||
this.orderNumber=this.$route.query.orderNumber;
|
||||
this.canceldanhao(this.orderNumber)
|
||||
console.log(this.orderNumber);
|
||||
if(this.addressstype==2){
|
||||
this.orderstatus='您的订单已付款成功，请耐心等候，我们会尽快安排给您发货！';
|
||||
this.isshow=false;
|
||||
this.userisdelivery='待发货';
|
||||
console.log( this.orderstatus);
|
||||
}else if(this.addressstype==1){
|
||||
}else if(this.addressstype==0){
|
||||
this.orderstatus='您的订单尚未支付';
|
||||
this.isshow=false;
|
||||
this.userisdelivery='待付款';
|
||||
}
|
||||
else if(this.addressstype==3){
|
||||
else if(this.addressstype==1){
|
||||
this.orderstatus='您的订单发货，请您耐心等候！';
|
||||
this.isshow=true;
|
||||
this.userisdelivery='待收货';
|
||||
}
|
||||
else if(this.addressstype==3){
|
||||
this.orderstatus='您的订单已取消！';
|
||||
this.isshow=false;
|
||||
this.userisdelivery='已取消';
|
||||
}
|
||||
console.log(this.addressstype);
|
||||
},
|
||||
|
||||
@ -20,7 +20,9 @@
|
||||
<span>{{usertitle}}</span>
|
||||
<em>{{userorder}}</em>
|
||||
</div>
|
||||
<nuxt-link :to="`/userlogin/login/`">
|
||||
<span v-if="islogin">登录/注册</span>
|
||||
</nuxt-link>
|
||||
</div>
|
||||
</div>
|
||||
<div class="rc-islogin">
|
||||
@ -32,9 +34,7 @@
|
||||
|
||||
<div class="usercord">
|
||||
<em>当前积分:{{ rcrcord }}</em>
|
||||
<nuxt-link :to="`/personal/integral/`">
|
||||
<span>积分明细</span>
|
||||
</nuxt-link>
|
||||
<span @click="userinter">积分明细</span>
|
||||
</div>
|
||||
|
||||
<div class="rc-cordd">
|
||||
@ -54,9 +54,9 @@
|
||||
<div class="rc-order">
|
||||
<em>我的订单</em>
|
||||
|
||||
<nuxt-link :to="`/personal/useraddress/`">
|
||||
<span >查看全部</span>
|
||||
</nuxt-link>
|
||||
|
||||
<span @click="findall" >查看全部</span>
|
||||
|
||||
</div>
|
||||
<div class="rc-obligation">
|
||||
<ul>
|
||||
@ -185,12 +185,51 @@ export default {
|
||||
|
||||
},
|
||||
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){
|
||||
console.log(index);
|
||||
if(index==0){
|
||||
console.log(item);
|
||||
|
||||
if(this.userid!==null||this.userid!==undefined){
|
||||
if(item.title=='待付款'){
|
||||
this.$router.push({
|
||||
path: "/myorder/usertion",
|
||||
path: "/personal/useraddress",
|
||||
query: {
|
||||
stype: 1,
|
||||
},
|
||||
@ -198,22 +237,31 @@ obligation(item,index){
|
||||
|
||||
}
|
||||
|
||||
else if(index==1){
|
||||
else if(item.title=='待发货'){
|
||||
this.$router.push({
|
||||
path: "/myorder/usertion",
|
||||
path: "/personal/useraddress",
|
||||
query: {
|
||||
stype: 2,
|
||||
},
|
||||
});
|
||||
}
|
||||
else if(index==2){
|
||||
else if(item.title=='待收货'){
|
||||
this.$router.push({
|
||||
path: "/myorder/usertion",
|
||||
path: "/personal/useraddress",
|
||||
query: {
|
||||
stype: 3,
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
}else{
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: '您还未登录'
|
||||
});
|
||||
return
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
|
||||
@ -253,7 +301,8 @@ obligation(item,index){
|
||||
},
|
||||
openaddress(index){
|
||||
console.log(index);
|
||||
if(index==2){
|
||||
if(this.userid!==null||this.userid!==undefined){
|
||||
if(index==2){
|
||||
this.$router.push({
|
||||
path: `/useraddress/openaddress/`
|
||||
})
|
||||
@ -273,6 +322,15 @@ this.$router.push({
|
||||
|
||||
|
||||
}
|
||||
}else{
|
||||
console.log('---=');
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: '您还未登录'
|
||||
});
|
||||
return
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
opendialog(){
|
||||
@ -282,6 +340,7 @@ this.$router.push({
|
||||
},
|
||||
mounted() {
|
||||
console.log(this.islogin)
|
||||
console.log(this.userid);
|
||||
let userwidth=0;
|
||||
this.ifadroind();
|
||||
let user= JSON.parse(localStorage.getItem("userInfo"));
|
||||
@ -289,6 +348,7 @@ this.$router.push({
|
||||
if(user!==null){
|
||||
console.log('11')
|
||||
this.userid=user.data;
|
||||
console.log(this.userid);
|
||||
this.usertitle=this.userid.memberName;
|
||||
|
||||
this.rcrcord=this.userid.availiblePoint;
|
||||
|
||||
@ -207,6 +207,7 @@ export default {
|
||||
},
|
||||
mounted() {
|
||||
this.addressstype = this.$route.query.stype;
|
||||
console.log(this.addressstype);
|
||||
if(this.addressstype==1){
|
||||
this.orderstatus='您的订单已完成，欢迎您再次购买。';
|
||||
this.isshow=false;
|
||||
|
||||
831
rc-busness/pages/personal/settlement.vue
Normal file
831
rc-busness/pages/personal/settlement.vue
Normal 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>
|
||||
@ -21,16 +21,17 @@
|
||||
|
||||
</div>
|
||||
<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>
|
||||
<i>订单编号:</i><span>{{ item.ordernumber }}</span>
|
||||
<i>订单编号:</i><span>{{ item.orderNumber }}</span>
|
||||
|
||||
</div>
|
||||
<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 class="rc-usermain">
|
||||
<div class="rc-usermain" @click="userfind(item)">
|
||||
<div class="rc-image">
|
||||
|
||||
<img :src="item.catimage" alt="" />
|
||||
@ -39,12 +40,12 @@
|
||||
<div class="rc-usercenter">
|
||||
<em>{{ item.usereat }}</em>
|
||||
<div class="rc-userright">
|
||||
<span>规格:{{ item.num }}</span>
|
||||
<span>规格:{{ userlist.num }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="rc-userbottom">
|
||||
<span>数量:{{ item.orderstype }}件</span>
|
||||
<i>￥{{ item.userprice }}</i>
|
||||
<span>数量:{{ userlist.pcs}}件</span>
|
||||
<i>￥{{ userlist.ecPrice }}</i>
|
||||
</div>
|
||||
|
||||
|
||||
@ -60,10 +61,11 @@
|
||||
<span @click="userfind()">查看订单</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="rc-bottom">
|
||||
<span @click="userpay(item,index)">{{item.buttontitle}}</span>
|
||||
<span @click="userfind()">查看订单</span>
|
||||
</div>
|
||||
<!-- <div class="rc-bottom">
|
||||
<span @click="userpay(item,index)">{{item.status=='0'?'取消订单':item.status=='1'?'确认收货':item.status=='2'?'再次购买':item.status=='3'?'再次购买':'异常订单'}}</span>
|
||||
<span @click="userfind(item)">{{item.status=='0'?'立即支付':item.status=='1'?'查看订单':item.status=='2'?'查看订单':item.status=='3'?'查看订单':'异常订单'}}</span>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -71,12 +73,14 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { List } from 'vant';
|
||||
import Myheader from "~/components/header.vue";
|
||||
import { customerorders } from "../../ajax/getData";
|
||||
import { customerorders,userindent,canceldanhao } from "../../ajax/getData";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
activeIndex: 0,
|
||||
userdata:[],
|
||||
buttontitle:'再次购买',
|
||||
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: {
|
||||
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){
|
||||
console.log(item);
|
||||
if(item.status==0){
|
||||
this.canceldanhao(item.orderNumber);
|
||||
|
||||
}
|
||||
console.log(item.buttontitle);
|
||||
if(item.buttontitle=='立即支付'){
|
||||
this.$router.push({
|
||||
@ -216,12 +273,14 @@ export default {
|
||||
|
||||
}
|
||||
},
|
||||
userfind(){
|
||||
userfind(item){
|
||||
console.log('--');
|
||||
console.log(item.orderNumber);
|
||||
this.$router.push({
|
||||
path: "/personal/quiry",
|
||||
path: "/myorder/usertion",
|
||||
query: {
|
||||
stype: 1,
|
||||
stype: item.status,
|
||||
orderNumber:item.orderNumber
|
||||
},
|
||||
});
|
||||
},
|
||||
@ -232,15 +291,10 @@ export default {
|
||||
stype: 1,
|
||||
},
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
},
|
||||
mounted() {
|
||||
|
||||
|
||||
},
|
||||
components: {
|
||||
Myheader,
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
@ -265,7 +319,10 @@ export default {
|
||||
.rc-main {
|
||||
width: 92%;
|
||||
margin: 0 auto;
|
||||
|
||||
.rc-usermaina{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.rc-headera {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
@ -64,7 +64,39 @@ data(){
|
||||
rcvalue:5000,
|
||||
uservalue:0,
|
||||
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:[
|
||||
{
|
||||
title: "产品试吃",
|
||||
@ -216,11 +248,10 @@ methods:{
|
||||
components:{
|
||||
Myheader
|
||||
},
|
||||
mounted(){
|
||||
mounted(){
|
||||
console.log(this.$refs.userblock);
|
||||
let userwidth=0;
|
||||
let user= JSON.parse(localStorage.getItem("userInfo"));
|
||||
|
||||
if(user!==null){
|
||||
this.userid=user.data;
|
||||
let userlength=this.userid.availiblePoint.toString().length;
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
<div>
|
||||
<Myheader></Myheader>
|
||||
<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-userpay">
|
||||
<div class="paysucess">
|
||||
@ -18,6 +19,7 @@
|
||||
<i>{{ userinformation }}</i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="online" style="height:3px;width:100%;background:#DDDDDD;"></div>
|
||||
<div class="rc-usermaina">
|
||||
<div class="rc-title" id="qrcode" ref="qrcode" >
|
||||
</div>
|
||||
@ -28,6 +30,7 @@
|
||||
<span>请选择支付方式</span>
|
||||
</div>
|
||||
|
||||
<div class="online" style="height:3px;width:100%;background:#DDDDDD;"></div>
|
||||
<div class="paystype">
|
||||
<div
|
||||
class="payAlipay"
|
||||
@ -172,6 +175,7 @@ text: e// 设置二维码内容或跳转地址
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
display: none;
|
||||
}
|
||||
.rc-userpay{
|
||||
display: none;
|
||||
@ -190,9 +194,13 @@ text: e// 设置二维码内容或跳转地址
|
||||
font-size: 26px;
|
||||
}
|
||||
.rc-title{
|
||||
display: flex;
|
||||
margin-top: 30px;
|
||||
display: none;
|
||||
img{
|
||||
width: 96px;
|
||||
height: 96px;
|
||||
margin-left: 40px;
|
||||
|
||||
}
|
||||
}
|
||||
@ -232,6 +240,7 @@ color: #E1001A;
|
||||
}
|
||||
.rc-main {
|
||||
width: 100%;
|
||||
margin-top: 24%;
|
||||
.paysucess{
|
||||
display: none;
|
||||
}
|
||||
@ -251,7 +260,11 @@ color: #E1001A;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
.rc-all{
|
||||
display: none;
|
||||
height: 96px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
// display: none;
|
||||
}
|
||||
.rc-payprice {
|
||||
display: flex;
|
||||
@ -293,7 +306,9 @@ color: #E1001A;
|
||||
}
|
||||
|
||||
.rc-paystype {
|
||||
margin-top: 53px;
|
||||
height:64px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
span {
|
||||
font-size: 16px;
|
||||
|
||||
@ -336,6 +351,13 @@ color: #E1001A;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 768px) and (max-width: 1920px) {
|
||||
.rc-usermaina{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/deep/.el-dialog {
|
||||
width: 440px;
|
||||
@ -362,6 +384,7 @@ color: #E1001A;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: -75px;
|
||||
display: block;
|
||||
top: 59%;
|
||||
img{
|
||||
width: 96px;
|
||||
|
||||
@ -13,13 +13,14 @@
|
||||
|
||||
<div class="productdetails">
|
||||
<div class="rc-productdetail">
|
||||
<i>商品价格:</i>
|
||||
<i>商品价格</i>
|
||||
<span>￥{{ item.rsp }}</span>
|
||||
<i style="font-size:12px;color:#999999">￥{{item.ecPrice}}</i>
|
||||
</div>
|
||||
<div class="rc-productdetai">
|
||||
<div>
|
||||
<i>活动促销:</i>
|
||||
<span>{{ item.basePrice }}</span>
|
||||
<span>全场商品限时优惠</span>
|
||||
</div>
|
||||
<em @click="userget()">立即领取</em>
|
||||
</div>
|
||||
@ -28,10 +29,14 @@
|
||||
<span @click="usertanchu(item,1)">立即购买</span>
|
||||
</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-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'">
|
||||
{{ item.title }}
|
||||
</em> -->
|
||||
@ -41,7 +46,9 @@
|
||||
</em>
|
||||
</div>
|
||||
<div class="rc-produnnum">
|
||||
<span>商品数量:</span>
|
||||
<div>
|
||||
<span>商品数量</span>：
|
||||
</div>
|
||||
<img src="../../assets/image/userjian.png" alt="" @click="sub()" />
|
||||
<strong>{{sales_num}}</strong>
|
||||
<img
|
||||
@ -53,28 +60,25 @@
|
||||
</div>
|
||||
|
||||
<div class="certification">
|
||||
<!-- <ul>
|
||||
<ul>
|
||||
<li>
|
||||
<span
|
||||
>服务说明：<i>{{ item.period }}</i></span
|
||||
>服务说明：<i>当天14点前完成付款即日安排发货;当天14点后完成付款次日安排发货(周日及国家法定节假日顺延至下一个工作日发货,活动期间发货或有延迟敬请理解)</i></span
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
>商品运费：<i>{{ item.starttime }}</i></span
|
||||
>商品运费：<i>全场包邮(港澳除外)</i></span
|
||||
>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<span
|
||||
>商品编号：<i>{{ item.shangbianhao }}</i></span
|
||||
>商品编号：<i>{{ item.brandCode }}</i></span
|
||||
>
|
||||
</li>
|
||||
</ul> -->
|
||||
<div class="rc-button">
|
||||
<span @click="usertanchu(item,0)">加入购物车</span>
|
||||
<span @click="usertanchu(item,1)">立即购买</span>
|
||||
</div>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -88,6 +92,7 @@
|
||||
<img :src=item.showImgFile alt="">
|
||||
|
||||
</div>
|
||||
<Myfooter v-on:litentop='showmesg'></Myfooter>
|
||||
</div>
|
||||
<el-dialog
|
||||
:visible.sync="dialogInfo1"
|
||||
@ -150,12 +155,18 @@
|
||||
|
||||
|
||||
</el-dialog>
|
||||
<div class="rc-button" style="width:100%">
|
||||
<span @click="usertanchu(item,0)">加入购物车</span>
|
||||
<span @click="usertanchu(item,1)">立即购买</span>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Myheader from "~/components/header.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";
|
||||
const settings = require("@/config");
|
||||
export default {
|
||||
@ -223,6 +234,8 @@ export default {
|
||||
components: {
|
||||
Myheader,
|
||||
Magnifier,
|
||||
Myfooter
|
||||
|
||||
},
|
||||
mounted() {
|
||||
|
||||
@ -252,6 +265,22 @@ this.usermessage= JSON.parse(localStorage.getItem("userInfo"));
|
||||
|
||||
},
|
||||
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){
|
||||
console.log(item);
|
||||
@ -296,8 +325,12 @@ if(this.usermessage.data!==''||this.usermessage.data!==undefined){
|
||||
}
|
||||
|
||||
this.userlistmenu=this.newlist[0].productAttachmentList;
|
||||
let changemess=JSON.stringify(this.userlistmenu);
|
||||
console.log(changemess);
|
||||
this.changemessage({ data: changemess });
|
||||
this.parent_msg=this.userlistmenu;
|
||||
console.log( this.userlistmenu)
|
||||
|
||||
|
||||
},
|
||||
|
||||
@ -425,11 +458,38 @@ usertanchu(item,orderm){
|
||||
},
|
||||
|
||||
};
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
// 手机端
|
||||
@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{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@ -572,6 +632,10 @@ color: #E1001A;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top: 20px;
|
||||
img{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
}
|
||||
.rc-header {
|
||||
width: 100%;
|
||||
@ -593,27 +657,7 @@ color: #E1001A;
|
||||
}
|
||||
}
|
||||
.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;
|
||||
.rc-productdetail {
|
||||
display: flex;
|
||||
@ -656,7 +700,7 @@ justify-content: center;
|
||||
}
|
||||
|
||||
.rc-productdeta {
|
||||
margin-top: 56px;
|
||||
margin-top: 20px;
|
||||
.rc-prodtop {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -671,7 +715,7 @@ justify-content: center;
|
||||
justify-content: center;
|
||||
width: 59px;
|
||||
font-size: 16px;
|
||||
margin-left: 10px;
|
||||
margin-left: 4px;
|
||||
height: 39px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
@ -691,6 +735,8 @@ justify-content: center;
|
||||
width: 29px;
|
||||
height: 29px;
|
||||
display: block;
|
||||
margin-left: 5px;
|
||||
|
||||
}
|
||||
.rc-message {
|
||||
width: 29px;
|
||||
@ -953,6 +999,9 @@ color: #E1001A;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
img{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.rc-main {
|
||||
|
||||
|
||||
@ -1,8 +1,9 @@
|
||||
<template>
|
||||
<div>
|
||||
<Myheader></Myheader>
|
||||
|
||||
<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="usersearch">
|
||||
|
||||
@ -70,6 +71,7 @@
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="online" style="height:2px;width:100%;background:#DDDDDD;margin-top:0.23rem"></div>
|
||||
</div>
|
||||
|
||||
|
||||
@ -200,7 +202,7 @@
|
||||
|
||||
<script>
|
||||
import Myheader from '~/components/header.vue'
|
||||
import { userstype,biaomessa } from "../../ajax/getData";
|
||||
import { userstype,biaomessa,biaomessage } from "../../ajax/getData";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
@ -383,8 +385,17 @@ export default {
|
||||
Myheader,
|
||||
},
|
||||
mounted(){
|
||||
|
||||
let stype=this.$route.query.stype;
|
||||
this.activeIndex=stype;
|
||||
console.log(stype);
|
||||
if(stype!==''&&stype!==undefined){
|
||||
this.onmessage(stype)
|
||||
}else{
|
||||
this.usetmessage();
|
||||
this.stypemessage();
|
||||
}
|
||||
|
||||
|
||||
},
|
||||
methods: {
|
||||
async usetmessage() {
|
||||
@ -394,16 +405,17 @@ this.stypemessage();
|
||||
}
|
||||
console.log( this.rccontair);
|
||||
},
|
||||
//全部标签的查找
|
||||
async stypemessage() {
|
||||
let data = await userstype();
|
||||
async onmessage(stype) {
|
||||
let data = await biaomessage(stype);
|
||||
if(data){
|
||||
console.log(data);
|
||||
this.rccontair=data;
|
||||
}
|
||||
console.log( this.rccontair);
|
||||
},
|
||||
|
||||
|
||||
|
||||
|
||||
userbuy(){
|
||||
this.$router.push({
|
||||
path: "/myorder/userrecord",
|
||||
@ -554,6 +566,10 @@ ul li ol li em strong i {
|
||||
|
||||
//手机端
|
||||
@media screen and (max-width: 768px) {
|
||||
.rc-top{
|
||||
position: relative;
|
||||
margin-top: 74px;
|
||||
}
|
||||
.usercontentshow{
|
||||
position: relative;
|
||||
z-index: 997;
|
||||
@ -853,6 +869,7 @@ display: block;
|
||||
}
|
||||
.rc-click{
|
||||
max-height: 1.9rem;
|
||||
min-height: 1.9rem;
|
||||
}
|
||||
span{
|
||||
font-size: 0.16rem;
|
||||
|
||||
@ -65,15 +65,15 @@ methods:{
|
||||
}
|
||||
console.log(data);
|
||||
},
|
||||
usertiao(item,index){
|
||||
if(item.price=='登出'){
|
||||
this.$router.push({
|
||||
path: "/productdetails/userdetails",
|
||||
// usertiao(item,index){
|
||||
// if(item.price=='登出'){
|
||||
// this.$router.push({
|
||||
// path: "/productdetails/userdetails",
|
||||
|
||||
});
|
||||
this.usernewlist[0].price='登录/注册'
|
||||
}
|
||||
},
|
||||
// });
|
||||
// this.usernewlist[0].price='登录/注册'
|
||||
// }
|
||||
// },
|
||||
usertiao(item,index){
|
||||
if(item.price=='登录/注册' ||index==0){
|
||||
this.$router.push({
|
||||
@ -92,7 +92,7 @@ if(item.price=='登录/注册' ||index==0){
|
||||
this.$router.push({
|
||||
path: "/productdetails/productlist/",
|
||||
query: {
|
||||
stype: 1,
|
||||
stype: 0,
|
||||
},
|
||||
});
|
||||
|
||||
@ -110,7 +110,7 @@ else if(item.price=='选购产品'){
|
||||
this.$router.push({
|
||||
path: "/productdetails/productlist/",
|
||||
query: {
|
||||
stype: 1,
|
||||
stype: '',
|
||||
},
|
||||
});
|
||||
|
||||
@ -157,9 +157,11 @@ Myheader
|
||||
<style lang="less" scoped >
|
||||
//手机端
|
||||
@media screen and (max-width: 768px) {
|
||||
|
||||
.rc-header{
|
||||
width: 92%;
|
||||
margin: 0 auto;
|
||||
|
||||
ul{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
@ -312,7 +312,7 @@ margin-top: 24px;
|
||||
|
||||
}
|
||||
.container {
|
||||
border: 1px solid yellow;
|
||||
|
||||
font-size: 0.1rem;
|
||||
.van-field__body {
|
||||
border-bottom: 1px solid red;
|
||||
|
||||
@ -378,7 +378,6 @@ margin-top: 24px;
|
||||
|
||||
}
|
||||
.container {
|
||||
border: 1px solid yellow;
|
||||
font-size: 0.1rem;
|
||||
.van-field__body {
|
||||
border-bottom: 1px solid red;
|
||||
|
||||
@ -49,7 +49,7 @@
|
||||
<h2>专区:</h2>
|
||||
<ol>
|
||||
<li v-for="(item, index) in prefecture" :key="index" @click="selectproduct(item, index)" :class="activeIndexb == index ? 'active' : 'unactive'" >
|
||||
{{ item.title }}
|
||||
{{ item.tagName }}
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
@ -58,7 +58,7 @@
|
||||
<h2>年龄:</h2>
|
||||
<ol>
|
||||
<li v-for="(item, index) in catage" :key="index" @click="selectage(item, index)" :class="activeIndexc == index ? 'active' : 'unactive'">
|
||||
{{ item.title }}
|
||||
{{ item.tagName }}
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
@ -106,7 +106,7 @@
|
||||
<h2>专区:</h2>
|
||||
<ol>
|
||||
<li v-for="(item, index) in prefecture" :key="index" @click="selectproduct(item, index)" :class="activeIndexb == index ? 'active' : 'unactive'" >
|
||||
{{ item.title }}
|
||||
{{ item.tagName }}
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
@ -115,7 +115,7 @@
|
||||
<h2>年龄:</h2>
|
||||
<ol>
|
||||
<li v-for="(item, index) in catage" :key="index" @click="selectage(item, index)" :class="activeIndexc == index ? 'active' : 'unactive'">
|
||||
{{ item.title }}
|
||||
{{ item.tagName }}
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
@ -123,7 +123,7 @@
|
||||
<h2>功能:</h2>
|
||||
<ol>
|
||||
<li v-for="(item, index) in catagea" :key="index" @click="selectagc(item, index)" :class="activeIndexd == index ? 'active' : 'unactive'">
|
||||
{{ item.title }}
|
||||
{{ item.tagName }}
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
@ -132,7 +132,7 @@
|
||||
<h2>品种:</h2>
|
||||
<ol>
|
||||
<li v-for="(item, index) in catageb" :key="index" @click="selectagd(item, index)" :class="activeIndexe == index ? 'active' : 'unactive'">
|
||||
{{ item.title }}
|
||||
{{ item.tagName }}
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
@ -210,11 +210,12 @@
|
||||
|
||||
<script>
|
||||
import Myheader from '~/components/header.vue'
|
||||
import { biaome } from "../../ajax/getData";
|
||||
import { biaome,userstype,searchchanpin } from "../../ajax/getData";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
value: "",
|
||||
userstype:[],
|
||||
activeIndex:0,
|
||||
activeIndex1:0,
|
||||
activeIndexa:'-1',
|
||||
@ -387,6 +388,8 @@ export default {
|
||||
catimage: require("../../assets/image/rc-dog.png"),
|
||||
},
|
||||
],
|
||||
usercatlist:[],
|
||||
userdoglisgt:[],
|
||||
};
|
||||
},
|
||||
components: {
|
||||
@ -394,9 +397,72 @@ export default {
|
||||
},
|
||||
mounted(){
|
||||
this.usetmessage();
|
||||
this.userst();
|
||||
},
|
||||
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);
|
||||
if(data){
|
||||
this.rccontair=data;
|
||||
@ -466,13 +532,109 @@ this.dialogInfo1=false;
|
||||
console.log(e);
|
||||
},
|
||||
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;
|
||||
console.log('----');
|
||||
},
|
||||
selectGoodsa(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('----');
|
||||
},
|
||||
userselect(){
|
||||
@ -492,20 +654,30 @@ this.dialogInfo1=false;
|
||||
},
|
||||
|
||||
selectsearch(item, index) {
|
||||
console.log(item)
|
||||
|
||||
this.activeIndexa=index;
|
||||
},
|
||||
selectage(item, index) {
|
||||
console.log(item)
|
||||
|
||||
this.activeIndexc=index;
|
||||
},
|
||||
selectagc(item, index) {
|
||||
console.log(item)
|
||||
|
||||
this.activeIndexd=index;
|
||||
},
|
||||
selectagd(item, index) {
|
||||
console.log(item)
|
||||
|
||||
this.activeIndexe=index;
|
||||
},
|
||||
selectproduct(item, index){
|
||||
console.log(item)
|
||||
this.activeIndexb=index;
|
||||
this.usersearch(this.activeIndex1,item.tagName,'','','')
|
||||
|
||||
},
|
||||
selectage(item, index) {
|
||||
this.activeIndexc=index;
|
||||
|
||||
@ -14,6 +14,12 @@ const mutations = {
|
||||
localStorage.setItem('userInfo', val.cloud);
|
||||
console.log(state,val);
|
||||
},
|
||||
|
||||
changemessage(state, val) {
|
||||
localStorage.setItem('message', val.data);
|
||||
console.log(state,val);
|
||||
},
|
||||
|
||||
// changeMenu(state, user){
|
||||
// // console.log("vuex存储的变化",JSON.parse(user))
|
||||
// // console.log("vuex存储的变化",user)
|
||||
|
||||
Loading…
Reference in New Issue
Block a user