Merge pull request '1.4.6' (#5) from dev into master

Reviewed-on: https://git.yuzhankeji.cn/TmOct5/dou_fire/pulls/5

apis/index.js

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

apis/interfaces/pay.js

@@ -32,7 +32,6 @@ const umsPay = (orderId, data) => {
 
 // 银联支付补差价
 const diffUmsPay = (orderId, data) => {
-	console.log(data)
 	return request({
 		url: 'pay/diff/' + orderId + '/ums',
 		data
@@ -63,6 +62,58 @@ const umsFree = (orderNo, type) => {
 	})
 }
 
+// 斗拱支付
+const dgPay = (orderId, data) => {
+	return request({
+		url		: 'pay/order/' + orderId + '/dg',
+		data
+	})
+}
+
+// 斗拱支付补差价
+const diffDgPay = (orderId, data) => {
+	return request({
+		url: 'pay/diff/' + orderId + '/dg',
+		data
+	})
+}
+
+// 斗拱支付自由服务包
+const dgFree = (orderNo, type) => {
+	return request({
+		url		: 'app/services/recharge/' + orderNo + '/dg',
+		data	: { ...type },
+		method: 'POST' 
+	})
+}
+
+// 银联综法支付
+const umsSynthesize = data => {
+	return request({
+		url		: 'pay/cashier_desk/ums',
+		data,
+		method: 'POST' 
+	})
+}
+
+// 抖拱综法支付
+const dgSynthesize = data => {
+	return request({
+		url		: 'pay/cashier_desk/dg',
+		data,
+		method: 'POST' 
+	})
+}
+
+// 火力值综法支付
+const coinSynthesize = data => {
+	return request({
+		url		: 'pay/cashier_desk/score',
+		data,
+		method: 'POST' 
+	})
+}
+
 export {
 	coinPay,
 	diffCoinPay,
@@ -70,5 +121,11 @@ export {
 	diffUmsPay,
 	umsState,
 	umsFree,
-	umsFreeInfo
+	umsFreeInfo,
+	dgPay,
+	diffDgPay,
+	dgFree,
+	umsSynthesize,
+	dgSynthesize,
+	coinSynthesize
 }

apis/interfaces/synthesis.js

@@ -0,0 +1,276 @@
+/**
+ * 手太欠
+ * 愿这世界都如故事里一样 美好而动人~
+ */
+
+import { request } from '../index'
+
+// 获取综法订单数据数量
+const synthesisCount = (data) =>{
+	return request({
+		url: "synthesis/data/orders_count",
+		data: data
+	})
+}
+
+
+// 综法咨询-一次免费列表
+const synthList = () =>{
+	return request({
+		url: "synthesis/index"
+	})
+}
+
+// 综法咨询-一次免费详情
+const synthDet = (synthesis_id) =>{
+	return request({
+		url: "synthesis/index/" + synthesis_id
+	})
+}
+
+
+// 综法咨询-一次免费创建单
+const synthPost = (synthesis_id, data) =>{
+	return request({
+		url: "synthesis/index/" + synthesis_id + "/order",
+		method: 'POST',
+		data: data
+	})
+}
+
+// 综法咨询-年费服务包列表
+const yearSynthList = data =>{
+	return request({
+		url: "synthesis/services",
+		data: data
+	})
+}
+
+// 综法咨询-年费服务包详情
+const yearSynthInfo = (service_id) =>{
+	return request({
+		url: "synthesis/services/" + service_id
+	})
+}
+
+
+// 综法咨询-年费服务包创建单
+const yearSynthPost = (service_id, data) =>{
+	return request({
+		url		: "synthesis/services/" + service_id + "/buy",
+		method	: 'POST',
+		data	: data
+	})
+}
+
+// 综法咨询-案件委托列表
+const entrustList = () =>{
+	return request({
+		url: "synthesis/entrusts"
+	})
+}
+
+// 综法咨询-案件委托子分类
+const entrustSon = data =>{
+	return request({
+		url: "synthesis/entrust/all",
+		data: data
+	})
+}
+
+
+// 综法咨询-案件委托详情
+const entrustInfo = (entrust_id) =>{
+	return request({
+		url: "synthesis/entrust/" + entrust_id
+	})
+}
+
+
+// 综法咨询-案件委托创建单
+const entrustPost = (entrust_id, data) =>{
+	return request({
+		url: "synthesis/entrust/" + entrust_id + "/order",
+		method: 'POST',
+		data: data
+	})
+}
+
+// 综法咨询-拓展服务列表
+const expandsList = () =>{
+	return request({
+		url: "synthesis/expands",
+	})
+}
+
+
+// 综法咨询-拓展服务详情
+const expandsInfo = (expand_id) =>{
+	return request({
+		url: "synthesis/expand/" + expand_id
+	})
+}
+
+// 综法咨询-拓展服务创建单
+const expandsPost = (expand_id, data) =>{
+	return request({
+		url: "synthesis/expand/" + expand_id + "/order",
+		method: 'POST',
+		data: data
+	})
+}
+
+// 综法咨询-年费服务包微信支付
+const yearSynthPay = (service_order_id, data) =>{
+	return request({
+		url: "pay/service_order/" + service_order_id + "/wechat",
+		data: data
+	})
+}
+
+// 年费订单-列表
+const yearOrder = data =>{
+	return request({
+		url: "synthesis/services/orders",
+		data: data
+	})
+}
+
+// 年费订单-详情
+const yearOrderSee = (order_id) =>{
+	return request({
+		url: "synthesis/services/order/" + order_id
+	})
+}
+
+// 咨询单-列表
+const seekOrder = data =>{
+	return request({
+		url: "synthesis/orders",
+		data: data
+	})
+}
+
+
+// 咨询订单-详情
+const seekOrderSee = (synthesis_order_id) =>{
+	return request({
+		url: "synthesis/order/" + synthesis_order_id
+	})
+}
+
+// 委托单-列表
+const entrustOrder = data =>{
+	return request({
+		url: "synthesis/entrust/orders",
+		data: data
+	})
+}
+
+// 拓展单-列表
+const expandOrder = data =>{
+	return request({
+		url: "synthesis/expand/orders",
+		data: data
+	})
+}
+
+// 年费费--线下打款
+const offlineOpen = (data) =>{
+	return request({
+		url: "pay/offline/pay",
+		method: 'POST',
+		data: data
+	})
+}
+
+// 查看打款凭证-查看提交信息
+const bankSee = (pay_id, data) =>{
+	return request({
+		url: "pay/offline/" + pay_id + "/show",
+		data: data
+	})
+}
+
+// 编辑打款凭证
+const bankEdit = (pay_id, data) =>{
+	return request({
+		url: "pay/offline/" + pay_id + "/edit",
+		method: 'POST',
+		data: data
+	})
+}
+
+
+// 获取线下打款银行
+const bankInfo = (data) =>{
+	return request({
+		url: "pay/offline/bank"
+	})
+}
+
+// 咨询单-补差价列表
+const diffPrices = data =>{
+	return request({
+		url: "synthesis/diff_prices",
+		data: data
+	})
+}
+
+
+// 咨询单-创建补差价
+const entrustPay = data =>{
+	return request({
+		url: "synthesis/diff_prices/create",
+		method: 'POST',
+		data: data
+	})
+}
+
+// 咨询单-取消补差价
+const cancelPrices = (diff_price_id) =>{
+	return request({
+		url: "synthesis/diff_prices/" + diff_price_id,
+		method: 'DELETE'
+	})
+}
+
+// 获取签约地址
+const esignUrl = (data) =>{
+	return request({
+		url: "synthesis/esign/sign_url",
+		data: data
+	})
+}
+
+export {
+	synthesisCount,
+	synthList,
+	synthDet,
+	synthPost,
+	yearSynthList,
+	yearSynthInfo,
+	yearSynthPost,
+	entrustList,
+	entrustSon,
+	entrustInfo,
+	entrustPost,
+	expandsList,
+	expandsInfo,
+	expandsPost,
+	yearSynthPay,
+	yearOrder,
+	yearOrderSee,
+	seekOrder,
+	seekOrderSee,
+	entrustOrder,
+	expandOrder,
+	offlineOpen,
+	bankSee,
+	bankEdit,
+	bankInfo,
+	diffPrices,
+	entrustPay,
+	cancelPrices,
+	esignUrl
+}

apis/interfaces/synthesisOrder.js

@@ -0,0 +1,157 @@
+
+/**
+ * Web唐明明
+ * 匆匆数载恍如梦，岁月迢迢华发增。
+ * 碌碌无为枉半生，一朝惊醒万事空。
+ * moduleName: 综法订单
+ */
+
+import { request } from '../index'
+
+// 年费订单
+const servicesOrder = (data) =>{
+	return request({
+		url		: "app/synthesis/services/orders",
+		data
+	})
+}
+
+// 咨询订单
+const synthesisOrder = (data) =>{
+	return request({
+		url		: "app/synthesis/orders",
+		data
+	})
+}
+
+// 委托订单
+const entrustOrder = (data) =>{
+	return request({
+		url		: "app/synthesis/entrusts/orders",
+		data
+	})
+}
+
+// 拓展订单
+const expandOrder = (data) =>{
+	return request({
+		url		: "app/synthesis/expands/orders",
+		data
+	})
+}
+
+// 年费订单 - 详情
+const servicesInfo = service_id => {
+	return request({
+		url		: 'app/synthesis/service/order/' + service_id
+	})
+}
+
+// 咨询订单 - 详情
+const synthesisInfo = service_id => {
+	return request({
+		url		: 'app/synthesis/order/' + service_id
+	})
+}
+
+// 委托订单 - 详情
+const entrustInfo = service_id => {
+	return request({
+		url		: 'app/synthesis/entrust/order/' + service_id
+	})
+}
+
+// 拓展订单 - 详情
+const expandInfo = service_id => {
+	return request({
+		url		: 'app/synthesis/expand/order/' + service_id
+	})
+}
+
+// 订单详情
+const oderinfo = (order_id, order_type) => {
+	return request({
+		url		: 'pay/cashier_desk/info',
+		data	: {
+			order_id,
+			order_type
+		},
+		method	: 'POST'
+	})
+}
+
+// 创建补差价订单
+const orderDiff = (order_type, order_id, price) => {
+	return request({
+		url		: 'synthesis/diff_prices/create',
+		data	: {
+			order_type,
+			order_id,
+			price
+		},
+		method	: 'POST'
+	})
+}
+
+// 补差价列表
+const orderDiffList = (order_id, order_type) => {
+	return request({
+		url		: 'synthesis/diff_prices',
+		data	: {
+			order_type,
+			order_id,
+		}
+	})
+}
+
+// 取消补差价
+const orderDiffCancel = (diff_price_id) => {
+	return request({
+		url		: 'synthesis/diff_prices/' + diff_price_id,
+		method	: 'DELETE'
+	})
+}
+
+// 补差价详情
+const orderDiffInfo = (diff_price_id) => {
+	return request({
+		url		: 'synthesis/diff_prices/' + diff_price_id,
+	})
+}
+
+// 取消订单
+const cancelOrder = (type, id) => {
+	let url
+	switch (type){
+		case 'service':
+			url = "synthesis/services/order/"
+			break;
+		case 'entrust':
+			url = "synthesis/entrust/order/"
+			break;
+		case 'expand':
+			url = "synthesis/expand/order/"
+			break;
+	}
+	return request({
+		url		: url + id,
+		method	: 'DELETE'
+	})
+}
+
+export {
+	servicesOrder,
+	synthesisOrder,
+	entrustOrder,
+	expandOrder,
+	servicesInfo,
+	synthesisInfo,
+	entrustInfo,
+	expandInfo,
+	oderinfo,
+	orderDiff,
+	orderDiffList,
+	orderDiffCancel,
+	orderDiffInfo,
+	cancelOrder
+}

apis/interfaces/user.js

@@ -172,6 +172,14 @@ const getFlows = id => {
 	})
 }
 
+// 获取所有省市数据
+const createCity = (data) =>{
+	return request({
+		url: "region/pro_city",
+		data: data
+	})
+}
+
 export {
 	relations,
 	code,
@@ -192,5 +200,6 @@ export {
     getTeam,
     getTeamLogs,
 	getSignLogs,
-	getFlows
+	getFlows,
+	createCity
 }

apis/interfaces/work.js

@@ -29,8 +29,19 @@ const sign = () => {
 	})
 }
 
+// 获取综法订单统计
+const synthesisCount = () => {
+	return request({
+		url		: 'synthesis/data/orders_count',
+		data	: {
+			channel	: 'manage'
+		}
+	})
+}
+
 export {
 	index,
 	rights,
-	sign
+	sign,
+	synthesisCount
 }

components/entrustOrder.vue

@@ -0,0 +1,190 @@
+<template>
+	<view class="order-block">
+		<view class="order-block-header">
+			<view class="order-no">订单号{{no || '-'}}</view>
+			<view class="order-state">{{status.text || '-'}}</view>
+		</view>
+		<view class="order-block-content">
+			<view class="order-user">{{user.nickname}}<text>{{user.username}}</text></view>
+			<view class="order-content">
+				<view class="order-content-type">
+					<label>委托类型</label>
+					<view class="nowrap">{{ entrust.title || '-' }}</view>
+				</view>
+				<view class="order-content-type" v-if="diff > 0">
+					<label>需补差价</label>
+					<view class="nowrap">{{ diff || '-' }}</view>
+				</view>
+				<view class="order-content-type" v-if="can.lawyer_status != 0">
+					<label>服务律师</label>
+					<view class="nowrap" v-if="can.lawyer_status === 2">{{ lawyer.name || '-' }}</view>
+					<view class="nowrap" style="color: #FFAB3F;" v-else>待匹配律师</view>
+				</view>
+				<view class="order-content-type">
+					<label>服务费用</label>
+					<view class="nowrap">{{ price || '-' }}</view>
+				</view>
+				<view class="order-content-type">
+					<label>创建时间</label>
+					<view class="nowrap">{{ time || '-' }}</view>
+				</view>
+			</view>
+			<view class="order-btns">
+				<button class="btn-cancel" v-if="can.cancel && isSelf" @click="onCancel(no)">取消</button>
+				<button class="btn-cancel" @click="onPhone(user.username)">联系TA</button>
+				<button class="btn-cancel" @click="onSing(no)" v-if="can.sign && isSelf">签约</button>
+				<button class="btn-cancel" :class="{'in': can.pay_status == 3}" v-if="can.pay_status == 1 || can.pay_status == 2 || can.pay_status == 3" @click="onOPay(no)">
+					<text v-if="can.pay_status == 1">支付</text>
+					<text v-if="can.pay_status == 2">审核中</text>
+					<text v-if="can.pay_status == 3">被驳回</text>
+				</button>
+				<button class="btn-cancel" v-if="can.diff_price" @click="onDiff(no)">补差价</button>
+				<button class="btn-sign" @click="onInfo(no)">查看</button>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name:"entrustOrders",
+		data() {
+			return {
+				
+			};
+		},
+		props: {
+			isSelf: {
+				type	: Boolean,
+				default	: false
+			},
+			no	: { 
+				type	: String,
+				default	: ''
+			},
+			user: {
+				type	: Object,
+				default	: () => {
+					return { } 
+				}
+			},
+			status: {
+				type	: Object,
+				default	: () => {
+					return { } 
+				}
+			},
+			entrust: {
+				type	: Object,
+				default	: () => {
+					return { } 
+				}
+			},
+			time : {
+				type	: String,
+				default	: ''
+			},
+			price: { 
+				type	: String,
+				default	: ''
+			},
+			diff: { 
+				type	: Number,
+				default	: 0
+			},
+			lawyer: {
+				type	: Object,
+				default : () => {
+					return { name: '' }
+				}
+			},
+			can: {
+				typeof: Object,
+				default : () => {
+					return {}
+				}
+			}
+		},
+		methods: {
+			// 订单签约
+			onSing(id){
+				this.$emit('sing', id)
+			},
+			// 订单详情
+			onInfo(id){
+				this.$emit('info', id)
+			},
+			// 联系客户
+			onPhone(mobile){
+				this.$emit('callPhone', mobile)
+			},
+			// 补差价支付
+			onDiff(id){
+				this.$emit('diff', id)
+			},
+			// 支付
+			onOPay(id){
+				this.$emit('pay', id)
+			},
+			// 取消订单
+			onCancel(id){
+				this.$emit('cancel', id)
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	// 列表模块
+	.order-block{ 
+		background: white;
+		margin: 0 30rpx 30rpx 30rpx;
+		border-radius: 10rpx;
+		&-header{
+			border-bottom: solid 1rpx #eee;
+			display: flex;
+			justify-content:
+			space-between;
+			padding: 20rpx 30rpx;
+			align-items: center;
+			line-height: 70rpx;
+			.order-no{ font-size: 28rpx; color: #111;  }
+			.order-state{ color: #446EFE; font-weight: bold; font-size: 30rpx; }
+		}
+		&-content{
+			padding: 30rpx;
+			.order-user{
+				font-size: 40rpx;
+				font-weight: bold;
+				padding-bottom: 30rpx;
+				text{ font-size: 28rpx; margin-left: 10rpx; font-weight: normal; color: #666; }
+			}
+			.order-content{
+				background: #F7FAFF;
+				border-radius: 10rpx;
+				padding: 20rpx 30rpx;
+				color: #666666;
+				font-size: 30rpx;
+				.order-content-type{
+					display: flex;
+					justify-content: space-between;
+					color: #111;
+					line-height: 70rpx;
+					label{ color: gray; }
+				}
+				.order-content-title{ color: #111; line-height: 70rpx; }
+				.order-content-text{ line-height: 40rpx; text-align: justify; }
+			}
+			.order-btns{
+				padding-top: 30rpx;
+				display: flex;
+				justify-content: flex-end;
+				button{ margin: 0; padding: 0; height: 70rpx; line-height: 70rpx; border-radius: 35rpx; min-width: 135rpx; font-size: 30rpx; }
+				button::after{ display: none; }
+				button.btn-cancel{ margin-right: 20rpx; color: #446EFE; border:solid 1rpx #446EFE; background: white; line-height: 68rpx; box-sizing: border-box; }
+				button.btn-cancel.in{ opacity: .8; }
+				button.btn-sign{ background: #446EFE; color: white; }
+			}
+		}
+	}
+</style>

components/expandOrder.vue

@@ -0,0 +1,185 @@
+<template>
+	<view class="order-block">
+		<view class="order-block-header">
+			<view class="order-no">订单号{{no || '-'}}</view>
+			<view class="order-state">{{status.text || '-'}}</view>
+		</view>
+		<view class="order-block-content">
+			<view class="order-user">{{user.nickname}}<text>{{user.username}}</text></view>
+			<view class="order-content">
+				<view class="order-content-type">
+					<label>订单类型</label>
+					<view class="nowrap">{{ expand.title || '-' }}</view>
+				</view>
+				<view class="order-content-type" v-if="diff > 0">
+					<label>需补差价</label>
+					<view class="nowrap">{{ diff || '-' }}</view>
+				</view>
+				<view class="order-content-type" v-if="can.lawyer_status != 0">
+					<label>服务律师</label>
+					<view class="nowrap" v-if="can.lawyer_status === 2">{{ lawyer.name || '-' }}</view>
+					<view class="nowrap" style="color: #FFAB3F;" v-else>待匹配律师</view>
+				</view>
+				<view class="order-content-type">
+					<label>服务金额</label>
+					<view class="nowrap">{{ price || '-' }}</view>
+				</view>
+				<view class="order-content-type">
+					<label>创建时间</label>
+					<view class="nowrap">{{ time || '-' }}</view>
+				</view>
+			</view>
+			<view class="order-btns">
+				<button class="btn-cancel" v-if="can.cancel && isSelf" @click="onCancel(no)">取消</button>
+				<button class="btn-cancel" @click="onPhone(user.username)">联系TA</button>
+				<button class="btn-cancel" :class="{'in': can.pay_status == 3}" v-if="can.pay_status == 1 || can.pay_status == 2 || can.pay_status == 3" @click="onOPay(no)">
+					<text v-if="can.pay_status == 1">支付</text>
+					<text v-if="can.pay_status == 2">审核中</text>
+					<text v-if="can.pay_status == 3">被驳回</text>
+				</button>
+				<button class="btn-cancel" v-if="can.diff_price" @click="onDiff(no)">补差价</button>
+				<button class="btn-sign" @click="onInfo(no)">查看</button>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name:"entrustOrders",
+		data() {
+			return {
+				
+			};
+		},
+		props: {
+			no	: { 
+				type	: String,
+				default	: ''
+			},
+			user: {
+				type	: Object,
+				default	: () => {
+					return { } 
+				}
+			},
+			status: {
+				type	: Object,
+				default	: () => {
+					return { } 
+				}
+			},
+			expand: {
+				type	: Object,
+				default	: () => {
+					return { } 
+				}
+			},
+			time : {
+				type	: String,
+				default	: ''
+			},
+			price: {
+				type	: String,
+				default	: ''
+			},
+			diff: {
+				type	: Number,
+				default	: 0
+			},
+			can: {
+				type	: Object,
+				default	: () => {
+					return { }
+				}
+			},
+			lawyer: {
+				type	: Object,
+				default : () => {
+					return { name: '' }
+				}
+			},
+			isSelf: {
+				type	: Boolean,
+				default	: false
+			}
+		},
+		methods: {
+			// 订单详情
+			onInfo(id){
+				this.$emit('info', id)
+			},
+			// 联系客户
+			onPhone(mobile){
+				this.$emit('callPhone', mobile)
+			},
+			// 补差价支付
+			onDiff(id){
+				this.$emit('diff', id)
+			},
+			// 支付
+			onOPay(id){
+				this.$emit('pay', id)
+			},
+			// 取消订单
+			onCancel(id){
+				this.$emit('cancel', id)
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	// 列表模块
+	.order-block{ 
+		background: white;
+		margin: 0 30rpx 30rpx 30rpx;
+		border-radius: 10rpx;
+		&-header{
+			border-bottom: solid 1rpx #eee;
+			display: flex;
+			justify-content:
+			space-between;
+			padding: 20rpx 30rpx;
+			align-items: center;
+			line-height: 70rpx;
+			.order-no{ font-size: 28rpx; color: #111;  }
+			.order-state{ color: #446EFE; font-weight: bold; font-size: 30rpx; }
+		}
+		&-content{
+			padding: 30rpx;
+			.order-user{
+				font-size: 40rpx;
+				font-weight: bold;
+				padding-bottom: 30rpx;
+				text{ font-size: 28rpx; margin-left: 10rpx; font-weight: normal; color: #666; }
+			}
+			.order-content{
+				background: #F7FAFF;
+				border-radius: 10rpx;
+				padding: 20rpx 30rpx;
+				color: #666666;
+				font-size: 30rpx;
+				.order-content-type{
+					display: flex;
+					justify-content: space-between;
+					color: #111;
+					line-height: 70rpx;
+					label{ color: gray; }
+				}
+				.order-content-title{ color: #111; line-height: 70rpx; }
+				.order-content-text{ line-height: 40rpx; text-align: justify; }
+			}
+			.order-btns{
+				padding-top: 30rpx;
+				display: flex;
+				justify-content: flex-end;
+				button{ margin: 0; height: 70rpx; line-height: 70rpx; border-radius: 35rpx; min-width: 135rpx; font-size: 30rpx; padding: 0; }
+				button::after{ display: none; }
+				button.btn-cancel{ margin-right: 20rpx; color: #446EFE; border:solid 1rpx #446EFE; background: white; line-height: 68rpx; box-sizing: border-box; }
+				button.btn-cancel.in{ opacity: .8; }
+				button.btn-sign{ background: #446EFE; color: white; }
+			}
+		}
+	}
+</style>

components/mould-input.vue

@@ -0,0 +1,67 @@
+<template>
+	<view>
+		<block v-if="inputType == 'price'">
+			<input type="digit" :placeholder="'请输入' + inputTitle" placeholder-class="placeholderClass" :value="blurValue" @blur="blurInput"/>
+			<text>元</text>
+		</block>
+		<block v-else-if="inputType == 'number'">
+			<input type="number" :placeholder="'请输入' + inputTitle" placeholder-class="placeholderClass" :value="blurValue" @blur="blurInput"/>
+		</block>
+		<block v-else-if="inputType == 'day'">
+			<input type="number" :placeholder="'请输入' + inputTitle" placeholder-class="placeholderClass" :value="blurValue" @blur="blurInput"/>
+			<text>天</text>
+		</block>
+		<block v-else-if="inputType == 'password'">
+			<input type="text" password :placeholder="'请输入' + inputTitle" placeholder-class="placeholderClass" :value="blurValue" @blur="blurInput"/>
+		</block>
+		<block v-else-if="inputType == 'mobile'">
+			<input type="number" maxlength="11" :placeholder="'请输入' + inputTitle" placeholder-class="placeholderClass" :value="blurValue" @blur="blurInput"/>
+		</block>
+		<block v-else>
+			<input v-if="inputKey == 'card_no'" type="number" :placeholder="'请输入' + inputTitle" placeholder-class="placeholderClass" :value="blurValue" @blur="blurInput"/>
+			<input v-else type="text" :placeholder="'请输入' + inputTitle" placeholder-class="placeholderClass" :value="blurValue" @blur="blurInput"/>
+		</block>
+	</view>
+</template>
+
+<script>
+	export default{
+		name: 'mouldInput',
+		data(){
+			return {
+				workIndex: 0
+			}
+		},
+		props: {
+			inputKey: {
+				type	: String,
+				default : ''
+			},
+			inputType: {
+				type	: String,
+				default : ''
+			},
+			blurValue: {
+				type	: String,
+				default : ''
+			},
+			inputTitle: {
+				type	: String,
+				default : ''
+			}
+		},
+		onLoad() {},
+		methods: {
+			blurInput(e){
+				this.$emit('onValue', e.detail.value)
+			}
+		}
+	}
+</script>
+
+<style>
+	input {
+		width: 100%;
+		height: 100%;
+	}
+</style>

components/servicesOrder.vue

@@ -0,0 +1,185 @@
+<template>
+	<view class="order-block">
+		<view class="order-block-header">
+			<view class="order-no">订单号{{no || '-'}}</view>
+			<view class="order-state">{{status.text || '-'}}</view>
+		</view>
+		<view class="order-block-content">
+			<view class="order-user">{{user.nickname}}<text>{{user.username}}</text></view>
+			<view class="order-content">
+				<view class="order-content-type">
+					<label>年费类型</label>
+					<view class="nowrap">{{ service.audiences || '-' }}</view>
+				</view>
+				<view class="order-content-type">
+					<label>订单类型</label>
+					<view class="nowrap">{{ service.title || '-' }}</view>
+				</view>
+				<view class="order-content-type" v-if="can.lawyer_status != 0">
+					<label>服务律师</label>
+					<view class="nowrap" v-if="can.lawyer_status === 2">{{ lawyer.name || '-' }}</view>
+					<view class="nowrap" style="color: #FFAB3F;" v-else>待匹配律师</view>
+				</view>
+				<view class="order-content-type">
+					<label>服务金额</label>
+					<view class="nowrap">{{ price || '-' }}</view>
+				</view>
+				<view class="order-content-type">
+					<label>创建时间</label>
+					<view class="nowrap">{{ time || '-' }}</view>
+				</view>
+			</view>
+			<view class="order-btns">
+				<button class="btn-cancel" v-if="can.cancel && isSelf" @click="onCancel(no)">取消</button>
+				<button class="btn-cancel" @click="onPhone(user.username)">联系TA</button>
+				<button class="btn-cancel" @click="onSing(no)" v-if="can.sign && isSelf">签约</button>
+				<button class="btn-cancel" :class="{'in': can.pay_status == 3}" v-if="can.pay_status == 1 || can.pay_status == 2 || can.pay_status == 3" @click="onOPay(no)">
+					<text v-if="can.pay_status == 1">支付</text>
+					<text v-if="can.pay_status == 2">审核中</text>
+					<text v-if="can.pay_status == 3">被驳回</text>
+				</button>
+				<button class="btn-cancel" v-if="can.diff_price" @click="onDiff(no)">补差价</button>
+				<button class="btn-sign" @click="onInfo(no)">查看</button>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name:"entrustOrders",
+		data() {
+			return {
+				
+			};
+		},
+		props: {
+			isSelf: {
+				type	: Boolean,
+				default	: false,
+			},
+			no	: { 
+				type	: String,
+				default	: ''
+			},
+			user: {
+				type	: Object,
+				default	: () => {
+					return { } 
+				}
+			},
+			status: {
+				type	: Object,
+				default	: () => {
+					return { } 
+				}
+			},
+			service: {
+				type	: Object,
+				default	: () => {
+					return { } 
+				}
+			},
+			time : {
+				type	: String,
+				default	: ''
+			},
+			price: {
+				type	: String,
+				default	: ''
+			},
+			lawyer: {
+				type	: Object,
+				default : () => {
+					return { name: '' }
+				}
+			},
+			can: {
+				type	: Object,
+				default : () => {
+					return { }
+				}
+			}
+		},
+		methods: {
+			// 订单签约
+			onSing(id){
+				this.$emit('sing', id)
+			},
+			// 订单详情
+			onInfo(id){
+				this.$emit('info', id)
+			},
+			// 联系客户
+			onPhone(mobile){
+				this.$emit('callPhone', mobile)
+			},
+			// 补差价支付
+			onDiff(id){
+				this.$emit('diff', id)
+			},
+			// 支付
+			onOPay(id){
+				this.$emit('pay', id)
+			},
+			// 取消订单
+			onCancel(id){
+				this.$emit('cancel', id)
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	// 列表模块
+	.order-block{ 
+		background: white;
+		margin: 0 30rpx 30rpx 30rpx;
+		border-radius: 10rpx;
+		&-header{
+			border-bottom: solid 1rpx #eee;
+			display: flex;
+			justify-content:
+			space-between;
+			padding: 20rpx 30rpx;
+			align-items: center;
+			line-height: 70rpx;
+			.order-no{ font-size: 28rpx; color: #111;  }
+			.order-state{ color: #446EFE; font-weight: bold; font-size: 30rpx; }
+		}
+		&-content{
+			padding: 30rpx;
+			.order-user{
+				font-size: 40rpx;
+				font-weight: bold;
+				padding-bottom: 30rpx;
+				text{ font-size: 28rpx; margin-left: 10rpx; font-weight: normal; color: #666; }
+			}
+			.order-content{
+				background: #F7FAFF;
+				border-radius: 10rpx;
+				padding: 20rpx 30rpx;
+				color: #666666;
+				font-size: 30rpx;
+				.order-content-type{
+					display: flex;
+					justify-content: space-between;
+					color: #111;
+					line-height: 70rpx;
+					label{ color: gray; }
+				}
+				.order-content-title{ color: #111; line-height: 70rpx; }
+				.order-content-text{ line-height: 40rpx; text-align: justify; }
+			}
+			.order-btns{
+				padding-top: 30rpx;
+				display: flex;
+				justify-content: flex-end;
+				button{ margin: 0; height: 70rpx; line-height: 70rpx; border-radius: 35rpx; min-width: 135rpx; font-size: 30rpx; }
+				button::after{ display: none; }
+				button.btn-cancel{ margin-right: 20rpx; color: #446EFE; border:solid 1rpx #446EFE; background: white; line-height: 68rpx; box-sizing: border-box; }
+				button.btn-sign{ background: #446EFE; color: white; }
+			}
+		}
+	}
+</style>

components/synthesisOrder.vue

@@ -0,0 +1,144 @@
+<template>
+	<view class="order-block">
+		<view class="order-block-header">
+			<view class="order-no">订单号{{no || '-'}}</view>
+		</view>
+		<view class="order-block-content">
+			<view class="order-user">{{user.nickname}}<text>{{user.username}}</text></view>
+			<view class="order-content">
+				<view class="order-content-type" v-if="can.lawyer_status != 0">
+					<label>服务律师</label>
+					<view class="nowrap" v-if="can.lawyer_status === 2">{{ lawyer.name || '-' }}</view>
+					<view class="nowrap" style="color: #FFAB3F;" v-else>待匹配律师</view>
+				</view>
+				<view class="order-content-type">
+					<label>服务金额</label>
+					<view class="nowrap">{{ synthesis.title || '-' }}</view>
+				</view>
+				<view class="order-content-type">
+					<label>创建时间</label>
+					<view class="nowrap">{{ time || '-' }}</view>
+				</view>
+			</view>
+			<view class="order-btns">
+				<!-- <button class="btn-cancel" v-if="can.cancel && isSelf" @click="onCancel(no)">取消</button> -->
+				<button class="btn-cancel" @click="onPhone(user)">联系TA</button>
+				<button class="btn-sign" @click="onInfo(no)">查看</button>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name:"entrustOrders",
+		data() {
+			return {
+				
+			};
+		},
+		props: {
+			no	: { 
+				type	: String,
+				default	: ''
+			},
+			user: {
+				type	: Object,
+				default	: () => {
+					return { } 
+				}
+			},
+			synthesis: {
+				type	: Object,
+				default	: () => {
+					return { } 
+				}
+			},
+			time : {
+				type	: String,
+				default	: ''
+			},
+			price: {
+				type	: String,
+				default	: ''
+			},
+			lawyer: {
+				type	: Object,
+				default : () => {
+					return { name: '' }
+				}
+			},
+			isSelf: {
+				type	: Boolean,
+				default	: false
+			}
+		},
+		methods: {
+			onInfo(id){
+				this.$emit('info', id)
+			},
+			onPhone(mobile){
+				console.log(mobile)
+				
+				this.$emit('callPhone', mobile)
+			},
+			onSing(id){
+				this.$emit('info', id)
+			},
+			// 取消订单
+			onCancel(id){
+				this.$emit('cancel', id)
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	// 列表模块
+	.order-block{ 
+		background: white;
+		margin: 0 30rpx 30rpx 30rpx;
+		border-radius: 10rpx;
+		&-header{
+			border-bottom: solid 1rpx #eee;
+			padding: 20rpx 30rpx;
+			align-items: center;
+			line-height: 70rpx;
+			.order-no{ font-size: 28rpx; color: #111;  }
+		}
+		&-content{
+			padding: 30rpx;
+			.order-user{
+				font-size: 40rpx;
+				font-weight: bold;
+				padding-bottom: 30rpx;
+				text{ font-size: 28rpx; margin-left: 10rpx; font-weight: normal; color: #666; }
+			}
+			.order-content{
+				background: #F7FAFF;
+				border-radius: 10rpx;
+				padding: 20rpx 30rpx;
+				color: #666666;
+				font-size: 30rpx;
+				.order-content-type{
+					display: flex;
+					justify-content: space-between;
+					color: #111;
+					line-height: 70rpx;
+					label{ color: gray; }
+				}
+				.order-content-title{ color: #111; line-height: 70rpx; }
+				.order-content-text{ line-height: 40rpx; text-align: justify; }
+			}
+			.order-btns{
+				padding-top: 30rpx;
+				display: flex;
+				justify-content: flex-end;
+				button{ margin: 0; height: 70rpx; line-height: 70rpx; border-radius: 35rpx; min-width: 135rpx; padding: 0; font-size: 30rpx; }
+				button::after{ display: none; }
+				button.btn-cancel{ margin-right: 20rpx; color: #446EFE; border:solid 1rpx #446EFE; background: white; line-height: 68rpx; box-sizing: border-box; }
+				button.btn-sign{ background: #446EFE; color: white; }
+			}
+		}
+	}
+</style>

dhdg-pay/dgali-pay.html

@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>抖火收银台</title>
+</head>
+<body>
+    <style>
+        body{ padding: 0; margin: 0; }
+        .pages{ width: 100vw; height: 90vh; display: flex; align-items: center; flex-direction: column; justify-content: center; }
+        img{ width: 62px; height: 62px; border-radius: 10px; }
+        h4{ font-size: 16px; margin-bottom: 100px; }
+        p{ font-size: 14px; color: red; }
+        button{ margin-bottom: 20px; width: 60vw; height: 50px; line-height: 50px; border: none; padding: 0; font-size: 16px; font-weight: bold; border-radius: 5px; background: #e80050; color: white; }
+        button.closeBtn{ border:solid 1px #e80050; color: #e80050; background-color: white; line-height: 48px; }
+        .footer{ font-size: 14px; color: gray; position: absolute; bottom: 10vh; }
+    </style>
+    <div class="pages">
+        <img src="logo.png" alt="抖火法律">
+        <h4>抖火支付宝收银台</h4>
+        <p id="toast" style="display: none;">!!!参数错误</p>
+        <button id="pay" onclick="onPay()">打开支付宝</button>
+        <button class="closeBtn" id="btn" onclick="onClose()">支付完成</button>
+        <div class="footer">河北抖火法律咨询服务有限公司</div>
+    </div>
+    <script>
+        // var wxCodeVal = window.location.search.indexOf('miniurlcode=')
+        // var wxMiniUrl = ''
+        // if(wxCodeVal > 0){
+        //     var wxCodeUrl = window.location.search.substring((wxCodeVal + 'miniurlcode='.length), window.location.search.length)
+        //     wxMiniUrl = decodeURIComponent(wxCodeUrl);
+        //     window.location.href = decodeURIComponent(wxCodeUrl);
+        // }else{
+        //     document.getElementById("btn").style.display = 'none'
+        //     document.getElementById("toast").style.display = 'block'
+        // }
+
+        // 支付
+        // decodeURIComponent(wxCodeUrl)
+        document.getElementById("pay").onPay = function() {
+            // if(wxMiniUrl != ''){
+                window.location.href = "alipays://platformepi/statapprapd-2021003121605466&thirdPrtScheme-dofire:/&pape-pes/cashier/cashierp30-202305101532430092568067%26s%3app";
+            // }
+        }
+
+        // 关闭支付
+        document.getElementById("btn").onClose = function(){
+            document.addEventListener("WeixinJSBridgeReady", function() {
+                WeixinJSBridge.call("closeWindow");
+            },false);
+            WeixinJSBridge.call("closeWindow");
+        }
+    </script>
+</body>
+</html>

dhdg-pay/index.html

@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>抖火收银台</title>
+</head>
+<body>
+    <style>
+        body{ padding: 0; margin: 0; }
+        .pages{ width: 100vw; height: 90vh; display: flex; align-items: center; flex-direction: column; justify-content: center; }
+        img{ width: 62px; height: 62px; border-radius: 10px; }
+        h4{ font-size: 16px; margin-bottom: 100px; }
+        p{ font-size: 14px; color: red; }
+        button{ margin-bottom: 20px; width: 60vw; height: 50px; line-height: 50px; border: none; padding: 0; font-size: 16px; font-weight: bold; border-radius: 5px; background: #e80050; color: white; }
+        button.closeBtn{ border:solid 1px #e80050; color: #e80050; background-color: white; line-height: 48px; }
+        .footer{ font-size: 14px; color: gray; position: absolute; bottom: 10vh; }
+    </style>
+    <div class="pages">
+        <img src="logo.png" alt="抖火法律">
+        <h4>抖火收银台</h4>
+        <p id="toast" style="display: none;">!!!参数错误</p>
+        <button id="pay" onclick="onPay()">立即支付</button>
+        <button class="closeBtn" id="btn" onclick="onClose()">支付完成</button>
+        <div class="footer">河北抖火法律咨询服务有限公司</div>
+    </div>
+    <script>
+        var wxCodeVal = window.location.search.indexOf('miniurlcode=')
+        var wxMiniUrl = ''
+        if(wxCodeVal > 0){
+            var wxCodeUrl = window.location.search.substring((wxCodeVal + 'miniurlcode='.length), window.location.search.length)
+            wxMiniUrl = decodeURIComponent(wxCodeUrl);
+            window.location.href = decodeURIComponent(wxCodeUrl);
+        }else{
+            document.getElementById("btn").style.display = 'none'
+            document.getElementById("toast").style.display = 'block'
+        }
+
+        // 支付
+        document.getElementById("pay").onPay = function() {
+            if(wxMiniUrl != ''){
+                window.location.href = decodeURIComponent(wxCodeUrl);
+            }
+        }
+
+        // 关闭支付
+        document.getElementById("btn").onClose = function(){
+            document.addEventListener("WeixinJSBridgeReady", function() {
+                WeixinJSBridge.call("closeWindow");
+            },false);
+            WeixinJSBridge.call("closeWindow");
+        }
+    </script>
+</body>
+</html>

js_sdk/wa-permission/permission.js

@@ -0,0 +1,272 @@
+/**
+ * 本模块封装了Android、iOS的应用权限判断、打开应用权限设置界面、以及位置系统服务是否开启
+ */
+
+var isIos
+// #ifdef APP-PLUS
+isIos = (plus.os.name == "iOS")
+// #endif
+
+// 判断推送权限是否开启
+function judgeIosPermissionPush() {
+	var result = false;
+	var UIApplication = plus.ios.import("UIApplication");
+	var app = UIApplication.sharedApplication();
+	var enabledTypes = 0;
+	if (app.currentUserNotificationSettings) {
+		var settings = app.currentUserNotificationSettings();
+		enabledTypes = settings.plusGetAttribute("types");
+		console.log("enabledTypes1:" + enabledTypes);
+		if (enabledTypes == 0) {
+			console.log("推送权限没有开启");
+		} else {
+			result = true;
+			console.log("已经开启推送功能!")
+		}
+		plus.ios.deleteObject(settings);
+	} else {
+		enabledTypes = app.enabledRemoteNotificationTypes();
+		if (enabledTypes == 0) {
+			console.log("推送权限没有开启!");
+		} else {
+			result = true;
+			console.log("已经开启推送功能!")
+		}
+		console.log("enabledTypes2:" + enabledTypes);
+	}
+	plus.ios.deleteObject(app);
+	plus.ios.deleteObject(UIApplication);
+	return result;
+}
+
+// 判断定位权限是否开启
+function judgeIosPermissionLocation() {
+	var result = false;
+	var cllocationManger = plus.ios.import("CLLocationManager");
+	var status = cllocationManger.authorizationStatus();
+	result = (status != 2)
+	console.log("定位权限开启：" + result);
+	// 以下代码判断了手机设备的定位是否关闭，推荐另行使用方法 checkSystemEnableLocation
+	/* var enable = cllocationManger.locationServicesEnabled();
+	var status = cllocationManger.authorizationStatus();
+	console.log("enable:" + enable);
+	console.log("status:" + status);
+	if (enable && status != 2) {
+		result = true;
+		console.log("手机定位服务已开启且已授予定位权限");
+	} else {
+		console.log("手机系统的定位没有打开或未给予定位权限");
+	} */
+	plus.ios.deleteObject(cllocationManger);
+	return result;
+}
+
+// 判断麦克风权限是否开启
+function judgeIosPermissionRecord() {
+	var result = false;
+	var avaudiosession = plus.ios.import("AVAudioSession");
+	var avaudio = avaudiosession.sharedInstance();
+	var permissionStatus = avaudio.recordPermission();
+	console.log("permissionStatus:" + permissionStatus);
+	if (permissionStatus == 1684369017 || permissionStatus == 1970168948) {
+		console.log("麦克风权限没有开启");
+	} else {
+		result = true;
+		console.log("麦克风权限已经开启");
+	}
+	plus.ios.deleteObject(avaudiosession);
+	return result;
+}
+
+// 判断相机权限是否开启
+function judgeIosPermissionCamera() {
+	var result = false;
+	var AVCaptureDevice = plus.ios.import("AVCaptureDevice");
+	var authStatus = AVCaptureDevice.authorizationStatusForMediaType('vide');
+	console.log("authStatus:" + authStatus);
+	if (authStatus == 3) {
+		result = true;
+		console.log("相机权限已经开启");
+	} else {
+		console.log("相机权限没有开启");
+	}
+	plus.ios.deleteObject(AVCaptureDevice);
+	return result;
+}
+
+// 判断相册权限是否开启
+function judgeIosPermissionPhotoLibrary() {
+	var result = false;
+	var PHPhotoLibrary = plus.ios.import("PHPhotoLibrary");
+	var authStatus = PHPhotoLibrary.authorizationStatus();
+	console.log("authStatus:" + authStatus);
+	if (authStatus == 3) {
+		result = true;
+		console.log("相册权限已经开启");
+	} else {
+		console.log("相册权限没有开启");
+	}
+	plus.ios.deleteObject(PHPhotoLibrary);
+	return result;
+}
+
+// 判断通讯录权限是否开启
+function judgeIosPermissionContact() {
+	var result = false;
+	var CNContactStore = plus.ios.import("CNContactStore");
+	var cnAuthStatus = CNContactStore.authorizationStatusForEntityType(0);
+	if (cnAuthStatus == 3) {
+		result = true;
+		console.log("通讯录权限已经开启");
+	} else {
+		console.log("通讯录权限没有开启");
+	}
+	plus.ios.deleteObject(CNContactStore);
+	return result;
+}
+
+// 判断日历权限是否开启
+function judgeIosPermissionCalendar() {
+	var result = false;
+	var EKEventStore = plus.ios.import("EKEventStore");
+	var ekAuthStatus = EKEventStore.authorizationStatusForEntityType(0);
+	if (ekAuthStatus == 3) {
+		result = true;
+		console.log("日历权限已经开启");
+	} else {
+		console.log("日历权限没有开启");
+	}
+	plus.ios.deleteObject(EKEventStore);
+	return result;
+}
+
+// 判断备忘录权限是否开启
+function judgeIosPermissionMemo() {
+	var result = false;
+	var EKEventStore = plus.ios.import("EKEventStore");
+	var ekAuthStatus = EKEventStore.authorizationStatusForEntityType(1);
+	if (ekAuthStatus == 3) {
+		result = true;
+		console.log("备忘录权限已经开启");
+	} else {
+		console.log("备忘录权限没有开启");
+	}
+	plus.ios.deleteObject(EKEventStore);
+	return result;
+}
+
+// Android权限查询
+function requestAndroidPermission(permissionID) {
+	return new Promise((resolve, reject) => {
+		plus.android.requestPermissions(
+			[permissionID], // 理论上支持多个权限同时查询，但实际上本函数封装只处理了一个权限的情况。有需要的可自行扩展封装
+			function(resultObj) {
+				var result = 0;
+				for (var i = 0; i < resultObj.granted.length; i++) {
+					var grantedPermission = resultObj.granted[i];
+					console.log('已获取的权限：' + grantedPermission);
+					result = 1
+				}
+				for (var i = 0; i < resultObj.deniedPresent.length; i++) {
+					var deniedPresentPermission = resultObj.deniedPresent[i];
+					console.log('拒绝本次申请的权限：' + deniedPresentPermission);
+					result = 0
+				}
+				for (var i = 0; i < resultObj.deniedAlways.length; i++) {
+					var deniedAlwaysPermission = resultObj.deniedAlways[i];
+					console.log('永久拒绝申请的权限：' + deniedAlwaysPermission);
+					result = -1
+				}
+				resolve(result);
+				// 若所需权限被拒绝,则打开APP设置界面,可以在APP设置界面打开相应权限
+				// if (result != 1) {
+				// gotoAppPermissionSetting()
+				// }
+			},
+			function(error) {
+				console.log('申请权限错误：' + error.code + " = " + error.message);
+				resolve({
+					code: error.code,
+					message: error.message
+				});
+			}
+		);
+	});
+}
+
+// 使用一个方法，根据参数判断权限
+function judgeIosPermission(permissionID) {
+	if (permissionID == "location") {
+		return judgeIosPermissionLocation()
+	} else if (permissionID == "camera") {
+		return judgeIosPermissionCamera()
+	} else if (permissionID == "photoLibrary") {
+		return judgeIosPermissionPhotoLibrary()
+	} else if (permissionID == "record") {
+		return judgeIosPermissionRecord()
+	} else if (permissionID == "push") {
+		return judgeIosPermissionPush()
+	} else if (permissionID == "contact") {
+		return judgeIosPermissionContact()
+	} else if (permissionID == "calendar") {
+		return judgeIosPermissionCalendar()
+	} else if (permissionID == "memo") {
+		return judgeIosPermissionMemo()
+	}
+	return false;
+}
+
+// 跳转到**应用**的权限页面
+function gotoAppPermissionSetting() {
+	if (isIos) {
+		var UIApplication = plus.ios.import("UIApplication");
+		var application2 = UIApplication.sharedApplication();
+		var NSURL2 = plus.ios.import("NSURL");
+		// var setting2 = NSURL2.URLWithString("prefs:root=LOCATION_SERVICES");		
+		var setting2 = NSURL2.URLWithString("app-settings:");
+		application2.openURL(setting2);
+
+		plus.ios.deleteObject(setting2);
+		plus.ios.deleteObject(NSURL2);
+		plus.ios.deleteObject(application2);
+	} else {
+		// console.log(plus.device.vendor);
+		var Intent = plus.android.importClass("android.content.Intent");
+		var Settings = plus.android.importClass("android.provider.Settings");
+		var Uri = plus.android.importClass("android.net.Uri");
+		var mainActivity = plus.android.runtimeMainActivity();
+		var intent = new Intent();
+		intent.setAction(Settings.ACTION_APPLICATION_DETAILS_SETTINGS);
+		var uri = Uri.fromParts("package", mainActivity.getPackageName(), null);
+		intent.setData(uri);
+		mainActivity.startActivity(intent);
+	}
+}
+
+// 检查系统的设备服务是否开启
+// var checkSystemEnableLocation = async function () {
+function checkSystemEnableLocation() {
+	if (isIos) {
+		var result = false;
+		var cllocationManger = plus.ios.import("CLLocationManager");
+		var result = cllocationManger.locationServicesEnabled();
+		console.log("系统定位开启:" + result);
+		plus.ios.deleteObject(cllocationManger);
+		return result;
+	} else {
+		var context = plus.android.importClass("android.content.Context");
+		var locationManager = plus.android.importClass("android.location.LocationManager");
+		var main = plus.android.runtimeMainActivity();
+		var mainSvr = main.getSystemService(context.LOCATION_SERVICE);
+		var result = mainSvr.isProviderEnabled(locationManager.GPS_PROVIDER);
+		console.log("系统定位开启:" + result);
+		return result
+	}
+}
+
+module.exports = {
+	judgeIosPermission: judgeIosPermission,
+	requestAndroidPermission: requestAndroidPermission,
+	checkSystemEnableLocation: checkSystemEnableLocation,
+	gotoAppPermissionSetting: gotoAppPermissionSetting
+}

manifest.json

@@ -2,7 +2,7 @@
     "name" : "抖火",
     "appid" : "__UNI__C305C03",
     "description" : "纵有疾风起，人生不言弃",
-    "versionName" : "1.4.3",
+    "versionName" : "1.4.6",
     "versionCode" : 104,
     "transformPx" : false,
     /* 5+App特有相关 */
@@ -95,17 +95,17 @@
             }
         },
         "nativePlugins" : {
-            "Pdf-Plugin" : {
+            "Html5App-openFile" : {
                 "__plugin_info__" : {
-                    "name" : "Pdf-Plugin",
-                    "description" : "此插件为uni小程序Android原生插件,用于加载网络pdf,支持水印和缩放",
-                    "platforms" : "Android",
-                    "url" : "https://ext.dcloud.net.cn/plugin?id=11384",
+                    "name" : "Android 和 IOS 办公Office文档 doc docx ppt pdf 浏览支持离线浏览",
+                    "description" : "支持格式：doc,docx,ppt,pptx,xls,xlsx,txt,pdf,epub,支持64位手机",
+                    "platforms" : "Android,iOS",
+                    "url" : "https://ext.dcloud.net.cn/plugin?id=477",
                     "android_package_name" : "io.douhuofalv.com",
                     "ios_bundle_id" : "io.douhuofalv.com",
                     "isCloud" : true,
                     "bought" : 1,
-                    "pid" : "11384",
+                    "pid" : "477",
                     "parameters" : {}
                 }
             }

pages.json

@@ -547,6 +547,7 @@
 	}, {
 		"path": "pages/im/msg",
 		"name": "ImMsg",
+		"auth": true,
 		"style": {
 			"navigationBarTitleText": "消息",
 			"enablePullDownRefresh": false,
@@ -555,6 +556,7 @@
 	}, {
 		"path": "pages/user/signLog",
 		"name": "SignLog",
+		"auth": true,
 		"style": {
 			"navigationBarTitleText": "合同记录",
 			"enablePullDownRefresh": false,
@@ -563,11 +565,182 @@
 	}, {
 		"path": "pages/user/contract",
 		"name": "SignContract",
+		"auth": true,
 		"style": {
 			"navigationBarTitleText": "合同",
 			"enablePullDownRefresh": false,
 			"navigationBarBackgroundColor": "#FFFFFF"
 		}
+	}, {
+		"path": "pages/synthesize/individual",
+		"name": "Individual",
+		"auth": true,
+		"style": {
+			"navigationBarTitleText": "个人全年法律",
+			"enablePullDownRefresh": false,
+			"navigationBarBackgroundColor": "#FFFFFF"
+		}
+	}, {
+		"path": "pages/synthesize/entrust",
+		"name": "Entrust",
+		"auth": true,
+		"style": {
+			"navigationBarTitleText": "案件委托",
+			"enablePullDownRefresh": false,
+			"navigationBarBackgroundColor": "#FFFFFF"
+		}
+	}, {
+		"path": "pages/synthesize/enterprise",
+		"name": "Enterprise",
+		"auth": true,
+		"style": {
+			"navigationBarTitleText": "企业全年法律",
+			"enablePullDownRefresh": false,
+			"navigationBarBackgroundColor": "#FFFFFF"
+		}
+
+	}, {
+		"path": "pages/synthesize/service",
+		"name": "Service",
+		"auth": true,
+		"style": {
+			"navigationBarTitleText": "拓展服务",
+			"enablePullDownRefresh": false,
+			"navigationBarBackgroundColor": "#FFFFFF"
+		}
+	}, {
+		"path": "pages/synthesize/order",
+		"name": "SynthesizeOrder",
+		"auth": true,
+		"style": {
+			"navigationBarTitleText": "订单列表",
+			"enablePullDownRefresh": false,
+			"navigationBarBackgroundColor": "#FFFFFF"
+		}
+	}, {
+		"path": "pages/synthesize/servicesInfo",
+		"name": "OrderServicesInfo",
+		"auth": true,
+		"style": {
+			"navigationBarTitleText": "年费订单详情",
+			"enablePullDownRefresh": false,
+			"navigationStyle": "custom",
+			"app-plus": {
+				"titleNView": {
+					"type": "transparent"
+				}
+			}
+		}
+	}, {
+		"path": "pages/synthesize/synthesisInfo",
+		"name": "OrderSynthesisInfo",
+		"auth": true,
+		"style": {
+			"navigationBarTitleText": "咨询订单详情",
+			"enablePullDownRefresh": false,
+			"app-plus": {
+				"titleNView": {
+					"type": "transparent"
+				}
+			}
+		}
+	}, {
+		"path": "pages/synthesize/expandInfo",
+		"name": "OrderExpandInfo",
+		"auth": true,
+		"style": {
+			"navigationBarTitleText": "委托订单详情",
+			"enablePullDownRefresh": false,
+			"app-plus": {
+				"titleNView": {
+					"type": "transparent"
+				}
+			}
+		}
+	}, {
+		"path": "pages/synthesize/entrustInfo",
+		"name": "OrderEntrustInfo",
+		"auth": true,
+		"style": {
+			"navigationBarTitleText": "委托订单详情",
+			"enablePullDownRefresh": false,
+			"app-plus": {
+				"titleNView": {
+					"type": "transparent"
+				}
+			}
+		}
+	}, {
+		"path": "pages/synthesize/PersonWrite",
+		"name": "PersonWrite",
+		"auth": true,
+		"style": {
+			"navigationBarTitleText": "个人法律咨询365服务包",
+			"enablePullDownRefresh": false
+		}
+	}, {
+		"path": "pages/pay/bankPay",
+		"name": "BankPay",
+		"auth": true,
+		"style": {
+			"navigationBarTitleText": "银行打款支付",
+			"enablePullDownRefresh": false
+		}
+	}, {
+		"path": "pages/synthesize/entrustCivil",
+		"name": "EntrustCivil",
+		"auth": true,
+		"style": {
+			"navigationBarTitleText": "案件委托-民事诉讼",
+			"enablePullDownRefresh": false,
+			"backgroundColor": "#FFF"
+		}
+
+	}, {
+		"path": "pages/synthesize/entrustWrite",
+		"name": "EntrustWrite",
+		"auth": true,
+		"style": {
+			"navigationBarTitleText": "案件委托-",
+			"enablePullDownRefresh": false,
+			"backgroundColor": "#FFF"
+		}
+	}, {
+		"path": "pages/synthesize/standWrite",
+		"name": "StandWrite",
+		"auth": true,
+		"style": {
+			"navigationBarTitleText": "企业全年法律-购买",
+			"enablePullDownRefresh": false,
+			"backgroundColor": "#FFF"
+		}
+	}, {
+		"path": "pages/synthesize/expandWrite",
+		"name": "ExpandWrite",
+		"auth": true,
+		"style": {
+			"navigationBarTitleText": "拓展服务-",
+			"enablePullDownRefresh": false,
+			"backgroundColor": "#FFF"
+		}
+	}, {
+		"path": "pages/synthesize/difference",
+		"name": "Difference",
+		"auth": true,
+		"style": {
+			"navigationBarTitleText": "订单补差价",
+			"enablePullDownRefresh": false
+		}
+	}, {
+		"path": "pages/synthesize/feeWrite",
+		"name": "FeeWrite",
+		"auth": true,
+		"style": {
+			"navigationBarTitleText": "个人法律咨询",
+			"enablePullDownRefresh": false,
+			"navigationBarBackgroundColor": "#FFF"
+		}
+
 	}],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",

pages/auth/registered.vue

@@ -24,7 +24,7 @@
 			<view class="from-inpus from-input-code">
 				<label>验证码</label>
 				<input type="number" v-model="code" maxlength="4" placeholder="短信验证码">
-				<button :disabled="username.length < 11 || getSms" @click="getCode">{{sendCode}}</button>
+				<button :disabled="username.length < 11 || getSms" @click="getCode()">{{sendCode}}</button>
 			</view>
 		</view>
 		<view class="button">

pages/index/index.vue

@@ -34,7 +34,7 @@
 			</view>
 		</view>
 		<!-- 自由服务包 -->
-		<view class="free" @click="clickFree">
+		<view class="free" @click="onView('FreeService')">
 			<image class="free-img" src="@/static/index/index_banner_free.png" mode="widthFix" />
 		</view>
 		<!--  金法产品 -->
@@ -71,14 +71,46 @@
 		<view class="block">
 			<view class="block-title">
 				<view class="title">综法产品</view>
-				<view class="more">更多<u-icon class="more-icon" size="28rpx" color="#999" name="arrow-right" /></view>
 			</view>
 			<view class="zong-list">
-				<view class="zong-list-item" v-for="(item, index) in 3" :key="index">
-					<image class="cover" src="@/static/imgs/index-pack-01.png" mode="aspectFill" />
+				<view class="zong-list-item" @click="onView('Individual')">
+					<image class="cover" src="@/static/synthesize/img_00.png" mode="aspectFill" />
 					<view class="colum-flex">
-						<view class="title nowrap">2022年尊享综法服务包</view>
-						<view class="price nowrap"><text>￥</text>2200</view>
+						<view>
+							<view class="title nowrap">个人全年法律</view>
+							<view class="subtitle">咨询服务 抖火法律</view>
+						</view>
+						<view class="price nowrap"><text>￥</text>365.00/年</view>
+					</view>
+				</view>
+				<view class="zong-list-item" @click="onView('Entrust')">
+					<image class="cover" src="@/static/synthesize/img_01.png" mode="aspectFill" />
+					<view class="colum-flex">
+						<view>
+							<view class="title nowrap">案件委托</view>
+							<view class="subtitle">咨询服务 抖火法律</view>
+						</view>
+						<view class="price nowrap"><text>￥</text>200元起</view>
+					</view>
+				</view>
+				<view class="zong-list-item" @click="onView('Enterprise')">
+					<image class="cover" src="@/static/synthesize/img_02.png" mode="aspectFill" />
+					<view class="colum-flex">
+						<view>
+							<view class="title nowrap">企业全年法律</view>
+							<view class="subtitle">咨询服务 抖火法律</view>
+						</view>
+						<view class="price nowrap"><text>￥</text>3650.00起/年</view>
+					</view>
+				</view>
+				<view class="zong-list-item" @click="onView('Service')">
+					<image class="cover" src="@/static/synthesize/img_03.png" mode="aspectFill" />
+					<view class="colum-flex">
+						<view>
+							<view class="title nowrap">拓展服务</view>
+							<view class="subtitle">咨询服务 抖火法律</view>
+						</view>
+						<view class="price nowrap"><text>￥</text>500元起</view>
 					</view>
 				</view>
 			</view>
@@ -247,10 +279,8 @@
                 // console.log(this.bannerArr[e])
             },
             // 点击轮播图跳转自由服务包
-            clickFree(){
-                uni.navigateTo({
-                    url:'/pages/index/free'
-                })
+            onView(name){
+				this.$Router.push({ name })
             },
 			// 获取城市数据
 			getRegion(id){
@@ -382,21 +412,30 @@
 			.colum-flex{
 				display: flex;
 				flex-direction: column;
-				justify-content: space-around;
+				justify-content: space-between;
 				height: 180rpx;
 				.title{
-					line-height: 40rpx;
-					font-size: 28rpx;
+					font-size: 34rpx;
 					color: #111111;
+					line-height: 40rpx;
+					margin-bottom: 10rpx;
+					@extend .nowrap;
+				}
+				.subtitle{
+					font-size: 28rpx;
+					color: gray;
+					line-height: 40rpx;
+					@extend .nowrap;
 				}
 				.price{
-					line-height: 40rpx;
 					font-weight: bold;
 					color: #d51959;
-					font-size: 38rpx;
+					font-size: 36rpx;
+					line-height: 40rpx;
 					text{
 						font-size: 80%;
 					}
+					@extend .nowrap;
 				}
 			}
 		}

pages/pay/bankPay.vue

@@ -0,0 +1,344 @@
+<template>
+	<view class="content">
+		<view class="header">
+			<view class="header-icon">
+				<u-icon name="tags-fill" color="white" size="32"></u-icon>
+			</view>
+			<view class="header-title">收款方银行信息</view>
+			<view class="header-content">
+				<view class="header-flex">
+					<label>开户银行</label>
+					<view>{{bankData.name}}</view>
+				</view>
+				<view class="header-flex">
+					<label>银行卡号</label>
+					<view>{{bankData.no}}</view>
+				</view>
+				<view class="header-flex">
+					<label>支付金额</label>
+					<view>{{price}}</view>
+				</view>
+			</view>
+		</view>
+		<view class="remarkText" v-if="type == 'edit'">
+			<text class="name">驳回原因：</text>{{remark}}
+		</view>
+		<view class="form">
+			<view class="cover-header">
+				<view>
+					<view class="cover-title">上传打款凭证</view>
+					<view class="cover-subtitle">长按图片可删除已上传图片</view>
+				</view>
+				<view class="cover-num">{{pathArr.length}}/9</view>
+			</view>
+			<view class="cover-flex">
+				<view class="cover-item" v-for="(item, index) in pathArr" :key="index" @longpress="onRemove(index)">
+					<image class="cover-item-src" :src="item" mode="aspectFill"></image>
+				</view>
+				<view class="cover-item border" @click="albumClick" v-if="pathArr.length < 9">
+					<image class="cover-item-add" src="@/static/icons/img_add.png" mode="aspectFill"></image>
+				</view>
+			</view>
+			<view class="idcardBtn">
+				<button class="idcardBtn-go" @click="issueForm">确认提交</button>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import { uploads } from '@/apis/interfaces/uploading'
+	import { bankInfo, offlineOpen, bankSee, bankEdit } from '@/apis/interfaces/synthesis'
+	export default {
+		data() {
+			return {
+				orderType: '',    // 订单类型
+				bankData : '',    // 账户信息
+				price	 : '',    // 打款金额
+				name     : '',    // 打卡账户
+				pathArr  : [],	  // 凭证图片
+				type     : '',    // 是否为编辑
+				remark   : '',    // 驳回原因
+			}
+		},
+		
+		created() {
+			this.type 	= this.$Route.query.type
+			this.price	= this.$Route.query.price
+			// 查看打款凭证-查看提交信息
+			this.yearServe();
+			// 查看提交信息
+			if(this.$Route.query.type == 'edit') {
+				bankSee(this.$Route.query.payId,{
+					order_type : this.$Route.query.orderType,
+					order_id   : this.$Route.query.orderId
+				}).then(res => {
+					// 这里需要重新处理打款信息
+					this.price    = res.price
+					this.name     = res.name
+					this.pathArr  = res.cover
+					this.remark   = res.remark
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon : 'none'
+					})
+				})
+			}
+		},
+
+		methods: {
+			// 查看打款凭证
+			yearServe(page){
+				bankInfo().then(res => {
+					this.bankData  = res
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon : 'none'
+					})
+				})
+			},
+			
+			// 请上传转款电子回单
+			albumClick() {
+				var _this = this
+				uni.chooseImage({
+					count		: 9 - this.pathArr.length,
+					sizeType	: ['original', 'compressed'],
+					sourceType	: ['album','camera'],
+					success: path=> {
+						let { tempFilePaths } = path
+						let paths = tempFilePaths.map((val, index) => {
+							return { 
+								name: 'file' + index,
+								uri : val
+							}
+						})
+						uploads(paths).then(res => {
+							
+							
+							
+							this.pathArr = this.pathArr.concat(res.url)
+						}).catch(err => {
+							uni.showToast({
+								title: err.message,
+								icon : 'none'
+							})
+						})
+					},
+				});
+			},
+			
+			// 表单提交
+			issueForm(e) {
+				let data = {
+					order_type : this.$Route.query.orderType.replace(/\-/g, '\\'),
+					order_id   : this.$Route.query.orderId,
+					price      : this.price,
+					cover      : this.pathArr
+				}
+				if(this.$Route.query.type == 'edit') {
+					bankEdit(this.$Route.query.payId, data).then(res => {
+						this.onBack()
+					}).catch(err => {
+						uni.showToast({
+							title: err.message,
+							icon : 'none'
+						})
+					})
+					return
+				}
+				offlineOpen(data).then(res => {
+					this.onBack()
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon : 'none'
+					})
+				})
+			},
+			
+			// 删除图片数据
+			onRemove(index){
+				uni.vibrateShort()
+				this.pathArr.splice(index, 1)
+			},
+			
+			// 返回上一页
+			onBack(){
+				uni.showModal({
+					title		: '提示',
+					content		: '打款凭证已提交，请耐心等待审核，通过后请前往工作台综法订单管理中进行签约',
+					showCancel	: false,
+					success		: modalRes => {
+						if(modalRes.confirm){
+							uni.navigateBack()
+						}
+					}
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.content {
+		background-color: $window-color;
+		width: 100vw;
+		min-height: 100vh;
+		padding: 80rpx 30rpx 30rpx;
+		box-sizing: border-box;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+	}
+	// 驳回原因
+	.remarkText{
+		background: white;
+		margin-top: 30rpx;
+		text-align: center;
+		font-size: 32rpx;
+		line-height: 50rpx;
+		width: 100%;
+		border-radius: 20rpx;
+		padding: 30rpx;
+		box-sizing: border-box;
+		color: gray;
+		.name{
+			color: $text-price;
+			font-weight: bold;
+		}
+	}
+	// form
+	.form{ 
+		background: white;
+		width: 100%;
+		border-radius: 20rpx;
+		padding: 30rpx;
+		box-sizing: border-box;
+		margin-top: 30rpx;
+		// 上传图片数组
+		.cover-header{
+			display: flex;
+			justify-content: space-between;
+			padding-bottom: 30rpx;
+			.cover-title{ line-height: 50rpx; font-size: 32rpx; color: #333; font-weight: bold; }
+			.cover-subtitle{ line-height: 40rpx; font-size: 28rpx; color: gray; }
+			.cover-num{ font-weight: bold; color: $main-color; line-height: 50rpx; font-size: 30rpx; }
+		}
+		.cover-flex{
+			margin: -10rpx -20rpx;
+			display: flex;
+			flex-wrap: wrap;
+			.cover-item{
+				position: relative;
+				width: calc(33.33% - 40rpx);
+				margin: 20rpx;
+				padding-top: calc(33.33% - 40rpx);
+				background: #f8f8f8;
+				.cover-item-src{
+					position: absolute;
+					top: 0;
+					left: 0;
+					width: 100%;
+					height: 100%;
+				}
+				.cover-item-add{
+					width: 68rpx;
+					height: 68rpx;
+					position: absolute;
+					top: 50%;
+					left: 50%;
+					margin-top: -34rpx;
+					margin-left: -34rpx;
+				}
+			}
+		}
+		// 表单
+		.form-input{
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			padding: 20rpx 0;
+			@extend .border-solid;
+			label{
+				color: gray;
+				font-size: 32rpx;
+				width: 200rpx;
+			}
+			input{
+				flex: 1;
+				height: 90rpx;
+				text-align: right;
+				font-size: 32rpx;
+			}
+			// 上传
+			.form-upd-img{
+				width: 90rpx;
+				height: 90rpx;
+			}
+		}
+		.idcardBtn{
+			padding-top: 30rpx;
+			.idcardBtn-go{
+				background: $main-color;
+				color: white;
+				font-size: 34rpx;
+				line-height: 100rpx;
+				height: 100rpx;
+				padding: 0;
+				font-weight: bold;
+				border-radius: 20rpx;
+				&::after{ display: none; }
+			}
+		}
+	}
+	// header
+	.header{
+		background: white;
+		width: 100%;
+		border-radius: 20rpx;
+		padding: 80rpx 30rpx 30rpx;
+		box-sizing: border-box;
+		position: relative;
+		.header-icon{
+			position: absolute;
+			left: 50%;
+			top: -49rpx;
+			margin-left: -49rpx;
+			background: $main-color;
+			color: white;
+			height: 98rpx;
+			width: 98rpx;
+			line-height: 98rpx;
+			border-radius: 50%;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+		}
+		.header-title{ 
+			font-size: 34rpx;
+			font-weight: bold;
+			color: #333;
+			text-align: center;
+			padding-bottom: 30rpx;
+		}
+		.header-content{
+			background: $window-color;
+			border-radius: 20rpx;
+			padding: 30rpx;
+			text-align: center;
+			line-height: 60rpx;
+			font-size: 32rpx;
+			.header-flex{
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				label{
+					color: gray;
+				}
+			}
+		}
+	}
+</style>

pages/pay/pay.vue

@@ -4,42 +4,61 @@
 		<view class="header">
 			<view class="header-title">实付金额</view>
 			<view class="header-price"><text>￥</text>{{total}}</view>
+			<block v-if="rate != 1">
+				<view class="header-fire">火力值：{{totalFire}}</view>
+				<view class="header-no">当前火力值比例1:{{rate}}</view>
+			</block>
 			<view class="header-no">订单号:{{orderNo}}</view>
 		</view>
 		<!-- 选择支付方式 -->
 		<view class="choose">
-			<radio-group @change="payMethod = $event.detail.value" >
-				<label class="choose-item" v-if="payType != 'free'">
+			<radio-group @change="changeRadio" >
+				<!-- payType != 'free' -->
+				<label class="choose-item" v-if="payCan.coin">
 					<view class="choose-text nowrap">
 						<image src="@/static/icons/pay_alipay.png" mode="aspectFill"></image>
 						火力值支付
 					</view>
 					<radio class="choose-radio" value="coin" :checked="payMethod == 'coin'"></radio>
 				</label>
-				<!-- <label class="choose-item nowrap">
+				<label class="choose-item nowrap" v-if="payCan.wx">
+					<view class="choose-text">
+						<image src="@/static/icons/pay_wechat.png" mode="aspectFill"></image>
+						微信支付(银联)
+					</view>
+					<radio class="choose-radio" value="wx" :checked="payMethod == 'wx'"></radio>
+				</label>
+				<label class="choose-item nowrap" v-if="payCan.dgwx">
+					<view class="choose-text">
+						<image src="@/static/icons/pay_wechat.png" mode="aspectFill"></image>
+						微信支付(汇付)
+					</view>
+					<radio class="choose-radio" value="dgwx" :checked="payMethod == 'dgwx'"></radio>
+				</label>
+				<label class="choose-item nowrap" v-if="payCan.ali && Number(total) <= 10000">
+					<view class="choose-text">
+						<image src="@/static/icons/pay_ali.png" mode="aspectFill"></image>
+						支付宝支付(银联)
+					</view>
+					<radio class="choose-radio" value="ali" :checked="payMethod == 'ali'"></radio>
+				</label>
+                <label class="choose-item nowrap" v-if="payCan.dgali">
+					<view class="choose-text">
+						<image src="@/static/icons/pay_ali.png" mode="aspectFill"></image>
+						支付宝支付(汇付)
+					</view>
+					<radio class="choose-radio" value="dgali" :checked="payMethod == 'dgali'"></radio>
+				</label>
+                <label class="choose-item nowrap" v-if="payCan.code">
 					<view class="choose-text">
 						<image src="@/static/icons/pay_code.png" mode="aspectFill"></image>
 						付款码支付
 					</view>
-					<radio class="choose-radio" value="code"></radio>
-				</label> -->
-				<label class="choose-item nowrap">
-					<view class="choose-text">
-						<image src="@/static/icons/pay_wechat.png" mode="aspectFill"></image>
-						微信支付
-					</view>
-					<radio class="choose-radio" value="wx" :checked="payMethod == 'wx'"></radio>
-				</label>
-				<label class="choose-item nowrap" v-if="Number(total) <= 5000">
-					<view class="choose-text">
-						<image src="@/static/icons/pay_ali.png" mode="aspectFill"></image>
-						支付宝支付
-					</view>
-					<radio class="choose-radio" value="ali" :checked="payMethod == 'ali'"></radio>
+					<radio class="choose-radio" value="code" :checked="payMethod == 'code'"></radio>
 				</label>
 			</radio-group>
 		</view>
-		<view class="deduction" v-if="(payMethod == 'wx' || payMethod == 'ali') && payType != 'free'">
+		<view class="deduction" v-if="(payMethod == 'wx' || payMethod == 'ali' || payMethod == 'dgwx' || payMethod == 'dgali') && payType != 'free'">
 			<view class="deduction-item">
 				<view class="deduction-label">
 					<view class="title">使用火力值抵扣</view>
@@ -59,6 +78,28 @@
 				<input class="deduction-input" type="number" placeholder="输入火力值" v-model="deductionVal" @blur="blurDeductionVal">
 			</view>
 		</view>
+		<!-- 扫码付二维码 -->
+		<u-popup
+			:show="payCodeShow"
+			mode="center"
+			round="10px">
+			<view class="qrpay">
+				<view class="title">支付二维码</view>
+				<view class="src">
+					<l-painter class="qrcode-src">
+						<l-painter-qrcode
+							:text="payQrUrl"
+							css="width: 280rpx; height: 280rpx;"
+						/>
+					</l-painter>
+				</view>
+				<view class="time">请使用{{payQrType == 'app' ? '微信': '支付宝'}}扫码</view>
+				<view class="btns">
+					<button class="btn cancel" @click="onCancel">取消支付</button>
+					<button class="btn confirm" @click="onGetOrderPayState">我已支付</button>
+				</view>
+			</view>
+		</u-popup>
 		<!-- 确认支付 -->
 		<view class="payBtn">
 			<button size="default" @click="onPay">支付</button>
@@ -68,8 +109,23 @@
 
 <script>
 	import { info } from '@/apis/interfaces/order.js'
-	import { coinPay, diffCoinPay, umsPay, umsState, diffUmsPay, umsFree, umsFreeInfo } from '@/apis/interfaces/pay.js'
-import mixin from 'uview-ui/libs/mixin/mixin';
+	import { oderinfo } from '@/apis/interfaces/synthesisOrder.js'
+	import {
+		coinPay,
+		diffCoinPay,
+		umsPay,
+		umsState,
+		diffUmsPay,
+		umsFree,
+		umsFreeInfo,
+		dgPay,
+		diffDgPay,
+		dgFree,
+		umsSynthesize,
+		dgSynthesize,
+		coinSynthesize,
+		} from '@/apis/interfaces/pay.js'
+	import mixin from 'uview-ui/libs/mixin/mixin';
 	export default {
 		data() {
 			return {
@@ -83,11 +139,104 @@ import mixin from 'uview-ui/libs/mixin/mixin';
 				orderNo	  	: '',
 				balance		: 0,
 				isDeduction	: false,
-				deductionVal: ''
+				deductionVal: '',
+				// 综法支付订单类型
+				orderType	: '',
+				rate		: 1,
+				totalFire	: '',
+				// 二维码支付
+				payCodeShow	: false,
+				payQrUrl	: '',
+				payQrType	: '',
+				// 支付选项
+				payCan		: {}
 			};
 		},
 		onShow() {
 			if(this.getState && this.trade_id != ''){
+				this.onGetOrderPayState()
+			}
+		},
+		created() {
+			uni.showLoading({
+				title: '获取订单信息...',
+				mask : true
+			})
+			// 自由服务包订单信息
+			if(this.$Route.query.paytype === 'free'){
+				umsFreeInfo(this.$Route.query.serviceId).then(res => {
+					let { order_id, price, order_no, can_use_channel } = res;
+					this.orderId 	= order_id
+					this.total 		= price
+					this.orderNo 	= order_no
+					this.payType	= this.$Route.query.paytype
+					this.payCan		= can_use_channel
+					uni.hideLoading()
+					this.getDefaultType(can_use_channel)
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon : 'none'
+					})
+				})
+				return
+			}
+			// 综法订单支付
+			if(this.$Route.query.paytype === 'synthesize'){
+				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
+					this.payType	= this.$Route.query.paytype
+					this.orderId	= order_id
+					this.total 		= price
+					this.orderNo 	= order_no
+					this.balance	= score
+					this.payCan		= can_use_channel
+					uni.hideLoading()
+					this.getDefaultType(can_use_channel)
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon : 'none'
+					})
+				})
+				return
+			}
+			// 其他支付方式订单信息
+			info(this.$Route.query.orderId).then(res => {
+				let { total, order_no, business_order_id, diff_prices, diff, score, can_use_channel } = res
+				this.orderId 	= business_order_id
+				this.diffId		= diff.business_order_diff_price_id
+				this.payType 	= this.$Route.query.paytype
+				this.total 		= this.payType === 'diff' ? diff_prices: total
+				this.orderNo 	= order_no
+				this.balance	= score
+				this.payCan		= can_use_channel
+				uni.hideLoading()
+				this.getDefaultType(can_use_channel)
+			}).catch(err => {
+				uni.showToast({
+					title: err.message,
+					icon : 'none'
+				})
+			})
+		},
+		methods: {
+			// 检查默认支付选项
+			getDefaultType(can_use_channel){
+				// 检查支付默认选项
+				for(let key of Object.keys(can_use_channel)){
+					if(can_use_channel[key] > 1){
+						this.payMethod = key
+						return
+					}
+				}
+			},
+			// 查询订单状态
+			onGetOrderPayState(){
 				// 查询支付状态
 				uni.showLoading({
 					title: '查询支付结果...',
@@ -110,7 +259,7 @@ import mixin from 'uview-ui/libs/mixin/mixin';
 							clearInterval(outTime)
 							wx.showModal({
 								title		: '提示',
-								content 	: '支付成功',
+								content 	: this.$Route.query.paytype === 'synthesize' ? '支付成功，可在工作台综法订单管理查询您的订单' : '支付成功',
 								showCancel	: false,
 								confirmColor: '#446EFE',
 								success		: () => {
@@ -126,49 +275,23 @@ import mixin from 'uview-ui/libs/mixin/mixin';
 						})
 					})
 				}, 2000)
-			}
-		},
-		created() {
-			uni.showLoading({
-				title: '获取订单信息...',
-				mask : true
-			})
-			// 自由服务包订单信息
-			if(this.$Route.query.paytype === 'free'){
-				this.payMethod = "wx"
-				umsFreeInfo(this.$Route.query.serviceId).then(res => {
-					let { order_id, price, order_no } = res;
-					this.orderId 	= order_id
-					this.total 		= price
-					this.orderNo 	= order_no
-					this.payType	= this.$Route.query.paytype
-					uni.hideLoading()
-				}).catch(err => {
-					uni.showToast({
-						title: err.message,
-						icon : 'none'
-					})
-				})
-				return
-			}
-			// 其他支付方式订单信息
-			info(this.$Route.query.orderId).then(res => {
-				let { total, order_no, business_order_id, diff_prices, diff, score } = res
-				this.orderId 	= business_order_id
-				this.diffId		= diff.business_order_diff_price_id
-				this.payType 	= this.$Route.query.paytype
-				this.total 		= this.payType === 'diff' ? diff_prices: total
-				this.orderNo 	= order_no
-				this.balance	= score
-				uni.hideLoading()
-			}).catch(err => {
-				uni.showToast({
-					title: err.message,
-					icon : 'none'
-				})
-			})
-		},
-		methods: {
+			},
+			// 取消支付
+			onCancel(){
+				this.payCodeShow = false,
+				this.payQrUrl	 = '',
+				this.payQrType	 = ''
+			},
+			// 选择支付方式
+			changeRadio(e){
+				let { value } = e.detail
+				this.payMethod = value
+				// 初始化金额
+				if(value == 'coin' || value == 'code'){
+					this.isDeduction  = false
+					this.deductionVal = 0
+				}
+			},
 			// 抵扣金额
 			onDeductionSwitch(e){
 				this.deductionVal = ''
@@ -187,27 +310,288 @@ import mixin from 'uview-ui/libs/mixin/mixin';
 					case 'coin':
 						if(this.payType == 'price') this.onCoinPay()
 						if(this.payType == 'diff') this.onDiffCoinPay()
+						if(this.payType == 'synthesize') this.onCoinSynthesizePay()
 						break;
 					case 'code':
-						uni.showToast({
-							title: '付款码支付暂未开放，请敬期待',
-							icon : 'none'
+						uni.showActionSheet({
+							itemList:["微信付款码", "支付宝付款码"],
+							success : actionRes => {
+								if(actionRes.tapIndex === 0){
+									if(this.payType == 'price') this.onDgPay('app', true)
+									if(this.payType == 'diff') this.onDgDiffPay('app', true)
+									if(this.payType == 'free') this.onDgFreePay('app', true)
+									if(this.payType == 'synthesize') this.onFreeToast('onDgSynthesizePay', 'app', true)
+								}
+								if(actionRes.tapIndex === 1){
+									if(this.payType == 'price') this.onDgPay('app_alipay', true)
+									if(this.payType == 'diff') this.onDgDiffPay('app_alipay', true)
+									if(this.payType == 'free') this.onDgFreePay('app_alipay', true)
+									if(this.payType == 'synthesize') this.onFreeToast('onDgSynthesizePay', 'app_alipay', false)
+								}
+							}
 						})
 						break;
 					case 'wx':
 						if(this.payType == 'price') this.onUmsPay('app')
 						if(this.payType == 'diff') this.onDiffUmsPay('app')
 						if(this.payType == 'free') this.onFreePay('app')
+						if(this.payType == 'synthesize') this.onFreeToast('onUmsSynthesizePay', 'app')
 						break;
 					case 'ali':
 						if(this.payType == 'price') this.onUmsPay('app_alipay')
 						if(this.payType == 'diff') this.onDiffUmsPay('app_alipay')
 						if(this.payType == 'free') this.onFreePay('app_alipay')
+						if(this.payType == 'synthesize') this.onFreeToast('onUmsSynthesizePay', 'app_alipay')
 						break;
+					case 'dgwx':
+						if(this.payType == 'price') this.onDgPay('app', false)
+						if(this.payType == 'diff') this.onDgDiffPay('app', false)
+						if(this.payType == 'free') this.onDgFreePay('app', false)
+						if(this.payType == 'synthesize') this.onFreeToast('onDgSynthesizePay', 'app', false)
+						break;
+					case 'dgali':
+						if(this.payType == 'price') this.onDgPay('app_alipay', false)
+						if(this.payType == 'diff') this.onDgDiffPay('app_alipay', false)
+						if(this.payType == 'free') this.onDgFreePay('app_alipay', false)
+						if(this.payType == 'synthesize') this.onFreeToast('onDgSynthesizePay', 'app_alipay', false)
+						break
 				}
 			},
-			// 混合支付
-			
+			// 火力值 - 综法
+			onCoinSynthesizePay(){
+				coinSynthesize({
+					order_type	: this.orderType,
+					order_id	: this.orderId
+				}).then(res => {
+					wx.showModal({
+						title		: '提示',
+						content 	: '火力值支付成功',
+						showCancel	: false,
+						confirmColor: '#446EFE',
+						success		: () => {
+							this.onRrmoveItem()
+						}
+					})
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon : 'none'
+					})
+				}).finally(() => {
+					uni.hideLoading()
+				})
+			},
+			// 火力值使用提示
+			onFreeToast(funName, type, isCode){
+				if(this.isDeduction){
+					let discount = this.deductionVal * this.rate
+					let surplus  = Number(this.total) - (this.deductionVal * this.rate)
+					uni.showModal({
+						title		: '支付提示',
+						content		: '本次支付使用火力值抵扣现金：' + discount.toFixed(2) + '元，您还需支付现金：' + surplus.toFixed(2) + '元',
+						cancelText	: '取消支付',
+						confirmText	: '继续支付',
+						success		: res => {
+							if(res.confirm){
+								this[funName](type, isCode)
+							}
+						}
+					})
+					return
+				}
+				this[funName](type, isCode)
+			},
+			// 银联三方 - 综法
+			onUmsSynthesizePay(type){
+				uni.showLoading({
+					title: '加载中...',
+					mask : true
+				})
+				umsSynthesize({
+					type,
+					order_type	: this.orderType,
+					order_id	: this.orderId,
+					fire		: this.deductionVal || 0,
+					use_fire	: this.isDeduction ? 1 : 0,
+					app_schema	: 'doufire://',
+				}).then(res => {
+					this.getState = true
+					this.trade_id = res.trade_id
+					switch (type){
+						case 'app':
+							this.onMiniWx()
+							break;
+						case 'app_alipay':
+							plus.runtime.openURL(res.alipay)
+							break;
+					}
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon : 'none'
+					})
+				}).finally(() => {
+					uni.hideLoading()
+				})
+			},
+			// 斗拱 - 综法
+			onDgSynthesizePay(type, code){
+				uni.showLoading({
+					title: '加载中...',
+					mask : true
+				})
+				dgSynthesize({
+					type,
+					order_type	: this.orderType,
+					order_id	: this.orderId,
+					fire		: this.deductionVal || 0,
+					use_fire	: this.isDeduction ? 1 : 0,
+					app_schema	: 'doufire://',
+				}).then(res => {
+					let { params, trade_id } = res;
+					// 二维码支付
+					if(code){
+						this.onDgPayCode(type, params, trade_id)
+						return
+					}
+					// 转跳付款
+					this.getState = true
+					this.trade_id = trade_id
+					if(type == 'app'){
+						let jumpUrl = JSON.parse(params.miniapp_data)
+						plus.runtime.openURL(jumpUrl.scheme_code)
+					}
+					if(type == 'app_alipay'){
+						plus.runtime.openURL(params.jump_url)
+					}
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon : 'none'
+					})
+				}).finally(() => {
+					uni.hideLoading()
+				})
+			},
+			// 斗拱支付
+			onDgPay(type, code){
+				uni.showLoading({
+					title: '加载中...',
+					mask : true
+				})
+				dgPay(this.orderId, {
+					type,
+					use_fire	: this.isDeduction ? 1 : 0,
+					fire		: this.deductionVal || 0,
+					app_schema	: 'doufire://'
+				}).then(res => {
+					let { params, trade_id } = res;
+					uni.hideLoading()
+					// 二维码支付
+					if(code){
+						this.onDgPayCode(type, params, trade_id)
+						return
+					}
+					// 转跳付款
+					this.getState = true
+					this.trade_id = trade_id
+					if(type == 'app'){
+						let jumpUrl = JSON.parse(params.miniapp_data)
+						plus.runtime.openURL(jumpUrl.scheme_code)
+					}
+					if(type == 'app_alipay'){
+						plus.runtime.openURL(params.jump_url)
+					}
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon : 'none'
+					})
+				}).finally(() => {
+					uni.hideLoading()
+				})
+			},
+			// 斗拱补差价
+			onDgDiffPay(type, code){
+				uni.showLoading({
+					title: '加载中...',
+					mask : true
+				})
+				diffDgPay(this.diffId, {
+					type,
+					use_fire	: this.isDeduction ? 1 : 0,
+					fire		: this.deductionVal || 0,
+					app_schema	: 'doufire://'
+				}).then(res => {
+					let { params, trade_id } = res;
+					uni.hideLoading()
+					// 二维码支付
+					if(code){
+						this.onDgPayCode(type, params, trade_id)
+						return
+					}
+					// 转跳付款
+					this.getState = true
+					this.trade_id = trade_id
+					if(type == 'app'){
+						let jumpUrl = JSON.parse(params.miniapp_data)
+						plus.runtime.openURL(jumpUrl.scheme_code)
+					}
+					if(type == 'app_alipay'){
+						plus.runtime.openURL(params.jump_url)
+					}
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon : 'none'
+					})
+				}).finally(() => {
+					uni.hideLoading()
+				})
+			},
+			// 斗拱自由服务包
+			onDgFreePay(type, code){
+				uni.showLoading({
+					title: '加载中...',
+					mask : true
+				})
+				dgFree(this.orderId, {
+					type,
+					app_schema	: 'doufire://'
+				}).then(res => {
+					let { params, trade_id } = res;
+					uni.hideLoading()
+					// 二维码支付
+					if(code){
+						this.onDgPayCode(type, params, trade_id)
+						return
+					}
+					// 转跳付款
+					this.getState = true
+					this.trade_id = trade_id
+					if(type == 'app'){
+						let jumpUrl = JSON.parse(params.miniapp_data)
+						plus.runtime.openURL(jumpUrl.scheme_code)
+					}
+					if(type == 'app_alipay'){
+						plus.runtime.openURL(params.jump_url)
+					}
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon : 'none'
+					})
+				}).finally(() => {
+					uni.hideLoading()
+				})
+			},
+			// 抖拱二维码付款
+			onDgPayCode(type, params, trade_id){
+				this.trade_id  		= trade_id
+				this.payQrUrl  		= type == 'app_alipay' ? params.jump_url : 'https://dg-pay.douhuofalv.com?miniurlcode=' + encodeURIComponent(JSON.parse(params.miniapp_data).scheme_code)
+				this.payQrType 		= type
+				this.payCodeShow	= true
+			},
 			// 银联三方支付
 			onUmsPay(type){
 				uni.showLoading({
@@ -362,6 +746,36 @@ import mixin from 'uview-ui/libs/mixin/mixin';
 </script>
 
 <style lang="scss">
+	// 二维码收款
+	.qrpay{
+		padding: 50rpx;
+		background: white;
+		width: 80vw;
+		box-sizing: border-box;
+		border-radius: 20rpx;
+		.title{ text-align: center; font-weight: bold; font-size: 40rpx; color: #333; padding-bottom: 50rpx; }
+		.src{ background: #f8f8f8; width: 300rpx; height: 300rpx; margin: 0 auto; }
+		.qrcode-src{ width: 300rpx; height: 300rpx; display: flex; align-items: center; justify-content: center; }
+		.time{ text-align: center; padding-top: 20rpx; font-size: 28rpx; color: gray; }
+		.btns{
+			display: flex;
+			justify-content: center;
+			padding-top: 50rpx;
+			.btn{
+				margin: 0;
+				height: 90rpx;
+				line-height: 90rpx;
+				font-size: 32rpx;
+				font-weight: bold;
+				border-radius: 10rpx;
+				padding: 0 40rpx;
+				&::after{ display: none; }
+				&.confirm{ margin-left: 30rpx; background: $main-color; color: white; }
+				&.cancel{ color: $main-color; border:solid 1rpx $main-color; background: white; box-sizing: border-box; line-height: 87rpx; }
+			}
+		}
+	}
+	// 支付收银台
 	.pay{
 		background: #f8f8f8;
 		height: 100vh;
@@ -388,6 +802,11 @@ import mixin from 'uview-ui/libs/mixin/mixin';
 				font-size: 28rpx;
 				color: gray;
 			}
+			.header-fire{
+				@extend .header-no;
+				font-size: 30rpx;
+				color: $text-price;
+			}
 		}
 		// 支付抵扣
 		.deduction{

pages/synthesize/PersonWrite.vue

@@ -0,0 +1,448 @@
+<template>
+	<view class="content">
+		<view class="top">
+			<view class="top-cont">
+				<view class="top-cont-name">个人法律咨询365服务包</view>
+				<view class="top-cont-text">请仔细填写以下信息</view>
+			</view>
+			<image class="top-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/04/20/2ea5fc20ffc90e7feec7ba2650b81c99.png" mode="widthFix"></image>
+		</view>
+		<view class="idcardBorder">
+			<!-- 表单部分 -->
+			<view class="idcardAdd-block">
+				<block v-for="(item, keyIndex) in paramsArr" :key="keyIndex">
+					<view class="idcardAdd-block-name">
+						<view class="idcardAdd-block-see">
+							<text v-if="item.is_required == 1">*</text>{{item.title}}
+						</view>
+					</view>
+					<!-- 单输入框 -->
+					<view class="idcardAdd-block-write" v-if="item.type === 'text'">
+						<input class="idcardAdd-input" type="text" v-model="item.value" :placeholder="'请输入' + item.title" />
+					</view>
+					<view class="idcardAdd-block-write" v-if="item.type === 'number' || item.type === 'mobile' || item.type === 'day'">
+						<input class="idcardAdd-input" type="number" v-model="item.value" :placeholder="'请输入' + item.title" />
+					</view>
+					<!-- 价格输入框 -->
+					<view class="idcardAdd-block-write" v-if="item.type === 'price'">
+						<input class="idcardAdd-input" type="digit" v-model="item.value" :placeholder="'请输入' + item.title" />
+					</view>
+					<!-- 密码输入框 -->
+					<view class="idcardAdd-block-write" v-if="item.type === 'password'">
+						<input class="idcardAdd-input" type="safe-password" v-model="item.value" :placeholder="'请输入' + item.title" />
+					</view>
+					
+					<!-- 下拉框 -->
+					<view class="idcardAdd-block-write" v-if="item.type === 'select'">
+						<picker class="idcardAdd-picker" :range="item.options" :value="item.value" @change="item.value = $event.detail.value">
+							<view class="nowrap">
+								{{item.options[item.value]}}
+							</view>
+							<image class="idcardAdd-picke-image" src="@/static/imgs/basic_down.png" mode="aspectFill"></image>
+						</picker>
+					</view>
+					
+					<!-- 单选 -->
+					<view class="idcardAdd-aline" v-if="item.type === 'radio'">
+						<radio-group @change="item.value = $event.detail.value">
+							<label class="idcardAdd-aline-write" v-for="(radioItem, radioIndex) in item.options" :key="radioIndex">
+								<radio :value="radioIndex" color="#446EFE" style="transform:scale(.65)" :checked="item.value === radioIndex" /><text>{{radioItem}}</text>
+							</label>
+						</radio-group>
+					</view>
+					
+					<!-- 目前所在地 -->
+					<block v-if="item.type === 'pro_city' && item.key === 'address'">
+						<view class="idcardAdd-block-write">
+							<uni-data-picker
+								:localdata="cityPicker"
+								:border="false"
+								split="-"
+								placeholder="选择城市"
+								@change="addressPicker"
+							></uni-data-picker>
+						</view>
+					</block>
+				</block>
+			</view>
+		</view>
+		<view class="idcardBtn">
+			<button class="idcardBtn-go" type="default" @click="onSubmit" >确认提交</button>
+		</view>
+	</view>
+</template>
+
+<script>
+	import { yearSynthInfo, yearSynthPost } from '@/apis/interfaces/synthesis'
+	import { createCity } from '@/apis/interfaces/user'
+	import mouldInput from '@/components/mould-input.vue'
+	export default {
+		components: {
+			mouldInput
+		},
+		data() {
+			return {
+				paramsArr	  : [],  // 信息
+				cityPicker	  : [],  // 地址
+				// 目前所在地
+				price		  : '0.00',
+				address		  : {},
+				disabled	  : false,
+				orderId		  : '',     // 订单 ID
+				orderType     : '',     // 订单类型
+				voucherState  : false,  // 上传凭证弹出
+			}
+		},
+		created() {
+			uni.showLoading({
+				title: '加载中...',
+				mask : true
+			})
+			
+			// 获取综法咨询-详情
+			this.getBusiness();
+			
+			// 省市区
+			createCity().then(res => {
+				this.cityPicker = res;
+			}).catch( err => {
+				uni.showToast({
+					title: err.message,
+					icon: "none"
+				})
+			})
+		},
+		
+		methods: {
+			// 综法咨询-详情
+			getBusiness(){
+				yearSynthInfo(this.$Route.query.serveId).then(res => {
+					let { params, price } = res;
+					params.map(val => {
+						if(val.type === 'checkbox'){
+							val.value = []
+						}else if(val.type === 'select'){
+							val.value = 0
+						}else{
+							val.value = ""
+						}
+					})
+					this.price		= price
+					this.paramsArr 	= params
+					uni.hideLoading()
+				}).catch(err => {					
+					uni.showToast({
+						title: err.message,
+						icon : 'none'
+					})
+				})
+			},
+			
+			// 目前所在地-选择城市
+			addressPicker(e){
+				let { value } = e.detail
+				let dataArr = {
+					province_id: value[0].value,
+					city_id: value[1].value
+				}
+				this.address = dataArr
+			},
+			
+			// 提交订单数据
+			onSubmit(){
+				uni.showLoading({
+					title: '提交中...',
+					mask : true
+				})
+				let subData = {};
+				let dataArr = [];
+				for(let val of this.paramsArr){
+					if(val.type === 'pro_city'){
+						subData[val.key] = this.address
+					}else{
+						subData[val.key] = val.value
+					}
+				}
+				for(let key in subData){
+					dataArr.push({
+						key,
+						value: subData[key]
+					})
+				}
+				yearSynthPost(this.$Route.query.serveId, {
+					data	: dataArr,
+					type	: 'self',
+					channel	: 'app',
+					user_id	: ''
+				}).then(res => {
+					let { order_id, order_type, can } = res;
+					this.expressSheet(order_id, order_type, can )
+					uni.hideLoading()
+				}).catch( err => {
+					uni.showToast({
+						title: err.message,
+						icon: "none"
+					})
+				})
+			},
+			
+			// 选择支付方式
+			expressSheet(id, type, can) {
+				this.orderId   = id
+				this.orderType = type
+				// 仅支持线下打款
+				if(!can.online){
+					this.onToBankPay()
+					return
+				}
+				// 选择线上、下支付方式
+				uni.showActionSheet({
+				    itemList: ['线上支付', '线下支付'],
+				    success: sheetRes => {
+						if(sheetRes.tapIndex == 0){
+							this.$Router.replace({
+								name: 'Pay',
+								params: {
+									paytype		: 'synthesize',
+									orderId		: id,
+									orderType	: type.replace(/\\/g, '-')
+								},
+							})
+							return
+						}
+						this.onToBankPay()
+				    }
+				})
+			},
+			// 去线下打款
+			onToBankPay(){
+				this.$Router.replace({
+					name: 'BankPay',
+					params: {
+						orderId		: this.orderId,
+						orderType	: this.orderType.replace(/\\/g, '-'),
+						price		: this.price
+					},
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.content {
+		background-color: #111e4b;
+		width: 100vw;
+		height: 100%;
+		overflow-y: scroll;
+		position: fixed;
+	}
+	
+	.top {
+		position: relative;
+		height: 180rpx;
+		.top-img {
+			position: absolute;
+			right: 0;
+			top: 0;
+			width: 30%;
+		}
+		.top-cont {
+			position: absolute;
+			left: 0;
+			top: 0;
+			width: 100%;
+			padding: 40rpx 30rpx;
+			box-sizing: border-box;
+			.top-cont-name {
+				font-weight: 600;
+				font-size: 44rpx;
+				background-image: linear-gradient(to right,#f1c694, #fffbf6 42%);
+				-webkit-background-clip:text; 
+				-webkit-text-fill-color:transparent;
+				margin-bottom: 10rpx;
+			}
+			.top-cont-text {
+				font-size: 34rpx;
+				color: #ffffff;
+			}
+		}
+	}
+	
+	.idcardBorder {
+		padding: 30rpx;
+		box-sizing: border-box;
+	}
+	
+	.idcardAdd-block {
+		padding: $padding + 20 $padding;
+		box-sizing: border-box;
+		background-color: #ffffff;
+		border-radius: 30rpx;
+		position: relative;
+	}
+	
+	.idcardAdd-block-write {
+		background-color: #f7faff;
+		height: 90rpx;
+		line-height: 90rpx;
+		border-radius: 20rpx;
+		padding: 0 30rpx;
+		box-sizing: border-box;
+		position: relative;
+		display: flex;
+		width: 100%;
+		margin-bottom: 40rpx;
+		&:last-child {
+			margin-bottom: 0;
+		}
+		.idcardAdd-input {
+			width: 100%;
+			height: 100%;
+			display: flex;
+			border: none;
+			background-color: transparent;
+			font-size: 30rpx;
+		}
+	}
+	
+	.idcardAdd-picker {
+		position: relative;
+		width: 100%;
+	}
+	
+	.idcardAdd-picke-image {
+		width: 24rpx;
+		height: 24rpx;
+		position: absolute;
+		top: $margin;
+		right: $margin;
+	}
+	
+	.idcardAdd-block-name {
+		margin-bottom: $margin;
+		display: flex;
+		.idcardAdd-block-see {
+			color: $text-color;
+			margin-right: $margin;
+			font-size: 30rpx;
+			text {
+				color: red;
+				padding-right: 10rpx;
+			}
+		}
+	}
+	
+	.idcardAdd-aline {
+		position: relative;
+		display: flex;
+		width: 100%;
+		margin-bottom: 40rpx;
+		.idcardAdd-aline-write {
+			margin-right: 30rpx;
+			color: #999999;
+		}
+	}
+	
+	// 按钮
+	.idcardBtn {
+		background-color: #111e4b;
+		width: 100%;
+		padding: 20rpx 60rpx 140rpx;
+		box-sizing: border-box;
+		display: flex;
+		.idcardBtn-go {
+			width: 100%;
+			background-image: linear-gradient(to bottom, #fff2d2, #f9cd9e);
+			color: #582700;
+			font-weight: 600;
+			font-size: 36rpx;
+			border-radius: 90rpx;
+			height: 94rpx;
+			line-height: 94rpx;
+			box-shadow: 0 6rpx 10rpx rgba(0, 0, 0, .5);
+			text-align: center;
+			&[disabled] {
+				background-color: #f9f9f9;
+				border-color: #e2e2e2;
+				color: #959595;
+			}
+			&::after {
+				display: none;
+			}
+		}
+	}
+	
+	// 打款凭证弹出
+	.voucherBack {
+		position: fixed;
+		width: 100vw;
+		height: 100vh;
+		left: 0;
+		top: 0;
+		z-index: 99;
+		background-color: rgba(0, 0, 0, .6);
+		display: none;
+		&.active {
+			display: block;
+		}
+	}
+	.voucherPop {
+		-webkit-box-orient: vertical;
+		-webkit-box-pack: center;
+		position: fixed;
+		left: 0;
+		right: 0;
+		top: 0;
+		bottom: 0;
+		z-index: 100;
+		padding: 0 10%;
+		box-sizing: border-box;
+		display: none;
+		&.active {
+			display: -webkit-box;
+		}
+		.tipsWhite {
+			background-color: #ffffff;
+			border-radius: 20rpx;
+			position: relative;
+			.voucherPop-img {
+				position: absolute !important;
+				top: -80rpx;
+				right: calc(50% - 100rpx);
+				width: 200rpx;
+			}
+			.voucherPop-title {
+				box-sizing: border-box;
+				padding: 50rpx 70rpx;
+				margin-top: 100rpx;
+				text-align: center;
+				.voucherPop-name {
+					font-weight: 600;
+					font-size: 38rpx;
+				}
+				.voucherPop-text {
+					padding: 30rpx 0 35rpx;
+					line-height: 44rpx;
+				}
+				.voucherPop-btn {
+					display: flex;
+					.voucherPop-go {
+						flex: 2;
+						text-align: center;
+						border: 2rpx solid #da2b56;
+						color: #da2b56;
+						margin: 0 15rpx;
+						line-height: 74rpx;
+						border-radius: 10rpx;
+						background-color: #ffffff;
+						&.voucherPop-up {
+							background-color: #da2b56;
+							color: #ffffff;
+						}
+					}
+				}
+			}
+		}
+	}
+</style>

pages/synthesize/difference.vue

@@ -0,0 +1,313 @@
+<template>
+	<view class="content">
+		<form class="diff-from" @submit="onDiff">
+			<label>补差价金额(元)</label>
+			<input placeholder="输入补差价金额" name="price" type="digit" />
+			<button form-type="submit">确认补差价</button>
+		</form>
+		<view class="diff-list">
+			<view class="diff-title">补差价记录</view>
+			<block v-if="diffArr.length > 0">
+				<view class="diff-item" v-for="(item, index) in diffArr" :key="index">
+					<view class="diff-info">
+						<view class="diff-info-item">
+							<label>差价金额：</label>
+							<view class="nowrap">{{item.price}}</view>
+						</view>
+						<view class="diff-info-item">
+							<label>订单状态：</label>
+							<view class="nowrap">{{item.status.text}}</view>
+						</view>
+						<view class="diff-info-item">
+							<label>创建时间：</label>
+							<view class="nowrap">{{item.created_at}}</view>
+						</view>
+					</view>
+					<view class="diff-state border-solid" v-if="item.can.pay_status != 5 && item.can.pay_status != 7">
+						<view class="diff-btn" v-if="item.can.cancel" @click="onCancel(item.synthesis_diff_price_id, index)">取消订单</view>
+						<view class="diff-btn in" @click="onListPay(item)" :class="{'hide': item.can.pay_status == 2 || item.can.pay_status == 4}">
+							<text v-if="item.can.pay_status == 1">立即支付</text>
+							<text v-if="item.can.pay_status == 2 || item.can.pay_status == 4">审核中</text>
+							<text v-if="item.can.pay_status == 3 || item.can.pay_status == 6">被驳回</text>
+						</view>
+					</view>
+				</view>
+				<!-- 分页 -->
+				<u-loadmore v-if="pagesShow" :status="status" />
+			</block>
+			<view class="diff-null" v-else>
+				<u-empty
+					mode="history"
+					icon="http://cdn.uviewui.com/uview/empty/history.png"
+					text="无补差价记录"
+				>
+				</u-empty>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import { orderDiff, orderDiffList, orderDiffCancel, orderDiffInfo } from '@/apis/interfaces/synthesisOrder'
+	export default {
+		data() {
+			return {
+				orderId		: '',	// 支付ID
+				orderType	: '',	// 支付类型
+				price		: '',	// 支付价格
+				diffArr		: [],	// 支付记录
+				page		: {},	// 分页信息
+				pagesShow	: false,// 是否显示分页
+				status   	: ''	// 分页状态
+			};
+		},
+		onShow() {
+			this.getList()
+		},
+		methods: {
+			// 获取补差价列表
+			getList(){
+				uni.showLoading({
+					title: '加载中...',
+					mask : true
+				})
+				// 初始化分页
+				this.page = {
+					current: 1
+				}
+				// 获取补差价列表
+				let { orderId, ordertype } = this.$Route.query
+				orderDiffList(orderId, ordertype.replace(/\-/g, '\\'), this.page.current).then(res => {
+					let { data, page } = res
+					this.diffArr 	= page.current == 1 ? data: this.diffArr.concat(data)
+					this.page	 	= page
+					this.pagesShow 	= !page.has_more
+					this.status	   	= page.has_more ? 'loading' : 'nomore'
+					uni.hideLoading()
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon : 'none'
+					})
+				}).finally(() => {
+					uni.hideLoading()
+				})
+			},
+			// 创建补差价订单
+			onDiff(e){
+				let { price } = e.detail.value
+				let { orderId, ordertype } = this.$Route.query
+				if( price == '' || price <= 0 ){
+					uni.showToast({
+						title: '金额需大于0元并不能为空',
+						icon : 'none'
+					})
+					return
+				}
+				uni.showLoading({
+					title: '加载中...',
+					mask : true
+				})
+				orderDiff(ordertype.replace(/\-/g, '\\'), orderId, price ).then(res => {
+					let { synthesis_diff_price_id, order_type, can, price } = res;
+					this.onPay( synthesis_diff_price_id, order_type, can, price )
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon : 'none'
+					})
+				}).finally(() => {
+					uni.hideLoading()
+				})
+			},
+			// 取消补差价
+			onCancel(id, index){
+				uni.showModal({
+					title		: '提示',
+					content		: '确认取消当前补差价订单吗？',
+					success		: res => {
+						if(res.confirm){
+							uni.showLoading({
+								title: '加载中...',
+								mask : true
+							})
+							orderDiffCancel(id).then(res => {
+								uni.showToast({
+									title: res,
+									icon : 'none'
+								})
+								this.diffArr.splice(index, 1)
+							}).catch(err => {
+								uni.showToast({
+									title: err.message,
+									icon : 'none'
+								})
+							})
+						}
+					}
+				})
+			},
+			// 列表补差价
+			onListPay(obj){
+				let { synthesis_diff_price_id, order_type, can, price, remark, offline_pays, order_id } = obj
+				if(can.pay_status == 2 || can.pay_status == 4){
+					uni.showToast({
+						title: '补差价信息正在审核中',
+						icon : 'none'
+					})
+					return
+				}
+				if(can.pay_status == 3){
+					uni.showModal({
+						title		: '驳回提示',
+						content		: '线下银行打款被驳回，驳回原因：' + offline_pays.remark,
+						showCancel	: false,
+						confirmText : '编辑',
+						success		: res => {
+							if(res.confirm && can.pay_status == 3){
+								this.$Router.push({
+									name: 'BankPay',
+									params: {
+										payId		: offline_pays.offline_pay_id,
+										orderType	: order_type.replace(/\\/g, '-'),
+										price		: price,
+										type		: 'edit'
+									},
+								})
+							}
+						}
+					})
+					return
+				}
+				if(can.pay_status == 6){
+					uni.showModal({
+						title		: '驳回提示',
+						content		: '补差价被驳回，驳回原因：' + remark,
+						showCancel	: false,
+					})
+					return
+				}
+				this.onPay(synthesis_diff_price_id, order_type, can, price)
+			},
+			// 差价支付
+			onPay(id, type, can, price){
+				this.orderId   = id
+				this.orderType = type
+				this.price	   = price
+				// 仅支持线下打款
+				if(!can.online){
+					this.onToBankPay()
+					return
+				}
+				// 选择线上、下支付方式
+				uni.showActionSheet({
+				    itemList: ['线上支付', '线下支付'],
+				    success: sheetRes => {
+						if(sheetRes.tapIndex == 0){
+							this.$Router.push({
+								name: 'Pay',
+								params: {
+									paytype		: 'synthesize',
+									orderId		: id,
+									orderType	: type.replace(/\\/g, '-')
+								},
+							})
+							return
+						}
+						this.onToBankPay()
+				    }
+				})
+			},
+			// 去线下打款
+			onToBankPay(){
+				this.$Router.push({
+					name: 'BankPay',
+					params: {
+						orderId		: this.orderId,
+						orderType	: this.orderType.replace(/\\/g, '-'),
+						price		: this.price
+					},
+				})
+			}
+		},
+		onReachBottom() {
+			this.pagesShow = true;
+			if(this.page.has_more){
+				this.page.current++
+				this.getList()
+				return
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	.content{
+		background: #f8f8f8;
+		min-height: 100vh;
+		padding: 1rpx 0;
+		box-sizing: border-box;
+	}
+	// 页面空
+	.diff-null{
+		height: 40vh;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+	// 差价列表
+	.diff-list{
+		padding: 0 30rpx;
+		.diff-title{ font-size: 30rpx; color: gray; line-height: 60rpx; margin-bottom: 20rpx; }
+		.diff-item{
+			background-color: white;
+			border-radius: 20rpx;
+			margin-bottom: 30rpx;
+			.diff-info{
+				padding: 30rpx;
+				.diff-info-item{
+					display: flex;
+					justify-content: space-between;
+					line-height: 60rpx;
+					font-size: 30rpx;
+					label{ color: gray; width: 200rpx; }
+					view{ text-align: right; width: calc(100% - 200rpx); }
+				 }
+			}
+			.diff-state{
+				padding: 20rpx 30rpx;
+				display: flex;
+				flex-wrap: wrap;
+				justify-content: flex-end;
+				&::after{ top: 0; }
+				.diff-btn{ 
+					border:solid 1rpx $main-color;
+					color: $main-color;
+					font-size: 30rpx;
+					line-height: 70rpx;
+					padding: 0 30rpx;
+					border-radius: 36rpx;
+					margin-left: 30rpx;
+					&.in{
+						background: $main-color;
+						color: white;
+					}
+					&.hide{
+						opacity: .7;
+					}
+				}
+			}
+		}
+	}
+	// 创建补差价
+	.diff-from{
+		background: white;
+		border-radius: 20rpx;
+		margin: 30rpx;
+		padding: 50rpx;
+		display: block;
+		label{ line-height: 70rpx; text-align: center; font-weight: bold; font-size: 30rpx; display: block; }
+		input{ text-align: center; font-size: 40rpx; height: 100rpx; @extend .border-solid; margin: 30rpx 0 50rpx; }
+		button{ background-color: $main-color; color: white; font-size: 32rpx; height: 90rpx; line-height: 90rpx; border-radius: 10rpx; }
+	}
+</style>

pages/synthesize/enterprise.vue

@@ -0,0 +1,310 @@
+<template>
+	<view class="content">
+		<image class="yearImg" src="https://cdn.douhuofalv.com/images/2023/04/17/80a076d77afdbe716e29f2ea56f9b103.png" mode="widthFix"></image>
+		<view class="list">
+			<view class="title">
+				<view class="title-name"><text>企业法律咨询服务包</text></view>
+				<view class="title-text">legal advice</view>
+			</view>
+			<view class="item" :class="{active : item.is_open}" v-for="(item, index) in synthesisArr" :key="index">
+				<view class="endedAt" v-if="item.is_open">
+					<view class="endedAt-time">到期时间：{{item.service_user.ended_at}}</view>
+				</view>
+				<view class="top">
+					<view class="top-title">{{item.title}}</view>
+					<view class="top-btn" :class="{'hide': item.button_status === 3}" @click="onBuy(index)">
+						<text v-if="item.button_status === 0">购买</text>
+						<text v-if="item.button_status === 1">续费</text>
+						<text v-if="item.button_status === 2">支付</text>
+						<text v-if="item.button_status === 3">审核中</text>
+						<text v-if="item.button_status === 4">被驳回</text>
+					</view>
+				</view>
+				<view class="range">
+					<view class="range-label">
+						<view class="range-label-title">面相群体：</view>
+						<view class="range-label-text">
+							{{item.audiences}}
+						</view>
+					</view>
+					<view class="range-label">
+						<view class="range-label-title">咨询收费：</view>
+						<view class="range-label-text">
+							{{item.price}}元/年
+						</view>
+					</view>
+					<view class="range-label scope" v-if="index == 0">
+						<view class="range-label-title">服务范围：</view>
+						<view class="range-label-text">
+							<text v-for="(items, scopeIndex) in item.scope" :key="scopeIndex">{{scopeIndex + 1}}、{{items}}</text>
+						</view>
+					</view>
+				</view>
+				<view class="shape" v-if="index >= 1">
+					<view class="shapeBack"></view>
+					<view class="shapeCont">
+						<view class="shapeWhite">
+							<view class="shapeWhite-title">
+								服务范围
+							</view>
+							<view class="shapeWhite-label" v-for="(items, scopeIndex) in item.scope" :key="scopeIndex">
+								{{scopeIndex + 1}}、{{items}}
+							</view>
+							<image class="shapeWhite-back" src="https://cdn.douhuofalv.com/images/2023/04/17/893b41e87c2bdfca62c4936a880c79cd.png" mode="widthFix"></image>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		
+		<image class="yearBttom" src="https://cdn.douhuofalv.com/images/2023/04/17/fc4cad00a630e3d69b3f486e9d2937e9.png" mode="widthFix"></image>
+	</view>
+</template>
+
+<script>
+	import { yearSynthList } from '@/apis/interfaces/synthesis'
+	export default {
+		data() {
+			return {
+				synthesisArr: [],  //企业-年费服务包列表
+			}
+		},
+		onShow() {
+			this.yearServe();
+		},
+		methods: {
+			// 年费服务包列表
+			yearServe(){
+				yearSynthList({
+					type: 2
+				}).then(res => {
+					this.synthesisArr = res
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon : 'none'
+					})
+				})
+			},
+			// 购买企业服务包
+			onBuy(index){
+				let obj = this.synthesisArr[index]
+				switch (obj.button_status){
+					case 3:
+						uni.showToast({
+							title: '打款凭证审核中，请耐心等待',
+							icon : 'none'
+						})
+						break;
+					case 4:
+						uni.showModal({
+							title		: '审核被驳回',
+							content		: '驳回原因：' + obj.service_order.offline_pays.remark,
+							showCancel	: false,
+							success		: modalRes => {
+								if(modalRes.confirm){
+									this.$Router.push({
+										name	: 'BankPay',
+										params	: {
+											payId	 	: obj.service_order.offline_pays.offline_pay_id,
+											type	 	: 'edit',
+											orderId		: obj.service_order.order_id,
+											orderType	: obj.service_order.order_type.replace(/\\/g, '-'),
+											price		: obj.price
+										}
+									})
+								}
+							}
+						})
+						break;
+					default:
+						this.$Router.push({
+							name: 'StandWrite',
+							params: {
+								serveId: obj.synthesis_service_id
+							}
+						})
+						break;
+				}
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.content {
+		width: 100vw;
+		background-color: #121d4c;
+	}
+	
+	.yearImg,
+	.yearBttom{
+		width: 100%;
+		display: block;
+	}
+	
+	.list {
+		padding: 30rpx;
+		box-sizing: border-box;
+		background-color: #121d4c;
+		.title {
+			margin-bottom: 40rpx;
+			display: flex;
+			height: 80rpx;
+			line-height: 80rpx;
+			.title-name {
+				flex: 1;
+				text {
+					padding: 0 70rpx 0 30rpx;
+					font-size: 36rpx;
+					background-image: -webkit-linear-gradient(40deg,#f1c593, #fef9f2);
+					display: inline-block;
+					color: #2c3c66;
+					font-weight: 600;
+					position: relative;
+					&:after {
+						position: absolute;
+						content: '';
+						right: 0;
+						top: 0;
+						width: 0;
+						height: 0;
+						border-width: 40rpx;
+						border-style: solid;
+						border-color: transparent #121d4c transparent transparent;
+					}
+				}
+			}
+			.title-text {
+				font-size: 36rpx;
+				text-transform: uppercase;
+				background-image: -webkit-linear-gradient(top,#86716b, #8e8f9c);
+				-webkit-background-clip:text; 
+				-webkit-text-fill-color:transparent;
+			}
+		}
+		.item {
+			background-color: #002088;
+			border-radius: 20rpx;
+			padding: 30rpx;
+			box-sizing: border-box;
+			margin-bottom: 30rpx;
+			position: relative;
+			&.active {
+				padding-top: 70rpx;
+			}
+			.endedAt {
+				position: absolute;
+				top: 0;
+				left: 0;
+				display: inline-block;
+				color: #2c3c66;
+				width: 100%;
+				text-align: center;
+				.endedAt-time {
+					background-image: -webkit-linear-gradient(40deg,#f1c593, #fef9f2);
+					margin: 0 auto;
+					display: inline-block;
+					padding: 0 20rpx;
+					line-height: 52rpx;
+					font-size: 26rpx;
+					border-radius: 0 0 5rpx 5rpx;
+					color: #582700;
+				}
+			}
+			.top {
+				display: flex;
+				font-weight: 600;
+				line-height: 54rpx;
+				margin-bottom: 20rpx;
+				.top-title {
+					font-size:36rpx;
+					background-image: -webkit-linear-gradient(top,#fdf6ca, #e29c68); 
+					-webkit-background-clip:text; 
+					-webkit-text-fill-color:transparent;
+					flex: 1;
+				}
+				.top-btn {
+					background-image: -webkit-linear-gradient(top,#fff8da,#f3c796);
+					color: #582700;
+					padding: 0 30rpx;
+					border-radius: 50rpx;
+					font-size: 30rpx;
+					box-shadow: 0 8rpx 6rpx rgba(0, 0, 0, .3);
+				}
+			}
+			.range {
+				color: #ffffff;
+				font-size: 28rpx;
+				.range-label {
+					line-height: 40rpx;
+					padding: 10rpx 0;
+					display: flex;
+					.range-label-title {
+						width: 160rpx;
+					}
+					.range-label-text {
+						width: calc(100% - 160rpx);
+						text {
+							display: block;
+							margin-bottom: 20rpx;
+							&:last-child {
+								margin-bottom: 0;
+							}
+						}
+					}
+				}
+			}
+			
+			.shape {
+				position: relative;
+				margin-top: 30rpx;
+				font-size: 28rpx;
+				.shapeBack {
+					background-color: #0d245b;
+					height: 20rpx;
+					width: 100%;
+					border: 4rpx solid #e8c595;
+					border-radius: 80rpx;
+				}
+				.shapeCont {
+					padding: 0 30rpx;
+					box-sizing: border-box;
+					margin-top: -18rpx;
+					.shapeWhite {
+						background-color: #ffffff;
+						border-radius: 0 0 20rpx 20rpx;
+						padding: 40rpx 30rpx 30rpx;
+						box-sizing: border-box;
+						color: #0e2660;
+						position: relative;
+						&::after {
+							position: absolute;
+							content: '';
+							top: 0;
+							left: 0;
+							width: 100%;
+							height: 20rpx;
+							background-image: -webkit-linear-gradient(top, #a7a8ad, transparent);
+						}
+						.shapeWhite-title {
+							font-size: 38rpx;
+							margin-bottom: 20rpx;
+						}
+						.shapeWhite-label {
+							padding: 10rpx 0;
+							line-height: 44rpx;
+						}
+						.shapeWhite-back {
+							width: 85%;
+							position: absolute;
+							right: 0;
+							bottom: 0;
+						}
+					}
+				}
+			}
+		}
+		
+	}
+</style>

pages/synthesize/entrust.vue

@@ -0,0 +1,457 @@
+<template>
+	<view class="content">
+		<view class="orderTab">
+			<view class="orderTab-item" :class="{active : entrustId == item.entrust_id}" @click="tabClick(item.entrust_id, item.type.value)" v-for="(item, index) in entrustArr" :key="index">
+				<text>{{item.title}}</text>
+			</view>
+		</view>
+		<view class="module">
+			<view class="entrustTop">
+				<image class="entrustTop-img" :src="entrustData.cover" mode="widthFix"></image>
+				<view class="entrustTop-btn" @click="seekClick">立即购买</view>
+			</view>
+			<view class="entrustCont">
+				<block v-if="type === 0">
+					<view class="entrustCivil">
+						<view class="entrustCivil-top">
+							<view class="entrustCivil-top-name">民事诉讼阶段：</view>
+							<view class="entrustCivil-top-text">一审、二审、再审（注：劳动争议案件存在劳动仲裁阶段)</view>
+						</view>
+						<view class="entrustCivil-list" v-for="(item, index) in sonArr" :key="index">
+							<view class="entrustCivil-list-title">
+								<view class="entrustCivil-list-number">0{{index + 1}}</view>
+								<view class="entrustCivil-list-name">{{item.text}}</view>
+								<view class="entrustCivil-list-trim"></view>
+							</view>
+							<view class="entrustCivil-list-item">
+								<view class="entrustCivil-list-label" v-for="(items, sonIndex) in item.children" :key="sonIndex">{{items.text}}</view>
+							</view>
+						</view>
+					</view>
+				</block>
+				<block v-else-if="type === 1">
+					<view class="entrustBrief">
+						<view class="entrustBrief-title">
+							<image class="entrustBrief-title-img" src="https://cdn.douhuofalv.com/images/2023/04/18/4d57907913a7d9ca5f3c7417421c894d.png" mode="aspectFill"></image>
+							<view class="entrustBrief-title-name">{{entrustData.title}}</view>
+						</view>
+						<view class="entrustBrief-list">
+							<view class="entrustBrief-list-item">
+								<text>1</text><view class="entrustBrief-list-text">代理受害人（代写报案材料、提供法律咨询、代理刑事附带民事诉讼、代理提出法律意见、代理参加庭审活动、一审、二审）</view>
+							</view>
+							<view class="entrustBrief-list-item">
+								<text>2</text><view class="entrustBrief-list-text">代理犯罪嫌疑人/被告人：（侦查阶段、审查起诉阶段、一审阶段、二审阶段、再审阶段）</view>
+							</view>						</view>
+						<image class="entrustBrief-logo" src="https://cdn.douhuofalv.com/images/2023/04/18/5037800b0abd01d828890a2b6386c38a.png" mode="widthFix"></image>
+					</view>
+					<image class="entrustBrief-text" src="https://cdn.douhuofalv.com/images/2023/04/18/e0dbc0ce562b479b9ff3ad3820971612.png" mode="widthFix"></image>
+				</block>
+				<block v-else-if="type === 2">
+					<view class="entrustPolitics">
+						<view class="entrustPolitics-item">
+							<view class="entrustPolitics-back">
+								<view class="entrustPolitics-item-tips">stage</view>
+								<view class="entrustPolitics-item-name">诉讼阶段</view>
+								<view class="entrustPolitics-item-label">
+									<view class="entrustPolitics-item-list">
+										<text>1</text>一审
+									</view>
+									<view class="entrustPolitics-item-list">
+										<text>2</text>二审
+									</view>
+									<view class="entrustPolitics-item-list">
+										<text>3</text>再审
+									</view>
+								</view>
+								<image class="entrustPolitics-item-logo" src="https://cdn.douhuofalv.com/images/2023/04/18/f7804d7c91c2389dd62ce10c19e26bec.png" mode="widthFix"></image>
+							</view>
+						</view>
+						<view class="entrustPolitics-item">
+							<view class="entrustPolitics-back">
+								<view class="entrustPolitics-item-tips">type</view>
+								<view class="entrustPolitics-item-name">常见类型</view>
+								<view class="entrustPolitics-item-label">
+									<view class="entrustPolitics-item-list">
+										<text>1</text>强制拆迁
+									</view>
+									<view class="entrustPolitics-item-list">
+										<text>2</text>行政不作为
+									</view>
+									<view class="entrustPolitics-item-list">
+										<text>3</text>征收补偿等
+									</view>
+								</view>
+								<image class="entrustPolitics-item-logo" src="https://cdn.douhuofalv.com/images/2023/04/18/f7804d7c91c2389dd62ce10c19e26bec.png" mode="widthFix"></image>
+							</view>
+						</view>
+					</view>
+				</block>
+			</view>
+			<image class="entrustBottom" src="https://cdn.douhuofalv.com/images/2023/04/18/f08e45875d7dba6c3116690978a8a999.png" mode="widthFix"></image>
+		</view>
+	</view>
+</template>
+
+<script>
+	import { entrustList, entrustInfo, entrustSon } from '@/apis/interfaces/synthesis'
+	export default {
+		data() {
+			return {
+				type	   : '',  // 案件类型
+				entrustId  : '',
+				sonArr	   : [],  // 民事子分类
+				entrustData: '',  // 案件委托详情
+				entrustArr : [],  // 案件委托列表
+			}
+		},
+		onShow() {
+			// 获取-案件委托-列表
+			this.yearServe();
+		},
+		methods: {
+			// 案件委托-列表
+			yearServe(){
+				entrustList().then(res => {
+					this.entrustArr = res
+					if(this.entrustId == '') {
+						this.entrustId = res[0].entrust_id
+						this.type      = res[0].type.value
+					}
+					// 获取-案件委托-详情
+					this.yearInfo();
+					if(this.type === 0) this.yearSon();
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon : 'none'
+					})
+				})
+			},
+			
+			// 案件委托-详情
+			yearInfo(){
+				entrustInfo(this.entrustId).then(res => {
+					this.entrustData = res
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon : 'none'
+					})
+				})
+			},
+			
+			// 获取-案件委托子分类
+			yearSon(){
+				entrustSon({
+					parent_id: this.entrustId
+				}).then(res => {
+					this.sonArr = res
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon : 'none'
+					})
+				})
+			},
+			
+			// 顶级
+			tabClick(id, type) {
+				this.entrustId = id
+				this.type      = type
+				if(type === 0) this.yearSon();
+				// 获取-案件委托-详情
+				this.yearInfo();
+			},
+			
+			// 立即咨询
+			seekClick() {
+				if(this.type === 0) {
+					this.$Router.push({name: 'EntrustCivil', params: { entrustId: this.entrustId, title: '民事诉讼'}})
+					return
+				}
+				this.$Router.push({name: 'EntrustWrite', params: {entrustId: this.entrustId, title: this.type == 1 ? '刑事辩护': '行政诉讼'}})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.content {
+		background-color: #171c54;
+	}
+	
+	.orderTab {
+		position: fixed;
+		top: 0;
+		left: 0;
+		width: 100%;
+		z-index: 9;
+		height: 100rpx;
+		background-color: white;
+		display: flex;
+		.orderTab-item {
+			flex: 3;
+			text-align: center;
+			margin-top: 20rpx;
+			font-size: 30rpx;
+			text {
+				display: inline-block;
+				color: #000;
+				background-image: white;
+				height: 64rpx;
+				line-height: 64rpx;
+				border-radius: 80rpx;
+				padding: 0 30rpx;
+			}
+			&.active text {
+				color: #ffffff;
+				background-color: $main-color;
+			}
+		}
+	}
+	
+	.module {
+		padding-top: 100rpx;
+	}
+	
+	.entrustCont {
+		background-color: #171c54;
+		padding: 30rpx 30rpx 0;
+		box-sizing: border-box;
+		width: 100%;
+		.entrustCivil {
+			.entrustCivil-top {
+				background-color: #111f6e;
+				border-radius: 15rpx;
+				padding: 30rpx 10rpx;
+				box-sizing: border-box;
+				color: #ffebbf;
+				text-align: center;
+				.entrustCivil-top-name {
+					margin-bottom: 10rpx;
+					font-size: 34rpx;
+				}
+				.entrustCivil-top-text {
+					font-size: 26rpx;
+				}
+			}
+			.entrustCivil-list {
+				margin-top: 30rpx;
+				color: #ffffff;
+				.entrustCivil-list-title {
+					font-size: 36rpx;
+					margin-bottom: 40rpx;
+					.entrustCivil-list-trim {
+						position: relative;
+						left: 290rpx;
+						bottom: 20rpx;
+						background-color: #2f3aae;
+						width: 35%;
+						height: 4rpx;
+						padding-left: 40rpx;
+						box-sizing: border-box;
+						&::after {
+							position: absolute;
+							content: '';
+							left: -50rpx;
+							top: -10rpx;
+							width: 20rpx;
+							height: 20rpx;
+							transform:rotate(45deg);
+							background-color: #2f3aae;
+						}
+					}
+					.entrustCivil-list-number {
+						font-weight: 600;
+						font-size: 68rpx;
+						background-image: -webkit-linear-gradient(top,#ffffff 40%, transparent 70%);
+						-webkit-background-clip:text; 
+						-webkit-text-fill-color:transparent;
+						text-transform: uppercase;
+					}
+					.entrustCivil-list-name {
+						margin-top: -20rpx;
+						width: 280rpx;
+					}
+				}
+				.entrustCivil-list-item {
+					overflow: hidden;
+					display: flex;
+					flex-wrap: wrap;
+					justify-content: flex-start;
+					margin: 0 -20rpx;
+					.entrustCivil-list-label {
+						text-align: center;
+						flex: 1;
+						min-width: calc((100% - 64rpx) / 2);
+						margin: 0 15rpx 30rpx;
+						background-image: linear-gradient(to right, #3653cf, #1922a0);
+						border-radius: 10rpx;
+						line-height: 84rpx;
+						font-size: 26rpx;
+					}
+				}
+			}
+		}
+		.entrustPolitics {
+			display: flex;
+			.entrustPolitics-item {
+				flex: 2;
+				margin: 0 15rpx;
+				background-color: #0e1e58;
+				border-radius: 40rpx 15rpx 15rpx 15rpx;
+				padding: 20rpx;
+				overflow: hidden;
+				box-sizing: border-box;
+				.entrustPolitics-back {
+					padding: 30rpx 30rpx 80rpx;
+					box-sizing: border-box;
+					overflow: hidden;
+					border-radius: 40rpx 15rpx 15rpx 15rpx;
+					background-color: #002087;
+					position: relative;
+					.entrustPolitics-item-logo {
+						position: absolute;
+						bottom: 0;
+						right: 0;
+						width: 120rpx;
+					}
+					.entrustPolitics-item-name {
+						background-image: -webkit-linear-gradient(top,#fdf7ce, #e29c68);
+						-webkit-background-clip:text; 
+						-webkit-text-fill-color:transparent;
+						font-weight: 600;
+						font-size: 36rpx;
+						margin-bottom: 30rpx;
+					}
+					.entrustPolitics-item-tips {
+						font-size: 38rpx;
+						font-weight: 600;
+						background-image: -webkit-linear-gradient(top,#8090c3, transparent 85%);
+						-webkit-background-clip:text; 
+						-webkit-text-fill-color:transparent;
+						text-transform: uppercase;
+					}
+					.entrustPolitics-item-label {
+						color: #ffffff;
+						font-size: 28rpx;
+						line-height: 80rpx;
+						.entrustPolitics-item-list {
+							display: flex;
+							text {
+								font-size: 22rpx;
+								display: block;
+								width: 28rpx;
+								height: 28rpx;
+								line-height: 28rpx;
+								border: 2rpx solid #ffffff;
+								text-align: center;
+								border-radius: 50%;
+								margin-right: 20rpx;
+								margin-top: 26rpx;
+							}
+						}
+					}
+				}
+			}
+		}
+		.entrustBrief {
+			background-color: #09216e;
+			border-radius: 20rpx;
+			padding: 0 30rpx 30rpx;
+			box-sizing: border-box;
+			color: #ffffff;
+			position: relative;
+			.entrustBrief-title {
+				position: relative;
+				width: 100%;
+				text-align: center;
+				.entrustBrief-title-img,
+				.entrustBrief-title-name {
+					position: absolute;
+					top: -16rpx;
+					height: 80rpx;
+					line-height: 80rpx;
+				}
+				.entrustBrief-title-img {
+					width: 400rpx;
+					left: calc(50% - 200rpx);
+					display: block;
+				}
+				.entrustBrief-title-name {
+					width: 100%;
+					z-index: 9;
+					left: 0;
+					font-weight: 600;
+				}
+			}
+			.entrustBrief-list {
+				padding: 90rpx 10rpx 20rpx;
+				line-height: 48rpx;
+				font-size: 28rpx;
+				.entrustBrief-list-item {
+					margin-bottom: 30rpx;
+					display: flex;
+					text {
+						font-size: 22rpx;
+						display: block;
+						width: 28rpx;
+						height: 28rpx;
+						line-height: 28rpx;
+						border: 2rpx solid #ffffff;
+						text-align: center;
+						border-radius: 50%;
+						margin-right: 20rpx;
+						margin-top: 10rpx;
+					}
+					.entrustBrief-list-text {
+						width: calc(100% - 48rpx);
+						text-align: justify;
+					}
+				}
+			}
+			.entrustBrief-logo {
+				position: absolute;
+				bottom: -30rpx;
+				right: 30rpx;
+				width: 240rpx;
+				z-index: 5;
+			}
+		}
+		.entrustBrief-text {
+			width: 100%;
+			margin-top: 60rpx;
+		}
+	}
+	
+	.entrustTop {
+		position: relative;
+		width: 100%;
+		padding-top: 60%;
+		.entrustTop-img,.entrustTop-btn {
+			position: absolute;
+			left: 0;
+		}
+		.entrustTop-img {
+			width: 100%;
+			height: 100%;
+			top: 0;
+		}
+		.entrustTop-btn {
+			z-index: 4;
+			bottom: 15%;
+			left: 45rpx;
+			background-image: -webkit-linear-gradient(40deg,#f1c593, #fef9f2);
+			color: #12053d;
+			display: inline-block;
+			line-height: 74rpx;
+			padding: 0 40rpx;
+			font-size: 34rpx;
+			border-radius: 10rpx;
+		}
+	}
+	
+	.entrustBottom {
+		width: 100%;
+	}
+</style>

pages/synthesize/entrustCivil.vue

@@ -0,0 +1,628 @@
+<template>
+	<view class="content">
+		<view class="top">
+			<view class="top-cont">
+				<view class="top-cont-name">法律咨询服务包</view>
+				<view class="top-cont-text">请仔细填写以下信息</view>
+			</view>
+			<image class="top-img" src="https://cdn.douhuofalv.com/images/2023/04/20/2ea5fc20ffc90e7feec7ba2650b81c99.png" mode="widthFix"></image>
+		</view>
+		<view class="idcardBorder">
+			<!-- 表单部分 -->
+			<view class="idcardAdd-block">
+				<!-- 民事诉讼 -->
+				<view class="idcardAdd-types" v-if="sonArr.length > 0">
+					<view class="idcardAdd-block-name">
+						<view class="idcardAdd-block-see">
+							<text>*</text>民事诉讼
+						</view>
+					</view>
+					<view class="idcardAdd-block-write">
+						<picker class="idcardAdd-picker" @change="bindPickerChange" :value="indexValue" :range="sonArr" :range-key="'text'">
+							<view class="nowrap">{{ sonArr[indexValue].text }}</view>
+							<u-icon class="idcardAdd-picke-image" name="arrow-down"></u-icon>
+						</picker>
+					</view>
+				</view>
+				
+				<!-- 纠纷类型 -->
+				<view class="idcardAdd-types" v-if="childrenArr.length > 0">
+					<view class="idcardAdd-block-name">
+						<view class="idcardAdd-block-see">
+							<text>*</text>纠纷类型
+						</view>
+					</view>
+					<view class="idcardAdd-block-write">
+						<picker class="idcardAdd-picker" @change="childrenChange" :value="childrenValue" :range="childrenArr" :range-key="'text'">
+							<view class="nowrap">{{ childrenArr[childrenValue].text }}</view>
+							<u-icon class="idcardAdd-picke-image" name="arrow-down"></u-icon>
+						</picker>
+					</view>
+				</view>
+				
+				<block v-for="(item, keyIndex) in paramsArr" :key="keyIndex">
+					<block v-if="item.pre_key == null || isShow(item)">
+						<view class="idcardAdd-block-name">
+							<view class="idcardAdd-block-see">
+								<text v-if="item.is_required == 1">*</text>{{item.title}}
+							</view>
+						</view>
+						
+						<!-- 单输入框 -->
+						<view class="idcardAdd-block-write" v-if="item.type === 'text'">
+							<input class="idcardAdd-input" type="text" v-model="item.value" :placeholder="'请输入' + item.title" />
+						</view>
+						<view class="idcardAdd-block-write" v-if="item.type === 'number' || item.type === 'mobile' || item.type === 'day'">
+							<input class="idcardAdd-input" type="number" v-model="item.value" :placeholder="'请输入' + item.title" />
+						</view>
+						<!-- 价格输入框 -->
+						<view class="idcardAdd-block-write" v-if="item.type === 'price'">
+							<input class="idcardAdd-input" type="digit" v-model="item.value" :placeholder="'请输入' + item.title" />
+						</view>
+						<!-- 密码输入框 -->
+						<view class="idcardAdd-block-write" v-if="item.type === 'password'">
+							<input class="idcardAdd-input" type="safe-password" v-model="item.value" :placeholder="'请输入' + item.title" />
+						</view>
+						
+						<!-- 下拉框 -->
+						<view class="idcardAdd-block-write" v-if="item.type === 'select'">
+							<picker class="idcardAdd-picker" :range="item.options" :value="item.value" @change="item.value = $event.detail.value">
+								<view class="nowrap">
+									{{item.options[item.value]}}
+								</view>
+								<image class="idcardAdd-picke-image" src="@/static/imgs/basic_down.png" mode="aspectFill"></image>
+							</picker>
+						</view>
+						
+						<!-- 多选 -->
+						<view class="idcardAdd-aline" v-if="item.type === 'checkbox'">
+							<checkbox-group @change="item.value = $event.detail.value">
+								<label class="checkbox-item" v-for="(checkboxItem, checkboxIndex) in item.options">
+									<checkbox class="checkbox-input" :value="checkboxIndex" color="#446EFE"></checkbox>{{checkboxItem}}
+								</label>
+							</checkbox-group>
+						</view>
+						
+						<!-- 单选 -->
+						<view class="idcardAdd-aline" v-if="item.type === 'radio'">
+							<radio-group @change="item.value = $event.detail.value">
+								<label class="idcardAdd-aline-write" v-for="(radioItem, radioIndex) in item.options" :key="radioIndex">
+									<radio :value="radioIndex" color="#446EFE" style="transform:scale(.65)" :checked="item.value === radioIndex" /><text> {{radioItem}}</text>
+								</label>
+								
+							</radio-group>
+						</view>
+						
+						<!-- 描述 -->
+						<view class="idcardAdd-depict-textarea" v-if="item.type === 'textarea'">
+							<textarea maxlength="500" class="textarea" :placeholder="'请输入' + item.title" v-model="item.value"></textarea>
+							<text>{{item.value.length}}/500</text>
+						</view>
+						
+						<!-- 被告所在地 -->
+						<block v-if="item.type === 'pro_city' && item.key === 'defendant_address'">
+							<view class="idcardAdd-block-write">
+								<uni-data-picker
+									:localdata="cityPicker"
+									:border="false"
+									split="-"
+									placeholder="选择城市"
+									@change="defendantPicker"
+								></uni-data-picker>
+							</view>
+						</block>
+						
+						<!-- 目前所在地 -->
+						<block v-if="item.type === 'pro_city' && item.key === 'address'">
+							<view class="idcardAdd-block-write">
+								<uni-data-picker
+									:localdata="cityPicker"
+									:border="false"
+									split="-"
+									placeholder="选择城市"
+									@change="addressPicker"
+								></uni-data-picker>
+							</view>
+						</block>
+					</block>
+				</block>
+			</view>
+		</view>
+		<view class="idcardBtn">
+			<button class="idcardBtn-go" type="default" @click="onSubmit">确认提交</button>
+		</view>
+	</view>
+</template>
+
+<script>
+	import { entrustSon, entrustInfo, entrustPost } from '@/apis/interfaces/synthesis'
+	import { createCity } from '@/apis/interfaces/user'
+	export default {
+		data() {
+			return {
+				submitObj	  : {},	 // 提交数据
+				sonArr		  : [],  // 民事二级类型
+				childrenArr	  : [],  // 纠纷类型
+				paramsArr	  : [],  // 信息
+				cityPicker	  : [],  // 地址
+				indexValue	  : 0,   // 民事类型下标
+				childrenValue : 0,   // 纠纷类型下标
+				price		  : '0.00', // 订单金额
+				entrustId	  : '',  // 表单详情
+				
+				// 被告所在地
+				defendant	  : {},
+				// 目前所在地
+				address		  : {},
+				
+				orderId		  : '',     // 订单 ID
+				orderType     : '',     // 订单类型
+				voucherState  : false,  // 上传凭证弹出
+			}
+		},
+		created() {
+			uni.showLoading({
+				title: '加载中...',
+				mask : true
+			})
+			
+			// 案件委托子分类
+			this.yearSon();
+			
+			// 省市区
+			createCity().then(res => {
+				this.cityPicker = res;
+			}).catch( err => {
+				uni.showToast({
+					title: err.message,
+					icon: "none"
+				})
+			})
+		},
+		
+		computed: {
+			isShow(){
+				return (item) => {
+					if(item.pre_key != null){
+						let index = this.paramsArr.findIndex(val => val.key == item.pre_key)
+						return item.pre_value == this.paramsArr[index].value
+					}
+					return false
+				}
+			}
+		},
+        
+        
+		
+		methods: {
+			// 民事类型列表
+			yearSon(){
+				entrustSon({parent_id: this.$Route.query.entrustId}).then(res => {
+					let froms = res
+					froms.map(val => {
+						val.indexValue = 0
+					})
+					this.sonArr = froms
+					
+					let newChildren = froms[this.indexValue].children
+					newChildren.map(val => {
+						val.childrenValue = 0
+					})
+					this.childrenArr = newChildren
+					this.entrustId   = newChildren[this.childrenValue].value
+					
+					// 获取综法咨询-详情
+					this.getBusiness();
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon : 'none'
+					})
+				}).finally(() => {
+					uni.hideLoading()
+				})
+			},
+			
+			// 选择民事类型
+			bindPickerChange(e){
+				this.indexValue = e.detail.value
+				this.childrenValue = 0
+				
+				// 获取-案件委托子分类
+				this.yearSon();
+			},
+			
+			// 选择纠纷类型
+			childrenChange(e){
+				this.childrenValue = e.detail.value
+				this.entrustId = this.childrenArr[e.detail.value].value
+			},
+			
+			// 综法咨询-详情
+			getBusiness(){
+				entrustInfo(this.entrustId).then(res => {
+					let { price, params } = res
+					params.map(val => {
+						if(val.type === 'checkbox'){
+							val.value = []
+						}else if(val.type === 'select'){
+							val.value = 0
+						}else{
+							val.value = ""
+						}
+					})
+					this.price		= price
+					this.paramsArr  = params
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon : 'none'
+					})
+				})
+			},
+			
+			// 被告所在地-选择城市
+			defendantPicker(e){
+				let { value } = e.detail
+				let dataArr = {
+					province_id: value[0].value,
+					city_id: value[1].value
+				}
+				this.defendant = dataArr
+			},
+			
+			// 目前所在地-选择城市
+			addressPicker(e){
+				let { value } = e.detail
+				let dataArr = {
+					province_id: value[0].value,
+					city_id: value[1].value
+				}
+				this.address = dataArr
+			},
+			
+			// 提交订单数据
+			onSubmit(){
+				uni.showLoading({
+					title: '提交中...',
+					mask : true
+				})
+				
+				let subData = {};
+				let dataArr = []
+				for(let val of this.paramsArr){
+					if(val.type === 'pro_city'){
+						subData[val.key] = this.address
+					}else{
+						subData[val.key] = val.value
+					}
+				}
+				
+				for(let key in subData){
+					dataArr.push({
+						key,
+						value: subData[key]
+					})
+				}
+				entrustPost(this.entrustId, {
+					data	: dataArr,
+					type	: 'self',
+					channel	: 'app'
+				}).then(res => {
+					let { order_id, order_type, can } = res;
+					this.expressSheet(order_id, order_type, can )
+					uni.hideLoading()
+				}).catch( err => {
+					uni.showToast({
+						title: err.message,
+						icon: "none"
+					})
+				})
+			},
+			
+			// 选择支付方式
+			expressSheet(id, type, can) {
+				this.orderId   = id
+				this.orderType = type
+				
+				// 仅支持线下打款
+				if(!can.online){
+					this.onToBankPay()
+					return
+				}
+				// 选择线上、下支付方式
+				uni.showActionSheet({
+				    itemList: ['线上支付', '线下支付'],
+				    success: sheetRes => {
+						if(sheetRes.tapIndex == 0){
+							this.$Router.replace({
+								name: 'Pay',
+								params: {
+									paytype		: 'synthesize',
+									orderId		: id,
+									orderType	: type.replace(/\\/g, '-')
+								},
+							})
+							return
+						}
+						this.onToBankPay()
+				    }
+				})
+			},
+			// 去线下打款
+			onToBankPay(){
+				this.$Router.replace({
+					name: 'BankPay',
+					params: {
+						orderId		: this.orderId,
+						orderType	: this.orderType.replace(/\\/g, '-'),
+						price		: this.price
+					},
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.content {
+		background-color: #111e4b;
+		width: 100vw;
+		overflow-y: scroll;
+		// position: fixed;
+	}
+	
+	.top {
+		position: relative;
+		height: 180rpx;
+		.top-img {
+			position: absolute;
+			right: 0;
+			top: 0;
+			width: 40%;
+		}
+		.top-cont {
+			position: absolute;
+			left: 0;
+			top: 0;
+			width: 100%;
+			padding: 40rpx 30rpx;
+			box-sizing: border-box;
+			.top-cont-name {
+				font-weight: 600;
+				font-size: 54rpx;
+				background-image: linear-gradient(to right,#f1c694, #fffbf6 42%);
+				-webkit-background-clip:text; 
+				-webkit-text-fill-color:transparent;
+				margin-bottom: 10rpx;
+			}
+			.top-cont-text {
+				font-size: 30rpx;
+				color: #ffffff;
+			}
+		}
+	}
+	
+	.idcardBorder {
+		padding: 30rpx;
+		box-sizing: border-box;
+	}
+	
+	.idcardAdd-block {
+		padding: $padding + 20 $padding;
+		box-sizing: border-box;
+		background-color: #ffffff;
+		border-radius: 30rpx;
+		position: relative;
+		.idcardAdd-types {
+			margin-bottom: 40rpx;
+			&:last-child {
+				margin-bottom: 0;
+			}
+		}
+	}
+	
+	.idcardAdd-depict-textarea {
+		background-color: #f7faff;
+		line-height: 90rpx;
+		border-radius: 20rpx;
+		padding: 0 30rpx;
+		box-sizing: border-box;
+		position: relative;
+		width: 100%;
+		margin-bottom: 40rpx;
+		.textarea {
+			width: 100%;
+			padding: $padding 0;
+			box-sizing: border-box;
+			font-size: 30rpx;
+			height: 200rpx;
+		}
+		text {
+			width: 100%;
+			text-align: right;
+			font-size: 28rpx;
+			color: #999999;
+			display: block;
+		}
+	}
+	
+	.idcardAdd-block-write {
+		background-color: #f7faff;
+		height: 90rpx;
+		line-height: 90rpx;
+		border-radius: 20rpx;
+		padding: 0 30rpx;
+		box-sizing: border-box;
+		position: relative;
+		display: flex;
+		width: 100%;
+		margin-bottom: 40rpx;
+		&:last-child {
+			margin-bottom: 0;
+		}
+		.idcardAdd-input {
+			width: 100%;
+			height: 100%;
+			display: flex;
+			border: none;
+			background-color: transparent;
+			font-size: 30rpx;
+		}
+	}
+	
+	.idcardAdd-picker {
+		position: relative;
+		width: 100%;
+		font-size: 30rpx;
+	}
+	
+	.idcardAdd-picke-image {
+		width: 24rpx;
+		height: 24rpx;
+		position: absolute;
+		top: $margin;
+		right: 0;
+	}
+	
+	.idcardAdd-block-name {
+		margin-bottom: $margin;
+		display: flex;
+		.idcardAdd-block-see {
+			color: $text-color;
+			margin-right: $margin;
+			font-size: 30rpx;
+			text {
+				color: $main-color;
+				padding-right: 10rpx;
+			}
+		}
+	}
+	
+	// checkbox
+	.checkbox-item{
+		display: inline-block;
+		margin-right: 20rpx;
+		color: #999999;
+		line-height: 70rpx;
+		&:last-child {
+			margin-right: 0;
+		}
+		.checkbox-input{
+			transform:scale(0.6);
+		}
+	}
+	
+	.idcardAdd-aline {
+		position: relative;
+		display: flex;
+		width: 100%;
+		margin-bottom: 40rpx;
+		.idcardAdd-aline-write {
+			margin-right: 30rpx;
+			color: #999999;
+		}
+	}
+	
+	// 按钮
+	.idcardBtn {
+		background-color: #111e4b;
+		width: 100%;
+		padding: 20rpx 60rpx 140rpx;
+		box-sizing: border-box;
+		display: flex;
+		.idcardBtn-go {
+			width: 100%;
+			background-image: linear-gradient(to bottom, #fff2d2, #f9cd9e);
+			color: #582700;
+			font-weight: 600;
+			font-size: 36rpx;
+			border-radius: 45rpx;
+			height: 94rpx;
+			line-height: 94rpx;
+			box-shadow: 0 6rpx 10rpx rgba(0, 0, 0, .5);
+			text-align: center;
+			&[disabled] {
+				background-color: #f9f9f9;
+				border-color: #e2e2e2;
+				color: #959595;
+			}
+			&::after {
+				display: none;
+			}
+		}
+	}
+	
+	// 打款凭证弹出
+	.voucherBack {
+		position: fixed;
+		width: 100vw;
+		height: 100vh;
+		left: 0;
+		top: 0;
+		z-index: 99;
+		background-color: rgba(0, 0, 0, .6);
+		display: none;
+		&.active {
+			display: block;
+		}
+	}
+	.voucherPop {
+		-webkit-box-orient: vertical;
+		-webkit-box-pack: center;
+		position: fixed;
+		left: 0;
+		right: 0;
+		top: 0;
+		bottom: 0;
+		z-index: 100;
+		padding: 0 10%;
+		box-sizing: border-box;
+		display: none;
+		&.active {
+			display: -webkit-box;
+		}
+		.tipsWhite {
+			background-color: #ffffff;
+			border-radius: 20rpx;
+			position: relative;
+			.voucherPop-img {
+				position: absolute !important;
+				top: -80rpx;
+				right: calc(50% - 100rpx);
+				width: 200rpx;
+			}
+			.voucherPop-title {
+				box-sizing: border-box;
+				padding: 50rpx 70rpx;
+				margin-top: 100rpx;
+				text-align: center;
+				.voucherPop-name {
+					font-weight: 600;
+					font-size: 38rpx;
+				}
+				.voucherPop-text {
+					padding: 30rpx 0 35rpx;
+					line-height: 44rpx;
+				}
+				.voucherPop-btn {
+					display: flex;
+					.voucherPop-go {
+						flex: 2;
+						text-align: center;
+						border: 2rpx solid #da2b56;
+						color: #da2b56;
+						margin: 0 15rpx;
+						line-height: 74rpx;
+						border-radius: 10rpx;
+						background-color: #ffffff;
+						&.voucherPop-up {
+							background-color: #da2b56;
+							color: #ffffff;
+						}
+					}
+				}
+			}
+		}
+	}
+</style>

pages/synthesize/entrustInfo.vue

@@ -0,0 +1,214 @@
+
+<template>
+	<view class="info-content" v-if="entrust.title">
+		<view class="header">
+			<div class="title">订单详情</div>
+		</view>
+		<view class="block">
+			<view class="block-header border-solid">
+				<view class="title">
+					<text>业务类型</text>
+					<view>{{entrust.title}}</view>
+				</view>
+				<view class="price">
+					<text>实付</text>
+					<view>{{price}}</view>
+				</view>
+			</view>
+			<view class="block-item border-solid">
+				<view class="block-item-flex">
+					<label>下单用户</label>
+					<view class="val">{{user.nickname}}</view>
+				</view>
+				<view class="block-item-flex">
+					<label>用户手机</label>
+					<view class="val">{{user.username}}</view>
+				</view>
+			</view>
+			<view class="block-item">
+				<view class="block-item-flex" v-for="(item, index) in params" :key="index" v-if="item.value_text != null">
+					<label>{{item.title || '-'}}</label>
+					<view class="val" v-if="item.type === 'pro_city'">{{item.value_text.join_text}}</view>
+					<view class="val" v-else>{{item.value_text || '-'}}</view>
+				</view>
+			</view>
+		</view>
+		<view class="block" v-if="lawyer != null">
+			<view class="block-item">
+				<view class="block-item-flex">
+					<label>服务律师</label>
+					<view class="val">{{lawyer.name}}</view>
+				</view>
+				<view class="block-item-flex">
+					<label>律师电话</label>
+					<view class="val">{{lawyer.username}}</view>
+				</view>
+			</view>
+		</view>
+		<view class="block">
+			<view class="block-item">
+				<view class="block-item-flex">
+					<label>支付方式</label>
+					<view class="val">{{payType || '-'}}</view>
+				</view>
+				<view class="block-item-flex">
+					<label>业务姓名</label>
+					<view class="val">{{user.parent.nickname}}</view>
+				</view>
+				<view class="block-item-flex">
+					<label>业务手机</label>
+					<view class="val">{{user.parent.username}}</view>
+				</view>
+				<view class="block-item-flex">
+					<label>订单编号</label>
+					<view class="val">{{no}}</view>
+				</view>
+				<view class="block-item-flex">
+					<label>创建时间</label>
+					<view class="val">{{createdAt}}</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import { entrustInfo } from '@/apis/interfaces/synthesisOrder.js'
+	export default {
+		data() {
+			return {
+				entrust  : {},
+				params	 : [],
+				createdAt: '',
+				payType	 : '',
+				user	 : {},
+				lawyer	 : null,
+				price	 : '0.00'
+			};
+		},
+		created() {
+			uni.showLoading({
+				title: '加载中...',
+				mask : true
+			})
+			entrustInfo(this.$Route.query.id).then(res => {
+				let { entrust, params, created_at, user, order_no, total, lawyer, pay_driver_text } = res;
+				this.entrust   = entrust
+				this.params	   = params
+				this.createdAt = created_at
+				this.user	   = user
+				this.no		   = order_no
+				this.price	   = total
+				this.lawyer	   = lawyer
+				this.payType   = pay_driver_text || '-'
+			}).catch(err => {
+				uni.showToast({
+					title: err.message,
+					icon : 'none'
+				})
+			}).finally(() => {
+				uni.hideLoading()
+			})
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.info-content{ 
+		padding-top: var(--status-bar-height);
+		position: relative;
+		background: #eeefff;
+		min-height: 100vh;
+		box-sizing: border-box;
+		padding-bottom: 10rpx;
+		&::before{
+			background-image: linear-gradient(180deg, #353ef4 10%, #eeefff);
+			height: 50vh;
+			content: " ";
+			width: 100vw;
+			position: absolute;
+			top: 0;
+			left: 0;
+		}
+		// 头部
+		.header{
+			position: relative;
+			z-index: 1;
+			padding: 100rpx 40rpx 70rpx;
+			.title{ 
+				font-size: 50rpx;
+				color: white;
+				font-weight: bold;
+				text{
+					font-weight: 400;
+					font-size: 30rpx;
+					margin-left: 20rpx;
+				}
+			}
+			.subtitle{ 
+				color: white;
+				margin-top: 10rpx;
+			}
+		}
+		// 模块
+		.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: 10rpx 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/synthesize/entrustWrite.vue

@@ -0,0 +1,553 @@
+<template>
+	<view class="content">
+		<view class="top">
+			<view class="top-cont">
+				<view class="top-cont-name">法律咨询服务包</view>
+				<view class="top-cont-text">请仔细填写以下信息</view>
+			</view>
+			<image class="top-img" src="https://cdn.douhuofalv.com/images/2023/04/20/2ea5fc20ffc90e7feec7ba2650b81c99.png" mode="widthFix"></image>
+		</view>
+		<view class="idcardBorder">
+			<!-- 表单部分 -->
+			<view class="idcardAdd-block">
+				<block v-for="(item, keyIndex) in paramsArr" :key="keyIndex">
+					<block v-if="item.pre_key == null || isShow(item)">
+						<view class="idcardAdd-block-name">
+							<view class="idcardAdd-block-see">
+								<text v-if="item.is_required == 1">*</text>{{item.title}}
+							</view>
+						</view>
+
+						<!-- 单输入框 -->
+						<view class="idcardAdd-block-write" v-if="item.type === 'text'">
+							<input class="idcardAdd-input" type="text" v-model="item.value" :placeholder="'请输入' + item.title" />
+						</view>
+						<view class="idcardAdd-block-write" v-if="item.type === 'number' || item.type === 'mobile' || item.type === 'day'">
+							<input class="idcardAdd-input" type="number" v-model="item.value" :placeholder="'请输入' + item.title" />
+						</view>
+						<!-- 价格输入框 -->
+						<view class="idcardAdd-block-write" v-if="item.type === 'price'">
+							<input class="idcardAdd-input" type="digit" v-model="item.value" :placeholder="'请输入' + item.title" />
+						</view>
+						<!-- 密码输入框 -->
+						<view class="idcardAdd-block-write" v-if="item.type === 'password'">
+							<input class="idcardAdd-input" type="safe-password" v-model="item.value" :placeholder="'请输入' + item.title" />
+						</view>
+						
+						<!-- 下拉框 -->
+						<view class="idcardAdd-block-write" v-if="item.type === 'select'">
+							<picker class="idcardAdd-picker" :range="item.options" :value="item.value" @change="item.value = $event.detail.value">
+								<view class="nowrap">
+									<!-- {{item.options[item.value]}} -->
+									{{item.options[item.value]}}
+								</view>
+								<image class="idcardAdd-picke-image" src="@/static/imgs/basic_down.png" mode="aspectFill"></image>
+							</picker>
+						</view>
+						
+						<!-- 多选 -->
+						<view class="idcardAdd-aline" v-if="item.type === 'checkbox'">
+							<checkbox-group @change="item.value = $event.detail.value">
+								<label class="checkbox-item" v-for="(checkboxItem, checkboxIndex) in item.options">
+									<checkbox class="checkbox-input" :value="checkboxIndex" color="#446EFE"></checkbox>{{checkboxItem}}
+								</label>
+							</checkbox-group>
+						</view>
+						
+						
+						<!-- 单选 -->
+						<view class="idcardAdd-aline" v-if="item.type === 'radio'">
+							<radio-group @change="item.value = $event.detail.value">
+								<label class="idcardAdd-aline-write" v-for="(radioItem, radioIndex) in item.options" :key="radioIndex">
+									<radio :value="radioIndex" color="#446EFE" style="transform:scale(.65)" :checked="item.value === radioIndex" /><text>{{radioItem}}</text>
+								</label>
+							</radio-group>
+						</view>
+						
+						<!-- 描述 -->
+						<view class="idcardAdd-depict-textarea" v-if="item.type === 'textarea'">
+							<textarea maxlength="500" class="textarea" :placeholder="'请输入' + item.title" v-model="item.value"></textarea>
+							<text>500字以内</text>
+						</view>
+						
+						<!-- 被告所在地 -->
+						<block v-if="item.type === 'pro_city' && item.key === 'defendant_address'">
+							<view class="idcardAdd-block-write">
+								<uni-data-picker
+									:localdata="cityPicker"
+									:border="false"
+									split="-"
+									placeholder="选择城市"
+									@change="defendantPicker"
+								></uni-data-picker>
+							</view>
+						</block>
+						
+						<!-- 目前所在地 -->
+						<block v-if="item.type === 'pro_city' && item.key === 'address'">
+							<view class="idcardAdd-block-write">
+								<uni-data-picker
+									:localdata="cityPicker"
+									:border="false"
+									split="-"
+									placeholder="选择城市"
+									@change="addressPicker"
+								></uni-data-picker>
+							</view>
+						</block>
+					</block>
+				</block>
+			</view>
+		</view>
+		<view class="idcardBtn">
+			<button class="idcardBtn-go" type="default" @click="onSubmit">确认提交</button>
+		</view>
+	</view>
+</template>
+
+<script>
+	import { entrustInfo, entrustPost } from '@/apis/interfaces/synthesis'
+	import { createCity } from '@/apis/interfaces/user'
+	import mouldInput from '@/components/mould-input.vue'
+	export default {
+		components: {
+			mouldInput
+		},
+		data() {
+			return {
+				paramsArr	  : [],  // 信息
+				cityPicker	  : [],  // 地址
+				
+				// 被告所在地
+				defendant	  : {},
+				
+				// 目前所在地
+				address		  : {},
+				
+				orderId		  : '',     // 订单 ID
+				orderType     : '',     // 订单类型
+				voucherState  : false,  // 上传凭证弹出
+				price		  : '0.00', // 价格
+			}
+		},
+		created() {
+			uni.showLoading({
+				title: '加载中...',
+				mask : true
+			})
+			// 设置标题
+			uni.setNavigationBarTitle({
+				title: '案件委托-' + this.$Route.query.title
+			})
+			
+			// 获取综法咨询-详情
+			this.getBusiness();
+			
+			// 省市区
+			createCity().then(res => {
+				this.cityPicker = res;
+			}).catch( err => {
+				uni.showToast({
+					title: err.message,
+					icon: "none"
+				})
+			})
+		},
+		
+		computed: {
+			isShow(){
+				return (item) => {
+					if(item.pre_key != null){
+						let index = this.paramsArr.findIndex(val => val.key == item.pre_key)
+						return item.pre_value == this.paramsArr[index].value
+					}
+					return false
+				}
+			}
+		},
+		
+		methods: {
+			// 综法咨询-详情
+			getBusiness(){
+				entrustInfo(this.$Route.query.entrustId).then(res => {
+					let { price, params } = res
+					params.map(val => {
+						if(val.type === 'checkbox'){
+							val.value = []
+						}else if(val.type === 'select'){
+							val.value = 0
+						}else{
+							val.value = ""
+						}
+					})
+					this.price		= price
+					this.paramsArr  = params
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon : 'none'
+					})
+				}).finally(() => {
+					uni.hideLoading()
+				})
+			},
+			
+			// 被告所在地-选择城市
+			defendantPicker(e){
+				let { value } = e.detail
+				let dataArr = {
+					province_id: value[0].value,
+					city_id: value[1].value
+				}
+				this.defendant = dataArr
+			},
+			
+			// 目前所在地-选择城市
+			addressPicker(e){
+				let { value } = e.detail
+				let dataArr = {
+					province_id: value[0].value,
+					city_id: value[1].value
+				}
+				this.address = dataArr
+			},
+			
+			// 提交订单数据
+			onSubmit(){
+				uni.showLoading({
+					title: '提交中...',
+					mask : true
+				})
+				
+				let subData = {};
+				let dataArr = []
+				
+				for(let val of this.paramsArr){
+					if(val.type === 'pro_city'){
+						subData[val.key] = this.address
+					}else{
+						subData[val.key] = val.value
+					}
+				}
+				
+				for(let key in subData){
+					dataArr.push({
+						key,
+						value: subData[key]
+					})
+				}
+				
+				entrustPost(this.$Route.query.entrustId, {
+					data: dataArr,
+					type: 'self',
+					channel: 'App',
+					user_id: ''
+				}).then(res => {
+					this.expressSheet(res.entrust_order_id, res.order_type, res.can)
+				}).catch( err => {
+					uni.showToast({
+						title: err.message,
+						icon: "none"
+					})
+				})
+			},
+			
+			// 选择支付方式
+			expressSheet(id, type, can) {
+				this.orderId   = id
+				this.orderType = type
+				
+				// 仅支持线下打款
+				if(!can.online){
+					this.onToBankPay()
+					return
+				}
+				// 选择线上、下支付方式
+				uni.showActionSheet({
+				    itemList: ['线上支付', '线下支付'],
+				    success: sheetRes => {
+						if(sheetRes.tapIndex == 0){
+							this.$Router.replace({
+								name: 'Pay',
+								params: {
+									paytype		: 'synthesize',
+									orderId		: id,
+									orderType	: type.replace(/\\/g, '-')
+								},
+							})
+							return
+						}
+						this.onToBankPay()
+				    }
+				})
+				
+			},
+			// 去线下打款
+			onToBankPay(){
+				this.$Router.replace({
+					name: 'BankPay',
+					params: {
+						orderId		: this.orderId,
+						orderType	: this.orderType.replace(/\\/g, '-'),
+						price		: this.price
+					},
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.content {
+		background-color: #111e4b;
+		width: 100vw;
+		height: 100%;
+		overflow-y: scroll;
+		position: fixed;
+	}
+	
+	.top {
+		position: relative;
+		height: 180rpx;
+		.top-img {
+			position: absolute;
+			right: 0;
+			top: 0;
+			width: 30%;
+		}
+		.top-cont {
+			position: absolute;
+			left: 0;
+			top: 0;
+			width: 100%;
+			padding: 40rpx 30rpx;
+			box-sizing: border-box;
+			.top-cont-name {
+				font-weight: 600;
+				font-size: 44rpx;
+				background-image: linear-gradient(to right,#f1c694, #fffbf6 42%);
+				-webkit-background-clip:text; 
+				-webkit-text-fill-color:transparent;
+				margin-bottom: 10rpx;
+			}
+			.top-cont-text {
+				font-size: 34rpx;
+				color: #ffffff;
+			}
+		}
+	}
+	
+	.idcardBorder {
+		padding: 30rpx;
+		box-sizing: border-box;
+	}
+	
+	.idcardAdd-block {
+		padding: $padding + 20 $padding;
+		box-sizing: border-box;
+		background-color: #ffffff;
+		border-radius: 30rpx;
+		position: relative;
+	}
+	
+	.idcardAdd-depict-textarea {
+		background-color: #f7faff;
+		line-height: 90rpx;
+		border-radius: 20rpx;
+		padding: 0 30rpx;
+		box-sizing: border-box;
+		position: relative;
+		width: 100%;
+		margin-bottom: 40rpx;
+		.textarea {
+			width: 100%;
+			padding: $padding 0;
+			box-sizing: border-box;
+		}
+		text {
+			width: 100%;
+			text-align: right;
+			font-size: 28rpx;
+			color: #999999;
+			display: block;
+		}
+	}
+	
+	.idcardAdd-block-write {
+		background-color: #f7faff;
+		height: 90rpx;
+		line-height: 90rpx;
+		border-radius: 20rpx;
+		padding: 0 30rpx;
+		box-sizing: border-box;
+		position: relative;
+		display: flex;
+		width: 100%;
+		margin-bottom: 40rpx;
+		&:last-child {
+			margin-bottom: 0;
+		}
+		.idcardAdd-input {
+			width: 100%;
+			height: 100%;
+			display: flex;
+			border: none;
+			background-color: transparent;
+			font-size: 30rpx;
+		}
+	}
+	
+	.idcardAdd-picker {
+		position: relative;
+		width: 100%;
+	}
+	
+	.idcardAdd-picke-image {
+		width: 24rpx;
+		height: 24rpx;
+		position: absolute;
+		top: $margin;
+		right: $margin;
+	}
+	
+	.idcardAdd-block-name {
+		margin-bottom: $margin;
+		display: flex;
+		.idcardAdd-block-see {
+			color: $text-color;
+			margin-right: $margin;
+			font-size: 30rpx;
+			text {
+				color: $main-color;
+				padding-right: 10rpx;
+			}
+		}
+	}
+	
+	// checkbox
+	.checkbox-item{
+		display: inline-block;
+		margin-right: 20rpx;
+		color: #999999;
+		line-height: 70rpx;
+		&:last-child {
+			margin-right: 0;
+		}
+		.checkbox-input{
+			transform:scale(0.6);
+		}
+	}
+	
+	.idcardAdd-aline {
+		position: relative;
+		display: flex;
+		width: 100%;
+		margin-bottom: 40rpx;
+		.idcardAdd-aline-write {
+			margin-right: 30rpx;
+			color: #999999;
+		}
+	}
+	
+	// 按钮
+	.idcardBtn {
+		background-color: #111e4b;
+		width: 100%;
+		padding: 20rpx 60rpx 140rpx;
+		box-sizing: border-box;
+		display: flex;
+		.idcardBtn-go {
+			width: 100%;
+			background-image: linear-gradient(to bottom, #fff2d2, #f9cd9e);
+			color: #582700;
+			font-weight: 600;
+			font-size: 36rpx;
+			border-radius: 45rpx;
+			height: 94rpx;
+			line-height: 94rpx;
+			box-shadow: 0 6rpx 10rpx rgba(0, 0, 0, .5);
+			text-align: center;
+			&[disabled] {
+				background-color: #f9f9f9;
+				border-color: #e2e2e2;
+				color: #959595;
+			}
+			&::after {
+				display: none;
+			}
+		}
+	}
+	
+	// 打款凭证弹出
+	.voucherBack {
+		position: fixed;
+		width: 100vw;
+		height: 100vh;
+		left: 0;
+		top: 0;
+		z-index: 99;
+		background-color: rgba(0, 0, 0, .6);
+		display: none;
+		&.active {
+			display: block;
+		}
+	}
+	.voucherPop {
+		-webkit-box-orient: vertical;
+		-webkit-box-pack: center;
+		position: fixed;
+		left: 0;
+		right: 0;
+		top: 0;
+		bottom: 0;
+		z-index: 100;
+		padding: 0 10%;
+		box-sizing: border-box;
+		display: none;
+		&.active {
+			display: -webkit-box;
+		}
+		.tipsWhite {
+			background-color: #ffffff;
+			border-radius: 20rpx;
+			position: relative;
+			.voucherPop-img {
+				position: absolute !important;
+				top: -80rpx;
+				right: calc(50% - 100rpx);
+				width: 200rpx;
+			}
+			.voucherPop-title {
+				box-sizing: border-box;
+				padding: 50rpx 70rpx;
+				margin-top: 100rpx;
+				text-align: center;
+				.voucherPop-name {
+					font-weight: 600;
+					font-size: 38rpx;
+				}
+				.voucherPop-text {
+					padding: 30rpx 0 35rpx;
+					line-height: 44rpx;
+				}
+				.voucherPop-btn {
+					display: flex;
+					.voucherPop-go {
+						flex: 2;
+						text-align: center;
+						border: 2rpx solid #da2b56;
+						color: #da2b56;
+						margin: 0 15rpx;
+						line-height: 74rpx;
+						border-radius: 10rpx;
+						background-color: #ffffff;
+						&.voucherPop-up {
+							background-color: #da2b56;
+							color: #ffffff;
+						}
+					}
+				}
+			}
+		}
+	}
+</style>

pages/synthesize/expandInfo.vue

@@ -0,0 +1,214 @@
+<template>
+	<view class="info-content" v-if="expand.title">
+		<view class="header">
+			<div class="title">订单详情</div>
+		</view>
+		<view class="block">
+			<view class="block-header border-solid">
+				<view class="title">
+					<text>业务类型</text>
+					<view>{{expand.title}}</view>
+				</view>
+				<view class="price">
+					<text>实付</text>
+					<view>{{price}}</view>
+				</view>
+			</view>
+			<view class="block-item border-solid">
+				<view class="block-item-flex">
+					<label>下单用户</label>
+					<view class="val">{{user.nickname}}</view>
+				</view>
+				<view class="block-item-flex">
+					<label>用户手机</label>
+					<view class="val">{{user.username}}</view>
+				</view>
+			</view>
+			<view class="block-item">
+				<view class="block-item-flex" v-for="(item, index) in params" :key="index" v-if="item.value_text != null">
+					<label>{{item.title || '-'}}</label>
+					<view class="val" v-if="item.type === 'pro_city'">{{item.value_text.join_text}}</view>
+					<view class="val" v-else>{{item.value_text || '-'}}</view>
+				</view>
+			</view>
+		</view>
+		<view class="block" v-if="lawyer != null">
+			<view class="block-item">
+				<view class="block-item-flex">
+					<label>服务律师</label>
+					<view class="val">{{lawyer.name}}</view>
+				</view>
+				<view class="block-item-flex">
+					<label>律师电话</label>
+					<view class="val">{{lawyer.username}}</view>
+				</view>
+			</view>
+		</view>
+		<view class="block">
+			<view class="block-item">
+				<view class="block-item-flex">
+					<label>支付方式</label>
+					<view class="val">{{payType || '-'}}</view>
+				</view>
+				<view class="block-item-flex">
+					<label>业务姓名</label>
+					<view class="val">{{user.parent.nickname}}</view>
+				</view>
+				<view class="block-item-flex">
+					<label>业务手机</label>
+					<view class="val">{{user.parent.username}}</view>
+				</view>
+				<view class="block-item-flex">
+					<label>订单编号</label>
+					<view class="val">{{no}}</view>
+				</view>
+				<view class="block-item-flex">
+					<label>创建时间</label>
+					<view class="val">{{createdAt}}</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import { expandInfo } from '@/apis/interfaces/synthesisOrder.js'
+	export default {
+		data() {
+			return {
+				expand   : {},
+				params	 : [],
+				createdAt: '',
+				user	 : {},
+				payType	 : '',
+				lawyer	 : null,
+				price	 : '0.00'
+			};
+		},
+		created() {
+			uni.showLoading({
+				title: '加载中...',
+				mask : true
+			})
+			expandInfo(this.$Route.query.id).then(res => {
+				let { expand, params, created_at, user, order_no, total, lawyer, pay_driver_text } = res;
+				this.lawyer	   = lawyer
+				this.expand    = expand
+				this.params	   = params
+				this.createdAt = created_at
+				this.user	   = user
+				this.no		   = order_no
+				this.price	   = total
+				this.payType   = pay_driver_text || ''
+			}).catch(err => {
+				uni.showToast({
+					title: err.message,
+					icon : 'none'
+				})
+			}).finally(() => {
+				uni.hideLoading()
+			})
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.info-content{ 
+		padding-top: var(--status-bar-height);
+		position: relative;
+		background: #eeefff;
+		min-height: 100vh;
+		box-sizing: border-box;
+		padding-bottom: 10rpx;
+		&::before{
+			background-image: linear-gradient(180deg, #353ef4 10%, #eeefff);
+			height: 50vh;
+			content: " ";
+			width: 100vw;
+			position: absolute;
+			top: 0;
+			left: 0;
+		}
+		// 头部
+		.header{
+			position: relative;
+			z-index: 1;
+			padding: 100rpx 40rpx 70rpx;
+			.title{ 
+				font-size: 50rpx;
+				color: white;
+				font-weight: bold;
+				text{
+					font-weight: 400;
+					font-size: 30rpx;
+					margin-left: 20rpx;
+				}
+			}
+			.subtitle{ 
+				color: white;
+				margin-top: 10rpx;
+			}
+		}
+		// 模块
+		.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: 10rpx 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/synthesize/expandWrite.vue

@@ -0,0 +1,442 @@
+<template>
+	<view class="content">
+		<view class="top">
+			<view class="top-cont">
+				<view class="top-cont-name">法律服务拓展包</view>
+				<view class="top-cont-text">请仔细填写以下信息</view>
+			</view>
+			<image class="top-img" src="https://cdn.douhuofalv.com/images/2023/04/20/2ea5fc20ffc90e7feec7ba2650b81c99.png" mode="widthFix"></image>
+		</view>
+		<view class="idcardBorder">
+			<!-- 表单部分 -->
+			<view class="idcardAdd-block">
+				<block v-for="(item, keyIndex) in paramsArr" :key="keyIndex">
+					<block v-if="item.pre_key == null || isShow(item)">
+						<view class="idcardAdd-block-name">
+							<view class="idcardAdd-block-see">
+								<text v-if="item.is_required == 1">*</text>{{item.title}}
+							</view>
+						</view>
+						<!-- 单输入框 -->
+						<!-- <view class="idcardAdd-block-write" v-if="item.type === 'price' || item.type === 'number' || item.type === 'text' || item.type === 'password' || item.type === 'mobile' || item.type === 'day'">
+							<mouldInput class="idcardAdd-input" :blur-value="item.value" :input-type="item.type" :input-title="item.title" :input-key="item.key" @onValue="($event) => {item.value = $event}"></mouldInput>
+						</view> -->
+						<!-- 单输入框 -->
+						<view class="idcardAdd-block-write" v-if="item.type === 'text'">
+							<input class="idcardAdd-input" type="text" v-model="item.value" :placeholder="'请输入' + item.title" />
+						</view>
+						
+						<view class="idcardAdd-block-write" v-if="item.type === 'number' || item.type === 'mobile' || item.type === 'day'">
+							<input class="idcardAdd-input" type="number" v-model="item.value" :placeholder="'请输入' + item.title" />
+						</view>
+						
+						<!-- 价格输入框 -->
+						<view class="idcardAdd-block-write" v-if="item.type === 'price'">
+							<input class="idcardAdd-input" type="digit" v-model="item.value" @blur="priceBlur(item, keyIndex)" :placeholder="'请输入' + item.title" />
+						</view>
+						
+						<!-- 密码输入框 -->
+						<view class="idcardAdd-block-write" v-if="item.type === 'password'">
+							<input class="idcardAdd-input" type="safe-password" v-model="item.value" :placeholder="'请输入' + item.title" />
+						</view>
+						
+						<!-- 下拉框 -->
+						<view class="idcardAdd-block-write" v-if="item.type === 'select'">
+							<picker class="idcardAdd-picker" :range="item.options" :value="item.value" @change="item.value = $event.detail.value">
+								<view class="nowrap">
+									<!-- {{item.options[item.value]}} -->
+									{{item.options[item.value]}}
+								</view>
+								<image class="idcardAdd-picke-image" src="@/static/imgs/basic_down.png" mode="aspectFill"></image>
+							</picker>
+						</view>
+						
+						<!-- 多选 -->
+						<view class="idcardAdd-aline" v-if="item.type === 'checkbox'">
+							<checkbox-group @change="item.value = $event.detail.value">
+								<label class="checkbox-item" v-for="(checkboxItem, checkboxIndex) in item.options">
+									<checkbox class="checkbox-input" :value="checkboxIndex" color="#446EFE"></checkbox>{{checkboxItem}}
+								</label>
+							</checkbox-group>
+						</view>
+						
+						
+						<!-- 单选 -->
+						<view class="idcardAdd-aline" v-if="item.type === 'radio'">
+							<radio-group @change="item.value = $event.detail.value">
+								<label class="idcardAdd-aline-write" v-for="(radioItem, radioIndex) in item.options" :key="radioIndex">
+									<radio :value="radioIndex" color="#446EFE" style="transform:scale(.65)" :checked="item.value === radioIndex" /><text>{{radioItem}}</text>
+								</label>
+							</radio-group>
+						</view>
+						
+						<!-- 描述 -->
+						<view class="idcardAdd-depict-textarea" v-if="item.type === 'textarea'">
+							<textarea maxlength="500" class="textarea" :placeholder="'请输入' + item.title" v-model="item.value"></textarea>
+							<text>500字以内</text>
+						</view>
+						
+						<!-- 被告所在地 -->
+						<block v-if="item.type === 'pro_city' && item.key === 'defendant_address'">
+							<view class="idcardAdd-block-write">
+								<uni-data-picker
+									:localdata="cityPicker"
+									:border="false"
+									split="-"
+									placeholder="选择城市"
+									@change="defendantPicker"
+								></uni-data-picker>
+							</view>
+						</block>
+						
+						<!-- 目前所在地 -->
+						<block v-if="item.type === 'pro_city' && item.key === 'address'">
+							<view class="idcardAdd-block-write">
+								<uni-data-picker
+									:localdata="cityPicker"
+									:border="false"
+									split="-"
+									placeholder="选择城市"
+									@change="addressPicker"
+								></uni-data-picker>
+							</view>
+						</block>
+					</block>
+				</block>
+			</view>
+		</view>
+		<view class="idcardBtn">
+			<button class="idcardBtn-go" type="default" @click="onSubmit">确认提交</button>
+		</view>
+	</view>
+</template>
+
+<script>
+	import { expandsInfo, expandsPost } from '@/apis/interfaces/synthesis'
+	import { createCity } from '@/apis/interfaces/user'
+	import mouldInput from '@/components/mould-input.vue'
+	export default {
+		components: {
+			mouldInput
+		},
+		data() {
+			return {
+				paramsArr	  : [],  // 信息
+				cityPicker	  : [],  // 地址
+				
+				// 目前所在地
+				address		  : {},
+				orderId		  : '',     // 订单 ID
+				orderType     : '',     // 订单类型
+				price		  : ''		// 订单价格
+			}
+		},
+		
+		created() {
+			uni.showLoading({
+				title: '加载中...',
+				mask : true
+			})
+			
+			uni.setNavigationBarTitle({
+				title: '拓展服务-' + this.$Route.query.title
+			})
+			
+			// 获取综法咨询-详情
+			this.getBusiness();
+			
+			// 省市区
+			createCity().then(res => {
+				this.cityPicker = res;
+			}).catch( err => {
+				uni.showToast({
+					title: err.message,
+					icon: "none"
+				})
+			})
+		},
+		
+		methods: {
+			// 判断最小输入金额
+			priceBlur(obj, index){
+				let minPrice = this.price
+				if(Number(obj.value) < Number(minPrice)){
+					obj.value = Number(minPrice)
+					this.$set(this.paramsArr, index, obj)
+					uni.showToast({
+						title: '金额不能小于' + minPrice + '元',
+						icon : 'none'
+					})
+				}
+			},
+			// 综法咨询-详情
+			getBusiness(){
+				expandsInfo(this.$Route.query.entrustId).then(res => {
+					let { params, price } = res;
+					params.map(val => {
+						if(val.type === 'checkbox'){
+							val.value = []
+						}else if(val.type === 'select'){
+							val.value = 0
+						}else{
+							val.value = ""
+						}
+					})
+					this.price		= price
+					this.paramsArr  = params
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon : 'none'
+					})
+				}).finally(() => {
+					uni.hideLoading()
+				})
+			},
+			
+			// 被告所在地-选择城市
+			defendantPicker(e){
+				let { value } = e.detail
+				let dataArr = {
+					province_id: value[0].value,
+					city_id: value[1].value
+				}
+				this.defendant = dataArr
+			},
+			
+			// 目前所在地-选择城市
+			addressPicker(e){
+				let { value } = e.detail
+				let dataArr = {
+					province_id: value[0].value,
+					city_id: value[1].value
+				}
+				this.address = dataArr
+			},
+			
+			// 提交订单数据
+			onSubmit(){
+				uni.showLoading({
+					title: '提交中...',
+					mask : true
+				})
+				let subData = {};
+				let dataArr = [];
+				for(let val of this.paramsArr){
+					if(val.type === 'pro_city'){
+						subData[val.key] = this.address
+					}else{
+						subData[val.key] = val.value
+					}
+				}
+				
+				for(let key in subData){
+					dataArr.push({
+						key,
+						value: subData[key]
+					})
+				}
+				
+				expandsPost(this.$Route.query.entrustId, {
+					data: dataArr,
+					type: 'self',
+					channel: 'app',
+					user_id: ''
+				}).then(res => {
+					uni.hideLoading()
+					this.expressSheet(res.expand_order_id, res.order_type, res.can)
+				}).catch( err => {
+					uni.showToast({
+						title: err.message,
+						icon: "none"
+					})
+				})
+			},
+			// 选择支付方式
+			expressSheet(id, type, can) {
+				this.orderId   = id
+				this.orderType = type
+				// 仅支持线下打款
+				if(!can.online){
+					this.onToBankPay()
+					return
+				}
+				// 选择线上、下支付方式
+				uni.showActionSheet({
+				    itemList: ['线上支付', '线下支付'],
+				    success: sheetRes => {
+						if(sheetRes.tapIndex == 0){
+							this.$Router.replace({
+								name: 'Pay',
+								params: {
+									paytype		: 'synthesize',
+									orderId		: id,
+									orderType	: type.replace(/\\/g, '-')
+								},
+							})
+							return
+						}
+						this.onToBankPay()
+				    }
+				})
+			},
+			// 去线下打款
+			onToBankPay(){
+				this.$Router.replace({
+					name: 'BankPay',
+					params: {
+						orderId		: this.orderId,
+						orderType	: this.orderType.replace(/\\/g, '-'),
+						price		: this.price
+					},
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.content {
+		background-color: #111e4b;
+		width: 100vw;
+		height: 100%;
+		overflow-y: scroll;
+		position: fixed;
+	}
+	
+	.top {
+		position: relative;
+		height: 180rpx;
+		.top-img {
+			position: absolute;
+			right: 0;
+			top: 0;
+			width: 30%;
+		}
+		.top-cont {
+			position: absolute;
+			left: 0;
+			top: 0;
+			width: 100%;
+			padding: 40rpx 30rpx;
+			box-sizing: border-box;
+			.top-cont-name {
+				font-weight: 600;
+				font-size: 44rpx;
+				background-image: linear-gradient(to right,#f1c694, #fffbf6 42%);
+				-webkit-background-clip:text; 
+				-webkit-text-fill-color:transparent;
+				margin-bottom: 10rpx;
+			}
+			.top-cont-text {
+				font-size: 34rpx;
+				color: #ffffff;
+			}
+		}
+	}
+	
+	.idcardBorder {
+		padding: 30rpx;
+		box-sizing: border-box;
+	}
+	
+	.idcardAdd-block {
+		padding: $padding + 20 $padding;
+		box-sizing: border-box;
+		background-color: #ffffff;
+		border-radius: $radius;
+		position: relative;
+	}
+	
+	.idcardAdd-block-write {
+		background-color: #f7faff;
+		height: 90rpx;
+		line-height: 90rpx;
+		border-radius: 20rpx;
+		padding: 0 30rpx;
+		box-sizing: border-box;
+		position: relative;
+		display: flex;
+		font-size: 30rpx;
+		width: 100%;
+		margin-bottom: 40rpx;
+		&:last-child {
+			margin-bottom: 0;
+		}
+		.idcardAdd-input {
+			width: 100%;
+			height: 100%;
+			display: flex;
+			border: none;
+			background-color: transparent;
+			font-size: 30rpx;
+		}
+	}
+	
+	.idcardAdd-picker {
+		position: relative;
+		width: 100%;
+	}
+	
+	.idcardAdd-picke-image {
+		width: 24rpx;
+		height: 24rpx;
+		position: absolute;
+		top: $margin;
+		right: $margin;
+	}
+	
+	.idcardAdd-block-name {
+		margin-bottom: $margin;
+		display: flex;
+		.idcardAdd-block-see {
+			color: $text-color;
+			margin-right: $margin;
+			font-size: 30rpx;
+			text {
+				color: $main-color;
+				padding-right: 10rpx;
+			}
+		}
+	}
+	
+	.idcardAdd-aline {
+		position: relative;
+		display: flex;
+		width: 100%;
+		margin-bottom: 40rpx;
+		.idcardAdd-aline-write {
+			margin-right: 30rpx;
+			color: #999999;
+		}
+	}
+	
+	// 按钮
+	.idcardBtn {
+		background-color: #111e4b;
+		width: 100%;
+		padding: 20rpx 60rpx 140rpx;
+		box-sizing: border-box;
+		display: flex;
+		.idcardBtn-go {
+			width: 100%;
+			background-image: linear-gradient(to bottom, #fff2d2, #f9cd9e);
+			color: #582700;
+			font-weight: 600;
+			font-size: 36rpx;
+			border-radius: $radius * 3;
+			height: 94rpx;
+			line-height: 94rpx;
+			box-shadow: 0 6rpx 10rpx rgba(0, 0, 0, .5);
+			text-align: center;
+			&[disabled] {
+				background-color: #f9f9f9;
+				border-color: #e2e2e2;
+				color: #959595;
+			}
+			&::after {
+				display: none;
+			}
+		}
+	}
+</style>

pages/synthesize/feeWrite.vue

@@ -0,0 +1,420 @@
+<template>
+	<view class="content">
+		<view class="top">
+			<view class="top-cont">
+				<view class="top-cont-name">个人法律咨询</view>
+				<view class="top-cont-text">请仔细填写以下信息</view>
+			</view>
+			<image class="top-img" src="https://cdn.douhuofalv.com/images/2023/04/20/2ea5fc20ffc90e7feec7ba2650b81c99.png" mode="widthFix"></image>
+		</view>
+		<view class="idcardBorder">
+			<!-- 表单部分 -->
+			<view class="idcardAdd-block">
+				<block v-for="(item, keyIndex) in paramsArr" :key="keyIndex">
+					<block v-if="item.pre_key == null || isShow(item)">
+						<view class="idcardAdd-block-name">
+							<view class="idcardAdd-block-see">
+								<text v-if="item.is_required == 1">*</text>{{item.title}}
+							</view>
+						</view>
+						<!-- 单输入框 -->
+						<view class="idcardAdd-block-write" v-if="item.type === 'text'">
+							<input class="idcardAdd-input" type="text" v-model="item.value" :placeholder="'请输入' + item.title" />
+						</view>
+						<!-- 数字类型输入框 -->
+						<view class="idcardAdd-block-write" v-if="item.type === 'number' || item.type === 'mobile' || item.type === 'day'">
+							<input class="idcardAdd-input" type="number" v-model="item.value" :placeholder="'请输入' + item.title" />
+						</view>
+						<!-- 价格输入框 -->
+						<view class="idcardAdd-block-write" v-if="item.type === 'price'">
+							<input class="idcardAdd-input" type="digit" v-model="item.value" :placeholder="'请输入' + item.title" />
+						</view>
+						<!-- 密码输入框 -->
+						<view class="idcardAdd-block-write" v-if="item.type === 'password'">
+							<input class="idcardAdd-input" type="safe-password" v-model="item.value" :placeholder="'请输入' + item.title" />
+						</view>
+						
+						<!-- 下拉框 -->
+						<view class="idcardAdd-block-write" v-if="item.type === 'select'">
+							<picker class="idcardAdd-picker" :range="item.options" :value="item.value" @change="item.value = $event.detail.value">
+								<view class="nowrap">
+									<!-- {{item.options[item.value]}} -->
+									{{item.options[item.value]}}
+								</view>
+								<image class="idcardAdd-picke-image" src="@/static/imgs/basic_down.png" mode="aspectFill"></image>
+							</picker>
+						</view>
+						
+						<!-- 多选 -->
+						<view class="idcardAdd-aline" v-if="item.type === 'checkbox'">
+							<checkbox-group @change="item.value = $event.detail.value">
+								<label class="checkbox-item" v-for="(checkboxItem, checkboxIndex) in item.options">
+									<checkbox class="checkbox-input" :value="checkboxIndex" color="#446EFE"></checkbox>{{checkboxItem}}
+								</label>
+							</checkbox-group>
+						</view>
+						
+						<!-- 单选 -->
+						<view class="idcardAdd-aline" v-if="item.type === 'radio'">
+							<radio-group @change="item.value = $event.detail.value">
+								<label class="idcardAdd-aline-write" v-for="(radioItem, radioIndex) in item.options" :key="radioIndex">
+									<radio :value="radioIndex" color="#446EFE" style="transform:scale(.65)" :checked="item.value === radioIndex" /><text>{{radioItem}}</text>
+								</label>
+							</radio-group>
+						</view>
+						
+						<!-- 描述 -->
+						<view class="idcardAdd-depict-textarea" v-if="item.type === 'textarea'">
+							<textarea maxlength="500" class="textarea" :placeholder="'请输入' + item.title" v-model="item.value"></textarea>
+							<text>500字以内</text>
+						</view>
+						
+						<!-- 被告所在地 -->
+						<block v-if="item.type === 'pro_city' && item.key === 'defendant_address'">
+							<view class="idcardAdd-block-write">
+								<uni-data-picker
+									:localdata="cityPicker"
+									:border="false"
+									split="-"
+									placeholder="选择城市"
+									@change="defendantPicker"
+								></uni-data-picker>
+							</view>
+						</block>
+						
+						<!-- 目前所在地 -->
+						<block v-if="item.type === 'pro_city' && item.key === 'address'">
+							<view class="idcardAdd-block-write">
+								<uni-data-picker
+									:localdata="cityPicker"
+									:border="false"
+									split="-"
+									placeholder="选择城市"
+									@change="addressPicker"
+								></uni-data-picker>
+							</view>
+						</block>
+					</block>
+				</block>
+			</view>
+		</view>
+		<view class="idcardBtn">
+			<button class="idcardBtn-go" type="default" @click="onSubmit">确认提交</button>
+		</view>
+	</view>
+</template>
+
+<script>
+	import { synthDet, synthPost } from '@/apis/interfaces/synthesis'
+	import { createCity } from '@/apis/interfaces/user'
+	import mouldInput from '@/components/mould-input.vue'
+	export default {
+		components: {
+			mouldInput
+		},
+		data() {
+			return {
+				paramsArr	  : [],  // 信息
+				cityPicker	  : [],  // 地址
+				// 目前所在地
+				address		  : {},
+			}
+		},
+		created() {
+			uni.showLoading({
+				title: '加载中...',
+				mask : true
+			})
+			
+			// 获取综法咨询-详情
+			this.getBusiness();
+			
+			// 省市区
+			createCity().then(res => {
+				this.cityPicker = res;
+			}).catch( err => {
+				uni.showToast({
+					title: err.message,
+					icon: "none"
+				})
+			})
+		},
+		
+		computed: {
+			isShow(){
+				return (item) => {
+					if(item.pre_key != null){
+						let index = this.paramsArr.findIndex(val => val.key == item.pre_key)
+						return item.pre_value == this.paramsArr[index].value
+					}
+					return false
+				}
+			}
+		},
+		
+		methods: {
+			// 综法咨询-详情
+			getBusiness(){
+				synthDet(this.$Route.query.synthesisId).then(res => {
+					let froms = res.synthesis.params
+					froms.map(val => {
+						if(val.type === 'checkbox'){
+							val.value = []
+						}else if(val.type === 'select'){
+							val.value = 0
+						}else{
+							val.value = val.value || ''
+						}
+					})
+					this.paramsArr = froms
+					uni.hideLoading()
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon : 'none'
+					})
+				})
+			},
+			
+			// 目前所在地-选择城市
+			addressPicker(e){
+				let { value } = e.detail
+				let dataArr = {
+					province_id: value[0].value,
+					city_id: value[1].value
+				}
+				this.address = dataArr
+			},
+			
+			// 提交订单数据
+			onSubmit(){
+				uni.showLoading({
+					title: '提交中...',
+					mask : true
+				})
+				
+				let subData = {};
+				let dataArr = []
+				
+				for(let val of this.paramsArr){
+					if(val.type === 'pro_city'){
+						subData[val.key] = this.address
+					}else{
+						subData[val.key] = val.value
+					}
+				}
+				
+				for(let key in subData){
+					dataArr.push({
+						key,
+						value: subData[key]
+					})
+				}
+				synthPost(this.$Route.query.synthesisId, {
+					data	: dataArr,
+					type	: 'self',
+					channel	: 'app',
+					user_id	: ''
+				}).then(res => {
+					uni.showModal({
+						title		: '提示',
+						content		: '个人咨询单创建成功',
+						showCancel	: false,
+						success		: modalRes => {
+							if(modalRes.confirm){
+								uni.navigateBack()
+							}
+						}
+					})
+				}).catch( err => {
+					uni.showToast({
+						title: err.message,
+						icon: "none"
+					})
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.content {
+		background-color: #111e4b;
+		width: 100vw;
+		height: 100%;
+		overflow-y: scroll;
+		position: fixed;
+	}
+	
+	.top {
+		position: relative;
+		height: 180rpx;
+		.top-img {
+			position: absolute;
+			right: 0;
+			top: 0;
+			width: 30%;
+		}
+		.top-cont {
+			position: absolute;
+			left: 0;
+			top: 0;
+			width: 100%;
+			padding: 40rpx 30rpx;
+			box-sizing: border-box;
+			.top-cont-name {
+				font-weight: 600;
+				font-size: 44rpx;
+				background-image: linear-gradient(to right,#f1c694, #fffbf6 42%);
+				-webkit-background-clip:text; 
+				-webkit-text-fill-color:transparent;
+				margin-bottom: 10rpx;
+			}
+			.top-cont-text {
+				font-size: 34rpx;
+				color: #ffffff;
+			}
+		}
+	}
+	
+	.idcardBorder {
+		padding: 30rpx;
+		box-sizing: border-box;
+	}
+	
+	.idcardAdd-block {
+		padding: $padding + 20 $padding;
+		box-sizing: border-box;
+		background-color: #ffffff;
+		border-radius: 40rpx;
+		position: relative;
+	}
+	
+	.idcardAdd-depict-textarea {
+		background-color: #f7faff;
+		line-height: 90rpx;
+		border-radius: 20rpx;
+		padding: 0 30rpx;
+		box-sizing: border-box;
+		position: relative;
+		width: 100%;
+		margin-bottom: 40rpx;
+		.textarea {
+			width: 100%;
+			padding: $padding 0;
+			box-sizing: border-box;
+		}
+		text {
+			width: 100%;
+			text-align: right;
+			font-size: 28rpx;
+			color: #999999;
+			display: block;
+		}
+	}
+	
+	.idcardAdd-block-write {
+		background-color: #f7faff;
+		height: 90rpx;
+		line-height: 90rpx;
+		border-radius: 20rpx;
+		padding: 0 30rpx;
+		box-sizing: border-box;
+		position: relative;
+		display: flex;
+		width: 100%;
+		margin-bottom: 40rpx;
+		&:last-child {
+			margin-bottom: 0;
+		}
+		.idcardAdd-input {
+			width: 100%;
+			height: 100%;
+			display: flex;
+			border: none;
+			background-color: transparent;
+			font-size: 30rpx;
+		}
+	}
+	
+	.idcardAdd-picker {
+		position: relative;
+		width: 100%;
+	}
+	
+	.idcardAdd-picke-image {
+		width: 24rpx;
+		height: 24rpx;
+		position: absolute;
+		top: $margin;
+		right: $margin;
+	}
+	
+	.idcardAdd-block-name {
+		margin-bottom: $margin;
+		display: flex;
+		.idcardAdd-block-see {
+			color: $text-color;
+			margin-right: $margin;
+			font-size: 30rpx;
+			text {
+				color: red;
+				padding-right: 10rpx;
+			}
+		}
+	}
+	
+	// checkbox
+	.checkbox-item{
+		display: inline-block;
+		margin-right: 20rpx;
+		color: #999999;
+		line-height: 70rpx;
+		&:last-child {
+			margin-right: 0;
+		}
+		.checkbox-input{
+			transform:scale(0.6);
+		}
+	}
+	
+	.idcardAdd-aline {
+		position: relative;
+		display: flex;
+		width: 100%;
+		margin-bottom: 40rpx;
+		.idcardAdd-aline-write {
+			margin-right: 30rpx;
+			color: #999999;
+		}
+	}
+	
+	// 按钮
+	.idcardBtn {
+		background-color: #111e4b;
+		width: 100%;
+		padding: 20rpx 60rpx 140rpx;
+		box-sizing: border-box;
+		display: flex;
+		.idcardBtn-go {
+			width: 100%;
+			background-image: linear-gradient(to bottom, #fff2d2, #f9cd9e);
+			color: #582700;
+			font-weight: 600;
+			font-size: 36rpx;
+			border-radius: 50rpx;
+			height: 94rpx;
+			line-height: 94rpx;
+			box-shadow: 0 6rpx 10rpx rgba(0, 0, 0, .5);
+			text-align: center;
+			&[disabled] {
+				background-color: #f9f9f9;
+				border-color: #e2e2e2;
+				color: #959595;
+			}
+			&::after {
+				display: none;
+			}
+		}
+	}
+</style>

pages/synthesize/individual.vue

@@ -0,0 +1,291 @@
+<template>
+	<view class="content">
+		<image class="yearImg" src="https://cdn.douhuofalv.com/images/2023/04/17/85db0728f2bae879ecbe561eed100549.png" mode="widthFix"></image>
+		<view class="list">
+			<view class="title">
+				<view class="title-name"><text>个人法律咨询365服务包</text></view>
+				<image class="title-img" src="https://cdn.douhuofalv.com/images/2023/04/17/79426f8fe9395c1c1f5be41d0a6f2eb8.png" mode="widthFix"></image>
+			</view>
+			<view class="item" v-for="(item, index) in synthesisArr" :key="index">
+				<view class="item-back">
+					<view class="item-title">{{item.title}}</view>
+					<view class="range">
+						<view class="range-label">
+							<view class="range-label-title">针对群体：</view>
+							<view class="range-label-text">
+								{{item.audiences}}
+							</view>
+						</view>
+						<view class="range-label">
+							<view class="range-label-title">咨询收费：</view>
+							<view class="range-label-text">
+								{{item.price}}元/年/人
+							</view>
+						</view>
+						<view class="range-label">
+							<view class="range-label-title">服务期限：</view>
+							<view class="range-label-text">
+								{{item.day}}天
+							</view>
+						</view>
+						<view class="range-label scope" v-if="index == 0">
+							<view class="range-label-title">服务范围：</view>
+							<view class="range-label-text">
+								<text v-for="(items, scopeIndex) in item.scope" :key="scopeIndex">{{scopeIndex + 1}}、{{items}}</text>
+							</view>
+						</view>
+					</view>
+					<image class="shapeWhite-back" src="https://cdn.douhuofalv.com/images/2023/04/17/705af638ddaed151ce5bc5ead85f604d.png" mode="widthFix"></image>
+				</view>
+				<view class="btn">
+					<view class="btn-go" :class="{'hide': item.button_status === 3}" @click="onBtn(index)">
+						<text v-if="item.button_status === 0">立即购买</text>
+						<text v-if="item.button_status === 1">立即续费</text>
+						<text v-if="item.button_status === 2">等待支付</text>
+						<text v-if="item.button_status === 3">打款审核中</text>
+						<text v-if="item.button_status === 4">打款被驳回</text>
+					</view>
+					<!-- 到期时间 -->
+					<view class="order-at" v-if="item.is_open">到期时间：{{item.service_user.ended_at}}</view>
+				</view>
+			</view>	
+		</view>
+		<image class="yearBttom" src="https://cdn.douhuofalv.com/images/2023/04/17/fc4cad00a630e3d69b3f486e9d2937e9.png" mode="widthFix"></image>
+	</view>
+</template>
+
+<script>
+	import { yearSynthList } from '@/apis/interfaces/synthesis'
+	import { certified } from '@/apis/interfaces/user'
+	export default {
+		data() {
+			return {
+				synthesisArr: [], // 服务单信息
+				price		: ''  // 支付价格
+			}
+		},
+		onShow() {
+			this.yearServe();
+		},
+		methods: {
+			// 年费服务包列表
+			yearServe(){
+				yearSynthList({
+					type: 1
+				}).then(res => {
+					this.synthesisArr = res
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon : 'none'
+					})
+				})
+			},
+			// 点击开通按钮
+			onBtn(index){
+				let obj  = this.synthesisArr[index]
+				switch (obj.button_status){
+					case 2:
+						let { order_id, order_type, can, price } = obj.service_order
+						this.price = price
+						this.expressSheet(order_id, order_type, can)
+						break;
+					case 3:
+						uni.showToast({
+							title: '打款凭证审核中，请耐心等待',
+							icon : 'none'
+						})
+						break;
+					case 4:
+						uni.showModal({
+							title		: '审核被驳回',
+							content		: '驳回原因：' + obj.service_order.offline_pays.remark,
+							showCancel	: false,
+							success		: modalRes => {
+								if(modalRes.confirm){
+									this.$Router.push({
+										name	: 'BankPay',
+										params	: {
+											payId	 	: obj.service_order.offline_pays.offline_pay_id,
+											type	 	: 'edit',
+											orderId		: obj.service_order.order_id,
+											orderType	: obj.service_order.order_type.replace(/\\/g, '-'),
+											price		: obj.price
+										}
+									})
+								}
+							}
+						})
+						break;
+					default:
+						this.$Router.push({
+							name: 'PersonWrite',
+							params: {
+								serveId: obj.synthesis_service_id
+							}
+						})
+						break;
+				}
+			},
+			// 选择支付方式
+			expressSheet(id, type, can) {
+				this.orderId   = id
+				this.orderType = type
+				// 仅支持线下打款
+				if(!can.online){
+					this.onToBankPay()
+					return
+				}
+				// 选择线上、下支付方式
+				uni.showActionSheet({
+					itemList: ['线上支付', '线下支付'],
+					success: sheetRes => {
+						if(sheetRes.tapIndex == 0){
+							this.$Router.push({
+								name: 'Pay',
+								params: {
+									paytype		: 'synthesize',
+									orderId		: id,
+									orderType	: type.replace(/\\/g, '-')
+								},
+							})
+							return
+						}
+						this.onToBankPay()
+				    }
+				})
+			},
+			// 去线下打款
+			onToBankPay(){
+				this.$Router.push({
+					name: 'BankPay',
+					params: {
+						orderId		: this.orderId,
+						orderType	: this.orderType.replace(/\\/g, '-'),
+						price		: this.price
+					},
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.content {
+		width: 100vw;
+		background-color: #121d4c;
+	}
+	
+	.yearImg,
+	.yearBttom{
+		width: 100%;
+		display: block;
+	}
+	
+	.list {
+		padding: 30rpx;
+		box-sizing: border-box;
+		background-color: #032e9e;
+		border-radius: 0 0 60rpx 60rpx;
+		.title {
+			margin-bottom: 40rpx;
+			display: flex;
+			height: 80rpx;
+			line-height: 80rpx;
+			.title-name {
+				flex: 1;
+				text {
+					padding: 0 70rpx 0 30rpx;
+					font-size: 36rpx;
+					background-image: -webkit-linear-gradient(40deg,#f1c593, #fef9f2);
+					display: inline-block;
+					color: #2c3c66;
+					font-weight: 600;
+					position: relative;
+					&:after {
+						position: absolute;
+						content: '';
+						right: 0;
+						top: 0;
+						width: 0;
+						height: 0;
+						border-width: 40rpx;
+						border-style: solid;
+						border-color: transparent #03339e transparent transparent;
+					}
+				}
+			}
+			.title-img {
+				width: 110rpx;
+			}
+		}
+		.item {
+			margin-bottom: 30rpx;
+			.item-back {
+				background-color: #002088;
+				border-radius: 20rpx;
+				padding: 30rpx;
+				box-sizing: border-box;
+				position: relative;
+				.item-title {
+					font-weight: 600;
+					font-size:36rpx;
+					background-image: -webkit-linear-gradient(top,#fdf6ca, #e29c68); 
+					-webkit-background-clip:text; 
+					-webkit-text-fill-color:transparent;
+					flex: 1;
+					margin-bottom: 30rpx;
+				}
+				.range {
+					color: #ffffff;
+					font-size: 28rpx;
+					.range-label {
+						line-height: 40rpx;
+						padding: 10rpx 0;
+						display: flex;
+						.range-label-title {
+							width: 160rpx;
+						}
+						.range-label-text {
+							width: calc(100% - 160rpx);
+							text {
+								display: block;
+								margin-bottom: 20rpx;
+								&:last-child {
+									margin-bottom: 0;
+								}
+							}
+						}
+					}
+				}
+				.shapeWhite-back {
+					width: 50%;
+					position: absolute;
+					left: 0;
+					bottom: 0;
+				}
+			}
+			.btn {
+				padding: 40rpx;
+				box-sizing: border-box;
+				text-align: center;
+				.btn-go {
+					display: inline-block;
+					background-image: -webkit-linear-gradient(top,#fff8da,#f3c796);
+					color: #582700;
+					width: 50%;
+					font-weight: 600;
+					font-size: 36rpx;
+					line-height: 88rpx;
+					border-radius: 50rpx;
+					box-shadow: 0 8rpx 6rpx rgba(0, 0, 0, .3);
+					&.hide{
+						opacity: .7;
+					}
+				}
+				.order-at{ text-align: center; color: white; font-size: 30rpx; padding-top: 30rpx; }
+			}
+		}
+		
+	}
+</style>

pages/synthesize/order.vue

@@ -0,0 +1,486 @@
+<template>
+	<view class="content">
+		<u-sticky bgColor="#fff" v-if="$Route.query.type != 'synthesis'">
+			<view class="header-sticky">
+				<u-tabs
+					:list="tabs"
+					:scrollable="tabScroll"
+					:lineWidth="20"
+					:lineHeight="4"
+					:lineColor="`url(${tabsBg}) 100% 100%`"
+					@click="onTab"
+				></u-tabs>
+			</view>
+		</u-sticky>
+		<!-- 列表 -->
+		<view class="list" v-if="orderArr.length > 0">
+			<block v-for="(item, index) in orderArr" :key="index">
+				<!-- 年费单 -->
+				<services-block
+					v-if="$Route.query.type === 'service'"
+					:no="item.order_no"
+					:status="item.status"
+					:user="item.user"
+					:time="item.created_at"
+					:service="item.service"
+					:price="item.total"
+					:lawyer="item.lawyer || {name: ''}"
+					:isSelf="item.is_self"
+					:payStatus="item.pay_status"
+					:can="item.can"
+					@cancel="onCancel"
+					@info="onInfo"
+					@pay="onPay"
+					@sing="onSing"
+					@diff="onDiff"
+					@callPhone="onCallPhone"
+				/>
+				<!-- 咨询单 -->
+				<synthesis-block
+					v-if="$Route.query.type === 'synthesis'"
+					:no="item.order_no"
+					:user="item.user"
+					:time="item.created_at"
+					:synthesis="item.synthesis"
+					:lawyer="item.lawyer || {name: ''}"
+					:isSelf="item.is_self"
+					:payStatus="item.pay_status"
+					@info="onInfo"
+					@pay="onPay"
+					@cancel="onCancel"
+				/>
+				<!-- 委托单 -->
+				<entrust-block
+					v-if="$Route.query.type === 'entrust'"
+					:no="item.order_no"
+					:entrust="item.entrust"
+					:user="item.user"
+					:time="item.created_at"
+					:status="item.status"
+					:price="item.total"
+					:diff="item.need_pay_diff_prices"
+					:lawyer="item.lawyer || {name: ''}"
+					:isSelf="item.is_self"
+					:payStatus="item.pay_status"
+					:can="item.can"
+					@info="onInfo"
+					@pay="onPay"
+					@sing="onSing"
+					@diff="onDiff"
+					@callPhone="onCallPhone"
+					@cancel="onCancel"
+				/>
+				<!-- 拓展单 -->
+				<expand-block
+					v-if="$Route.query.type === 'expand'"
+					:no="item.order_no"
+					:user="item.user"
+					:time="item.created_at"
+					:expand="item.expand"
+					:price="item.total"
+					:status="item.status"
+					:diff="item.need_pay_diff_prices"
+					:lawyer="item.lawyer || {name: ''}"
+					:isSelf="item.is_self"
+					:payStatus="item.pay_status"
+					:can="item.can"
+					@info="onInfo"
+					@pay="onPay"
+					@diff="onDiff"
+					@callPhone="onCallPhone"
+					@cancel="onCancel"
+				/>
+			</block>
+			<!-- 分页 -->
+			<u-loadmore v-if="pagesShow" :status="status" />
+		</view>
+		<view class="null-pages" v-else>
+			<u-empty
+				mode="order"
+				icon="http://cdn.uviewui.com/uview/empty/order.png"
+				text="暂无相关订单"
+			>
+			</u-empty>
+		</view>
+	</view>
+</template>
+
+<script>
+	import { certified } from '@/apis/interfaces/user.js'
+	import { servicesOrder, synthesisOrder, entrustOrder, expandOrder, orderRead, cancelOrder } from '@/apis/interfaces/synthesisOrder.js'
+	import { esignUrl } from '@/apis/interfaces/synthesis.js'
+	import entrustBlock from '@/components/entrustOrder.vue'
+	import expandBlock from '@/components/expandOrder.vue'
+	import servicesBlock from '@/components/servicesOrder.vue'
+	import synthesisBlock from '@/components/synthesisOrder.vue'
+	import permision from "@/js_sdk/wa-permission/permission.js"
+	export default {
+		components: { entrustBlock, expandBlock, servicesBlock, synthesisBlock },
+		data() {
+			return {
+				tabsBg		: require('@/static/icons/synthesize_icon.png'),
+				tabType		: null,
+				tabs		: [
+					{ name: '全部', type: null }
+				],
+				tabScroll	: false,
+				orderArr	: [],
+				funName		: '',
+				isRefresh	: false, // 更新页面数据
+				// 分页
+				page		: {
+					current	: 1
+				},
+				pagesShow	: false,
+				status   	: ''
+			};
+		},
+		created() {
+			let funName  = ''
+			let tabsArr  = []
+			let tabName  = ''
+			let isScroll = false
+			// 订单类型
+			switch(this.$Route.query.type){
+				case 'service':
+					funName  = servicesOrder
+					tabName  = '年费订单'
+					tabsArr  = [
+						{ name: '待支付', type: 0 },
+						{ name: '待签约', type: 1 },
+						{ name: '已签约', type: 2 },
+						{ name: '已退款', type: 3 },
+					]
+					break;
+				case 'synthesis':
+					funName  = synthesisOrder
+					tabName  = '咨询订单'
+					break;
+				case 'entrust':
+					isScroll = true
+					funName  = entrustOrder
+					tabName  = '委托订单'
+					tabsArr  = [
+						{ name: '待支付', type: 0 },
+						{ name: '待审核', type: 1 },
+						{ name: '待签约', type: 2 },
+						{ name: '已签约', type: 3 },
+						{ name: '已完成', type: 4 },
+						{ name: '已驳回', type: 5 },
+					]
+					break;
+				case 'expand':
+					funName  = expandOrder
+					tabName  = '拓展订单'
+					tabsArr  = [
+						{ name: '待支付', type: 0 },
+						{ name: '已支付', type: 1 },
+						{ name: '已退款', type: 2 },
+					]
+					break;
+			}
+			
+			this.tabs = [
+				...this.tabs,
+				...tabsArr
+			]
+			this.tabScroll = isScroll
+			this.funName   = funName
+			uni.setNavigationBarTitle({
+				title: tabName
+			})
+			this.getList()
+		},
+		onShow() {
+			if(this.isRefresh){
+				this.page = { current: 1 }
+				this.getList()
+			}
+		},
+		methods: {
+			// 切换tab
+			onTab(e) {
+				let { type } = e;
+				if(this.tabType != type){
+					this.tabType 	  = type
+					this.page.current = 1
+					this.getList()
+				}
+			},
+			// 取消订单
+			onCancel(no){
+				let orderArr   = this.orderArr
+				let orderObj   = orderArr.find(val => val.order_no === no)
+				let orderIndex = orderArr.findIndex(val => val.order_no === no)
+				
+				uni.showModal({
+					title	: '提示',
+					content	: '确认取消当前订单嘛？',
+					success : modalRes => {
+						if(modalRes.confirm){
+							uni.showLoading({
+								title: '加载中...',
+								mask : true
+							})
+							cancelOrder(this.$Route.query.type, orderObj.order_id).then(res => {
+								this.orderArr.splice(orderIndex, 1)
+								uni.showToast({
+									title: '订单已取消',
+									icon : 'none'
+								})
+							}).catch(err => {
+								uni.showToast({
+									title: err.message,
+									icon : 'none'
+								})
+							})
+						}
+					}
+				})
+			},
+			// 签约
+			onSing(no){
+				let orderArr  = this.orderArr
+				let orderObj  = orderArr.find(val => val.order_no === no)
+				uni.showLoading({
+					title: '加载中...',
+					mask : true
+				})
+				certified().then(res => {
+					let { e_sign } = res
+					if(!e_sign){
+						uni.hideLoading()
+						uni.showModal({
+							title		: '提示',
+							content		: '暂未实名认证，请实名后在完成签约',
+							cancelText	: '稍后认证',
+							confirmText	: '去认证',
+							success		: modalRes => {
+								if(modalRes.confirm){
+									this.$Router.push({name: 'UserCertification'})
+								}
+							}
+						})
+						return
+					}
+					
+					esignUrl({
+						order_type	: orderObj.order_type,
+						order_id  	: orderObj.order_id,
+						app_scheme	: "doufire://",
+						redirect_url: getApp().globalData.signUrl,
+						channel		: "app"
+					}).then(signRes => {
+						this.$Router.push({
+							name: 'ESign',
+							params: {
+								url: signRes.sign_url
+							}
+						})
+						uni.hideLoading()
+					}).catch(signErr => {
+						uni.showToast({
+							title: err.message,
+							icon : 'none'
+						})
+					})
+					// console.log(is_)
+					uni.hideLoading()
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon : 'none'
+					})
+				})
+				
+			},
+			// 支付
+			onPay(no){
+				let orderArr  = this.orderArr
+				let orderObj  = orderArr.find(val => val.order_no === no)
+				let { can, price, order_id, order_type } = orderObj
+				
+				console.log(orderObj)
+				switch(can.pay_status){
+					case 1:
+						this.expressSheet(order_id, order_type, can, price)
+						break;
+					case 2:
+						uni.showToast({
+							title: '打款凭证审核中，请耐心等待',
+							icon : 'none'
+						})
+						break;
+					case 3:
+						uni.showModal({
+							title		: '审核被驳回',
+							content		: '驳回原因：' + orderObj.offline_pays.remark,
+							showCancel	: false,
+							success		: modalRes => {
+								if(modalRes.confirm){
+									this.$Router.push({
+										name	: 'BankPay',
+										params	: {
+											payId	 	: orderObj.offline_pays.offline_pay_id,
+											type	 	: 'edit',
+											orderId		: orderObj.order_id,
+											orderType	: orderObj.order_type.replace(/\\/g, '-'),
+											price		: orderObj.price
+										}
+									})
+								}
+							}
+						})
+						break;
+				}
+			},
+			// 选择支付方式
+			expressSheet(id, type, can, price) {
+				this.price 	   = price
+				this.orderId   = id
+				this.orderType = type
+				// 仅支持线下打款
+				if(!can.online){
+					this.onToBankPay()
+					return
+				}
+				// 选择线上、下支付方式
+				uni.showActionSheet({
+				    itemList: ['线上支付', '线下支付'],
+				    success: sheetRes => {
+						if(sheetRes.tapIndex == 0){
+							this.$Router.push({
+								name: 'Pay',
+								params: {
+									paytype		: 'synthesize',
+									orderId		: id,
+									orderType	: type.replace(/\\/g, '-')
+								},
+							})
+							return
+						}
+						this.onToBankPay()
+				    }
+				})
+			},
+			// 去线下打款
+			onToBankPay(){
+				this.$Router.push({
+					name: 'BankPay',
+					params: {
+						orderId		: this.orderId,
+						orderType	: this.orderType.replace(/\\/g, '-'),
+						price		: this.price
+					},
+				})
+			},
+			// 打开详情
+			onInfo(no){
+				let orderArr  = this.orderArr
+				let orderObj  = orderArr.find(val => val.order_no === no)
+				let orderId	  = orderObj.order_id
+				let orderType = this.$Route.query.type
+				let pagesName = ''
+				
+				switch(this.$Route.query.type){
+					case 'service':
+						pagesName = 'OrderServicesInfo'
+						break;
+					case 'synthesis':
+						pagesName = 'OrderSynthesisInfo'
+						break;
+					case 'entrust':
+						pagesName = 'OrderEntrustInfo'
+						break;
+					case 'expand':
+						pagesName = 'OrderExpandInfo'
+						break;
+				}
+				
+				this.$Router.push({
+					name	: pagesName,
+					params	: {
+						id: orderId
+					}
+				})
+			},
+			// 补差价
+			onDiff(no){
+				let orderArr  = this.orderArr
+				let orderObj  = orderArr.find(val => val.order_no === no)
+				this.$Router.push({
+					name	: 'Difference',
+					params	: {
+						orderId		: orderObj.order_id,
+						ordertype	: orderObj.order_type.replace(/\\/g, '-')
+					}
+				})
+			},
+			// 联系电话
+			async onCallPhone(number){
+				let result = await permision.requestAndroidPermission('android.permission.CALL_PHONE')
+				// 检查用户权限
+				if(result == 1){
+					uni.makePhoneCall({
+						phoneNumber: number
+					})
+					return
+				}
+				// 引导用户设置联系电话
+				uni.showModal({
+					title		: '提示',
+					content		: '请授权应用获得[拨打电话]权限',
+					showCancel	: false,
+					confirmText	: '设置',
+					success		: modalRes => {
+						permision.gotoAppPermissionSetting()
+					}
+				})
+			},
+			// 获取列表信息
+			getList(){
+				uni.showLoading({
+					title: '加载中...',
+					mask : true
+				})
+				this.funName({
+					status: this.tabType,
+					page  : this.page.current
+				}).then(res => {
+					let { data, page } = res
+					this.orderArr  = page.current == 1 ? data: this.orderArr.concat(data)
+					this.page	   = page
+					this.pagesShow = !page.has_more
+					this.status	   = page.has_more ? 'loading' : 'nomore'
+					uni.hideLoading()
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon : 'none'
+					})
+				})
+			}
+		},
+		onReachBottom() {
+			this.pagesShow = true;
+			if(this.page.has_more){
+				this.page.current++
+				this.getList()
+				return
+			}
+		},
+		onHide() {
+			this.isRefresh = true
+		}
+	}
+</script>
+
+<style lang="scss">
+	.content{ padding-bottom: 10rpx; box-sizing: border-box; }
+	// 滑块
+	.header-sticky{ padding-bottom: 12rpx; }
+	// 列表
+	.list{ overflow: hidden; padding-top: 30rpx; }
+	// 内容为空
+	.null-pages{ height: 70vh; display: flex; align-items: center; justify-content: center; }
+</style>

pages/synthesize/service.vue

@@ -0,0 +1,169 @@
+<template>
+	<view class="content">
+		<image class="expandImg" src="https://cdn.douhuofalv.com/images/2023/04/19/df2ecf6ece3e59de1d51c4ad09aa68f3.jpg" mode="widthFix"></image>
+		<view class="list">
+			<view class="list-title">
+				<view class="list-title-number">expand</view>
+				<view class="list-title-name">法律服务拓展包</view>
+				<view class="list-title-trim"></view>
+			</view>
+			<view class="list-item">
+				<view class="list-label" v-for="(item, index) in entrustArr" :key="index">
+					<view class="list-label-name">
+						{{item.title}}
+					</view>
+					<view class="list-label-price"><rich-text :nodes="item.content"></rich-text></view>
+					<view class="list-label-go" @click="$Router.push({name: 'ExpandWrite', params: { entrustId: item.expand_id, title: item.title }})">购买</view>
+				</view>
+			</view>
+		</view>
+		<image class="expandBttom" src="https://cdn.douhuofalv.com/images/2023/04/17/fc4cad00a630e3d69b3f486e9d2937e9.png" mode="widthFix"></image>
+	</view>
+</template>
+
+<script>
+	import { expandsList } from '@/apis/interfaces/synthesis'
+	export default {
+		data() {
+			return {
+				entrustArr: [],  //案件委托列表
+			}
+		},
+		
+		created() {
+			// 获取-案件委托-列表
+			this.yearServe();
+		},
+		
+		methods: {
+			// 案件委托-列表
+			yearServe(){
+				expandsList().then(res => {
+					this.entrustArr = res
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon : 'none'
+					})
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.content {
+		background-color: #121d4c;
+	}
+	
+	.expandImg,
+	.expandBttom{
+		width: 100%;
+		display: block;
+	}
+	
+	.list {
+		padding: 0 30rpx 30rpx;
+		box-sizing: border-box;
+		background-color: #121d4c;
+		.list-title {
+			font-size: 36rpx;
+			margin-bottom: 40rpx;
+			color: #ffffff;
+			.list-title-trim {
+				position: relative;
+				left: 390rpx;
+				bottom: 28rpx;
+				background-color: #2f3aae;
+				width: 35%;
+				height: 4rpx;
+				padding-left: 40rpx;
+				box-sizing: border-box;
+				&::after {
+					position: absolute;
+					content: '';
+					left: -50rpx;
+					top: -10rpx;
+					width: 20rpx;
+					height: 20rpx;
+					transform:rotate(45deg);
+					background-color: #2f3aae;
+				}
+			}
+			.list-title-number {
+				font-weight: 600;
+				font-size: 58rpx;
+				background-image: -webkit-linear-gradient(top,#ffffff 40%, transparent 70%);
+				-webkit-background-clip:text; 
+				-webkit-text-fill-color:transparent;
+				text-transform: uppercase;
+			}
+			.list-title-name {
+				font-size: 44rpx;
+				margin-top: -20rpx;
+				width: 390rpx;
+			}
+		}
+		.list-item {
+			position: relative;
+			padding-left: 100rpx;
+			box-sizing: border-box;
+			&::after {
+				position: absolute;
+				content: '';
+				left: 10rpx;
+				top: 0;
+				border-left: 4rpx dashed #3b46d6;
+				width: 0;
+				height: calc(100% - 64rpx);
+			}
+			.list-label {
+				background-image: linear-gradient(to right,#3d48dd, #1f2a6f);
+				padding: 15rpx 40rpx 15rpx 90rpx;
+				box-sizing: border-box;
+				border-radius: 80rpx 15rpx 15rpx 80rpx;
+				margin-bottom: 30rpx;
+				color: #ffffff;
+				position: relative;
+				&::before {
+					position: absolute;
+					content: '';
+					left: -88rpx;
+					top: calc(50% - 1rpx);
+					border-bottom: 4rpx dashed #3b46d6;
+					width: 60rpx;
+					height: 0;
+				}
+				&::after {
+					position: absolute;
+					content: '';
+					left: 40rpx;
+					top: calc(50% - 9rpx);
+					background-color: #091443;
+					width: 18rpx;
+					height: 18rpx;
+					border-radius: 50%;
+				}
+				.list-label-name {
+					margin-bottom: 5rpx;
+				}
+				.list-label-price {
+					line-height: 48rpx;
+				}
+				.list-label-go {
+					position: absolute;
+					right: 30rpx;
+					top: 35rpx;
+					background-image: -webkit-linear-gradient(40deg,#f1c593, #fef9f2);
+					color: #12053d;
+					display: inline-block;
+					line-height: 54rpx;
+					padding: 0 35rpx;
+					border-radius: 54rpx;
+					font-size: 28rpx;
+					font-weight: 600;
+				}
+			}
+		}
+	}
+</style>

pages/synthesize/servicesInfo.vue

@@ -0,0 +1,211 @@
+<template>
+	<view class="info-content" v-if="service.title">
+		<view class="header">
+			<div class="title">订单详情</div>
+		</view>
+		<view class="block">
+			<view class="block-header border-solid">
+				<view class="title">
+					<text>业务类型</text>
+					<view>{{service.title}}</view>
+				</view>
+				<view class="price">
+					<text>实付</text>
+					<view>{{price}}</view>
+				</view>
+			</view>
+			<view class="block-item border-solid">
+				<view class="block-item-flex">
+					<label>下单用户</label>
+					<view class="val">{{user.nickname}}</view>
+				</view>
+				<view class="block-item-flex">
+					<label>用户手机</label>
+					<view class="val">{{user.username}}</view>
+				</view>
+			</view>
+			<view class="block-item">
+				<view class="block-item-flex" v-for="(item, index) in params" :key="index">
+					<label>{{item.title || '-'}}</label>
+					<view class="val" v-if="item.type === 'pro_city'">{{item.value_text.join_text}}</view>
+					<view class="val" v-else>{{item.value_text || '-'}}</view>
+				</view>
+			</view>
+		</view>
+		<view class="block" v-if="lawyer != null">
+			<view class="block-item">
+				<view class="block-item-flex">
+					<label>服务律师</label>
+					<view class="val">{{lawyer.name}}</view>
+				</view>
+				<view class="block-item-flex">
+					<label>律师电话</label>
+					<view class="val">{{lawyer.username}}</view>
+				</view>
+			</view>
+		</view>
+		<view class="block">
+			<view class="block-item">
+				<view class="block-item-flex">
+					<label>支付方式</label>
+					<view class="val">{{payType || '-'}}</view>
+				</view>
+				<view class="block-item-flex">
+					<label>业务姓名</label>
+					<view class="val">{{user.parent.nickname}}</view>
+				</view>
+				<view class="block-item-flex">
+					<label>业务手机</label>
+					<view class="val">{{user.parent.username}}</view>
+				</view>
+				<view class="block-item-flex">
+					<label>订单编号</label>
+					<view class="val">{{no}}</view>
+				</view>
+				<view class="block-item-flex">
+					<label>创建时间</label>
+					<view class="val">{{createdAt}}</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import { servicesInfo } from '@/apis/interfaces/synthesisOrder.js'
+	export default {
+		data() {
+			return {
+				service  : {},
+				params	 : [],
+				createdAt: '',
+				user	 : {},
+				lawyer	 : null,
+				price	 : '0.00',
+				payType	 : '',
+			};
+		},
+		created() {
+			uni.showLoading({
+				title: '加载中...',
+				mask : true
+			})
+			servicesInfo(this.$Route.query.id).then(res => {
+				let { service, params, created_at, user, order_no, total, lawyer, pay_driver_text } = res;
+				this.lawyer	   = lawyer
+				this.service   = service
+				this.params	   = params
+				this.createdAt = created_at
+				this.user	   = user
+				this.no		   = order_no
+				this.price	   = total
+				this.payType   = pay_driver_text || ''
+			}).catch(err => {
+				uni.showToast({
+					title: err.message,
+					icon : 'none'
+				})
+			}).finally(() => {
+				uni.hideLoading()
+			})
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.info-content{ 
+		padding-top: var(--status-bar-height);
+		position: relative;
+		background: #eeefff;
+		min-height: 100vh;
+		box-sizing: border-box;
+		padding-bottom: 10rpx;
+		&::before{
+			background-image: linear-gradient(180deg, #353ef4 10%, #eeefff);
+			height: 50vh;
+			content: " ";
+			width: 100vw;
+			position: absolute;
+			top: 0;
+			left: 0;
+		}
+		// 头部
+		.header{
+			position: relative;
+			z-index: 1;
+			padding: 100rpx 40rpx 70rpx;
+			.title{ 
+				font-size: 50rpx;
+				color: white;
+				font-weight: bold;
+				text{
+					font-weight: 400;
+					font-size: 30rpx;
+					margin-left: 20rpx;
+				}
+			}
+			.subtitle{ 
+				color: white;
+				margin-top: 10rpx;
+			}
+		}
+		// 模块
+		.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;
+				.title{
+					width: calc(100% - 200rpx);
+					text{
+						font-size: 30rpx;
+						line-height: 30rpx;
+						color: gray;
+					}
+					view{
+						font-weight: bold;
+						font-size: 40rpx;
+						line-height: 50rpx;
+					}
+				}
+				.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: 10rpx 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/synthesize/standWrite.vue

@@ -0,0 +1,473 @@
+<template>
+	<view class="content">
+		<view class="top">
+			<view class="top-cont">
+				<view class="top-cont-name">法律咨询服务包</view>
+				<view class="top-cont-text">请仔细填写以下信息</view>
+			</view>
+			<image class="top-img" src="https://cdn.douhuofalv.com/images/2023/04/20/2ea5fc20ffc90e7feec7ba2650b81c99.png" mode="widthFix"></image>
+		</view>
+		<view class="idcardBorder">
+			<!-- 表单部分 -->
+			<view class="idcardAdd-block">
+				<block v-for="(item, keyIndex) in paramsArr" :key="keyIndex">
+					<view class="idcardAdd-block-name">
+						<view class="idcardAdd-block-see">
+							<text v-if="item.is_required == 1">*</text>{{item.title}}
+						</view>
+					</view>
+					<!-- 单输入框 -->
+					<view class="idcardAdd-block-write" v-if="item.type === 'text'">
+						<input class="idcardAdd-input" type="text" v-model="item.value" :placeholder="'请输入' + item.title" />
+					</view>
+					<view class="idcardAdd-block-write" v-if="item.type === 'number' || item.type === 'mobile' || item.type === 'day'">
+						<input class="idcardAdd-input" type="number" v-model="item.value" :placeholder="'请输入' + item.title" />
+					</view>
+					<!-- 价格输入框 -->
+					<view class="idcardAdd-block-write" v-if="item.type === 'price'">
+						<input class="idcardAdd-input" type="digit" v-model="item.value" :placeholder="'请输入' + item.title" />
+					</view>
+					<!-- 密码输入框 -->
+					<view class="idcardAdd-block-write" v-if="item.type === 'password'">
+						<input class="idcardAdd-input" type="safe-password" v-model="item.value" :placeholder="'请输入' + item.title" />
+					</view>
+					
+					<!-- 下拉框 -->
+					<view class="idcardAdd-block-write" v-if="item.type === 'select'">
+						<picker class="idcardAdd-picker" :range="item.options" :value="item.value" @change="item.value = $event.detail.value">
+							<view class="nowrap">
+								<!-- {{item.options[item.value]}} -->
+								{{item.options[item.value]}}
+							</view>
+							<image class="idcardAdd-picke-image" src="@/static/imgs/basic_down.png" mode="aspectFill"></image>
+						</picker>
+					</view>
+					
+					<!-- 单选 -->
+					<view class="idcardAdd-aline" v-if="item.type === 'radio'">
+						<radio-group @change="item.value = $event.detail.value">
+							<label class="idcardAdd-aline-write" v-for="(radioItem, radioIndex) in item.options" :key="radioIndex">
+								<radio :value="radioIndex" color="#446EFE" style="transform:scale(.65)" :checked="item.value === radioIndex" /><text>{{radioItem}}</text>
+							</label>
+						</radio-group>
+					</view>
+					
+					<!-- 被告所在地 -->
+					<block v-if="item.type === 'pro_city' && item.key === 'defendant_address'">
+						<view class="idcardAdd-block-write">
+							<uni-data-picker
+								:localdata="cityPicker"
+								:border="false"
+								split="-"
+								placeholder="选择城市"
+								@change="defendantPicker"
+							></uni-data-picker>
+						</view>
+					</block>
+					
+					<!-- 目前所在地 -->
+					<block v-if="item.type === 'pro_city' && item.key === 'address'">
+						<view class="idcardAdd-block-write">
+							<uni-data-picker
+								:localdata="cityPicker"
+								:border="false"
+								split="-"
+								placeholder="选择城市"
+								@change="addressPicker"
+							></uni-data-picker>
+						</view>
+					</block>
+				</block>
+			</view>
+		</view>
+		<view class="idcardBtn">
+			<button class="idcardBtn-go" type="default" @click="onSubmit">确认提交</button>
+		</view>
+	</view>
+</template>
+
+<script>
+	import { yearSynthInfo, yearSynthPost } from '@/apis/interfaces/synthesis'
+	import { createCity } from '@/apis/interfaces/user'
+	import mouldInput from '@/components/mould-input.vue'
+	export default {
+		components: {
+			mouldInput
+		},
+		data() {
+			return {
+				paramsArr	  : [],  // 信息
+				cityPicker	  : [],  // 地址
+				
+				// 被告所在地
+				defendant	  : {},
+				
+				// 目前所在地
+				address		  : {},
+				orderId		  : '',     // 订单 ID
+				orderType     : '',     // 订单类型
+				price		  : ''
+			}
+		},
+		created() {
+			uni.showLoading({
+				title: '加载中...',
+				mask : true
+			})
+			
+			// 获取综法咨询-详情
+			this.getBusiness();
+			
+			// 省市区
+			createCity().then(res => {
+				this.cityPicker = res;
+			}).catch( err => {
+				uni.showToast({
+					title: err.message,
+					icon: "none"
+				})
+			})
+		},
+		
+		methods: {
+			// 综法咨询-详情
+			getBusiness(){
+				yearSynthInfo(this.$Route.query.serveId).then(res => {
+					let { params, price } = res;
+					params.map(val => {
+						if(val.type === 'checkbox'){
+							val.value = []
+						}else if(val.type === 'select'){
+							val.value = 0
+						}else{
+							val.value = ""
+						}
+					})
+					this.price	   = price
+					this.paramsArr = params
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon : 'none'
+					})
+				}).finally(() => {
+					uni.hideLoading()
+				})
+			},
+			
+			// 被告所在地-选择城市
+			defendantPicker(e){
+				let { value } = e.detail
+				let dataArr = {
+					province_id: value[0].value,
+					city_id: value[1].value
+				}
+				this.defendant = dataArr
+			},
+			
+			// 目前所在地-选择城市
+			addressPicker(e){
+				let { value } = e.detail
+				let dataArr = {
+					province_id: value[0].value,
+					city_id: value[1].value
+				}
+				this.address = dataArr
+			},
+			
+			// 提交订单数据
+			onSubmit(){
+				uni.showLoading({
+					title: '提交中...',
+					mask : true
+				})
+				let subData = {};
+				let dataArr = [];
+				for(let val of this.paramsArr){
+					if(val.type === 'pro_city'){
+						subData[val.key] = this.address
+					}else{
+						subData[val.key] = val.value
+					}
+				}
+				
+				for(let key in subData){
+					dataArr.push({
+						key,
+						value: subData[key]
+					})
+				}
+				yearSynthPost(this.$Route.query.serveId, {
+					data: dataArr,
+					type: 'self',
+					channel: 'app',
+					user_id: ''
+				}).then(res => {
+					uni.hideLoading()
+					this.expressSheet(res.service_order_id, res.order_type, res.can )
+				}).catch( err => {
+					uni.showToast({
+						title: err.message,
+						icon: "none"
+					})
+				})
+			},
+			
+			// 选择支付方式
+			expressSheet(id, type, can) {
+				this.orderId   = id
+				this.orderType = type
+				// 仅支持线下打款
+				if(!can.online){
+					this.onToBankPay()
+					return
+				}
+				// 选择线上、下支付方式
+				uni.showActionSheet({
+				    itemList: ['线上支付', '线下支付'],
+				    success: sheetRes => {
+						if(sheetRes.tapIndex == 0){
+							this.$Router.replace({
+								name: 'Pay',
+								params: {
+									paytype		: 'synthesize',
+									orderId		: id,
+									orderType	: type.replace(/\\/g, '-')
+								},
+							})
+							return
+						}
+						this.onToBankPay()
+				    }
+				})
+			},
+			// 去线下打款
+			onToBankPay(){
+				this.$Router.replace({
+					name: 'BankPay',
+					params: {
+						orderId		: this.orderId,
+						orderType	: this.orderType.replace(/\\/g, '-'),
+						price		: this.price
+					},
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.content {
+		background-color: #111e4b;
+		width: 100vw;
+		height: 100%;
+		overflow-y: scroll;
+		position: fixed;
+	
+	}
+	
+	.top {
+		position: relative;
+		height: 150rpx;
+		.top-img {
+			position: absolute;
+			right: 0;
+			top: 0;
+			width: 35%;
+		}
+		.top-cont {
+			position: absolute;
+			left: 0;
+			top: 0;
+			width: 100%;
+			padding: 40rpx 30rpx;
+			box-sizing: border-box;
+			.top-cont-name {
+				font-weight: 600;
+				font-size: 44rpx;
+				background-image: linear-gradient(to right,#f1c694, #fffbf6 42%);
+				-webkit-background-clip:text; 
+				-webkit-text-fill-color:transparent;
+				margin-bottom: 10rpx;
+			}
+			.top-cont-text {
+				font-size: 34rpx;
+				color: #ffffff;
+			}
+		}
+	}
+	
+	.idcardBorder {
+		padding: 30rpx;
+		box-sizing: border-box;
+	}
+	
+	.idcardAdd-block {
+		padding: $padding + 20 $padding;
+		box-sizing: border-box;
+		background-color: #ffffff;
+		border-radius: $radius;
+		position: relative;
+	}
+	
+	.idcardAdd-block-write {
+		background-color: #f7faff;
+		height: 90rpx;
+		line-height: 90rpx;
+		border-radius: 20rpx;
+		padding: 0 30rpx;
+		box-sizing: border-box;
+		position: relative;
+		display: flex;
+		width: 100%;
+		font-size: 30rpx;
+		margin-bottom: 40rpx;
+		&:last-child {
+			margin-bottom: 0;
+		}
+		.idcardAdd-input {
+			width: 100%;
+			height: 100%;
+			display: flex;
+			border: none;
+			background-color: transparent;
+			font-size: 30rpx;
+		}
+	}
+	
+	.idcardAdd-picker {
+		position: relative;
+		width: 100%;
+	}
+	
+	.idcardAdd-picke-image {
+		width: 24rpx;
+		height: 24rpx;
+		position: absolute;
+		top: $margin;
+		right: $margin;
+	}
+	
+	.idcardAdd-block-name {
+		margin-bottom: $margin;
+		display: flex;
+		.idcardAdd-block-see {
+			color: $text-color;
+			margin-right: $margin;
+			font-size: 30rpx;
+			text {
+				color: $main-color;
+				padding-right: 10rpx;
+			}
+		}
+	}
+	
+	.idcardAdd-aline {
+		display: flex;
+		position: absolute;
+		right: 0;
+		top: 0;
+	}
+	
+	// 按钮
+	.idcardBtn {
+		background-color: #111e4b;
+		width: 100%;
+		padding: 20rpx 60rpx 60rpx;
+		box-sizing: border-box;
+		display: flex;
+		.idcardBtn-go {
+			width: 100%;
+			background-image: linear-gradient(to bottom, #fff2d2, #f9cd9e);
+			color: #582700;
+			font-weight: 600;
+			font-size: 36rpx;
+			border-radius: $radius * 3;
+			height: 94rpx;
+			line-height: 94rpx;
+			box-shadow: 0 6rpx 10rpx rgba(0, 0, 0, .5);
+			text-align: center;
+			&[disabled] {
+				background-color: #f9f9f9;
+				border-color: #e2e2e2;
+				color: #959595;
+			}
+			&::after {
+				display: none;
+			}
+		}
+	}
+	
+	// 打款凭证弹出
+	.voucherBack {
+		position: fixed;
+		width: 100vw;
+		height: 100vh;
+		left: 0;
+		top: 0;
+		z-index: 99;
+		background-color: rgba(0, 0, 0, .6);
+		display: none;
+		&.active {
+			display: block;
+		}
+	}
+	.voucherPop {
+		-webkit-box-orient: vertical;
+		-webkit-box-pack: center;
+		position: fixed;
+		left: 0;
+		right: 0;
+		top: 0;
+		bottom: 0;
+		z-index: 100;
+		padding: 0 10%;
+		box-sizing: border-box;
+		display: none;
+		&.active {
+			display: -webkit-box;
+		}
+		.tipsWhite {
+			background-color: #ffffff;
+			border-radius: 20rpx;
+			position: relative;
+			.voucherPop-img {
+				position: absolute !important;
+				top: -80rpx;
+				right: calc(50% - 100rpx);
+				width: 200rpx;
+			}
+			.voucherPop-title {
+				box-sizing: border-box;
+				padding: 50rpx 70rpx;
+				margin-top: 100rpx;
+				text-align: center;
+				.voucherPop-name {
+					font-weight: 600;
+					font-size: 38rpx;
+				}
+				.voucherPop-text {
+					padding: 30rpx 0 35rpx;
+					line-height: 44rpx;
+				}
+				.voucherPop-btn {
+					display: flex;
+					.voucherPop-go {
+						flex: 2;
+						text-align: center;
+						border: 2rpx solid #da2b56;
+						color: #da2b56;
+						margin: 0 15rpx;
+						line-height: 74rpx;
+						border-radius: 10rpx;
+						background-color: #ffffff;
+						&.voucherPop-up {
+							background-color: #da2b56;
+							color: #ffffff;
+						}
+					}
+				}
+			}
+		}
+	}
+</style>

pages/synthesize/synthesisInfo.vue

@@ -0,0 +1,213 @@
+<template>
+	<view class="info-content" v-if="synthesis.title">
+		<view class="header">
+			<div class="title">订单详情</div>
+		</view>
+		<view class="block">
+			<view class="block-header border-solid">
+				<view class="title">
+					<text>业务类型</text>
+					<view>{{synthesis.title}}</view>
+				</view>
+				<view class="price">
+					<text>实付</text>
+					<view>{{price}}</view>
+				</view>
+			</view>
+			<view class="block-item border-solid">
+				<view class="block-item-flex">
+					<label>下单用户</label>
+					<view class="val">{{user.nickname}}</view>
+				</view>
+				<view class="block-item-flex">
+					<label>用户手机</label>
+					<view class="val">{{user.username}}</view>
+				</view>
+			</view>
+			<view class="block-item">
+				<view class="block-item-flex" v-for="(item, index) in params" :key="index">
+					<label>{{item.title || '-'}}</label>
+					<view class="val" v-if="item.type === 'pro_city'">{{item.value_text.join_text}}</view>
+					<view class="val" v-else>{{item.value_text || '-'}}</view>
+				</view>
+			</view>
+		</view>
+		<view class="block" v-if="lawyer != null">
+			<view class="block-item">
+				<view class="block-item-flex">
+					<label>服务律师</label>
+					<view class="val">{{lawyer.name}}</view>
+				</view>
+				<view class="block-item-flex">
+					<label>律师电话</label>
+					<view class="val">{{lawyer.username}}</view>
+				</view>
+			</view>
+		</view>
+		<view class="block">
+			<view class="block-item">
+				<view class="block-item-flex">
+					<label>支付方式</label>
+					<view class="val">{{payType}}</view>
+				</view>
+				<view class="block-item-flex">
+					<label>业务姓名</label>
+					<view class="val">{{user.parent.nickname}}</view>
+				</view>
+				<view class="block-item-flex">
+					<label>业务手机</label>
+					<view class="val">{{user.parent.username}}</view>
+				</view>
+				<view class="block-item-flex">
+					<label>订单编号</label>
+					<view class="val">{{no}}</view>
+				</view>
+				<view class="block-item-flex">
+					<label>创建时间</label>
+					<view class="val">{{createdAt}}</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import { synthesisInfo } from '@/apis/interfaces/synthesisOrder.js'
+	export default {
+		data() {
+			return {
+				synthesis: {},
+				params	 : [],
+				createdAt: '',
+				user	 : {},
+				payType	 : '',
+				lawyer	 : null,
+				price	 : '0.00'
+			};
+		},
+		created() {
+			uni.showLoading({
+				title: '加载中...',
+				mask : true
+			})
+			synthesisInfo(this.$Route.query.id).then(res => {
+				let { synthesis, params, created_at, user, order_no, price, lawyer, pay_driver_text } = res;
+				this.synthesis = synthesis
+				this.params	   = params
+				this.createdAt = created_at
+				this.user	   = user
+				this.no		   = order_no
+				this.price	   = price
+				this.lawyer	   = lawyer
+				this.payType   = pay_driver_text || '-'
+			}).catch(err => {
+				uni.showToast({
+					title: err.message,
+					icon : 'none'
+				})
+			}).finally(() => {
+				uni.hideLoading()
+			})
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.info-content{ 
+		padding-top: var(--status-bar-height);
+		position: relative;
+		background: #eeefff;
+		min-height: 100vh;
+		box-sizing: border-box;
+		padding-bottom: 10rpx;
+		&::before{
+			background-image: linear-gradient(180deg, #353ef4 10%, #eeefff);
+			height: 50vh;
+			content: " ";
+			width: 100vw;
+			position: absolute;
+			top: 0;
+			left: 0;
+		}
+		// 头部
+		.header{
+			position: relative;
+			z-index: 1;
+			padding: 100rpx 40rpx 70rpx;
+			.title{ 
+				font-size: 50rpx;
+				color: white;
+				font-weight: bold;
+				text{
+					font-weight: 400;
+					font-size: 30rpx;
+					margin-left: 20rpx;
+				}
+			}
+			.subtitle{ 
+				color: white;
+				margin-top: 10rpx;
+			}
+		}
+		// 模块
+		.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: 10rpx 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/transfers/lists.vue

@@ -172,9 +172,6 @@
 					status: this.tabs[this.tabsCurrent].val,
 					type  : this.type
 				}).then(res => {
-					
-					console.log(res)
-					
 					let { data } = res;
 					this.orders = data
 				}).catch(err => {

pages/user/contract.vue

@@ -26,7 +26,7 @@
 		<!-- 合同文件 -->
 		<view class="files-title">合同文件列表</view>
 		<view class="files">
-			<view class="files-flex" v-for="(item, index) in files" :key="index" @click="onPdf(item.fileName, item.downloadUrl)">
+			<view class="files-flex" v-for="(item, index) in files" :key="index" @click="isX5(item.fileName, item.downloadUrl)">
 				<view class="files-flex-title">{{item.fileName}}</view>
 				<view class="files-flex-id">{{item.fileId}}</view>
 				<u-icon class="files-flex-icon" name="arrow-right" size="28rpx"></u-icon>
@@ -35,7 +35,7 @@
 		<!-- 附件文件 -->
 		<view class="files-title">附件文件列表</view>
 		<view class="files">
-			<view class="files-flex" v-for="(item, index) in attachments" :key="index" @click="onPdf(item.fileName, item.downloadUrl)">
+			<view class="files-flex" v-for="(item, index) in attachments" :key="index" @click="isX5(item.fileName, item.downloadUrl)">
 				<view class="files-flex-title">{{item.fileName}}</view>
 				<view class="files-flex-id">{{item.fileId}}</view>
 				<u-icon class="files-flex-icon" name="arrow-right" size="28rpx"></u-icon>
@@ -45,7 +45,9 @@
 </template>
 
 <script>
-	const plugin = uni.requireNativePlugin('Pdf-Plugin')
+	// const plugin = uni.requireNativePlugin('Pdf-Plugin')
+	const open = uni.requireNativePlugin("Html5App-openFile");
+	
 	import { getFlows } from '@/apis/interfaces/user.js'
 	export default {
 		data() {
@@ -88,13 +90,69 @@
 			})
 		},
 		methods: {
+			isX5(name, url){
+				// #ifdef APP-PLUS
+					if (uni.getSystemInfoSync().platform === 'android') {
+						let iswxX5 = open.isLoadTbs();
+						if(!iswxX5){
+							uni.showLoading({
+								title: '内核下载中...',
+								mask : true
+							})
+							uni.downloadFile({
+								url		: 'https://douhuo-storage.oss-cn-beijing.aliyuncs.com/tbs_core_046239_20230210162827_nolog_fs_obfs_arm64-v8a_release.tbs',
+								success	: x5 => {
+									open.installLocalTbs({
+										tbsFilePath	: plus.io.convertLocalFileSystemURL(x5.tempFilePath),
+										isdelete	: true
+									}, (installTabsRes) => {
+										switch(installTabsRes.code){
+											case '1':
+												uni.showLoading({
+													title: '内核安装中...',
+													mask : true
+												})
+												break;
+											case '0':
+												this.onPdf(name, url)
+												break;
+											case '-2':
+												uni.showToast({
+													title: '工具安装失败，请稍后重试, 错误码: ' + installTabsRes.msg,
+												})
+												break;
+											default:
+												uni.showToast({
+													title: installTabsRes.msg,
+													icon : 'none'
+												})
+										}
+									})
+								},
+								fail	: x5Err => {
+									uni.showToast({
+										title: '工具安装失败，合同打开失败，请检查您的网络并稍后重试',
+										icon : 'none'
+									})
+								}
+							})
+							return
+						}
+						this.onPdf(name, url)
+					}
+				// #endif
+			},
 			onPdf(name, url){
-				plugin.showPdf({
-					title		: name,
-					url  		: url,
-					maxScale	: '20',
-					waterMark	: '河北抖火法律咨询服务有限公司',
-					// this.user.name + ' ' + this.user.mobile,
+				uni.downloadFile({
+					url,
+					success: path => {
+						open.openFile({
+							filename		: plus.io.convertLocalFileSystemURL(path.tempFilePath),
+							isShowBackIcon	: true
+						}, res => {
+							console.log(res)
+						})
+					}
 				})
 			}
 		},

pages/work/create.vue

@@ -18,11 +18,11 @@
 			<view class="create-type">
 				<view class="create-type-title">选择业务类型</view>
 				<block v-for="(item, index) in businessArr" :key="index">
-					<view class="create-type-item" :class="{'active': item.business_id == businessId}" @click="onBusiness(item.business_id)">
-						<image class="create-type-icon" :src="item.cover_url" mode="aspectFill"></image>
+					<view class="create-type-item" :class="{'active': (item.business_id == businessId || item.synthesis_id == businessId) && item.self_type == selfType}" @click="onBusiness(item.business_id || item.synthesis_id, item.self_type)">
+						<image class="create-type-icon" :src="item.cover_url || 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 class="submit nowrap">{{item.self_type == 'synthesis' ? '相关个人法律咨询服务' : item.subtitle || '-'}}</view>
 						</view>
 					</view>
 				</block>
@@ -36,12 +36,14 @@
 
 <script>
 	import { business } from '@/apis/interfaces/business.js'
+	import { synthList } from '@/apis/interfaces/synthesis.js'
 	export default {
 		data() {
 			return {
 				createType : '',
 				businessArr: [],
 				businessId : '',
+				selfType   : '',
 				user	   : ''
 			};
 		},
@@ -54,19 +56,32 @@
 			}
 		},
 		created() {
-			business().then(res => {
-				this.businessArr = res
-				this.businessId	 = res[0].business_id
+			
+			uni.showLoading({
+				title: '加载中...',
+				mask : true 
+			})
+			
+			Promise.all([business(), synthList()]).then(res => {
+				let businessData = res[0]
+				let synthListData = res[1]
+				
+				this.businessArr = this.createType === 'other' ? businessData : businessData.concat(synthListData)
+				this.businessId	 = this.businessArr[0].business_id
+				this.selfType	 = this.businessArr[0].self_type
 			}).catch(err => {
 				uni.showToast({
 					title: err.message,
 					icon : 'none'
 				})
+			}).finally(() => {
+				uni.hideLoading()
 			})
 		},
 		methods: {
 			// 选择业务类型
-			onBusiness(id){
+			onBusiness(id, type){
+				this.selfType	= type
 				this.businessId = id
 			},
 			// 创建业务单
@@ -78,6 +93,42 @@
 					})
 					return
 				}
+				// 个人综法业务
+				if(this.selfType === 'synthesis'){
+					let synthesisArr = []
+					let synthesisObj = {}
+					for(let val of this.businessArr){
+						if(val.self_type == 'synthesis'){
+							synthesisArr.push(val)
+						}
+					}
+					synthesisObj = synthesisArr.find(val => val.synthesis_id === this.businessId)
+					
+					if(synthesisObj.can.buy){
+						this.$Router.replace({
+							name	: 'FeeWrite',
+							params	: {
+								synthesisId	: synthesisObj.synthesis_id
+							}
+						})
+						return
+					}
+					uni.showModal({
+						title		: '提示',
+						content		: '开通个人365会员，尊享全年不限次数免费法律咨询，是否立即开通？',
+						confirmText	: '开通会员',
+						cancelText	: '稍后开通',
+						success 	: modalRes => {
+							if(modalRes.confirm){
+								this.$Router.replace({
+									name: 'Individual'
+								})
+							}
+						}
+					})
+					return
+				}
+				// 金法业务
 				let busines = this.businessArr.find(val => val.business_id === this.businessId)
 				this.$Router.replace({
 					name	: 'WorkGenerate',
@@ -97,7 +148,8 @@
 	.create-page{
 		padding: 50rpx;
 		box-sizing: border-box;
-		height: 100vh;
+		min-height: 100vh;
+		overflow: hidden;
 		.create-title{
 			text-align: center;
 			font-weight: bold;

pages/work/index.vue

@@ -102,7 +102,7 @@
 					</view>
 				</view>
 				<view class="block">
-					<view class="block-title">订单管理</view>
+					<view class="block-title">金法订单管理</view>
 					<view class="tool-flex">
 						<view class="tool-flex-item" @click="onNav('Orders', { 'type': 0 })">
 							<image class="icon" src="@/static/icons/work_icon_06.png"></image>
@@ -156,6 +156,32 @@
 						</view>
 					</view>
 				</view>
+				<!-- 综法订单 -->
+				<view class="block">
+					<view class="block-title">综法订单管理</view>
+					<view class="tool-flex">
+						<view class="tool-flex-item" @click="onNav('SynthesizeOrder', { type: 'service' })">
+							<image class="icon" src="@/static/synthesize/icon_00.png"></image>
+							<view class="number" v-if="synthesisData.service.all > 0">{{synthesisData.service.all}}</view>
+							<view class="text">年费订单</view>
+						</view>
+						<view class="tool-flex-item" @click="onNav('SynthesizeOrder', { type: 'synthesis' })">
+							<image class="icon" src="@/static/synthesize/icon_01.png"></image>
+							<view class="number" v-if="synthesisData.synthesis.all > 0">{{synthesisData.synthesis.all}}</view>
+							<view class="text">咨询订单</view>
+						</view>
+						<view class="tool-flex-item" @click="onNav('SynthesizeOrder', { type: 'entrust' })">
+							<image class="icon" src="@/static/synthesize/icon_02.png"></image>
+							<view class="number" v-if="synthesisData.entrust.all > 0">{{synthesisData.entrust.all}}</view>
+							<view class="text">委托订单</view>
+						</view>
+						<view class="tool-flex-item" @click="onNav('SynthesizeOrder', { type: 'expand' })">
+							<image class="icon" src="@/static/synthesize/icon_03.png"></image>
+							<view class="number" v-if="synthesisData.expand.all > 0">{{synthesisData.expand.all}}</view>
+							<view class="text">拓展订单</view>
+						</view>
+					</view>
+				</view>
 				<view class="block">
 					<view class="block-title">转让订单管理</view>
 					<view class="tool-flex">
@@ -207,7 +233,7 @@
 </template>
 
 <script>
-	import { index, rights, sign } from '@/apis/interfaces/work.js'
+	import { index, rights, sign, synthesisCount } from '@/apis/interfaces/work.js'
 	export default {
 		data() {
 			return {
@@ -230,7 +256,9 @@
 				sign			: {
 					isSign	: false,
 					address	: ""
-				}
+				},
+				// 综法订单管理
+				synthesisData	: {}
 			};
 		},
 		onShow() {
@@ -287,9 +315,10 @@
 					title: '加载中...',
 					mask : true
 				})
-				Promise.all([rights(), index()]).then(res => {
-					let rightsData = res[0], 
-						indexData  = res[1]
+				Promise.all([rights(), index(), synthesisCount()]).then(res => {
+					let rightsData		= res[0], 
+						indexData  		= res[1],
+						synthesisData	= res[2]
 						
 					let { nickname, avatar, business_orders_count, isCertification, certification, isManager, isAnswer, identity, sign } = indexData
 					this.rightsArr = rightsData
@@ -305,6 +334,8 @@
 					this.identity 		 = identity
 					this.sign			 = sign
 					
+					this.synthesisData	 = synthesisData
+					
 					uni.hideLoading()
 				}).catch(err => {
 					uni.showToast({

pages/work/poorOrder.vue

@@ -40,6 +40,8 @@
 					</view>
 				</view>
 			</view>
+			<!-- 分页 -->
+			<u-loadmore v-if="pagesShow" :status="status" />
 		</block>
 		<block v-else>
 			<view class="null">
@@ -58,8 +60,14 @@
 	export default {
 		data() {
 			return {
-				orders: [],
-				page  : ''
+				orders		: [],
+				// 分页
+				page		: {
+					current	: 1,
+					has_more: false,
+				},
+				pagesShow	: false,
+				status   	: ''
 			}
 		},
 		created() {
@@ -87,10 +95,15 @@
 			},
 			// 获取订单列表
 			getList(){
-				ordersDiffs().then(res => {
+				ordersDiffs({
+					page  : this.page.current
+				}).then(res => {
 					let { data, page } = res;
-					this.orders = data
-					this.page   = page
+					let atList   	= page.current == 1 ? [] : this.orders
+					
+					this.orders 	= atList.concat(data)
+					this.page  		= page
+					this.pagesShow 	= false
 				}).catch(err => {
 					uni.showToast({
 						title: err.message,
@@ -101,12 +114,22 @@
 			// 变更当前列表状态
 			removeListVal(id){
 				let ListArr 	= this.orders
-				let ListIndex 	= ListArr.findIndex(val => val.business_order_id == id)
+				let ListIndex 	= ListArr.findIndex(val => val.order_id == id)
 				if(ListIndex >= 0){
 					this.orders.splice(ListIndex, 1)
 				}
 				this.$store.commit('setOrderId', null)
 			},
+		},
+		onReachBottom() {
+			this.pagesShow = true;
+			if(this.page.has_more){
+				this.status    = 'loading';
+				this.page.current++
+				this.getList()
+				return
+			}
+			this.status    = 'nomore';
 		}
 	}
 </script>

pages/work/refundOrder.vue

@@ -38,6 +38,8 @@
 					</view>
 				</view>
 			</view>
+			<!-- 分页 -->
+			<u-loadmore v-if="pagesShow" :status="status" />
 		</view>
 		<!-- 订单是空的 -->
 		<view class="order-null" v-else>
@@ -56,7 +58,14 @@
 	export default {
 		data() {
 			return {
-				orders: []
+				orders		: [],
+				// 分页
+				page		: {
+					current	: 1,
+					has_more: false,
+				},
+				pagesShow	: false,
+				status   	: ''
 			};
 		},
 		created() {
@@ -66,10 +75,15 @@
 			// 获取列表
 			getList(){
 				refunds({
-					status: ''
+					status: '',
+					page  : this.page.current 
 				}).then(res => {
-					let { data } = res;
-					this.orders = data
+					let { data, page } = res;
+					let atList   	= page.current == 1 ? [] : this.orders
+					
+					this.orders 	= atList.concat(data)
+					this.page  		= page
+					this.pagesShow 	= false
 				}).catch(err => {
 					uni.showToast({
 						title: err.message,
@@ -77,6 +91,16 @@
 					})
 				})
 			}
+		},
+		onReachBottom() {
+			this.pagesShow = true;
+			if(this.page.has_more){
+				this.status    = 'loading';
+				this.page.current++
+				this.getList()
+				return
+			}
+			this.status    = 'nomore';
 		}
 	}
 </script>

uni_modules/uni-data-picker/components/uni-data-picker/uni-data-picker.vue

@@ -315,11 +315,11 @@
 		flex-wrap: nowrap;
 		font-size: 30rpx;
 		/* line-height: 35px; */
-		padding: 0 10px;
+		padding: 0;
 		padding-right: 5px;
 		overflow: hidden;
 		height: 90rpx;
-		background: #F6F6F6;
+		background: transparent;
 		border-radius: 10rpx;
 		/* #ifndef APP-NVUE */
 		box-sizing: border-box;