From 74584fe7dd1bca215cfe2d16f5c31f1a460f4502 Mon Sep 17 00:00:00 2001
From: wangdong <1551135706@qq.com>
Date: Tue, 12 Mar 2024 23:11:04 +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

---
 api/store.js                           |  15 +-
 pages.json                             |   6 +
 pages/learningCenter/brushQuestion.vue |  17 +-
 pages/my/address.vue                   |   2 +-
 pages/my/follow_lecturer.vue           |   1 +
 pages/my/invoiceList.vue               | 140 +++++++-
 pages/my/orgCooperation.vue            |   2 -
 pages/special/grade_list.vue           |  22 +-
 pages/store/applyInvoicing.vue         |  10 +-
 pages/store/detail.vue                 |  22 +-
 pages/store/goodsCate.vue              |  43 +--
 pages/store/goodsList.vue              |  23 +-
 pages/store/shoppingCart.vue           | 429 +++++++++++++++++++++++++
 static/images/learning/exam-bg.png     | Bin 0 -> 9073 bytes
 static/images/learning/exam-icon.png   | Bin 0 -> 1948 bytes
 static/images/learning/to.png          | Bin 0 -> 1234 bytes
 16 files changed, 650 insertions(+), 82 deletions(-)
 create mode 100644 pages/store/shoppingCart.vue
 create mode 100644 static/images/learning/exam-bg.png
 create mode 100644 static/images/learning/exam-icon.png
 create mode 100644 static/images/learning/to.png

diff --git a/api/store.js b/api/store.js
index 3b06ad8..47e7219 100644
--- a/api/store.js
+++ b/api/store.js
@@ -58,4 +58,17 @@ export function editInvoiceHeader(params) {
 
 export function applyInvoice(params) {
 		return http.post("/invoice/make", params);
-}
\ No newline at end of file
+}
+
+
+export function deleteInvoice(params) {
+		return http.post("/invoice/delete", params);
+}
+
+export function getCartList(params) {
+		return http.get("/Auth_Api/get_cart_list", params);
+}
+
+export function joinCart(params) {
+		return http.get("/Auth_Api/set_cart", params);
+}
diff --git a/pages.json b/pages.json
index 2801cdf..51a8bc7 100644
--- a/pages.json
+++ b/pages.json
@@ -90,6 +90,12 @@
 			"style": {
 				"navigationBarTitleText": "申请开票"
 			}
+		},
+		{
+			"path": "pages/store/shoppingCart",
+			"style": {
+				"navigationBarTitleText": "购物车"
+			}
 		}
 	],
 	"subPackages": [
diff --git a/pages/learningCenter/brushQuestion.vue b/pages/learningCenter/brushQuestion.vue
index fa0af7a..c3feea1 100644
--- a/pages/learningCenter/brushQuestion.vue
+++ b/pages/learningCenter/brushQuestion.vue
@@ -3,12 +3,12 @@
 		<NavBar title="刷题过关" />
 		<advert :img="'/static/frontend/learning-advert.png'" :height="140" />
 		<view class="exam flex flex-center-x">
-				<image src="" mode="aspectFill"></image>
+				<image src="@/static/images/learning/exam-icon.png" mode="aspectFill" class="exam-icon"></image>
 				<view class="intro">
 					<view>组合卷考试</view>
 					<view>完成付费试题后可参加</view>
 				</view>
-				<view class="exam-btn"></view>
+				<image src="@/static/images/learning/to.png" mode="aspectFill" class="exam-to"></image>
 		</view>
 		<view class="list">
 			<template v-if="list.length > 0">
@@ -68,11 +68,15 @@ import Advert from '@/components/Advert/index.vue';
 			width: 690rpx;
 			margin: 32rpx 30rpx 0;
 			height: 180rpx;
-			background: #386FF4;
+			background-color: #386FF4;
 			border-radius: 10rpx;
 			padding: 0 65rpx 0 50rpx;
-			>image {
-				width: 64rpx;
+			background-image: url(@/static/images/learning/exam-bg.png);
+			background-repeat: no-repeat;
+			background-position: center center;
+			background-size: 100% 100%;
+			.exam-icon {
+				width: 54rpx;
 				height: 64rpx;
 				margin-right: 55rpx;
 			}
@@ -90,11 +94,10 @@ import Advert from '@/components/Advert/index.vue';
 					}
 				}
 			}
-			.exam-btn {
+			.exam-to {
 				width: 46rpx;
 				height: 46rpx;
 				border-radius: 50%;
-				background: #fff;
 			}
 		}
 		.list {
diff --git a/pages/my/address.vue b/pages/my/address.vue
index 1197388..c9e7912 100644
--- a/pages/my/address.vue
+++ b/pages/my/address.vue
@@ -94,7 +94,7 @@ export default {
           try {
             await removeUserAddress(id);
             uni.hideLoading();
-            this.$util.showMsg("删除成功!");
+            uni.showMsg("删除成功!");
             this.address = this.address.filter((value) => value.id !== id);
           } catch (err) {
             uni.hideLoading();
diff --git a/pages/my/follow_lecturer.vue b/pages/my/follow_lecturer.vue
index 9adf393..366a79a 100644
--- a/pages/my/follow_lecturer.vue
+++ b/pages/my/follow_lecturer.vue
@@ -189,6 +189,7 @@
   .my-follow .empty {
     display: block;
     width: 414rpx;
+		height: 305rpx;
     margin: 100rpx auto 0;
   }
 </style>
\ No newline at end of file
diff --git a/pages/my/invoiceList.vue b/pages/my/invoiceList.vue
index 0d99b50..c104cf7 100644
--- a/pages/my/invoiceList.vue
+++ b/pages/my/invoiceList.vue
@@ -17,9 +17,19 @@
 						<view class="content-time">开票时间：{{ item.created_at }}</view>
 					</view>
 				</view>
+				<image v-if="!applyInvoicingList.length" class="empty" :src="getImgPath('/wap/first/zsff/images/empty.png')" alt=""/>
 			</view>
 			<view v-else class="invoice-header-list">
-				<view v-for="(item, index) in invoiceHeaderList" :key="index" class="invoice-header-item">
+				<view
+					v-for="(item, index) in invoiceHeaderList"
+					:key="index"
+					ref="box_center"
+					class="invoice-header-item" 
+					@touchstart="drawStart"
+					@touchmove="drawMove(index,$event)"
+					@touchend="drawEnd(index,$event)"
+					:style="{ left: activeHeaderMask === index ? '-120rpx' : '' }"
+				>
 					<view class="item-head flex flex-center-x">
 						<text :style="item.header_type === 2 ? 'background: #FEE1E1;color: #FF5C6B;' : 'background: #F3F6FD;color: #1C92E7;'">{{ item.header_type === 1 ? '个人' : '企业' }}</text>
 						<text>{{ item.invoice_header }}</text>
@@ -28,7 +38,12 @@
 					<view class="item-content">
 						普通发票-{{ item.header_type === 1 ? '个人' : '企业' }}抬头
 					</view>
+					<view class="function-mask" :style="{visibility: activeHeaderMask === index ? 'visible' : 'hidden' }" @click="activeHeaderMask = -1"></view>
+					<view class="function" @click.stop="deleteHeader(item)" data-name="删除">
+						<view class="btn">删除</view>
+					</view>
 				</view>
+				<image v-if="!invoiceHeaderList.length" class="empty" :src="getImgPath('/wap/first/zsff/images/empty.png')" alt=""/>
 			</view>
 			<view v-if="activeTab === tabList[1]" class="add-header" @click="addHeader">添加新的抬头</view>
 		</view>
@@ -36,7 +51,7 @@
 </template>
 
 <script>
-	import { getApplyInvoicingList, getInvoiceHeaderList } from '@/api/store';
+	import { getApplyInvoicingList, getInvoiceHeaderList, deleteInvoice } from '@/api/store';
 	export default {
 		data() {
 			return {
@@ -45,14 +60,9 @@
 					'发票抬头',
 				],
 				activeTab: '开票申请',
-				applyInvoicingList: [
-					{ type: '企业' , name: '南京梦航教育有限公司', status: 0, money: '1202.00', time: '2023-10-10 12:30:34' },
-					{ type: '个人' , name: '张三', status: 1, money: '1202.00', time: '2023-10-10 12:30:34' },
-				],
-				invoiceHeaderList: [
-					{ type: '企业' , name: '南京梦航教育有限公司' },
-					{ type: '个人' , name: '张三' },
-				]
+				applyInvoicingList: [],
+				invoiceHeaderList: [],
+				activeHeaderMask: -1,
 			};
 		},
 		watch: {
@@ -126,16 +136,80 @@
 					url: `/pages/store/applyInvoicing?info=${JSON.stringify(item)}`,
 				});
 			},
+			// 开始触摸
+			drawStart(e) {
+				console.log('触摸',e);
+				this.clientX = e.changedTouches[0].clientX
+			},
+			// 触摸过程
+			drawMove(id, e) {
+				console.log('过程',e.changedTouches[0]);
+				var endX = e.changedTouches[0].clientX;
+				let diff = endX - this.clientX;
+				console.log(diff);
+			
+				if (Math.abs(diff) <= 60 && diff < 0) {
+					let box_center = this.$refs.box_center[id]
+					// console.log(diff);
+					box_center.$el.style.left = diff + 'px'
+				}
+			
+			},
+			// 结束触摸
+			drawEnd(id, e) {
+				console.log('结束',e.changedTouches[0], e);
+				var endX = e.changedTouches[0].clientX;
+				let diff = endX - this.clientX;
+				if (Math.abs(diff) > 20) {
+					// console.log('移动',diff,id,e);
+					if (diff < 0) {
+						this.activeHeaderMask = id;
+					} else {
+						this.activeHeaderMask = -1;
+					}
+				}
+			},
+			deleteHeader(item) {
+				console.log(item);
+				uni.showModal({
+				  title: "提示",
+				  content: "是否删除该抬头?",
+				  success: async ({ confirm }) => {
+				    if (!confirm) return;
+						uni.showLoading({
+							mask: true,
+						});
+				    try {
+				      await deleteInvoice({ id: item.id });
+							this.activeHeaderMask = -1;
+				      // uni.hideLoading();
+				      // this.$util.showMsg("删除成功!");
+							this.getInvoiceHeaderList();
+				    } catch (err) {
+				      uni.hideLoading();
+				      this.$util.showMsg(err.msg);
+				    }
+				  },
+				});
+			},
 		},
 	};
 </script>
 
 <style lang="scss" scoped>
-	.invoice-list {
+	::v-deep .base-container {
+		width: 100%;
+		/* #ifdef MP-WEIXIN */
+		padding-bottom: 0!important;
+		/* #endif */
+	}
+	.invoice-list{
+		width: 100%;
 		height: 100vh;
 		background: #f5f5f5;
 		.invoice-content {
-			flex: 1;
+			height: 100%;
+			width: 100%;
 			.invoice-tab-list {
 				width: 100%;
 				height: 96rpx;
@@ -180,9 +254,17 @@
 		}
 		.apply-invoicing-list,
 		.invoice-header-list {
+			width: 690rpx;
 			height: calc(100% - 96rpx);
 			overflow-y: auto;
-			padding-top: 20rpx;
+			padding: 20rpx 0 0;
+			margin: 0 auto;
+			.empty {
+			  display: block;
+			  width: 414rpx;
+				height: 305rpx;
+			  margin: 100rpx auto 0;
+			}
 			.apply-invoicing-item{
 				width: 690rpx;
 				height: 228rpx;
@@ -233,6 +315,7 @@
 				border-radius: 10rpx;
 				background: #fff;
 				padding: 0 16rpx;
+				position: relative;
 				.item-head {
 					padding: 0 8rpx 0 12rpx;
 					height: 88rpx;
@@ -265,10 +348,41 @@
 					font-size: 28rpx;
 					padding-left: 12rpx;
 				}
+				.function-mask {
+					position: absolute;
+					left: 0;
+					top: 0;
+					width: 100%;
+					height: 100%;
+					z-index: 10;
+					visibility: hidden;
+				}
+				.function {
+					width: 120rpx;
+					height: 100%;
+					background: #F8473E;
+					border-radius: 0rpx 10rpx 10rpx 0rpx;
+					display: flex;
+					justify-content: center;
+					align-items: center;
+					position: absolute;
+					top: 0;
+					right: -120rpx;
+					z-index: 10;
+					.btn {
+						width: 30rpx;
+						white-space: pre-wrap;
+						overflow: auto;
+						font-size: 28rpx;
+						color: #fff;
+						line-height: 36rpx;
+					}
+				}
 			}
 		}
 		.invoice-header-list {
 			height: calc(100% - 226rpx);
+			overflow-x: hidden;
 		}
 	}
 </style>
\ No newline at end of file
diff --git a/pages/my/orgCooperation.vue b/pages/my/orgCooperation.vue
index 1fcea46..023b85a 100644
--- a/pages/my/orgCooperation.vue
+++ b/pages/my/orgCooperation.vue
@@ -56,14 +56,12 @@
 		data() {
 			return {
 				special_id: '',
-				specialInfo: {},
 				applyForm: {
 					real_name: '',
 					mobile: '',
 					recommend_user: '',
 					address: '',
 				},
-				payDialogOpen: false,
 				payDialogOpen: false, // 是否显示支付弹窗
 				money: 200.0,
 				pay_type_num: 20,
diff --git a/pages/special/grade_list.vue b/pages/special/grade_list.vue
index e4bea74..2bd441f 100644
--- a/pages/special/grade_list.vue
+++ b/pages/special/grade_list.vue
@@ -4,7 +4,7 @@
     <NavBarTitle title="我的收藏"   :height="88"/>
     <view v-if="type" ref="tabbar" class="tabbar">
       <view :class="{ on: active === 1 }" @click="tab(1)">资料</view>
-      <view :class="{ on: active === 2 }" @click="tab(2)">老师</view>
+      <!-- <view :class="{ on: active === 2 }" @click="tab(2)">老师</view> -->
       <view :class="{ on: active === 0 }" @click="tab(0)">课程</view>
     </view>
     <view v-if="makeGradeList.length" :class="{ material: active }" class="list">
@@ -18,11 +18,13 @@
 					@touchstart="drawStart"
 					@touchmove="drawMove(index,$event)"
 					@touchend="drawEnd(index,$event)"
+					:style="{ left: activeHeaderMask === index ? '-120rpx' : '' }"
 				>
 					<view>
 						<image mode="aspectFill" :src="item.image" alt="" />
 						<!-- <view v-if="!active">{{ type == 1 ? item.types : item.type }}</view> -->
 					</view>
+					<view class="function-mask" :style="{visibility: activeHeaderMask === index ? 'visible' : 'hidden' }" @click="activeHeaderMask = -1"></view>
 					<view class="function">
 						<view class="btn">取消收藏</view>
 					</view>
@@ -94,6 +96,7 @@ export default {
       page: 1,
       limit: 10,
       count: 0,
+			activeHeaderMask: -1,
     };
   },
   computed: {
@@ -189,15 +192,11 @@ export default {
 			if (Math.abs(diff) > 20) {
 				// console.log('移动',diff,id,e);
 				if (diff < 0) {
-					box_center.$el.style.left = '-60px'
+					this.activeHeaderMask = id;
 				} else {
-					box_center.$el.style.left = '0'
+					this.activeHeaderMask = -1;
 				}
-
-			}else{
-				box_center.$el.style.left = '0'
 			}
-
 		},
   },
 };
@@ -239,6 +238,15 @@ page{
 		.list-item {
 			position: relative;
 			background: #ffffff;
+			.function-mask {
+				position: absolute;
+				left: 0;
+				top: 0;
+				width: 100%;
+				height: 100%;
+				z-index: 10;
+				visibility: hidden;
+			}
 			.function {
 				width: 120rpx;
 				height: 100%;
diff --git a/pages/store/applyInvoicing.vue b/pages/store/applyInvoicing.vue
index 756ac22..593bdfa 100644
--- a/pages/store/applyInvoicing.vue
+++ b/pages/store/applyInvoicing.vue
@@ -110,7 +110,7 @@
 		methods: {
 			changeRadioType(e) {
 				console.log(e, this.invoicingInfo.type);
-				this.invoicingInfo.type = e.detail.value;
+				this.invoicingInfo.type = Number(e.detail.value);
 				this.invoicingInfo.invoiceHeader = '';
 				this.invoicingInfo.dutyParagraph = '';
 				this.invoicingInfo.address = '';
@@ -246,8 +246,7 @@
 							font-size: 32rpx;
 						}
 					}
-					::v-deep {
-						uni-radio-group,  {
+						radio-group {
 							display: flex;
 							align-items: center;
 							justify-content: flex-end;
@@ -256,7 +255,7 @@
 								height: 34rpx;
 							}
 						}
-						.uni-label-pointer {
+						label {
 							display: flex;
 							align-items: center;
 							margin-left: 63rpx;
@@ -264,10 +263,9 @@
 						input {
 							text-align: right;
 						}
-						uni-picker {
+						picker {
 							text-align: right;
 						}
-					}
 				}
 			}
 		}
diff --git a/pages/store/detail.vue b/pages/store/detail.vue
index 13bce10..db61ba3 100644
--- a/pages/store/detail.vue
+++ b/pages/store/detail.vue
@@ -140,6 +140,7 @@ import {
   getReplyList,
   getStoreDetail,
   createOrder,
+	joinCart,
 } from "@/api/store";
 import { getLecturer, getRebateAmount } from "@/api/auth";
 import RebateGuide from "@/components/RebateGuide/index.vue";
@@ -250,6 +251,11 @@ export default {
         case 2:
           this.$util.goSupport(CUSTOMER_DETAIL_TYPE.GOOD, CUSTOMER_SUPPORT_TYPE.STORE_GOOD, this.id, this.storeInfo.mer_id);
           break;
+				case 3:
+					uni.navigateTo({
+						url: "/pages/store/shoppingCart",
+					});
+					break;
       }
     },
     // 立即购买
@@ -273,7 +279,21 @@ export default {
       }, true);
     },
 		joinCart() {
-			// this.$util.checkLogin();
+			this.$util.checkLogin(async () => {
+        try {
+          const { code, data, msg } = await joinCart({
+            productId: this.storeInfo.id,
+            cartNum: 1,
+          });
+          if (code === 200) {
+            this.$util.showMsg('添加成功');
+          } else {
+            this.$util.showMsg(msg);
+          }
+        } catch (err) {
+          this.$util.showMsg(err.msg);
+        }
+      }, true);
 		},
     //所有插件回调处理事件
     changeVal(opt) {
diff --git a/pages/store/goodsCate.vue b/pages/store/goodsCate.vue
index ed1e0cf..c6a0406 100644
--- a/pages/store/goodsCate.vue
+++ b/pages/store/goodsCate.vue
@@ -31,47 +31,7 @@
 	export default {
 		data() {
 			return {
-				goodsCateList: [
-					{
-						name: '特别推荐',
-						list: [
-							{
-								title: '四级必备',
-								list: [{name: '二级分类01'}, {name: '二级分类02'}, {name: '二级分类03'}, {name: '二级分类04'}],
-							},
-							{
-								title: '托福雅思',
-								list: [{name: '二级分类01'}, {name: '二级分类02'}, {name: '二级分类03'}, {name: '二级分类04'}],
-							},
-						]
-					},
-					{
-						name: '考研试卷',
-						list: [
-							{
-								title: '四级必备',
-								list: [{name: '二级分类01'}, {name: '二级分类02'}, {name: '二级分类03'}, {name: '二级分类04'}],
-							},
-							{
-								title: '托福雅思',
-								list: [{name: '二级分类01'}, {name: '二级分类02'}, {name: '二级分类03'}, {name: '二级分类04'}],
-							},
-						]
-					},
-					{
-						name: '语言学习',
-						list: [
-							{
-								title: '四级必备',
-								list: [{name: '二级分类01'}, {name: '二级分类02'}, {name: '二级分类03'}, {name: '二级分类04'}],
-							},
-							{
-								title: '托福雅思',
-								list: [{name: '二级分类01'}, {name: '二级分类02'}, {name: '二级分类03'}, {name: '二级分类04'}],
-							},
-						]
-					}
-				],
+				goodsCateList: [],
 				bigCate: '',
 			};
 		},
@@ -91,6 +51,7 @@
 							children: data.recommend,
 					  },
 					].concat(data.category_list);
+					this.bigCate = '特别推荐';
 					console.log(this.goodsCateList);
 			  } catch (err) { }
 			},
diff --git a/pages/store/goodsList.vue b/pages/store/goodsList.vue
index f549134..0bff78a 100644
--- a/pages/store/goodsList.vue
+++ b/pages/store/goodsList.vue
@@ -39,7 +39,7 @@
 		        <view class="price">
 		          ￥<span class="num">{{ item.price }}</span>
 		        </view>
-		        <image src="@/static/images/store/cart.png" mode="aspectFill" class="cart-image"></image>
+		        <image src="@/static/images/store/cart.png" mode="aspectFill" class="cart-image" @click.stop="joinCart(item)"></image>
 		      </view>
 		    </view>
 		  </navigator>
@@ -53,7 +53,7 @@
 </template>
 
 <script>
-	import { getGoodsList } from "@/api/store";
+	import { getGoodsList, joinCart } from "@/api/store";
 	import { debounce } from 'lodash';
 	
 	export default {
@@ -112,6 +112,23 @@
 			
 			  this.loading = false;
 			},
+			joinCart(item) {
+				this.$util.checkLogin(async () => {
+			    try {
+			      const { code, data, msg } = await joinCart({
+			        productId: item.id,
+			        cartNum: 1,
+			      });
+			      if (code === 200) {
+			        this.$util.showMsg('添加成功');
+			      } else {
+			        this.$util.showMsg(msg);
+			      }
+			    } catch (err) {
+			      this.$util.showMsg(err.msg);
+			    }
+			  }, true);
+			},
 		},
 	};
 </script>
@@ -119,7 +136,7 @@
 <style lang="scss" scoped>
 	.goods-list {
 		background: #f6f6f6;
-		padding: 0 30rpx 40rpx;
+		// padding: 0 30rpx 40rpx;
 		.form {
 			padding: 20rpx 0 ;
 			.left {
diff --git a/pages/store/shoppingCart.vue b/pages/store/shoppingCart.vue
new file mode 100644
index 0000000..3fc265c
--- /dev/null
+++ b/pages/store/shoppingCart.vue
@@ -0,0 +1,429 @@
+<template>
+	<BaseContainer class="shopping-cart flex">
+		<NavBar title="购物车" />
+		<view class="cart-container">
+			<view class="cart-info flex flex-center-x">
+				<view>共 {{ goodsList.length }} 件商品</view>
+				<view class="edit">编辑</view>
+			</view>
+			<view class="list">
+			  <view v-for="item in goodsList" :key="item.id" class="item">
+					<i class="iconfont icongouxuan" :class="{ active: checkedGoods.includes(item.productInfo.id) }" @click="checkGoods(item.productInfo.id)"></i>
+			    <view class="image">
+			      <image mode="aspectFit" class="img" :src="item.productInfo.image" alt="" />
+			    </view>
+			    <view class="text">
+			      <view class="title">{{ item.productInfo.store_name }}</view>
+						<view class="label flex">
+							<view v-for="(label, k) in item.productInfo.label">{{ label }}</view>
+						</view>
+			      <view class="group">
+			        <view class="price">
+			          ￥<span class="num">{{ item.productInfo.price }}</span>
+			        </view>
+							<view class="num">
+								<text @click="reduceCartNum(item)">-</text>
+								<input type="number" v-model="item.cart_num"/>
+								<text @click="addCartNum(item)">+</text>
+							</view>
+			      </view>
+			    </view>
+			  </view>
+			</view>
+			<view v-if="!goodsList.length" class="empty">
+			  <image mode="aspectFill" :src="getImgPath('/wap/first/zsff/images/empty.png')" alt="暂无商品" />
+			  <view>暂无商品</view>
+			</view>
+		</view>
+		<view class="cart-footer flex flex-center-x">
+			<label class="radio" @click="changeAllSelect">
+				<radio value="全部" :checked="allSelect" /><text>全选</text>
+			</label>
+			<view class="total">合计：<text>￥{{ total }}</text></view>
+			<view class="pay-btn" @click="toPay">去结算<text v-if="checkedGoods.length > 0">({{ checkedGoods.length }})</text></view>
+		</view>
+		<PayDialog v-if="initDataLoading" :open.sync="payDialogOpen" :money="Number(total)" :now_money="now_money"
+			:pay_type_num="pay_type_num" :special_id="Number(special_id)" :is-wechat="isWechat" :is-alipay="is_alipay" :is-balance="is_yue"
+			:template-id="templateId" :wxpay-h5="wxpayH5" @change="changeVal" />
+	</BaseContainer>
+</template>
+
+<script>
+	import { getCartList } from "@/api/store";
+	import {
+		getInitData
+	} from "@/api/special";
+	import PayDialog from "@/components/PayDialog/index.vue";
+	export default {
+		components: {
+			PayDialog,
+		},
+		data() {
+			return {
+				special_id: '',
+				allSelect: false,
+				selectGoods: [],
+				goodsList: [],
+				checkedGoods: [],
+				total: 0,
+				payDialogOpen: false, // 是否显示支付弹窗
+				pay_type_num: 20,
+				is_alipay: false, //支付宝是否开启
+				is_yue: false, //余额是否开启
+				now_money: 0, //余额
+				templateId: "",
+				wxpayH5: false,
+				initDataLoading: false,
+			};
+		},
+		watch: {
+			checkedGoods: {
+				deep: true,
+				handler() {
+					console.log(this.checkedGoods);
+					let total = 0;
+					this.goodsList.forEach(v => {
+						if (this.checkedGoods.includes(v.productInfo.id)) {
+							total += Number(v.cart_num) * Number(v.productInfo.price);
+						}
+					});
+					this.total = total;
+				},
+			},
+			goodsList: {
+				deep: true,
+				handler() {
+					let total = 0;
+					this.goodsList.forEach(v => {
+						if (this.checkedGoods.includes(v.productInfo.id)) {
+							total += Number(v.cart_num) * Number(v.productInfo.price);
+						}
+					});
+					this.total = total;
+				},
+			},
+		},
+		onLoad() {
+			this.getCartList();
+			this.getInitData();
+		},
+		methods: {
+			getInitData() {
+			  getInitData().then(({ data }) => {
+			    const { isWechat, is_alipay, is_yue, now_money, wxpayH5 } = data;
+			    Object.assign(this, {
+			      isWechat,
+			      url: isWechat ? "/pages/index/login" : "/pages/login/phone_check",
+			      is_alipay: is_alipay == 1,
+			      is_yue: is_yue == 1,
+			      now_money: Number(now_money),
+			      wxpayH5,
+			      initDataLoading: true,
+			    });
+			  });
+			},
+			changeAllSelect() {
+				this.allSelect = !this.allSelect;
+				if (this.allSelect) {
+					const arr = [];
+					this.goodsList.forEach(v => {
+						arr.push(v.productInfo.id);
+					});
+					this.checkedGoods = arr;
+				} else {
+					this.checkedGoods = [];
+				}
+			},
+			async getCartList() {
+			  try {
+			    const { data } = await getCartList();
+			    console.log(data);
+					this.goodsList = data.valid;
+			  } catch (err) {
+					console.log(err);
+				}
+			},
+			checkGoods(id) {
+				if (this.checkedGoods.includes(id)) {
+					this.checkedGoods = this.checkedGoods.filter(item => item !== id);
+				} else {
+					this.checkedGoods.push(id);
+				}
+				this.allSelect = this.checkedGoods.length === this.goodsList.length;
+			},
+			reduceCartNum(item) {
+				item.cart_num = Number(item.cart_num) - 1 > 1 ? Number(item.cart_num) - 1 : 1;
+			},
+			addCartNum(item) {
+				item.cart_num = Number(item.cart_num) + 1;
+			},
+			toPay() {
+					console.log(111);
+				if (this.total === 0) {
+					console.log(111);
+					this.$util.showMsg("请选择商品");
+				} else {
+					this.payDialogOpen = true;
+					console.log(111);
+				}
+			},
+			
+			changeVal(opt) {
+				if (typeof opt !== "object") {
+				  opt = {};
+				}
+				console.log(opt);
+				var action = opt.action || "";
+				var value = opt.value || "";
+				this[action] && this[action](value);
+			},
+			// 支付完成后回调事件
+			pay_order: function (data) {
+			  this.orderId = data.data.result.orderId || "";
+			  switch (data.data.status) {
+			    case "PAY_ERROR":
+			    case "ORDER_EXIST":
+			    case "ORDER_ERROR":
+			      this.extendOrder(data.msg);
+			      break;
+			    case "WECHAT_PAY":
+			      this.wechatPay(data.data.result.jsConfig);
+			      break;
+			    case "WECHAT_H5_PAY":
+			      this.payDialogOpen = false;
+			      this.$util.wechatH5Pay(data.data.result.jsConfig, this);
+			      break;
+			    case "WECHAT_ROUTINE_PAY":
+			      this.$util.wechatRoutinePay(data.data.result.jsConfig, this);
+			      break;
+			    case "SUCCESS":
+			      this.successOrder(data.msg);
+			      break;
+			    case "ZHIFUBAO_PAY":
+			      this.aliPay(data.data.result, "datadownload");
+			      break;
+			    case 'TOUTIAO_PAY':
+			      this.$util.toutiaoPay(data.data.result.jsConfig, this);
+			      break;
+			    case 'KUAISHOU_PAY':
+			      this.$util.kuaishouPay(data.data.result.jsConfig, this);
+			      break
+			  }
+			},
+			extendOrder(msg) {
+			  if (typeof msg === "object" && msg.errMsg === "chooseWXPay:cancel") {
+			    msg = "微信支付取消";
+			  } else {
+			    msg = "支付失败";
+			  }
+			  this.$util.showMsg(msg);
+			  this.payDialogOpen = false;
+			  if (this.orderId) {
+			    delSpecialOrder(this.orderId);
+			  }
+			},
+			wechatPay(config) {
+			  this.$util.weixinpay(config, this);
+			},
+			successOrder(msg) {
+			  this.$util.showMsg(msg ? msg : "支付成功");
+			  this.payDialogOpen = false;
+				this.submitApply();
+			},
+			aliPay(msn, type) {
+			  this.$util.aliPay(msn, type, this);
+			},
+		},
+	};
+</script>
+
+<style lang="scss" scoped>
+.shopping-cart {
+	background: #f6f6f6;
+	flex-direction: column;
+	.cart-container {
+		height: 100%;
+		.cart-info {
+			height: 78rpx;
+			color: #BBBBBB;
+			font-size: 28rpx;
+			padding: 0 35rpx 0 44rpx;
+			justify-content: space-between;
+		}
+		.list {
+			width: 690rpx;
+			margin: 0 auto;
+		}
+		.list .item {
+		  margin-bottom: 30rpx;
+		  padding: 26rpx 24rpx;
+			background: #fff;
+			display: flex;
+			border-radius: 10rpx;
+			align-items: center;
+			.iconfont {
+			  display: inline-block;
+			  width: 40rpx;
+			  height: 40rpx;
+			  border: 1px solid #e5e5e5;
+			  border-radius: 50%;
+			  box-sizing: border-box;
+			  vertical-align: middle;
+			  font-size: 0;
+			  line-height: 40rpx;
+			  text-align: center;
+			  color: #c3c3c3;
+				margin-right: 12rpx;
+			  &.active {
+			    border: 0;
+			    background: #2c8eff;
+			    font-size: 20rpx;
+			    color: #ffffff;
+			  }
+			}
+			.label {
+				height: 38rpx;
+				view {
+					height: 38rpx;
+					line-height: 38rpx;
+					background: #e1feee;
+					padding: 0 15rpx;
+					margin-right: 10rpx;
+					color: #28ce8f;
+					font-size: 20rpx;
+					&:nth-child(2) {
+						color: #ff5c6b;
+						background: #fee1e1;
+					}
+				}
+			}
+		}
+		
+		.list .image {
+			width: 156rpx;
+		  height: 184rpx;
+			margin-right: 52rpx;
+			flex-shrink: 0;;
+		}
+		
+		.list .image .img {
+		  width: 100%;
+		  height: 100%;
+		}
+		
+		.list .text {
+			flex: 1;
+		  display: flex;
+		  flex-direction: column;
+		  padding-top: 13rpx;
+		}
+		
+		.list .title {
+		  overflow: hidden;
+		  font-size: 28rpx;
+		  line-height: 35rpx;
+			height: 70rpx;
+		  color: #333;
+		  -webkit-line-clamp: 2;
+		  text-overflow: ellipsis;
+		  display: -webkit-box;
+		  -webkit-box-orient: vertical;
+			margin-bottom: 13rpx;
+		}
+		
+		.list .group {
+			margin-top: auto;
+		  display: flex;
+		  justify-content: space-between;
+		  align-items: center;
+		  padding: 0 6rpx;
+			.num {
+				display: flex;
+				text {
+					width: 60rpx;
+					height: 60rpx;
+					border-radius: 30rpx 0 0 30rpx;
+					text-align: center;
+					line-height: 60rpx;
+					border: 2rpx solid #E6E6E6;
+					box-sizing: border-box;
+					&:last-child {
+						border-radius: 0 30rpx 30rpx 0;
+					}
+				}
+				input {
+					width: 80rpx;
+					height: 60rpx;
+					text-align: center;
+					border-top: 2rpx solid #E6E6E6;
+					border-bottom: 2rpx solid #E6E6E6;
+				}
+			}
+		}
+		
+		.list .price {
+		  font-size: 32rpx;
+		  color: #f8473e;
+		  font-weight: 600;
+			display: flex;
+		}
+		
+		.list .price .num {
+		  font-size: 32rpx;
+		}
+		
+		.list .cart-image {
+		  width: 52rpx;
+			height: 52rpx;
+		}
+		.empty {
+		  margin-top: 100rpx;
+		  font-size: 28rpx;
+		  text-align: center;
+		  color: #bbb;
+		}
+		
+		.empty image {
+		  display: block;
+		  width: 414rpx;
+		  height: 305rpx;
+		  margin: 0 auto;
+		  pointer-events: none;
+		}
+	}
+	.cart-footer {
+		width: 100%;
+		height: 100rpx;
+		padding-left: 30rpx;
+		background: #fff;
+		box-shadow: 0rpx -19rpx 54rpx 0rpx rgba(34,34,34,0.05);
+		flex-shrink: 0;
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		label {
+			color: #999999;
+			font-size: 28rpx;
+		}
+		.total {
+			margin-left: auto;
+			margin-right: 20rpx;
+			font-size: 30rpx;
+			color: #333333;
+			font-weight: bold;
+			text {
+				color: #FF2825;
+			}
+		}
+		.pay-btn {
+			width: 240rpx;
+			height: 100rpx;
+			background: #0F74BB;
+			text-align: center;
+			line-height: 100rpx;
+			font-size: 28rpx;
+			color: #fff;
+		}
+	}
+}
+</style>
\ No newline at end of file
diff --git a/static/images/learning/exam-bg.png b/static/images/learning/exam-bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..06fe73aa0516b0c857b50297a5ff6b7f2799e553
GIT binary patch
literal 9073
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
Fe*n>v%z6L-

literal 0
HcmV?d00001

diff --git a/static/images/learning/exam-icon.png b/static/images/learning/exam-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..8c92141ed2f5dec76fc134d82ea13865ca90b4c8
GIT binary patch
literal 1948
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

literal 0
HcmV?d00001

diff --git a/static/images/learning/to.png b/static/images/learning/to.png
new file mode 100644
index 0000000000000000000000000000000000000000..52290f2a2e065b0fd3a90732b3e349eb0c455b94
GIT binary patch
literal 1234
zcmV;@1TFiCP)<h;3K|Lk000e1NJLTq001rk001rs1^@s6SGg-U00001b5ch_0Itp)
z=>Px(j7da6RA@uhnr&#7WfaGM|7m7LtthFbQDQ=dQ3|D{v}uXcvf&4ngfxt@Ni8iu
zNJJ5q1(GI$l|e7`f)#~Sgf$9#F_|=1!%${4_C;nHR2HRcJKg8$e%!P9%;&zIx2*%u
zr(M@Mzw6xRzV7ofQJ|RF2w)0uJund%3tRx41sL!L@DuPO&<gAZnk97?Vp{oZHnR$#
zHiB6K%mvO4)bk6lJv!v8lD-Vwn_3<OZf3({*fqfTd<<sUvlmz^$q$lP5`&xBbYKf`
zRbuU73*GbelD<!}Ehl*F<;MZ{vWG}1<rwg=qz$=@oD$s3&W}9&E>N9IQIY@t4zN_x
zUjykK5Zug01C79hB10ur=b>|pq@&q3WCf2s{S|OUQY$4|_nF^Xl01a^$VuSwz3dyN
zl?WzO?KVlbCjs9CG=yp|@%mMgp3St;$Kz&pGw@01{a#{dSN}IKS<?QrtrOsJi0muk
zho#u(*(qs8HgFFQ50jxRw@LcI0aG52z1<F6Jd~-U8)lCrPv}m7`&;|w5Qk3VO_kJ?
z_V|t{-JJbD0e@anz0B-f;Ag-yzoN>qE?D|v5BJoFnOEjai;~(t3{*MzeBiyLyF%8r
zbsE#3uv9#*xmB#HEgJka4!%CBQdWlmC0)D!kWszPi=h8x!F8~4aRnm^f3_<eykzm+
z(qYVA-wW>W6UV@7%f;yP3iAGQ4&D~}(b?8y>}WNPclG_o4zGY=amL=&4SPG_NS55L
zsuEsUCZ>+d8~$Sl{}rfA`uKg_xYa!z^^b4?;^DGxfmkvvFZdP*cfSQiT~$L5-8}_R
zXKa12R;d>^P}&^)pQu<J7P4{713erssJYN<?S{)?`^w;oFa`b_a83w#F+#=d&6ogN
zmsL=CMu_#)+HW2F2M^njt&RJPH+EYpT+A|lv63DG{~b64hkwtmxnY)gq%Jr_(#jeg
z-0Mou!;3Dv4jS_}^}P<=yBijZd6V*ncFwI1z7beibZX$6c4O`{z2M_7gxBvCV@DMP
z?Wp%V_`;}?f2$PW&F#jV7`$#WY`&v{k*5{K(zOom4a&~Yn<a_)gPq2rEymr|qW-3W
zy_`0A1h^=j*6tjHrcaWyXIt}<q`T7KcLFcxtEtTUYNFcn^E9~Mq#eMhGDC!#Yn61h
zZ_2Fly{Y+BsHQTnUnJ@6{@`Z<2Y^e;43pGclTSS)rS8}M4WYVtQjk<xxz>3iI7L!R
z+F-Wcp}(a5vJNGARMOf^plskCGTy13G(^ZhiiTbDB=t$82Wm5WZ+usDMP53{@Oyxn
zlK$+^ajM3?XN;c?BD}}*EJ;40J4telQrz?Jd#AL_p7)ONLP=gLWR;u=gqe+uYEsW2
zmzSaa>~+=CQ9JXoTm#&k;OXO<*&JYVXwebyq?)4%^a@EH*EuCIxNC~Ne;@FWXJ|RK
zCtKj7@+addbK*)i2t334r+Z^6o-)@&hC{P#9|L+L>J{L_{#RX+^X3Jfso2bXj(;QI
wlV_hgUlu28+5QRPyXboR0{B`|L7ka@0eysQK+qlYm;e9(07*qoM6N<$g5RZNng9R*

literal 0
HcmV?d00001