From 61114ba89377a4da851ea99fdcbdd803ef4d4eba Mon Sep 17 00:00:00 2001
From: yujialong <479214531@qq.com>
Date: Fri, 9 Jun 2023 09:59:37 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E3=80=81=E4=BA=A7=E5=93=81?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85=E7=AD=89=E5=BC=80=E5=8F=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apis/modules/product.js                       |  16 +
 libs/util.js                                  |   2 +-
 order/addCourse/addCourse.vue                 |  86 +--
 order/orderDetail/orderDetail.vue             |  15 +-
 order/productDetail/productDetail.vue         | 343 ++++++++++++
 order/products/products.vue                   | 264 +++++++++
 pages.json                                    |  87 +--
 pages/index/index.vue                         | 519 +++++-------------
 {order => pages}/orders/orders.vue            |   4 +-
 pages/products/products.vue                   |  18 +-
 pages/workbench/workbench.vue                 | 488 ++++++++++++++++
 static/image/index/1.png                      | Bin 0 -> 1511 bytes
 static/image/index/2.png                      | Bin 0 -> 2192 bytes
 static/image/index/3.png                      | Bin 0 -> 2600 bytes
 static/image/index/4.png                      | Bin 0 -> 2354 bytes
 static/image/index/5.png                      | Bin 0 -> 1124 bytes
 static/image/index/6.png                      | Bin 0 -> 783 bytes
 static/image/index/7.png                      | Bin 0 -> 1974 bytes
 static/image/index/8.png                      | Bin 0 -> 1187 bytes
 static/image/index/9.png                      | Bin 0 -> 1166 bytes
 static/image/product.png                      | Bin 0 -> 6814 bytes
 static/image/product/1.png                    | Bin 0 -> 1069 bytes
 static/image/product/2.png                    | Bin 0 -> 988 bytes
 static/image/product/3.png                    | Bin 0 -> 513 bytes
 static/image/product/4.png                    | Bin 0 -> 581 bytes
 static/image/product/5.png                    | Bin 0 -> 1311 bytes
 static/image/product/6.png                    | Bin 0 -> 427 bytes
 static/image/product/excel.png                | Bin 0 -> 1098 bytes
 static/image/product/pdf.png                  | Bin 0 -> 848 bytes
 static/image/product/ppt.png                  | Bin 0 -> 644 bytes
 static/image/product/shop.png                 | Bin 0 -> 2000 bytes
 static/image/product/word.png                 | Bin 0 -> 1191 bytes
 static/image/{index => workbench}/index1.png  | Bin
 static/image/{index => workbench}/index10.png | Bin
 static/image/{index => workbench}/index2.png  | Bin
 static/image/{index => workbench}/index3.png  | Bin
 static/image/{index => workbench}/index4.png  | Bin
 static/image/{index => workbench}/index5.png  | Bin
 static/image/{index => workbench}/index6.png  | Bin
 static/image/{index => workbench}/index7.png  | Bin
 static/image/{index => workbench}/index8.png  | Bin
 static/image/{index => workbench}/index9.png  | Bin
 styles/common.scss                            |   3 +
 {pages => team}/info/info.vue                 |   0
 {pages => team}/study/study.vue               |   0
 45 files changed, 1395 insertions(+), 450 deletions(-)
 create mode 100644 order/productDetail/productDetail.vue
 create mode 100644 order/products/products.vue
 rename {order => pages}/orders/orders.vue (98%)
 create mode 100644 pages/workbench/workbench.vue
 create mode 100644 static/image/index/1.png
 create mode 100644 static/image/index/2.png
 create mode 100644 static/image/index/3.png
 create mode 100644 static/image/index/4.png
 create mode 100644 static/image/index/5.png
 create mode 100644 static/image/index/6.png
 create mode 100644 static/image/index/7.png
 create mode 100644 static/image/index/8.png
 create mode 100644 static/image/index/9.png
 create mode 100644 static/image/product.png
 create mode 100644 static/image/product/1.png
 create mode 100644 static/image/product/2.png
 create mode 100644 static/image/product/3.png
 create mode 100644 static/image/product/4.png
 create mode 100644 static/image/product/5.png
 create mode 100644 static/image/product/6.png
 create mode 100644 static/image/product/excel.png
 create mode 100644 static/image/product/pdf.png
 create mode 100644 static/image/product/ppt.png
 create mode 100644 static/image/product/shop.png
 create mode 100644 static/image/product/word.png
 rename static/image/{index => workbench}/index1.png (100%)
 rename static/image/{index => workbench}/index10.png (100%)
 rename static/image/{index => workbench}/index2.png (100%)
 rename static/image/{index => workbench}/index3.png (100%)
 rename static/image/{index => workbench}/index4.png (100%)
 rename static/image/{index => workbench}/index5.png (100%)
 rename static/image/{index => workbench}/index6.png (100%)
 rename static/image/{index => workbench}/index7.png (100%)
 rename static/image/{index => workbench}/index8.png (100%)
 rename static/image/{index => workbench}/index9.png (100%)
 rename {pages => team}/info/info.vue (100%)
 rename {pages => team}/study/study.vue (100%)

diff --git a/apis/modules/product.js b/apis/modules/product.js
index 739f421..6af27bb 100644
--- a/apis/modules/product.js
+++ b/apis/modules/product.js
@@ -3,4 +3,20 @@ const { get, post } = request
 
 export const AppletsDataProductList = (data) => {
   return post('nakadai/nakadai/dataProduct/AppletsDataProductList', data)
+}
+
+export const tagsList = () => {
+  return get('nakadai/tags/tagsList')
+}
+
+export const listOfGoods = (data) => {
+  return post('nakadai/mall/listOfGoods', data)
+}
+
+export const detailsOfGoods = (id) => {
+  return get('nakadai/mall/detailsOfGoods?mallId=' + id)
+}
+
+export const productCategoryList = () => {
+  return get('nakadai/productClassification/productCategoryList')
 }
\ No newline at end of file
diff --git a/libs/util.js b/libs/util.js
index 8431e21..491cfd5 100644
--- a/libs/util.js
+++ b/libs/util.js
@@ -70,7 +70,7 @@ export default {
 	},
 	// 返回图标。如果有图标，则直接返回，否则判断是否是数据产品，即productType=2，如果是，则取数据图标，否则则显示通用图标，这两个图标都在config/product.js里有配置
 	getIcon(e) {
-		return e.miniProgramPictureAddress || (e.productType === 2 ? Product.dataIcon : Product.normalIcon)
+		return e.appletIcon || Product.normalIcon
 	},
 	// 判断文件类型是否能够通过uni.openDocument打开（doc, xls, ppt, pdf, docx, xlsx, pptx）
 	isDoc(ext) {
diff --git a/order/addCourse/addCourse.vue b/order/addCourse/addCourse.vue
index ddcac1d..2520aff 100644
--- a/order/addCourse/addCourse.vue
+++ b/order/addCourse/addCourse.vue
@@ -4,8 +4,10 @@
 			<uni-search-bar class="search" radius="5" placeholder="请输入产品名称" clearButton="auto" cancelButton="none" v-model="keyword" />
 		</uni-card>
 		
-		<ul class="tab">
-			<li v-for="(tab, i) in tabs" :class="{active: curTab === tab.id}" @click="tabChange(tab)">{{ tab.name }}</li>
+		<ul class="tab-wrap">
+			<scroll-view scroll-x :scroll-left="scrollLeft" class="tab">
+				<li v-for="(tab, i) in tabs" :class="{active: curTab === tab.id}" @click="tabChange(tab)">{{ tab.name }}</li>
+			</scroll-view>
 		</ul>
 		
 		<ul class="list">
@@ -26,7 +28,7 @@
 </template>
 
 <script>
-	import { AppletsDataProductList } from '@/apis/modules/product.js'
+	import { productCategoryList, listOfGoods } from '@/apis/modules/product.js'
 	import { renew } from '@/apis/modules/order.js'
 	export default {
 		data() {
@@ -39,19 +41,8 @@
 						name: '全部',
 						id: ''
 					},
-					{
-						name: '实训课程',
-						id: 1
-					},
-					{
-						name: '理论课程',
-						id: 0
-					},
-					{
-						name: '数据产品',
-						id: 2
-					}
 				],
+				scrollLeft: 0,
 				reachBottom: 0, // 是否是上拉加载。0->否,1->是,-1->加载完所有数据
 				status: 'more', // 上拉加载状态 more|loading|noMore
 				searchTimer: null,
@@ -105,22 +96,35 @@
 			const { options } = pages[pages.length - 1]
 			this.orderType = options.orderType
 			this.customerId = options.customerId
+			this.getTypes()
 			this.getList()
 		},
 		methods: {
+			// 产品分类
+			getTypes() {
+				productCategoryList().then(res => {
+					res.classificationList.forEach(e => {
+						e.id = e.classificationId
+						e.name = e.classificationName
+					})
+					this.tabs.push(...res.classificationList)
+				}).catch(e => {})
+			},
 			// 获取课程列表
 			getList() {
 				uni.showLoading({
 					title: '加载中'
 				})
-				AppletsDataProductList({
-					sort: 'desc',
-					keywords: this.keyword,
-					productType: this.curTab,
+				listOfGoods({
 					pageNum: this.page,
-					pageSize: this.pageSize
-				}).then(({ data }) => {
-					const { records } = data
+					pageSize: this.pageSize,
+					sort: 0,
+					isShelves: 0,
+					hotTag: 1,
+					productName: this.keyword,
+					productClassification: this.curTab,
+				}).then(({ page }) => {
+					const { records } = page
 					const list = this.courses
 					const all = this.checkAll.length // 是否勾选了全选
 					const pageChange = this.reachBottom > 0 // 是否是翻页
@@ -131,9 +135,9 @@
 							text: '',
 							value: 1
 						}
-						e.check = (all && pageChange) || checked.find(n => n.id === e.id && n.productType === e.productType) ? 1 : 0
+						e.check = (all && pageChange) || checked.find(n => n.mallId === e.mallId) ? 1 : 0
 						// 筛选已经勾选的产品
-						if (list.find(n => n.dataOrCourseId == e.id && n.productType == e.productType)) {
+						if (list.find(n => n.dataOrCourseId == e.mallId)) {
 							// 已经选择了的则禁止选择，并且直接选中
 							checkData.disable = true 
 							e.check = 1
@@ -144,7 +148,7 @@
 					// 未加载完所有数据，并且不是筛选，则拼接list，否则直接赋值
 					this.list = pageChange ? [...this.list, ...records] : records
 					this.page++ // 每次获取了数据后page+1
-					const noMore = this.list.length === data.total // 是否加载完所有数据
+					const noMore = this.list.length === page.total // 是否加载完所有数据
 					this.status = noMore ? 'noMore' : 'more' // 加载完了则设置为noMore
 					this.reachBottom = noMore ? -1 : 0 // 加载完了则设置为-1
 					uni.hideLoading()
@@ -166,8 +170,8 @@
 			checkChange(e, i) {
 				const { checked } = this
 				const item = this.list[i]
-				const { id, productType } = item
-				const include = checked.findIndex(e => e.id === id && e.productType === productType)
+				const { mallId } = item
+				const include = checked.findIndex(e => e.mallId === mallId)
 				// 选中的情况下，该产品如果没有push到已选数组里，则push
 				if (e.detail.value.length) {
 					include === -1 && checked.push(item)
@@ -185,8 +189,8 @@
 				const { checked, list } = this
 				list.map(e => {
 					e.check = isCheck ? 1 : 0
-					const { id, productType } = e
-					const include = checked.findIndex(n => n.id === id && n.productType === productType)
+					const { mallId } = e
+					const include = checked.findIndex(n => n.mallId === mallId)
 					// 选中的情况下，该产品如果没有push到已选数组里，则push
 					if (isCheck) {
 						include === -1 && checked.push(e)
@@ -201,29 +205,28 @@
 				const { orderType } = this
 				const trial = orderType == 2 // 是否是试用
 				return {
-					dataOrCourseId: e.id, // id
+					dataOrCourseId: e.associatedProduct, // id
+					mallId: e.mallId,
 					productName: e.productName, // 名称
 					periodOfUse: '', // 使用期限
 					startTime: this.$util.formatDate(new Date(), 'yyyy-MM-dd'), // 开始
 					endTime: '', // 终止
 					remainingPeriod: '', // 剩余期限
 					marketValue: '', // 市场价
-					marketPrice: e.marketPrice, // 市场单价
+					marketPrice: e.marketUnitPrice, // 市场单价
 					finalPrice: trial ? 0 : '', // 成交价
 					finalValue: trial ? 0 : '', // 成交单价（数据产品特有）
 					discountRate: trial ? '0%' : '', // 折扣率
-					accountNum: e.productType === 2 ? '' : 1, // 账号数
+					accountNum: '', // 账号数
 					totalAmount: '', // 总价
-					isEnable: 1, // 启用否：1启用，0禁用
+					isEnable: 0, // 启用否：1启用，0禁用
 					ship: 0, // 发货否（0未发货，1已发货，默认不发货）
 					authority: e.productType === 2 ? 0 : 1, // 区分权限 0为数据平台权限，1为课程权限
-					productType: e.productType, // 课程分类 (0->理论 1-实训 2 数据产品) 
 					options: 2,
-					miniProgramPictureAddress: e.miniProgramPictureAddress, // 图标
+					miniProgramPictureAddress: e.appletIcon, // 图标
 					settlementPrice: trial ? 0 : '', // 结算价
 					settlementMethod: e.settlementMethod, // 结算方式，0为单价，1为分成
 					settlementPriceUnit: e.settlementPrice, // 结算单价
-					businessProportion: e.businessProportion, // 商务占比
 					serviceFee: 0 // 平台服务费（前端计算后展示，不入库）
 				}
 			},
@@ -257,7 +260,7 @@
 					const { customerId } = this
 					list.map(e => {
 						// 新勾选的产品，则获取到id，下面要调用，
-						if (!result.find(n => (n.dataOrCourseId == e.id || n.dataOrCourseId == e.dataOrCourseId) && ((n.authority && e.productType != 2) || (!n.authority && e.productType == 2)))) {
+						if (!result.find(n => (n.dataOrCourseId == e.associatedProduct || n.dataOrCourseId == e.dataOrCourseId) && n.authority == e.authority)) {
 							e.productType === 2 ? dataIds.push(e.id) : courseIds.push(e.id)
 							result.push(this.createParam(e))
 						}
@@ -288,6 +291,15 @@
 .page {
 	padding-bottom: 130rpx;
 }
+.tab-wrap {
+	.tab {
+		width: 100%;
+		white-space: nowrap;
+		li {
+			display: inline-block;
+		}
+	}
+}
 .list {
 	li {
 		display: flex;
diff --git a/order/orderDetail/orderDetail.vue b/order/orderDetail/orderDetail.vue
index be325fa..4e9281f 100644
--- a/order/orderDetail/orderDetail.vue
+++ b/order/orderDetail/orderDetail.vue
@@ -10,7 +10,10 @@
 				<view :class="['line req', {err: err === 'customerName'}]">
 					<view class="name">客户名称</view>
 					<view v-if="isDetail" class="val">{{ form.customerName }}</view>
-					<view v-else :class="['ph', {val: form.customerName}]" @click="customerVisible = true">{{ form.customerName || '请选择客户' }}</view>
+					<view v-else class="customer-wrap">
+						<view :class="['ph', {val: form.customerName}]" @click="customerVisible = true">{{ form.customerName || '请选择客户' }}</view>
+						<view class="create" @click="$util.to(`/pages/clientDetail/clientDetail`)">找不到客户？马上创建</view>
+					</view>
 				</view>
 				<view class="line" v-if="form.customerName">
 					<view class="name">省份</view>
@@ -576,6 +579,16 @@
 .show {
 	padding-bottom: 280rpx;
 }
+.form-list {
+	.customer-wrap {
+		text-align: right;
+	}
+	.create {
+		margin-top: 10rpx;
+		font-size: 20rpx;
+		color: #f00;
+	}
+}
 .pro-wrap {
 	position: relative;
 	padding: 0;
diff --git a/order/productDetail/productDetail.vue b/order/productDetail/productDetail.vue
new file mode 100644
index 0000000..0e8fe5a
--- /dev/null
+++ b/order/productDetail/productDetail.vue
@@ -0,0 +1,343 @@
+<template>
+	<view class="wrap">
+		<view class="banner-wrap bg-wh">
+			<view class="pic-wrap">
+				<image class="pic" :src="form.mall.coverDrawing" mode="widthFix"></image>
+				<view class="pro-title">{{ form.mall.productName }}</view>
+			</view>
+			<view class="fields">
+				<view class="field">
+					<image class="icon" src="@/static/image/product/1.png"></image>
+					市场建议价：{{ form.mall.marketUnitPrice }}元/年
+				</view>
+				<view class="field">
+					<image class="icon" src="@/static/image/product/2.png"></image>
+					产品类型：{{ form.goodsRes.typeName }}
+				</view>
+			</view>
+		</view>
+		
+		<view class="detail">
+			<ul class="tabs">
+				<li v-for="(tab, i) in tabs" :class="{active: curTab === tab.id}" @click="tabChange(tab)">{{ tab.name }}</li>
+			</ul>
+			<view class="title">
+				<image class="icon" src="@/static/image/product/3.png"></image>
+				产品详情
+			</view>
+			<view class="texts">
+				<view class="line">
+					<text class="name">产品简介：</text>
+					<view class="val" v-html="form.mall.productIntroduction"></view>
+				</view>
+				<view class="line">
+					<text class="name">适用专业：</text>
+					<text class="val">{{ form.goodsRes.professionalName }}</text>
+				</view>
+				<view v-if="form.mall.courseHours" class="line">
+					<text class="name">预计课时：</text>
+					<text class="val">{{ form.mall.courseHours }}</text>
+				</view>
+				<view v-if="form.mall.matchingCourse" class="line">
+					<text class="name">匹配课程：</text>
+					<text class="val">{{ form.mall.matchingCourse }}</text>
+				</view>
+				<view v-if="form.mall.applicationScenario" class="line">
+					<text class="name">适用场景：</text>
+					<text class="val">{{ form.mall.applicationScenario }}</text>
+				</view>
+				<view class="line">
+					<text class="name">详情介绍：</text>
+					<view class="val" v-html="form.mall.detailedIntroduction"></view>
+				</view>
+			</view>
+		</view>
+		
+		<view v-if="form.mall.interfaceDiagram" class="detail">
+			<view class="title mb">
+				<image class="icon" src="@/static/image/product/4.png"></image>
+				产品界面图
+			</view>
+			<template>
+				<image v-for="(pic, i) in form.mall.interfaceDiagram" :key="i" class="pic" mode="widthFix" :src="pic"></image>
+			</template>
+		</view>
+		
+		<view v-if="form.mallAnnex && form.mallAnnex.length" class="detail">
+			<view class="title-wrap">
+				<view class="title">
+					<image class="icon" src="@/static/image/product/5.png"></image>
+					产品参数
+				</view>
+				<view class="download">
+					下载全部
+					<image class="icon" src="@/static/image/product/6.png"></image>
+				</view>
+			</view>
+			
+			<view v-if="form.mallAnnex" class="files">
+				<view v-for="(file, i) in form.mallAnnex" :key="i" class="file" @click="download(file)">
+					<view class="text">
+						<image class="icon" src="@/static/image/product/ppt.png"></image>
+						{{ file.fileName }}
+					</view>
+					<view class="download">下载</view>
+				</view>
+			</view>
+		</view>
+		
+		<view class="footer">
+			<view class="shop">
+				<image class="icon" src="@/static/image/product/shop.png" mode="widthFix"></image>
+				<view>购物车</view>
+			</view>
+			
+			<view class="btns">
+				<view class="btn">加入购物车</view>
+				<view class="btn order">下单</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import { detailsOfGoods } from '@/apis/modules/product.js'
+	export default {
+		data() {
+			return {
+				id: '',
+				curTab: 0,
+				tabs: [
+					{
+						name: '详情介绍',
+						id: 0
+					},
+					{
+						name: '界面图',
+						id: 1
+					},
+					{
+						name: '参数',
+						id: 2
+					},
+				],
+				form: {
+					classificationIds: [],
+					mall: {
+					  coverDrawing: ''
+					},
+					goodsRes: {},
+					mallAnnex: []
+				},
+			}
+		},
+		onShow() {
+			const pages = getCurrentPages()
+			const { options } = pages[pages.length - 1]
+			this.id = options.id
+			this.getInfo()
+		},
+		methods: {
+			// 获取详情
+			getInfo() {
+				uni.showLoading({
+					title: '加载中'
+				})
+				detailsOfGoods(this.id).then(res => {
+					this.form = res.orderDetails
+					uni.hideLoading()
+				}).catch(e => {
+					uni.hideLoading()
+				})
+			},
+			// tab切换
+			tabChange(tab) {
+				this.curTab = tab.id
+			},
+			// 下载附件
+			download(item) {
+				this.$util.to(`../send/send?url=${item.filePath}&copyWriting=${item.fileName}`)
+			},
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+.wrap {
+	padding-bottom: 140rpx;
+}
+.banner-wrap {
+	width: 100%;
+	border-radius: 0px 0px 20px 20px;
+	.pic-wrap {
+		padding: 20rpx 32rpx;
+		border-bottom: 1px solid #E2E2E2;
+	}
+	.pic {
+		width: 100%;
+	}
+	.pro-title {
+		margin-top: 22rpx;
+		font-size: 30rpx;
+		color: #333;
+	}
+	.fields {
+		padding: 26rpx 32rpx;
+	}
+	.field {
+		display: flex;
+		align-items: center;
+		font-size: 28rpx;
+		color: #333;
+		&:first-child {
+			margin-bottom: 22rpx;
+		}
+		.icon {
+			width: 36rpx;
+			height: 36rpx;
+			margin-right: 12rpx ;
+		}
+	}
+}
+.tabs {
+	display: flex;
+	justify-content: space-around;
+	margin-bottom: 32rpx;
+	li {
+		width: 33.33%;
+		text-align: center;
+		font-size: 28rpx;
+		color: #333;
+		white-space: nowrap;
+	}
+	.active {
+		color: #007EFF;
+		&:after {
+			content: '';
+			display: block;
+			width: 40rpx;
+			height: 8rpx;
+			margin: 18rpx auto 0;
+			border-radius: 4px;
+			background-color: #007EFF;
+		}
+	}
+}
+.detail {
+	padding: 34rpx 32rpx;
+	margin: 16rpx 0;
+	border-radius: 20px;
+	background-color: #fff;
+	.title-wrap {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		.download {
+			display: inline-flex;
+			align-items: center;
+			padding: 7rpx 16rpx;
+			font-size: 24rpx;
+			color: #007EFF;
+			text-align: center;
+			background-color: #F2F8FF;
+			.icon {
+				width: 30rpx;
+				height: 30rpx;
+				margin-left: 4rpx;
+			}
+		}
+	}
+	.title {
+		display: flex;
+		align-items: center;
+		font-size: 30rpx;
+		color: #333 ;
+		.icon {
+			width: 36rpx;
+			height: 36rpx;
+			margin-right: 11rpx;
+		}
+		&.mb {
+			margin-bottom: 32rpx;
+		}
+	}
+	.texts {
+		margin-top: 32rpx;
+	}
+	.line {
+		display: flex;
+		margin-bottom: 18rpx;
+		line-height: 40rpx;
+		text {
+			font-size: 26rpx;
+			color: #333;
+		}
+		.name {
+			font-weight: 600;
+			white-space: nowrap;
+		}
+	}
+	.pic {
+		width: 100%;
+	}
+	.files {
+		margin-top: 34rpx;
+		.file {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			margin-bottom: 24rpx;
+			.text {
+				display: inline-flex;
+				align-items: center;
+				font-size: 26rpx;
+				color: #333;
+			}
+			.icon {
+				width: 36rpx;
+				height: 36rpx;
+				margin-right: 14rpx;
+			}
+			.download {
+				font-size: 26rpx;
+				color: #007EFF;
+			}
+		}
+	}
+}
+.footer {
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	display: flex;
+	justify-content: space-between;
+	width: 100%;
+	padding: 24rpx 32rpx 24rpx 73rpx;
+	background-color: #fff;
+	box-sizing: border-box;
+	.shop {
+		.icon {
+			width: 56rpx;
+		}
+		font-size: 24rpx;
+		color: #333;
+	}
+	.btns {
+		display: inline-flex;
+		.btn {
+			width: 229rpx;
+			line-height: 80rpx;
+			text-align: center;
+			font-size: 32rpx;
+			color: #333;
+			background-color: #E5EEF7;
+			border-radius: 100px 0px 0px 100px;
+		}
+		.order {
+			color: #fff;
+			background-color: #007EFF;
+			border-radius: 0px 100px 100px 0px;
+		}
+	}
+}
+</style>
diff --git a/order/products/products.vue b/order/products/products.vue
new file mode 100644
index 0000000..977c5d0
--- /dev/null
+++ b/order/products/products.vue
@@ -0,0 +1,264 @@
+<template>
+	<view>
+		<view class="filter">
+			<uni-search-bar class="search" radius="30" placeholder="请输入产品名称" v-model="keyword" clearButton="auto" cancelButton="none" />
+			<view :class="['sort', sort]" @click="switchSort"></view>
+			<uni-icons class="icon" custom-prefix="iconfont" type="icon-filter" size="22" color="#007eff" @click="popup = true"></uni-icons>
+		</view>
+		<ul class="tab">
+			<li v-for="(tab, i) in tabs" :class="{active: curTab === tab.id}" @click="tabChange(tab)">{{ tab.name }}</li>
+		</ul>
+		
+		<ul class="list">
+			<li v-for="item in list">
+				<view class="pro-name">
+				<image class="icon" :src="$util.getIcon(item)" mode="widthFix"></image>
+					{{ item.productName }}
+				</view>
+				<view class="info">
+					<view class="line">
+						<text class="name">产品简介：</text>
+						<view class="val ell-wrap">
+							<view :class="{ell: !item.toggle}" v-html="item.productIntroduction"></view>
+							<view v-if="item.productIntroduction.length > 14" class="toggle" @click="toggle(item)">{{ item.toggle ? '收起' : '展开' }}</view>
+						</view>
+					</view>
+					<view class="line">
+						<text class="name">产品类型：</text>
+						<text class="val">{{ item.typeName }}</text>
+					</view>
+					<view class="line">
+						<text class="name">适用专业：</text>
+						<text class="val">{{ item.professionalName }}</text>
+					</view>
+					<view class="line">
+						<text class="name">市场建议单价：</text>
+						<text class="val">{{ item.marketUnitPrice }}元/年</text>
+					</view>
+				</view>
+			</li>
+		</ul>
+		
+		<uni-icons class="plus" type="plus-filled" size="60" color="#007eff" @click="$util.to('/order/orderDetail/orderDetail')"></uni-icons>
+		<filter-popup :data="filterData" :form.sync="filterForm" v-model="popup" title="全部筛选" height="1104rpx" @finsh="subFinsh"></filter-popup>
+	</view>
+</template>
+
+<script>
+	import { tagsList, listOfGoods } from '@/apis/modules/product.js'
+	import { queryCustomer } from '@/apis/modules/client.js'
+	import { list, del } from '@/apis/modules/order.js'
+	export default {
+		data() {
+			return {
+				popup: false,
+				//筛选表单数据
+				filterData: [
+					{
+						children: false,//是否有子项
+						title: "订单状态",
+						key: "orderStatus", //键名 接收对象名字
+						keyValue: "value", //获取的值是哪个
+						isRadio: true, //是否单选 否则多选
+						data: [
+							{
+								title: "待发货",
+								value: 0
+							},
+							{
+								title: "已完成",
+								value: 1
+							},
+						],
+					}
+				],
+				filterForm: {},
+				curTab: 0,
+				tabs: [
+					{
+						name: '综合排序',
+						id: 0
+					},
+					{
+						name: '热搜排行',
+						id: 1
+					},
+					{
+						name: '发布时间',
+						id: 1
+					}
+				],
+				reachBottom: 0, // 是否是上拉加载。0->否,1->是,-1->加载完所有数据
+				status: 'more', // 上拉加载状态 more|loading|noMore
+				searchTimer: null,
+				orderStatus: '',
+				sort: 'desc',
+				keyword: '',
+				list: [],
+				page: 1,
+				pageSize: 10,
+				delOption: [{
+					text: '删除',
+					style: {
+						backgroundColor: '#F56C6C'
+					}
+				}],
+			}
+		},
+		watch: {
+			keyword () {
+				clearTimeout(this.searchTimer)
+				this.searchTimer = setTimeout(() => {
+					this.initList()
+				}, 500)
+			}
+		},
+		// 下拉刷新
+		onPullDownRefresh() {
+			this.initList()
+			setTimeout(() => {
+				uni.stopPullDownRefresh()
+			}, 1500)
+		},
+		// 上拉加载
+		onReachBottom() {
+			if (this.reachBottom >= 0) {
+				this.reachBottom = 1
+				this.status = 'loading'
+				this.getList()
+			}
+		},
+		onShow() {
+			this.getList()
+		},
+		methods: {
+			getList() {
+				listOfGoods({
+					pageNum: this.page,
+					pageSize: this.pageSize,
+					sort: 0,
+					isShelves: 0,
+					hotTag: 1,
+					productName: this.keyword,
+				}).then(({ page }) => {
+					// 未加载完所有数据，并且不是筛选，则拼接list，否则直接赋值
+					const list = page.records
+					list.map(e => {
+						e.toggle = e.productIntroduction.length < 14 // 超过了14个字才需要显示展开按钮
+					})
+					this.list = this.reachBottom > 0 ? [...this.list, ...list] : list
+					this.page++ // 每次获取了数据后page+1
+					const noMore = this.list.length === page.total // 是否加载完所有数据
+					this.status = noMore ? 'noMore' : 'more' // 加载完了则设置为noMore
+					this.reachBottom = noMore ? -1 : 0 // 加载完了则设置为-1
+				}).catch(e => {})
+			},
+			initList() {
+				this.page = 1
+				this.reachBottom = 0
+				this.getList()
+			},
+			// 展开
+			toggle(item) {
+				item.toggle = !item.toggle
+			},
+			// 筛选确定回调
+			subFinsh(val) {
+				const { orderStatus } = val
+				this.orderStatus = orderStatus.length ? orderStatus[0] : ''
+				this.initList()
+			},
+			// 排序
+			switchSort() {
+				this.sort = this.sort === 'desc' ? 'asc' : 'desc'
+				this.initList()
+			},
+			// tab切换
+			tabChange(tab) {
+				this.curTab = tab.id
+				this.initList()
+			},
+			// 跳转详情
+			toDetail(item) {
+				this.$util.to(`/order/orderDetail/orderDetail?orderId=${item.orderId}&show=1`)
+			},
+			// 删除
+			del(e) {
+				const that = this
+				uni.showModal({
+					title: '提示',
+					content: '确定要删除吗？',
+					success(res) {
+						if (res.confirm) {
+							del({
+								ids: [e.orderId]
+							}).then(res => {
+								that.$util.sucMsg('删除成功')
+								that.initList()
+							}).catch(res => {})
+						}
+					}
+				})
+			},
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+.list {
+	margin-top: 20rpx;
+	background-color: #fff;
+	.item {
+		padding: 20rpx 40rpx;
+		border-bottom: 1px solid #f1f1f1;
+	}
+	.c-name {
+		font-size: 30rpx;
+		color: #333;
+	}
+	.info {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		margin-top: 10rpx;
+	}
+	.left {
+		max-width: 70%;
+	}
+	.line {
+		display: flex;
+		padding: 10rpx 0;
+	}
+	.name {
+		margin-right: 10rpx;
+		white-space: nowrap;
+		font-size: 28rpx;
+		color: #999;
+	}
+	.val {
+		max-width: 88%;
+		font-size: 28rpx;
+		color: #333;
+	}
+	.ell {
+		white-space: nowrap;
+		text-overflow: ellipsis;
+		overflow: hidden;
+	}
+	.toggle {
+		margin-top: 10rpx;
+		white-space: nowrap;
+		font-size: 24rpx;
+		color: #0e92ef;
+	}
+	.type {
+		margin-left: 20rpx;
+		font-size: 28rpx;
+		color: #ff7b2d;
+		white-space: nowrap;
+	}
+	.type1 {
+		color: #bdbdbd;
+	}
+}
+</style>
diff --git a/pages.json b/pages.json
index 444d410..1401c7f 100644
--- a/pages.json
+++ b/pages.json
@@ -15,7 +15,23 @@
                 "navigationBarTitleText": "",
                 "enablePullDownRefresh": false
             }
+        },
+        {
+            "path" : "pages/workbench/workbench",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "工作台",
+                "enablePullDownRefresh": false
+            }
         },
+		{
+			"path": "pages/orders/orders",
+			"style" :
+			{
+				"navigationBarTitleText": "订单列表",
+				"enablePullDownRefresh": true
+			}
+		},
 		{
             "path" : "pages/clients/clients",
             "style" :                                                                                    
@@ -65,37 +81,11 @@
             }
             
         }
-        ,{
-            "path" : "pages/study/study",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "学习",
-                "enablePullDownRefresh": true
-            }
-            
-        }
-        ,{
-            "path" : "pages/info/info",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "资讯",
-                "enablePullDownRefresh": true
-            }
-            
-        }
     ],
 	"subPackages": [
 		{
 			"root": "order",
 			"pages": [
-				{
-					"path": "orders/orders",
-					"style" :
-					{
-						"navigationBarTitleText": "订单列表",
-						"enablePullDownRefresh": true
-					}
-				},
 				{
 					"path" : "addCourse/addCourse",
 					"style" :                                                                                    
@@ -135,12 +125,47 @@
 						"navigationBarTitleText": "订单记录",
 						"enablePullDownRefresh": false
 					}
+				},
+				{
+					"path" : "productDetail/productDetail",
+					"style" :                                                                                    
+					{
+						"navigationBarTitleText": "产品详情",
+						"enablePullDownRefresh": false
+					}
 				}
-			]
+			    ,{
+                    "path" : "products/products",
+                    "style" :                                                                                    
+                {
+                    "navigationBarTitleText": "产品",
+					"enablePullDownRefresh": true
+                }
+                
+                }
+            ]
 		},
 		{
 			"root": "team",
 			"pages": [
+				{
+				    "path" : "study/study",
+				    "style" :                                                                                    
+				    {
+				        "navigationBarTitleText": "学习",
+				        "enablePullDownRefresh": true
+				    }
+				    
+				}
+				,{
+				    "path" : "info/info",
+				    "style" :                                                                                    
+				    {
+				        "navigationBarTitleText": "资讯",
+				        "enablePullDownRefresh": true
+				    }
+				    
+				},
 				{
 					"path" : "setting/setting",
 					"style" :                                                                                    
@@ -267,15 +292,15 @@
 			"selectedIconPath": "static/image/tab1-1.png",
 			"text": "首页"
 		}, {
-			"pagePath": "pages/study/study",
+			"pagePath": "pages/workbench/workbench",
 			"iconPath": "static/image/tab2.png",
 			"selectedIconPath": "static/image/tab2-1.png",
-			"text": "学习"
+			"text": "工作台"
 		}, {
-			"pagePath": "pages/info/info",
+			"pagePath": "pages/orders/orders",
 			"iconPath": "static/image/tab3.png",
 			"selectedIconPath": "static/image/tab3-1.png",
-			"text": "资讯"
+			"text": "订单"
 		}, {
 			"pagePath": "pages/person/person",
 			"iconPath": "static/image/tab4.png",
diff --git a/pages/index/index.vue b/pages/index/index.vue
index e252abf..c69bf3a 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,155 +1,101 @@
 <template>
 	<view :class="['page', {oh: !per}]">
-		<image class="bg" src="@/static/image/index/index2.png" mode="widthFix"></image>
-		<view class="team">
-			<uni-data-picker class="picker-input" placeholder="切换团队" popup-title="切换团队" preload :clear-icon="false" :localdata="list" :map="{text: 'partnerClassificationName', value: 'teamId'}" v-model="teamId" @change="teamChange"></uni-data-picker>
-		</view>
+		<uni-search-bar class="search" radius="30" placeholder="请输入" v-model="keyword" clearButton="auto" cancelButton="none" />
 		
 		<view class="banner">
-			<image class="img" src="@/static/image/index/index1.png" mode="widthFix"></image>
+			<image class="img" src="@/static/image/workbench/index1.png" mode="widthFix"></image>
 			<view class="info">
 				<view class="title">城市合伙人招募中</view>
 				<view class="text">携手共创教育信息化新未来，合伙共享产业互联领域新红利</view>
 			</view>
 		</view>
 		
-		<ul class="entry">
-			<li v-if="auth('首页:客户')" @click="$util.to('../clients/clients')">
-				<image class="icon" src="@/static/image/index/index3.png" mode="widthFix"></image>
-				<view class="text">客户</view>
-			</li>
-			<li v-if="auth('首页:方案')" @click="$util.to('../plans/plans')">
-				<image class="icon" src="@/static/image/index/index4.png" mode="widthFix"></image>
-				<view class="text">方案</view>
-			</li>
-			<li v-if="auth('首页:订单')" @click="$util.to('/order/orders/orders')">
-				<image class="icon" src="@/static/image/index/index5.png" mode="widthFix"></image>
-				<view class="text">订单</view>
-			</li>
-			<li v-if="auth('首页:产品')" @click="$util.to('../products/products')">
-				<image class="icon" src="@/static/image/index/index6.png" mode="widthFix"></image>
-				<view class="text">产品</view>
-			</li>
-		</ul>
-		
-		<view class="panel study-panel">
-			<view class="title" @click="toStudy">
-				<view class="left">
-					<image class="icon" src="@/static/image/index/index8.png" mode="widthFix"></image>
-					学习速递
-				</view>
-				<view class="right">
-					<text>全部</text>
-					<image class="arrow" src="@/static/image/index/index10.png" mode="widthFix"></image>
-				</view>
-			</view>
-			<view class="study">
-				<scroll-view class="scroll" scroll-x="true">
-					<view v-for="(item, i) in studies" :key="i" class="item" @click="toDetail(item)">
-						<image class="pic" :src="item.bannerImg"></image>
-						<view class="text">{{ item.title }}</view>
-					</view>
-				</scroll-view>
+		<view class="block">
+			<view class="title-wrap">
+				<view class="title">热门标签</view>
 			</view>
+			
+			<ul class="tags">
+				<li v-for="(tag, i) in tags" :key="i" @click="$util.to('/order/productDetail/productDetail?id=' + item.mallId)">
+					<image class="icon" :src="require('@/static/image/index/' + (i + 1) + '.png')"></image>
+					<view class="text ell">{{ tag.tagsName }}</view>
+				</li>
+			</ul>
 		</view>
 		
-		<view class="panel">
-			<view class="title" @click="toPanel(1)">
-				<view class="left">
-					<image class="icon" src="@/static/image/index/index8.png" mode="widthFix"></image>
-					销售进展
-				</view>
-				<view class="right">
-					<image class="date" src="@/static/image/index/index7.png" mode="widthFix"></image>
-					<text>本月</text>
-					<image class="arrow" src="@/static/image/index/index10.png" mode="widthFix"></image>
-				</view>
+		
+		<view class="block">
+			<view class="title-wrap">
+				<view class="title">热销产品</view>
+				<view class="all">全部产品</view>
 			</view>
-			<view class="data first">
-				<view class="line">
-					<view class="item">
-						<view class="name">本月新增试用客户</view>
-						<view class="val">{{ sell.trialUser || 0 }}</view>
-					</view>
-					<view class="item">
-						<view class="name">本月成单客户</view>
-						<view class="val">{{ sell.regularUser || 0 }}</view>
-					</view>
-				</view>
-				<view class="line">
-					<view class="item">
-						<view class="name">本月新增产品试用</view>
-						<view class="val">{{ sell.trialProduct || 0 }}</view>
-					</view>
-					<view class="item">
-						<view class="name">本月成交订单产品</view>
-						<view class="val">{{ sell.officialProduct || 0 }}</view>
+			<view class="list">
+				<view v-for="(item, i) in hotProducts" :key="i" class="item" @click="toDetail(item)">
+					<image class="pic" :src="item.appletIcon"></image>
+					<view class="texts">
+						<view class="name ell">{{ item.productName }}</view>
+						<view class="des ell" v-html="item.productIntroduction"></view>
+						<view class="meta">
+							<image class="icon" src="@/static/image/index/9.png"></image>
+							适用专业: 
+							<text class="ell">{{ item.professionalName }}</text>
+						</view>
 					</view>
 				</view>
 			</view>
 		</view>
 		
 		
-		<view class="panel">
-			<view class="title y-title" @click="toPanel(1)">
-				<view class="left">
-					<image class="icon" src="@/static/image/index/index9.png" mode="widthFix"></image>
-					年度经营分析
-				</view>
-				<image class="arrow" src="@/static/image/index/index10.png" mode="widthFix"></image>
+		<view class="block">
+			<view class="title-wrap">
+				<view class="title">官方推荐</view>
+				<view class="all">全部产品</view>
 			</view>
-			<view class="data second">
-				<view class="line">
-					<view class="item item1">
-						<view class="val">{{ handleNum(analysis.finalPrice) }}</view>
-						<view class="name">总成交金额</view>
-					</view>
-					<view class="item item2">
-						<view class="val">{{ handleNum(analysis.settlementPrice) }}</view>
-						<view class="name">总结算金额</view>
-					</view>
-					<view class="item equal">
-						<view class="val">{{ handleNum(analysis.marketingServiceCharge) }}</view>
-						<view class="name">市场服务费</view>
-					</view>
-					<view class="item">
-						<view class="val">{{ handleNum(analysis.projectBenefit) }}</view>
-						<view class="name">项目收益</view>
+			<view class="list">
+				<view v-for="(item, i) in offcialProducts" :key="i" class="item" @click="toDetail(item)">
+					<image class="pic" :src="item.appletIcon || require('@/static/image/product.png')"></image>
+					<view class="texts">
+						<view class="name ell">{{ item.productName }}</view>
+						<view class="des ell" v-html="item.productIntroduction"></view>
+						<view class="meta">
+							<image class="icon" src="@/static/image/index/9.png"></image>
+							适用专业: 
+							<text class="ell">{{ item.professionalName }}</text>
+						</view>
 					</view>
 				</view>
 			</view>
 		</view>
+		
 		<view v-if="!per" class="per-mask">功能升级中，敬请期待...</view>
 	</view>
 </template>
 
 <script>
-	import { getUserRolesPermissionMenu } from '@/apis/modules/user.js'
-	import { getTeamsByAccountId, getTheBusinessManagerIdsUnderTheTeam } from '@/apis/modules/client.js'
-	import { treeList, salesProgress, annualOperatingAnalysis } from '@/apis/modules/parner.js'
-	import { partnerOperatingList } from '@/apis/modules/article.js'
+	import { tagsList, listOfGoods } from '@/apis/modules/product.js'
 	export default {
 		data() {
 			return {
 				per: true, // 是否有权限
 				teamId: uni.getStorageSync('teamId') || '',
-				list: [],
-				id: '',
-				teamList: [],
-				studies: [],
-				sell: {},
-				analysis: {
-					finalPrice: 0,
-					settlementPrice: 0,
-					marketingServiceCharge: 0,
-					projectBenefit: 0,
-				}
+				keyword: '',
+				tags: [],
+				hotProducts: [],
+				offcialProducts: []
+			}
+		},
+		watch: {
+			keyword () {
+				clearTimeout(this.searchTimer)
+				this.searchTimer = setTimeout(() => {
+					this.initList()
+				}, 500)
 			}
 		},
 		onShow() {
-			console.log(444, this.teamId)
 			this.per = true
-			this.getInfo()
+			this.getTags()
+			this.getProducts()
 		},
 		methods: {
 			// 初始化权限
@@ -161,80 +107,35 @@
 				this.getSell()
 				this.getAnalysis()
 			},
-			// 查询当前角色权限
-			getAuth() {
-				uni.getStorageSync('token') && getUserRolesPermissionMenu({
-					teamId: this.list.find(e => e.teamId == this.teamId).partnerClassificationId,
-					platformId: 4
-				}).then(({ permissionMenu }) => {
-					uni.hideLoading()
-					const auth = []
-					// 生成权限数组
-					const generateAuth = (list, parent) => {
-						list.map(e => {
-							const name = `${parent ? parent + ':' : ''}${e.name}`
-							auth.push(name)
-							generateAuth(e.children, name)
-						})
-					}
-					generateAuth(permissionMenu[0].children, '')
-					uni.setStorageSync('auth', auth)
-					this.$forceUpdate()
-					this.initRole()
-				}).catch(e => {
-					uni.hideLoading()
-					uni.setStorageSync('auth', [])
-					this.initRole()
-				})
-			},
-			// 获取团队
-			getInfo() {
-				uni.showLoading({
-					title: '加载中'
-				})
-				getTeamsByAccountId().then(({ data }) => {
-					data.map(e => {
-						const n = e.partnerClassificationList
-						e.id = n.id
-						// parnerId是商务经理id，teamId则是下面这个，其他地方要用的话直接uni.getStorageSync('team').partnerId去使用
-						e.teamId = e.isTeam == 1 ? +e.partnerClassificationId : n.id
-						e.partnerClassificationName = n.partnerClassificationName
-						delete e.partnerClassificationList
-					})
-					if (data.length) {
-						/**
-						 * @description 如果是第一次进，则默认选中第一个团队，并把该团队的信息存入缓存
-						 * 或者团队列表里没有该id，则说明超管已经被转让，也需要重新选中团队
-						 */
-						if (!uni.getStorageSync('team') || !data.find(e => e.teamId == this.teamId)) {
-							this.teamId = data[0].teamId
-							uni.setStorageSync('team', data[0])
-						}
-					} else {
-						// 如果没有团队，则退出登录
-						uni.hideLoading()
-						uni.clearStorageSync()
-						uni.navigateTo({
-							url: '../login/login'
-						})
-					}
-					
-					this.list = data
-					this.getAuth()
-				}).catch(e => {
-					uni.hideLoading()
-				})
+			// 热门标签
+			getTags() {
+				tagsList().then(res => {
+					this.tags = res.tagsList.slice(0, 8)
+				}).catch(e => {})
 			},
-			// 学习速递
-			getStudy() {
-				partnerOperatingList({
-					topSort: 'desc',
+			// 产品
+			getProducts() {
+				// 热销产品
+				listOfGoods({
+					pageNum: 1,
+					pageSize: 5,
+					sort: 1,
+					isShelves: 0,
+					hotTag: 1
+				}).then(({ page }) => {
+					this.hotProducts = page.records
+				}).catch(e => {})
+				
+				// 官方推荐
+				listOfGoods({
 					pageNum: 1,
 					pageSize: 5,
-					querySource: 4,
-					typeId: 1,
+					sort: 0,
+					isShelves: 0,
+					hotTag: 1,
+					selection: 1
 				}).then(({ page }) => {
-					this.studies = page
+					this.offcialProducts = page.records
 				}).catch(e => {})
 			},
 			// 跳转学习
@@ -245,42 +146,8 @@
 			},
 			// 跳转学习详情
 			toDetail(item) {
-				this.$util.to(`/team/article/article?id=` + item.id)
-			},
-			// 获取销售进展
-			getSell() {
-				salesProgress({
-					businessManagerId: uni.getStorageSync('team').partnerId,
-					teamId: this.teamId,
-				}).then(res => {
-					this.sell = res
-				}).catch(e => {})
-			},
-			// 处理年度经营分析数值 除以10000 + w
-			handleNum(num) {
-				// return num ? parseInt(num / 10000) + 'w' : 0
-				return num
-			},
-			// 获取年度经营分析
-			getAnalysis() {
-				annualOperatingAnalysis({
-					businessManagerId: uni.getStorageSync('team').partnerId,
-					teamId: this.teamId,
-				}).then(({ data }) => {
-					if (data) this.analysis = data
-				}).catch(e => {})
-			},
-			// 团队选择回调
-			teamChange() {
-				const { teamId } = this
-				const e = this.list.find(e => e.teamId == teamId)
-				uni.setStorageSync('team', e)
-				this.getAuth()
+				this.$util.to('/order/productDetail/productDetail?id=' + item.mallId)
 			},
-			// 提示暂未开放
-			toPanel(i) {
-				this.$util.errMsg('功能暂未开放！')
-			}
 		}
 	}
 </script>
@@ -291,18 +158,7 @@
 	min-height: 100%;
 	padding: 30rpx 22rpx;
 	box-sizing: border-box;
-}
-.bg {
-	z-index: -1;
-	position: absolute;
-	top: 0;
-	left: 0;
-	width: 100%;
-	height: 100%;
-}
-.team {
-	width: 300rpx;
-	margin-bottom: 30rpx;
+	background-color: #fff;
 }
 .banner {
 	position: relative;
@@ -326,164 +182,87 @@
 		color: #001D67;
 	}
 }
-.entry {
-	display: flex;
-	justify-content: space-around;
-	align-items: center;
-	margin: 10rpx 0 30rpx;
-	text-align: center;
-	.icon {
-		width: 78rpx;
-	}
-	.text {
-		font-size: 28rpx;
-		color: #333;
-	}
-}
-.panel {
-	margin: 20rpx 10rpx;
-	background-color: #fff;
-	border-radius: 20rpx;
-	overflow: hidden;
-	&.study-panel {
-		background-color: transparent;
-	}
-	.title {
+.block {
+	margin: 40rpx 0;
+	.title-wrap {
 		display: flex;
 		justify-content: space-between;
-		align-items: center;
-		padding: 17rpx 20rpx;
-		background: linear-gradient(90deg, #E5EFFF 0%, #FFFFFF 100%);
-	}
-	.y-title {
-		background: linear-gradient(90deg, #FFF5E5 0%, #FFFFFF 100%);
-	}
-	.left {
-		display: flex;
-		align-items: center;
-		font-size: 30rpx;
-		color: #333;
+		margin-bottom: 34rpx;
+		.all {
+			font-size: 24rpx;
+			color: #666;
+		}
 	}
-	.right {
-		display: flex;
+	.title {
+		display: inline-flex;
 		align-items: center;
 		font-size: 28rpx;
 		color: #333;
-		text {
-			margin: 0 15rpx 0 8rpx;
+		&:before {
+			content: '';
+			width: 10rpx;
+			height: 26rpx;
+			margin-right: 14rpx;
+			background: #007FFF;
+			border-radius: 5px;
 		}
 	}
+}
+.tags {
+	display: flex;
+	flex-wrap: wrap;
+	li {
+		width: 25%;
+		margin-bottom: 24rpx;
+		text-align: center;
+	}
 	.icon {
-		width: 36rpx;
-		margin-right: 10rpx;
+		width: 64rpx;
+		height: 64rpx;
+		margin-bottom: 18rpx;
 	}
-	.date {
-		width: 26rpx;
+	.text {
+		width: 110rpx;
+		margin: 0 auto;
+		font-size: 24rpx;
+		color: #333;
 	}
-	.arrow {
-		width: 16rpx;
+}
+.list {
+	.item {
+		display: flex;
+		margin-bottom: 28rpx;
 	}
-	.data {
-		padding: 33rpx 36rpx;
+	.pic {
+		width: 136rpx;
+		height: 136rpx;
+		margin-right: 20rpx;
 	}
-	.line {
-		display: flex;
+	.texts {
+		width: calc(100% - 156rpx);
 	}
-	.first {
-		.item:first-child {
-			width: 65%;
-		}
-		.name {
-			margin-bottom: 14rpx;
-			font-size: 24rpx;
-			color: #999;
-		}
-		.val {
-			font-size: 30rpx;
-			color: #333;
-		}
-		.line:first-child {
-			margin-bottom: 32rpx;
-		}
+	.name {
+		font-size: 28rpx;
+		color: #333;
 	}
-	.second {
-		padding: 38rpx 10rpx;
-		.item {
-			position: relative;
-			text-align: center;
-			&:after {
-				content: '';
-				position: absolute;
-				bottom: 14rpx;
-				right: -35rpx;
-				width: 22rpx;
-				height: 2px;
-				background-color: #ccc;
-			}
-			&.item1 {
-				margin-right: 53rpx;
-			}
-			&.item2 {
-				margin-right: 54rpx;
-			}
-			&.equal {
-				margin-right: 50rpx;
-				&:after {
-					bottom: 6rpx;
-					right: -39rpx;
-					height: 2px;
-					padding-bottom: 5px;
-					border-bottom: 2px solid #ccc;
-					background-clip:content-box;
-					box-sizing: content-box;
-				}
-			}
-			&:last-child:after {
-				display: none;
-			}
-		}
-		.val {
-			margin-bottom: 10rpx;
-			font-size: 30rpx;
-			color: #333;
-		}
-		.name {
-			font-size: 24rpx;
-			color: #999;
-		}
+	.des {
+		margin: 17rpx 0;
+		font-size: 24rpx;
+		color: #666;
 	}
-	.study {
-		width: 100%;
-		margin-top: 15rpx;
-		overflow: auto;
-		.item {
-			display: inline-block;
-			width: 280rpx;
-			margin-right: 20rpx;
-			background-color: #fff;
-			border-radius: 8px;
-			overflow: hidden;
-		}
-		.pic {
-			width: 100%;
-			height: 130rpx;
+	.meta {
+		display: flex;
+		align-items: center;
+		font-size: 24rpx;
+		color: #2E2D31;
+		.icon {
+			width: 32rpx;
+			height: 32rpx;
+			margin-right: 12rpx;
 		}
-		.text {
-			padding: 15rpx;
-			font-size: 28rpx;
-			color: #333;
-			text-align: center;
-			white-space: nowrap;
-			overflow: hidden;
-			text-overflow: ellipsis;
+		text {
+			width: 330rpx;
 		}
 	}
-	.scroll {
-		width: 100%;
-		white-space: nowrap;
-	}
-}
-.oh {
-	overflow: hidden;
 }
 </style>
diff --git a/order/orders/orders.vue b/pages/orders/orders.vue
similarity index 98%
rename from order/orders/orders.vue
rename to pages/orders/orders.vue
index 17fa698..165e113 100644
--- a/order/orders/orders.vue
+++ b/pages/orders/orders.vue
@@ -58,7 +58,7 @@
 		</template>
 		<empty v-else></empty>
 		
-		<uni-icons class="plus" type="plus-filled" size="60" color="#007eff" @click="$util.to('../orderDetail/orderDetail')"></uni-icons>
+		<uni-icons class="plus" type="plus-filled" size="60" color="#007eff" @click="$util.to('/order/orderDetail/orderDetail')"></uni-icons>
 		<filter-popup :data="filterData" :form.sync="filterForm" v-model="popup" title="全部筛选" height="1104rpx" @finsh="subFinsh"></filter-popup>
 	</view>
 </template>
@@ -227,7 +227,7 @@
 			},
 			// 跳转详情
 			toDetail(item) {
-				this.$util.to(`../orderDetail/orderDetail?orderId=${item.orderId}&show=1`)
+				this.$util.to(`/order/orderDetail/orderDetail?orderId=${item.orderId}&show=1`)
 			},
 			// 删除
 			del(e) {
diff --git a/pages/products/products.vue b/pages/products/products.vue
index 93a08f9..fab5234 100644
--- a/pages/products/products.vue
+++ b/pages/products/products.vue
@@ -47,6 +47,7 @@
 </template>
 
 <script>
+	import { tagsList, listOfGoods } from '@/apis/modules/product.js'
 	import { AppletsDataProductList } from '@/apis/modules/product.js'
 	export default {
 		data() {
@@ -108,21 +109,22 @@
 		},
 		methods: {
 			getList() {
-				AppletsDataProductList({
-					sort: this.sort,
-					keywords: this.keyword,
-					productType: this.curTab,
+				listOfGoods({
 					pageNum: this.page,
-					pageSize: this.pageSize
-				}).then(({ data }) => {
+					pageSize: this.pageSize,
+					sort: 0,
+					isShelves: 0,
+					hotTag: 1,
+					productName: this.keyword,
+				}).then(({ page }) => {
 					// 未加载完所有数据，并且不是筛选，则拼接list，否则直接赋值
-					const list = data.records
+					const list = page.records
 					list.map(e => {
 						e.toggle = e.briefIntroduction.length < 14 // 超过了14个字才需要显示展开按钮
 					})
 					this.list = this.reachBottom > 0 ? [...this.list, ...list] : list
 					this.page++ // 每次获取了数据后page+1
-					const noMore = this.list.length === data.total // 是否加载完所有数据
+					const noMore = this.list.length === page.total // 是否加载完所有数据
 					this.status = noMore ? 'noMore' : 'more' // 加载完了则设置为noMore
 					this.reachBottom = noMore ? -1 : 0 // 加载完了则设置为-1
 				}).catch(e => {})
diff --git a/pages/workbench/workbench.vue b/pages/workbench/workbench.vue
new file mode 100644
index 0000000..fdb590c
--- /dev/null
+++ b/pages/workbench/workbench.vue
@@ -0,0 +1,488 @@
+<template>
+	<view :class="['page', {oh: !per}]">
+		<image class="bg" src="@/static/image/workbench/index2.png" mode="widthFix"></image>
+		<view class="team">
+			<uni-data-picker class="picker-input" placeholder="切换团队" popup-title="切换团队" preload :clear-icon="false" :localdata="list" :map="{text: 'partnerClassificationName', value: 'teamId'}" v-model="teamId" @change="teamChange"></uni-data-picker>
+		</view>
+		
+		<view class="banner">
+			<image class="img" src="@/static/image/workbench/index1.png" mode="widthFix"></image>
+			<view class="info">
+				<view class="title">城市合伙人招募中</view>
+				<view class="text">携手共创教育信息化新未来，合伙共享产业互联领域新红利</view>
+			</view>
+		</view>
+		
+		<ul class="entry">
+			<li v-if="auth('首页:客户')" @click="$util.to('../clients/clients')">
+				<image class="icon" src="@/static/image/workbench/index3.png" mode="widthFix"></image>
+				<view class="text">客户</view>
+			</li>
+			<li v-if="auth('首页:方案')" @click="$util.to('../plans/plans')">
+				<image class="icon" src="@/static/image/workbench/index4.png" mode="widthFix"></image>
+				<view class="text">方案</view>
+			</li>
+			<li @click="$util.to('/team/study/study')">
+				<image class="icon" src="@/static/image/tab2-1.png" mode="widthFix"></image>
+				<view class="text">学习</view>
+			</li>
+			<li @click="$util.to('/team/info/info')">
+				<image class="icon" src="@/static/image/tab3-1.png" mode="widthFix"></image>
+				<view class="text">资讯</view>
+			</li>
+		</ul>
+		
+		<view class="panel study-panel">
+			<view class="title" @click="toStudy">
+				<view class="left">
+					<image class="icon" src="@/static/image/workbench/index8.png" mode="widthFix"></image>
+					学习速递
+				</view>
+				<view class="right">
+					<text>全部</text>
+					<image class="arrow" src="@/static/image/workbench/index10.png" mode="widthFix"></image>
+				</view>
+			</view>
+			<view class="study">
+				<scroll-view class="scroll" scroll-x="true">
+					<view v-for="(item, i) in studies" :key="i" class="item" @click="toDetail(item)">
+						<image class="pic" :src="item.bannerImg"></image>
+						<view class="text">{{ item.title }}</view>
+					</view>
+				</scroll-view>
+			</view>
+		</view>
+		
+		<view class="panel">
+			<view class="title" @click="toPanel(1)">
+				<view class="left">
+					<image class="icon" src="@/static/image/workbench/index8.png" mode="widthFix"></image>
+					销售进展
+				</view>
+				<view class="right">
+					<image class="date" src="@/static/image/workbench/index7.png" mode="widthFix"></image>
+					<text>本月</text>
+					<image class="arrow" src="@/static/image/workbench/index10.png" mode="widthFix"></image>
+				</view>
+			</view>
+			<view class="data first">
+				<view class="line">
+					<view class="item">
+						<view class="name">本月新增试用客户</view>
+						<view class="val">{{ sell.trialUser || 0 }}</view>
+					</view>
+					<view class="item">
+						<view class="name">本月成单客户</view>
+						<view class="val">{{ sell.regularUser || 0 }}</view>
+					</view>
+				</view>
+				<view class="line">
+					<view class="item">
+						<view class="name">本月新增产品试用</view>
+						<view class="val">{{ sell.trialProduct || 0 }}</view>
+					</view>
+					<view class="item">
+						<view class="name">本月成交订单产品</view>
+						<view class="val">{{ sell.officialProduct || 0 }}</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		
+		
+		<view class="panel">
+			<view class="title y-title" @click="toPanel(1)">
+				<view class="left">
+					<image class="icon" src="@/static/image/workbench/index9.png" mode="widthFix"></image>
+					年度经营分析
+				</view>
+				<image class="arrow" src="@/static/image/workbench/index10.png" mode="widthFix"></image>
+			</view>
+			<view class="data second">
+				<view class="line">
+					<view class="item item1">
+						<view class="val">{{ handleNum(analysis.finalPrice) }}</view>
+						<view class="name">总成交金额</view>
+					</view>
+					<view class="item item2">
+						<view class="val">{{ handleNum(analysis.settlementPrice) }}</view>
+						<view class="name">总结算金额</view>
+					</view>
+					<view class="item equal">
+						<view class="val">{{ handleNum(analysis.marketingServiceCharge) }}</view>
+						<view class="name">市场服务费</view>
+					</view>
+					<view class="item">
+						<view class="val">{{ handleNum(analysis.projectBenefit) }}</view>
+						<view class="name">项目收益</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<view v-if="!per" class="per-mask">功能升级中，敬请期待...</view>
+	</view>
+</template>
+
+<script>
+	import { getUserRolesPermissionMenu } from '@/apis/modules/user.js'
+	import { getTeamsByAccountId, getTheBusinessManagerIdsUnderTheTeam } from '@/apis/modules/client.js'
+	import { treeList, salesProgress, annualOperatingAnalysis } from '@/apis/modules/parner.js'
+	import { partnerOperatingList } from '@/apis/modules/article.js'
+	export default {
+		data() {
+			return {
+				per: true, // 是否有权限
+				teamId: uni.getStorageSync('teamId') || '',
+				list: [],
+				id: '',
+				teamList: [],
+				studies: [],
+				sell: {},
+				analysis: {
+					finalPrice: 0,
+					settlementPrice: 0,
+					marketingServiceCharge: 0,
+					projectBenefit: 0,
+				}
+			}
+		},
+		onShow() {
+			this.per = true
+			this.getInfo()
+		},
+		methods: {
+			// 初始化权限
+			initRole() {
+				if (!uni.getStorageSync('auth').includes('首页')) {
+					this.per = false
+				}
+				this.getStudy()
+				this.getSell()
+				this.getAnalysis()
+			},
+			// 查询当前角色权限
+			getAuth() {
+				uni.getStorageSync('token') && getUserRolesPermissionMenu({
+					teamId: this.list.find(e => e.teamId == this.teamId).partnerClassificationId,
+					platformId: 4
+				}).then(({ permissionMenu }) => {
+					uni.hideLoading()
+					const auth = []
+					// 生成权限数组
+					const generateAuth = (list, parent) => {
+						list.map(e => {
+							const name = `${parent ? parent + ':' : ''}${e.name}`
+							auth.push(name)
+							generateAuth(e.children, name)
+						})
+					}
+					generateAuth(permissionMenu[0].children, '')
+					uni.setStorageSync('auth', auth)
+					this.$forceUpdate()
+					this.initRole()
+				}).catch(e => {
+					uni.hideLoading()
+					uni.setStorageSync('auth', [])
+					this.initRole()
+				})
+			},
+			// 获取团队
+			getInfo() {
+				uni.showLoading({
+					title: '加载中'
+				})
+				getTeamsByAccountId().then(({ data }) => {
+					data.map(e => {
+						const n = e.partnerClassificationList
+						e.id = n.id
+						// parnerId是商务经理id，teamId则是下面这个，其他地方要用的话直接uni.getStorageSync('team').partnerId去使用
+						e.teamId = e.isTeam == 1 ? +e.partnerClassificationId : n.id
+						e.partnerClassificationName = n.partnerClassificationName
+						delete e.partnerClassificationList
+					})
+					if (data.length) {
+						/**
+						 * @description 如果是第一次进，则默认选中第一个团队，并把该团队的信息存入缓存
+						 * 或者团队列表里没有该id，则说明超管已经被转让，也需要重新选中团队
+						 */
+						if (!uni.getStorageSync('team') || !data.find(e => e.teamId == this.teamId)) {
+							this.teamId = data[0].teamId
+							uni.setStorageSync('team', data[0])
+						}
+					} else {
+						// 如果没有团队，则退出登录
+						uni.hideLoading()
+						uni.clearStorageSync()
+						uni.navigateTo({
+							url: '../login/login'
+						})
+					}
+					
+					this.list = data
+					this.getAuth()
+				}).catch(e => {
+					uni.hideLoading()
+				})
+			},
+			// 学习速递
+			getStudy() {
+				partnerOperatingList({
+					topSort: 'desc',
+					pageNum: 1,
+					pageSize: 5,
+					querySource: 4,
+					typeId: 1,
+				}).then(({ page }) => {
+					this.studies = page
+				}).catch(e => {})
+			},
+			// 跳转学习
+			toStudy() {
+				uni.switchTab({
+					url: '/team/study/study'
+				})
+			},
+			// 跳转学习详情
+			toDetail(item) {
+				this.$util.to(`/team/article/article?id=` + item.id)
+			},
+			// 获取销售进展
+			getSell() {
+				salesProgress({
+					businessManagerId: uni.getStorageSync('team').partnerId,
+					teamId: this.teamId,
+				}).then(res => {
+					this.sell = res
+				}).catch(e => {})
+			},
+			// 处理年度经营分析数值 除以10000 + w
+			handleNum(num) {
+				// return num ? parseInt(num / 10000) + 'w' : 0
+				return num
+			},
+			// 获取年度经营分析
+			getAnalysis() {
+				annualOperatingAnalysis({
+					businessManagerId: uni.getStorageSync('team').partnerId,
+					teamId: this.teamId,
+				}).then(({ data }) => {
+					if (data) this.analysis = data
+				}).catch(e => {})
+			},
+			// 团队选择回调
+			teamChange() {
+				const { teamId } = this
+				const e = this.list.find(e => e.teamId == teamId)
+				uni.setStorageSync('team', e)
+				this.getAuth()
+			},
+			// 提示暂未开放
+			toPanel(i) {
+				this.$util.errMsg('功能暂未开放！')
+			}
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+.page {
+	position: relative;
+	min-height: 100%;
+	padding: 30rpx 22rpx;
+	box-sizing: border-box;
+}
+.bg {
+	z-index: -1;
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+}
+.team {
+	width: 300rpx;
+	margin-bottom: 30rpx;
+}
+.banner {
+	position: relative;
+	.img {
+		width: 100%;
+	}
+	.info {
+		position: absolute;
+		top: 80rpx;
+		left: 46rpx;
+	}
+	.title {
+		margin-bottom: 15rpx;
+		font-size: 36rpx;
+		font-weight: 600;
+		color: #001D67;
+	}
+	.text {
+		font-size: 20rpx;
+		font-family: PingFangSC-Regular, PingFang SC;
+		color: #001D67;
+	}
+}
+.entry {
+	display: flex;
+	justify-content: space-around;
+	align-items: center;
+	margin: 10rpx 0 30rpx;
+	text-align: center;
+	.icon {
+		width: 78rpx;
+	}
+	.text {
+		font-size: 28rpx;
+		color: #333;
+	}
+}
+.panel {
+	margin: 20rpx 10rpx;
+	background-color: #fff;
+	border-radius: 20rpx;
+	overflow: hidden;
+	&.study-panel {
+		background-color: transparent;
+	}
+	.title {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding: 17rpx 20rpx;
+		background: linear-gradient(90deg, #E5EFFF 0%, #FFFFFF 100%);
+	}
+	.y-title {
+		background: linear-gradient(90deg, #FFF5E5 0%, #FFFFFF 100%);
+	}
+	.left {
+		display: flex;
+		align-items: center;
+		font-size: 30rpx;
+		color: #333;
+	}
+	.right {
+		display: flex;
+		align-items: center;
+		font-size: 28rpx;
+		color: #333;
+		text {
+			margin: 0 15rpx 0 8rpx;
+		}
+	}
+	.icon {
+		width: 36rpx;
+		margin-right: 10rpx;
+	}
+	.date {
+		width: 26rpx;
+	}
+	.arrow {
+		width: 16rpx;
+	}
+	.data {
+		padding: 33rpx 36rpx;
+	}
+	.line {
+		display: flex;
+	}
+	.first {
+		.item:first-child {
+			width: 65%;
+		}
+		.name {
+			margin-bottom: 14rpx;
+			font-size: 24rpx;
+			color: #999;
+		}
+		.val {
+			font-size: 30rpx;
+			color: #333;
+		}
+		.line:first-child {
+			margin-bottom: 32rpx;
+		}
+	}
+	.second {
+		padding: 38rpx 10rpx;
+		.item {
+			position: relative;
+			text-align: center;
+			&:after {
+				content: '';
+				position: absolute;
+				bottom: 14rpx;
+				right: -35rpx;
+				width: 22rpx;
+				height: 2px;
+				background-color: #ccc;
+			}
+			&.item1 {
+				margin-right: 53rpx;
+			}
+			&.item2 {
+				margin-right: 54rpx;
+			}
+			&.equal {
+				margin-right: 50rpx;
+				&:after {
+					bottom: 6rpx;
+					right: -39rpx;
+					height: 2px;
+					padding-bottom: 5px;
+					border-bottom: 2px solid #ccc;
+					background-clip:content-box;
+					box-sizing: content-box;
+				}
+			}
+			&:last-child:after {
+				display: none;
+			}
+		}
+		.val {
+			margin-bottom: 10rpx;
+			font-size: 30rpx;
+			color: #333;
+		}
+		.name {
+			font-size: 24rpx;
+			color: #999;
+		}
+	}
+	.study {
+		width: 100%;
+		margin-top: 15rpx;
+		overflow: auto;
+		.item {
+			display: inline-block;
+			width: 280rpx;
+			margin-right: 20rpx;
+			background-color: #fff;
+			border-radius: 8px;
+			overflow: hidden;
+		}
+		.pic {
+			width: 100%;
+			height: 130rpx;
+		}
+		.text {
+			padding: 15rpx;
+			font-size: 28rpx;
+			color: #333;
+			text-align: center;
+			white-space: nowrap;
+			overflow: hidden;
+			text-overflow: ellipsis;
+		}
+	}
+	.scroll {
+		width: 100%;
+		white-space: nowrap;
+	}
+}
+.oh {
+	overflow: hidden;
+}
+</style>
diff --git a/static/image/index/1.png b/static/image/index/1.png
new file mode 100644
index 0000000000000000000000000000000000000000..d5f41b8a7d1902ad8ded8028f5de5210cfc7f905
GIT binary patch
literal 1511
zcmV<D1sM8?P)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00001b5ch_0Itp)
z=>Px)p-DtRRCr$Pn|+8>RTRK~=k2T(2)RY1U{EQ65QHp+R@CIYx9h5HAE*eq7DQ<!
zm05(Ov$L}zDr!+k5q%pOEm)zjx$~ydKDH?PK>DPDGRTNT%gt2wow)9fIJ@u7yjjQf
z?e5$^-#z!fdw%zvd+#~-Jz<0w8R7a<0Z_4k5l*1u0wdf2DvMyS3nX<e@cJ;Zka?t~
z%}<vKfWR59SU|-EDr-Px5v=S2f!p98SWJr47U}ULa6!PB%DxTmBQ4`21t6)v1LG<H
z{0T(B0-ALKE%I9^t0_e`*I}eBAgODBMJO|9l}`#nNb1AD3Y3|&%7>wV8KKAmNa}iE
zS+630W6?lLKJry8sdodL;CPUB2#Z;yWLGE%kpz&`$ASCv6j1&FX3;9|=RHs9LOfmo
ztP{_bE`%FM%ezG(L<@il%{+m!Bw*l&P-fFAJCE0=bPgU{fS8Z`zd$2t$rf>)2<-wZ
zbuq$IMP{uFi$;{QP~HGW6_7WwlSs+F0>N8^0Hkyj-LxSz7J*=9*ZBL{1>_XCm$VcH
z8Z8$9?$T<;^BT%6Mg6ysfU=BM*;urX$N}i_?HC@f0w%I7y(o{;Dyu^^j3j^@gl;w?
z%nzkVPDofqi>wUYCb9sG26MHF$-D&I8d9MRq~)QIvOQvv2GC;(79P(7w-r%r6KM(B
zK7*S^9zYI4H`@?q`f4I<r^W0XVpjgr%8&qHRBF}@C=Uhz*hq`yj?F_DK(kIoxzJYw
zWg)`sfV%AnF9*QcON)FQNF}K+0+#?60~7kl4RSb~RCA#+u&pn6-rGpayijJbTF>V&
z4#G{qjlhC(UyKya2$dgzN6&%C1Xrb%l#W9gMT`9E*KnXWLxTxmKUK`9Su&+*9!@&y
z0QOQ%JuBtgzUnxRbGxdV@HwwomNllMqoXUF`aOY&e<^%5cKR(q`I9QHAtgWf4RE*v
zIEF<$mpN)^Xc*nz-hQMPgjH8p*W`KLBfw-II32(<uIp|E%y~j;Yinb>ckeznm}|gN
zU|N7}T@G9tP-kZQD_{p{dCthx*49?n)YN<im@RONh^$rBD~p-9h;(?Kx8Aa>RjQhC
zU3bOc0Vp)O5)VR&L}Ix}$cQlby+>7bN;aGQrmx89Sp&)hVEXjw6Gdc?h!jeg6f=fg
z{Rgh=Ufb&yC)z|BfNk45fVv_Y9u(=xGOOxUz&SzkB64RYlX>>!`p5!^$K#V?vDnvz
za)qke4m4%6*}sfZiA3T&V6%uc1VDJpbzO5h92yqjI8LML@niL9AB7I8>cpJ#xq1UZ
zM1JzIgr%<Q_B%;N)&g=0*|xn6`Ug)U(w@m=e8XznwvA=X$eU@Arc5UD%9&pTS8CyC
zuvPM+LEE;?wfDq+11}MPs;<jsv*zrOR|ek#!mio9a<*-E0#nQ20{6MD`{a-VkVqt+
z7Li4M-24_n%d$4Bs^21*wJd8%M@PqZXLb<`X#w^1_2+t?w?S1G=G_<eZy$OaRMlPC
zZ1%cS2cR55cqgPTrHNTAASL_b@%WfnEM`t_{+XrHdNpT+V<J-Py6&D+2T<b6OA@!Z
zgOr%;F}7`+Y|fh{wGS3v<GSwha;*Vn8k27~J4s7CSK~O&R#m-u059}_UwU(dKX-L?
zUDnyzd3Y!QFkc8<PfFf1gN?`I6RN7Jj4K#lH{S^~g@Ew|a8FH5&8G(r99XQX-@C5s
z`n4PAHW*?IrzG+@7Sl+{QPYd#I9H3vmnPHWIL=H}T?I@Dc*C5NasfpL5mf*tS5@$i
zz_#rNfXDi3I9MsMqGZb;V6r*ONy}QlzD|Ei%zUb*fmxk0=ohk!|9G2qV!kWNEAe>z
zqU!4EEBZbkJ9g~WwzjtJkiA!anW_9W7S>dTt6aqbhU?6R)oa9C!2cA7+g~7K)8qgE
N002ovPDHLkV1iTd#j5}S

literal 0
HcmV?d00001

diff --git a/static/image/index/2.png b/static/image/index/2.png
new file mode 100644
index 0000000000000000000000000000000000000000..07de5650527ca43024f0e930e30e9b6e0ea1a70f
GIT binary patch
literal 2192
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
SMz3Q40000<MNUMnLSTX$-XjnI

literal 0
HcmV?d00001

diff --git a/static/image/index/3.png b/static/image/index/3.png
new file mode 100644
index 0000000000000000000000000000000000000000..78701ea1e3428468ec4abe6301b69b34e1802793
GIT binary patch
literal 2600
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
KMNUMnLSTX(vd{1U

literal 0
HcmV?d00001

diff --git a/static/image/index/4.png b/static/image/index/4.png
new file mode 100644
index 0000000000000000000000000000000000000000..b0724d03742770f83f68135549361e98d96d790d
GIT binary patch
literal 2354
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
Y0~Sf)UlXB%Z2$lO07*qoM6N<$f~UP<lK=n!

literal 0
HcmV?d00001

diff --git a/static/image/index/5.png b/static/image/index/5.png
new file mode 100644
index 0000000000000000000000000000000000000000..fc37368463e9727c76050cfbd1bd78ae3475a43b
GIT binary patch
literal 1124
zcmV-q1e^PbP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00001b5ch_0Itp)
z=>Px(9!W$&RCr$PnqO#Jbri=x=Vt5ZT$A8rI!ONvi)^%O`=B6u6CcE988|1RC=O*H
zDAVf7npC!_h?^h^qN3LM2LxZlXCD+nMAlM~jnS=J-R3seCZ?<@Nsc7x>e{C5y}#Vt
z1oF${%{k|L&gY(c@A>`i6&m~}4PHMMfbD<=Ctxpu25$g+6RiCu(Al|xGiNfj>cpA>
zh<5aKkku0^`EC(s|MdBh;aWhb34lo3&fTbd2t;odt;%pJlY5@4f24y15iEdMtU1Ew
z<A^@HLXoF&*pr+X{XHlMfdSam+SBd8*8*Lu6{nCv=ue#=Jst#vKmbJAdiSAv3}|*+
zlnUQ#cJ`@%FP^^U*2l!IssN%LeNoNlKSFuLBst(OQRngL$&)`C`mgC$H2^K`-MgH;
za{}mCGmF))iJXcYO<fp?1G$P~m2s{H04LJg(~pusSm#&50zWyq{A1TIj$QC8W+9HR
z05-Po*t$Nqei-3FKa;#A)^$;NW_ohuJHO)l1|S^U`7p?*B5d(1xfS9l@If+^dWm!A
zW-Hb50YFz%q&0K|c+u~UTBEqpoRfbvJu&uYB@ikC5RP?qiiExb?yV$=3Vdg9cp*74
z`mt#YV*ue;-(Hd2`ygRcaUcD@ank91Q&ZzfuQ9y?xU=WBaFe_z=#yT>s%$^5Dtl6s
zBfoml@eCl^*87F3?)4%PpzV$9y8O18vtxg|)$|M?(%N$nc+Rarz;>6Cv$+SntSCJL
z2)LlC%UJ+bM_lIum36>7+RU~8cXf)j&XMA6nORhKT<=107LGNM<De|QQN64!G}E%k
zFU1tc<i^6WxE5k;VeXa@eiL)NCjXdnHV05hcmrn<HZKuRljR<c$fe@(K|PAnUnao>
zLsD4b6>Qp23KQMNC3aVEXeTbEk#|r(LwRCZEQhCw%O@rf%mEDOHXO#wiVF9Ukl%{`
z9nx>1%zl9IB?&1#PUE_ZJU^F><*=2wT%HH;3(Eb=?1Z;S$SW3r0Rh_q2GB|__7br7
z0DBX(PXYTFv~z$RgzO|(j({D78+|PRCxM$EI&25-Sk@@YRfJRX#|t~lJu6J5g-y=6
z;(tmnvSi6zI9_*)A>;Yl*zqt!GGO9eoyCwzCYAZb8Ipua2y*~~8bk5*O|3}*^F9L%
z$zc<Ja{#4{jQuEgn+W^nqh!eP?!pd~$H0{V@F-S~<`zIbo|PbT^40-|^dXcTK_=)~
zOUTf|=NwqFHNQe2_W<I0J2|c(gghq|yhA@j@}?VE_W)Mg19YPlq>YEk&;oFMVoGms
zCS2Rs(olGVguLn|1@|4WTSIK;2W0hcecgyw*(OtbefGMPf77%?+&zFQXI-oC7C^1Y
q*Nd+0fO<I-waUYGK&{Bvi|&6dD&|mK=C|(v0000<MNUMnLSTZ>4j6#|

literal 0
HcmV?d00001

diff --git a/static/image/index/6.png b/static/image/index/6.png
new file mode 100644
index 0000000000000000000000000000000000000000..5df46559b22915b9469086dda227359a5f8e8f7b
GIT binary patch
literal 783
zcmV+q1MvKbP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00001b5ch_0Itp)
z=>Px%$w@>(RCr$PnmuS!Q5462Cs8Y6O{)%qZN_vcZLNa}f`d~PR1`C~3JwY`u4)^T
zE-rR2?uwvb2gN~9aI`9K5Ty9U3qo~D(BfBf<Y8MH+J@xy=Dj}d&6<19J?Hn%`QJ~$
z@}F29KMsJ)0Luxu60kf0oCr29fiXRfatkGgBns9~glE77Zb-RNmah$<pnItC9@v)P
zGI>H#M#2HOrYA}9Fu}ot@{5ve4F_OU^T54joo7(|1OORE=w9-(C=JVe?LSunxI$4T
zHavhaeTs6_0azs9GQgEUG#Ze}4s@e(2{-}dfG#kwc2MS3m<3(}cdEV@2y<;sEs8?}
zGTFhiD3h>EecPv&)1=5(K6@Wm9U^J~UA;r+6}@fbYc~l^m9LWK(5euk1h73j)Sps)
zC9tJQ-%U1~uK3=873B~mfK2b;ec+7As9Le5aIWfmckB8@1z>kyU+3?+j&A}TtvGG6
zt-@5*_fEwEpfkJga7t@0Oa|1dErl;t-`g7tfUcgQ(<=I)Ri}-%SLQ2aZ&NG)GTDJV
zD$6%ZMq_K%SjG417dlaCfCJz%!15B<AR_p;Qua2-B7)XWgVryEg0!=GDI5T>elrw6
zuzEYZsJ>Poh%7?b(bK<EBz@7!Be7=J?UA&LYA+B;FkuF90Nl+`+pfmmqI?RIl@a$j
zh_GvE%+Ob3)?bfX|3D(hA*-Lrw7YOe^$+m>KvS8bB=yJJ?H+%@etho)9RQaBt^}M0
zY<Lm8shxc1GSZgo@9RKnVHS9YP=Cv7Vir*5m}P=V3CeBNU*lPzpd-|HY{Hk=Y@`^b
zAaB9}7}aCIqu87`F|e|qlDrNF;Hn-W&2tle#Ac&Lj&Yd@2O#KG&>ZveJ%U&lxHLZ~
z$cIKY;#&!>D>8GP9RPDIlWECiKr+9ZIj>y?m}8ktOD+SF`Q6NU{SWJ{=1@7(3`+n2
N002ovPDHLkV1m*;U)KNt

literal 0
HcmV?d00001

diff --git a/static/image/index/7.png b/static/image/index/7.png
new file mode 100644
index 0000000000000000000000000000000000000000..5cbf6f4aca6aa80bba7517f341766f9cf079e944
GIT binary patch
literal 1974
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
IM6N<$f(MY6=Kufz

literal 0
HcmV?d00001

diff --git a/static/image/index/8.png b/static/image/index/8.png
new file mode 100644
index 0000000000000000000000000000000000000000..f310d4a33a787fdfd59f1534814ed1a383c3e327
GIT binary patch
literal 1187
zcmV;U1YG-xP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00001b5ch_0Itp)
z=>Px(T}ebiRCr$Pn@@<`R2;{@znQMk!%oKaWOp(akyThHyJ8DHSQP&t-qcd5pkCA#
zuceowcBiYYf{0f|@t_B7)#^#12!i&|3RRP-)NT=0-|Y5M+av=^WjFbiq@7NZ`IDL1
z%uIGBInH}8zu))szQ323WI`D6gGO9G5&($<Mw~!W0<HmyJO#!(U_1^WGvuZ)LHH4b
zgDBDhx#De{25|e33lGY>iWGJb=J*>ho*gmqH{=pd5Du|10=929zor9#M{@RWicSE;
z%mF{Z!ajF$()b9#Qvr9bx4q8n@p6ELJdTiXvwWRpr17sW<Mp;TsP%XOAjmjO<)#4E
z+r9w+d=FqB)<6wQfUv&y*aH~A<tSbykO1gEfy4nZ+XwXB0*M3a9FW2tDAJX_Penfh
z7I^|T{_}>acfdRi_fw+4&0hkbt^^VXBqfln0sUBz2Nok)1pSWyV{{dGa4b7%P3xRq
z!1CFZo;f6r4#;ku&DxfIihyYbUn1~ML!A4&ClKNYK$4aB034_aCeYiuP~Y5e0LHf#
z?yD@8{^}(0iAg1ArLX{C^R01=SB<jvNu%?OZ&B{8ENd4!iQ((pD+gp`<#}R!#^9r7
zxir^qf>K`j7>rju{e_V>r?9wqEqIPhPMIU%4JN#33hm2wWAq$ARXhlroM6m6-wp)F
zF{w2wRmVAF3G}iq)K43VCluY^8Eaibh}r=`@zn%v8~2A<Rmv-0gR!eBmVxu8&<X%7
zF965(sT9t6L3IrwN&wm1%rgu=9!v~GFBn2S*2<z8d3HO&KI2aM&4ZYB>1Fjqqj4Eo
z*+Y!agRzKGyLIu$cWswLlmH}Iah~B%`tPrKzb;B2ge4^96z3iNW1fCz45964H7+a9
z>}T-%fj(tJXmVJ*TkR18aNgqN`~c{HF4SO>zWk*8>=R)7q;H%}kLpY6Ph9|5GKA*K
zp(Ttc0c7Rbr<v`q8r0@XrqI4<k_bt%@+*LCwRS#fh|-g-OQuN)fS%LK>bC=NfD^P?
zZ8lp3rF>yGn2viAwqaqrv8?^pOhk)CuodXWr;E}7)d)cd3_4^A^{x609@!+xSN;Sr
zRcoVThEVr}&7ivn@LvWy7w-h=1pu!Tm}tJSctFY(_JYWH?d={6tb$jk&GPw+VF271
zwT)1B;(H0eIrsSF%v5Dbb+)zjM=rNnq6tT+_p0%sA+*=p5nt^S+pTbz2q|CK3$D#R
zfR)wM*gY%%oV^q_Hq!Q9l|WdM*}PI@M(rMf`CX%2Iv6%C^7erNxbuO#IBoq5LLQ9Y
z$FBYV@a4-FDv=8eJK>-J+{kPCw(%{gyDQ5jXD#sU_rvmztbMQmB9qbmi4p*@eJI-f
zq;@niaX^>@2s?3@PIW|eqja9*hrsy7n{M)F>E!S7&Ic0~PJ>45g9*k}q@52YoMWUv
znb{}{Sda1??*9U`0WAU02Be|xk~m<fr?(Ap*8zNLU@L<~D~kXC002ovPDHLkV1h|}
BGMNAX

literal 0
HcmV?d00001

diff --git a/static/image/index/9.png b/static/image/index/9.png
new file mode 100644
index 0000000000000000000000000000000000000000..fce7dd0c5ff162cde7853d4612e382ecb98221dd
GIT binary patch
literal 1166
zcmV;91abR`P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800001b5ch_0Itp)
z=>Px(NJ&INR9HvtmS0TURTRg+=l)>b945F4M#Hk~VH(|ZF(Iz>S7@QXj;t@vrzON>
zlb0FA`7kvMG2oCt2`|f39yD$-TTIrN_`nM*g<pSN+hH{L0uLJhWN6|vGuaR}M%#PL
zEiLJqj{c|;UObP#d+zsq?z!i8&mnBG(I&@7*#IGHYOi3~FTuMt!fBsJpDgDv>jsEM
zzkPg}mwNziXGUdS&=80^{T|nM>jAM1@Rey+Zzsn)0KZAVLjY1l^qFKiN5I<vRf9+}
zb5N^9w@=r9vI9~Qz%<RRDdFe<qZ8nr0GI@Q3DUZa#)ChoAY)^R9oklO61anbZ2*!)
z^a&iI&u}{bSPSHV0Ks5Td*rdYV_@zDuuF*$pzgWT@ao?b6E)4Ly0nnJ%zO+$1%L$*
z&L$n&aKP!DFSe&BK-f$iVS#=yKa<@w&4km3JbK7ZTF0$xPZM)LgO99m^GyH)$vg8S
zfk5D1zQ%n36IQ%QGKK&&WSxE_f%klkuFFKkc7o^ojGHkh1Py`V$$r01Bzk;J&Wl7O
zvsneg(W&QHrUwB8RvhUDf%~ef9G}+L*C*E-xX^zhcI_~y<RAkFvTHLEqN~;0Fq+B0
zxRq!F;{$;AWF4k7A>L|fYKZ^a;A;OB%i1HjQt7v?=<y<mhLVf7hgYv47@Xa*qxROT
zOn4WJT9tAJk7^oswYc50<$y$^(=|(cx0@Iz05}+s1PA~Z{9e6%^$POEO>?#?C2pMp
z;}n300i+4I$eQf&H#W}M0V$@zM3)5NXO{f_ngF=~ivFIw`)6LjB@!6Ha>amQ9Q>;o
zNH7@Ova@#A2}!bBWijU?8PB#h>oen#_$vU;+XBecMkJo8d;%^>plv06bXyP&r<Uf=
zwzjq|W^R<3CZbbq%;`RWa&;5~;8yE?uf9@i<pL;yvB|3kgwO^Fd^lT3Hz2e#fSe<V
z{`?9T5M4fR!)WdR{|P`YouSF7hlHly3TOT`5O5s@|M-Rgtb#-mFA=yOKn;W#NG?1&
z5(w<Q@0Ht700pA@MNQ4VZOzU57K#<+h69xPCI1H~%)o>dZ;^~JfqM<F`%KZ7Fh8w@
z0;N)3xL$03C>DFduj{|(y6c(~(Rd`D0-zZlmzHavb|IKqgsntcJ>`C{u7;DMwkAM0
zlK7Rub);21l^eh80)(%A{UoPT-xKIJ!|TdSRK=_WK>Pv&#|7}A&#Rxb8(jHKMC0eA
z#2ZZX`5}+%cv%2f%=msmm<EwXz)8d7`q&Oc*h;+4z&Qe^g;x1|i~EHKw)2uxaX1ox
z4MZQQh69ELLFWafW+){xjVNbaA-7Ae*bm9=Ab2uG#@u0e^^vupO9H6PVJmi&nbhgk
zSZ>E|5{VAO({Q<zvn>E6Vwz@E5|u9#!A~T1Gjmme_#J?LAwp<TlV7~(cK=-}xLUUj
gU`MPRpG^n&2Yf30SwY^$Gynhq07*qoM6N<$f;aIT8UO$Q

literal 0
HcmV?d00001

diff --git a/static/image/product.png b/static/image/product.png
new file mode 100644
index 0000000000000000000000000000000000000000..fa12eb2c3d6f6ac921e8602de2b83833c580368f
GIT binary patch
literal 6814
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
M07*qoM6N<$g6L)*Y5)KL

literal 0
HcmV?d00001

diff --git a/static/image/product/1.png b/static/image/product/1.png
new file mode 100644
index 0000000000000000000000000000000000000000..e56715d68e0f7cc104802a1d08eb8e5a08fff9f0
GIT binary patch
literal 1069
zcmV+|1k(G7P)<h;3K|Lk000e1NJLTq001Na001Ni1^@s6;Q*MJ00001b5ch_0Itp)
z=>Px&=Sf6CR9HvN*lUPXWgN%x@9*qQ2+8idn^FXU7!*=OVD27Q3U?t4DGY+W%vo41
zDG};TNSj1d&;?`jvU5p6Uj!x?5frs^cB4X5>P12LD#=}4!OAR?-97&}rx|hA*_ksJ
z!+AH)dFFXO^Lw7>f6k1!#$LL{Jk$*2rmWY*W58*Q35kiBfC<64Q^!R17bY20P%40$
zfZVigGGjXw{esiLBw_*>578!0Oa<)treA0C(5gXsjKP#6o&|n4qXp4|(IU}eMk~+)
z+%y+0u{E2}t2F^#j*-I?exE)rwj}p_XpM_5(A+o^Av+CT7NoMC`l|-T#oWKk8p6qr
z4ruCftedh242}Sw`kuO~0>#0sO4)q@ybZKRlL_B3wv2fCA$;4h$8MjQ=2wjG{eCU4
z7!(JyGHuHo<6B@M@CRVPBH+(JJT#WjPwt@A2TQmpIOBV2t_Tzd6As*-wgVXJ42Eu7
z$n#;_>2tg*u?aZnds-LuOW7%dTb#RS%C1s)3gg$IxR~5TlfaEl4P5_OxBd#-9^Gr#
zU7U*2I_rD7HP`PLu)MCG#b5U5WNc75nA}7s5Q`;Rvwb=hwz(N=wt#Wqr0;1-)GukD
zAi8jP(C<^Y!AmDp2-7xf9VX6?_3Ln<W8R*&_c1mKzL*iug?;Lb?FOq2c8+@57`C;g
zEGh5|){c5QR1#DOvm#}!^|0B2)QG2_3xVAIcC%gJYvAr#*TwMwR*WTdCYR(kV5`K2
zY(l$=f(j;+u`UJdJU`9SqXYW8SP^`9pWWd6!;3N=3HzD&JXpY+Up=kg@}Fx@+B1kD
z!7Eu$gY$xlVVpWTM|$;RF-+WRZpI$BfP;wLenJBULH`#f+URNPG2;W^knd^j6(Bcd
z;RYKHZ<P6aQ(JDCYMD&#)UC;-(}WoC`!qZYv~rK#s~L_&H5Hx=cfFf2*8=ulO^g{Y
zjCy)2zs#2&KiX2ZL$Cp{#ZTy++$lI7i1lL$g$1l8FE?YCl9`K{m5`gZ_spWw{*v$M
zwH)ZMQ^y-4y*f|}O)1Q5P{x*;aSWr;9J)vQw7(;1cbLPSBMJG{g50F7F-0e;sZcUk
zELm>XuQy{~R5x;{Y9Z0MF);;?eOt=91?gI$%E8QA7;A+p7c(y?yihHw5=>E0HK<B4
zB|(*-s=>qpm4m7l6B`r<RSQg6pt&ePPu5dZv)WVE34Bzl=*6jNW&f1UpFaEV@pqfV
zIWu0DXed^J<6z28C_kv1w5LpDfCag>X@kw9o`&L1JYT=E6Uq;?I&I6QE&6kzL9jdP
n>APw%6(>}SiEEzF)k6IXSW#p{4)n)<00000NkvXXu0mjf4W{^n

literal 0
HcmV?d00001

diff --git a/static/image/product/2.png b/static/image/product/2.png
new file mode 100644
index 0000000000000000000000000000000000000000..ae8fd6dea7581f5037542dc3cbe9402329b33ae6
GIT binary patch
literal 988
zcmV<210(#2P)<h;3K|Lk000e1NJLTq001Na001Ni1^@s6;Q*MJ00001b5ch_0Itp)
z=>Px&mPtfGR9Hvtm`!L@R}{y8=gmjZDr!-?uto|Bf-VXv_!Tpg;<oKVP^h5zrggA|
zHm%W7jIC`gHSK8Ag374#M4<%*7us!UW?~XsXrK!Pp@JCgqAF@gR5Bm$l=nJgC&?r;
zlZj;(-qm~D^X~cGb3e}iJfX&#)EEy{12tK?P?WEoiK(!w%amKyOmfmd4KbZQ!$U-c
zR)Og*5IhzoI+UfoFD#EI12zdDm0+B=6%GO~0~z3W&iOXL3)~jioe1$Gh*knt5m2M0
zD?BzG2rF|=eik1eB{s_y=RJ5vmus4Dfpu=b@@v+hrQ4L>%7rQmXw@-Y;P>;D!X^O&
zxNZxrmrS`(%+Xp)-!haauvozs_#u^I&*km%S1GUwfmR*XX?3&Np~`OH1z-U9^4?6o
zyShPA6AixXociYu@*%Jnm<2o%;o$H?4qg6Oo{abHxIj&D-5|K9XAzJEthA4|-pz8S
z)GQ18SD(@OzBC5_6Yu~x6?S!n<Xo|F#sD>+&<5L}18B^hoTOpUlGrMLR01;EHh4;3
zwQV{C0=d3!!=|P4UFj>d9Rn1w^d?F@aKnI|ogq124an$ko8!9PhHrpZ5c-p*I4kh9
zjRlHpKd>;J;-%j0l`T)X;H!`6e4n4cfm_LtIFm08lpW^9?)T(Dp>Z&#OPPi@f6Pk(
zIM)DA$RxsYt<bjdsLt`!aldMyfTf+NySI)@hEEe=xmOG-7}L4x<uhO#LU+=X<|zjX
z?pLqYvrjdbDuf53d_I`rNMBgej>CqS`eu50UxiOl=D4Xuh)O?SB=(DQqq}X&BIFFV
zCZ_dXFYUlaKoG8}u*2yS<q*o!f72RgGZ`X1VR824h&H7_`H|P2)HQ~<*TZY0{QYh#
zEtlSrp7HkBGXZj)sY=jdiw$w-)qqgK<TNsILVb2Xxex>_9d;g*rqq=>c~icJiaC4^
zRB9QXN2n$uR7r9ToYFVkQ?^xpDh2QKSC(9BO@7pzK+A``$<mFYZqE8o!lr1eR3qh<
zXQYG`B3-7OEw;QRMZSL)tw1C%@<ljscLv{=Bl71B@qsFBd65sarv`{lO5_*PzkXU5
zWHSY2knpD?L%Kq8vDhq|;`*i|J5ZM7%OH=JJ-=+JvJ4s{8)~Ic90^uKrF0>f`?JAE
z<f($p|7;MVL+StZXT!*N6(~r?Q;6kUmU)}9YWqqCtk$;Xfc^nq+8RTcr!H&&0000<
KMNUMnLSTX(ztIE$

literal 0
HcmV?d00001

diff --git a/static/image/product/3.png b/static/image/product/3.png
new file mode 100644
index 0000000000000000000000000000000000000000..8fd42eaaeb090ed499f8acd2e5854292ff9ae855
GIT binary patch
literal 513
zcmV+c0{;DpP)<h;3K|Lk000e1NJLTq001Na001Ni1^@s6;Q*MJ00001b5ch_0Itp)
z=>Px$yGcYrR9Hvtn5$C5Koo|*6M+K*5|3g)@Bn}YLyPSL;6MV?rkMdr9S?xyqPR%P
z1EBf<hz_=f8bENEw6xQ-Nq5tvH>NR}$@$Ob%fDyOWLF5gT;1V^BVYrV57pQ|tRdtm
z%9Bls^oR<2hH`9^Y^_ng5Hfi3Xvzr!HJ!OPC0WLA{&f3|yCqZ*D6h}JmgNhhWkQ9b
ztThCAtpKaGP~AWuDbx%IFBGNuVFfLtY_{nQPIUumVt4!j`T-fHZ#+PKpvDK(f^yjF
zYzd<PDgo<(QcxD#g$^}5S!%_H4-{3DdA$ajEy0sE$8dn4io*)7d`2#k5d--gRg||-
zAPG#_NF0jSJw`BPGoW}5nAHDa%H9#KP`*tc8?mb9P;$U>XnX*NvUqYg5KJrSRI@m=
z{*i)1#Rd{C5e{)>Fo#_A9V($5q~%Z|bBxKc9WsuXP%r~B894n8P2eg^-iPv<0dCV;
z_7m5sO=X!ZK21fP&dxQSUv)fLh}w0ev$u~2RK}C-aG-QgKkTp^c5&q)9LRq<jPs!=
zG~t}0oOFhJ53KxXx+iGeICbC^hl@^Uq8+j`dT6R&tAW@hdMZLn00000NkvXXu0mjf
Do)Fmf

literal 0
HcmV?d00001

diff --git a/static/image/product/4.png b/static/image/product/4.png
new file mode 100644
index 0000000000000000000000000000000000000000..4471952d586fa48d66c3c6b84d33d26f1d032aa0
GIT binary patch
literal 581
zcmV-L0=oT)P)<h;3K|Lk000e1NJLTq001Na001Ni1^@s6;Q*MJ00001b5ch_0Itp)
z=>Px$|4BqaR9Hvtm(NQSVHn3h&*TpxkW%c{AwgIPyaWkB;XmLdLZU->>*h(sU}yK;
z+0Bd4RlEcpJc!z%L!N_zAUqj_q@YsiHN=bU&Lh6N?xqO6v(3O9W-jy0JI^!oneY3Z
zd7lwdwn@r(NI6hJHKJn61Tt=GjNT*UQ?uS<5F<Mny-&!8#`rveOxn1hAAu2In?Q1B
zb>|iOA0S^x5IzGxfnBORW>)qo>M+W@y`i#7Szg(=s0%0)z#f4N#t&rlIw23}WD8%u
zIVoMxU%*i^Ku!b~lJfcps8W%4@hdc?*SJcKkON-I>9n=ACE=kt0-1KA$?FghQjyL0
z6>6E<9Vk%`r4DFDZ_vdk9^WzY)oIESRmh3pLQ+A;5Ned<ef%COY7fd?LiVW0b~}8h
zHA%c>Yrv8P3gnI5=k+!o4{cm!o!Q2e`Z|u<@6g-$6>6EfB~A$s5yj|JLKYh*rU_)u
z#{cw?(PxpQuCYs5>I>%!?WdcubM;1E+hd~xz^ILDe4#8GjqxW|Gb1aPD-?+)ndFrB
zLwRks0Zz}~!68Ntnz=@MsnX|EdzN&I9iGdd_)T3mX#n_<fI7+HC$W}gK$p)$tEbKs
z$`q=5p#A@{%tM)nQt2UI??hUMJbqJ>AAc>bH>uGd=^9t;Pr-5454ozAx(4k8mEA8i
Trxd?i00000NkvXXu0mjf=yVB*

literal 0
HcmV?d00001

diff --git a/static/image/product/5.png b/static/image/product/5.png
new file mode 100644
index 0000000000000000000000000000000000000000..57dc0b2267644db06831dd08c04b036a865c51ed
GIT binary patch
literal 1311
zcmV+)1>pLLP)<h;3K|Lk000e1NJLTq001Na001Ni1^@s6;Q*MJ00001b5ch_0Itp)
z=>Px(*-1n}R9Hvtm~DtuWfaGM=gzvmY`URF76`h!wOf`!F9fMb_F`d@P<=^)kW8a2
z^JNWZ?>_hLuBKQjiJ68N)&~g+Gqo2YA+V@ON<y<TEVHE*ZA(^NckYSj?##~K**mi{
z`#~f+-|n2Z|NWomoafvTE-{fy3=jViK=nEq;Ui#BFNT#AFqcNz+8_4&$B?T}0GsnB
z6xQL%!ix!LKCrO>pbdEP%*6q;SSzSt56YAR34bBQWSZsoQbFY}nX63*L+PN2mC}k)
z2Y8Br<-n*S5}iTVfY6AMc8p#|z+#|^7Ur;7F2u!%2V`_Q0ejO9Z3w$iZUQD00VLPt
zIKn=ZX~0#X(qRck))WWGXgLAj0oN8t-VVGC>_$1lKu*$0CCV6-dr)R0j40s$H=We5
zLjK6L>CI5RE=5>XAlMF4EGl?Dmg-OjlSIQ3*;2>Jc6@oPFrWs#8s#uBG&Y1oJw}>}
zE}N&bNU;ML5Hqio1d}kbzo#zBkgIP3kLF4E8otac8cfEpLFb{on#b<|4!2+=$mnwc
z{RvzV<J^KnHPB8uBk14)M*fP}868476|{1ON)nVam=4-7(t)d=0h40lcH%G^BQ5cO
zl3GoIH7GM9&cX|L@*=K232Xvfd})l>xVjIx1BV+3Lh$b)Y{HZIB=vqAcIN=vkHbQY
ze3`#wS(;x$dA{2)poTJz5%3dAISHyTa;97F>b<}R2wU-FPWZd4pQGGNf*MZn8>46i
zDnp&{KAwGP(Z0K^E7$|!8+OTgd>MqRiy&lg5smV4HjoM~U!hFE;Tk;oHPjislYmcv
zu5NPGGI49DbEw0}>bP^2Z!kVW5O#-^<M=WfSAPaZ<1jqJj?sq*!kM%lU!Kb;;~}6L
zhmoY%jxZyw_wdCO4=Bn|JHAxlstwQ(t`@#*34=YX32Hf*209KSwkf(~x!y*CFA#R(
z$*i!1aC@jz>S!#5Ay=0GSxQrkp^Vc697SknB-JdC^SJsrVE3M8d`af8WA~+LI85Yw
z4pEB*J3M`cw&98O?IqEYbxqi1=?PojZ7nRslXYZ(+Gk-S0Y}0iI)o~gNn5wQ(WwM{
z3cQ6cvq|byobWj#itvWz5l>F^M3p;-Yy#V|xpI`#T*n9$r3S%vSPRN{I%%U>jzt{o
z#D|fb;~1-?4OjO7_r=6*!wEa~R7MvC)Sw@u+!aS9!U{aGt4C>Kv}c3#eo=?oaCoLA
z3aDPMM>r6B_t>N8Fc%}Q7mdj1l=K=iB#+O7__8y9$*iV9*P=w*H(L8wI7^b%@=so1
zM$1U?bb4#Zp2euchxjr*H%9L{RHu~;<Okr&0!*9)wxH}~Fozk>DZXJC0~mu~lh_W5
zJByi+9R%D+lh`~Fi64yFcDBa$CjJ%}2MjB^Tv@}j2nPw6h%hkxSy+uHb#bxs?9?hW
z@D2gP!ZGj3*BHGVWhIKet9tJ@xzTMuI=l-!izmlP>R1x2KpD$9?#@^8(!a}+Iu3_j
zKy6;OlvV;}&>X$Vi($8PKsKt;1q7_mn;^4x6oa6sGt^h0zP?;xExu&em%ifl(D#p_
zq|U@4GCy*1F2k2X9|{G?EdhPR)M!=gpADU)DC5VTdvYl$`o~Zy8A`PMA5dR}{R_T@
Vi!}Cu;28h_002ovPDHLkV1fgYT(AHD

literal 0
HcmV?d00001

diff --git a/static/image/product/6.png b/static/image/product/6.png
new file mode 100644
index 0000000000000000000000000000000000000000..e7ac221df22d167293fd885478bb83e346904377
GIT binary patch
literal 427
zcmV;c0aX5pP)<h;3K|Lk000e1NJLTq0015U0015c1^@s6J20-I00001b5ch_0Itp)
z=>Px$Wl2OqR7gwhma#4bQ51&1v)d{Z3cbR1NIU?Y2SB2vSPc!0Y+~=75t)jHMna;}
ztOwBX01~T0p;ssr+TA0=Y%ycw&b7N4l0Dtbocn({|2gMogn~i};_{EcMrRR5QcfxF
z1aj-+o`1zg?@*>w5TQvRGehuC4h*e!&&P1MVvh#4PP;mVFqZV;1enP5<QZ81e5bs!
zC-<(Nxu@Fb0m_z3D087463BLM>r~fAVA2Z=PlQtG4Q#bao7mpGp_Hg%<+L|&eA;LY
zWj`mmMktXh*WKfeg3$<N#~~OIO3elRS_GdkdW5pk^@wmxAe(vR{J^MC=L}fQOz}AZ
zYaluxFtDU$DqJ8eCy)jYtk95FUZ}s-9c8N}U@>{T#7f%-`g^c1rAvOg$5zK_vCs$I
z?-FIMu=3LRkOj}t=6WFD67yKO`E%e=$oxU}uly!f-nv)ZKZsMw^8#_|<xVIJ`~mjT
VbRV(HiOv83002ovPDHLkV1l^7!TA6H

literal 0
HcmV?d00001

diff --git a/static/image/product/excel.png b/static/image/product/excel.png
new file mode 100644
index 0000000000000000000000000000000000000000..613dee511461fd4b1d23d50d5b1214c9c14bf1d3
GIT binary patch
literal 1098
zcmV-Q1hxB#P)<h;3K|Lk000e1NJLTq001Na001Ni1^@s6;Q*MJ00001b5ch_0Itp)
z=>Px(1W80eR9Hvtm|JXAMHt6_XSdt!jir}G3cWy!?QVlUKvG3CJa_>^YEXy|8VLq3
zG);kRBO+dcMxhUC8!Ag%1tN)QB8Z3>4MAfAQAw2ApwV{QZqeF8m$tOsmMwcb=8T{e
z+MaW^3j5$Z&6zXv{eLs_%{O000(juZO?i?`g;E79O4|)AL%=avV#~1wZ?;MT22LWA
zdIKS@my+n0VUe`7annb@s+$V)kN80aXz(U%(?s(hQh?+rSsj7#KakpPsIE|&$-*1C
zYl$_O2+AS0y5HxVzhBL+_@5FpjcxOu!fY@Rl0&@e-bc5;Z_=@<K+5P9*1IXmS|JSm
zJlw%^t+mLgyWZ=$Yq?{(U5wk;eU$p1uT&?Z2}rS`tWx1+<9oZm;KQD;CpBJVy^Hl(
zkBB}$dEGqUR!3OFBs2r1#3WH`FDKcQL?9ewgX<mKzO&;(Wty!x?GEA$u?z=&6gO9K
zJ}{uVI=WBUot6S#%Y70_k~rf#M`=qn0XaBE$cTZe{1R-5*`j@0#|IoAIIRgrH;^)*
zH1lB|nz2|29PByHyWO9S5nG+UlqY80FWQdweNW}@2Q<S(1QaWoaN0JI9Y2$>EVH?-
zj?=?#A!<*^rZT?-qhz3K^gJakI~Wc7|63r%dT#t|s`E=R8DjAGFHrnz6(PdxvN_0z
zvl0x4aJZbb`u@-b6VVD?QCKx&3D0I0iO(<lPT`jWEVnKa-+Q_~XTPUGH_ViPBw+iz
zXIN;-6T-4A3ukZgw(&ySdz#|Zc*L5I{dj|wC|+wX!xEDyeh&pl#1ZccC^=VTWlBIM
z$;eLIM&`z+3-yUYfgZFe0j<j@V&yGM#^@dLoS?Srh#rP9eIo{1n3Tu%Tb~ww;~MG2
zF9*3TDM$Fy%k6vl!P^oMR75})V*<4W<tRRMDeR}Dd56dZYV2hs7|rwtyc9QAG8i1u
z4HXg4D><vVC;4_E=Is20PkX-=^<}Arl+Sro)K3onB2pE-MK{ocX@!(!|0UWu<YG(v
z?lGEMbJnmpdA?}d*?EW~z2E6#(gl=ZPQz()5N|Z&4PInjbLDkMe0oeGb@p;nOw+g&
z4zRwZn%_oyG(%|yy7m^Y=%}Y*plMv8tFr?4#j_$+xi%}9h)^@onpw+uJpDdlr{O{q
z6=&)vo%P17m49C)AA3$vr!f?00-B#Vm$&kYF-Qh_{exnwhC{wdft2K|#^zvloK=K^
zm)iGm%Ii|yI#r-VLmV}B2Q$s7!tjgjyJ_^csv1^06eMKx_T_X$Yba0!+C1km?oC}F
z01kV;VOQ5-O)ytFUA@&>LV+rfF7<z*b5sIF-D5*^J;y}dgO%ck(e$MECzAKH&R0;)
Q6951J07*qoM6N<$f(aD<kpKVy

literal 0
HcmV?d00001

diff --git a/static/image/product/pdf.png b/static/image/product/pdf.png
new file mode 100644
index 0000000000000000000000000000000000000000..51a31e66623834fbc420d98f0059cae962608da5
GIT binary patch
literal 848
zcmV-W1F!svP)<h;3K|Lk000e1NJLTq001Na001Ni1^@s6;Q*MJ00001b5ch_0Itp)
z=>Px&3Q0skR9Hvdm`zBOQ51%sGpU&j3ZfYJ11f50M7a>REn4`u7(#KCZd%AJ)IcP(
zLHr@K7DgbJC~g!H-31YCg%oTdDjMRT;tz-lDwUefjXO6DsuBFgafZ(F!gtSe-*e7;
zKdu0%%E}Csdajgu07UDxD~vr6`H09<>F-|<FO0`Ct|0abA^u7wu!GH(FRG$qL@D(!
zm@ucgMPyVwj~?v?p-jHczo&szD5!I$(*FhIa6mx;jE_TK-=zp`y=39x(A^E&+YlQI
zFJHp^yx&mPfo|SJ+S^f+lLqMXXL$E6h(HMmNJj^1Y6`-_U}Xh{hJpwb8Hv1kgIZsQ
z!$X*vfsv6Q0_oJRUO`L@93R8zD7=3kWT4tw<nCQBgnIoNbU*nS)|*-<E-FIG$_&tx
zCuZXO4F7=A(-D^orF+Qfgdacr!~y?+3JQ?&a-)!*u%Pyk%?2-CAaQX9=->dJJ%i0n
zzf`iWP+lJ5bfUg|@d8Lz7HWAJ+S-f_SPbhxO-)E@DoT&O25D|a>~_@bEOd6l(UB!2
zYe2cVNOd)8brl*LK`F@0gt|H;A_BFr0NMt2cOfDIZrm_#{_Pul|9&p$#eqbir3Fb&
zMs;<;#Dqz3?V9)Im(o(xQ(wP=#{+gdqQB8=8hm2|1_q3?|06CAl%J1ORiT!a;O$$u
za|dqUhKvm4`t`HKrx0Ect&A>ZWF(}enR3?DTmq2Zu(cJ5kN0}d8GxQFU8coF(4cE;
zkev<1#YlSk?<sV<;p7C8lKceHlHb1%4hIq)joRNgl21>=+#Kxe`0k686v)eioE%6<
zFcUaD44*z(R7m^G<HyLYTjr$tgxYVk3IT}odnhXls;eO?>UU#)_yB{00YEWZ`UXl&
z1eXhRqq^PRUQk<G(9i(dl>-#Mf$Hm#>}-^-^}Tzb|DoI4;g>T9i02%IdU}kv=qA+D
z)!PeWV}as0+t;^3g@sU3V*YXTP42_UE}QV;#(3ETf9w~MK%w>65OU8kA@^YAy$(X?
aN$)4<b7o-kXPuA$0000<MNUMnLSTYV8H?rs

literal 0
HcmV?d00001

diff --git a/static/image/product/ppt.png b/static/image/product/ppt.png
new file mode 100644
index 0000000000000000000000000000000000000000..5f7feb76124f4d33450765f731f31053f4ab68af
GIT binary patch
literal 644
zcmV-~0(<?5P)<h;3K|Lk000e1NJLTq001Na001Ni1^@s6;Q*MJ00001b5ch_0Itp)
z=>Px%K1oDDR9Hvtn7eBfK^(`wGkaM!iD(i;uL+3n*u|(AwXhL{1X5T9K`i_af~X*-
z38WHJSXkO5Sa|pVjnCQyEqo-RC`m9jCgzBD-fM4Xeli<RuDIOn#LMjwZoA$6JwEgO
z&HM&_3;?pDJNHP750j)*05+>{)p`g>aL%4{A+I=RXTC56BRD2NtgTuQCG#+fTM|cE
z`p)jVB<W13Fn^OX&SESzw(D25%T#9Z2?a#8piY6I4y3C_V1=BXXS!Gb2~a)-%KU(g
zPeIH-0VQYkenl36ftvci8U<FyL<I5eG2AzUfV&*X-xx^zd<!x6pmcB^0qiZ{tp{L5
zPk>prZztkY$i3(XL`Dl`4CKwk;7(rB2X2hQK6V4vw!^-y`+fx8^i92A&|_aHSx_K9
zbEFwg?@RE;t&pkj$UZz7G7x}<u4`!6d(H<*-|Ggli)EqKtz?C)k$vZ3AH3?nX2yF#
z%b!99+J6Cd=j9ckN2fuF@~3s(6|%dpBeJ6pL=u_UAt0X!Pa)Ra4yR`v%yJ;&)5tyT
z3vW~N?Z;ss83Nzb?nC5W4Xob3{-;yR<Q(L}>oSe81-!Kbyeaz6#+$tlcjBVz-IZ5J
z8?nehW|!c7yan&`?LaWf)p%3O-}8`5?@Dv|munJ~R+sAs$c0Hj=1taM4rJ7+jZjvM
zjTNc`t)}vtF4ua=)}VmSrM{^*u0pz%RqB7>JyfZLx;Qm8Y*4eJ+8f8z+`vlJG|Z76
eRGErKdVc^I;d<ddLFy?00000<MNUMnLSTZQ-YSOx

literal 0
HcmV?d00001

diff --git a/static/image/product/shop.png b/static/image/product/shop.png
new file mode 100644
index 0000000000000000000000000000000000000000..b7948213838d934bd1f3eefb55d90b7469d1c6a6
GIT binary patch
literal 2000
zcmV;>2QT=EP)<h;3K|Lk000e1NJLTq001}u001xu1^@s6MAf--00001b5ch_0Itp)
z=>Px+ib+I4RA@u(T5W7pRT_TYJ1x)_QelNkJ2RHf%$>n)jj6C^as7zdMI?TL!3}JP
zO#qFHe7FP`-DJt)Mg?6(Ruh916^y#8A^4H7eypIfNI@2yf}QETL*-6~Wicoy#nPGk
zn(OV9&diy)_l_-)&7NPAoacGo_nC9=Iqx~=68^^<9q8y7TdJ2l!aBSF@6thALVou@
z&j;TO5E>e;0&okMuLDpAq6#pd1P}v}k>_TF!yggAqMRwJXdf_eZB}PkVk`&*JX_C|
zQEq7XC4ff(G}_2v4}kkA9DXkwOA$ru0#GIp(FxKr*<Z8LMt}i>FyKOc{o^27=vb6_
zHCkJLM?fmgrKl3$%;1~zib=RPSm*hx<6uP)dd+PD(M?6rO$zgyXl=bMZIV<~txRFa
zGG<H%;1>vYCt1Jzr-6(27ai0lk?ZT9%sX;Kz@$k)AOMt?1DXbW{4wy=SGnrUtEshh
zk<mf@d!q-nE1=^!X4Gf0=x;&4`wp9V76t2l=iU{PYifX%D}javpsNcwbqW|Y%KZJ<
zW5DaLi)g<x-pLGu2CBXN@Mv91wSc+y42zOOTs@=5jT`rMQQ2FNdS}bs!U?6c6xg^C
zsHy^%EdzG!FxAG61s-|`Xlw*#&j!Nb>?nH>4o}E2XrQ9%p(bW(?$2Q6TSEcw=0P#o
z&~P<?Z9?tIlg&|Dx)j*5B@=SdMZi1n0PEKSPdp)_Un4ZAX<FII@Ax<om8Mw)ER_A8
zrv}O3;{fgxYR{PiOq~kMnq@wk*{!7o*t*sH19ID6ga!><MA6y+1p9H~MCcq0gSGd}
zy`(hJIl{5FECa8-2CP{FtX-Q+XWpCFpyl%6IGg+g-^}T7iAG06sjLJlDuD6hfklge
zo*v-NJAo4?L<UdfHQ1(Ts|Z*!fIjj{1*YE!(sg^GcJ2hqdh3$5HsG$i#7l*#mdb0e
zJ(ifG>nXvw+snfV%FzghLgqT?_XAB$fbqx7oeLxq&PFgAJ9IVcB%axvWN!oOT|6Jd
zI$}1ESrB9C*t7}QwF_7%sO$>8gR$6=sviCHf1F2k&bV;>T8w&QlbASd8gT5GIa7+-
z(@z7JT?SlvrL$SoKt~nrYX&Nvr|gVTwm%HdAMO{Enw!l<{e~Ng=@+kqX{D$V-_795
zouyj@ni<|D3otCE=91^l1Ln^M7B2?ge?PO|SSDV6*(?Aad@!4vzmiEKBTD=gfCse(
zO~)$V_iwnD=OhUX9SUsN0C>H?x^=+z?dHT{lxTO~ZT`OfcHqk|vki)C(f+82a_G+h
zJy67$6h#@m?pcg{OHd6OlZi2cQ>FltWNI@5+qRiScs!mNFW+t=JFBSL*~F}8)TBja
zZkLowq56>(7{0qj%osl097$vAbnu|Lo5*h2`@ur7BeBF)&{H4U&2K<(sT4*(|D1Rv
ztpbR4^o2Mb9Y@D@C%+S{pjMH7e82HdUif0Oc;d;G&wnOkl}bd_z6GPg3O6YI%qTn1
zii(y`Q2yCIlpZ+@sk_^FM7t=NjM_R?vq~(YX!`(MYK1$S{iN%YW%*+9?msJ$ytU|=
zr9v~#1E!r#0~WDPk0^JItgfyW%rLo3OM_8Gdz1m;Zt`51mLz&LQ0M-&-Pkq^#^*8k
zS-XORjQa>F*R)`;I%ieS7uV8Yn-af{z!^0X0Sj0v**VB&GUWMm_t8+O_Mp?4mIhnZ
zPH!peU-TC?49b4b8mGa|1>Vx&^5rbe{7w8M1H;k@60lnKdww`rJ>Q$9LBl{)(e^WN
zNuL?UF(PvOxD@+mF!(qVnnOO%OHMUx8nn2-a2mBZJiAJyU-)Zl{^f*j)1bDB&(Z-@
z!Q_eV3;Nu`6W*d{QG*y!4^0G<QFQmchfe;*fx%LebWD_G_g*J@wnoqpRMo>1lbpPl
zh%RsvU?8vz94F8VvacrRg40Uhwm~bQ^R@r~2Gb+c)^>D+YiP0&$s{T(hkiO{%$RQn
zd(=8Q661S%k{)JVljYjai-~7Bg3K(ntDVaMUczVY@=t-WQue$5L_{{v-0i2=7Sk@3
zbXw2gz7G%x^l6H?X}r&qa}iib+0tM%*14K>eSt`Xn4gpb-o^G)w?;<4I8uk?>D|m2
znS&-A<DS$6CpBq7gQ^;rlg!4W(R-AY8Ip)n5_8D!_bAq>+e1WEZ6h;g6+mwY`aQGl
zsb$^KXOkka&iT;w!bLUlZ-YMXGj;=7;UbD=Y=wT3ci|@buk3SIS?Q$v3yxq!)qW4g
z!xqo@QrYiWWjCM|E~040HE!O5f(Tu*&tv<H$jabUFy1bdl;m<v35=`$hgITs`y;Bh
z6O5k~z<(0-dwy<Lub@F@cD1YVy^QS7O8VqK+qY*&<BS<I`o1i(8#o^>qIBK?=&$7K
zXQmmUfcx)u<5<q32UIQKVi=z{)MbgP(vTt72fS5+8xy<X#ki;vU%_DGqN0C(48n?_
z&+|to>Xrr#u|y(K{>{l`6G=45xa%N^w|`Ss^85swCtFSuN@FAH;faLQOkHP>B(bKW
i<fV|W+W3~nQTrZn_`iC(Oq4<Z0000<MNUMnLSTZDA=!}t

literal 0
HcmV?d00001

diff --git a/static/image/product/word.png b/static/image/product/word.png
new file mode 100644
index 0000000000000000000000000000000000000000..afa4eccbad0fd824dba635fc8ab227861832ea5a
GIT binary patch
literal 1191
zcmV;Y1X%ltP)<h;3K|Lk000e1NJLTq001Na001Ni1^@s6;Q*MJ00001b5ch_0Itp)
z=>Px(VM#<mR9Hvtn0rjtRT#%V=lt-BV1Xv0&V@0r1S4$~nWoWTz{Ik-vHGiZGv{h8
zmDH7$_uQJT%RjDcZrRchF(SlbS)$}9Ls4>q$)Ic*7mbVZJExuB&o{ZezxRE0PWgl9
zuXpEte$VrLp6_!xI|5+IP91OCdY#rP6^JxvH&I%Ikozo4<Zf9YP6-E0r#ht3Q8y7p
zFINKbj}<2G6EA+Qc51C2zm;HozJ-vx#G)OY&9{IiulQRGAl(<T^M9850R^F>pR!=}
z>Ni7oM#EG0O6S{mzf-iddz)F1B$zT<I66i*ki0Ti5<U?2S8IN(@!v~+0S&NVW42^q
zm|)u>oATfNyAi;;d6J01<`=9kwE63Tf8Cf!Se0%$f37dKscZDG>D6V=Jt(+)jHLXG
zV%uT=(TtCRrKzqHBVSY~N>BOMeK=mQAX(DXs##Isok`E4PKkq@85S*Vn%q794Wv&I
zWF|;X{Hd56BRSrn_~3wlKrhS`OpBHLa9Z)%5%1CG3Fx*V@OG9&2*H{nn+7w_dx)ut
zxDkSl`)roXmPi4w<|#UR;I|}fnlBj?Civ)pO=W|3r3GyJ<&R3n-7fg@7v&UUR~a(E
zt+NXq@Y){5vnhhav6A;nZBCx+?l68Nyfnw+vaMN~r?_NaC!ow}g7m49sy`I(f8QNY
z@;G?<0gJL)#rASd$^=2qbV<ocMc&cwx>*T=v?-Ef4T=vvC=F?K_=@&Yr|w0?lQRVO
z$4Ryxw5h0rsG;yymPJFeW=&Cd&X%T1#zzTu98nxN9e8yHq|7w)+If=5!GbNNHq~9I
zSd(SWVOhSS^^zOks&vVy2v}L5XlirMh7N=c*%D)G)m}woYrs)O(AD9~MDYnl{;zIy
zvBP0Snnlgun$7#KX5+CW!Q6?G?d3LQwXS0ywe?M!wci9DoJKz=pro<zOo~Naqh@`v
zYw(dtg87M(y_JfutFBToIR+NbvZ$z2Y(40n=S&x*Opp{+DGDls-*kck8WiSslWE=M
z`HG7jI4wSLlwd=#&Dky!H|$D#o3>xJTcI?(nJI}57rawqQ+qxzT_I)2C@r2PoWb{T
znL9%az_!bfo3H2@^P-u8sj-sHCAKpX-pH`H*r8dzySJ`CctJB{KAIgbcp_O+R--st
zuX%o^<+)OPx`oFT7usRrJ(9y`6rXympPryX0yH8VR%co?wrVQtH4nv0J}I;L>1^*9
z?-&NJXIPv$uW4@AB#yZ{8iErRLQ(sStW1-P9xmwU)R^0Vq2S*u?cUST>I_L#IL->O
z1kQAB?+gXbH2}&^6r@ga??@*4O(otfyf9ffSu|38PP3&nc)R=HhD4cBzH21BJjcCi
z6dqH2b=<p!6Jl}d%*d{v72p0Ayxp%EkeRe2BizrL+n^%=1%{^RVXkgdD*>13brp4J
z?B5uzkSV({?t)wC2NWzveebcM&ppTVxd$u5X<vHM`wvD61f}UHnPmU~002ovPDHLk
FV1lh-LEZoW

literal 0
HcmV?d00001

diff --git a/static/image/index/index1.png b/static/image/workbench/index1.png
similarity index 100%
rename from static/image/index/index1.png
rename to static/image/workbench/index1.png
diff --git a/static/image/index/index10.png b/static/image/workbench/index10.png
similarity index 100%
rename from static/image/index/index10.png
rename to static/image/workbench/index10.png
diff --git a/static/image/index/index2.png b/static/image/workbench/index2.png
similarity index 100%
rename from static/image/index/index2.png
rename to static/image/workbench/index2.png
diff --git a/static/image/index/index3.png b/static/image/workbench/index3.png
similarity index 100%
rename from static/image/index/index3.png
rename to static/image/workbench/index3.png
diff --git a/static/image/index/index4.png b/static/image/workbench/index4.png
similarity index 100%
rename from static/image/index/index4.png
rename to static/image/workbench/index4.png
diff --git a/static/image/index/index5.png b/static/image/workbench/index5.png
similarity index 100%
rename from static/image/index/index5.png
rename to static/image/workbench/index5.png
diff --git a/static/image/index/index6.png b/static/image/workbench/index6.png
similarity index 100%
rename from static/image/index/index6.png
rename to static/image/workbench/index6.png
diff --git a/static/image/index/index7.png b/static/image/workbench/index7.png
similarity index 100%
rename from static/image/index/index7.png
rename to static/image/workbench/index7.png
diff --git a/static/image/index/index8.png b/static/image/workbench/index8.png
similarity index 100%
rename from static/image/index/index8.png
rename to static/image/workbench/index8.png
diff --git a/static/image/index/index9.png b/static/image/workbench/index9.png
similarity index 100%
rename from static/image/index/index9.png
rename to static/image/workbench/index9.png
diff --git a/styles/common.scss b/styles/common.scss
index 38a4c67..8812fce 100644
--- a/styles/common.scss
+++ b/styles/common.scss
@@ -1,6 +1,9 @@
 button[type=primary] {
 	background-color: #007eff;
 }
+.bg-wh {
+	background-color: #fff;
+}
 page {
 	height: 100%;
 	background-color: #f5f5f5;
diff --git a/pages/info/info.vue b/team/info/info.vue
similarity index 100%
rename from pages/info/info.vue
rename to team/info/info.vue
diff --git a/pages/study/study.vue b/team/study/study.vue
similarity index 100%
rename from pages/study/study.vue
rename to team/study/study.vue