cart.js
5.57 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
import urlAlias from '../url';
import request from '../request';
const { cartList , cartModi, cartDel, cartAdd } = urlAlias;
const state = {
cartList: [],
};
const data = {
data:{
// list 购物车列表
list:[
{
goods_name: "1.56非球面防蓝光_黑01-8701志平防蓝光-防辐射电脑网课眼镜，TR90弹性漆，近视镜，青春潮流", //商品名称
pid: "6",//产品id
real_price: 99,
checked: true,//是否选中
name: "颜色 玫瑰金 /材质 钛合金 / 功能 防日光 / 配件 免费送 /折射防日光 / 配件 免费送 /折射",//属性名称 ,颜色 玫瑰金 /材质 钛合金 / 功能 防日光 / 配件 免费送 /折射 …
cart_id: "39", //购物车唯一序列号
num: "1", //此购物
pics: "/static/myorder-paying-pic.png", //商品图片
goodsType:2,// 商品种类
},
{
goods_name: "1.56非球面防蓝光_黑01-8701志平防蓝光-防辐射电脑网课眼镜，TR90弹性漆，近视镜，青春潮流", //商品名称
pid: "4",//产品id
real_price: 189,
checked: false,//是否选中
name: "颜色 玫瑰金 /材质 钛合金 / 功能 防日光 / 配件 免费送 /折射防日光 / 配件 免费送 /折射",//属性名称 ,颜色 玫瑰金 /材质 钛合金 / 功能 防日光 / 配件 免费送 /折射 …
cart_id: "38", //购物车唯一序列号
num: "2", //此购物
pics: "/static/myorder-paying-pic.png", //商品图片
goodsType:3,// 商品种类
},
],
mp_id: "1",
mp_list://使用人，一个产品只有一个使用人
[
{
glassWidth: "54",//镜宽
img_url2: "http://localhost:8087/images/shop_1/1/",//使用人的头像，根据此头像，AI识别出数据。
in_time: "2020-02-22 03:19:38",//使用人加入的时间
leftAxi: "124",//左眼数据
leftCyl: "-2",//左眼数据
leftSph: "-1",//左眼数据
leftVis: "5",//左眼数据
legWidth: "158",//镜腿长
metal: null,//使用人的其它定义（材质过敏之类的）
mp_id: "1",//使用的id
name: "me",//使用人的名字
norseWidth: "18",//鼻宽
pd: "89.6",//瞳距
price: "0",//此人偏好的价格
rightAxi: "123",//右眼数据
rightCyl: "24",//右眼数据
rightSph: "-4",//右眼数据
rightVis: "5.1",//右眼数据
uid: "1",//购买人的uid
}
],
sk_id: "80",//此产品下的sku的唯一id
skuList:[//sku清单
{
discount: "45",//折扣，数据库中以int型存储，所以要除100
in_price: "6000",//进货价格，数据库中以int型存储，单位是分，所以显示时要除以100
kc: "0",//库存
model_pic: null,//模型试戴图
out_price: 191.8,//销售价格，元
pic: "https://glass.xiuyetang.com//upload_jk/6/6_321EB1.jpg",//可供查看图
pid: "6",//索引产品id
real_price: 99,//真实可成交价格
sk_id: "74",//成交时的sku_id
sku_name: "1.56非球面防蓝光_黑色",//sku名称
sku_shop_value: "",//sku商家定义值
sku_value: "47_51",//sku系统生成值
status: "1",//此产品下的sku状态
}
]
}, // 一个产品下，会有多个sku，都在这个skuList数组下
msg: "ok",
status: 1,
}
const mutations = {
INIT: (state, cartList) => {
state.cartList = cartList;
},
DEL:(state,index)=>{
console.log('mutations====>',state.cartList)
state.cartList.splice(index,1)
console.log('mutations====>index',index)
// state.cartList=delList
},
MODI:(state,args) => {
console.log('the num',state.cartList[args.index].num)
console.log('mutations====>isadd',args)
if(args.isadd)
{
state.cartList[args.index].num=args.num
} else{
state.cartList[args.index].num=args.num
}
console.log('the num',state.cartList[args.index].num)
},
};
const actions = {
getCartList({ commit }, param) {
request({
url: cartList,
data:param,
success: (res) => {
console.log('cart===>接口数据',res.data.data)
// const resData = {
// ...res,
// data,
// }
commit('INIT', res.data.data)
},
fail: (res) => {
console.log("fail status === > ", res);
},
complete: (res) => {
console.log("complete status === > ", res);
},
})
},
modiCart({ commit }, param) {
const args=Object.assign({num:param.num},param.args)
delete param.args
request({
url: cartModi,
data: param,
success: (res) => {
console.log('modi-parm',param)
commit('MODI',args)
},
fail: (res) => {
console.log("fail status === > ", res);
},
complete: (res) => {
console.log("complete status === > ", res);
},
})
},
delCart({ commit },param ) {
let arg = param.arg;
delete param.arg
request({
url: cartDel,
data: param,
success: (res) => {
console.log('del-parm',param)
console.log('del-myparms==>',arg)
// console.log('deacart====>cartList',this.$store.state.cart.cartList)
commit('DEL',arg)
},
fail: (res) => {
console.log("fail status === > ", res);
},
complete: (res) => {
console.log("complete status === > ", res);
},
})
},
addCart({ commit }, param) {
console.log('请求接口开始')
request({
url: cartAdd,
data:param,
success: (res) => {
console.log('add-parm',param)
console.log('addcart===>res.data===>',res.data)
// commit('INIT', res.data.data)
},
fail: (res) => {
console.log("fail status === > ", res);
},
complete: (res) => {
console.log("complete status === > ", res);
},
})
},
}
export default {
namespaced: true,
state,
mutations,
actions,
};