From 4fa9de1f4630ea54265c90acff7a255c857ed61d Mon Sep 17 00:00:00 2001
From: xuechunyuan <17853500702@163.com>
Date: Wed, 23 Aug 2023 13:26:33 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8E=88=E6=9D=83=E9=80=BB=E8=BE=91=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=EF=BC=9B=E5=A2=9E=E5=8A=A0=E7=A1=AE=E8=AE=A4=E8=AE=A2?=
 =?UTF-8?q?=E5=8D=95=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 App.vue                                    |   2 +-
 pages.json                                 |  16 +
 pages/pages_zhentou/homePage/homePage.vue  |  85 +---
 pages/pages_zhentou/myPage/myPage.vue      |  23 +-
 pages/pages_zhentou/order/confirmOrder.vue | 441 +++++++++++++++++++++
 pages/pages_zhentou/order/order.vue        |  10 +-
 static/image/icon_jian.png                 | Bin 0 -> 1086 bytes
 static/image/icon_jian01.png               | Bin 0 -> 1149 bytes
 static/image/icon_plus.png                 | Bin 0 -> 1235 bytes
 9 files changed, 486 insertions(+), 91 deletions(-)
 create mode 100644 pages/pages_zhentou/order/confirmOrder.vue
 create mode 100644 static/image/icon_jian.png
 create mode 100644 static/image/icon_jian01.png
 create mode 100644 static/image/icon_plus.png

diff --git a/App.vue b/App.vue
index 0a2329f..e8037f9 100644
--- a/App.vue
+++ b/App.vue
@@ -62,6 +62,7 @@
 			test: '',
 			// baseUrl: "http://192.168.3.32:80",
 			baseUrl: "http://192.168.1.106:80",
+			// baseUrl: "http://47.104.224.41:80",//测试环境
 			imgPrefix: "http://47.104.224.41:9000/etriphome/appresource/image/", //图片资源
 		},
 		methods: {
@@ -76,7 +77,6 @@
 						if (res.data.code == 200) {
 							if (JSON.stringify(res.data.data) != '{}') {
 								uni.setStorageSync('userInfo', JSON.stringify(res.data.data));
-								uni.setStorageSync('phone', res.data.data.phone);
 								this.doLogin(res.data.data.username, res.data.data.phone);
 							}
 						} else {
diff --git a/pages.json b/pages.json
index 0a10765..1081376 100644
--- a/pages.json
+++ b/pages.json
@@ -158,6 +158,22 @@
 					}
 				}
 			}
+		},
+		{
+			"path": "pages/pages_zhentou/order/confirmOrder",
+			"style": {
+				"navigationBarTitleText": "提交订单",
+				"app-plus": {
+					"titleNView": {
+						// "buttons": [{
+						// 	"text": "\ue534",
+						// 	"fontSrc": "/static/uni.ttf",
+						// 	"fontSize": "22px",
+						// 	"color": "#FFFFFF"
+						// }]
+					}
+				}
+			}
 		}
 	],
 	// "subPackages": [{
diff --git a/pages/pages_zhentou/homePage/homePage.vue b/pages/pages_zhentou/homePage/homePage.vue
index b866a50..0daef41 100644
--- a/pages/pages_zhentou/homePage/homePage.vue
+++ b/pages/pages_zhentou/homePage/homePage.vue
@@ -14,8 +14,7 @@
 		</view>
 		<view class="bottom_box">
 			<!-- <button class="btn" @click="addForm">填写报名单（其他渠道已购买）</button> -->
-			<button class="btn" v-if="!hasUserInfo &&canIUseGetUserProfile" @click="getUserProfile">立即定制</button>
-			<button v-else-if="!hasPhone" open-type="getPhoneNumber" class="btn"
+			<button v-if="!hasPhone" open-type="getPhoneNumber" class="btn"
 				@getphonenumber="getPhoneNumber">立即定制</button>
 			<button v-else class="btn" @click="clickCustom">立即定制</button>
 		</view>
@@ -27,26 +26,19 @@
 		data() {
 			return {
 				userInfo: {},
-				hasUserInfo: false,
-				canIUseGetUserProfile: false,
 				phone: '',
 				hasPhone: false,
 				bgSrc: '', //背景图片
 			}
 		},
 		onShow() {
-			if (wx.getUserProfile) {
-				this.canIUseGetUserProfile = true;
-			}
-			let phone = uni.getStorageSync('phone');
 			let userInfo = uni.getStorageSync('userInfo');
-			if (phone) {
-				this.phone = phone;
-				this.hasPhone = true;
-			}
 			if (userInfo) {
 				this.userInfo = JSON.parse(userInfo);
-				this.hasUserInfo = true;
+				if(this.userInfo.phone) {
+					this.phone = this.userInfo.phone;
+					this.hasPhone = true;
+				}
 			}
 			//商品信息
 			if (this.bgSrc == '') {
@@ -57,7 +49,7 @@
 			//商品信息
 			queryGoodsInfo() {
 				uni.request({
-					url: 'http://192.168.1.106:80/blade-system/dict-biz/get-goods-info',
+					url: getApp().globalData.baseUrl + '/blade-system/dict-biz/get-goods-info',
 					method: 'GET',
 					success: (res) => {
 						if (JSON.stringify(res.data.data) !== '{}') {
@@ -71,46 +63,8 @@
 			// 点击定制
 			clickCustom() {
 				console.log('点击定制');
-				uni.request({
-					url: getApp().globalData.baseUrl + '/blade-desk/order/save',
-					method: 'POST',
-					data: {
-						buyerId: this.userInfo.id,
-						buyerName: this.userInfo.username,
-						buyerPhone: this.phone
-					},
-					header: {
-						'Blade-Auth': 'bearer ' + uni.getStorageSync('token')
-					},
-					success: (res) => {
-						if (res.data.code == 200) {
-							console.log('下单成功');
-							uni.navigateTo({
-								url: '/pages/pages_zhentou/order/order'
-							})
-						} else if (res.data.code == 401) {
-							this.doLogin();
-						} else if (res.data.code == 1001) {
-							uni.showModal({
-								title: '提示',
-								content: res.data.msg,
-								success: (res2) => {
-									if (res2.confirm) {
-										uni.navigateTo({
-											url: '/pages/pages_zhentou/order/order'
-										})
-									} else if (res.cancel) {
-										console.log('用户点击取消');
-									}
-								}
-							});
-						} else {
-							uni.showToast({
-								title: res.data.msg,
-								icon: 'none'
-							})
-						}
-					}
+				uni.navigateTo({
+					url: '/pages/pages_zhentou/order/confirmOrder'
 				})
 			},
 			// 跳转到我的页面
@@ -121,33 +75,10 @@
 			},
 			// 填写表单
 			addForm() {
-				// console.log('跳转页面')
-				// uni.navigateTo({
-				// 	url: '/pages/pages_zhentou//form/form'
-				// });
 				uni.switchTab({
 					url: '/pages/pages_zhentou/form/form'
 				});
 			},
-			//用户信息
-			getUserProfile() {
-				uni.getUserProfile({
-					lang: 'zh_CN',
-					desc: '获取微信用户的昵称和头像',
-					success: (res) => {
-						console.log(res)
-						this.userInfo = res.userInfo;
-						this.hasUserInfo = true;
-						if (this.phone) {
-							//如果手机号存在直接调取保存
-							this.doSave();
-						}
-					},
-					fail: (err) => {
-						console.log(err)
-					}
-				})
-			},
 			//获取手机号
 			getPhoneNumber(e) {
 				console.log(e, '获取手机号授权')
diff --git a/pages/pages_zhentou/myPage/myPage.vue b/pages/pages_zhentou/myPage/myPage.vue
index fa3dfcc..6244c50 100644
--- a/pages/pages_zhentou/myPage/myPage.vue
+++ b/pages/pages_zhentou/myPage/myPage.vue
@@ -1,8 +1,11 @@
 <template>
 	<view>
 		<view class="person_box">
-			<image :src="userInfo.avatar" class="avatar"></image>
-			<view class="nickname">{{userInfo.username}}</view>
+			<image v-if="userInfo.avatar" :src="userInfo.avatar" class="avatar"></image>
+			<button v-else open-type="chooseAvatar" @chooseavatar="chooseavatar" class="avatar"></button>
+			<view class="nickname">
+				{{userInfo.username}}
+			</view>
 		</view>
 		<view class="cnt-box">
 			<view class="title">用户功能</view>
@@ -23,7 +26,7 @@
 			<view class="li_box" @click="returnContact">
 				<view class="li_left">
 					<image src="../../../static/image/icon-contact.png" style="width: 40rpx; height: 40rpx;margin-right: 13rpx;"></image>
-					售货服务
+					售后服务
 				</view>
 				<image src="../../../static/image/icon-arrow-right.png" style="width: 40rpx; height: 40rpx;"></image>
 			</view>
@@ -35,20 +38,24 @@
 	export default {
 		data() {
 			return {
-				userInfo: {}
+				userInfo: {
+					username: '',
+					avatar: ''
+				}
 			}
 		},
 		onShow() {
 			let userInfo = uni.getStorageSync('userInfo');
 			if (userInfo) {
 				this.userInfo = JSON.parse(userInfo);
-				if(this.userInfo.id == undefined) {
-					this.userInfo.avatar = this.userInfo.avatarUrl;
-					this.userInfo.username = this.userInfo.nickName;
-				}
 			}
 		},
 		methods: {
+			//获取头像
+			chooseavatar() {
+				const { avatarUrl } = e.detail 
+				this.userInfo.avatar = avatarUrl;
+			},
 			returnOrder(){
 				uni.navigateTo({
 					url:"/pages/pages_zhentou/order/order"
diff --git a/pages/pages_zhentou/order/confirmOrder.vue b/pages/pages_zhentou/order/confirmOrder.vue
new file mode 100644
index 0000000..5c1d487
--- /dev/null
+++ b/pages/pages_zhentou/order/confirmOrder.vue
@@ -0,0 +1,441 @@
+<template>
+	<view class="order_box">
+		<view class="order_address">
+			<view class="address_info">
+				<view class="address_top" v-if="address">
+					<view class="isflag">默认</view>
+					<view class="txt">山东省青岛市市北区</view>
+				</view>
+				<view class="address_des" v-if="address">大港街道大港三路8号铁路住宅小区6号楼6单元666室</view>
+				<view class="address_des" style="color: #666;font-weight: normal;" v-else>请填写收货地址</view>
+				<view class="address_user" v-if="address">
+					<text class="user_name">1d</text>
+					<text class="user_phone">15612345678</text>
+				</view>
+			</view>
+			<image @click="goAddress" class="arrow" src="../../../static/image/icon-arrow-right.png"></image>
+		</view>
+		<view class="order_content">
+			<view class="order_item">
+				<view class="top_title">
+					<p class="title">壹人壹枕</p>
+				</view>
+				<view class="top_content">
+					<view class="left_cont">
+						<image class="img_box" :src="imgPrefix + 'zhentou_bag.png'" mode=""></image>
+					</view>
+					<view class="right_cont">
+						<p class="right_title">{{goodsInfo.goodsName}}</p>
+						<p class="bot_right">
+							<span style="font-size: 22rpx;color: #666;">共{{orderInfo.goodsNum}}件</span>
+							<span>
+								<span style="font-size: 22rpx;color: #333;">￥</span><span
+									style="font-size: 28rpx;color: #333;">{{goodsInfo.price}}</span>
+							</span>
+						</p>
+					</view>
+				</view>
+				<view class="order_num">
+					<view class="num_title">购买数量</view>
+					<view class="goods_num_btn">
+						<image v-if="orderInfo.goodsNum == 1" class="act_img" src="../../../static/image/icon_jian.png"></image>
+						<image v-else @click="doJian" class="act_img" src="../../../static/image/icon_jian01.png"></image>
+						<view class="goods_num">{{orderInfo.goodsNum}}</view>
+						<image @click="doPlus" class="act_img" src="../../../static/image/icon_plus.png"></image>
+					</view>
+				</view>
+			</view>
+		</view>
+		<!-- 总计 -->
+		<view class="goods_sum">
+			<view class="sum_title">
+				<text>共计</text>
+				<view class="price">
+					<text class="price_unit">￥</text>
+					<text class="price">{{totalPrice}}</text>
+				</view>
+			</view>
+			<view @click="submitOrder" class="order_btn">立即支付</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				imgPrefix: getApp().globalData.imgPrefix,
+				phone: '',
+				address: null,
+				goodsInfo: {
+					goodsName: '',
+					price: 699
+				},
+				userInfo: {},
+				orderInfo: {
+					goodsNum: 1
+				},
+				totalPrice: 699
+			}
+		},
+		onLoad() {
+			let userInfo = uni.getStorageSync('userInfo');
+			if(userInfo) {
+				this.userInfo = JSON.parse(userInfo);
+				this.phone = this.userInfo.phone;
+				this.queryAddress();
+			}
+			this.queryGoodsInfo();
+		},
+		methods: {
+			//切换收货地址
+			changeAddress(address) {
+				this.address = address;
+			},
+			//设置收货地址
+			goAddress() {
+				uni.navigateTo({
+					url: '/pages/pages_zhentou/myPage/address?from=1'
+				})
+			},
+			//购买数量操作
+			doJian() {
+				this.orderInfo.goodsNum = this.orderInfo.goodsNum > 1 ? this.orderInfo.goodsNum - 1 : this.orderInfo.goodsNum;
+				this.calcPrice();
+			},
+			doPlus() {
+				this.orderInfo.goodsNum = this.orderInfo.goodsNum + 1;
+				this.calcPrice();
+			},
+			//商品价格计算
+			calcPrice() {
+				this.totalPrice = Number(this.orderInfo.goodsNum) * Number(this.goodsInfo.price)
+			},
+			//商品信息
+			queryGoodsInfo() {
+				uni.request({
+					url: getApp().globalData.baseUrl + '/blade-system/dict-biz/get-goods-info',
+					method: 'GET',
+					success: (res) => {
+						this.goodsInfo = res.data.data;
+						this.totalPrice = res.data.data.price;
+					}
+				})
+			},
+			//默认收货地址查询
+			queryAddress() {
+				uni.request({
+					url: getApp().globalData.baseUrl + '/address/get-default-address?phone=' + this.phone,
+					method: 'GET',
+					header: {
+						'Blade-Auth': 'bearer ' + uni.getStorageSync('token')
+					},
+					success: (res) => {
+						if (res.data.code == 200) {
+							console.log('下单成功');
+						} else if (res.data.code == 401) {
+							this.doLogin();
+						} else {
+							uni.showToast({
+								title: res.data.msg,
+								icon: 'none'
+							})
+						}
+					}
+				})
+			},
+			//提交订单
+			submitOrder() {
+				if(!this.address) {
+					uni.showToast({
+						title: '请填写收货地址',
+						icon: 'none'
+					})
+					return;
+				}
+				uni.request({
+					url: getApp().globalData.baseUrl + '/blade-desk/order/save',
+					method: 'POST',
+					data: {
+						buyerId: this.userInfo.id,
+						buyerName: this.userInfo.username,
+						buyerPhone: this.phone,
+						goodsNum: this.orderInfo.goodsNum
+					},
+					header: {
+						'Blade-Auth': 'bearer ' + uni.getStorageSync('token')
+					},
+					success: (res) => {
+						if (res.data.code == 200) {
+							this.address = JSON.stringify(res.data.data) == '{}' ? null : res.data.data;
+						} else if (res.data.code == 401) {
+							this.doLogin();
+						} else if (res.data.code == 1001) {
+							uni.showModal({
+								title: '提示',
+								content: res.data.msg,
+								success: (res2) => {
+									if (res2.confirm) {
+										uni.navigateTo({
+											url: '/pages/pages_zhentou/order/order'
+										})
+									} else if (res.cancel) {
+										console.log('用户点击取消');
+									}
+								}
+							});
+						} else {
+							uni.showToast({
+								title: res.data.msg,
+								icon: 'none'
+							})
+						}
+					}
+				})
+			},
+			//登录
+			doLogin() {
+				uni.showLoading({
+					title: '登录中',
+					mask: true
+				});
+				uni.request({
+					url: getApp().globalData.baseUrl + '/blade-auth/getToken',
+					method: 'POST',
+					data: {
+						openId: getApp().globalData.openId,
+						username: this.userInfo.username,
+						phone: this.phone
+					},
+					header: {
+						'Authorization': 'Basic c2FiZXI6c2FiZXJfc2VjcmV0'
+					},
+					success: (res) => {
+						if (res.data.code == 200) {
+							uni.setStorageSync('token', res.data.data.access_token);
+						} else {
+							uni.showToast({
+								title: res.data.msg,
+								icon: 'none'
+							})
+						}
+					},
+					complete: () => {
+						uni.hideLoading();
+					}
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.order_box {
+		.order_address{
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			padding: 30rpx 17rpx 30rpx 27rpx;
+			margin: 30rpx 30rpx 18rpx;
+			background-color: #fff;
+			border-radius: 30rpx;
+			.arrow{
+				width: 40rpx;
+				height: 40rpx;
+			}
+			.address_info{
+				width: 554rpx;
+				.address_top{
+					display: flex;
+					align-items: center;
+					.isflag{
+						width: 60rpx;
+						color: #D73232;
+						font-size: 20rpx;
+						font-family: PingFang SC-Regular, PingFang SC;
+						font-weight: 400;
+						line-height: 30rpx;
+						text-align: center;
+						background: #FFFFFF;
+						border-radius: 10rpx;
+						border: 1rpx solid #D73232;
+					}
+					.txt{
+						line-height: 32rpx;
+						font-size: 24rpx;
+						font-family: PingFang SC-Regular, PingFang SC;
+						font-weight: 400;
+						color: #666666;
+						margin-left: 12rpx;
+					}
+				}
+				.address_des{
+					line-height: 40rpx;
+					font-size: 28rpx;
+					font-family: PingFang SC-Bold, PingFang SC;
+					font-weight: bold;
+					color: #333333;
+					word-break: break-all;
+					margin: 20rpx 0;
+				}
+				.address_user{
+					display: flex;
+					align-items: center;
+					line-height: 33rpx;
+					font-size: 24rpx;
+					font-family: PingFang SC-Regular, PingFang SC;
+					font-weight: 400;
+					.user_name{
+						color: #333333;
+					}
+					.user_phone{
+						color: #999999;
+						margin-left: 10rpx;
+					}
+				}
+			}
+		}
+
+		.order_content {
+			width: 100%;
+			height: auto;
+			overflow-y: auto;
+
+			.order_item {
+				width: 690rpx;
+				background: #FFFFFF;
+				border-radius: 30rpx;
+				margin: 0 auto;
+				margin-top: 30rpx;
+				padding-bottom: 30rpx;
+
+				.top_title {
+					padding: 30rpx 31rpx 25rpx;
+					display: flex;
+					justify-content: space-between;
+
+					.title {
+						font-size: 28rpx;
+					}
+
+					.status_txt {
+						font-size: 24rpx;
+					}
+				}
+
+				.top_content {
+					width: 630rpx;
+					height: 160rpx;
+					background: #F8F8F8;
+					border-radius: 20rpx;
+					margin: 0 auto;
+					display: flex;
+
+					.left_cont {
+						width: 160rpx;
+						height: 160rpx;
+
+						.img_box {
+							width: 100%;
+							height: 100%;
+						}
+					}
+
+					.right_cont {
+						width: 470rpx;
+						padding: 0rpx 30rpx;
+
+						.right_title {
+							margin-top: 20rpx;
+							font-size: 26rpx;
+						}
+
+						.bot_right {
+							margin-top: 49rpx;
+							display: flex;
+							justify-content: space-between;
+						}
+					}
+				}
+
+				.order_num{
+					display: flex;
+					justify-content: space-between;
+					color: #333333;
+					font-family: PingFang SC-Regular, PingFang SC;
+					line-height: 38rpx;
+					padding: 30rpx 30rpx 0;
+					.num_title{
+						font-size: 26rpx;
+						font-weight: 400;
+					}
+					.goods_num_btn{
+						display: flex;
+						align-items: center;
+						.act_img{
+							width: 38rpx;
+							height: 38rpx;
+						}
+						.goods_num{
+							min-width: 38rpx;
+							font-size: 28rpx;
+							font-weight: bold;
+							text-align: center;
+							padding: 0 7rpx;
+						}
+					}
+				}
+				
+			}
+		}
+		// 底部
+		.goods_sum{
+			position: absolute;
+			left: 0;
+			right:0;
+			bottom:0;
+			display: flex;
+			justify-content: space-between;			
+			height: 128rpx;
+			background-color: #fff;
+			padding: 21rpx 30rpx;
+			.sum_title{
+				display: flex;
+				align-items: center;
+				font-size: 26rpx;
+				font-family: PingFang SC-Bold, PingFang SC;
+				font-weight: bold;
+				height: 78rpx;
+				color: #333333;
+				.price{
+					margin-left: 11rpx;
+					.price_unit{
+						font-size: 22rpx;
+						font-family: PingFang SC-Bold, PingFang SC;
+						font-weight: bold;
+						color: #D73232;
+					}
+					.price{
+						font-size: 34rpx;
+						font-family: PingFang SC-Bold, PingFang SC;
+						font-weight: bold;
+						color: #D73232;
+						margin-left: 3rpx;
+					}
+				}
+			}
+			.order_btn{
+				width: 320rpx;
+				height: 78rpx;
+				line-height: 78rpx;
+				background: #D73232;
+				border-radius: 20rpx;
+				font-size: 26rpx;
+				font-family: PingFang SC-Regular, PingFang SC;
+				font-weight: 400;
+				color: #FFFFFF;
+				text-align: center;
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages/pages_zhentou/order/order.vue b/pages/pages_zhentou/order/order.vue
index 3908168..6d5502c 100644
--- a/pages/pages_zhentou/order/order.vue
+++ b/pages/pages_zhentou/order/order.vue
@@ -1,11 +1,11 @@
 <template>
 	<view class="order_box">
 		<view class="order_title">
-			<p @click="handleTab(1)" class="tit" :class="active == '' ? 'actived' : ''">全部</p>
-			<p @click="handleTab(2)" class="tit" :class="active == 1 ? 'actived' : ''">待付款</p>
-			<p @click="handleTab(3)" class="tit" :class="active == 2 ? 'actived' : ''">待发货</p>
-			<p @click="handleTab(4)" class="tit" :class="active == 3 ? 'actived' : ''">待收货</p>
-			<p @click="handleTab(5)" class="tit" :class="active == 4 ? 'actived' : ''">已完成</p>
+			<p @click="handleTab('')" class="tit" :class="active == '' ? 'actived' : ''">全部</p>
+			<p @click="handleTab(1)" class="tit" :class="active == 1 ? 'actived' : ''">待付款</p>
+			<p @click="handleTab(2)" class="tit" :class="active == 2 ? 'actived' : ''">待发货</p>
+			<p @click="handleTab(3)" class="tit" :class="active == 3 ? 'actived' : ''">待收货</p>
+			<p @click="handleTab(4)" class="tit" :class="active == 4 ? 'actived' : ''">已完成</p>
 		</view>
 		<view class="order_content" v-for="(item,index) in orderData" :key="index">
 			<view class="order_item" @click="handleCheck(item)">
diff --git a/static/image/icon_jian.png b/static/image/icon_jian.png
new file mode 100644
index 0000000000000000000000000000000000000000..3709519362cdab647b75824d16223811cbc8abbd
GIT binary patch
literal 1086
zcmV-E1i|}>P)<h;3K|Lk000e1NJLTq002w?002w~1^@s6$Cptn00001b5ch_0Itp)
z=>Px&_(?=TRCr$PoX=}qRTRh1H|pFQ0>%nO3Z=GjVGCv})P>Tu?Y7cQUAU+U{#c0C
zf50CVL<O~qf*?qh?h1C}qKdjG;#Pw}i%JY=N?MV3ZpQE}ckE0v%}nx6n0e;SoCjHi
zeBU|ueD3$o%OrCSWQ!NcohvIVhe+NpBKL^MUJ=<RBGX$8Ijq~Rh{!M3zkUXAvC(LJ
z0pRjh62fv5$z7`Y6oA7bGHbba8*0BN`FV`-9RPonU0*3+8B|K?c@a4wB9mo<*F;x{
z$mtNmYh}P~2yDbb-MpV|a4!M)tKVk#1xE6=l+s%w@_0?0GN@%{w>=G@*(+dAU?lHU
z)pGzI7}P526o=%uF~%dk9t`V%k-Sw^zXEWuPDKuStt7vWF&+Z&@7mbwfT`-~>o4wu
zUPB$@y%%HbdP(X6rmFde@7A%hA+Gs}7-Ke3>*@d_c~?s5l8D41Ca+`YB7`slV6h9B
zAH@y#^353IvmIbXQS1ZolZf0>M+;Q2=8nr+N3tl2j{rPcLE<{6XgvU0z*O}|5xKX{
z)l{(dxftVqq?GoP{Goz`wNC-yKn8Y_<jb|Mrh)<hyojPG&H#9%f_$}4LGsfK>;iy?
zYF|wS1(5tQ1G@y^?h5jaLW()4s)|S$g=#9O;YtR^3KES>3I}G~N(bh^j0B8wcbEe+
z5-`f$VGhhlz$kZzIWQvuqud?lz>EZpa(9>mGZHY$-C+*QNWdr`io@pT=VfuR^`G_s
z^_rfZmf6|CezMeo8MoAdIj|c9YI7tP78Yb_Y00>EgO^WDP07s6%s>MV<wy>6h1)Ec
z12b-j19M<T0!Fzz%z+sR80GFT2WBK-l)J+mn2~@{?hbQcMgm5;JIsL@2^i(>uq^;v
z-iEU#jAc|NZ+$4(`;5x-p7X|r^01`c*x;=*C84!iXS_M9B(2=<otv|~{m%sKfH#<y
z=k;HMY1XUi8zS;d`FqDw`D%>uWV`2kFM!;Y>mwL?dqG18djR~|nOmW%uZYMCW9gmE
zi*C6q%hnG1xILxxtN+%&j^5P}!fpV6cLB@aq?C@4{A6?B<D<y!-64d}+7<U2R^&(X
zh95ddu`e)^`Tb??1AlOQeAKhj^C5(X0dzIs_8YjiQ&qnMuxA{hk^C*jcprePH`nhY
z{nk6;gAl@#rjdSYW2kDLtoimB3^H0Jd17*M^23czRjIM0s+#BWJSQT@MWiue$FvFH
zW0I$0jB}gSRti`<2+7^~uNxxr*a*BU_(w$E4<Wn`;P=fy^?gc~y|LMB9$Z~rJ(@==
z1K2@w2Y@@aAxI^;3}Bh$WdPqyOiY|@G#VGn*1A@A4PZC&SWw4)q5uE@07*qoM6N<$
Eg4*#1zW@LL

literal 0
HcmV?d00001

diff --git a/static/image/icon_jian01.png b/static/image/icon_jian01.png
new file mode 100644
index 0000000000000000000000000000000000000000..bb9965457c8d48669cd9912d55fe6735d9c936be
GIT binary patch
literal 1149
zcmeAS@N?(olHy`uVBq!ia0vp^J|N7&1|*M957Y)yjKx9jP7LeL$-HD>U@`Y}aSW-5
zdwVB7BRW)u{lok3YTaBx+Z$IHJX@yic}uD+FTo)3)V!<HZ7phM*!|cL`r&+YM(X>2
ztjn9CTpa~mj+#5h*8~L0cb#0?`b@1PCz-43)C;ZBLf?1(@7_*YmOJZCa8Ty7c=^NM
z=iU3g^M3JUhjWT%Kh4w6to^EBq19LHabmaPrv4{&4BK;xPOP<hv#Dbad*wW(=MpTz
zU!&g6zIgMd_w1kTTP#;hIe-74LWR(iW`=hgEz6|Sx|KeO$~>Pt(dps#9nZzNby}KE
z6tnm-?a+Mppmx&kCWRSOTpn$;D3Cq4u6V`P@5W8VLY?B5TMxxc-+jY-P-Xu8hwKNV
zRs6qt23Hl$QZkxZI%j!=hR#;$4Z1hpym*nPKJ}N-lfAZ<-F4C~PnJJ;b+!H0Uc)ua
z!U~aQ&#EW1|9)##UAd3x&jekuexVgx`*!o4F;5dp`B8A)e&Y8{^R~a5xP@y?&KXU`
z`=KjE8M}JYZSpsL^b&q^=f;iP|I32J8Sbn|Sk1DI<?5^0#Y-=}f4JJ$U~ZT6b(aQn
z_pYPqvl5=h<n33PT+ASJYuz@cv(sF8KllFRc#_<8)$zeC=>tYHUQc6OBD!X=gKD%+
zTExlc#*H28Bkr=w7<u2H!8t*{v_G3kNq@tWUGs%3*2&yuW%;3#b7Q;0`}cC!SzPud
zpPa$1@;;<5f@$i8#Lx-mN4m0K7}Z`EE$z@>knnNsq9sk5GnO`_#z-$qn8q}%Fn2~%
zBv-_-t%+P|nhBEE+ptM)Uy`_ezFqI!<9(6yyxu?l@8kRM(T@s$_Amo)Ki1$4qK*4z
zPTK81=fGL_zKDCf?;T&guiyUMoR=>TL>sAASGC>FF<{-iN0Ezo3%4fDW|)1yt=cyt
z?%02^{yLF0uX`R<yW3k|Z{;mKxTuwPSBaXQxRiH#Nnu#brh>w0djGpuv$~xAe`tr@
zkK~2A`Ubp<Rj=1JAGo}cPx^v@Yuw3-dq;{6^U2*|Kh7Ec^pzOTTkb&Lt~avZ_Snz9
zZ7`*`GV;W8_AL&w`nxZ#Gq}Ps+qxiOg_%i7p#9hNo1-5*dNj{x>8I~n8#1z_K69M#
z-;%1$wB~w$`m*Kr`Fl3yZC08)OE==W+?TbiS=(j9zLa)8scpVvBKXtlbtS*RL-s#n
zN6IuF^3C#oa-QWIpVBOb{cj>7B&6-C%M#yyeLbx%+ePD(<E_GZ8*W`%U&?d8^zhm1
z_v9LSdtNCO6&?9(_r_#(Qm%K@xu=&rROazExO*;Jw>(qpfRKw_*{iSN#>U1|^RA0=
zuQ5CkqqlweG#@{Piaq!Di*}q)a=quzcJTFKW8?j0&9^=zyWU~0P3GhNY2eDoxq<tM
z9+UNU#gx#7N~X^OJ5`?acUJxF{_^EZ$erxmvwzt)AK3Toq`t*-V0pse>FVdQ&MBb@
E07Gyiwg3PC

literal 0
HcmV?d00001

diff --git a/static/image/icon_plus.png b/static/image/icon_plus.png
new file mode 100644
index 0000000000000000000000000000000000000000..2822fec822155e21f7331bfda8a75d2801defd2b
GIT binary patch
literal 1235
zcmeAS@N?(olHy`uVBq!ia0vp^J|N7&1|*M957Y)yjKx9jP7LeL$-HD>VCnUAaSW-5
zdpjq(LpoLD`2X}tzPesjjf<ROqjNnr?dF}!!nHL-^UKl|`n4N=1k}E84o?hS@xtr=
z-lnUprJ}4W6}0wo{(98h_3Oecp4}T}woKU;;(gS6_ubUp8)wf{o}8PvduPpkv&JQs
zpDq5JKl%Odv;Svxi}@0JqtBUaw^+A(K5w$Qur0^4T$e4f2ii=Ry$QKtnr6qp=<|`9
zzL@V@f;DRFZH$Xkb?rT@9ACOTiYvNnC}7K$u-q?4JS+IjA6=fue;1~F+Vtwjl!nR$
z2mS~#9%on+?t4#pm+OvqD!*&;S2kpGy)k3o`l&+fprqaX)eloX&39wpt!Ut<!j^M=
zuEL^=a)n;eZ70u64m@1ZH|gZkD$dtTvnA#3<*+c_Z+NkAThF5FlMMd9y0_zF#a`~i
zS_wQqjF<fs?)diQmd$O;IJUaJWkJ6=HA0@pvYs(J>nTvFUVd|ieNR-_S<RJf5ywp2
zXTD%o3{`YEbKXTKd()QXJa6utIC1wsE0Z|G9mNA#96Gyx{$W1+^2_{t_lyi8yLxjE
z9oX%>@(Ooq!pw*q>)(GZ8SDzfW0_K?i^`_WezshpDk{NLvEVb)1|A)`^9&r^8<w$b
zx)`G6bkjxYk<o3Y)uxQi8eZEn`<h>Dy;c<1@Ke<5_~Uqif{21GY6lKXpLe*9;iB@|
zr;8Xq_fIi9%k5IK|3QG#gs(Ew*e_bC?(A4MQMP|`L4f*&(gWLidK3SiJ9VG++#ee~
zS^IT%i}|#7^WCTw7T!_({@$l8b61B?v@Te1SmMfMZiCV=*QE@?3A0#Co<1^QT;}Nz
ztjC9sdrz?aZt)`)GdZgzmQ%i+UO(TmxqI>3zk7TeGUe16)edN}RHb?5*%h&rzrDS@
z^3AlTubmWsG##9E<MqiWvx=VPO4rY|*}3e7o1<*xr0qsdm9A?&{Tnz9e3@ny70zI|
ztg=8;yd6I`lj(NB2L(1Z_S1oTc68MH&%Jc!lI70tRq5Nft9?uIj%}Z|^GD!@E0Qan
zb?VCWT6tF;=xXH+vRd55z4Vf#=D8r(XQJtzKj&-dE{OQ|{N&Rk>sfMl9=I}j+2fDp
z92IezYy4f0{Bb+7>DYAHZQ0k&B-+BKYU@h8l2&@3F2@sj?fz3U9?8o!b35bS1v8t@
zEjt-IZv~Ie_GI@B0z7e3cK-`~^DHAVF<WK!-1UrMF|(HaROzr2pB~CF;jv7gk8f@0
zt<9?<C+eKliZJ*8a+Ph>b-vX<cDT6kf8Tt0#?Rd=Qf<9H<b7DJaIN`K>4g}jU%d^d
zs;Aj4I)30ib8)fq!p-T=!~CM7eyvq-IwRlC`#5s#w7RR7Zz}F&@B0=fZ(>w5<L8YD
zskN7K3^li^o;{M3_@hRD*MVRcksWix)S0~#{+%h9W3GJp^3AZ~V5TsyN!>@ciT(Lk
z$lzZ6cV)v&@s6L$`(N*qoi*>@V$l_C+eKG3Zp(a^xJbRD(wup=!<Np5-dGN!^9OVo
uHz({n<g)*V%=6bDu3X8yx-;zcKlZP3rC*m+SXlr|DF#nhKbLh*2~7ZyWka9<

literal 0
HcmV?d00001