抖火调整自由服务包

.hbuilderx/launch.json

@@ -13,7 +13,7 @@
             "type" : "uniCloud"
         },
         {
-            "playground" : "custom",
+            "playground" : "standard",
             "type" : "uni-app:app-android"
         },
         {

apis/index.js

@@ -10,8 +10,8 @@ import router from '../router'
 
 // 基础配置
 const config = {
-	// apiUrl	: 'https://douhuo.douhuofalv.com/api/',
+	apiUrl	: 'https://douhuo.douhuofalv.com/api/',
-	apiUrl	: 'https://douhuo.demos.uzchain.tech/api/', //测试环境
+	// apiUrl	: 'https://douhuo.demos.uzchain.tech/api/', //测试环境
 	timeout	: 60000
 }
 

apis/interfaces/index.js

@@ -120,6 +120,74 @@ const delegationCancel = id => {
 	})
 }
 
+// **
+// 最新五大板块
+// **
+// 业务列表
+const bigfive = data => {
+	return request({
+		url		: "bigfive/index",
+		data
+	})
+}
+
+// 业务详情
+const bigfiveInfo = (bigFive) => {
+	return request({
+		url		: "bigfive/" + bigFive + "/info"
+	})
+}
+
+// 办理初始接口
+const bigfiveInit = (bigFive) => {
+	return request({
+		url		: "bigfive/order/" + bigFive + "/init"
+	})
+}
+
+// 标的额比例计算
+const settleAmount = (data, bigFive) => {
+	return request({
+		url		: "bigfive/order/" + bigFive + "/settle_amount",
+		method	: "POST",
+		data
+	})
+}
+
+// 三级分类服务费类型
+const amountType = (bigFive) => {
+	return request({
+		url		: "bigfive/order/" + bigFive + "/amount_type",
+		method	: "POST"
+	})
+}
+
+// 办理业务
+const bigfiveStore = data => {
+	return request({
+		url		: "bigfive/order/store",
+		method	: "POST",
+		data
+	})
+}
+
+// 订单列表
+const orderLists = data => {
+	return request({
+		url		: "bigfive/order/lists",
+		data
+	})
+}
+
+// 订单取消
+const orderCancel = (order) => {
+	return request({
+		url		: "bigfive/order/" + order + "/cancel",
+		method	: "DELETE"
+	})
+}
+
+
 export {
 	categories,
     jf,
@@ -135,6 +203,15 @@ export {
 	delegation,
 	delegationFrom,
 	delegationOrder,
-	delegationCancel
+	delegationCancel,
+	
+	bigfive,
+	bigfiveInfo,
+	bigfiveInit,
+	settleAmount,
+	amountType,
+	bigfiveStore,
+	orderLists,
+	orderCancel
 }
 

apis/interfaces/order.js

@@ -216,6 +216,16 @@ const orderLog = (id, page) => {
 	})
 }
 
+// 通用订单详情
+const unifyInfo = data => {
+	return request({
+		url		: 'unify/order/info',
+		method	: 'POST',
+		data
+	})
+}
+
+
 // 支付订单
 export {
 	lists,
@@ -243,5 +253,6 @@ export {
 	getConfirmSchemeInfo,
 	sbuConfirmScheme,
 	orderCancel,
-	orderLog
+	orderLog,
+	unifyInfo
 }

apis/interfaces/user.js

@@ -8,6 +8,13 @@
 
 import { request } from '../index'
 
+// 团队分类
+const relationsTab = () => {
+	return request({
+		url		: 'user/team/init',
+	})
+}
+
 // 我的下级用户
 const relations = data => {
 	return request({
@@ -205,6 +212,7 @@ const offUser = data => {
 }
 
 export {
+	relationsTab,
 	relations,
 	code,
 	info,

main.js

@@ -1,3 +1,4 @@
+
 import App from './App'
 
 import Vue from 'vue'

manifest.json

@@ -2,8 +2,8 @@
     "name" : "抖火法律",
     "appid" : "__UNI__C305C03",
     "description" : "纵有疾风起，人生不言弃",
-    "versionName" : "1.6.4",
+    "versionName" : "1.5.5",
-    "versionCode" : 1064,
+    "versionCode" : 1054,
     "transformPx" : false,
     /* 5+App特有相关 */
     "app-plus" : {

pages.json

@@ -197,7 +197,7 @@
 		"auth": true,
 		"name": "UserTeam",
 		"style": {
-			"navigationBarTitleText": "我的客户",
+			"navigationBarTitleText": "我的团队",
 			"enablePullDownRefresh": false,
 			"navigationBarBackgroundColor": "#ffffff"
 		}
@@ -929,6 +929,79 @@
 			"enablePullDownRefresh" : false,
 			"navigationBarBackgroundColor": "#FFFFFF"
 		}
+	},
+	{
+		"path" : "pages/orderInfo/orderInfo",
+		"name" : "OrderInfo",
+		"style" : {
+			"navigationBarTitleText" : "",
+			"enablePullDownRefresh" : false,
+			"navigationBarTextStyle": "white",
+			"navigationBarBackgroundColor": "#353ef4"
+		}
+	},
+	{
+		"path" : "pages/business/list",
+		"name" : "businessList",
+		"style" : {
+			"navigationBarTitleText" : "",
+			"enablePullDownRefresh" : false,
+			"navigationBarBackgroundColor": "#FFFFFF"
+		}
+	},
+	{
+		"path" : "pages/business/info",
+		"name" : "businessInfo",
+		"style" : {
+			"navigationBarTitleText" : "详情",
+			"enablePullDownRefresh" : false,
+			"navigationBarBackgroundColor": "#FFFFFF"
+		}
+	},
+	{
+		"path" : "pages/business/bigFive",
+		"name" : "businessBigFive",
+		"style" : {
+			"navigationBarTitleText" : "",
+			"enablePullDownRefresh" : false,
+			"navigationBarBackgroundColor": "#FFFFFF"
+		}
+	},
+	{
+		"path" : "pages/business/handle",
+		"name" : "businessHandle",
+		"style" : {
+			"navigationBarTitleText" : "业务办理",
+			"enablePullDownRefresh" : false,
+			"navigationBarBackgroundColor": "#FFFFFF"
+		}
+	},
+	{
+		"path" : "pages/business/other",
+		"name" : "businessOther",
+		"style" : {
+			"navigationBarTitleText" : "",
+			"enablePullDownRefresh" : false,
+			"navigationBarBackgroundColor": "#FFFFFF"
+		}
+	},
+	{
+		"path" : "pages/business/order",
+		"name" : "businessOrder",
+		"style" : {
+			"navigationBarTitleText" : "订单列表",
+			"enablePullDownRefresh" : false,
+			"navigationBarBackgroundColor": "#FFFFFF"
+		}
+	},
+	{
+		"path" : "pages/business/orderInfo",
+		"name" : "businessOrderInfo",
+		"style" : {
+			"navigationBarTitleText" : "订单详情",
+			"enablePullDownRefresh" : false,
+			"navigationBarBackgroundColor": "#FFFFFF"
+		}
 	}],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
@@ -945,12 +1018,7 @@
 			"iconPath": "static/icons/tabs_icon_00.png",
 			"selectedIconPath": "static/icons/tabs_show_00.png",
 			"pagePath": "pages/index/index",
-			"text": "服务包"
+			"text": "首页"
-		}, {
-			"iconPath": "static/icons/tabs_icon_01.png",
-			"selectedIconPath": "static/icons/tabs_show_01.png",
-			"pagePath": "pages/college/test",
-			"text": "业务考试"
 		}, {
 			"iconPath": "static/icons/tabs_icon_02.png",
 			"selectedIconPath": "static/icons/tabs_show_02.png",

pages/business/bigFive.vue

@@ -0,0 +1,153 @@
+<template>
+	<view class="create-page">
+		<block v-if="childrenArr.length > 0">
+			<view class="create-title">创建新的订单</view>
+			<view class="create-submit">选择业务类型</view>
+			<view class="create-from">
+				<view class="create-type">
+					<block v-for="(item, index) in childrenArr" :key="index">
+						<view class="create-type-item" :class="{'active': (item.id == businessId)}" @click="onBusiness(item.id)">
+							<image class="create-type-icon" :src="item.cover" mode="aspectFill"></image>
+							<view class="create-type-text">
+								<view class="title nowrap">{{item.title || '-'}}</view>
+								<view class="submit nowrap">{{item.subtitle}}</view>
+							</view>
+						</view>
+					</block>
+				</view>
+				<view class="create-btn">
+					<button size="default" @click="onNext()">下一步</button>
+				</view>
+			</view>
+		</block>
+		<!-- 订单是空的 -->
+		<view class="order-null" v-else>
+			<u-empty
+				mode="order"
+				icon="http://cdn.uviewui.com/uview/empty/order.png"
+				text="暂无可创建订单"
+			>
+			</u-empty>
+		</view>
+	</view>
+	
+</template>
+
+<script>
+    import { bigfiveInit } from '@/apis/interfaces/index.js'
+	export default {
+		data() {
+			return {
+				childrenArr: [],
+				businessId : '',
+			}
+		},
+        onLoad() {
+			const parentData = JSON.parse(decodeURIComponent(this.$Route.query.children))
+			this.childrenArr = parentData
+			this.businessId = this.childrenArr[0].id
+        },
+		methods: {
+			// 选择业务类型
+			onBusiness(id){
+				this.businessId = id
+			},
+			
+			// 创建业务单
+			onNext(){
+				const synthesisObj = this.childrenArr.find(val => val.id === this.businessId)
+				// 办理初始接口
+				bigfiveInit(synthesisObj.id).then(res=>{
+					this.onNav('businessHandle', { record: encodeURIComponent(JSON.stringify(res)), bigFiveId: synthesisObj.id })
+				}).catch(err=>{
+				    uni.showToast({
+				        title:err.message,
+				        icon:'none',
+				        mask:true,
+				        duration:2000
+				    })
+				})
+			},
+			
+			// 跳转
+			onNav(name, obj){
+				let params = obj || {}
+				this.$Router.push({name, params})
+			},
+		}
+	}
+</script>
+
+<style lang="scss">
+	.create-page{
+		padding: 50rpx;
+		box-sizing: border-box;
+		min-height: 100vh;
+		overflow: hidden;
+		.create-title{
+			text-align: center;
+			font-weight: bold;
+			font-size: 44rpx;
+		}
+		.create-submit{
+			text-align: center;
+			font-size: 30rpx;
+			color: gray;
+			padding-top: 10rpx;
+		}
+		
+		// 选择业务类型
+		.create-type{
+			padding-top: 30rpx;
+			.create-type-title{
+				text-align: center;
+				line-height: 50rpx;
+				color: gray;
+				font-size: 30rpx;
+			}
+			.create-type-item{
+				background: #f8f8f8;
+				border-radius: $radius;
+				padding: 30rpx;
+				margin-top: 30rpx;
+				border:solid 1rpx #f8f8f8;
+				box-sizing: border-box;
+				display: flex;
+				align-items: center;
+				.create-type-icon{
+					width: 74rpx;
+					height: 74rpx;
+					margin-right: $margin;
+				}
+				.create-type-text{
+					line-height: 40rpx;
+					.title{
+						font-size: 30rpx;
+					}
+					.submit{
+						color: gray;
+						font-size: 26rpx;
+					}
+				}
+				&.active{
+					border:solid 1rpx $main-color;
+				}
+			}
+		}
+		// 按钮
+		.create-btn{
+			margin-top: 90rpx;
+			button[size="default"]{
+				height: 100rpx;
+				line-height: 100rpx;
+				background: $main-color;
+				font-size: 32rpx;
+				color: white;
+				font-weight: bold;
+				&::after{
+					border: none;
+				}
+			}
+		}
+	}
+</style>

pages/business/handle.vue

@@ -0,0 +1,232 @@
+<template>
+	<view class="from-content">
+		<view class="from-block" v-if="pickerArr.length > 0" >
+			<view class="from-block-item">
+				<label>办理业务</label>
+				<picker class="from-block-val" :range="pickerArr" :value="pickerIndex" range-key="title" @change="pickerChange">
+					<view class="from-block-picker nowrap">{{pickerArr[pickerIndex].title}}
+						<u-icon class="from-block-picker-icon" name="arrow-down" color="#555" size="15"></u-icon>
+					</view>
+				</picker>
+			</view>
+		</view>
+		<view class="from-block">
+			<view class="from-block-item" v-if="pickertype == 'select'">
+				<label>资费类型</label>
+				<picker class="from-block-val" :range="selectP" :value="selectPIndex" range-key="name" @change="pickerSelectChange">
+					<view class="from-block-picker nowrap">{{selectP[selectPIndex].name}}
+						<u-icon class="from-block-picker-icon" name="arrow-down" color="#555" size="15"></u-icon>
+					</view>
+				</picker>
+			</view>
+			<view class="from-block-item">
+				<label>客户姓名</label>
+				<input class="from-block-val from-block-input" placeholder="请输入客户姓名" v-model="name" />
+			</view>
+			<view class="from-block-item">
+				<label>手机号码</label>
+				<input class="from-block-val from-block-input" type="number" placeholder="请输入客户手机号码" v-model="phone" maxlength="11" />
+			</view>
+			<view class="from-block-item" v-if="needAmount > 0">
+				<label>{{priceTitle}}</label>
+				<input class="from-block-val from-block-input" type="number" v-model="amount" placeholder="请输入标的额"/>
+			</view>
+			<view class="from-block-item from-block-get" v-if="pickertype != 'free'">
+				<label>服务费</label>
+				<input class="from-block-val from-block-input" type="number" v-model="price" disabled />
+				<view class="from-block-get-btn" @click="settleInfo">计算费用</view>
+			</view>
+			<view class="from-block-item" v-else>
+				<label>服务费</label>
+				<input class="from-block-val from-block-input" type="number" placeholder="请输入客户服务费(元)" v-model="priceValue" />
+			</view>
+			<view class="from-block-item" v-if="needDiff != 0">
+				<label>已缴服务费</label>
+				<input class="from-block-val from-block-input" type="number" placeholder="请输入已缴纳金额" v-model="diffPrice" />
+			</view>
+		</view>
+		<button class="from-btn" @click="onSubmit">提交办理</button>
+	</view>
+</template>
+
+<script>
+	import { customTypes,customTypeStore } from '@/apis/interfaces/custom.js'
+	import { settleAmount, amountType, bigfiveStore } from '@/apis/interfaces/index.js'
+	export default {
+		data() {
+			return {
+				id			: '',
+				pickerArr	: [],
+				pickerIndex	: 0,
+				pickertype  : '',
+				name		: '',
+				phone		: '',
+                price       : 0,
+				diffPrice	: '',
+				priceValue  : '',
+				amount      : '',
+				needAmount	: 0,
+				needDiff	: 0,
+				selectP		: [],
+				selectPIndex: 0,
+				priceTitle	: '标的额'
+			};
+		},
+		onShow() {
+			const parentData = JSON.parse(decodeURIComponent(this.$Route.query.record))
+			console.log(parentData)
+			this.id	 		 = parentData.id
+			this.needDiff	 = parentData.need_diff
+			this.needAmount	 = parentData.need_amount
+			this.pickerArr   = parentData.child.data
+			this.pickertype  = parentData.type
+			this.selectP	 = parentData.select_p || []
+			this.priceTitle	 = parentData.price_title
+			if(parentData.child.has){
+				this.amountTypeInfo()
+			}
+		},
+		methods: {
+			// 标的额比例计算
+			settleInfo() {
+				let { pickerArr, pickerIndex } = this
+				let id = pickerArr.length > 0 ? pickerArr[pickerIndex].id : this.id
+				
+				settleAmount({
+					amount	: this.pickertype == 'select' ? this.selectP[this.selectPIndex].key : this.amount,
+					username: this.phone
+				}, id).then(res => {
+					this.price = res.price
+				}).catch(err => {
+					this.price = 0
+					uni.showToast({
+						title: err.message,
+						icon : 'none',
+				        mask:true,
+				        duration:3000
+					})
+				})
+			},
+			
+			// 选择办理业务
+			pickerChange(e) {
+				this.pickerIndex = e.detail.value
+				// 获取三级分类服务费类型
+				this.amountTypeInfo();
+				// 清空表单数据
+				this.onClerFrom()
+			},
+			
+			// 选择资费信息
+			pickerSelectChange(e){
+				let { value } = e.detail
+				this.selectPIndex = value
+				// 清空表单数据
+				this.onClerFrom()
+			},
+			
+			// 清空数据信息
+			onClerFrom(){
+				this.amount		= ""
+				this.price		= 0
+				this.priceValue	= ""
+				this.name		= ""
+				this.phone		= ""
+				this.diffPrice	= ""
+			},
+			// 三级分类服务费类型
+			amountTypeInfo() {
+				let { pickerArr, pickerIndex } = this
+				let id = pickerArr[pickerIndex].id
+				amountType(id).then(res => {
+					let { type, need_amount, select_p, need_diff, price_title } = res;
+					this.needDiff	= need_diff
+					this.pickertype = type
+					this.needAmount = need_amount
+					this.selectP	= select_p || []
+					this.priceTitle = price_title
+					// if(type == 'select'){
+					// 	this.settleInfo()
+					// }
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon : 'none',
+				        mask:true,
+				        duration:3000
+					})
+				})
+			},
+			
+			// 提交表单
+			onSubmit(){
+				let { name, phone, pickerIndex, price, priceValue, amount, pickerArr, pickertype, selectP, selectPIndex, diffPrice } = this
+				uni.showLoading({
+					title: "提交中...",
+					mask : true
+				})
+				let params = {
+					big_id  	:   pickerArr.length > 0 ? pickerArr[pickerIndex].id : this.$Route.query.bigFiveId,
+				    name    	:   name,
+					amount  	:   amount || 0,
+				    mobile  	:   phone,
+				    price   	:   pickertype == 'free' ? priceValue : price,
+					select_key	: 	selectP.length > 0 ? selectP[selectPIndex].key : '',
+					diff_price	: 	diffPrice
+				}
+				bigfiveStore(params).then(res => {
+					let { order_type, order_id, order_no } = res;
+					this.$Router.replace({
+						name	: 'Pay',
+						params	: {
+							paytype		: 'synthesize',
+							orderId		: order_id,
+							orderType	: order_type.replace(/\\/g, '-')
+						},
+					})
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon : 'none',
+                        mask:true,
+                        duration:3000
+					})
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	.from-content{
+		min-height: 100vh;
+		padding: 30rpx;
+		background: #f7f8f9;
+	}
+	.from-block{
+		background: white;
+		border-radius: 20rpx;
+		margin-bottom: 30rpx;
+		padding: 0 30rpx;
+	}
+	.from-block-item{
+		min-height: 70rpx;
+		display: flex;
+		font-size: 32rpx;
+		border-bottom: solid 1rpx #f3f3f3; 
+		padding: 15rpx 0;
+		&:last-child{ border: none; }
+		label{ width: 200rpx; line-height: 70rpx; }
+		&.from-block-get{ padding-right: 200rpx; position: relative; }
+		.from-block-get-btn{ font-size: 32rpx; line-height: 100rpx; border-left:solid 1rpx #f3f3f3; color: $main-color; width: 170rpx; text-align: center; position: absolute; right: 0; top: 0; }
+		.from-block-val{ width: calc(100% - 200rpx); text-align: right; line-height: 70rpx;
+			&.price{ color: $main-color; font-weight: bold; }
+		}
+		.from-block-input{ height: 70rpx; font-size: 32rpx; }
+		.from-block-picker{ padding-right: 50rpx; position: relative; }
+		.from-block-picker-icon{ position: absolute; right: 0; top: 50%; margin-top: -15rpx; }
+	}
+	.from-btn{ width: 100%; background-color: $main-color; color: white; line-height: 95rpx; height: 95rpx; border-radius: 45rpx; font-size: 32rpx; font-weight: bold;
+		&::after{ display: none; }
+	}
+</style>

pages/business/info.vue

@@ -0,0 +1,80 @@
+<template>
+	<view class="content">
+		<image class="infoBack" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2024/02/20/10a4a33eb939fe721f934ec82fabb340.png" mode="widthFix"></image>
+		<view class="infoCont">
+			<view class="infoWrite">
+				<image class="infoCont-mark" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2024/02/20/ca5ec8654ee1f2de5bfc1858a1415aef.png" mode="heightFix"></image>
+				<image class="infoCont-hot" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2024/02/20/053632a2a4c63fd50a0f2cde9835a152.png" mode="widthFix"></image>
+				<image class="infoCont-seal" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2024/02/20/2df98978be66b60985c88eea95f091e5.png" mode="widthFix"></image>
+				<view class="infoCont-title">{{bigFiveInfo.title}}</view>
+				<view class="infoCont-text" v-if="bigFiveInfo.subtitle != ''">
+					<view class="infoCont-text-star">★</view> 
+					<view class="infoCont-text-subtitle">{{bigFiveInfo.subtitle}}</view>
+				</view>
+				<view class="infoCont-text">
+					<!-- <view class="infoCont-text-star">★</view> -->
+					<!-- <view class="infoCont-text-tips">{{bigFiveInfo.remark}}</view> -->
+					<block v-for="(item,index) in bigFiveInfo.pictures" :key="index">
+						<image style="max-width: 100%; vertical-align: top;" :src="item" @click="onOpenImg(index)" mode="widthFix"></image>
+					</block>
+				</view>
+			</view>
+		</view>
+		<image class="infoBottom" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2024/02/20/b99c7e15d011e53e8eed7dc16a84d6cf.png" mode="widthFix"></image>
+	</view>
+</template>
+
+
+<script>
+    import { bigfiveInfo } from '@/apis/interfaces/index.js'
+	export default {
+		data() {
+			return {
+				bigFiveInfo: ''
+			}
+		},
+        onShow() {
+			this.bigfiveIndex()
+		},
+        methods: {
+        	// 最新五大板块
+        	bigfiveIndex(){
+        	    bigfiveInfo(this.$Route.query.bigFive).then(res=>{
+					
+					console.log(res)
+					
+					this.bigFiveInfo = res
+        	    }).catch(err=>{
+        	        uni.showToast({
+        	            title:err.message,
+        	            icon:'none',
+        	            mask:true,
+        	            duration:2000
+        	        })
+        	    })
+        	},
+			// 查看图片
+			onOpenImg(index){
+				wx.previewImage({
+					urls	: this.bigFiveInfo.pictures,
+					current	: this.bigFiveInfo.pictures[index]
+				})
+			}
+        }
+	}
+</script>
+
+<style lang="scss" scoped>
+	.content{background: #070b30; overflow-y: scroll;}
+	.infoBack {width: 100%;}
+	.infoCont {padding: 0 $padding; box-sizing: border-box; margin-top: -100rpx; position: relative; z-index: 99;}
+	.infoWrite {background-color: #ffffff; padding: $padding + 10 $padding 90rpx; box-sizing: border-box; position: relative;}
+	.infoCont-mark {position: absolute; top: 10%; left: 20%;}
+	.infoCont-hot {width: 130rpx;position: absolute; top: 0; right: 0;}
+	.infoCont-seal {width: 160rpx;position: absolute; bottom: -80rpx; right: $padding;}
+	.infoCont-title {color: #003a95; font-size: $title-size + 12; font-weight: bold; margin-bottom: $margin;}
+	.infoCont-text {color: #111111; line-height: 52rpx; font-size: $title-size; display: flex;}
+	.infoCont-text-subtitle {font-weight: 600; margin-bottom: 20rpx;}
+	.infoCont-text-star {padding-right: 10rpx;}
+	.infoBottom {width: 100%; position: relative; bottom: 0; left: 0;}
+</style>

pages/business/list.vue

@@ -0,0 +1,51 @@
+<template>
+	<view class="content">
+		<view class="list">
+			<view class="item" v-for="(item, index) in childrenArr" :key="index">
+				<view class="item-number"><text>0{{index + 1}}</text></view>
+				<view class="nowrap item-name">{{item.title}}</view>
+				<view class="nowrap item-text">{{item.subtitle}}</view>
+				<view class="item-more">
+					<view class="item-more-name" @click="onNav(item.id)">点击查看详情</view>
+					<view class="footer-tool-label-icon"><u-icon name="arrow-right" size="16" /></view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+    import { bigfive } from '@/apis/interfaces/index.js'
+	export default {
+		data() {
+			return {
+				childrenArr: []
+			}
+		},
+        onLoad() {
+        },
+		onShow() {
+			const parentData = JSON.parse(decodeURIComponent(this.$Route.query.children))
+			this.childrenArr = parentData
+		},
+		methods: {
+			// 跳转
+			onNav(id){
+				this.$Router.push({name: 'businessInfo', params:{bigFive:id}})
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.list {padding: $padding; box-sizing: border-box;}
+	.item {background-color: #ffffff; border-radius: $radius; position: relative;padding: $padding; box-sizing: border-box; overflow: hidden; margin-bottom: $margin;}
+	.item-name {font-weight: bold; font-size: $title-size + 8; color: #c92453;}
+	.item-text {font-size: $title-size; color: #111111; line-height: 54rpx; padding: $padding 0;}
+	.item-more {color: #666666; border-top: 2rpx solid #eeeeee;display: flex; line-height: 44rpx; font-size: $title-size; padding-top: $padding;}
+	.item-more-name {flex: 1;}
+	.footer-tool-label-icon {line-height: 44rpx; padding-top: 4rpx; font-weight: 600;}
+	.item-number {background-color: #fea6cd; position: absolute; right: 0; top: 0; color: #c92553; font-weight: bold; font-size: $title-size + 2; border-radius: 0 $radius 0 $radius + 20; overflow: hidden; padding: 0 $padding - 20rpx 0 $padding - 10;}
+	.item-number::after {position: absolute; content: ''; bottom: -48%; left: -78%; background-color: #ffc8e7; width: 200%; height: 100%; z-index: 9; border-radius: 100%;transform: rotate(45deg);}
+	.item-number text {transform: rotate(45deg); display: inline-block; margin: 5rpx 0 10rpx;}
+</style>

pages/business/order.vue

@@ -0,0 +1,339 @@
+<template>
+	<view class="content">
+		<!-- tabs -->
+		<u-sticky bgColor="#FFF" zIndex="9" >
+			<u-tabs
+				:current="tabsCurrent"
+				:list="tabs"
+				keyName="value"
+				lineColor="#446EFE"
+				:scrollable="tabs.length > 5"
+				:activeStyle="{
+					color: '#111',
+					fontWeight: 'bold',
+					fontSize: '32rpx'
+				}"
+				:inactiveStyle="{
+					color: '#606266',
+					fontSize: '30rpx'
+				}"
+				@click="onTabs"
+			></u-tabs>
+		</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)">
+						{{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">{{item.title}}</view>
+					</view>
+					<view class="orders-content-item">
+						<label>客户姓名</label>
+						<view class="nowrap">{{item.name}}</view>
+					</view>
+					<view class="orders-content-item">
+						<label>手机号码</label>
+						<view class="nowrap">{{item.mobile}}</view>
+					</view>
+					<view class="orders-content-item" v-if="item.amount != ''">
+						<label>标的额</label>
+						<view class="nowrap">￥{{item.amount}}</view>
+					</view>
+					<view class="orders-content-item" v-if="item.price != ''">
+						<label>服务费</label>
+						<view class="nowrap">￥{{item.price}}</view>
+					</view>
+					<view class="orders-content-item">
+						<label>创建时间</label>
+						<view class="nowrap">{{item.created_at}}</view>
+					</view>
+					<view class="orders-content-item" v-if="item.paid_at != ''">
+						<label>支付时间</label>
+						<view class="nowrap">{{item.paid_at}}</view>
+					</view>
+				</view>
+				<view class="orders-flex">
+					<view class="price">￥{{item.price}}</view>
+					<view class="btns">
+						<view class="btns-item border" v-if="item.can.cancel" @click="onCancel(item)">取消订单</view>
+						<view class="btns-item" v-if="item.can.pay" @click="onPay(item)">立即支付</view>
+						<view class="btns-item" v-if="item.can.look" @click="onInfo(item)">查看详情</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>
+	</view>
+</template>
+
+<script>
+	import { orderLists, orderCancel } from '@/apis/interfaces/index.js'
+	export default {
+		data() {
+			return {
+				tabs		: [{ id: '', value: '全部' }],
+				tabsCurrent	: 0,
+				tabsId		: '',
+				orders		: [],
+				pagesShow	: false,
+				page		: {
+					current	: 1,
+					has_more: false,
+				},
+				status		: ''
+			};
+		},
+		onShow() {
+			this.getOrder()
+		},
+		methods: {
+			// 筛选分类
+			onTabs(e){
+				let { id, index } = e;
+				this.tabsCurrent = index
+				this.tabsId		 = id
+				this.page		 = { current: 1, has_more: false }
+				this.getOrder()
+			},
+			// 获取订单列表
+			getOrder(){
+				let { tabsId, tabs, orders, page } = this
+				orderLists({
+					big_id : this.$Route.query.bigId,
+					status : tabsId,
+					page   : page.current
+				}).then(res => {
+					let { status, lists } = res;
+					this.tabs   	= [{ id: '', value: '全部' }].concat(status)
+					this.orders 	= lists.page.current == 1 ? lists.data : this.orders.concat(lists.data)
+					this.page		= lists.page
+					this.pagesShow 	= false
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon : 'none'
+					})
+				})
+			},
+			// 取消订单
+			onCancel(e){
+				let { order_id } = e;
+				uni.showModal({
+					title		: "提示",
+					content		: "确认取消当前订单嘛？",
+					cancelText	: "取消",
+					confirmColor: "#446EFE",
+					success 	: modalRes => {
+						if(modalRes.confirm){
+							uni.showLoading({
+								title: "加载中...",
+								mask : true
+							})
+							orderCancel(order_id).then(res => {
+								uni.showToast({
+									title: '订单已取消',
+									icon : 'none'
+								})
+								this.page = { current: 1, has_more: false }
+								this.getOrder()
+							}).catch(err => {
+								console.log(err)
+								uni.showToast({
+									title: err.message,
+									icon : 'none'
+								})
+							})
+						}
+					}
+				})
+			},
+			// 订单详情
+			onInfo(obj){
+				this.$Router.push({
+					name	: 'businessOrderInfo',
+					params	: {
+						orderId		: obj.order_id,
+						orderType	: obj.order_type.replace(/\\/g, '-')
+					}
+				})
+			},
+			// 复制订单号码
+			copyNo(no){
+				uni.setClipboardData({
+					data	: no,
+					success	: res => {
+						uni.showToast({
+							title: '订单号已复制',
+							icon : 'none'
+						})
+					}
+				})
+			},
+			// 去支付
+			onPay(obj){
+				let { order_id, order_type, paid_at } = obj
+				if(paid_at == ''){
+					this.$Router.push({
+						name	: 'Pay',
+						params	: {
+							paytype		: 'synthesize',
+							orderId		: order_id,
+							orderType	: order_type.replace(/\\/g, '-')
+						},
+					})
+				}
+			}
+		},
+		onReachBottom() {
+			this.pagesShow = true;
+			if(this.page.has_more){
+				this.status    = 'loading';
+				this.page.current++
+				this.getOrder()
+				return
+			}
+			this.status    = 'nomore';
+		}
+	}
+</script>
+
+<style lang="scss">
+	// 订单列表
+	.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;
+					width: 200rpx;
+				}
+				.orders-content-btn{
+					color: $main-color;
+				}
+				&.orders-content-bottom{
+					padding-right: 40rpx;
+					position: relative;
+					.orders-content-icon{
+						position: absolute;
+						right: 0;
+						top: 0;
+					}
+				}
+			}
+			&-type{
+				text{
+					margin-right: 30rpx;
+					position: relative;
+					display: inline-block;
+					&::after{
+						position: absolute;
+						content: "/";
+						width: 30rpx;
+						text-align: center;
+						font-size: 30rpx;
+						top: 0;
+						right: -30rpx;
+					}
+					&:last-child{
+						margin-right: 0;
+						&::after{
+							display: none;
+						}
+					}
+				}
+			}
+			&-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;
+			}
+			.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;
+			}
+			.price{
+				font-weight: bold;
+				color: $main-color;
+			}
+			.btns{
+				width: 400rpx;
+				text-align: right;
+				.btns-item{
+					display: inline-block;
+					height: 70rpx;
+					line-height: 70rpx;
+					background: $main-color;
+					color: white;
+					border-radius: 35rpx;
+					padding: 0 30rpx;
+					font-size: 30rpx;
+					&.border{
+						border: solid 1rpx $main-color;
+						color: $main-color;
+						background: white;
+						height: 68rpx;
+						line-height: 68rpx;
+						&::after{ display: none;}
+					}
+					&:last-child{ margin-left: 30rpx; }
+				}
+			}
+		}
+	}
+</style>

pages/business/orderInfo.vue

@@ -0,0 +1,124 @@
+
+<template>
+	<view class="info-content">
+		<view class="block">
+			<view class="block-item">
+				<view class="block-item-flex" v-for="(item, index) in objArr" :key="index">
+					<label>{{item.name}}</label>
+					<view class="val">{{item.value}}</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import { unifyInfo } from '@/apis/interfaces/order.js'
+	export default {
+		data() {
+			return {
+				objArr: []
+			};
+		},
+		created() {
+			uni.showLoading({
+				title: '加载中...',
+				mask : true
+			})
+			unifyInfo({
+				order_type	: this.$Route.query.orderType.replace(/\-/g, '\\'),
+				order_id	: this.$Route.query.orderId
+			}).then(res => {
+				console.log(res)
+				uni.hideLoading()
+				this.objArr = res;
+			}).catch(err => {
+				console.log(err)
+				uni.showToast({
+					title: err.message,
+					icon : 'none'
+				})
+			})
+		}
+	}
+</script>
+<style lang="scss" scoped>
+	.info-content{ 
+		position: relative;
+		background: #eeefff;
+		min-height: 100vh;
+		box-sizing: border-box;
+		padding-bottom: 10rpx;
+		padding-top: 30rpx;
+		&::before{
+			background-image: linear-gradient(180deg, #353ef4 10%, #eeefff);
+			height: 50vh;
+			content: " ";
+			width: 100vw;
+			position: absolute;
+			top: 0;
+			left: 0;
+		}
+		// 模块
+		.block{
+			background: white;
+			position: relative;
+			z-index: 1;
+			margin: 0 40rpx 30rpx;
+			border-radius: 20rpx;
+			.block-header{
+				padding: 32rpx;
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				.title{
+					width: calc(100% - 200rpx);
+					text{
+						font-size: 30rpx;
+						line-height: 30rpx;
+						color: gray;
+					}
+					view{
+						font-weight: bold;
+						font-size: 40rpx;
+						line-height: 50rpx;
+						@extend .nowrap;
+					}
+				}
+				.price{
+					text-align: right;
+					width: 200rpx;
+					padding-left: 20rpx;
+					text{
+						font-size: 30rpx;
+						line-height: 30rpx;
+						color: gray;
+					}
+					view{
+						font-weight: bold;
+						font-size: 40rpx;
+						color: #353ef4;
+						line-height: 50rpx;
+						@extend .nowrap;
+					}
+				}
+			}
+			.block-item{
+				padding: 32rpx;
+				.block-item-flex{ 
+					padding: 20rpx 0;
+					font-size: 30rpx;
+					display: flex;
+					color: #555;
+					justify-content: space-between;
+					label{ width: 240rpx; }
+					.val{
+						text-align: right;
+						width: calc(100% - 240rpx);
+					}
+				}
+			}
+		}
+	}
+</style>
+

pages/business/other.vue

@@ -0,0 +1,127 @@
+<template>
+	<view class="content">
+		<view class="flex">
+			<view class="flex-item" @click="onNav('ConsultWork')">
+				<image class="flex-icon" src="/static/icons/icon_00.png" mode="aspectFill"></image>
+				<view class="flex-title">
+					<view class="flex-name">协商调解咨询类</view>
+					<view class="flex-tips">信用卡、贷款业务</view> 
+				</view>
+				<view class="flex-btn">去查看</view>
+			</view>
+			<view class="flex-item" @click="onNav('AccountWork')">
+				<image class="flex-icon" src="/static/icons/work_icon_30.png" mode="aspectFill"></image>
+				<view class="flex-title">
+					<view class="flex-name">账户管理咨询类</view>
+					<view class="flex-tips">客户账户管理咨询类订单</view> 
+				</view>
+				<view class="flex-btn">去查看</view>
+			</view>
+			<view class="flex-item" @click="onNav('DelegationWork')">
+				<image class="flex-icon" src="/static/icons/work_icon_29.png" mode="aspectFill"></image>
+				<view class="flex-title">
+					<view class="flex-name">委托管理类</view>
+					<view class="flex-tips">客户委托管理类订单</view> 
+				</view>
+				<view class="flex-btn">去查看</view>
+			</view>
+			
+			<view class="flex-item" @click="onNav('ServiceWork')">
+				<image class="flex-icon" src="/static/icons/icon_01.png" mode="aspectFill"></image>
+				<view class="flex-title">
+					<view class="flex-name">法律咨询类</view>
+					<view class="flex-tips">个人、企业法律</view>
+				</view>
+				<view class="flex-btn">去查看</view>
+			</view>
+			<view class="flex-item" @click="onNav('ActionWork')">
+				<image class="flex-icon" src="/static/icons/icon_02.png" mode="aspectFill"></image>
+				<view class="flex-title">
+					<view class="flex-name">诉讼委托咨询类</view>
+					<view class="flex-tips">案件委托、拓展服务</view>
+				</view>
+				<view class="flex-btn">去查看</view>
+			</view>
+			<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>
+					<view class="flex-tips">销售、领袖、演说等</view>
+				</view>
+				<view class="flex-btn">去查看</view>
+			</view>
+		    <view class="flex-item" @click="onNav('AccountWork2')">
+		    	<image class="flex-icon" src="/static/icons/icon_04.png" mode="aspectFill"></image>
+		    	<view class="flex-title">
+		    		<view class="flex-name">线下订单</view>
+		    		<view class="flex-tips">线下咨询类订单</view>
+		    	</view>
+		    	<view class="flex-btn">去查看</view>
+		    </view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {};
+		},
+		onShow() {},
+		methods: {
+			// 跳转
+			onNav(name, obj){
+				let params = obj || {}
+				this.$Router.push({name, params})
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.content{
+		padding: 30rpx 0;
+	}
+	.flex{
+		width: 100%;
+		padding: 0 30rpx;
+		box-sizing: border-box;
+		&-item{
+			background: white;
+			padding: 30rpx;
+			border-radius: 30rpx;
+			margin-bottom: 30rpx;
+			display: flex;
+			box-sizing: border-box;
+			position: relative;
+			.flex-icon{ width: 48px; height: 48px; border-radius: 30rpx; }
+			.flex-title{
+				box-sizing: border-box;
+				padding-left: 30rpx;
+				.flex-name {
+					color: #293f66;
+					font-size: 34rpx;
+					font-weight: bold;
+					padding: 4rpx 0;
+				}
+				.flex-tips {
+					color: #929db3;
+					font-size: 28rpx;
+				}
+			}
+			.flex-btn {
+				position: absolute;
+				right: 30rpx;
+				top: 48rpx;
+				height: 60rpx;
+				line-height: 60rpx;
+				border-radius: 80rpx;
+				color: #468bff;
+				background-color: #f8fbff;
+				border: 2rpx solid #d8e6ff;
+				font-size: 28rpx;
+				padding: 0 25rpx;
+			}
+		}
+	}
+</style>

pages/index/index-备份.vue

@@ -0,0 +1,669 @@
+<template>
+	<view class="content">
+		<view class="header">
+			<view class="banner">
+				<u-swiper
+					class="banner-swiper"
+					:list="bannerArr"
+					:indicator="true"
+                    keyName="cover"
+					previousMargin="20"
+					nextMargin="20"
+					circular
+					radius="10"
+					bgColor="#ffffff"
+					height="100%"
+                    @click='swiperClick'
+				/>
+			</view>
+			<view class="notice">
+				<view class="notice-title">
+					<image class="notice-icon" src="@/static/index/index_notice.png" mode="widthFix" /> 公告
+				</view>
+				<u-notice-bar
+					icon=""
+					:text="notice"
+                    url=''
+                    linkType='navigateTo'
+                    fontSize="14"
+					direction="column"
+					bgColor="#fff"
+					color="#111111"
+				/>
+				<view class="notice-more">更多<u-icon class="more-icon" size="20rpx" color="#999" name="arrow-right" /></view>
+			</view>
+		</view>
+		<!-- 自由服务包 -->
+		<view class="free" @click="onView('FreeService')">
+			<image class="free-img" src="@/static/index/index_banner_free.png" mode="widthFix" />
+		</view>
+		<!--  协商调解类 -->
+		<view class="block" v-if="false">
+			<view class="block-title">
+				<view class="title">协商调解咨询类</view>
+			</view>
+            <scroll-view class="the-tabs" scroll-x="true" >
+                <block v-for="(item, index) in theTabs" :key="index">
+                    <view class="the-tabs-item" :class="{'active': item.category_id == theTabId}" @click="onTheTab(item)">{{item.title}}</view>
+                </block>
+                <view class="the-tabs-acitve-block" :style="theTabStyle"></view>
+            </scroll-view>
+			<scroll-view 
+                class="the-flex" 
+                scroll-x="true" 
+                scroll-with-animation="true" 
+                :scroll-into-view='defaultViewId'
+            >
+                    <view class="the-flex-item"
+                        v-for="item in jfList"
+                        :key="item.service_id"
+                        :id='"_tabs"+item.service_id'
+                        @click="sevicesClick(item.service_id)"
+                    >
+						<view class="cover" :style="'background-image: url(' + item.cover + ');'"></view>
+                        <view class="title nowrap">{{item.title}}</view>
+                        <view class="price nowrap"><text>￥</text>{{item.price}}<text class="ding" v-if="item.type">定金</text></view>
+                    </view>
+			</scroll-view>
+		</view>
+		<!-- 账户管理咨询类 -->
+		<view class="block" v-if="accountData.length > 0">
+			<view class="block-title">
+				<view class="title">账户管理咨询类</view>
+			</view>
+			<scroll-view 
+				class="the-flex"
+				style="padding-top: 0;"
+				scroll-x="true" 
+				scroll-with-animation="true" 
+			>
+				<block v-for="(item, index) in accountData" :key="index">
+					<view class="the-flex-item"
+						@click="onMagInfo('Account', item.id)"
+					>
+						<view class="cover" :style="'background-image: url(' + item.cover + ');'"></view>
+						<view class="title nowrap">{{item.title}}</view>
+						<view class="price nowrap"><text>￥</text>{{item.price}} <text v-if="item.limit != null">/{{item.limit}}</text></view>
+					</view>
+				</block>
+			</scroll-view>
+		</view>
+		<!-- 委托管理类 -->
+		<view class="block" v-if="delegation.length > 0">
+			<view class="block-title">
+				<view class="title">委托管理类</view>
+			</view>
+			<scroll-view 
+				class="the-flex"
+				style="padding-top: 0;"
+				scroll-x="true" 
+				scroll-with-animation="true" 
+			>
+				<block v-for="(item, index) in delegation" :key="index">
+					<view class="the-flex-item"
+						@click="onMagInfo('Delegation', item.id)"
+					>
+						<view class="cover" :style="'background-image: url(' + item.cover + ');'"></view>
+						<view class="title nowrap">{{item.title}}</view>
+						<view class="price nowrap"><text>￥</text>{{item.price}} <text v-if="item.limit != null">/{{item.limit}}</text></view>
+					</view>
+				</block>
+			</scroll-view>
+		</view>
+		<!-- 法律咨询类 -->
+		<view class="block">
+			<view class="block-title">
+				<view class="title">法律咨询类</view>
+			</view>
+			<scroll-view 
+				class="the-flex"
+				style="padding-top: 0;"
+				scroll-x="true" 
+				scroll-with-animation="true" 
+				:scroll-into-view='defaultViewId'
+			>
+				<block v-for="(item, index) in appMenus.service" :key="index">
+					<view class="the-flex-item"
+						@click="onView(item.page)"
+					>
+						<view class="cover" :style="'background-image: url(' + item.cover + ');'"></view>
+						<view class="title nowrap">{{item.title}}</view>
+						<view class="price nowrap"><text>￥</text>{{item.price}} <text v-if="item.limit != null">/{{item.limit}}</text></view>
+					</view>
+				</block>
+			</scroll-view>
+		</view>
+		<!-- 诉讼委托类 -->
+		<view class="block">
+			<view class="block-title">
+				<view class="title">诉讼委托咨询类</view>
+			</view>
+			<view class="lawsuit">
+				<block v-for="(item, index) in appMenus.cases" :key="index">
+					<view class="lawsuit-item" @click="onView(item.page)">
+						<view class="lawsuit-cover" :style="'background-image: url(' + item.cover + ');'"></view>
+						<view class="lawsuit-text">
+							<view class="lawsuit-title nowrap">{{item.title}}</view>
+							<view class="lawsuit-price">￥{{item.price}}<text v-if="item.limit != null">{{item.limit}}</text></view>
+						</view>
+					</view>
+				</block>
+			</view>
+		</view>
+		<!-- 增收赋能类 -->
+		<view class="block">
+			<view class="block-title">
+				<view class="title">增收赋能咨询类</view>
+			</view>
+			<scroll-view 
+				class="the-flex"
+				style="padding-top: 0;"
+				scroll-x="true" 
+				scroll-with-animation="true" 
+				:scroll-into-view='defaultViewId'
+			>
+				<view class="the-flex-item" v-for="(item, index) in empowerArr" :key="index" @click="onEmpower(item.id)">
+					<view class="cover" :style="'background-image: url(' + item.cover + ');'"></view>
+					<view class="title nowrap">{{item.title}}</view>
+					<view class="price nowrap"><text>￥</text>{{item.price}}</view>
+				</view>
+			</scroll-view>
+		</view>
+		<!-- 弹窗 -->
+		<u-popup :show="showAdImg" mode="center" bgColor="transparent">
+			<view class="ad-lay">
+				<view class="ad-down">
+					<u-count-down
+						ref="adCountDown"
+						:time="showAdTime"
+						:autoStart="false"
+						@change="timeData = $event"
+						@finish="showAdImg = false">
+						<view>
+							自动关闭<text>{{ timeData.seconds }}</text>S
+						</view>
+					</u-count-down>
+				</view>
+				<image class="ad-img" :src="layAdImg" mode="heightFix"></image>
+				<view class="ad-btn">
+					<u-icon
+						class="ad-btn-icon"
+						name="close-circle"
+						color="white"
+						size="36px"
+						@click="onRemoveAd"
+					></u-icon>
+				</view>
+			</view>
+		</u-popup>
+	</view>
+</template>
+
+<script>
+	import { region } from '@/apis/interfaces/address.js'
+    import { categories, jf, index, accountManagement, delegation } from '@/apis/interfaces/index.js'
+	import { lists } from '@/apis/interfaces/empower.js'
+	export default {
+		data() {
+			return {
+				theTabs		: [
+					{ category_id: '', title: '全部' }
+				],
+				theTabId	: '',
+				theTabStyle	: {
+					left: '0%'
+				},
+				bannerArr	: [],
+                notice		: [],
+                jfList:[],
+                defaultViewId:'',
+                zfList:[],
+				// 首次进入弹窗
+				timeData	: {},
+				first		: 1,
+				showAdTime  : 0,
+				showAdImg	: true,
+				layAdImg	: '',
+				appMenus	: {
+					cases	: [],
+					service	: []
+				},
+				// 增收赋能列表
+				empowerArr	: [],
+				// 账户管理类
+				accountData	: [],
+				// 委托管理类
+				delegation	: []
+			}
+		},
+        onLoad() {
+            this.getCategory()
+            this.getJf()
+            this.getIndex()
+			// 增收赋能
+			this.getEmpower()
+			// 管理类业务
+			this.getManagement()
+        },
+		methods: {
+			// 获取管理类业务
+			getManagement(){
+				Promise.all([accountManagement(), delegation()]).then(res => {
+					let accountData = res[0]
+					let delegationData = res[1]
+					this.accountData = accountData
+					this.delegation = delegationData
+				})
+			},
+			// 查看管理类业务
+			onMagInfo(type, id){
+				this.$Router.push({
+					name	: 'Mag' + type,
+					params	: { id }
+				})
+			},
+			// 查看增收赋能详情
+			onEmpower(id){
+				this.$Router.push({
+					name	: 'EmpowerInfo',
+					params	: { id }
+				})
+			},
+			// 增收赋能接口
+			getEmpower(){
+				lists().then(res => {
+					this.empowerArr = res;
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon : 'none'
+					})
+				})
+			},
+            // 获取金法列表
+            getJf(){
+                let params = {
+                    category_id:this.theTabId
+                }
+                jf(params).then(res=>{
+                    if(res.length>0){
+                        setTimeout(()=>{
+                            this.defaultViewId = '_tabs'+res[0].service_id
+                        },300)
+                    }
+                    this.jfList = res
+                }).catch(err=>{
+                    uni.showToast({
+                        title:err.message,
+                        icon:'none',
+                        mask:true,
+                        duration:2000
+                    })
+                })
+            },
+            // 点击金法产品跳转金法详情
+            sevicesClick(id){
+                uni.navigateTo({
+                    url:'/pages/index/introduces?id='+id
+                })
+            },
+            // 首页轮播图及公告
+            getIndex(){
+                index().then(res=>{
+                    this.bannerArr = res.bannners
+					this.appMenus  = res.app_menus
+                    let list = []
+                    res.notices.map(item=>{
+                        let params = item.user.name + ' ' + item.user.text
+                        list.push(params)
+                    })
+                    this.notice = list
+					let { is_lay_ad, lay_ad_img, times } = res.layad
+					if(is_lay_ad) this.layAdImg = lay_ad_img
+					if(this.first === 1 && is_lay_ad){
+						this.showAdImg  = true
+						this.showAdTime = times * 1000
+						this.$nextTick(() => {
+							this.$refs.adCountDown.start()
+						})
+					}
+                }).catch(err=>{
+                    uni.showToast({
+                        title:err.message,
+                        icon:'none',
+                        mask:true,
+                        duration:2000
+                    })
+                })
+            },
+            // 获取金法分类列表
+            getCategory(){
+                categories().then(res=>{
+                    this.theTabs = this.theTabs.concat(res)
+                }).catch(err=>{
+                    uni.showToast({
+                        title:err.message,
+                        icon:'none',
+                        mask:true,
+                        duration:2000
+                    })
+                })
+            },
+            // 金法产品筛选
+            onTheTab(e){
+            	if(e.category_id != this.theTabId){
+            		let index = this.theTabs.findIndex(val => val.category_id === e.category_id)
+            		this.theTabStyle = {
+            			left: index * 25 + '%'
+            		}
+                    this.theTabId = e.category_id
+                    this.getJf()
+            	}
+            },
+            // 点击轮播图
+            swiperClick(e){
+                // console.log(this.bannerArr[e])
+            },
+            // 点击轮播图跳转自由服务包
+            onView(name){
+				this.$Router.push({ name })
+            },
+			// 关闭弹窗广告
+			onRemoveAd(){
+				this.first = 0;
+				this.showAdImg = false;
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.header{
+		background-color: white;
+		padding-top: 20rpx;
+	}
+	// ad弹窗广告
+	.ad-lay{
+		position: relative;
+		text-align: center;
+		.ad-down{
+			position: absolute;
+			top: 20rpx;
+			right: 20rpx;
+			z-index: 1;
+			background: rgba(0, 0, 0, .5);
+			font-size: 20rpx;
+			padding: 10rpx 20rpx;
+			line-height: 30rpx;
+			border-radius: 24rpx;
+			color: white;
+			.ad-down-u{
+				display: inline-block;
+				line-height: 30rpx;
+			}
+		}
+		.ad-img{
+			height: 75vh;
+			border-radius: 20rpx;
+		}
+		.ad-btn{
+			text-align: center;
+			margin-top: 30rpx;
+			.ad-btn-icon{
+				display: inline-block;
+			}
+		}
+	}
+	// 轮播图
+	.banner{
+		position: relative;
+		width: 100%;
+		padding-top: 43%;
+		.banner-swiper{
+			position: absolute;
+			top: 0;
+			left: 0;
+			width: 100%;
+		}
+	}
+	// 公告
+	.notice{
+		background: white;
+		padding: $padding;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		.notice-title{
+			background-color: #ececec;
+			color: #000;
+			height: 60rpx;
+			line-height: 60rpx;
+			width: 130rpx;
+			text-align: center;
+			font-size: 26rpx;
+			font-weight: bold;
+			border-radius: 20rpx;
+			.notice-icon{
+				width: 32rpx;
+				vertical-align: middle;
+				margin-bottom: 8rpx;
+				margin-right: 10rpx;
+				display: inline-block;
+			}
+		}
+		.notice-more{
+			font-size: 24rpx;
+			height: 50rpx;
+			border-radius: 25rpx;
+			box-sizing: border-box;
+			line-height: 50rpx;
+			text-align: center;
+			color: #999999;
+			.more-icon{
+				display: inline-block;
+			}
+		}
+	}
+	// 自由服务包
+	.free{
+		padding: $padding $padding $padding - 10 $padding ;
+		.free-img{
+			width: 100%;
+		}
+	}
+	// 增收赋能类
+	.closed{
+		background: white;
+		margin: 0 $margin;
+		border-radius: 35rpx;
+		padding-bottom: 10rpx;
+		.closed-item{
+			display: flex;
+			margin-bottom: 20rpx;
+			padding-bottom: 20rpx;
+			border-bottom: solid 1rpx #f8f8f8;
+			&:last-child{
+				margin-bottom: 0;
+				border-bottom: none;
+			}
+			.closed-cover{
+				width: 168rpx;
+				height: 168rpx;
+				background-size: cover;
+				background-position: center;
+				border-radius: 10rpx;
+			}
+			.closed-text{
+				width: calc(100% - 168rpx);
+				padding-left: 30rpx;
+				box-sizing: border-box;
+				.closed-title{
+					font-size: 32rpx;
+					font-weight: bold;
+					line-height: 50rpx;
+				}
+				.closed-subtitle{ 
+					color: gray;
+					font-size: 28rpx;
+					line-height: 40rpx;
+				}
+				.closed-price{
+					color: #d51959;
+					font-size: 34rpx;
+					line-height: 40rpx;
+					margin-top: 30rpx;
+					font-weight: bold;
+				}
+			}
+		}
+	}
+	// 诉讼委托类
+	.lawsuit{ 
+		padding: 0 20rpx $padding;
+		display: flex;
+		justify-content: space-between;
+		&-item{
+			background: #F6F6F6;
+			border-radius: 10rpx;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			overflow: hidden;
+			width: calc(50% - 20rpx);
+			margin: 0 10rpx;
+		}
+		&-cover{
+			width: 138rpx;
+			height: 138rpx;
+			background-size: cover;
+			background-position: center;
+		}
+		&-text{
+			width: calc(100% - 138rpx);
+			padding: 0 20rpx;
+			box-sizing: border-box;
+		}
+		&-title{ 
+			font-size: 30rpx;
+			margin-bottom: 20rpx;
+		}
+		&-price{
+			font-size: 32rpx;
+			color: #d51959;
+			font-weight: bold;
+		}
+	}
+	// 经法
+	.the-tabs{
+		background: #ececec;
+		margin: 0 $margin;
+		height: 60rpx;
+		border-radius: 35rpx;
+		display: flex;
+		position: relative;
+        white-space: nowrap;
+        width: calc(100% - 60rpx);
+		&-item{
+			width: 25%;
+			line-height: 60rpx;
+			text-align: center;
+			font-size: 26rpx;
+			color: #454545;
+			transition: all .4s;
+            display: inline-block;
+			background-color: transparent;
+			&.active{
+				color: white;
+				position: relative;
+				z-index: 2;
+			}
+		}
+		&-acitve-block{
+            display: inline-block;
+			width: 25%;
+			height: 60rpx;
+			background-image: linear-gradient( to right, #d51959, #ec7247);
+			border-radius: 35rpx;
+			position: absolute;
+			left: 0;
+			top: 0;
+			transition: all .4s;
+		}
+	}
+	.the-flex{
+		padding: $padding 20rpx;
+        box-sizing: border-box;
+        white-space: nowrap;
+		&-item{
+			width: calc(33% - 20rpx);
+			margin: 0 10rpx;
+            display: inline-block;
+			&:last-child{
+				margin-right: 20rpx;
+			}
+			.cover{
+                width: 100%;
+                padding-top: 100%;
+				background-position: center;
+				background-size: cover;
+				background-position: center;
+				border-radius: 10rpx;
+			}
+			.title{
+				font-size: 30rpx;
+				color: #111111;
+				padding: 10rpx 0;
+				line-height: 40rpx;
+			}
+			.price{
+				line-height: 40rpx;
+				font-weight: bold;
+				color: #d51959;
+				font-size: 32rpx;
+				text{
+					font-size: 80%;
+				}
+                .ding{
+                    font-size: 64%;
+                    margin-left: 4rpx;
+                    position: relative;
+                    bottom: 2rpx;
+                }
+			}
+		}
+	}
+	// 模块
+	.block{
+		background-color: white;
+		border-radius: $radius;
+		margin: 0 $margin $margin;
+		.block-title{
+			padding: 0 $padding;
+			height: 100rpx;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			.title{
+				font-weight: bold;
+				color: #111111;
+				font-size: 36rpx;
+			}
+			.more{
+				background-color: #ececec;
+				font-size: 28rpx;
+				height: 50rpx;
+				border-radius: 25rpx;
+				width: 120rpx;
+				padding-left: 10rpx;
+				box-sizing: border-box;
+				line-height: 50rpx;
+				text-align: center;
+				color: #454545;
+				.more-icon{
+					display: inline-block;
+				}
+			}
+		}
+	}
+
+</style>

pages/index/index.vue

@@ -34,141 +34,27 @@
 			</view>
 		</view>
 		<!-- 自由服务包 -->
-		<view class="free" @click="onView('FreeService')">
+		<view class="free" v-if="free.has_free" @click="onView('FreeService')">
-			<image class="free-img" src="@/static/index/index_banner_free.png" mode="widthFix" />
+			<image class="free-img" :src="free.cover" mode="widthFix" />
 		</view>
-		<!--  协商调解类 -->
+		
-		<view class="block" v-if="false">
-			<view class="block-title">
-				<view class="title">协商调解咨询类</view>
-			</view>
-            <scroll-view class="the-tabs" scroll-x="true" >
-                <block v-for="(item, index) in theTabs" :key="index">
-                    <view class="the-tabs-item" :class="{'active': item.category_id == theTabId}" @click="onTheTab(item)">{{item.title}}</view>
-                </block>
-                <view class="the-tabs-acitve-block" :style="theTabStyle"></view>
-            </scroll-view>
-			<scroll-view 
-                class="the-flex" 
-                scroll-x="true" 
-                scroll-with-animation="true" 
-                :scroll-into-view='defaultViewId'
-            >
-                    <view class="the-flex-item"
-                        v-for="item in jfList"
-                        :key="item.service_id"
-                        :id='"_tabs"+item.service_id'
-                        @click="sevicesClick(item.service_id)"
-                    >
-						<view class="cover" :style="'background-image: url(' + item.cover + ');'"></view>
-                        <view class="title nowrap">{{item.title}}</view>
-                        <view class="price nowrap"><text>￥</text>{{item.price}}<text class="ding" v-if="item.type">定金</text></view>
-                    </view>
-			</scroll-view>
-		</view>
-		<!-- 账户管理咨询类 -->
-		<view class="block" v-if="accountData.length > 0">
-			<view class="block-title">
-				<view class="title">账户管理咨询类</view>
-			</view>
-			<scroll-view 
-				class="the-flex"
-				style="padding-top: 0;"
-				scroll-x="true" 
-				scroll-with-animation="true" 
-			>
-				<block v-for="(item, index) in accountData" :key="index">
-					<view class="the-flex-item"
-						@click="onMagInfo('Account', item.id)"
-					>
-						<view class="cover" :style="'background-image: url(' + item.cover + ');'"></view>
-						<view class="title nowrap">{{item.title}}</view>
-						<view class="price nowrap"><text>￥</text>{{item.price}} <text v-if="item.limit != null">/{{item.limit}}</text></view>
-					</view>
-				</block>
-			</scroll-view>
-		</view>
-		<!-- 委托管理类 -->
-		<view class="block" v-if="delegation.length > 0">
-			<view class="block-title">
-				<view class="title">委托管理类</view>
-			</view>
-			<scroll-view 
-				class="the-flex"
-				style="padding-top: 0;"
-				scroll-x="true" 
-				scroll-with-animation="true" 
-			>
-				<block v-for="(item, index) in delegation" :key="index">
-					<view class="the-flex-item"
-						@click="onMagInfo('Delegation', item.id)"
-					>
-						<view class="cover" :style="'background-image: url(' + item.cover + ');'"></view>
-						<view class="title nowrap">{{item.title}}</view>
-						<view class="price nowrap"><text>￥</text>{{item.price}} <text v-if="item.limit != null">/{{item.limit}}</text></view>
-					</view>
-				</block>
-			</scroll-view>
-		</view>
-		<!-- 法律咨询类 -->
 		<view class="block">
-			<view class="block-title">
+			<view class="module" :style="{'background-color':item.bg_color,'color':item.text_color}" v-for="(item, index) in bigfiveArr" :key="index">
-				<view class="title">法律咨询类</view>
+				<view class="moduleCont" @click="onNav('businessList', item.children)">
+					<view class="moduleCont-text">
+						<view class="moduleCont-text-name">{{item.title}}</view>
+						<view class="nowrap moduleCont-text-tips">{{item.subtitle}}</view>
 					</view>
-			<scroll-view 
+					<image class="moduleCont-img" :src="item.cover" mode="widthFix"></image>
-				class="the-flex"
-				style="padding-top: 0;"
-				scroll-x="true" 
-				scroll-with-animation="true" 
-				:scroll-into-view='defaultViewId'
-			>
-				<block v-for="(item, index) in appMenus.service" :key="index">
-					<view class="the-flex-item"
-						@click="onView(item.page)"
-					>
-						<view class="cover" :style="'background-image: url(' + item.cover + ');'"></view>
-						<view class="title nowrap">{{item.title}}</view>
-						<view class="price nowrap"><text>￥</text>{{item.price}} <text v-if="item.limit != null">/{{item.limit}}</text></view>
 				</view>
-				</block>
+				<view class="moduleInfo" @click="moduleClick(index)">
-			</scroll-view>
+					<view class="moduleInfo-text" :class="{active : item.schemesShow}">{{item.remark}}</view>
-		</view>
+					<image class="moduleInfo-more" :class="{active : item.schemesShow}" src="@/static/imgs/basic_down.png" mode="widthFix"></image>
-		<!-- 诉讼委托类 -->
-		<view class="block">
-			<view class="block-title">
-				<view class="title">诉讼委托咨询类</view>
-			</view>
-			<view class="lawsuit">
-				<block v-for="(item, index) in appMenus.cases" :key="index">
-					<view class="lawsuit-item" @click="onView(item.page)">
-						<view class="lawsuit-cover" :style="'background-image: url(' + item.cover + ');'"></view>
-						<view class="lawsuit-text">
-							<view class="lawsuit-title nowrap">{{item.title}}</view>
-							<view class="lawsuit-price">￥{{item.price}}<text v-if="item.limit != null">{{item.limit}}</text></view>
 				</view>
 			</view>
-				</block>
-			</view>
-		</view>
-		<!-- 增收赋能类 -->
-		<view class="block">
-			<view class="block-title">
-				<view class="title">增收赋能咨询类</view>
-			</view>
-			<scroll-view 
-				class="the-flex"
-				style="padding-top: 0;"
-				scroll-x="true" 
-				scroll-with-animation="true" 
-				:scroll-into-view='defaultViewId'
-			>
-				<view class="the-flex-item" v-for="(item, index) in empowerArr" :key="index" @click="onEmpower(item.id)">
-					<view class="cover" :style="'background-image: url(' + item.cover + ');'"></view>
-					<view class="title nowrap">{{item.title}}</view>
-					<view class="price nowrap"><text>￥</text>{{item.price}}</view>
-				</view>
-			</scroll-view>
 		</view>
+		
+		
 		<!-- 弹窗 -->
 		<u-popup :show="showAdImg" mode="center" bgColor="transparent">
 			<view class="ad-lay">
@@ -200,24 +86,12 @@
 </template>
 
 <script>
-	import { region } from '@/apis/interfaces/address.js'
+    import { index, bigfive } from '@/apis/interfaces/index.js'
-    import { categories, jf, index, accountManagement, delegation } from '@/apis/interfaces/index.js'
-	import { lists } from '@/apis/interfaces/empower.js'
 	export default {
 		data() {
 			return {
-				theTabs		: [
-					{ category_id: '', title: '全部' }
-				],
-				theTabId	: '',
-				theTabStyle	: {
-					left: '0%'
-				},
 				bannerArr	: [],
                 notice		: [],
-                jfList:[],
-                defaultViewId:'',
-                zfList:[],
 				// 首次进入弹窗
 				timeData	: {},
 				first		: 1,
@@ -228,90 +102,26 @@
 					cases	: [],
 					service	: []
 				},
-				// 增收赋能列表
+				free		: {
-				empowerArr	: [],
+					has_free: false,
-				// 账户管理类
+					cover	: ""
-				accountData	: [],
+				},
-				// 委托管理类
+				bigfiveArr  : [], //五大板块
-				delegation	: []
+				moduleShow  : false //展开默认
 			}
 		},
         onLoad() {
-            this.getCategory()
+            this.getIndex();
-            this.getJf()
+			
-            this.getIndex()
+			this.bigfiveIndex();
-			// 增收赋能
-			this.getEmpower()
-			// 管理类业务
-			this.getManagement()
         },
 		methods: {
-			// 获取管理类业务
-			getManagement(){
-				Promise.all([accountManagement(), delegation()]).then(res => {
-					let accountData = res[0]
-					let delegationData = res[1]
-					this.accountData = accountData
-					this.delegation = delegationData
-				})
-			},
-			// 查看管理类业务
-			onMagInfo(type, id){
-				this.$Router.push({
-					name	: 'Mag' + type,
-					params	: { id }
-				})
-			},
-			// 查看增收赋能详情
-			onEmpower(id){
-				this.$Router.push({
-					name	: 'EmpowerInfo',
-					params	: { id }
-				})
-			},
-			// 增收赋能接口
-			getEmpower(){
-				lists().then(res => {
-					this.empowerArr = res;
-				}).catch(err => {
-					uni.showToast({
-						title: err.message,
-						icon : 'none'
-					})
-				})
-			},
-            // 获取金法列表
-            getJf(){
-                let params = {
-                    category_id:this.theTabId
-                }
-                jf(params).then(res=>{
-                    if(res.length>0){
-                        setTimeout(()=>{
-                            this.defaultViewId = '_tabs'+res[0].service_id
-                        },300)
-                    }
-                    this.jfList = res
-                }).catch(err=>{
-                    uni.showToast({
-                        title:err.message,
-                        icon:'none',
-                        mask:true,
-                        duration:2000
-                    })
-                })
-            },
-            // 点击金法产品跳转金法详情
-            sevicesClick(id){
-                uni.navigateTo({
-                    url:'/pages/index/introduces?id='+id
-                })
-            },
             // 首页轮播图及公告
             getIndex(){
                 index().then(res=>{
                     this.bannerArr = res.bannners
 					this.appMenus  = res.app_menus
+					this.free	   = res.free
                     let list = []
                     res.notices.map(item=>{
                         let params = item.user.name + ' ' + item.user.text
@@ -336,10 +146,15 @@
                     })
                 })
             },
-            // 获取金法分类列表
+			
-            getCategory(){
+			// 最新五大板块
-                categories().then(res=>{
+			bigfiveIndex(){
-                    this.theTabs = this.theTabs.concat(res)
+			    bigfive({parent_id: 0}).then(res=>{
+					let esArr = res
+					esArr.forEach((item, index) => {
+						item.schemesShow = false
+					})
+					this.bigfiveArr = esArr
 			    }).catch(err=>{
 			        uni.showToast({
 			            title:err.message,
@@ -349,17 +164,17 @@
 			        })
 			    })
 			},
-            // 金法产品筛选
+			
-            onTheTab(e){
+			// 点击查看全部
-            	if(e.category_id != this.theTabId){
+			moduleClick(index) {
-            		let index = this.theTabs.findIndex(val => val.category_id === e.category_id)
+				this.bigfiveArr[index].schemesShow = !this.bigfiveArr[index].schemesShow
-            		this.theTabStyle = {
-            			left: index * 25 + '%'
-            		}
-                    this.theTabId = e.category_id
-                    this.getJf()
-            	}
 			},
+			
+			// 跳转
+			onNav(name, children){
+				this.$Router.push({name, params:{children:encodeURIComponent(JSON.stringify(children))}})
+			},
+            
             // 点击轮播图
             swiperClick(e){
                 // console.log(this.bannerArr[e])
@@ -466,204 +281,27 @@
 	}
 	// 自由服务包
 	.free{
-		padding: $padding $padding $padding - 10 $padding ;
+		padding: $padding $padding 0 $padding;
-		.free-img{
+		.free-img{ width: 100%; vertical-align: top; }
-			width: 100%;
-		}
-	}
-	// 增收赋能类
-	.closed{
-		background: white;
-		margin: 0 $margin;
-		border-radius: 35rpx;
-		padding-bottom: 10rpx;
-		.closed-item{
-			display: flex;
-			margin-bottom: 20rpx;
-			padding-bottom: 20rpx;
-			border-bottom: solid 1rpx #f8f8f8;
-			&:last-child{
-				margin-bottom: 0;
-				border-bottom: none;
-			}
-			.closed-cover{
-				width: 168rpx;
-				height: 168rpx;
-				background-size: cover;
-				background-position: center;
-				border-radius: 10rpx;
-			}
-			.closed-text{
-				width: calc(100% - 168rpx);
-				padding-left: 30rpx;
-				box-sizing: border-box;
-				.closed-title{
-					font-size: 32rpx;
-					font-weight: bold;
-					line-height: 50rpx;
-				}
-				.closed-subtitle{ 
-					color: gray;
-					font-size: 28rpx;
-					line-height: 40rpx;
-				}
-				.closed-price{
-					color: #d51959;
-					font-size: 34rpx;
-					line-height: 40rpx;
-					margin-top: 30rpx;
-					font-weight: bold;
-				}
-			}
-		}
-	}
-	// 诉讼委托类
-	.lawsuit{ 
-		padding: 0 20rpx $padding;
-		display: flex;
-		justify-content: space-between;
-		&-item{
-			background: #F6F6F6;
-			border-radius: 10rpx;
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			overflow: hidden;
-			width: calc(50% - 20rpx);
-			margin: 0 10rpx;
-		}
-		&-cover{
-			width: 138rpx;
-			height: 138rpx;
-			background-size: cover;
-			background-position: center;
-		}
-		&-text{
-			width: calc(100% - 138rpx);
-			padding: 0 20rpx;
-			box-sizing: border-box;
-		}
-		&-title{ 
-			font-size: 30rpx;
-			margin-bottom: 20rpx;
-		}
-		&-price{
-			font-size: 32rpx;
-			color: #d51959;
-			font-weight: bold;
-		}
-	}
-	// 经法
-	.the-tabs{
-		background: #ececec;
-		margin: 0 $margin;
-		height: 60rpx;
-		border-radius: 35rpx;
-		display: flex;
-		position: relative;
-        white-space: nowrap;
-        width: calc(100% - 60rpx);
-		&-item{
-			width: 25%;
-			line-height: 60rpx;
-			text-align: center;
-			font-size: 26rpx;
-			color: #454545;
-			transition: all .4s;
-            display: inline-block;
-			background-color: transparent;
-			&.active{
-				color: white;
-				position: relative;
-				z-index: 2;
-			}
-		}
-		&-acitve-block{
-            display: inline-block;
-			width: 25%;
-			height: 60rpx;
-			background-image: linear-gradient( to right, #d51959, #ec7247);
-			border-radius: 35rpx;
-			position: absolute;
-			left: 0;
-			top: 0;
-			transition: all .4s;
-		}
-	}
-	.the-flex{
-		padding: $padding 20rpx;
-        box-sizing: border-box;
-        white-space: nowrap;
-		&-item{
-			width: calc(33% - 20rpx);
-			margin: 0 10rpx;
-            display: inline-block;
-			&:last-child{
-				margin-right: 20rpx;
-			}
-			.cover{
-                width: 100%;
-                padding-top: 100%;
-				background-position: center;
-				background-size: cover;
-				background-position: center;
-				border-radius: 10rpx;
-			}
-			.title{
-				font-size: 30rpx;
-				color: #111111;
-				padding: 10rpx 0;
-				line-height: 40rpx;
-			}
-			.price{
-				line-height: 40rpx;
-				font-weight: bold;
-				color: #d51959;
-				font-size: 32rpx;
-				text{
-					font-size: 80%;
-				}
-                .ding{
-                    font-size: 64%;
-                    margin-left: 4rpx;
-                    position: relative;
-                    bottom: 2rpx;
-                }
-			}
-		}
-	}
-	// 模块
-	.block{
-		background-color: white;
-		border-radius: $radius;
-		margin: 0 $margin $margin;
-		.block-title{
-			padding: 0 $padding;
-			height: 100rpx;
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			.title{
-				font-weight: bold;
-				color: #111111;
-				font-size: 36rpx;
-			}
-			.more{
-				background-color: #ececec;
-				font-size: 28rpx;
-				height: 50rpx;
-				border-radius: 25rpx;
-				width: 120rpx;
-				padding-left: 10rpx;
-				box-sizing: border-box;
-				line-height: 50rpx;
-				text-align: center;
-				color: #454545;
-				.more-icon{
-					display: inline-block;
-				}
-			}
-		}
 	}
 	
+	// 模块
+	.block {padding: $padding;box-sizing: border-box;width: 100%;}
+	.module {border-radius: $radius;padding: $padding - 10 $padding $padding $padding + 10;box-sizing: border-box; margin-bottom: $margin;}
+	.module.moduleRed {background-color: #fff1f2;color: #c92453;}
+	.module.moduleYellow {background-color: #fff7f2;color: #ff7b29;}
+	.module.moduleBlue {background-color: #eaf4f3;color: #0dc8b3;}
+	.module.moduleGreen {background-color: #eff5ee;color: #1fba05;}
+	.module.modulePurple {background-color: #f2eef5;color: #a13dec;}
+	.moduleCont {display: flex;}
+	.moduleCont-text {width: calc(100% - 170rpx);}
+	.moduleCont-text-name {font-weight: bold; font-size: $title-size + 12; padding: 20rpx 0 10rpx;}
+	.moduleCont-text-tips {font-size: $title-size + 2;}
+	.moduleCont-img {width: 170rpx;}
+	.moduleInfo {color: #666666;font-size: $title-size-m; line-height: 48rpx; display: flex;}
+	.moduleInfo-text {width: calc(100% - 28rpx); padding-right: 20rpx; box-sizing: border-box; height: 60rpx;overflow: hidden;}
+	.moduleInfo-text.active {height: auto;}
+	.moduleInfo-more {width: 24rpx; margin-top: 15rpx; transition: .2s;}
+	.moduleInfo-more.active {transform: rotate(180deg);}
+	
 </style>

pages/orderInfo/orderInfo.vue

@@ -0,0 +1,122 @@
+
+<template>
+	<view class="info-content">
+		<view class="block">
+			<view class="block-item">
+				<view class="block-item-flex" v-for="(item, index) in objArr" :key="index">
+					<label>{{item.name}}</label>
+					<view class="val">{{item.value}}</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import { unifyInfo } from '@/apis/interfaces/order.js'
+	export default {
+		data() {
+			return {
+				objArr: []
+			};
+		},
+		created() {
+			uni.showLoading({
+				title: '加载中...',
+				mask : true
+			})
+			unifyInfo({
+				order_type	: this.$Route.query.orderType.replace(/\-/g, '\\'),
+				order_id	: this.$Route.query.id
+			}).then(res => {
+				uni.hideLoading()
+				this.objArr = res;
+			}).catch(err => {
+				uni.showToast({
+					title: err.message,
+					icon : 'none'
+				})
+			})
+		}
+	}
+</script>
+<style lang="scss" scoped>
+	.info-content{ 
+		position: relative;
+		background: #eeefff;
+		min-height: 100vh;
+		box-sizing: border-box;
+		padding-bottom: 10rpx;
+		padding-top: 30rpx;
+		&::before{
+			background-image: linear-gradient(180deg, #353ef4 10%, #eeefff);
+			height: 50vh;
+			content: " ";
+			width: 100vw;
+			position: absolute;
+			top: 0;
+			left: 0;
+		}
+		// 模块
+		.block{
+			background: white;
+			position: relative;
+			z-index: 1;
+			margin: 0 40rpx 30rpx;
+			border-radius: 20rpx;
+			.block-header{
+				padding: 32rpx;
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				.title{
+					width: calc(100% - 200rpx);
+					text{
+						font-size: 30rpx;
+						line-height: 30rpx;
+						color: gray;
+					}
+					view{
+						font-weight: bold;
+						font-size: 40rpx;
+						line-height: 50rpx;
+						@extend .nowrap;
+					}
+				}
+				.price{
+					text-align: right;
+					width: 200rpx;
+					padding-left: 20rpx;
+					text{
+						font-size: 30rpx;
+						line-height: 30rpx;
+						color: gray;
+					}
+					view{
+						font-weight: bold;
+						font-size: 40rpx;
+						color: #353ef4;
+						line-height: 50rpx;
+						@extend .nowrap;
+					}
+				}
+			}
+			.block-item{
+				padding: 32rpx;
+				.block-item-flex{ 
+					padding: 20rpx 0;
+					font-size: 30rpx;
+					display: flex;
+					color: #555;
+					justify-content: space-between;
+					label{ width: 240rpx; }
+					.val{
+						text-align: right;
+						width: calc(100% - 240rpx);
+					}
+				}
+			}
+		}
+	}
+</style>
+

pages/pay/pay.vue

@@ -199,8 +199,6 @@
 				let order_type = this.$Route.query.orderType.replace(/\-/g, '\\')
 				oderinfo( this.$Route.query.orderId, order_type).then(res => {
 					let { order_no, price, score, order_id, rate, total_fire, can_use_channel } = res
-					
-					
 					this.rate		= rate
 					this.totalFire	= total_fire
 					this.orderType	= order_type
@@ -378,16 +376,19 @@
 			// 上传打款凭证
 			onOffline(){
 				uni.chooseImage({
-					count: 1,
+					count: 4,
 					success: path => {
 						let { tempFiles } = path;
-						uploads([{
+						let paths = tempFiles.map(val => {
-							name: 'file' + tempFiles[0].size,
+							return {
-							uri : tempFiles[0].path
+								name: 'file' + val.size,
-						}], {}).then(updRes => {
+								uri	: val.path
+							}
+						})
+						uploads(paths, {}).then(updRes => {
 							let { path } = updRes
 							cashierOffline({
-								image		: path[0],
+								pics		: path,
 								order_type	: this.orderType,
 								order_id	: this.orderId,
 							}).then(res => {
@@ -399,6 +400,11 @@
 										uni.navigateBack()
 									}
 								})
+							}).catch(err => {
+								wx.showToast({
+									title: err.message,
+									icon : 'none'
+								})
 							})
 							uni.hideLoading()
 						}).catch(err => {
@@ -407,6 +413,23 @@
 								icon : 'none'
 							})
 						})
+					},complete: chooseErr => {
+						
+						if(chooseErr.errMsg == "chooseImage:fail No Permission") {
+							uni.showModal({
+								title: '温馨提示',
+								content: '您关闭了相关权限，是否重新授权？',
+								success: showres=> {
+									if (showres.confirm) {
+										uni.openAppAuthorizeSetting({
+											success: openAppres=> {
+												console.log(openAppres)
+											}
+										})
+									} else if (showres.cancel) {}
+								}
+							});
+						}
 					}
 				})
 			},

pages/user/index.vue

@@ -56,9 +56,15 @@
             <u-icon name="arrow-right" color="#cacaca" size="34rpx" bold></u-icon>
         </view>
         <view class="border-solid-empty"></view>
+		<view class="nav-flex" @click="onNav('FreeService')" v-if="isAuth">
+		    <view class="nav-icon">
+		        <image class="nav-icon-src" src="@/static/icons/user_nav_11.png"></image>{{freeTitle}}
+		    </view>
+		    <u-icon name="arrow-right" color="#cacaca" size="34rpx" bold></u-icon>
+		</view>
         <view class="nav-flex" @click="onNav('UserTeam')">
             <view class="nav-icon">
-                <image class="nav-icon-src" src="@/static/icons/user_nav_02.png"></image>我的客户
+                <image class="nav-icon-src" src="@/static/icons/user_nav_02.png"></image>我的团队
             </view>
             <u-icon name="arrow-right" color="#cacaca" size="34rpx" bold></u-icon>
         </view>
@@ -87,12 +93,18 @@
             </view>
             <u-icon name="arrow-right" color="#cacaca" size="34rpx" bold></u-icon>
         </view>
-        <view class="nav-flex" @click="onParent">
+        <view class="nav-flex" @click="onParent('parent')">
             <view class="nav-icon">
                 <image class="nav-icon-src" src="@/static/icons/user_nav_07.png"></image>推荐人
             </view>
             <u-icon name="arrow-right" color="#cacaca" size="34rpx" bold></u-icon>
         </view>
+		<view class="nav-flex" @click="onParent('salesman')">
+		    <view class="nav-icon">
+		        <image class="nav-icon-src" src="@/static/icons/user_nav_10.png"></image>业务联系人
+		    </view>
+		    <u-icon name="arrow-right" color="#cacaca" size="34rpx" bold></u-icon>
+		</view>
         <view class="nav-flex" @click="onNav('WeChat')">
             <view class="nav-icon">
                 <image class="nav-icon-src" src="@/static/icons/user_nav_06.png"></image>关注公众号
@@ -234,7 +246,9 @@
 				reckonerURL		: '',
 				reckonerQrcode	: '',
 				reckonerInvite	: '',
-				reckonerPoster	: {}
+				reckonerPoster	: {},
+				salesman		: '',  // 业务联系人
+				freeTitle		: ''   // 自由服务包标题
             };
         },
         onShow() {
@@ -325,6 +339,22 @@
 					]
 				}
 			},
+			// 识别产品
+			onPhone(e){
+				uni.chooseImage({
+					crop   : {
+						quality	: 100,
+						width	: 300,
+						height	: 300,
+					},
+					success: res => {
+						console.log(res)
+					},
+					fail   : err => {
+						console.log(err)
+					}
+				})
+			},
 			// 生成海报地址
 			qrcodePath(path){
 				uni.hideLoading()
@@ -387,19 +417,15 @@
                     title: '加载中...'
                 })
                 info().then(res => {
-                    let {
+                    let { nickname, identity, avatar, certification, parent,team_name,teams, salesman, free } = res
-                        nickname,
+					this.freeTitle= free.title
-                        identity,
-                        avatar,
-                        certification,
-                        parent,team_name,teams
-                    } = res
                     this.nickname = nickname
                     this.identity = identity
                     this.avatar = avatar
                     this.certification = certification
                     this.parent = parent
                     this.team_name = team_name
+					this.salesman  = salesman
                     uni.hideLoading()
                     // team_status:'', // 状态 0 不展示运营中心 1可以申请但是没有完善，2申请完，审核中，3已通过，已修改
                     this.team_status = teams.center.status    //  运营中心状态
@@ -458,31 +484,31 @@
             },
             // 导航
             onNav(name) {
-                this.$Router.push({
+				this.$Router.push({name})
-                    name
-                })
             },
             // 推荐关系
-            onParent() {
+            onParent(type) {
 				if(!this.isAuth){
 					this.$Router.push({
 						name: 'Auth'
 					})
 					return
 				}
-                if (this.parent == '') {
+				let phone = type == 'parent' ? this.parent.username : this.salesman.username
+				let name  = type == 'parent' ? this.parent.nickname : this.salesman.nickname
+                if (type == 'parent' && this.parent == '') {
                     this.showBind = true
                     return
                 }
                 uni.showModal({
-                    title: '我的推荐人',
+                    title		: type == 'parent' ? '我的推荐人': '我的业务联系人',
-                    content: this.parent.nickname,
+                    content		: name + '['+ phone +']',
                     confirmText	: '关闭',
                     cancelText	: '联系TA',
                     success: modalRes => {
                         if (modalRes.cancel) {
                             uni.makePhoneCall({
-                                phoneNumber: this.parent.username
+                                phoneNumber: phone
                             })
                         }
                     }

pages/user/team.vue

@@ -1,13 +1,23 @@
 <template>
 	<view class="content">
-		<view class="total">
+		<!-- <view class="total">
 			<uni-icons type="staff" size="50" color="white"></uni-icons>
 			<view class="total-user">
 				<view class="total-number">{{count.one}}人</view>
-				<view class="total-title">客户总人数</view>
+				<view class="total-title">总人数</view>
 			</view>
-		</view>
+		</view> -->
-		
+		<u-sticky>
+			<u-tabs
+				:list="tabs"
+				:scrollable="false"
+				:current="tabVal"
+				style="margin-bottom: 30rpx;"
+				keyName="title"
+				lineColor="#446EFE"
+				@click="onClick"
+			></u-tabs>
+		</u-sticky>
 		<block v-if="users.length > 0">
 			<view class="team-item" v-for="(item, index) in users" :key="index" @click="onCallPhone(item.real_username)">
 				<u-avatar :src="item.avatar" size="48"></u-avatar>
@@ -44,10 +54,12 @@
 </template>
 
 <script>
-	import { relations } from '@/apis/interfaces/user.js'
+	import { relations, relationsTab } from '@/apis/interfaces/user.js'
 	export default {
 		data() {
 			return {
+				tabs		: [],
+				tabVal		: 0,
 				users		: [],
 				count		: {
 					all: 0
@@ -62,9 +74,29 @@
 			};
 		},
 		created() {
+			uni.showLoading({
+				title: '加载中...',
+				mask : true
+			})
+			relationsTab().then(res => {
+				uni.hideLoading()
+				this.tabs = res
 				this.getList()
+			}).catch(err => {
+				uni.showToast({
+					title: err.message,
+					icon : 'none'
+				})
+			})
 		},
 		methods: {
+			// 切换tabs
+			onClick(e){
+				this.tabVal = e.index
+				this.page	= { current	: 1, has_more: false },
+				this.getList()
+			},
+			// 获取列表
 			getList(){
 				uni.showLoading({
 					title: '加载中...',
@@ -72,7 +104,8 @@
 				})
 				relations({
 					larer : 1,
-					page  : this.page.current
+					page  : this.page.current,
+					key   : this.tabs[this.tabVal].key
 				}).then(res => {
 					let { users, count } = res;
 					let atList   	= users.page.current == 1 ? [] : this.users
@@ -111,10 +144,11 @@
 	.content{
 		box-sizing: border-box;
 		background: white;
+		padding-top: 1rpx;
 	}
 	// 统计数据
 	.total{
-		margin: 30rpx;
+		margin: 30rpx 30rpx 0;
 		background: linear-gradient(to top left, #446EFE, #0f36bb);
 		box-shadow: 10rpx 0 15rpx 15rpx rgba(0, 0, 0, .03);
 		border-radius: 20rpx;
@@ -214,4 +248,6 @@
 			}
 		}
 	}
+	// 空页面
+	.list-null{ height: 60vh; display: flex; align-items: center; justify-content: center; }
 </style>

pages/work/account.vue

@@ -56,6 +56,7 @@
 					<view class="btns">
 						<view class="btns-item border" v-if="item.can.cancel" @click="onCancel(item)">取消订单</view>
 						<view class="btns-item" v-if="item.can.pay" @click="onPay(item)">立即支付</view>
+						<view class="btns-item" v-if="item.can.look" @click="onInfo(item)">查看详情</view>
 					</view>
 				</view>
 			</view>
@@ -155,6 +156,16 @@
 					}
 				})
 			},
+			// 订单详情
+			onInfo(obj){
+				this.$Router.push({
+					name	: 'OrderInfo',
+					params	: {
+						id			: obj.order_id,
+						orderType	: obj.order_type.replace(/\\/g, '-')
+					}
+				})
+			},
 			// 复制订单号码
 			copyNo(no){
 				uni.setClipboardData({

pages/work/account2.vue

@@ -56,6 +56,7 @@
 					<view class="btns">
 						<view class="btns-item border" v-if="item.can.cancel" @click="onCancel(item)">取消订单</view>
 						<view class="btns-item" v-if="item.can.pay" @click="onPay(item)">立即支付</view>
+						<view class="btns-item" v-if="item.can.look" @click="onInfo(item)">查看详情</view>
 					</view>
 				</view>
 			</view>
@@ -156,6 +157,16 @@
 					}
 				})
 			},
+			// 订单详情
+			onInfo(obj){
+				this.$Router.push({
+					name	: 'OrderInfo',
+					params	: {
+						id			: obj.order_id,
+						orderType	: obj.order_type.replace(/\\/g, '-')
+					}
+				})
+			},
 			// 复制订单号码
 			copyNo(no){
 				uni.setClipboardData({

pages/work/delegation.vue

@@ -56,6 +56,7 @@
 					<view class="btns">
 						<view class="btns-item border" v-if="item.can.cancel" @click="onCancel(item)">取消订单</view>
 						<view class="btns-item" v-if="item.can.pay" @click="onPay(item)">立即支付</view>
+						<view class="btns-item" v-if="item.can.look" @click="onInfo(item)">查看详情</view>
 					</view>
 				</view>
 			</view>
@@ -155,6 +156,16 @@
 					}
 				})
 			},
+			// 订单详情
+			onInfo(obj){
+				this.$Router.push({
+					name	: 'OrderInfo',
+					params	: {
+						id			: obj.order_id,
+						orderType	: obj.order_type.replace(/\\/g, '-')
+					}
+				})
+			},
 			// 复制订单号码
 			copyNo(no){
 				uni.setClipboardData({

pages/work/index.vue

@@ -9,15 +9,16 @@
 						<image class="cover" :src="userInfo.avatar || require('@/static/imgs/default-active.png')" mode="aspectFill"></image>
 						<view class="nickname">{{userInfo.nickname}}<text class="card" v-if="isManager">{{identity.name}}</text></view>
 					</view>
-					<view class="work-bar-add" @click="onCreateOrder" v-if="isManager">
+					<view class="work-bar-add" @click="onCreateOrder" v-if="isWorker">
 						<uni-icons class="icon" type="plusempty" size="30rpx" color="#111"></uni-icons>创建订单
 					</view>
 				</view>
 			</u-sticky>
-			<!-- 未认证或未考试 -->
+			<!-- ! -->
-			<block v-if="!isManager">
+			<!-- 工作台无权限 -->
+			<block v-if="!isWorker">
 				<view class="block open-interest">
-					<view class="title">实习顾问专属权益</view>
+					<view class="title">专属权益</view>
 					<view class="open-interest-flex">
 						<view class="open-interest-item" v-for="(item, index) in rightsArr" :key="index" @click="onToast(item)">
 							<image class="open-interest-icon" :src="item.icon"></image>
@@ -25,7 +26,16 @@
 						</view>
 					</view>
 				</view>
-				<view class="block open-interest">
+				<view class="block work-hint">
+					<u-empty
+						mode="permission"
+						icon="http://cdn.uviewui.com/uview/empty/permission.png"
+						:text="workerHint"
+						textColor="gray"
+					>
+					</u-empty>
+				</view>
+				<!-- <view class="block open-interest">
 					<view class="title">仅需3步即可成为实习顾问</view>
 					<view class="open-interest-block">
 						<image class="open-interest-icon" :src="isCertification ? require('@/static/icons/work_icon_25.png'): require('@/static/icons/work_icon_24.png')"></image>
@@ -51,7 +61,7 @@
 						</view>
 						<button class="open-interest-btn" size="mini" :disabled="sign.isSign" @click="onSign">{{sign.isSign ? '已签约': '去签约'}}</button>
 					</view>
-				</view>
+				</view> -->
 				<!-- 提示信息 -->
 				<u-popup :show="privilegeShow" mode="center" bgColor="transparent">
 					<view class="privilege-lay">
@@ -64,64 +74,26 @@
 				</u-popup>
 			</block>
 			<!-- 管理中台 -->
-				<view class="flex">
+			<view class="flex" v-else>
-					<view class="flex-item" @click="onNav('ConsultWork')">
+				<view class="flex-item" @click="onNav('businessOrder', {bigId: item.id})" v-for="(item, index) in bigfiveArr" :key="index">
-						<image class="flex-icon" src="/static/icons/icon_00.png" mode="aspectFill"></image>
+					<image class="flex-icon" src="https://douhuo-demo.oss-cn-beijing.aliyuncs.com/images/2024/02/28/040906a765db310d77722cec9e0b9f46.png" mode="widthFix" v-if="index == 0"></image>
+					<image class="flex-icon" src="https://douhuo-demo.oss-cn-beijing.aliyuncs.com/images/2024/02/28/e0ac4aae85290f1148cea0005ed523a7.png" mode="widthFix" v-else-if="index == 1"></image>
+					<image class="flex-icon" src="https://douhuo-demo.oss-cn-beijing.aliyuncs.com/images/2024/02/28/8ff1eeeebd37b89026db8c2b8d1f87fc.png" mode="widthFix" v-else-if="index == 2"></image>
+					<image class="flex-icon" src="https://douhuo-demo.oss-cn-beijing.aliyuncs.com/images/2024/02/28/03167bf2cacaa63b6b0eebdf0fe31a92.png" mode="widthFix" v-else-if="index == 3"></image>
+					<image class="flex-icon" src="https://douhuo-demo.oss-cn-beijing.aliyuncs.com/images/2024/02/28/4dfe17b98e15dfdbae30df1a4fcddeaf.png" mode="widthFix" v-else></image>
 					<view class="flex-title">
-							<view class="flex-name">协商调解咨询类</view>
+						<view class="flex-name">{{item.title}}订单</view>
-							<view class="flex-tips">信用卡、贷款业务</view> 
+						<view class="flex-tips">{{item.subtitle}}</view> 
 					</view>
-						<view class="flex-btn">去查看</view>
+					<image class="flex-arrow" src="https://douhuo-demo.oss-cn-beijing.aliyuncs.com/images/2024/02/28/943544e5693c009bbe873ddaedd9c4be.png" mode="widthFix"></image>
 				</view>
-					
+				<view class="flex-item" @click="onNav('businessOther')">
-					<view class="flex-item" @click="onNav('AccountWork')">
+					<image class="flex-icon" src="https://douhuo-demo.oss-cn-beijing.aliyuncs.com/images/2024/02/28/3f917a849dd07e254aaa9b0f218c8a0a.png" mode="widthFix"></image>
-						<image class="flex-icon" src="/static/icons/work_icon_30.png" mode="aspectFill"></image>
 					<view class="flex-title">
-							<view class="flex-name">账户管理咨询类</view>
+						<view class="flex-name">其他咨询类订单</view>
-							<view class="flex-tips">客户账户管理咨询类订单</view> 
+						<view class="flex-tips">信用卡、贷款、个人、客户等</view> 
 					</view>
-						<view class="flex-btn">去查看</view>
+					<image class="flex-arrow" src="https://douhuo-demo.oss-cn-beijing.aliyuncs.com/images/2024/02/28/943544e5693c009bbe873ddaedd9c4be.png" mode="widthFix"></image>
-					</view>
-					<view class="flex-item" @click="onNav('DelegationWork')">
-						<image class="flex-icon" src="/static/icons/work_icon_29.png" mode="aspectFill"></image>
-						<view class="flex-title">
-							<view class="flex-name">委托管理类</view>
-							<view class="flex-tips">客户委托管理类订单</view> 
-						</view>
-						<view class="flex-btn">去查看</view>
-					</view>
-					
-					<view class="flex-item" @click="onNav('ServiceWork')">
-						<image class="flex-icon" src="/static/icons/icon_01.png" mode="aspectFill"></image>
-						<view class="flex-title">
-							<view class="flex-name">法律咨询类</view>
-							<view class="flex-tips">个人、企业法律</view>
-						</view>
-						<view class="flex-btn">去查看</view>
-					</view>
-					<view class="flex-item" @click="onNav('ActionWork')">
-						<image class="flex-icon" src="/static/icons/icon_02.png" mode="aspectFill"></image>
-						<view class="flex-title">
-							<view class="flex-name">诉讼委托咨询类</view>
-							<view class="flex-tips">案件委托、拓展服务</view>
-						</view>
-						<view class="flex-btn">去查看</view>
-					</view>
-					<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>
-							<view class="flex-tips">销售、领袖、演说等</view>
-						</view>
-						<view class="flex-btn">去查看</view>
-					</view>
-                    <view class="flex-item" @click="onNav('AccountWork2')">
-                    	<image class="flex-icon" src="/static/icons/icon_04.png" mode="aspectFill"></image>
-                    	<view class="flex-title">
-                    		<view class="flex-name">线下订单</view>
-                    		<view class="flex-tips">线下咨询类订单</view>
-                    	</view>
-                    	<view class="flex-btn">去查看</view>
 				</view>
 			</view>
 		</view>
@@ -139,6 +111,7 @@
 
 <script>
 	import { index, rights, sign, synthesisCount } from '@/apis/interfaces/work.js'
+	import { bigfive } from '@/apis/interfaces/index.js'
 	export default {
 		data() {
 			return {
@@ -163,7 +136,13 @@
 					address	: ""
 				},
 				// 综法订单管理
-				synthesisData	: {}
+				synthesisData	: {},
+				
+				bigfiveArr		: [],
+				captchaShow     : false,
+				// 工作台权限
+				isWorker		: false,
+				workerHint		: ""
 			};
 		},
 		onShow() {
@@ -172,8 +151,29 @@
 			if(this.isAuth){
 				this.getIndex()
 			}
+			
+			this.bigfiveInfo();
 		},
 		methods: {
+			// 最新五大板块
+			bigfiveInfo(){
+			    bigfive({parent_id: 0}).then(res=>{
+					this.bigfiveArr = res
+			    }).catch(err=>{
+			        uni.showToast({
+			            title:err.message,
+			            icon:'none',
+			            mask:true,
+			            duration:2000
+			        })
+			    })
+			},
+			
+			// 选择学期
+			onChange(e){
+				console.log(e)
+			},
+			
 			// 签约
 			onSign(){
 				if(!this.isCertification){
@@ -225,7 +225,7 @@
 						indexData  		= res[1],
 						synthesisData	= res[2]
 						
-					let { nickname, avatar, business_orders_count, isCertification, certification, isManager, isAnswer, identity, sign } = indexData
+					let { nickname, avatar, business_orders_count, isCertification, certification, isManager, isAnswer, identity, sign, is_worker, no_worker_message } = indexData
 					this.rightsArr = rightsData
 					this.userInfo = {
 						nickname,
@@ -238,42 +238,68 @@
 					this.orderCount 	 = business_orders_count
 					this.identity 		 = identity
 					this.sign			 = sign
-					
 					this.synthesisData	 = synthesisData
-					
+					this.isWorker		 = is_worker
+					this.workerHint		 = no_worker_message
 					uni.hideLoading()
 				}).catch(err => {
+
+					console.log(err)
 					uni.showToast({
 						title: err.message,
 						icon : 'none'
 					})
 				})
 			},
-			// 导航
+			// 跳转
 			onNav(name, obj){
 				let params = obj || {}
 				this.$Router.push({name, params})
 			},
 			// 创建订单
 			onCreateOrder(){
+				// 最新五大板块
 				uni.showActionSheet({
-					itemList: ['线下订单','个人订单', '客户订单'],
+					itemList: [this.bigfiveArr[0].title,this.bigfiveArr[1].title, this.bigfiveArr[2].title, this.bigfiveArr[3].title, this.bigfiveArr[4].title],
 					success : res => {
 						switch (res.tapIndex){
 							case 0:
-								this.onNav('MagAccount2')
+								this.onNav('businessBigFive', { children: encodeURIComponent(JSON.stringify(this.bigfiveArr[0].children)) })
 								break;
 							case 1:
-								this.onNav('OrderCreate', { type: 'self' })
+								this.onNav('businessBigFive', { children: encodeURIComponent(JSON.stringify(this.bigfiveArr[1].children)) })
 								break;
 							case 2:
-								this.onNav('OrderCreate', { type: 'other' })
+								this.onNav('businessBigFive', { children: encodeURIComponent(JSON.stringify(this.bigfiveArr[2].children)) })
+								break;
+							case 3:
+								this.onNav('businessBigFive', { children: encodeURIComponent(JSON.stringify(this.bigfiveArr[3].children)) })
+								break;
+							case 4:
+								this.onNav('businessBigFive', { children: encodeURIComponent(JSON.stringify(this.bigfiveArr[4].children)) })
 								break;
 						}
-						
-						
 					}
 				})
+				
+				// 旧数据备份
+				// uni.showActionSheet({
+				// 	itemList: ['线下订单','个人订单', '客户订单'],
+				// 	success : res => {
+				// 		switch (res.tapIndex){
+				// 			case 0:
+				// 				this.onNav('MagAccount2')
+				// 				break;
+				// 			case 1:
+				// 				this.onNav('OrderCreate', { type: 'self' })
+				// 				break;
+				// 			case 2:
+				// 				this.onNav('OrderCreate', { type: 'other' })
+				// 				break;
+				// 		}
+				// 	}
+				// })
+				
 			}
 		}
 	}
@@ -283,6 +309,17 @@
 	.content{
 		padding-bottom: 30rpx;
 	}
+	// 权限提示
+	.work-hint{
+		height: 50vh;
+		padding: 30rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		flex-direction: column;
+		color: gray;
+		font-size: 30rpx;
+	}
 	// 登录提示
 	.auth-null{
 		height: 100vh;
@@ -558,42 +595,41 @@
 		width: 100%;
 		padding: 0 30rpx;
 		box-sizing: border-box;
-		&-item{
+		.flex-item {
-			background: white;
+			padding: 40rpx;
-			padding: 30rpx;
+			box-sizing: border-box;
+			background-color: #ffffff;
 			border-radius: 30rpx;
-			margin-top: 30rpx;
 			display: flex;
-			box-sizing: border-box;
 			position: relative;
-			.flex-icon{ width: 48px; height: 48px; border-radius: 30rpx; }
+			margin-bottom: 30rpx;
+			.flex-icon {
+				width: 80rpx;
+				display: block;
+				margin-top: 10rpx;
+			}
 			.flex-title {
+				width: calc(100% - 80rpx);
+				padding: 0 30rpx;
 				box-sizing: border-box;
-				padding-left: 30rpx;
 				.flex-name {
-					color: #293f66;
-					font-size: 34rpx;
 					font-weight: bold;
-					padding: 4rpx 0;
+					color: #405477;
+					font-size: 34rpx;
+					margin-bottom: 5rpx;
 				}
 				.flex-tips {
-					color: #929db3;
 					font-size: 28rpx;
+					color: #b2bbc9;
 				}
 			}
-			.flex-btn {
+			.flex-arrow {
+				width: 50rpx;
 				position: absolute;
 				right: 30rpx;
-				top: 48rpx;
+				top: calc(50% - 25rpx);
-				height: 60rpx;
-				line-height: 60rpx;
-				border-radius: 80rpx;
-				color: #468bff;
-				background-color: #f8fbff;
-				border: 2rpx solid #d8e6ff;
-				font-size: 28rpx;
-				padding: 0 25rpx;
 			}
 		}
 	}
+		
 </style>

yarn.lock

@@ -2,11 +2,29 @@
 # yarn lockfile v1
 
 
-"@babel/parser@^7.18.4":
+"@babel/parser@^7.16.4", "@babel/parser@^7.18.4":
   version "7.20.5"
   resolved "https://registry.npmjs.org/@babel/parser/-/parser-7.20.5.tgz"
   integrity sha512-r27t/cy/m9uKLXQNWWebeCUHgnAZq0CpG1OwKRxzJMP1vpSU4bSIK2hq+/cp0bQxetkXx38n09rNu8jVkcK/zA==
 
+"@vue/compiler-core@3.2.45":
+  version "3.2.45"
+  resolved "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.45.tgz"
+  integrity sha512-rcMj7H+PYe5wBV3iYeUgbCglC+pbpN8hBLTJvRiK2eKQiWqu+fG9F+8sW99JdL4LQi7Re178UOxn09puSXvn4A==
+  dependencies:
+    "@babel/parser" "^7.16.4"
+    "@vue/shared" "3.2.45"
+    estree-walker "^2.0.2"
+    source-map "^0.6.1"
+
+"@vue/compiler-dom@3.2.45":
+  version "3.2.45"
+  resolved "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.45.tgz"
+  integrity sha512-tyYeUEuKqqZO137WrZkpwfPCdiiIeXYCcJ8L4gWz9vqaxzIQRccTSwSWZ/Axx5YR2z+LvpUbmPNXxuBU45lyRw==
+  dependencies:
+    "@vue/compiler-core" "3.2.45"
+    "@vue/shared" "3.2.45"
+
 "@vue/compiler-sfc@2.7.14":
   version "2.7.14"
   resolved "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.14.tgz"
@@ -16,21 +34,103 @@
     postcss "^8.4.14"
     source-map "^0.6.1"
 
+"@vue/compiler-sfc@3.2.45":
+  version "3.2.45"
+  resolved "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.45.tgz"
+  integrity sha512-1jXDuWah1ggsnSAOGsec8cFjT/K6TMZ0sPL3o3d84Ft2AYZi2jWJgRMjw4iaK0rBfA89L5gw427H4n1RZQBu6Q==
+  dependencies:
+    "@babel/parser" "^7.16.4"
+    "@vue/compiler-core" "3.2.45"
+    "@vue/compiler-dom" "3.2.45"
+    "@vue/compiler-ssr" "3.2.45"
+    "@vue/reactivity-transform" "3.2.45"
+    "@vue/shared" "3.2.45"
+    estree-walker "^2.0.2"
+    magic-string "^0.25.7"
+    postcss "^8.1.10"
+    source-map "^0.6.1"
+
+"@vue/compiler-ssr@3.2.45":
+  version "3.2.45"
+  resolved "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.45.tgz"
+  integrity sha512-6BRaggEGqhWht3lt24CrIbQSRD5O07MTmd+LjAn5fJj568+R9eUD2F7wMQJjX859seSlrYog7sUtrZSd7feqrQ==
+  dependencies:
+    "@vue/compiler-dom" "3.2.45"
+    "@vue/shared" "3.2.45"
+
 "@vue/devtools-api@^6.0.0-beta.11":
   version "6.4.5"
   resolved "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.4.5.tgz"
   integrity sha512-JD5fcdIuFxU4fQyXUu3w2KpAJHzTVdN+p4iOX2lMWSHMOoQdMAcpFLZzm9Z/2nmsoZ1a96QEhZ26e50xLBsgOQ==
 
+"@vue/reactivity-transform@3.2.45":
+  version "3.2.45"
+  resolved "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.45.tgz"
+  integrity sha512-BHVmzYAvM7vcU5WmuYqXpwaBHjsS8T63jlKGWVtHxAHIoMIlmaMyurUSEs1Zcg46M4AYT5MtB1U274/2aNzjJQ==
+  dependencies:
+    "@babel/parser" "^7.16.4"
+    "@vue/compiler-core" "3.2.45"
+    "@vue/shared" "3.2.45"
+    estree-walker "^2.0.2"
+    magic-string "^0.25.7"
+
+"@vue/reactivity@3.2.45":
+  version "3.2.45"
+  resolved "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.45.tgz"
+  integrity sha512-PRvhCcQcyEVohW0P8iQ7HDcIOXRjZfAsOds3N99X/Dzewy8TVhTCT4uXpAHfoKjVTJRA0O0K+6QNkDIZAxNi3A==
+  dependencies:
+    "@vue/shared" "3.2.45"
+
+"@vue/runtime-core@3.2.45":
+  version "3.2.45"
+  resolved "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.2.45.tgz"
+  integrity sha512-gzJiTA3f74cgARptqzYswmoQx0fIA+gGYBfokYVhF8YSXjWTUA2SngRzZRku2HbGbjzB6LBYSbKGIaK8IW+s0A==
+  dependencies:
+    "@vue/reactivity" "3.2.45"
+    "@vue/shared" "3.2.45"
+
+"@vue/runtime-dom@3.2.45":
+  version "3.2.45"
+  resolved "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.2.45.tgz"
+  integrity sha512-cy88YpfP5Ue2bDBbj75Cb4bIEZUMM/mAkDMfqDTpUYVgTf/kuQ2VQ8LebuZ8k6EudgH8pYhsGWHlY0lcxlvTwA==
+  dependencies:
+    "@vue/runtime-core" "3.2.45"
+    "@vue/shared" "3.2.45"
+    csstype "^2.6.8"
+
+"@vue/server-renderer@3.2.45":
+  version "3.2.45"
+  resolved "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.2.45.tgz"
+  integrity sha512-ebiMq7q24WBU1D6uhPK//2OTR1iRIyxjF5iVq/1a5I1SDMDyDu4Ts6fJaMnjrvD3MqnaiFkKQj+LKAgz5WIK3g==
+  dependencies:
+    "@vue/compiler-ssr" "3.2.45"
+    "@vue/shared" "3.2.45"
+
+"@vue/shared@3.2.45":
+  version "3.2.45"
+  resolved "https://registry.npmjs.org/@vue/shared/-/shared-3.2.45.tgz"
+  integrity sha512-Ewzq5Yhimg7pSztDV+RH1UDKBzmtqieXQlpTVm2AwraoRL/Rks96mvd8Vgi7Lj+h+TH8dv7mXD3FRZR3TUvbSg==
+
 core-js@^2.6.5:
   version "2.6.12"
   resolved "https://registry.npmjs.org/core-js/-/core-js-2.6.12.tgz"
   integrity sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==
 
+csstype@^2.6.8:
+  version "2.6.21"
+  resolved "https://registry.npmjs.org/csstype/-/csstype-2.6.21.tgz"
+  integrity sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w==
+
 csstype@^3.1.0:
   version "3.1.1"
   resolved "https://registry.npmjs.org/csstype/-/csstype-3.1.1.tgz"
   integrity sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw==
 
+estree-walker@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz"
+  integrity sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==
+
 eventemitter3@^4.0.7:
   version "4.0.7"
   resolved "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz"
@@ -41,6 +141,13 @@ lodash-es@^4.17.21:
   resolved "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz"
   integrity sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==
 
+magic-string@^0.25.7:
+  version "0.25.9"
+  resolved "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz"
+  integrity sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==
+  dependencies:
+    sourcemap-codec "^1.4.8"
+
 moment@^2.29.4:
   version "2.29.4"
   resolved "https://registry.npmjs.org/moment/-/moment-2.29.4.tgz"
@@ -70,7 +177,7 @@ platform@^1.3.6:
   resolved "https://registry.npmjs.org/platform/-/platform-1.3.6.tgz"
   integrity sha512-fnWVljUchTro6RiCFvCXBbNhJc2NijN7oIQxbwsyL0buWJPG85v81ehlHI9fXrJsMNgTofEoWIQeClKpgxFLrg==
 
-postcss@^8.4.14:
+postcss@^8.1.10, postcss@^8.4.14:
   version "8.4.20"
   resolved "https://registry.npmjs.org/postcss/-/postcss-8.4.20.tgz"
   integrity sha512-6Q04AXR1212bXr5fh03u8aAwbLxAQNGQ/Q1LNa0VfOI06ZAlhPHtQvE4OIdpj4kLThXilalPnmDSOD65DcHt+g==
@@ -89,6 +196,11 @@ source-map@^0.6.1:
   resolved "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
 
+sourcemap-codec@^1.4.8:
+  version "1.4.8"
+  resolved "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz"
+  integrity sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==
+
 uni-read-pages@^1.0.5:
   version "1.0.5"
   resolved "https://registry.npmjs.org/uni-read-pages/-/uni-read-pages-1.0.5.tgz"
@@ -120,6 +232,17 @@ vue@^2.6.10:
     "@vue/compiler-sfc" "2.7.14"
     csstype "^3.1.0"
 
+vue@^3.2.0, vue@3.2.45:
+  version "3.2.45"
+  resolved "https://registry.npmjs.org/vue/-/vue-3.2.45.tgz"
+  integrity sha512-9Nx/Mg2b2xWlXykmCwiTUCWHbWIj53bnkizBxKai1g61f2Xit700A1ljowpTIM11e3uipOeiPcSqnmBg6gyiaA==
+  dependencies:
+    "@vue/compiler-dom" "3.2.45"
+    "@vue/compiler-sfc" "3.2.45"
+    "@vue/runtime-dom" "3.2.45"
+    "@vue/server-renderer" "3.2.45"
+    "@vue/shared" "3.2.45"
+
 vuex@^4.0.2:
   version "4.1.0"
   resolved "https://registry.npmjs.org/vuex/-/vuex-4.1.0.tgz"