From a6dc0901d97421d2d4ed551e0031dddc57e98490 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=94=90=E6=98=8E=E6=98=8E?= <970899069@qq.com>
Date: Mon, 10 Jul 2023 16:18:50 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E6=94=B6=E8=B5=8B=E8=83=BD=E8=AE=A2?=
 =?UTF-8?q?=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apis/interfaces/empower.js      |  27 ++-
 pages.json                      |  13 +-
 pages/empower/info.vue          |   3 +-
 pages/empower/order.vue         | 400 ++++++++++++++++++++++++++++++++
 pages/synthesize/enableWork.vue | 361 +++++++++++++++++++++++++++-
 pages/work/index.vue            |  12 +-
 pages/work/orders.vue           |   2 +-
 7 files changed, 791 insertions(+), 27 deletions(-)
 create mode 100644 pages/empower/order.vue

diff --git a/apis/interfaces/empower.js b/apis/interfaces/empower.js
index e865261..15b2ce4 100644
--- a/apis/interfaces/empower.js
+++ b/apis/interfaces/empower.js
@@ -39,10 +39,35 @@ const buy = data => {
 	})
 }
 
+// 订单列表初始化
+const orderInit = () => {
+	return request({
+		url		: "empower/order/init",
+	})
+}
+
+// 订单列表
+const orderList = data => {
+	return request({
+		url		: "empower/order/index",
+		data
+	})
+}
+
+// 取消订单
+const orderCancel = order => {
+	return request({
+		url		: "empower/order/" + order + "/cancel",
+	})
+}
+
 export {
 	lists,
 	info,
 	buyInit,
-	buy
+	buy,
+	orderInit,
+	orderList,
+	orderCancel
 }
 
diff --git a/pages.json b/pages.json
index fd4ae17..fadcccc 100644
--- a/pages.json
+++ b/pages.json
@@ -787,11 +787,20 @@
 			"navigationBarBackgroundColor": "#FFF"
 		}
 	}, {
-		"path": "pages/empower/buy",
-		"name": "EmpowerBuy",
+		"path": "pages/empower/buy",
+		"name": "EmpowerBuy",
 		"auth": true,
 		"style": {
 			"navigationBarTitleText": "报名",
+			"enablePullDownRefresh": false,
+			"navigationBarBackgroundColor": "#FFF"
+		}
+	}, {
+		"path": "pages/empower/order",
+		"name": "EmpowerOrder",
+		"auth": true,
+		"style": {
+			"navigationBarTitleText": "订单",
 			"enablePullDownRefresh": false,
 			"navigationBarBackgroundColor": "#FFF"
 		}
diff --git a/pages/empower/info.vue b/pages/empower/info.vue
index e716ff9..bdc90a2 100644
--- a/pages/empower/info.vue
+++ b/pages/empower/info.vue
@@ -31,7 +31,6 @@
 		<rich-text :nodes="content"></rich-text>
 		<!-- 报名信息 -->
 		<view class="footer">
-			<view>分享</view>
 			<view class="footer-btn" @click="onBuy">立即购买</view>
 		</view>
 	</view>
@@ -133,6 +132,6 @@
 		z-index: 99;
 		background-color: white;
 		box-shadow: 0 0 10rpx 10rpx rgba(0, 0, 0, .04);
-		.footer-btn{ background: $main-color; color: white; line-height: 100rpx; border-radius: 50rpx; flex: 1; text-align: center; font-weight: bold; font-size: 36rpx; margin-left: 50rpx; }
+		.footer-btn{ background: $main-color; color: white; line-height: 100rpx; border-radius: 50rpx; flex: 1; text-align: center; font-weight: bold; font-size: 36rpx; }
 	}
 </style>
diff --git a/pages/empower/order.vue b/pages/empower/order.vue
new file mode 100644
index 0000000..c63040e
--- /dev/null
+++ b/pages/empower/order.vue
@@ -0,0 +1,400 @@
+<template>
+	<view class="content">
+		<!-- tabs -->
+		<u-sticky bgColor="#FFF" zIndex="9" >
+			<view class="screen-flex">
+				<view class="screen-picker">
+					<picker :range="statusArr" range-key="title" :value="statusIndex" @change="onPickerChange($event, 'statusIndex')">
+						<view class="screen-text nowrap">
+							{{ statusArr[statusIndex].title }}
+							<uni-icons class="screen-icon" type="bottom" size="32rpx" color="#999"></uni-icons>
+						</view>
+					</picker>
+				</view>
+				<view class="screen-picker">
+					<picker :range="empowerArr" range-key="title" :value="empowerIndex" @change="onPickerChange($event, 'empowerIndex')">
+						<view class="screen-text nowrap">
+							{{ empowerArr[empowerIndex].title }}
+							<uni-icons class="screen-icon" type="bottom" size="32rpx" color="#999"></uni-icons>
+						</view>
+					</picker>
+				</view>
+			</view>
+		</u-sticky>
+		<!-- 订单管理列表 -->
+		<view class="orders" v-if="orders.length > 0">
+			<view class="orders-item" v-for="(item, index) in orders" :key="index">
+				<view class="orders-flex">
+					<view class="no nowrap" @click="copyNo(item.order_no)">
+						<text class="orders-tag" v-if="!item.is_my">客户</text>
+						<text class="orders-tag order-tag-my" v-else>个人</text>
+						{{item.order_no}}
+					</view>
+					<view class="state">{{item.status_text}}</view>
+				</view>
+				<view class="orders-content">
+					<view class="orders-content-item">
+						<label>课程名称</label>
+						<view class="nowrap orders-content-type">{{item.empower.title}}</view>
+					</view>
+					<view class="orders-content-item orders-content-bottom" @click="item.is_show_type = !item.is_show_type">
+						<label>课程数量</label>
+						<view class="nowrap orders-content-type">
+							×{{item.items.count}}
+						</view>
+						<uni-icons class="orders-content-icon" :type="item.is_show_type ? 'top': 'bottom'" size="14" color="gray"></uni-icons>
+					</view>
+					<view class="orders-content-block" v-show="item.is_show_type">
+						<view class="item-flex" v-for="(citem, cindex) in item.items.lists" :key="cindex">
+							<view class="item-flex-title">{{citem.semester.subtitle}}({{citem.name}})</view>
+							<view class="item-flex-value">￥{{citem.price}}</view>
+						</view>
+					</view>
+					<view class="orders-content-item">
+						<label>支付金额</label>
+						<view class="nowrap">￥{{item.price}}</view>
+					</view>
+					<view class="orders-content-item">
+						<label>下单时间</label>
+						<view class="nowrap">{{item.paid_at}}</view>
+					</view>
+				</view>
+				<view class="orders-flex">
+					<view class="btns">
+						<view class="btns-item btns-border" v-if="item.status == 0" @click="onCancel(item.order_id)">取消</view>
+						<view class="btns-item btns-border" v-if="item.status == 0">支付</view>
+						<view class="btns-item" @click="onShowUsers(item.items)">报名信息</view>
+					</view>
+				</view>
+			</view>
+			<!-- 分页 -->
+			<u-loadmore v-if="pagesShow" :status="status" />
+		</view>
+		<!-- 订单是空的 -->
+		<view class="order-null" v-else>
+			<u-empty
+				mode="order"
+				icon="http://cdn.uviewui.com/uview/empty/order.png"
+				text="暂无相关订单"
+			>
+			</u-empty>
+		</view>
+		<!-- 弹出报名人信息 -->
+		<u-popup :show="usersShow" closeable round="30rpx" @close="usersShow = false">
+			<view class="users-content">
+				<view class="users-title">报名信息</view>
+				<view class="users-lists">
+					<view class="users-lists-item" v-for="(item, index) in users" :key="index">
+						<view class="users-item nowrap"><label>报名姓名</label>{{item.name}}</view>
+						<view class="users-item nowrap"><label>报名手机</label>{{item.mobile}}</view>
+						<view class="users-item nowrap"><label>课程名称</label>{{item.semester.subtitle}}</view>
+						<view class="users-item nowrap"><label>签到状态</label><text class="bold">{{item.status_text}}</text></view>
+						<view class="users-item"><label>课程地址</label>{{item.semester.address}}</view>
+					</view>
+				</view>
+			</view>
+		</u-popup>
+	</view>
+</template>
+
+<script>
+	import { orderInit, orderList, orderCancel } from '@/apis/interfaces/empower.js'
+	export default {
+		data() {
+			return {
+				statusArr	: [{ title: '全部订单', id: '' }],
+				empowerArr	: [{ title: '全部课程', id: '' }],
+				statusIndex	: 0,
+				empowerIndex: 0,
+				// 报名信息
+				users		: [],
+				usersTotal	: 0,
+				usersShow	: false,
+				// 订单列表
+				orders		: [],
+				// 分页
+				page		: {
+					current	: 1,
+					has_more: false,
+				},
+				pagesShow	: false,
+				status   	: ''
+			};
+		},
+		created() {
+			orderInit().then(res => {
+				let { status, empower } = res;
+				this.statusArr   = status
+				this.empowerArr  = [...this.empowerArr, ...empower]
+				this.statusIndex = status.findIndex(val => val.id == this.$Route.query.status)
+				// 获取列表
+				this.getList()
+			}).catch(err => {
+				uni.showToast({
+					title: err.message,
+					icon : 'none'
+				})
+			})
+		},
+		methods: {
+			// 报名信息
+			onShowUsers(obj){
+				let { count, lists } = obj
+				this.users 		= lists
+				this.usersTotal = count
+				this.usersShow	= true
+			},
+			// 筛选类型
+			onPickerChange(e, key){
+				let { value } = e.detail
+				this[key] = value
+				this.page 			= { current: 1, has_more: false }
+				this.orders 		= []
+				this.getList()
+			},
+			// 获取列表
+			getList(){
+				uni.showLoading({
+					title: '加载中...',
+					mask : true
+				})
+				orderList({
+					status	: this.statusArr[this.statusIndex].id,
+					empower	: this.empowerArr[this.empowerIndex].id,
+					page  	: this.page.current ,
+				}).then(res => {
+					let { data, page } = res;
+					console.log(res)
+					data.map(val => {
+						val.is_show_type = false
+					})
+					let atList   	= page.current == 1 ? [] : this.orders
+					this.orders 	= atList.concat(data)
+					this.page  		= page
+					this.pagesShow 	= false
+					uni.hideLoading()
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon : 'none'
+					})
+				})
+			},
+			// 复制订单号码
+			copyNo(no){
+				uni.setClipboardData({
+					data	: no,
+					success	: res => {
+						uni.showToast({
+							title: '订单号已复制',
+							icon : 'none'
+						})
+					}
+				})
+			},
+			// 取消订单
+			onCancel(id){
+				uni.showModal({
+					title	: '提示',
+					content	: '取消订单后无法找回，确认取消吗？',
+					success : modalRes => {
+						if(modalRes.confirm){
+							uni.showLoading({
+								title: '加载中...',
+								mask : true
+							})
+							orderCancel(id).then(res => {
+								uni.showToast({
+									title: '订单已取消',
+									icon : 'none'
+								})
+								this.removeListVal(id)
+							}).catch(err => {
+								uni.showToast({
+									title: err.message,
+									icon : 'none'
+								})
+							})
+						}
+					}
+				})
+			},
+			// 变更当前列表状态
+			removeListVal(id){
+				let ListArr 	= this.orders
+				let ListIndex 	= ListArr.findIndex(val => val.business_order_id == id)
+				if(ListIndex >= 0){
+					this.orders.splice(ListIndex, 1)
+				}
+			}
+		},
+		onReachBottom() {
+			this.pagesShow = true;
+			if(this.page.has_more){
+				this.status    = 'loading';
+				this.page.current++
+				this.getList()
+				return
+			}
+			this.status    = 'nomore';
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.content{ background: #f7f8f9; min-height: 100vh; }
+	// 订单弹出层
+	.users-content{
+		.users-title{
+			text-align: center;
+			font-weight: bold;
+			font-size: 44rpx;
+			color: #333;
+			height: 70rpx;
+			line-height: 70rpx;
+			padding: 30rpx;
+		}
+		.users-lists{ 
+			padding: 0 30rpx 50rpx;
+			max-height: 70vh;
+			overflow-y: scroll;
+			.users-lists-item{
+				background: #f7f8f9;
+				padding: 30rpx;
+				border-radius: 20rpx;
+				font-size: 30rpx;
+				margin-bottom: 30rpx;
+				.users-item{
+					position: relative;
+					line-height: 45rpx;
+					min-height: 45rpx;
+					padding-left: 160rpx;
+					margin: 5rpx 0;
+					text-align: right;
+					label{ position: absolute; left: 0; top: 0; color: gray; }
+					.bold{ font-weight: bold; color: $text-price; }
+				}
+			}
+		}
+	}
+	// 订单筛选
+	.screen-flex{
+		display: flex;
+		flex-wrap: wrap;
+		.screen-picker{ width: 50%; text-align: center; }
+		.screen-text{ line-height: 90rpx; height: 90rpx; display: inline-block; font-size: 30rpx; }
+		.screen-icon{ margin-left: 10rpx; }
+	}
+	// 订单为空
+	.order-null{
+		height: 80vh;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	}
+	// 订单列表
+	.orders{
+		padding: 30rpx 0 10rpx;
+		.orders-item{
+			margin: 0 30rpx 20rpx;
+			background-color: white;
+			border-radius: $radius;
+		}
+		.orders-content{
+			padding: 20rpx 30rpx;
+			&-item{
+				line-height: 70rpx;
+				display: flex;
+				justify-content: space-between;
+				font-size: 30rpx;
+				color: #111111;
+				label{
+					color: #999999;
+				}
+				&.orders-content-bottom{
+					padding-right: 40rpx;
+					position: relative;
+					.orders-content-icon{
+						position: absolute;
+						right: 0;
+						top: 0;
+					}
+				}
+			}
+			&-block{
+				background: rgba(68, 110, 254, .03);
+				padding: 20rpx;
+				font-size: 28rpx;
+				border-radius: 10rpx;
+				margin: 10rpx 0;
+				.item-flex{
+					display: flex;
+					justify-content: space-between;
+					line-height: 50rpx;
+				}
+			}
+		}
+		.orders-flex{
+			border-bottom: solid 1rpx #F6F6F6;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			padding: 20rpx $padding;
+			&:last-child{
+				border-top: solid 1rpx #F6F6F6;
+				border-bottom: none;
+			}
+			.orders-tag{
+				display: inline-block;
+				background: $main-color;
+				font-size: 26rpx;
+				color: white;
+				border-radius: 10rpx;
+				padding: 0 10rpx;
+				height: 40rpx;
+				line-height: 40rpx;
+				margin-right: 10rpx;
+				&.order-tag-my{
+					background: $text-price;
+				}
+			}
+			.no{
+				font-size: 30rpx;
+				color: #111;
+				line-height: 60rpx;
+				width: calc(100% - 150rpx);
+			}
+			.state{
+				color: $main-color;
+				font-weight: bold;
+				font-size: 30rpx;
+				line-height: 60rpx;
+				width: 150rpx;
+				text-align: right;
+			}
+			
+			.btns{
+				text-align: right;
+				width: 100%;
+				.btns-item{
+					display: inline-block;
+					height: 70rpx;
+					line-height: 70rpx;
+					background: $main-color;
+					color: white;
+					border-radius: 35rpx;
+					padding: 0 30rpx;
+					font-size: 30rpx;
+					&.btns-border{
+						line-height: 68rpx;
+						box-sizing: border-box;
+						border:solid 1rpx $main-color;
+						background: white;
+						color: $main-color;
+						margin-right: 20rpx;
+					}
+				}
+			}
+		}
+	}
+</style>
diff --git a/pages/synthesize/enableWork.vue b/pages/synthesize/enableWork.vue
index 7ac9950..1d4f593 100644
--- a/pages/synthesize/enableWork.vue
+++ b/pages/synthesize/enableWork.vue
@@ -1,33 +1,372 @@
 <template>
 	<view class="content">
-		<view class="null-pages">
-			<u-empty
-				mode="order"
-				icon="http://cdn.uviewui.com/uview/empty/order.png"
-				text="暂无相关订单"
-			>
-			</u-empty>
+		<view class="block">
+			<view class="block-title">统计数据</view>
+			<view class="total-flex">
+				<view class="total-item">
+					<image class="icon" src="@/static/icons/work_icon_00.png"></image>
+					<view class="title">待支付</view>
+					<view class="number">{{orderAll.all}}<text>人</text></view>
+				</view>
+				<view class="total-item">
+					<image class="icon" src="@/static/icons/work_icon_01.png"></image>
+					<view class="title">已支付</view>
+					<view class="number">{{orderAll.all}}<text>单</text></view>
+				</view>
+				<view class="total-item">
+					<image class="icon" src="@/static/icons/work_icon_02.png"></image>
+					<view class="title">已完成</view>
+					<view class="number">{{orderAll.all}}<text>单</text></view>
+				</view>
+				<view class="total-item">
+					<image class="icon" src="@/static/icons/work_icon_05.png"></image>
+					<view class="title">结算金额</view>
+					<view class="number">{{orderAll.all}}<text>万</text></view>
+				</view>
+			</view>
+		</view>
+		<view class="block">
+			<view class="block-title">订单管理</view>
+			<view class="tool-flex">
+				<view class="tool-flex-item" @click="onNav('EmpowerOrder', { status: '' })">
+					<image class="icon" src="@/static/icons/work_icon_06.png"></image>
+					<view class="number" v-if="orderEntrust.init > 0">{{orderEntrust.init}}</view>
+					<view class="text">全部订单</view>
+				</view>
+				<view class="tool-flex-item" @click="onNav('EmpowerOrder', { status: 0 })">
+					<image class="icon" src="@/static/icons/work_icon_17.png"></image>
+					<view class="number" v-if="orderEntrust.init > 0">{{orderEntrust.init}}</view>
+					<view class="text">待支付</view>
+				</view>
+				<view class="tool-flex-item" @click="onNav('EmpowerOrder', { status: 1 })">
+					<image class="icon" src="@/static/icons/work_icon_10.png"></image>
+					<view class="number" v-if="orderEntrust.init > 0">{{orderEntrust.init}}</view>
+					<view class="text">已支付</view>
+				</view>
+				<view class="tool-flex-item" @click="onNav('EmpowerOrder', { status: 2 })">
+					<image class="icon" src="@/static/icons/work_icon_15.png"></image>
+					<view class="number" v-if="orderEntrust.init > 0">{{orderEntrust.init}}</view>
+					<view class="text">已完成</view>
+				</view>
+			</view>
 		</view>
 	</view>
 </template>
 
 <script>
+	import { synthesisAttorney } from '@/apis/interfaces/work.js'
 	export default {
 		data() {
 			return {
-				
+				// 综法订单管理
+				orderAll		: '',
+				orderEntrust	: '',
 			};
 		},
 		onShow() {
-			
+			this.getIndex()
 		},
 		methods: {
+			// 工作台信息
+			getIndex(){
+				uni.showLoading({
+					title: '加载中...',
+					mask : true
+				})
+				// 综法法律咨询单统计
+				synthesisAttorney().then(res => {
+					uni.hideLoading()
+					this.orderAll	     = res.all
+					this.orderEntrust	 = res.orders.entrust
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon : 'none'
+					})
+				})
+			},
 			
+			// 导航
+			onNav(name, obj){
+				let params = obj || {}
+				this.$Router.push({name, params})
+			}
 		}
 	}
 </script>
 
 <style lang="scss" scoped>
-	// 内容为空
-	.null-pages{ height: 70vh; display: flex; align-items: center; justify-content: center; }
+	.content{
+		padding: 30rpx 0;
+	}
+	// 登录提示
+	.auth-null{
+		height: 100vh;
+		width: 100vw;
+		background: white;
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		.auth-null-btn{
+			height: 90rpx;
+			line-height: 90rpx;
+			padding: 0;
+			width: 70vw;
+			background: $main-color;
+			color: white;
+			font-size: 32rpx;
+			margin-top: 100rpx;
+			font-weight: bold;
+		}
+	}
+	// 弹出特权
+	.privilege-lay{
+		width: 70vw;
+		.privilege-lay-img{
+			width: 70vw;
+			vertical-align: top;
+		}
+		.privilege-lay-content{
+			background: white;
+			border-radius: 0  0 20rpx 20rpx;
+			width: 70vw;
+			padding: 80rpx 30rpx 50rpx;
+			box-sizing: border-box;
+			margin-top: -50rpx;
+			line-height: 50rpx;
+			color: #111111;
+			font-size: 30rpx;
+		}
+		.privilege-lay-remove{
+			padding-top: 30rpx;
+			text-align: center;
+			.privilege-lay-icon{
+				display: inline-block;
+			}
+		}
+	}
+	// header
+	.work-bar{
+		padding: 30rpx;
+		margin-bottom: 30rpx;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		&-user{
+			position: relative;
+			line-height: 70rpx;
+			height: 70rpx;
+			width: calc(100% - 200rpx);
+			padding-left: 90rpx;
+			box-sizing: border-box;
+			.cover{
+				width: 70rpx;
+				height: 70rpx;
+				border-radius: 50%;
+				position: absolute;
+				left: 0;
+				top: 0;
+			}
+			.nickname{
+				font-weight: bold;
+				font-size: 34rpx;
+				.card{
+					color: $main-color;
+					font-size: 24rpx;
+					display: inline-block;
+					height: 40rpx;
+					line-height: 38rpx;
+					border-radius: 24rpx;
+					padding: 0 15rpx;
+					margin-left: 20rpx;
+					margin-bottom: 2rpx;
+					vertical-align: middle;
+					border:solid 1rpx $main-color;
+					font-weight: normal;
+				}
+			}
+		}
+		&-add{
+			width: 200rpx;
+			font-size: 30rpx;
+			text-align: right;
+			line-height: 70rpx;
+			.icon{
+				margin-right: 5rpx;
+				font-weight: bold;
+			}
+		}
+	}
+	// 订单管理
+	.tool-flex{
+		padding: 0 10rpx;
+		display: flex;
+		flex-wrap: wrap;
+		.tool-flex-item{
+			width: 25%;
+			text-align: center;
+			margin-bottom: 30rpx;
+			position: relative;
+			.icon{
+				width: 78rpx;
+				height: 78rpx;
+				background: #ddd;
+				border-radius: 20rpx;
+			}
+			.number{
+				position: absolute;
+				right: 20%;
+				background: #fe4444;
+				top: -10rpx;
+				height: 40rpx;
+				line-height: 40rpx;
+				min-width: 40rpx;
+				font-size: 24rpx;
+				color: white;
+				border-radius: 50%;
+			}
+			.text{
+				line-height: 40rpx;
+				font-size: 26rpx;
+				color: #111;
+				text-align: center;
+			}
+		}
+	}
+	// 数据统计单
+	.total-flex{
+		padding: 0 20rpx 20rpx;
+		display: flex;
+		flex-direction: row;
+		flex-wrap: wrap;
+		.total-item{
+			margin: 0 10rpx 20rpx;
+			background: #f8f8f8;
+			width: calc(50% - 20rpx);
+			padding: 20rpx 20rpx 20rpx 120rpx;
+			box-sizing: border-box;
+			border-radius: $radius;
+			position: relative;
+			min-height: 140rpx;
+			.icon{
+				position: absolute;
+				left: 20rpx;
+				top: 50%;
+				width: 70rpx;
+				height: 70rpx;
+				margin-top: -35rpx;
+			}
+			.title{
+				font-size: 28rpx;
+				color: #111;
+				line-height: 40rpx;
+				@extend .nowrap;
+			}
+			.number{
+				padding-top: 5rpx;
+				font-weight: bold;
+				font-size: 34rpx;
+				color: #111;
+				font-family: Arial, Helvetica, sans-serif;
+				line-height: 40rpx;
+				@extend .nowrap;
+				text{
+					font-size: 80%;
+					font-weight: normal;
+					padding-left: 10rpx;
+				}
+			}
+		}
+	}
+	// 通用板块
+	.block{
+		background: white;
+		margin: 0 30rpx 20rpx;
+		border-radius: $radius;
+		.block-title{
+			padding: 30rpx;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			font-weight: bold;
+			color: '#111';
+			font-size: 32rpx;
+		}
+	}
+	// 开通业务员
+	.open-interest{
+		padding: 30rpx;
+		margin-bottom: 30rpx;
+		.title{
+			text-align: center;
+			font-size: 34rpx;
+			font-weight: bold;
+			line-height: 80rpx;
+		}
+		.open-interest-flex{
+			display: flex;
+			flex-wrap: wrap;
+			padding-top: 30rpx;
+			justify-content: space-between;
+			.open-interest-item{
+				text-align: center;
+				.open-interest-icon{
+					width: 88rpx;
+					height: 88rpx;
+					vertical-align: top;
+					margin-bottom: 15rpx;
+				}
+				.open-interest-text{
+					font-size: 28rpx;
+					color: #111111;
+					line-height: 40rpx;
+				}
+			}
+		}
+		// 开通步骤
+		.open-interest-block{
+			padding: 30rpx 0;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			.open-interest-icon{
+				width: 88rpx;
+				height: 88rpx;
+			}
+			.open-interest-text{
+				width: calc( 100% - 258rpx);
+				padding:0 30rpx;
+				box-sizing: border-box;
+				.open-interest-title{
+					font-weight: bold;
+					color: #111111;
+					line-height: 40rpx;
+					font-size: 30rpx;
+				}
+				.open-interest-submit{
+					color: #666666;
+					font-size: 26rpx;
+					line-height: 40rpx;
+				}
+			}
+			.open-interest-btn[size="mini"]{
+				width: 170rpx;
+				height: 70rpx;
+				line-height: 70rpx;
+				padding: 0;
+				border-radius: 35rpx;
+				background: $main-color;
+				color: white;
+				font-size: 30rpx;
+				&::after{
+					display: none;
+				}
+				&[disabled]{
+					background: #EEEEEE;
+					color: #999999;
+				}
+			}
+		}
+	}
 </style>
diff --git a/pages/work/index.vue b/pages/work/index.vue
index 4a2db52..cec152c 100644
--- a/pages/work/index.vue
+++ b/pages/work/index.vue
@@ -90,8 +90,7 @@
 						</view>
 						<view class="flex-btn">去查看</view>
 					</view>
-					<view class="flex-item" @click="onToastTips()">
-						 <!-- @click="onNav('EnableWork')" -->
+					<view class="flex-item" @click="onNav('EnableWork')">
 						<image class="flex-icon" src="/static/icons/icon_03.png" mode="aspectFill"></image>
 						<view class="flex-title">
 							<view class="flex-name">增收赋能类</view>
@@ -242,14 +241,7 @@
 						})
 					}
 				})
-			},
-			
-			onToastTips(){
-				uni.showToast({
-					title: '即将开放，敬请期待',
-					icon : 'none'
-				})
-			},
+			}
 		}
 	}
 </script>
diff --git a/pages/work/orders.vue b/pages/work/orders.vue
index 63c9b60..9f7bb2c 100644
--- a/pages/work/orders.vue
+++ b/pages/work/orders.vue
@@ -111,7 +111,7 @@
 <script>
 	import { lists, orderSign, getOrderSignStatus, orderCancel } from '@/apis/interfaces/order.js'
 	import { levels, transfer } from '@/apis/interfaces/transfers.js'
-import modal from 'uview-ui/libs/config/props/modal';
+	import modal from 'uview-ui/libs/config/props/modal';
 	export default {
 		data() {
 			return {