mirror of
https://gitee.com/lab1024/smart-admin.git
synced 2025-10-03 02:36:39 +08:00
Merge branch 'sit-Carl' of https://gitee.com/carl_Ming_1/smart-admin into sit-Carl
This commit is contained in:
Carl
commit
700d482f6d
69
rc-busness/README.md
Normal file
69
rc-busness/README.md
Normal file
@ -0,0 +1,69 @@
|
||||
# rc-busness
|
||||
|
||||
## Build Setup
|
||||
|
||||
```bash
|
||||
# install dependencies
|
||||
$ npm install
|
||||
|
||||
# serve with hot reload at localhost:3000
|
||||
$ npm run dev
|
||||
|
||||
# build for production and launch server
|
||||
$ npm run build
|
||||
$ npm run start
|
||||
|
||||
# generate static project
|
||||
$ npm run generate
|
||||
```
|
||||
|
||||
For detailed explanation on how things work, check out the [documentation](https://nuxtjs.org).
|
||||
|
||||
## Special Directories
|
||||
|
||||
You can create the following extra directories, some of which have special behaviors. Only `pages` is required; you can delete them if you don't want to use their functionality.
|
||||
|
||||
### `assets`
|
||||
|
||||
The assets directory contains your uncompiled assets such as Stylus or Sass files, images, or fonts.
|
||||
|
||||
More information about the usage of this directory in [the documentation](https://nuxtjs.org/docs/2.x/directory-structure/assets).
|
||||
|
||||
### `components`
|
||||
|
||||
The components directory contains your Vue.js components. Components make up the different parts of your page and can be reused and imported into your pages, layouts and even other components.
|
||||
|
||||
More information about the usage of this directory in [the documentation](https://nuxtjs.org/docs/2.x/directory-structure/components).
|
||||
|
||||
### `layouts`
|
||||
|
||||
Layouts are a great help when you want to change the look and feel of your Nuxt app, whether you want to include a sidebar or have distinct layouts for mobile and desktop.
|
||||
|
||||
More information about the usage of this directory in [the documentation](https://nuxtjs.org/docs/2.x/directory-structure/layouts).
|
||||
|
||||
|
||||
### `pages`
|
||||
|
||||
This directory contains your application views and routes. Nuxt will read all the `*.vue` files inside this directory and setup Vue Router automatically.
|
||||
|
||||
More information about the usage of this directory in [the documentation](https://nuxtjs.org/docs/2.x/get-started/routing).
|
||||
|
||||
### `plugins`
|
||||
|
||||
The plugins directory contains JavaScript plugins that you want to run before instantiating the root Vue.js Application. This is the place to add Vue plugins and to inject functions or constants. Every time you need to use `Vue.use()`, you should create a file in `plugins/` and add its path to plugins in `nuxt.config.js`.
|
||||
|
||||
More information about the usage of this directory in [the documentation](https://nuxtjs.org/docs/2.x/directory-structure/plugins).
|
||||
|
||||
### `static`
|
||||
|
||||
This directory contains your static files. Each file inside this directory is mapped to `/`.
|
||||
|
||||
Example: `/static/robots.txt` is mapped as `/robots.txt`.
|
||||
|
||||
More information about the usage of this directory in [the documentation](https://nuxtjs.org/docs/2.x/directory-structure/static).
|
||||
|
||||
### `store`
|
||||
|
||||
This directory contains your Vuex store files. Creating a file in this directory automatically activates Vuex.
|
||||
|
||||
More information about the usage of this directory in [the documentation](https://nuxtjs.org/docs/2.x/directory-structure/store).
|
||||
@ -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' )
|
||||
// }
|
||||
|
||||
|
||||
//地址的查询
|
||||
|
||||
BIN
rc-busness/assets/cat/four.jpg
Normal file
BIN
rc-busness/assets/cat/four.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
BIN
rc-busness/assets/cat/one.jpg
Normal file
BIN
rc-busness/assets/cat/one.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 39 KiB |
BIN
rc-busness/assets/cat/three.jpg
Normal file
BIN
rc-busness/assets/cat/three.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
BIN
rc-busness/assets/cat/two.jpg
Normal file
BIN
rc-busness/assets/cat/two.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
@ -1,4 +1,38 @@
|
||||
@media screen and (max-width:768px){
|
||||
@media screen and(min-width: 320px) and(max-width:768px){
|
||||
|
||||
|
||||
|
||||
.searchBara{
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top:0;
|
||||
background: white;
|
||||
z-index: 9999;
|
||||
overflow-x: auto;
|
||||
white-space: nowrap;
|
||||
span{
|
||||
margin-top: 0.08rem;
|
||||
display: block;
|
||||
}
|
||||
img{
|
||||
width: 0.64rem;
|
||||
height: 0.64rem;
|
||||
display: block;
|
||||
}
|
||||
li{
|
||||
display: inline-block;
|
||||
margin-left: 0.20rem;
|
||||
width: 0.64rem;
|
||||
text-align: center;
|
||||
height: 0.64rem;
|
||||
background: #F6F6F6;
|
||||
border-radius: 50%;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.rc-login{
|
||||
width: 92%;
|
||||
margin:0 auto;
|
||||
@ -133,7 +167,12 @@ ul{
|
||||
}
|
||||
img{
|
||||
width: 0.19rem;
|
||||
height: 0.20rem;
|
||||
height: 0.19rem;
|
||||
display: block;
|
||||
}
|
||||
img:last-child{
|
||||
width: 0.22rem;
|
||||
height: 0.22rem;
|
||||
display: block;
|
||||
}
|
||||
span{
|
||||
@ -155,8 +194,8 @@ flex-direction: column;
|
||||
justify-content: center;
|
||||
margin-top: 8px;
|
||||
img{
|
||||
width: 0.19rem;
|
||||
height: 0.32rem;
|
||||
width: 0.22rem;
|
||||
height: 0.22rem;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@ -223,8 +262,6 @@ flex-direction: column;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
height: 100%;
|
||||
border: 1px solid #d7d7d7;
|
||||
.rc-click{
|
||||
width: 100%;
|
||||
@ -238,7 +275,7 @@ flex-direction: column;
|
||||
width: 1.77rem;
|
||||
height: 100px;
|
||||
display: block;
|
||||
margin-top: 0.20rem;
|
||||
margin-top: 0.40rem;
|
||||
}
|
||||
span{
|
||||
font-size: 0.18rem;
|
||||
@ -270,6 +307,7 @@ text-overflow: -o-ellipsis-lastline;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
z-index: 9999;
|
||||
padding-bottom: 0.34rem;
|
||||
i{
|
||||
font-style: normal;
|
||||
width: 1.30rem;
|
||||
@ -356,6 +394,8 @@ opacity: 1;
|
||||
.selectionswitch{
|
||||
.rc-conta{
|
||||
max-height: 1.9rem;
|
||||
min-height: 1.9rem;
|
||||
|
||||
}
|
||||
width: 100%;
|
||||
margin-top: 0.45rem;
|
||||
@ -389,11 +429,10 @@ border-radius: 0.03rem;
|
||||
}
|
||||
|
||||
img{
|
||||
width: 0.85rem;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
margin: 0 auto;
|
||||
height: 1.14rem
|
||||
;
|
||||
height:100%;
|
||||
}
|
||||
i{
|
||||
font-style: normal;
|
||||
@ -417,6 +456,7 @@ display: block;
|
||||
word-break: break-all;
|
||||
white-space: normal;
|
||||
height: 0.25rem;
|
||||
margin-top: 0.08rem;
|
||||
|
||||
}
|
||||
strong{
|
||||
@ -469,8 +509,8 @@ color: #FFFFFF;
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width: 768px) and (max-width: 1920px){
|
||||
|
||||
@media screen and (min-width: 768px) and (max-width: 1920px) {
|
||||
.sw-center{
|
||||
display: none;
|
||||
}
|
||||
@ -511,6 +551,12 @@ li{
|
||||
margin-top: 0.08rem;
|
||||
}
|
||||
}
|
||||
img{
|
||||
width: 0.30rem;
|
||||
height: 0.30rem;
|
||||
display: block;
|
||||
}
|
||||
|
||||
img{
|
||||
width: 0.30rem;
|
||||
height: 0.30rem;
|
||||
@ -933,4 +979,4 @@ margin-bottom: 0.80rem;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -250,16 +250,20 @@
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
width: 80%;
|
||||
overflow-x: auto;
|
||||
white-space: nowrap;
|
||||
}
|
||||
li{
|
||||
width: 40%;
|
||||
height: 26px;
|
||||
background: #FFFFFF;
|
||||
border: 1px solid #D7D7D7;
|
||||
line-height: 26px;
|
||||
float: left;
|
||||
border-radius: 100px;
|
||||
margin-left: 9px;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 26px;
|
||||
background: #FFFFFF;
|
||||
border: 1px solid #D7D7D7;
|
||||
padding: 0 5px 0 5px;
|
||||
border-radius: 100px;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@ -274,28 +278,32 @@
|
||||
}
|
||||
ol{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: nowrap;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
width: 80%;
|
||||
align-items: center;
|
||||
flex-wrap: nowrap;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
width: 80%;
|
||||
overflow-x: auto;
|
||||
white-space: nowrap;
|
||||
}
|
||||
li{
|
||||
width: 40%;
|
||||
height: 26px;
|
||||
background: #FFFFFF;
|
||||
border: 1px solid #D7D7D7;
|
||||
line-height: 26px;
|
||||
float: left;
|
||||
border-radius: 100px;
|
||||
margin-left: 9px;
|
||||
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 26px;
|
||||
background: #FFFFFF;
|
||||
border: 1px solid #D7D7D7;
|
||||
padding: 0 5px 0 5px;
|
||||
border-radius: 100px;
|
||||
}
|
||||
}
|
||||
.rc-contair{
|
||||
margin-top: 24px;
|
||||
.rc-rccontair{
|
||||
height:160px;display:flex;align-items: center
|
||||
height:1.6rem;display:flex;align-items: center;
|
||||
width: 100%
|
||||
|
||||
}
|
||||
ul{
|
||||
text-align: center;
|
||||
@ -315,10 +323,10 @@
|
||||
}
|
||||
|
||||
img{
|
||||
width: 85px;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
margin: 0 auto;
|
||||
height: 114px
|
||||
height: 100%
|
||||
;
|
||||
}
|
||||
i{
|
||||
@ -342,6 +350,8 @@
|
||||
-webkit-box-orient: vertical;
|
||||
word-break: break-all;
|
||||
white-space: normal;
|
||||
margin-top: 0.15rem;
|
||||
height: 0.25rem;
|
||||
}
|
||||
strong{
|
||||
width: 130px;
|
||||
@ -360,6 +370,7 @@ margin-top: 20px;
|
||||
}
|
||||
.rc-click{
|
||||
max-height: 1.9rem;
|
||||
min-height: 1.9rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
BIN
rc-busness/assets/image/.DS_Store
vendored
Normal file
BIN
rc-busness/assets/image/.DS_Store
vendored
Normal file
Binary file not shown.
BIN
rc-busness/assets/image/turntop.png
Normal file
BIN
rc-busness/assets/image/turntop.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
rc-busness/assets/image/userleft.jpg
Normal file
BIN
rc-busness/assets/image/userleft.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
BIN
rc-busness/assets/image/userright.png
Normal file
BIN
rc-busness/assets/image/userright.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 760 B |
BIN
rc-busness/assets/image/usersucess.png
Normal file
BIN
rc-busness/assets/image/usersucess.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
@ -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>
|
||||
|
||||
22
rc-busness/config/setDec.js
Normal file
22
rc-busness/config/setDec.js
Normal file
@ -0,0 +1,22 @@
|
||||
// 乘法函数
|
||||
const accMul = function (arg1, arg2) {
|
||||
var m = 0, s1 = arg1.toString(), s2 = arg2.toString();
|
||||
try {
|
||||
m += s1.split(".")[1].length;
|
||||
}
|
||||
catch (e) {
|
||||
}
|
||||
try {
|
||||
m += s2.split(".")[1].length;
|
||||
}
|
||||
catch (e) {
|
||||
}
|
||||
return Number(s1.replace(".", "")) * Number(s2.replace(".", "")) / Math.pow(10, m);
|
||||
};
|
||||
|
||||
// 小数位数
|
||||
const Dec = function(num,str){
|
||||
return parseFloat(num).toFixed(str);
|
||||
}
|
||||
|
||||
export { accMul, Dec}
|
||||
89
rc-busness/nuxt.config.js
Normal file
89
rc-busness/nuxt.config.js
Normal file
@ -0,0 +1,89 @@
|
||||
const rem = '!function(e){var t,n=document,i=window,o=n.documentElement;function u(){var t=o.getBoundingClientRect().width/e*100;o.style.fontSize=t+"px"}u(),i.addEventListener("resize",function(){clearTimeout(t),t=setTimeout(u,300)},!1),i.addEventListener("pageshow",function(e){e.persisted&&(clearTimeout(t),t=setTimeout(u,300))},!1)}(750);';
|
||||
|
||||
export default {
|
||||
|
||||
// Global page headers: https://go.nuxtjs.dev/config-head
|
||||
head: {
|
||||
title: 'rc-busness',
|
||||
|
||||
htmlAttrs: {
|
||||
lang: 'en'
|
||||
},
|
||||
script: [
|
||||
{ src: '/js/rem.js' },
|
||||
// { src: '/js/flexible.js', type: 'text/javascript', charset: 'utf-8'},
|
||||
{ src: 'https://ocstest.royalcanin.com.cn:8081/livechat/chatapp/customer/branch/RoyalCanin/14053/index.js' },
|
||||
{ src: '"https://ocstest.royalcanin.com.cn:8081/livechat/chatapp/customer/branch/RoyalCanin/14054/index.js"' }
|
||||
// { innerHTML: rem, type: 'text/javascript', charset: 'utf-8'}
|
||||
|
||||
],
|
||||
__dangerouslyDisableSanitizers: ['script'],
|
||||
|
||||
meta: [
|
||||
{ charset: 'utf-8' },
|
||||
{ name: 'viewport', content: 'width=device-width, initial-scale=1,target-densitydpi =1' },
|
||||
{ hid: 'description', name: 'description', content: '' },
|
||||
{ name: 'format-detection', content: 'telephone=no' }
|
||||
],
|
||||
link: [
|
||||
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
|
||||
]
|
||||
},
|
||||
|
||||
// Global CSS: https://go.nuxtjs.dev/config-css
|
||||
css: [
|
||||
'vant/lib/index.css',
|
||||
'element-ui/lib/theme-chalk/index.css',
|
||||
{ src: "swiper/css/swiper.css" }
|
||||
|
||||
],
|
||||
|
||||
// Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
|
||||
plugins: [
|
||||
'@/plugins/vant',
|
||||
'@/plugins/ElementUI',
|
||||
{ src: "~/plugins/swiper.js", ssr: false },
|
||||
{ src: '@/plugins/localStorage', ssr: false }
|
||||
|
||||
|
||||
],
|
||||
|
||||
// Auto import components: https://go.nuxtjs.dev/config-components
|
||||
components: true,
|
||||
|
||||
// Modules for dev and build (recommended): https://go.nuxtjs.dev/config-modules
|
||||
buildModules: [
|
||||
],
|
||||
|
||||
// Modules: https://go.nuxtjs.dev/config-modules
|
||||
modules: [
|
||||
'@nuxtjs/axios',
|
||||
['nuxt-tailvue', {toast: true}],
|
||||
|
||||
],
|
||||
|
||||
styleResources: {
|
||||
less: '@/assets/style/less/default.less' // less文件路径
|
||||
},
|
||||
// Build Configuration: https://go.nuxtjs.dev/config-build
|
||||
build: {
|
||||
|
||||
},
|
||||
// axios: {
|
||||
// proxy: true,
|
||||
// // prefix: '/api/',
|
||||
// credentials: true
|
||||
// // See https://github.com/nuxt-community/axios-module#options
|
||||
// },
|
||||
// proxy: {
|
||||
// '/api/': {
|
||||
// target: 'http://47.96.75.242:10086/smart-admin-api',//这个网站是开源的可以请求到数据的
|
||||
// pathRewrite: {
|
||||
// '^/api/': '/',
|
||||
// changeOrigin: true
|
||||
// },
|
||||
|
||||
// }
|
||||
// },
|
||||
|
||||
}
|
||||
29130
rc-busness/package-lock.json
generated
Normal file
29130
rc-busness/package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
40
rc-busness/package.json
Normal file
40
rc-busness/package.json
Normal file
@ -0,0 +1,40 @@
|
||||
{
|
||||
"name": "rc-busness",
|
||||
"version": "1.0.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"dev": "nuxt",
|
||||
"build": "nuxt build",
|
||||
"start": "nuxt start",
|
||||
"generate": "nuxt generate"
|
||||
},
|
||||
"config": {
|
||||
"nuxt": {
|
||||
"host": "192.168.10.104",
|
||||
"port": "8080"
|
||||
}
|
||||
},
|
||||
"dependencies": {
|
||||
"@nuxtjs/axios": "^5.13.6",
|
||||
"@vant/touch-emulator": "^1.3.2",
|
||||
"amfe-flexible": "^2.2.1",
|
||||
"core-js": "^3.15.1",
|
||||
"element-ui": "^2.15.6",
|
||||
"ip": "^1.1.5",
|
||||
"jquery": "^3.6.0",
|
||||
"less": "^4.1.2",
|
||||
"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",
|
||||
"vue-awesome-swiper": "^4.1.1",
|
||||
"vuex-persistedstate": "^4.1.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@vant/area-data": "^1.1.5",
|
||||
"webpack": "^4.46.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;
|
||||
|
||||
10
rc-busness/postcss.config.js
Normal file
10
rc-busness/postcss.config.js
Normal file
@ -0,0 +1,10 @@
|
||||
/*
|
||||
module.exports = {
|
||||
plugins: {
|
||||
'postcss-pxtorem': {
|
||||
rootValue: 192, //假设设计稿为1920
|
||||
propList: ['*']
|
||||
}
|
||||
}
|
||||
}
|
||||
*/
|
||||
@ -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