Blame view
src/store/modules/cart.js
6.3 KB
058f060df 冲突修改 |
1 2 |
import urlAlias from '../url' import request from '../request' |
7d2bdf29e 修改镜片选购逻辑 添加购物车和用户... |
3 |
|
058f060df 冲突修改 |
4 |
const { cartList, cartModi, cartDel, cartAdd } = urlAlias |
7d2bdf29e 修改镜片选购逻辑 添加购物车和用户... |
5 6 |
const state = { |
058f060df 冲突修改 |
7 |
cartList: [] |
cc196c33c 购物车和用户推荐接口渲染 |
8 |
} |
058f060df 冲突修改 |
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 |
// 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 // } |
7d2bdf29e 修改镜片选购逻辑 添加购物车和用户... |
83 84 85 |
const mutations = { INIT: (state, cartList) => { |
058f060df 冲突修改 |
86 |
state.cartList = cartList |
7d2bdf29e 修改镜片选购逻辑 添加购物车和用户... |
87 |
}, |
058f060df 冲突修改 |
88 89 90 91 92 |
DEL: (state, index) => { console.log('mutations====>', state.cartList) state.cartList.splice(index, 1) console.log('mutations====>index', index) // state.cartList=delList |
cc196c33c 购物车和用户推荐接口渲染 |
93 |
}, |
058f060df 冲突修改 |
94 95 96 97 98 99 100 101 102 103 |
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) } |
7d2bdf29e 修改镜片选购逻辑 添加购物车和用户... |
104 |
|
058f060df 冲突修改 |
105 |
} |
7d2bdf29e 修改镜片选购逻辑 添加购物车和用户... |
106 107 |
const actions = { |
7d2bdf29e 修改镜片选购逻辑 添加购物车和用户... |
108 109 110 |
getCartList({ commit }, param) { request({ url: cartList, |
058f060df 冲突修改 |
111 |
data: param, |
7d2bdf29e 修改镜片选购逻辑 添加购物车和用户... |
112 |
success: (res) => { |
058f060df 冲突修改 |
113 114 115 116 117 |
console.log('cart===>接口数据', res.data.data) // const resData = { // ...res, // data, // } |
7d2bdf29e 修改镜片选购逻辑 添加购物车和用户... |
118 119 120 |
commit('INIT', res.data.data) }, fail: (res) => { |
058f060df 冲突修改 |
121 |
console.log('fail status === > ', res) |
7d2bdf29e 修改镜片选购逻辑 添加购物车和用户... |
122 123 |
}, complete: (res) => { |
058f060df 冲突修改 |
124 125 126 127 128 129 130 131 132 133 134 135 136 137 |
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) |
7d2bdf29e 修改镜片选购逻辑 添加购物车和用户... |
138 |
}, |
058f060df 冲突修改 |
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 |
fail: (res) => { console.log('fail status === > ', res) }, complete: (res) => { console.log('complete status === > ', res) } }) }, delCart({ commit }, param) { const 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) } |
7d2bdf29e 修改镜片选购逻辑 添加购物车和用户... |
186 187 |
}) } |
058f060df 冲突修改 |
188 |
|
7d2bdf29e 修改镜片选购逻辑 添加购物车和用户... |
189 190 191 192 193 194 |
} export default { namespaced: true, state, mutations, |
058f060df 冲突修改 |
195 196 |
actions } |