From 386545a5ebc6ac03987606905469db7e1d8ac8b3 Mon Sep 17 00:00:00 2001
From: ch <cwl_ch@163.com>
Date: Thu, 12 May 2022 17:07:07 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B4=AD=E7=89=A9=E8=BD=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/img/cart/empty.png                     | Bin 0 -> 10979 bytes
 assets/scss/global.scss                       |   2 +-
 components/UIGoodsInfo.vue                    |   4 +-
 .../{UiEmptyAccount.vue => UiEmpty.vue}       |   0
 components/UiLoading.vue                      |  24 ++
 pages/account/index/order/list/index.vue      |  30 +-
 pages/cart/index.vue                          | 256 +++++++++++++++++-
 7 files changed, 291 insertions(+), 25 deletions(-)
 create mode 100644 assets/img/cart/empty.png
 rename components/{UiEmptyAccount.vue => UiEmpty.vue} (100%)
 create mode 100644 components/UiLoading.vue

diff --git a/assets/img/cart/empty.png b/assets/img/cart/empty.png
new file mode 100644
index 0000000000000000000000000000000000000000..f79cd30a66fc0eac5dcbedbce0b33df7724eda98
GIT binary patch
literal 10979
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
RYX|@U002ovPDHLkV1fx2R09A2

literal 0
HcmV?d00001

diff --git a/assets/scss/global.scss b/assets/scss/global.scss
index 6562b60..05b225a 100644
--- a/assets/scss/global.scss
+++ b/assets/scss/global.scss
@@ -33,5 +33,5 @@ table {border-collapse: collapse; border-spacing: 0;
   color: #333;}
 a { text-decoration:none;
   color: #333;
-  &:hover { text-decoration:none;}
+  &:hover { text-decoration:none; color: #FF512B;}
 }
\ No newline at end of file
diff --git a/components/UIGoodsInfo.vue b/components/UIGoodsInfo.vue
index 21cff59..5692fb1 100644
--- a/components/UIGoodsInfo.vue
+++ b/components/UIGoodsInfo.vue
@@ -2,13 +2,13 @@
  * @Author: ch
  * @Date: 2022-05-08 14:41:42
  * @LastEditors: ch
- * @LastEditTime: 2022-05-12 10:00:52
+ * @LastEditTime: 2022-05-12 14:37:00
  * @Description: file content
 -->
 <template>
 	<div class="ui-goods-info" @click="$router.push(`/goods/detail/${goods.productId}`)">
 		<div class="ui-goods-info--img">
-			<img :src="goods.productImageUrl"/>
+			<img :src="goods.productImageUrl || goods.productMainPicture"/>
 		</div>
 		<p>
 			<b>{{goods.productName}}</b>
diff --git a/components/UiEmptyAccount.vue b/components/UiEmpty.vue
similarity index 100%
rename from components/UiEmptyAccount.vue
rename to components/UiEmpty.vue
diff --git a/components/UiLoading.vue b/components/UiLoading.vue
new file mode 100644
index 0000000..9a20ce3
--- /dev/null
+++ b/components/UiLoading.vue
@@ -0,0 +1,24 @@
+<!--
+ * @Author: ch
+ * @Date: 2022-05-12 16:52:52
+ * @LastEditors: ch
+ * @LastEditTime: 2022-05-12 17:02:52
+ * @Description: file content
+-->
+<template>
+	<div class="loading" >正在查询数据...</div>
+</template>
+<script>
+export default {
+	
+}
+</script>
+<style lang="scss" scoped>
+
+.loading{
+	height: 300px;
+	line-height: 100px;
+	text-align: center;
+	color: #666;
+}
+</style>
\ No newline at end of file
diff --git a/pages/account/index/order/list/index.vue b/pages/account/index/order/list/index.vue
index 0b9fe07..639de4f 100644
--- a/pages/account/index/order/list/index.vue
+++ b/pages/account/index/order/list/index.vue
@@ -2,16 +2,16 @@
  * @Author: ch
  * @Date: 2022-05-04 20:47:29
  * @LastEditors: ch
- * @LastEditTime: 2022-05-12 11:29:24
+ * @LastEditTime: 2022-05-12 16:55:56
  * @Description: file content
 -->
 <template>
 	<div class="main">
 		<Tab :active="tabActive" @change="changeTab"></Tab>
-		<div class="loading" v-if="loading">正在查询数据...</div>
-		<UiEmptyAccount v-if="!orderTotal && !loading" desc="暂无订单数据" :icon="require('@/assets/img/account/order/empty.png')">
+		<UiLoading v-if="loading"></UiLoading>
+		<UiEmpty v-if="!orderTotal && !loading" desc="暂无订单数据" :icon="require('@/assets/img/account/order/empty.png')">
 			<UiButton type="grey" @click="$router.push('/')">去逛逛</UiButton>
-		</UiEmptyAccount>
+		</UiEmpty>
 		<template v-if="!loading">
 			<table v-if="orderTotal" class="order--table order--table-head">
 				<thead>
@@ -73,15 +73,16 @@
 </template>
 <script>
 import {ApiGetOrderList, ApiPutOrderReceive, ApiGetOrderStatistics} from '~/plugins/api/order';
-import BsCancelOrder from '../../../../../components/BsCancelOrder.vue';
-import BsPay from '../../../../../components/BsPay.vue';
-import UiButton from '../../../../../components/UiButton.vue';
-import UiEmptyAccount from '../../../../../components/UiEmptyAccount.vue';
-import UIGoodsInfo from '../../../../../components/UIGoodsInfo.vue';
-import UiLineBox from '../../../../../components/UiLineBox.vue';
+import BsCancelOrder from '@/components/BsCancelOrder.vue';
+import BsPay from '@/components/BsPay.vue';
+import UiButton from '@/components/UiButton.vue';
+import UiEmpty from '@/components/UiEmpty.vue';
+import UIGoodsInfo from '@/components/UIGoodsInfo.vue';
+import UiLineBox from '@/components/UiLineBox.vue';
 import Tab from './module/Tab.vue';
+import UiLoading from '../../../../../components/UiLoading.vue';
 export default {
-	components: { UiLineBox, UIGoodsInfo, Tab, UiButton, BsPay, UiEmptyAccount, BsCancelOrder },
+	components: { UiLineBox, UIGoodsInfo, Tab, UiButton, BsPay, UiEmpty, BsCancelOrder, UiLoading },
 	data(){
 		return {
 			tabActive : this.$route.query.type || -1,
@@ -90,7 +91,6 @@ export default {
 			orderList : [],
 			orderTotal : 0,
 			loading : true,
-			
 			payVisible : false,
 			cancelVisible : false,
 			operationOrder : {}
@@ -162,12 +162,6 @@ export default {
 .main{
 	flex: 1;
 }
-.loading{
-	height: 100px;
-	line-height: 100px;
-	text-align: center;
-	color: #666;
-}
 .order{
 	margin: 10px 0;
 	&--head{
diff --git a/pages/cart/index.vue b/pages/cart/index.vue
index 3ddeb1b..8044b6b 100644
--- a/pages/cart/index.vue
+++ b/pages/cart/index.vue
@@ -2,21 +2,269 @@
  * @Author: ch
  * @Date: 2022-05-03 22:41:15
  * @LastEditors: ch
- * @LastEditTime: 2022-05-04 17:27:21
+ * @LastEditTime: 2022-05-12 17:05:02
  * @Description: file content
 -->
 <template>
-	<div>我是购物车</div>
+	<div>
+		<UiEmpty v-if="!isLoading && !list.length" desc="购物车空空如也，去挑点喜欢的好货吧~" :icon="require('@/assets/img/cart/empty.png')">
+			<UiButton type="grey" @click="$router.push('/')">去逛逛</UiButton>
+		</UiEmpty>
+		<UiLoading v-if="isLoading" ></UiLoading>
+		<div class="main" v-else>
+			<table class="table table--head">
+				<thead>
+					<tr>
+						<th width="90">
+							<el-checkbox label="全选"  @change="handleCheckAll"
+								v-model="checkAll" :indeterminate="isIndeterminate"></el-checkbox>
+						</th>
+						<th>商品信息</th>
+						<th width="115">单价</th>
+						<th width="115">数量</th>
+						<th width="115">小计</th>
+						<th width="115">操作</th>
+					</tr>
+				</thead>
+			</table>
+			<el-checkbox-group v-model="checkedIds" @change="changeCheckedGoods">
+				<table class="table">
+					<tbody>
+						<tr v-for="item in list" :key="item.id" :class="item.status !== 'normal' && 'disable'">
+							<td width="50">
+								<el-checkbox v-if="item.status === 'normal'" :label="item.id" class="checkbox"></el-checkbox>
+								<span v-else class="tag">失效</span>
+							</td>
+							<td>
+								<UIGoodsInfo :goods="item"></UIGoodsInfo>
+							</td>
+							<td width="115">{{item.productSku ? item.productSku.sellPrice : '--'}}</td>
+							<td width="115">{{item.number}}</td>
+							<td width="115">999</td>
+							<td width="115">
+								<a @click="handleDelete(item.id)" class="del">删除</a>
+							</td>
+						</tr>
+					</tbody>
+				</table>
+			</el-checkbox-group>
+			<div class="operation">
+				<div>
+					<el-checkbox label="全选" @change="handleCheckAll" 
+					v-model="checkAll" :indeterminate="isIndeterminate"></el-checkbox>
+					<a @click="handleDelete()" class="operation--del">批量删除</a>
+				</div>
+				<div class="operation--right">
+					<p>已选<span class="operation--count">{{checkedIds.length}}</span>件</p>
+					<p class="operation--total">总计：
+						<UiMoney class="operation--total-price" :money="totalPrice"
+							size="20px" float prefix preSize="14px"/>
+					</p>
+					<UiButton class="operation--settlement" @click="settlement" :disabled="!checkedIds.length">去结算</UiButton>
+				</div>
+			</div>
+		</div>
+	</div>
+	
 </template>
 <script>
+import {ApiGetCartList, ApiDeleteCartGoods} from '@/plugins/api/cart';
+import UIGoodsInfo from '../../components/UIGoodsInfo.vue';
+import UiButton from '../../components/UiButton.vue';
+import UiMoney from '../../components/UiMoney.vue';
+import UiEmpty from '../../components/UiEmpty.vue';
+import UiLoading from '../../components/UiLoading.vue';
 export default {
+	components: { UIGoodsInfo, UiButton, UiMoney, UiEmpty, UiLoading },
 	data(){
 		return {
-			
+			isLoading : false,
+			list : [],
+			checkedIds : [],
+			checkAll : false,
+			isIndeterminate : false
+		}
+	},
+	computed:{
+		totalPrice(){
+			const checkedList = this.list.filter(item => this.checkedIds.includes(item.id)) || [];
+			let tempPrice = 0;
+			checkedList.forEach(item => {
+				// 商品单价, 为了方便计算先转换单位为分 (整数)
+                const unitPrice = item.productSku ? item.productSku.sellPrice * 100 : 0
+                tempPrice += unitPrice * (item.number || 0)
+			});
+			return (tempPrice / 100).toFixed(2);
+
+		},
+		// 正常可结算的商品
+		normalList(){
+			return this.list.filter(i => i.status == 'normal');
+		}
+	},
+	created(){
+		this.getCartList();
+	},
+	methods:{
+		/**
+		 * 获取购物车商品列表
+		 */
+        async getCartList() {
+			this.isLoading = true;
+			const {error, result} = await ApiGetCartList();
+			if(error){
+				this.$message.warning(error.message);
+				return false;
+			}
+			this.isLoading = false
+			this.list = result.map(item => {
+				item.status = item.product.isEnable ?  
+					(!item.productSku || item.productSku.stock == 0) ? 'notSku': 'normal' : 
+					'isDisable';
+				item.skuDescribe = item.status === 'normal' ? item.productSku?.name : 
+					item.status === 'normal' ? '请重新选择商品规格' :  '宝贝已失效，暂时无法购买';
+				return item;
+			});
+		},
+		/**
+		 * 商品选择框改变，全选按钮 半选，全选，不选状态
+		 */
+		changeCheckedGoods(){
+			this.checkAll = this.normalList.length === this.checkedIds.length;
+			this.isIndeterminate = this.checkedIds.length > 0 && !this.checkAll;
+		},
+		/**
+		 * 点击全选选择框，全选，反选功能
+		 */
+		handleCheckAll(val) {
+			this.checkedIds = val ? this.normalList.map(item => item.id) : [] ;
+		},
+		/**
+		 * 删除选中的商品
+		 */
+        handleDelete(id) {
+			const ids = id ? [id] : this.checkedIds;
+			const tips = id ? '您确定要删除该商品吗？' : '您确定要删除选中的商品吗？'
+            if (!ids.length) {
+                return false
+			}
+			this.$confirm(tips, '提示', {
+				confirmButtonText: '确定',
+				cancelButtonText: '取消',
+				type: 'warning'
+			}).then(async () => {
+				const {error} = await ApiDeleteCartGoods({idList : ids.join(',')});
+				if(error){
+					this.$message.error(error.message);
+					return false;
+				}
+				this.list = this.list.filter(item => !ids.includes(item.id));
+
+				if(id){
+					this.checkedIds = this.checkedIds.filter(i => i.id !== id);
+				}else{
+					this.checkedIds = [];
+				}
+				
+			})
+		},
+		/**
+		 * 点击去结算
+		 */
+		settlement(){
+			this.$router.push({
+				path : '/order/submit', 
+				query : { 
+					mode: 'cart', 
+					ids:this.checkedIds.join(',') 
+				}
+			})
 		}
 	}
 }
 </script>
 <style lang="scss" scoped>
-
+.main{
+	@include layout-box;
+	padding-bottom: 50px;
+}
+.table{
+	width: 100%;
+	border: 1px solid #ddd;
+	font-size: 14px;
+	&--head{
+		margin: 30px 0 20px;
+	}
+	.disable td{
+		background: #f8f8f8;
+		opacity: .6;
+	}
+	.del{
+		cursor: pointer;
+	}
+	.tag{
+		display: inline-block;
+		background: #ddd;
+		height: 20px;
+		width: 40px;
+		line-height: 20px;
+		font-size: 12px;
+	}
+	th{
+		height: 46px;
+		line-height: 46px;
+		background: #f8f8f8;
+		font-weight: normal;
+	}
+	td{
+		text-align: center;
+		padding: 40px 0;
+	}
+}
+.operation{
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	background: #f8f8f8;
+	border: 1px solid #ddd;
+	margin-top: 10px;
+	height: 70px;
+	padding: 0 237px 0 20px;
+	position: relative;
+	&--del{
+		margin-left: 70px;
+	}
+	&--right{
+		display: flex;
+		align-items: center;
+	}
+	&--count{
+		color: #FF512B;
+		margin: 0 5px;
+	}
+	&--total{
+		display: flex;
+		align-items: center;
+		margin-left: 90px;
+		&-price{
+			color: #FF512B;
+			font-weight: bold;
+		}
+	}
+	&--settlement{
+		position: absolute;
+		top: -1px;
+		right: 0;
+		width: 160px;
+		height: 70px;
+	}
+}
+/deep/{
+	.checkbox{
+		.el-checkbox__label{
+			display: none;
+		}
+	}
+	
+}
 </style>
\ No newline at end of file