cxc/yshopb2c-uniapp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

修改个人中心,购物车空白区域的问题

Browse Source
This commit is contained in:
Gao xiaosong
2020-09-13 22:49:41 +08:00
parent 3cb20117b0
commit 1afb0ce5f8
5 changed files with 367 additions and 393 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
config/index.js
View File

@ -2,6 +2,6 @@
// export const VUE_APP_API_URL = 'http://natapp.xinxintuan.co/api'; // export const VUE_APP_API_URL = 'http://natapp.xinxintuan.co/api';
// export const VUE_APP_API_URL = 'https://wxapi.yixiang.co/api'; // export const VUE_APP_API_URL = 'https://wxapi.yixiang.co/api';
// export const VUE_APP_API_URL = 'http://192.168.31.223:8008/api'; // export const VUE_APP_API_URL = 'http://192.168.31.223:8008/api';
export const VUE_APP_API_URL = 'http://h5api.xinxintuan.co/api'; export const VUE_APP_API_URL = 'https://h5api.xinxintuan.co/api';
export const VUE_APP_RESOURCES_URL = 'https://wx.yixiang.co/static'; export const VUE_APP_RESOURCES_URL = 'https://wx.yixiang.co/static';

3
pages/home/index.vue
View File

@ -21,9 +21,6 @@
<view class="qr" @click="startQr()"> <view class="qr" @click="startQr()">
<image src="@/static/images/qr.png" /> <image src="@/static/images/qr.png" />
</view> </view>
<view class="qr" @click="$yrouter.push({path:'/pages/shop/GoodsEvaluate/index'})">
<image src="@/static/images/qr.png" />
</view>
</view> </view>
<Banner :banner="banner" @getbgcolor="getbgcolor"></Banner> <Banner :banner="banner" @getbgcolor="getbgcolor"></Banner>
<uni-notice-bar scrollable="true" @click="goRoll(singNew)" single="true" :speed="10" showIcon="true" <uni-notice-bar scrollable="true" @click="goRoll(singNew)" single="true" :speed="10" showIcon="true"

141
pages/shop/ShoppingCart/index.vue
View File

@ -17,19 +17,13 @@
购物数量 购物数量
<text class="num font-color-red">{{ count }}</text> <text class="num font-color-red">{{ count }}</text>
</view> </view>
<view <view v-if="cartList.valid.length > 0" class="administrate acea-row row-center-wrapper" @click="manage">
v-if="cartList.valid.length > 0" {{ footerswitch ? '取消' : '管理' }}</view>
class="administrate acea-row row-center-wrapper"
@click="manage"
>{{ footerswitch ? '取消' : '管理' }}</view>
</view> </view>
<view v-if="validList.length > 0 || cartList.invalid.length > 0"> <view v-if="validList.length > 0 || cartList.invalid.length > 0">
<view class="list"> <view class="list">
<view <view class="item acea-row row-between-wrapper" v-for="(item, cartListValidIndex) in validList"
class="item acea-row row-between-wrapper" :key="cartListValidIndex">
v-for="(item, cartListValidIndex) in validList"
:key="cartListValidIndex"
>
<view class="select-btn"> <view class="select-btn">
<view class="checkbox-wrapper"> <view class="checkbox-wrapper">
<checkbox-group @change="switchSelect(cartListValidIndex)"> <checkbox-group @change="switchSelect(cartListValidIndex)">
@ -46,31 +40,19 @@
</view> </view>
<view class="text"> <view class="text">
<view class="line1">{{ item.productInfo.storeName }}</view> <view class="line1">{{ item.productInfo.storeName }}</view>
<view <view class="infor line1" v-if="item.productInfo.attrInfo">属性：{{ item.productInfo.attrInfo.sku }}</view>
class="infor line1"
v-if="item.productInfo.attrInfo"
>属性：{{ item.productInfo.attrInfo.sku }}</view>
<view class="money">￥{{ item.truePrice }}</view> <view class="money">￥{{ item.truePrice }}</view>
</view> </view>
<view class="carnum acea-row row-center-wrapper"> <view class="carnum acea-row row-center-wrapper">
<view <view class="reduce" :class="validList[cartListValidIndex].cartNum <= 1 ? 'on' : ''"
class="reduce" @click.prevent="reduce(cartListValidIndex)">-</view>
:class="validList[cartListValidIndex].cartNum <= 1 ? 'on' : ''"
@click.prevent="reduce(cartListValidIndex)"
>-</view>
<view class="num">{{ item.cartNum }}</view> <view class="num">{{ item.cartNum }}</view>
<view <view class="plus" v-if="validList[cartListValidIndex].attrInfo"
class="plus"
v-if="validList[cartListValidIndex].attrInfo"
:class="validList[cartListValidIndex].cartNum >= validList[cartListValidIndex].attrInfo.stock ? 'on' : ''" :class="validList[cartListValidIndex].cartNum >= validList[cartListValidIndex].attrInfo.stock ? 'on' : ''"
@click.prevent="plus(cartListValidIndex)" @click.prevent="plus(cartListValidIndex)">+</view>
>+</view> <view class="plus" v-else
<view
class="plus"
v-else
:class="validList[cartListValidIndex].cartNum >= validList[cartListValidIndex].stock ? 'on' : ''" :class="validList[cartListValidIndex].cartNum >= validList[cartListValidIndex].stock ? 'on' : ''"
@click.prevent="plus(cartListValidIndex)" @click.prevent="plus(cartListValidIndex)">+</view>
>+</view>
</view> </view>
</view> </view>
</view> </view>
@ -78,25 +60,15 @@
<view class="invalidGoods" v-if="cartList.invalid.length > 0"> <view class="invalidGoods" v-if="cartList.invalid.length > 0">
<view class="goodsNav acea-row row-between-wrapper"> <view class="goodsNav acea-row row-between-wrapper">
<view @click="goodsOpen"> <view @click="goodsOpen">
<text <text class="iconfont" :class="goodsHidden === true ? 'icon-xiangyou' : 'icon-xiangxia'"></text>失效商品
class="iconfont"
:class="goodsHidden === true ? 'icon-xiangyou' : 'icon-xiangxia'"
></text>失效商品
</view> </view>
<view class="del" @click="delInvalidGoods"> <view class="del" @click="delInvalidGoods">
<text class="iconfont icon-shanchu1"></text>清空 <text class="iconfont icon-shanchu1"></text>清空
</view> </view>
</view> </view>
<view class="goodsList" :hidden="goodsHidden"> <view class="goodsList" :hidden="goodsHidden">
<view <view v-for="(item, cartListinvalidIndex) in cartList.invalid" :key="cartListinvalidIndex">
v-for="(item, cartListinvalidIndex) in cartList.invalid" <view @click="goGoodsCon(item)" class="item acea-row row-between-wrapper" v-if="item.productInfo">
:key="cartListinvalidIndex"
>
<view
@click="goGoodsCon(item)"
class="item acea-row row-between-wrapper"
v-if="item.productInfo"
>
<view class="invalid acea-row row-center-wrapper">失效</view> <view class="invalid acea-row row-center-wrapper">失效</view>
<view class="pictrue"> <view class="pictrue">
<image :src="item.productInfo.attrInfo.image" v-if="item.productInfo.attrInfo" /> <image :src="item.productInfo.attrInfo.image" v-if="item.productInfo.attrInfo" />
@ -104,10 +76,8 @@
</view> </view>
<view class="text acea-row row-column-between"> <view class="text acea-row row-column-between">
<view class="line1">{{ item.productInfo.storeName }}</view> <view class="line1">{{ item.productInfo.storeName }}</view>
<view <view class="infor line1" v-if="item.productInfo.attrInfo">属性：{{ item.productInfo.attrInfo.sku }}
class="infor line1" </view>
v-if="item.productInfo.attrInfo"
>属性：{{ item.productInfo.attrInfo.sku }}</view>
<view class="acea-row row-between-wrapper"> <view class="acea-row row-between-wrapper">
<view class="end">该商品已下架</view> <view class="end">该商品已下架</view>
</view> </view>
@ -160,34 +130,41 @@
</view> </view>
</view> </view>
</view> </view>
<Authorization v-if="!$store.getters.token" /> <Authorization v-else />
</view> </view>
</template> </template>
<script> <script>
import Recommend from "@/components/Recommend"; import Recommend from "@/components/Recommend";
import Authorization from "@/pages/authorization/index"; import Authorization from "@/pages/authorization/index";
import { mapGetters } from "vuex"; import {
mapGetters
} from "vuex";
import { import {
getCartList, getCartList,
postCartDel, postCartDel,
changeCartNum, changeCartNum,
getCartCount getCartCount
} from "@/api/store"; } from "@/api/store";
import { postCollectAll } from "@/api/user"; import {
import { mul, add } from "@/utils/bc"; postCollectAll
import cookie from "@/utils/store/cookie"; } from "@/api/user";
import {
mul,
add
} from "@/utils/bc";
import cookie from "@/utils/store/cookie";
const CHECKED_IDS = "cart_checked"; const CHECKED_IDS = "cart_checked";
export default { export default {
name: "ShoppingCart", name: "ShoppingCart",
components: { components: {
Recommend, Recommend,
Authorization Authorization
}, },
props: {}, props: {},
data: function() { data: function () {
return { return {
cartList: { cartList: {
invalid: [], invalid: [],
@ -242,7 +219,7 @@ export default {
this.validList = list.valid; this.validList = list.valid;
} }
}, },
onShow: function() { onShow: function () {
if (this.userInfo.uid) { if (this.userInfo.uid) {
this.carnum(); this.carnum();
this.countMoney(); this.countMoney();
@ -259,7 +236,7 @@ export default {
} }
}); });
}, },
getCartList: function() { getCartList: function () {
let that = this; let that = this;
getCartList().then(res => { getCartList().then(res => {
that.cartList = res.data; that.cartList = res.data;
@ -278,12 +255,12 @@ export default {
}); });
}, },
//删除商品； //删除商品；
delgoods: function() { delgoods: function () {
let that = this, let that = this,
id = [], id = [],
valid = [], valid = [],
list = that.cartList.valid; list = that.cartList.valid;
list.forEach(function(val) { list.forEach(function (val) {
if (val.checked === true) { if (val.checked === true) {
id.push(val.id); id.push(val.id);
} }
@ -296,8 +273,8 @@ export default {
}); });
return; return;
} }
postCartDel(id).then(function() { postCartDel(id).then(function () {
list.forEach(function(val, i) { list.forEach(function (val, i) {
if (val.checked === false || val.checked === undefined) if (val.checked === false || val.checked === undefined)
valid.push(list[i]); valid.push(list[i]);
}); });
@ -309,35 +286,35 @@ export default {
}); });
}, },
// //获取数量 // //获取数量
gainCount: function() { gainCount: function () {
let that = this; let that = this;
getCartCount().then(res => { getCartCount().then(res => {
that.count = res.data.count; that.count = res.data.count;
}); });
}, },
//清除失效产品； //清除失效产品；
delInvalidGoods: function() { delInvalidGoods: function () {
let that = this, let that = this,
id = [], id = [],
list = that.cartList.invalid; list = that.cartList.invalid;
list.forEach(function(val) { list.forEach(function (val) {
id.push(val.id); id.push(val.id);
}); });
postCartDel(id).then(function() { postCartDel(id).then(function () {
list.splice(0, list.length); list.splice(0, list.length);
that.gainCount(); that.gainCount();
that.getCartList(); that.getCartList();
}); });
}, },
//批量收藏; //批量收藏;
collectAll: function() { collectAll: function () {
let that = this, let that = this,
data = { data = {
id: [], id: [],
category: "" category: ""
}, },
list = that.cartList.valid; list = that.cartList.valid;
list.forEach(function(val) { list.forEach(function (val) {
if (val.checked === true) { if (val.checked === true) {
data.id.push(val.product_id); data.id.push(val.product_id);
data.category = val.type; data.category = val.type;
@ -351,7 +328,7 @@ export default {
}); });
return; return;
} }
postCollectAll(data).then(function() { postCollectAll(data).then(function () {
uni.showToast({ uni.showToast({
title: "收藏成功!", title: "收藏成功!",
icon: "none", icon: "none",
@ -360,11 +337,11 @@ export default {
}); });
}, },
//立即下单； //立即下单；
placeOrder: function() { placeOrder: function () {
let that = this, let that = this,
list = that.cartList.valid, list = that.cartList.valid,
id = []; id = [];
list.forEach(function(val) { list.forEach(function (val) {
if (val.checked === true) { if (val.checked === true) {
id.push(val.id); id.push(val.id);
} }
@ -384,16 +361,16 @@ export default {
} }
}); });
}, },
manage: function() { manage: function () {
let that = this; let that = this;
that.footerswitch = !that.footerswitch; that.footerswitch = !that.footerswitch;
}, },
goodsOpen: function() { goodsOpen: function () {
let that = this; let that = this;
that.goodsHidden = !that.goodsHidden; that.goodsHidden = !that.goodsHidden;
}, },
//加 //加
plus: function(index) { plus: function (index) {
let that = this; let that = this;
let list = that.cartList.valid[index]; let list = that.cartList.valid[index];
list.cartNum++; list.cartNum++;
@ -411,7 +388,7 @@ export default {
that.syncCartNum(list); that.syncCartNum(list);
}, },
//减 //减
reduce: function(index) { reduce: function (index) {
let that = this; let that = this;
let list = that.cartList.valid[index]; let list = that.cartList.valid[index];
if (list.cartNum <= 1) { if (list.cartNum <= 1) {
@ -448,7 +425,7 @@ export default {
} }
}, },
//单选 //单选
switchSelect: function(index) { switchSelect: function (index) {
let that = this, let that = this,
cart = that.cartList.valid[index], cart = that.cartList.valid[index],
i = this.checkedIds.indexOf(cart.id); i = this.checkedIds.indexOf(cart.id);
@ -474,7 +451,7 @@ export default {
that.countMoney(); that.countMoney();
}, },
//全选 //全选
allChecked: function(e) { allChecked: function (e) {
console.log(e); console.log(e);
let that = this; let that = this;
let selectAllStatus = e.mp.detail.value[0] == "allSelect" ? true : false; let selectAllStatus = e.mp.detail.value[0] == "allSelect" ? true : false;
@ -506,7 +483,7 @@ export default {
this.$forceUpdate(); this.$forceUpdate();
}, },
//数量 //数量
carnum: function() { carnum: function () {
let that = this; let that = this;
var carnum = 0; var carnum = 0;
var array = that.cartList.valid; var array = that.cartList.valid;
@ -518,7 +495,7 @@ export default {
that.$set(that, "cartCount", carnum); that.$set(that, "cartCount", carnum);
}, },
//总共价钱； //总共价钱；
countMoney: function() { countMoney: function () {
let that = this; let that = this;
let carmoney = 0; let carmoney = 0;
let array = that.cartList.valid; let array = that.cartList.valid;
@ -530,5 +507,5 @@ export default {
that.countmoney = carmoney; that.countmoney = carmoney;
} }
} }
}; };
</script> </script>

4
pages/user/User/index.vue
View File

@ -133,7 +133,7 @@
:login_type="userInfo.login_type" :login_type="userInfo.login_type"
></SwitchWindow>--> ></SwitchWindow>-->
</view> </view>
<Authorization v-if="!$store.getters.token" /> <Authorization v-else />
</view> </view>
</template> </template>
<script> <script>
@ -185,7 +185,7 @@
} }
}); });
}, },
goBindPhone(){ goBindPhone() {
this.$yrouter.push({ this.$yrouter.push({
path: "/pages/user/BindingPhone/index", path: "/pages/user/BindingPhone/index",
}); });

6
剩余问题.js
View File

@ -5,7 +5,7 @@
// ? 未测试出该问题 // ? 未测试出该问题
// 页面都多了一个头部 // 页面都多了一个头部
// ~~延后处理 // ~~ 需要打包h5的时候单独修改配置
// 6、评价图片上传不了 // 6、评价图片上传不了
// ？接口报错，反馈给老徐了 // ？接口报错，反馈给老徐了
@ -14,10 +14,10 @@
// ？接口报错，反馈给老徐了 // ？接口报错，反馈给老徐了
// 12、h5分享关系没形成，看下你那登陆怎么处理的参考下以前的h5 // 12、h5分享关系没形成，看下你那登陆怎么处理的参考下以前的h5
// ~~ 延后处理 // ？前端功能修改完，后台交给老徐了
// 13、海报分享，分享分享调整没问题，因为是首页，但是，商品详情海报，拼团海报，砍价海报路由跳转会有问题 // 13、海报分享，分享分享调整没问题，因为是首页，但是，商品详情海报，拼团海报，砍价海报路由跳转会有问题
// ？商品拼团海报生成的不是小程序码 // ？前端功能修改完，后台交给老徐了
// 海报相关页面 // 海报相关页面
// components/StorePoster.vue 商品详情 // components/StorePoster.vue 商品详情
// > 根据用户来源生成二维码 // > 根据用户来源生成二维码