Compare commits

...

46 Commits

Author SHA1 Message Date
149b75a7dd init 2023-09-04 14:11:37 +08:00
eab46f3108 更改与线上一致 2023-09-04 11:46:41 +08:00
f75e48a3f9 merge 2023-07-24 17:53:21 +08:00
480d4416c2 .. 2023-07-19 16:43:05 +08:00
3f8baac1bd 删除赋能 2023-07-07 15:21:50 +08:00
a234b15f65 增加咨询字段 2023-07-06 15:04:59 +08:00
06771c8a68 切换环境 2023-07-06 13:30:23 +08:00
5f290f3b78 咨询订单服务金额改成订单类型 2023-07-06 12:00:40 +08:00
cba40b636e 更改文字 2023-07-06 11:16:57 +08:00
8b742c6212 更新 2023-07-06 10:27:19 +08:00
2758d4b5b2 更新 2023-07-06 10:24:58 +08:00
19432eaae8 [工作台改版] 2023-06-28 14:31:31 +08:00
fd155cb735 [工作台改版] 2023-06-28 14:24:36 +08:00
c79903ac51 [工作台改版] 2023-06-28 13:56:36 +08:00
唐明明
7c56feee3f 同步代码 2023-06-27 17:30:14 +08:00
唐明明
47878384e8 移出潘宅计算器 2023-06-21 09:30:46 +08:00
唐明明
e112acefec 增收赋能栏目 2023-06-14 16:57:54 +08:00
唐明明
42e847fccd 抖火法律首页调整 2023-06-14 14:25:30 +08:00
唐明明
ca8c6dff01 综法订单新增取消功能,新增匹配律师状态 2023-06-08 13:35:07 +08:00
唐明明
23aaf13ffa 调整支付信息接口 2023-06-07 10:35:03 +08:00
唐明明
3616646dd0 调整补差价驳回信息 2023-06-02 16:21:39 +08:00
唐明明
c2eb3cc531 修复表单金额限制,修复订单刷新状态,修复驳回信息显示异常问题,综法订单详情新增律师信息,支付新增支付选项接口 2023-06-01 13:57:48 +08:00
唐明明
74fec37f0f 同步 2023-05-31 14:59:05 +08:00
b33b570374 支付方式调整 2023-05-25 13:55:40 +08:00
3eaaa25299 案件委托可以表单页面可滚动 2023-05-24 16:57:48 +08:00
唐明明
9b00b0fe4a 抖火综法 2023-05-23 17:20:12 +08:00
唐明明
f7824e3e86 个人单,企业年费调整 2023-05-22 17:31:51 +08:00
唐明明
0fe6fd4aaf 宗法 2023-05-22 11:13:29 +08:00
唐明明
c77b741c61 同步代码 2023-05-10 09:17:52 +08:00
唐明明
95452cea60 修复订单状态刷新错误,修复订单数据展示错误 2023-05-09 17:02:18 +08:00
唐明明
88055e6052 新增扫码付款 2023-05-09 14:56:00 +08:00
唐明明
51a76ff3d0 调整合同预览PDF插件 2023-05-08 11:42:11 +08:00
唐明明
f9ef8af75a merge 2023-04-26 17:03:31 +08:00
唐明明
25896ec86f 新增汇付天下支付 2023-04-26 17:02:15 +08:00
唐明明
54434e1ada Merge branch 'master' into dev 2023-04-25 16:04:59 +08:00
唐明明
28751d0662 合并分支冲突 2023-04-25 16:04:43 +08:00
唐明明
5a0c4e3671 解决分支冲突 2023-04-25 15:54:49 +08:00
唐明明
048b9987a7 调整字段名称错误 2023-04-25 15:32:58 +08:00
唐明明
c33712665a 合同记录增加分页 2023-04-25 15:32:13 +08:00
唐明明
8f5489a8df 同步 2023-03-31 22:23:31 +08:00
唐明明
d5b06534db 调整基础信息字段类型 2023-03-27 17:57:58 +08:00
唐明明
b5b3df24f5 同步 2023-03-27 17:03:14 +08:00
唐明明
6acfdb256d 同步 2023-03-27 15:59:20 +08:00
唐明明
d605b0b0ff 移出使用账户历史消息 2023-03-24 10:11:48 +08:00
唐明明
d45ace96c6 切换正式环境 2023-03-24 10:09:30 +08:00
唐明明
b484e9b4ca Merge pull request 'master upd' (#2) from dev into master
Reviewed-on: https://git.yuzhankeji.cn/TmOct5/dou_fire/pulls/2
2023-03-23 13:51:58 +08:00
95 changed files with 13949 additions and 2078 deletions

BIN
.DS_Store vendored Normal file

Binary file not shown.

View File

@@ -6,7 +6,8 @@
// 获取系统版本号
getVersions({
platform: plus.os.name,
version : plus.runtime.version
version : plus.runtime.version,
channel : 'app'
}).then(res => {
if (res.update) {
uni.showModal({
@@ -59,9 +60,9 @@
},
globalData:{
signUrl: "https://web.douhuofalv.com/app/e-sign?sign_type=order",
// https://web.douhuotest.douhuofalv.com/app/e-sign?sign_type=order 测试环境
certificationUrl: 'http://web.douhuofalv.com/app/e-sign?sign_type=personal',
// 'https://web.douhuotest.douhuofalv.com/app/e-sign?sign_type=personal' 测试环境
// signUrl: "https://web.douhuotest.douhuofalv.com/app/e-sign?sign_type=order", //测试环境
certificationUrl: 'http://web.douhuofalv.com/app/e-sign?sign_type=personal',
// certificationUrl: 'https://web.douhuotest.douhuofalv.com/app/e-sign?sign_type=personal', //测试环境
}
}
</script>

View File

@@ -1,3 +1,3 @@
# dou-Fire
抖火App
抖火App -- 上架 - 版本 删除修改部分功能 使用~

View File

@@ -0,0 +1,47 @@
/**
* Web唐明明
* 匆匆数载恍如梦,岁月迢迢华发增。
* 碌碌无为枉半生,一朝惊醒万事空。
* moduleName: 增收赋能
*/
import { request } from '../index'
// 增收赋能列表
const lists = () =>{
return request({
url : "empower/index"
})
}
// 增收赋能详情
const info = id => {
return request({
url : "empower/" + id + "/show"
})
}
// 下单前置
const buyInit = id => {
return request({
url : "empower/" + id + "/buy/init",
method : "POST"
})
}
// 下单购买
const buy = data => {
return request({
url : "empower/buy/order",
method : "POST",
data
})
}
export {
lists,
info,
buyInit,
buy
}

View File

@@ -25,7 +25,7 @@ const jf = (data) =>{
data
})
}
// 法服务包
// 法服务包
const zf = (data) =>{
return request({
url: "app/services/zf",

View File

@@ -32,7 +32,6 @@ const umsPay = (orderId, data) => {
// 银联支付补差价
const diffUmsPay = (orderId, data) => {
console.log(data)
return request({
url: 'pay/diff/' + orderId + '/ums',
data
@@ -59,7 +58,59 @@ const umsFree = (orderNo, type) => {
return request({
url : 'app/services/recharge/' + orderNo + '/ums',
data : { type },
method: 'POST'
method: 'POST'
})
}
// 斗拱支付
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'
})
}
@@ -70,5 +121,11 @@ export {
diffUmsPay,
umsState,
umsFree,
umsFreeInfo
umsFreeInfo,
dgPay,
diffDgPay,
dgFree,
umsSynthesize,
dgSynthesize,
coinSynthesize
}

View File

@@ -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
}

View File

@@ -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
}

View File

@@ -172,6 +172,21 @@ const getFlows = id => {
})
}
// 获取所有省市数据
const createCity = (data) =>{
return request({
url: "region/pro_city",
data: data
})
}
// 盘债计算器
const debtUrl = () => {
return request({
url: "debt/url"
})
}
export {
relations,
code,
@@ -192,5 +207,7 @@ export {
getTeam,
getTeamLogs,
getSignLogs,
getFlows
getFlows,
createCity,
debtUrl
}

View File

@@ -29,8 +29,42 @@ const sign = () => {
})
}
// 获取综法订单统计
const synthesisCount = () => {
return request({
url : 'synthesis/data/orders_count',
data : {
channel : 'manage'
}
})
}
// 获取综法法律咨询单统计
const synthesisServices = () => {
return request({
url : 'synthesis/data/services',
data : {
channel : 'manage'
}
})
}
// 获取综法诉讼委托单统计
const synthesisAttorney = () => {
return request({
url : 'synthesis/data/attorney',
data : {
channel : 'manage'
}
})
}
export {
index,
rights,
sign
sign,
synthesisCount,
synthesisServices,
synthesisAttorney
}

196
components/entrustOrder.vue Normal file
View File

@@ -0,0 +1,196 @@
<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="status.value == 5" @click="onPayTurn(no)">原因</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)
},
// 线上支付被驳回
onPayTurn(id){
this.$emit('payTurn', 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>

185
components/expandOrder.vue Normal file
View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -0,0 +1,148 @@
<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 && 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
},
can : {
type : Object,
default : () => {
return { }
}
}
},
methods: {
onInfo(id){
this.$emit('info', id)
},
onPhone(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>

57
dhdg-pay/dgali-pay.html Normal file
View File

@@ -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>

56
dhdg-pay/index.html Normal file
View File

@@ -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>

BIN
dhdg-pay/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

View File

@@ -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
}

View File

@@ -1,9 +1,9 @@
{
"name" : "抖火",
"name" : "抖火数字化咨询服务平台",
"appid" : "__UNI__C305C03",
"description" : "纵有疾风起,人生不言弃",
"versionName" : "1.4.2",
"versionCode" : 104,
"versionName" : "1.5.2",
"versionCode" : 152,
"transformPx" : false,
/* 5+App */
"app-plus" : {
@@ -44,7 +44,8 @@
"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>"
],
"schemes" : "doufire",
"minSdkVersion" : 21
"minSdkVersion" : 21,
"abiFilters" : [ "armeabi-v7a", "arm64-v8a", "x86" ]
},
/* ios */
"ios" : {
@@ -95,17 +96,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" : {}
}
}

1331
pages.json

File diff suppressed because it is too large Load Diff

View File

@@ -64,20 +64,6 @@
</view>
<u-loadmore v-if="pagesShow" :status="status" />
</view>
<!-- 筛选时间 -->
<!-- <button @click="">打开弹窗</button> -->
<!-- <u-calendar
v-if="maxDate != ''"
:show="dayShow"
mode="range"
color="#446EFE"
:minDate="minDate"
:maxDate="maxDate"
monthNum="36"
title="选择筛选区间"
@close="dayShow = false"
@confirm="onDay"
></u-calendar> -->
</view>
</template>
@@ -162,9 +148,6 @@
this.page = lists.page
this.pagesShow = false
}).catch(err => {
console.log(err)
uni.showToast({
title: err.message,
icon : 'none'

View File

@@ -48,7 +48,6 @@
<view class="withdraws-hint">后台提现管理时间 上午11:00-12:00 下午17:00-18:00</view>
</view>
</template>
<script>
import { withdrawsCreate, withdraws } from '@/apis/interfaces/account.js'
export default {
@@ -179,7 +178,6 @@
}
}
</script>
<style lang="scss">
.content{
padding: 30rpx;
@@ -315,4 +313,4 @@
}
}
}
</style>
</style>

View File

@@ -278,7 +278,6 @@
// 获取提现记录
getTeams() {
getTeamLogs({identity_id:this.id}).then(res => {
console.log(res)
this.list = res
this.pagesShow = false
uni.hideLoading()

View File

@@ -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">

227
pages/empower/buy.vue Normal file
View File

@@ -0,0 +1,227 @@
<template>
<view class="content">
<!-- 课程信息 -->
<view class="info">
<image class="info-cover" :src="empower.cover" mode="aspectFill"></image>
<view class="info-text">
<view class="info-title">{{empower.title}}</view>
<view class="info-subtitle">{{empower.sub_title}}</view>
<view class="info-price"><text></text>{{empower.price}}</view>
</view>
</view>
<!-- 报名信息 -->
<view class="user-title">报名人</view>
<view class="user-block" v-for="(item, index) in formData" :key="index">
<view class="user-block-flex">报名信息{{index + 1}}<view class="user-block-remove" v-if="formData.length > 1" @click="onRemoveUser(index)">删除</view></view>
<view class="user-block-input">
<label>真实姓名</label>
<input placeholder="输入姓名" v-model="item.name" maxlength="10" />
</view>
<view class="user-block-input">
<label>手机号码</label>
<input placeholder="输入手机号码" v-model="item.mobile" maxlength="11" type="number" />
</view>
<view class="user-block-input" v-if="semesters.length > 0">
<label>选择学期</label>
<picker mode="selector" :value="item.index" :range="semesters" range-key="title" @change="onChange($event, index, item)">
<view class="user-block-picker">{{semesters[item.index].title}}<uni-icons class="user-block-icon" type="bottom" size="20" color="#999"></uni-icons></view>
</picker>
</view>
</view>
<view class="user-add" @click="onAddUser"><uni-icons type="plus" size="24" color="#446EFE"></uni-icons> 添加报名人</view>
<view class="footer">
<view class="footer-text">
<view class="footer-text-price"><text></text>{{allPrice}}</view>
<view class="footer-text-subtitle">共计{{formData.length}}人报名</view>
</view>
<button class="footer-btn" @click="onSubmit">提交</button>
</view>
</view>
</template>
<script>
// ($event) => item.index = $event.detail.value
import { buyInit, buy } from '@/apis/interfaces/empower.js'
export default {
data() {
return {
semesters: [],
formData : [{
name : '',
mobile : '',
index : 0
}],
empower : {},
allPrice : '0.00'
};
},
onShow() {
buyInit(this.$Route.query.id).then(res => {
let { empower, semesters } = res;
this.empower = empower
this.semesters = semesters
this.getTotalPrice()
}).catch(err => {
uni.showToast({
title: err.message,
icon : 'none'
})
})
},
methods: {
// 计算价格
getTotalPrice(){
let totalPrice = 0
this.formData.map(val => {
totalPrice += Number(this.semesters[val.index].price)
})
this.allPrice = totalPrice.toFixed(2)
},
// 选择学期
onChange(e, index, item){
item.index = e.detail.value
this.$set(this.formData, index, item)
this.getTotalPrice()
},
// 删除用户数据
onRemoveUser(index){
this.formData.splice(index,1)
this.getTotalPrice()
},
// 添加新用户
onAddUser(){
this.formData.push({
name : '',
mobile : '',
index : 0
})
this.getTotalPrice()
},
// 提交报名
onSubmit(){
let submitData = this.formData.map(val => {
return {
name : val.name,
mobile : val.mobile,
semester_id : this.semesters[val.index].id
}
})
buy({
empower_id: this.$Route.query.id,
data: submitData
}).then(res => {
let { order_type, order_id } = res;
this.$Router.replace({
name : 'Pay',
params : {
paytype : 'synthesize',
orderId : order_id,
orderType : order_type.replace(/\\/g, '-')
},
})
}).catch(err => {
uni.showToast({
title: err.message,
icon : 'none'
})
})
}
}
}
</script>
<style lang="scss">
.content{ background: $window-color; padding: 30rpx 30rpx 210rpx; }
// 报名人信息
.user-title{ padding-top: 30rpx; font-size: 30rpx; line-height: 40rpx; color: gray; }
.user-block{
background: white;
margin-top: 30rpx;
border-radius: 20rpx;
padding: 20rpx 30rpx;
&-flex{
display: flex;
justify-content: space-between;
height: 90rpx;
align-items: center;
font-size: 30rpx;
color: gray;
@extend .border-solid;
}
&-remove{ color: $main-color; line-height: 90rpx; }
&-input{
display: flex;
justify-content: space-between;
height: 90rpx;
align-items: center;
flex-wrap: wrap;
label{ font-size: 32rpx; width: 200rpx; }
picker,
input{ width: calc(100% - 200rpx); font-size: 32rpx; }
.user-block-picker{
padding-right: 50rpx;
box-sizing: border-box;
position: relative;
@extend .nowrap;
.user-block-icon{ position: absolute; right: 0; }
}
}
}
.user-add{ text-align: center; background: white; border-radius: 20rpx; margin-top: 30rpx; display: flex; align-items: center; height: 120rpx; justify-content: center; color: $main-color; font-size: 32rpx; }
// 报名课程信息
.info{
display: flex;
background: white;
padding: 30rpx;
border-radius: 20rpx;
flex-wrap: wrap;
justify-content: space-between;
&-cover{ width: 180rpx; height: 180rpx; border-radius: 10rpx; }
&-text{ width: calc(100% - 210rpx); }
&-title{ font-size: 38rpx; font-weight: bold; line-height: 50rpx; height: 50rpx; }
&-subtitle{ line-height: 40rpx; height: 80rpx; font-size: 30rpx; }
&-price{
font-weight: bold;
color: $text-price;
font-size: 42rpx;
font-family: Arial, Helvetica, sans-serif;
line-height: 50rpx;
height: 50rpx;
text{
font-size: 80%;
margin-right: 5rpx;
}
}
}
// 底部
.footer{
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding: 30rpx 30rpx 50rpx;
display: flex;
flex-wrap: wrap;
align-items: center;
z-index: 99;
box-shadow: 0 0 10rpx 10rpx rgba(0, 0, 0, .04);
background: white;
.footer-text{
width: 200rpx;
&-price{ font-weight: bold; color: $text-price; font-size: 40rpx; text{ font-size: 80%; margin-right: 5rpx; } }
&-subtitle{ font-size: 28rpx; color: gray; }
}
.footer-btn{
background: $main-color;
color: white;
line-height: 100rpx;
border-radius: 50rpx;
flex: 1;
text-align: center;
font-weight: bold;
font-size: 36rpx;
margin-left: 50rpx;
&::after{ display: none; }
}
}
</style>

145
pages/empower/info.vue Normal file
View File

@@ -0,0 +1,145 @@
<template>
<view class="content">
<!-- 封面 -->
<view class="cover">
<image class="cover-src" :src="cover" mode="aspectFill"></image>
</view>
<!-- 课程信息 -->
<view class="info">
<view class="info-title">{{ title }}</view>
<view class="info-subtitle">{{ subtitle }}</view>
<view class="info-info">
<view class="info-info-item">
<label>总学期</label>
<view class="info-value">{{count.all || '-'}}</view>
</view>
<view class="info-info-item">
<label>已结束</label>
<view class="info-value">{{count.over || 0}}</view>
</view>
<view class="info-info-item" v-if="semester != null">
<label>当期时间</label>
<view class="info-value">{{semester.time.start || '-'}}</view>
</view>
<view class="info-info-item" v-if="semester != null">
<label>报名价格</label>
<view class="info-value price">{{semester.price || '0.00'}}</view>
</view>
</view>
</view>
<!-- 课程介绍 -->
<rich-text :nodes="content"></rich-text>
<!-- 报名信息 -->
<view class="footer">
<view :class="['footer-btn', count.ing <= 0 ? 'in' : '']" @click="onBuy">立即购买</view>
</view>
</view>
</template>
<script>
import { info } from '@/apis/interfaces/empower.js'
export default {
data() {
return {
id : '',
cover : '',
title : '',
subtitle : '',
price : '0.00',
semester : null,
count : {},
content : []
};
},
onShow() {
info(this.$Route.query.id).then(res => {
let { cover, title, subtitle, price, semester_current, count, content, id } = res;
this.id = id
this.cover = cover
this.title = title
this.subtitle = subtitle
this.price = price
this.semester = semester_current
this.count = count
this.content = content.replace(/\<img/gi, '<img style="width:100%;height:auto"');
uni.setNavigationBarTitle({
title: title
})
}).catch(err => {
uni.showToast({
title: err.message,
icon : 'none'
})
})
},
methods: {
onBuy(){
if(this.count.ing <= 0){
uni.showToast({
title: '暂无可报名学期',
icon : 'none'
})
return
}
this.$Router.push({
name : 'EmpowerBuy',
params : { id: this.id }
})
}
}
}
</script>
<style lang="scss">
.content{ padding-bottom: 180rpx; }
// 封面图
.cover{
position: relative;
padding-top: 70%;
background: #f7f8f9;
&-src{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
}
// 信息
.info{
padding: 40rpx;
&-title{ font-weight: bold; font-size: 50rpx; margin-bottom: 20rpx; line-height: 65rpx; color: #333; text-align: justify; }
&-subtitle{ font-size: 30rpx; line-height: 50rpx; margin-bottom: 40rpx; color: #333; text-align: justify; }
&-info{
background: $window-color;
padding: 0 30rpx;
font-size: 30rpx;
border-radius: 20rpx;
&-item{
padding: 30rpx 0;
line-height: 40rpx;
display: flex;
justify-content: space-between;
@extend .border-solid;
label{ font-weight: bold; width: 170rpx; }
&:last-child::after{ display: none; }
}
}
&-value{
width: calc(100% - 170rpx);
text-align: right;
font-family: Arial, Helvetica, sans-serif;
&.price{ font-weight: bold; color: $text-price; }
}
}
// 底部
.footer{
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding: 30rpx 30rpx 50rpx;
display: flex;
flex-wrap: wrap;
align-items: center;
z-index: 99;
background-color: white;
box-shadow: 0 0 10rpx 10rpx rgba(0, 0, 0, .04);
.footer-btn{ background: $main-color; color: white; line-height: 100rpx; border-radius: 50rpx; flex: 1; text-align: center; font-weight: bold; font-size: 36rpx; }
.footer-btn.in{ opacity: .6; }
}
</style>

431
pages/empower/order.vue Normal file
View File

@@ -0,0 +1,431 @@
<template>
<view class="content">
<!-- tabs -->
<u-sticky bgColor="#FFF" zIndex="9" >
<view class="screen-flex">
<view class="screen-picker">
<picker :range="statusArr" range-key="title" :value="statusIndex" @change="onPickerChange($event, 'statusIndex')">
<view class="screen-text nowrap">
{{ statusArr[statusIndex].title }}
<uni-icons class="screen-icon" type="bottom" size="32rpx" color="#999"></uni-icons>
</view>
</picker>
</view>
<view class="screen-picker">
<picker :range="empowerArr" range-key="title" :value="empowerIndex" @change="onPickerChange($event, 'empowerIndex')">
<view class="screen-text nowrap">
{{ empowerArr[empowerIndex].title }}
<uni-icons class="screen-icon" type="bottom" size="32rpx" color="#999"></uni-icons>
</view>
</picker>
</view>
</view>
</u-sticky>
<!-- 订单管理列表 -->
<view class="orders" v-if="orders.length > 0">
<view class="orders-item" v-for="(item, index) in orders" :key="index">
<view class="orders-flex">
<view class="no nowrap" @click="copyNo(item.order_no)">
<text class="orders-tag" v-if="!item.is_my">客户</text>
<text class="orders-tag order-tag-my" v-else>个人</text>
{{item.order_no}}
</view>
<view class="state">{{item.status_text}}</view>
</view>
<view class="orders-content">
<view class="orders-content-item">
<label>课程名称</label>
<view class="nowrap orders-content-type">{{item.empower.title}}</view>
</view>
<view class="orders-content-item orders-content-bottom" @click="item.is_show_type = !item.is_show_type">
<label>课程数量</label>
<view class="nowrap orders-content-type">
×{{item.items.count}}
</view>
<uni-icons class="orders-content-icon" :type="item.is_show_type ? 'top': 'bottom'" size="14" color="gray"></uni-icons>
</view>
<view class="orders-content-block" v-show="item.is_show_type">
<view class="item-flex" v-for="(citem, cindex) in item.items.lists" :key="cindex">
<view class="item-flex-title">{{citem.semester.subtitle}}({{citem.name}})</view>
<view class="item-flex-value">{{citem.price}}</view>
</view>
</view>
<view class="orders-content-item">
<label>支付金额</label>
<view class="nowrap">{{item.price}}</view>
</view>
<view class="orders-content-item">
<label>下单时间</label>
<view class="nowrap">{{item.created_at}}</view>
</view>
<view class="orders-content-item" v-if="item.paid_at != ''">
<label>支付时间</label>
<view class="nowrap">{{item.paid_at}}</view>
</view>
</view>
<view class="orders-flex">
<view class="btns">
<view class="btns-item btns-border" v-if="item.status == 0" @click="onCancel(item.order_id)">取消</view>
<view class="btns-item btns-border" v-if="item.status == 0" @click="onPay(item)">支付</view>
<view class="btns-item" @click="onShowUsers(item.items)">报名信息</view>
</view>
</view>
</view>
<!-- 分页 -->
<u-loadmore v-if="pagesShow" :status="status" />
</view>
<!-- 订单是空的 -->
<view class="order-null" v-else>
<u-empty
mode="order"
icon="http://cdn.uviewui.com/uview/empty/order.png"
text="暂无相关订单"
>
</u-empty>
</view>
<!-- 弹出报名人信息 -->
<u-popup :show="usersShow" closeable round="30rpx" @close="usersShow = false">
<view class="users-content">
<view class="users-title">报名信息</view>
<view class="users-lists">
<view class="users-lists-item" v-for="(item, index) in users" :key="index">
<view class="users-item nowrap"><label>报名姓名</label>{{item.name}}</view>
<view class="users-item nowrap"><label>报名手机</label>{{item.mobile}}</view>
<view class="users-item nowrap"><label>课程名称</label>{{item.semester.subtitle}}</view>
<view class="users-item nowrap"><label>签到状态</label><text class="bold">{{item.status_text}}</text></view>
<view class="users-item"><label>课程地址</label>{{item.semester.address}}</view>
</view>
</view>
</view>
</u-popup>
</view>
</template>
<script>
import { orderInit, orderList, orderCancel } from '@/apis/interfaces/empower.js'
export default {
data() {
return {
statusArr : [{ title: '全部订单', id: '' }],
empowerArr : [{ title: '全部课程', id: '' }],
statusIndex : 0,
empowerIndex: 0,
// 报名信息
users : [],
usersTotal : 0,
usersShow : false,
// 订单列表
orders : [],
// 分页
page : {
current : 1,
has_more: false,
},
pagesShow : false,
status : ''
};
},
created() {
orderInit().then(res => {
let { status, empower } = res;
this.statusArr = status
this.empowerArr = [...this.empowerArr, ...empower]
this.statusIndex = status.findIndex(val => val.id == this.$Route.query.status)
// 获取列表
this.getList()
}).catch(err => {
uni.showToast({
title: err.message,
icon : 'none'
})
})
},
onShow(){
// 是否处理当前列表状态
let isOrderId = this.$store.getters.getOrderId
if(isOrderId != null){
if(this.getSignState){
this.onGetSign(isOrderId)
return
}
this.getList()
}
},
methods: {
// 报名信息
onShowUsers(obj){
let { count, lists } = obj
this.users = lists
this.usersTotal = count
this.usersShow = true
},
// 筛选类型
onPickerChange(e, key){
let { value } = e.detail
this[key] = value
this.page = { current: 1, has_more: false }
this.orders = []
this.getList()
},
// 获取列表
getList(){
uni.showLoading({
title: '加载中...',
mask : true
})
if(this.$store.getters.getOrderId != null){
this.page = { current: 1, has_more: false }
this.$store.commit('setOrderId', null)
}
orderList({
status : this.statusArr[this.statusIndex].id,
empower : this.empowerArr[this.empowerIndex].id,
page : this.page.current ,
}).then(res => {
let { data, page } = res;
data.map(val => {
val.is_show_type = false
})
let atList = page.current == 1 ? [] : this.orders
this.orders = atList.concat(data)
this.page = page
this.pagesShow = false
uni.hideLoading()
}).catch(err => {
uni.showToast({
title: err.message,
icon : 'none'
})
})
},
// 复制订单号码
copyNo(no){
uni.setClipboardData({
data : no,
success : res => {
uni.showToast({
title: '订单号已复制',
icon : 'none'
})
}
})
},
// 取消订单
onCancel(id){
uni.showModal({
title : '提示',
content : '取消订单后无法找回,确认取消吗?',
success : modalRes => {
if(modalRes.confirm){
uni.showLoading({
title: '加载中...',
mask : true
})
orderCancel(id).then(res => {
uni.showToast({
title: '订单已取消',
icon : 'none'
})
this.removeListVal(id)
}).catch(err => {
uni.showToast({
title: err.message,
icon : 'none'
})
})
}
}
})
},
// 变更当前列表状态
removeListVal(id){
let ListArr = this.orders
let ListIndex = ListArr.findIndex(val => val.business_order_id == id)
if(ListIndex >= 0){
this.orders.splice(ListIndex, 1)
}
},
// 订单支付
onPay(obj){
let { order_id, order_type } = obj
this.$store.commit('setOrderId', order_id)
this.$Router.push({
name : 'Pay',
params : {
paytype : 'synthesize',
orderId : order_id,
orderType : order_type.replace(/\\/g, '-')
},
})
}
},
onReachBottom() {
this.pagesShow = true;
if(this.page.has_more){
this.status = 'loading';
this.page.current++
this.getList()
return
}
this.status = 'nomore';
}
}
</script>
<style lang="scss" scoped>
.content{ background: #f7f8f9; min-height: 100vh; }
// 订单弹出层
.users-content{
.users-title{
text-align: center;
font-weight: bold;
font-size: 44rpx;
color: #333;
height: 70rpx;
line-height: 70rpx;
padding: 30rpx;
}
.users-lists{
padding: 0 30rpx 50rpx;
max-height: 70vh;
overflow-y: scroll;
.users-lists-item{
background: #f7f8f9;
padding: 30rpx;
border-radius: 20rpx;
font-size: 30rpx;
margin-bottom: 30rpx;
.users-item{
position: relative;
line-height: 45rpx;
min-height: 45rpx;
padding-left: 160rpx;
margin: 5rpx 0;
text-align: right;
label{ position: absolute; left: 0; top: 0; color: gray; }
.bold{ font-weight: bold; color: $text-price; }
}
}
}
}
// 订单筛选
.screen-flex{
display: flex;
flex-wrap: wrap;
.screen-picker{ width: 50%; text-align: center; }
.screen-text{ line-height: 90rpx; height: 90rpx; display: inline-block; font-size: 30rpx; }
.screen-icon{ margin-left: 10rpx; }
}
// 订单为空
.order-null{
height: 80vh;
display: flex;
justify-content: center;
align-items: center;
}
// 订单列表
.orders{
padding: 30rpx 0 10rpx;
.orders-item{
margin: 0 30rpx 20rpx;
background-color: white;
border-radius: $radius;
}
.orders-content{
padding: 20rpx 30rpx;
&-item{
line-height: 70rpx;
display: flex;
justify-content: space-between;
font-size: 30rpx;
color: #111111;
label{
color: #999999;
}
&.orders-content-bottom{
padding-right: 40rpx;
position: relative;
.orders-content-icon{
position: absolute;
right: 0;
top: 0;
}
}
}
&-block{
background: rgba(68, 110, 254, .03);
padding: 20rpx;
font-size: 28rpx;
border-radius: 10rpx;
margin: 10rpx 0;
.item-flex{
display: flex;
justify-content: space-between;
line-height: 50rpx;
}
}
}
.orders-flex{
border-bottom: solid 1rpx #F6F6F6;
display: flex;
justify-content: space-between;
align-items: center;
padding: 20rpx $padding;
&:last-child{
border-top: solid 1rpx #F6F6F6;
border-bottom: none;
}
.orders-tag{
display: inline-block;
background: $main-color;
font-size: 26rpx;
color: white;
border-radius: 10rpx;
padding: 0 10rpx;
height: 40rpx;
line-height: 40rpx;
margin-right: 10rpx;
&.order-tag-my{
background: $text-price;
}
}
.no{
font-size: 30rpx;
color: #111;
line-height: 60rpx;
width: calc(100% - 150rpx);
}
.state{
color: $main-color;
font-weight: bold;
font-size: 30rpx;
line-height: 60rpx;
width: 150rpx;
text-align: right;
}
.btns{
text-align: right;
width: 100%;
.btns-item{
display: inline-block;
height: 70rpx;
line-height: 70rpx;
background: $main-color;
color: white;
border-radius: 35rpx;
padding: 0 30rpx;
font-size: 30rpx;
&.btns-border{
line-height: 68rpx;
box-sizing: border-box;
border:solid 1rpx $main-color;
background: white;
color: $main-color;
margin-right: 20rpx;
}
}
}
}
}
</style>

File diff suppressed because it is too large Load Diff

344
pages/pay/bankPay.vue Normal file
View File

@@ -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>

View File

@@ -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{

View File

@@ -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>

View File

@@ -0,0 +1,405 @@
<template>
<view class="content">
<view class="block">
<view class="block-title">统计数据</view>
<view class="total-flex">
<view class="total-item">
<image class="icon" src="@/static/icons/work_icon_00.png"></image>
<view class="title">诉讼委托咨询单</view>
<view class="number">{{orderAll.all}}<text></text></view>
</view>
<view class="total-item">
<image class="icon" src="@/static/icons/work_icon_01.png"></image>
<view class="title">已缴费</view>
<view class="number">{{orderAll.payed}}<text></text></view>
</view>
<view class="total-item">
<image class="icon" src="@/static/icons/work_icon_03.png"></image>
<view class="title">已退款</view>
<view class="number">{{orderAll.refund}}<text></text></view>
</view>
<view class="total-item">
<image class="icon" src="@/static/icons/work_icon_05.png"></image>
<view class="title">结算金额</view>
<view class="number">{{orderAll.price}}<text></text></view>
</view>
</view>
</view>
<view class="block">
<view class="block-title">委托订单管理</view>
<view class="tool-flex">
<view class="tool-flex-item" @click="onNav('SynthesizeOrder', { status: 0, type: 'entrust' })">
<image class="icon" src="@/static/icons/work_icon_06.png"></image>
<view class="number" v-if="orderEntrust.init > 0">{{orderEntrust.init}}</view>
<view class="text">待支付</view>
</view>
<view class="tool-flex-item" @click="onNav('SynthesizeOrder', { status: 1, type: 'entrust' })">
<image class="icon" src="@/static/icons/work_icon_21.png"></image>
<view class="number" v-if="orderEntrust.audit > 0">{{orderEntrust.audit}}</view>
<view class="text">待审核</view>
</view>
<view class="tool-flex-item" @click="onNav('SynthesizeOrder', { status: 2, type: 'entrust' })">
<image class="icon" src="@/static/icons/work_icon_07.png"></image>
<view class="number" v-if="orderEntrust.sign > 0">{{orderEntrust.sign}}</view>
<view class="text">待签约</view>
</view>
<view class="tool-flex-item" @click="onNav('SynthesizeOrder', { status: 3, type: 'entrust' })">
<image class="icon" src="@/static/icons/work_icon_10.png"></image>
<view class="number" v-if="orderEntrust.signed > 0">{{orderEntrust.signed}}</view>
<view class="text">已签约</view>
</view>
<view class="tool-flex-item" @click="onNav('SynthesizeOrder', { status: 4, type: 'entrust' })">
<image class="icon" src="@/static/icons/work_icon_08.png"></image>
<view class="number" v-if="orderEntrust.complete > 0">{{orderEntrust.complete}}</view>
<view class="text">已完成</view>
</view>
<view class="tool-flex-item" @click="onNav('SynthesizeOrder', { status: 5, type: 'entrust' })">
<image class="icon" src="@/static/icons/work_icon_09.png"></image>
<view class="number" v-if="orderEntrust.reject > 0">{{orderEntrust.reject}}</view>
<view class="text">已驳回</view>
</view>
</view>
</view>
<view class="block">
<view class="block-title">拓展订单管理</view>
<view class="tool-flex">
<view class="tool-flex-item" @click="onNav('SynthesizeOrder', { status: 0, type: 'expand' })">
<image class="icon" src="@/static/icons/work_icon_06.png"></image>
<view class="number" v-if="orderExpand.init > 0">{{orderExpand.init}}</view>
<view class="text">待支付</view>
</view>
<view class="tool-flex-item" @click="onNav('SynthesizeOrder', { status: 1, type: 'expand' })">
<image class="icon" src="@/static/icons/work_icon_10.png"></image>
<view class="number" v-if="orderExpand.paid > 0">{{orderExpand.paid}}</view>
<view class="text">已支付</view>
</view>
<view class="tool-flex-item" @click="onNav('SynthesizeOrder', { status: 2, type: 'expand' })">
<image class="icon" src="@/static/icons/work_icon_08.png"></image>
<view class="number" v-if="orderExpand.refund > 0">{{orderExpand.refund}}</view>
<view class="text">已退款</view>
</view>
</view>
</view>
</view>
</template>
<script>
import { synthesisAttorney } from '@/apis/interfaces/work.js'
export default {
data() {
return {
// 综法订单管理
orderAll : '',
orderEntrust : '',
orderExpand : ''
};
},
onShow() {
this.getIndex()
},
methods: {
// 工作台信息
getIndex(){
uni.showLoading({
title: '加载中...',
mask : true
})
// 综法法律咨询单统计
synthesisAttorney().then(res => {
uni.hideLoading()
this.orderAll = res.all
this.orderEntrust = res.orders.entrust
this.orderExpand = res.orders.expand
}).catch(err => {
uni.showToast({
title: err.message,
icon : 'none'
})
})
},
// 导航
onNav(name, obj){
let params = obj || {}
this.$Router.push({name, params})
}
}
}
</script>
<style lang="scss" scoped>
.content{
padding: 30rpx 0;
}
// 登录提示
.auth-null{
height: 100vh;
width: 100vw;
background: white;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
.auth-null-btn{
height: 90rpx;
line-height: 90rpx;
padding: 0;
width: 70vw;
background: $main-color;
color: white;
font-size: 32rpx;
margin-top: 100rpx;
font-weight: bold;
}
}
// 弹出特权
.privilege-lay{
width: 70vw;
.privilege-lay-img{
width: 70vw;
vertical-align: top;
}
.privilege-lay-content{
background: white;
border-radius: 0 0 20rpx 20rpx;
width: 70vw;
padding: 80rpx 30rpx 50rpx;
box-sizing: border-box;
margin-top: -50rpx;
line-height: 50rpx;
color: #111111;
font-size: 30rpx;
}
.privilege-lay-remove{
padding-top: 30rpx;
text-align: center;
.privilege-lay-icon{
display: inline-block;
}
}
}
// header
.work-bar{
padding: 30rpx;
margin-bottom: 30rpx;
display: flex;
justify-content: space-between;
align-items: center;
&-user{
position: relative;
line-height: 70rpx;
height: 70rpx;
width: calc(100% - 200rpx);
padding-left: 90rpx;
box-sizing: border-box;
.cover{
width: 70rpx;
height: 70rpx;
border-radius: 50%;
position: absolute;
left: 0;
top: 0;
}
.nickname{
font-weight: bold;
font-size: 34rpx;
.card{
color: $main-color;
font-size: 24rpx;
display: inline-block;
height: 40rpx;
line-height: 38rpx;
border-radius: 24rpx;
padding: 0 15rpx;
margin-left: 20rpx;
margin-bottom: 2rpx;
vertical-align: middle;
border:solid 1rpx $main-color;
font-weight: normal;
}
}
}
&-add{
width: 200rpx;
font-size: 30rpx;
text-align: right;
line-height: 70rpx;
.icon{
margin-right: 5rpx;
font-weight: bold;
}
}
}
// 订单管理
.tool-flex{
padding: 0 10rpx;
display: flex;
flex-wrap: wrap;
.tool-flex-item{
width: 25%;
text-align: center;
margin-bottom: 30rpx;
position: relative;
.icon{
width: 78rpx;
height: 78rpx;
background: #ddd;
border-radius: 20rpx;
}
.number{
position: absolute;
right: 20%;
background: #fe4444;
top: -10rpx;
height: 40rpx;
line-height: 40rpx;
min-width: 40rpx;
font-size: 24rpx;
color: white;
border-radius: 50%;
}
.text{
line-height: 40rpx;
font-size: 26rpx;
color: #111;
text-align: center;
}
}
}
// 数据统计单
.total-flex{
padding: 0 20rpx 20rpx;
display: flex;
flex-direction: row;
flex-wrap: wrap;
.total-item{
margin: 0 10rpx 20rpx;
background: #f8f8f8;
width: calc(50% - 20rpx);
padding: 20rpx 20rpx 20rpx 120rpx;
box-sizing: border-box;
border-radius: $radius;
position: relative;
min-height: 140rpx;
.icon{
position: absolute;
left: 20rpx;
top: 50%;
width: 70rpx;
height: 70rpx;
margin-top: -35rpx;
}
.title{
font-size: 28rpx;
color: #111;
line-height: 40rpx;
@extend .nowrap;
}
.number{
padding-top: 5rpx;
font-weight: bold;
font-size: 34rpx;
color: #111;
font-family: Arial, Helvetica, sans-serif;
line-height: 40rpx;
@extend .nowrap;
text{
font-size: 80%;
font-weight: normal;
padding-left: 10rpx;
}
}
}
}
// 通用板块
.block{
background: white;
margin: 0 30rpx 20rpx;
border-radius: $radius;
.block-title{
padding: 30rpx;
display: flex;
justify-content: space-between;
align-items: center;
font-weight: bold;
color: '#111';
font-size: 32rpx;
}
}
// 开通业务员
.open-interest{
padding: 30rpx;
margin-bottom: 30rpx;
.title{
text-align: center;
font-size: 34rpx;
font-weight: bold;
line-height: 80rpx;
}
.open-interest-flex{
display: flex;
flex-wrap: wrap;
padding-top: 30rpx;
justify-content: space-between;
.open-interest-item{
text-align: center;
.open-interest-icon{
width: 88rpx;
height: 88rpx;
vertical-align: top;
margin-bottom: 15rpx;
}
.open-interest-text{
font-size: 28rpx;
color: #111111;
line-height: 40rpx;
}
}
}
// 开通步骤
.open-interest-block{
padding: 30rpx 0;
display: flex;
justify-content: space-between;
align-items: center;
.open-interest-icon{
width: 88rpx;
height: 88rpx;
}
.open-interest-text{
width: calc( 100% - 258rpx);
padding:0 30rpx;
box-sizing: border-box;
.open-interest-title{
font-weight: bold;
color: #111111;
line-height: 40rpx;
font-size: 30rpx;
}
.open-interest-submit{
color: #666666;
font-size: 26rpx;
line-height: 40rpx;
}
}
.open-interest-btn[size="mini"]{
width: 170rpx;
height: 70rpx;
line-height: 70rpx;
padding: 0;
border-radius: 35rpx;
background: $main-color;
color: white;
font-size: 30rpx;
&::after{
display: none;
}
&[disabled]{
background: #EEEEEE;
color: #999999;
}
}
}
}
</style>

View File

@@ -0,0 +1,539 @@
<template>
<view class="content">
<view class="block">
<view class="block-title">统计数据</view>
<view class="total-flex">
<view class="total-item" @click="onNav('Orders', { 'type': 2 })">
<image class="icon" src="@/static/icons/work_icon_00.png"></image>
<view class="title">预约咨询单</view>
<view class="number">{{orderCount.init_payed}}<text></text></view>
</view>
<view class="total-item" @click="onNav('Orders', { 'type': 4 })">
<image class="icon" src="@/static/icons/work_icon_01.png"></image>
<view class="title">已缴费</view>
<view class="number">{{orderCount.service_payed}}<text></text></view>
</view>
<view class="total-item" @click="onNav('Orders', { 'type': 10 })">
<image class="icon" src="@/static/icons/work_icon_02.png"></image>
<view class="title">办理完成</view>
<view class="number">{{orderCount.b_complete}}<text></text></view>
</view>
<view class="total-item" @click="onNav('RefundOrder')">
<image class="icon" src="@/static/icons/work_icon_03.png"></image>
<view class="title">已退款</view>
<view class="number">{{orderCount.refund}}<text></text></view>
</view>
<view class="total-item">
<image class="icon" src="@/static/icons/work_icon_04.png"></image>
<view class="title">完成结算</view>
<view class="number">{{orderCount.settlement_count}}<text></text></view>
</view>
<view class="total-item" @click="onNav('AccountBonus')">
<image class="icon" src="@/static/icons/work_icon_05.png"></image>
<view class="title">结算金额</view>
<view class="number">{{orderCount.settlement_price}}<text></text></view>
</view>
</view>
</view>
<view class="block">
<view class="block-title">协商调解咨询订单管理</view>
<view class="tool-flex">
<view class="tool-flex-item" @click="onNav('Orders', { 'type': 0 })">
<image class="icon" src="@/static/icons/work_icon_06.png"></image>
<view class="number" v-if="orderCount.a_init > 0">{{orderCount.a_init}}</view>
<view class="text">待预约</view>
</view>
<view class="tool-flex-item" @click="onNav('Orders', { 'type': 2 })">
<image class="icon" src="@/static/icons/work_icon_21.png"></image>
<view class="number" v-if="orderCount.a_service > 0">{{orderCount.a_service}}</view>
<view class="text">匹配服务包</view>
</view>
<view class="tool-flex-item" @click="onNav('Orders', { 'type': 3 })">
<image class="icon" src="@/static/icons/work_icon_07.png"></image>
<view class="number" v-if="orderCount.a_serviced > 0">{{orderCount.a_serviced}}</view>
<view class="text">待缴服务费</view>
</view>
<view class="tool-flex-item" @click="onNav('Orders', { 'type': 4 })">
<image class="icon" src="@/static/icons/work_icon_10.png"></image>
<view class="number" v-if="orderCount.b_sign > 0">{{orderCount.b_sign}}</view>
<view class="text">待签约</view>
</view>
<view class="tool-flex-item" @click="onNav('Orders', { 'type': 5 })">
<image class="icon" src="@/static/icons/work_icon_08.png"></image>
<view class="number" v-if="orderCount.a_bank > 0">{{orderCount.a_bank}}</view>
<view class="text">待完善资料</view>
</view>
<view class="tool-flex-item" @click="onNav('Orders', { 'type': 6 })">
<image class="icon" src="@/static/icons/work_icon_09.png"></image>
<view class="number" v-if="orderCount.b_check > 0">{{orderCount.b_check}}</view>
<view class="text">初审中</view>
</view>
<view class="tool-flex-item" @click="onNav('Orders', { 'type': 7 })">
<image class="icon" src="@/static/icons/work_icon_12.png"></image>
<view class="number" v-if="orderCount.b_recheck > 0">{{orderCount.b_recheck}}</view>
<view class="text">复审中</view>
</view>
<view class="tool-flex-item" @click="onNav('Orders', { 'type': 8 })">
<image class="icon" src="@/static/icons/work_icon_13.png"></image>
<view class="number" v-if="orderCount.b_process > 0">{{orderCount.b_process}}</view>
<view class="text">办理中</view>
</view>
<view class="tool-flex-item" @click="onNav('Orders', { 'type': 9 })">
<image class="icon" src="@/static/icons/work_icon_14.png"></image>
<view class="number" v-if="orderCount.b_confirm > 0">{{orderCount.b_confirm}}</view>
<view class="text">待结案</view>
</view>
<view class="tool-flex-item" @click="onNav('Orders', { 'type': 10 })">
<image class="icon" src="@/static/icons/work_icon_15.png"></image>
<!-- <view class="number" v-if="orderCount.b_complete > 0">{{orderCount.b_complete}}</view> -->
<view class="text">办理完成</view>
</view>
</view>
</view>
<view class="block">
<view class="block-title">转让订单管理</view>
<view class="tool-flex">
<view class="tool-flex-item" @click="onNav('TransfersOrders', { type: 'out' })">
<image class="icon" src="@/static/icons/work_icon_26.png"></image>
<view class="number" v-if="orderCount.transfer_out > 0">{{orderCount.transfer_out}}</view>
<view class="text">转出订单</view>
</view>
<view class="tool-flex-item" @click="onNav('TransfersOrders', { type: 'in' })">
<image class="icon" src="@/static/icons/work_icon_19.png"></image>
<view class="number" v-if="orderCount.transfer_in > 0">{{orderCount.transfer_in}}</view>
<view class="text">转入订单</view>
</view>
</view>
</view>
<view class="block">
<view class="block-title">特殊订单管理</view>
<view class="tool-flex">
<view class="tool-flex-item" @click="onNav('ModifyOrder', {})">
<image class="icon" src="@/static/icons/work_icon_16.png"></image>
<view class="number" v-if="orderCount.audit_bank > 0">{{orderCount.audit_bank}}</view>
<view class="text">修改资料</view>
</view>
<view class="tool-flex-item" @click="onNav('PoorOrder', {})">
<image class="icon" src="@/static/icons/work_icon_17.png"></image>
<view class="number" v-if="orderCount.diff_prices > 0">{{orderCount.diff_prices}}</view>
<view class="text">补差价</view>
</view>
<view class="tool-flex-item" @click="onNav('RefundOrder')">
<image class="icon" src="@/static/icons/work_icon_18.png"></image>
<view class="number" v-if="orderCount.refund > 0">{{orderCount.refund}}</view>
<view class="text">退款订单</view>
</view>
</view>
</view>
</view>
</template>
<script>
import { index, rights, sign, synthesisCount } from '@/apis/interfaces/work.js'
export default {
data() {
return {
isAuth : false,
rightsArr : [],
userInfo : {
nickname: '',
avatar : ''
},
identity : {},
isAnswer : false,
isCertification : false,
certification : null,
isManager : false,
orderCount : {},
// 权益说明
privilegeShow : false,
privilegeText : '',
// 签约状态
sign : {
isSign : false,
address : ""
},
// 综法订单管理
synthesisData : {}
};
},
onShow() {
let i = 0;
this.isAuth = this.$store.getters.getToken != ''
if(this.isAuth){
this.getIndex()
}
},
methods: {
// 签约
onSign(){
if(!this.isCertification){
uni.showToast({
title: '暂未实名认证,无法签约,请完成实名认证',
icon : 'none'
})
return
}
if(this.sign.address == ''){
uni.showToast({
title: '暂时无法签约,请前往“我的”,点击用户头像,完善通讯地址信息后重试',
icon : 'none'
})
return
}
uni.showLoading({
title : '获取签约地址',
mask : true
})
sign().then(res => {
uni.hideLoading()
this.$Router.push({
name : 'ESign',
params : {
url: res.sign_url
}
})
}).catch(err => {
uni.showToast({
title: err.message,
icon : 'none'
})
})
},
// 显示业务员权益
onToast(val){
this.privilegeText = val.content
this.privilegeShow = true
},
// 工作台信息
getIndex(){
uni.showLoading({
title: '加载中...',
mask : true
})
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
this.userInfo = {
nickname,
avatar
}
this.isCertification = isCertification
this.certification = certification
this.isManager = isManager
this.isAnswer = isAnswer
this.orderCount = business_orders_count
this.identity = identity
this.sign = sign
this.synthesisData = synthesisData
uni.hideLoading()
}).catch(err => {
uni.showToast({
title: err.message,
icon : 'none'
})
})
},
// 导航
onNav(name, obj){
let params = obj || {}
this.$Router.push({name, params})
},
// 创建订单
onCreateOrder(){
uni.showActionSheet({
itemList: ['个人订单', '客户订单'],
success : res => {
this.onNav('OrderCreate', {
type: res.tapIndex === 0 ? 'self' : 'other'
})
}
})
}
}
}
</script>
<style lang="scss" scoped>
.content{
padding: 30rpx 0;
}
// 登录提示
.auth-null{
height: 100vh;
width: 100vw;
background: white;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
.auth-null-btn{
height: 90rpx;
line-height: 90rpx;
padding: 0;
width: 70vw;
background: $main-color;
color: white;
font-size: 32rpx;
margin-top: 100rpx;
font-weight: bold;
}
}
// 弹出特权
.privilege-lay{
width: 70vw;
.privilege-lay-img{
width: 70vw;
vertical-align: top;
}
.privilege-lay-content{
background: white;
border-radius: 0 0 20rpx 20rpx;
width: 70vw;
padding: 80rpx 30rpx 50rpx;
box-sizing: border-box;
margin-top: -50rpx;
line-height: 50rpx;
color: #111111;
font-size: 30rpx;
}
.privilege-lay-remove{
padding-top: 30rpx;
text-align: center;
.privilege-lay-icon{
display: inline-block;
}
}
}
// header
.work-bar{
padding: 30rpx;
margin-bottom: 30rpx;
display: flex;
justify-content: space-between;
align-items: center;
&-user{
position: relative;
line-height: 70rpx;
height: 70rpx;
width: calc(100% - 200rpx);
padding-left: 90rpx;
box-sizing: border-box;
.cover{
width: 70rpx;
height: 70rpx;
border-radius: 50%;
position: absolute;
left: 0;
top: 0;
}
.nickname{
font-weight: bold;
font-size: 34rpx;
.card{
color: $main-color;
font-size: 24rpx;
display: inline-block;
height: 40rpx;
line-height: 38rpx;
border-radius: 24rpx;
padding: 0 15rpx;
margin-left: 20rpx;
margin-bottom: 2rpx;
vertical-align: middle;
border:solid 1rpx $main-color;
font-weight: normal;
}
}
}
&-add{
width: 200rpx;
font-size: 30rpx;
text-align: right;
line-height: 70rpx;
.icon{
margin-right: 5rpx;
font-weight: bold;
}
}
}
// 订单管理
.tool-flex{
padding: 0 10rpx;
display: flex;
flex-wrap: wrap;
.tool-flex-item{
width: 25%;
text-align: center;
margin-bottom: 30rpx;
position: relative;
.icon{
width: 78rpx;
height: 78rpx;
background: #ddd;
border-radius: 20rpx;
}
.number{
position: absolute;
right: 20%;
background: #fe4444;
top: -10rpx;
height: 40rpx;
line-height: 40rpx;
min-width: 40rpx;
font-size: 24rpx;
color: white;
border-radius: 50%;
}
.text{
line-height: 40rpx;
font-size: 26rpx;
color: #111;
text-align: center;
}
}
}
// 数据统计单
.total-flex{
padding: 0 20rpx 20rpx;
display: flex;
flex-direction: row;
flex-wrap: wrap;
.total-item{
margin: 0 10rpx 20rpx;
background: #f8f8f8;
width: calc(50% - 20rpx);
padding: 20rpx 20rpx 20rpx 120rpx;
box-sizing: border-box;
border-radius: $radius;
position: relative;
min-height: 140rpx;
.icon{
position: absolute;
left: 20rpx;
top: 50%;
width: 70rpx;
height: 70rpx;
margin-top: -35rpx;
}
.title{
font-size: 28rpx;
color: #111;
line-height: 40rpx;
@extend .nowrap;
}
.number{
padding-top: 5rpx;
font-weight: bold;
font-size: 34rpx;
color: #111;
font-family: Arial, Helvetica, sans-serif;
line-height: 40rpx;
@extend .nowrap;
text{
font-size: 80%;
font-weight: normal;
padding-left: 10rpx;
}
}
}
}
// 通用板块
.block{
background: white;
margin: 0 30rpx 20rpx;
border-radius: $radius;
.block-title{
padding: 30rpx;
display: flex;
justify-content: space-between;
align-items: center;
font-weight: bold;
color: '#111';
font-size: 32rpx;
}
}
// 开通业务员
.open-interest{
padding: 30rpx;
margin-bottom: 30rpx;
.title{
text-align: center;
font-size: 34rpx;
font-weight: bold;
line-height: 80rpx;
}
.open-interest-flex{
display: flex;
flex-wrap: wrap;
padding-top: 30rpx;
justify-content: space-between;
.open-interest-item{
text-align: center;
.open-interest-icon{
width: 88rpx;
height: 88rpx;
vertical-align: top;
margin-bottom: 15rpx;
}
.open-interest-text{
font-size: 28rpx;
color: #111111;
line-height: 40rpx;
}
}
}
// 开通步骤
.open-interest-block{
padding: 30rpx 0;
display: flex;
justify-content: space-between;
align-items: center;
.open-interest-icon{
width: 88rpx;
height: 88rpx;
}
.open-interest-text{
width: calc( 100% - 258rpx);
padding:0 30rpx;
box-sizing: border-box;
.open-interest-title{
font-weight: bold;
color: #111111;
line-height: 40rpx;
font-size: 30rpx;
}
.open-interest-submit{
color: #666666;
font-size: 26rpx;
line-height: 40rpx;
}
}
.open-interest-btn[size="mini"]{
width: 170rpx;
height: 70rpx;
line-height: 70rpx;
padding: 0;
border-radius: 35rpx;
background: $main-color;
color: white;
font-size: 30rpx;
&::after{
display: none;
}
&[disabled]{
background: #EEEEEE;
color: #999999;
}
}
}
}
</style>

View File

@@ -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>

View File

@@ -0,0 +1,33 @@
<template>
<view class="content">
<view class="null-pages">
<u-empty
mode="order"
icon="http://cdn.uviewui.com/uview/empty/order.png"
text="暂无相关订单"
>
</u-empty>
</view>
</view>
</template>
<script>
export default {
data() {
return {
};
},
onShow() {
},
methods: {
}
}
</script>
<style lang="scss" scoped>
// 内容为空
.null-pages{ height: 70vh; display: flex; align-items: center; justify-content: center; }
</style>

View File

@@ -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>

View File

@@ -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>

View File

@@ -0,0 +1,641 @@
<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
// 支付金额是0
if(can.pay_status == 4){
uni.showModal({
title : '提示',
content : '下单成功',
showCancel : false,
success : modalRes => {
if(modalRes.confirm){
uni.navigateBack()
}
}
})
return
}
// 仅支持线下打款
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: 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: 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>

View File

@@ -0,0 +1,220 @@
<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" v-if="centerUser != ''">
<label>运营中心</label>
<view class="val">{{centerUser}}</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',
centerUser: ''
};
},
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, center_user } = 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 || '-',
this.centerUser= center_user
}).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>

View File

@@ -0,0 +1,566 @@
<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
// 支付金额是0
if(can.pay_status == 4){
uni.showModal({
title : '提示',
content : '下单成功',
showCancel : false,
success : modalRes => {
if(modalRes.confirm){
uni.navigateBack()
}
}
})
return
}
// 仅支持线下打款
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: 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: 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>

View File

@@ -0,0 +1,220 @@
<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" v-if="centerUser != ''">
<label>运营中心</label>
<view class="val">{{centerUser}}</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',
centerUser: ''
};
},
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, center_user } = 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 || ''
this.centerUser= center_user
}).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>

View File

@@ -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: 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: $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>

View File

@@ -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>

View File

@@ -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>

501
pages/synthesize/order.vue Normal file
View File

@@ -0,0 +1,501 @@
<template>
<view class="content">
<u-sticky bgColor="#fff" v-if="$Route.query.type != 'synthesis'">
<view class="header-sticky">
<u-tabs
:current="tabsCurrent"
: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"
@payTurn="onPayTurn"
/>
<!-- 拓展单 -->
<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 : '',
tabsCurrent : null,
};
},
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
})
let { status } = this.$Route.query
this.tabType = status
this.tabsCurrent = this.tabs.findIndex(val => val.type == status);
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()
}
},
// 委托单线上支付被驳回
onPayTurn(no){
let orderArr = this.orderArr
let orderObj = orderArr.find(val => val.order_no === no)
uni.showModal({
title : '提示',
content : '支付驳回原因:' + orderObj.remark,
showCancel : false
})
},
// 取消订单
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'
})
})
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
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>

View File

@@ -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>

View File

@@ -0,0 +1,383 @@
<template>
<view class="content">
<view class="block">
<view class="block-title">统计数据</view>
<view class="total-flex">
<view class="total-item">
<image class="icon" src="@/static/icons/work_icon_00.png"></image>
<view class="title">法律咨询单</view>
<view class="number">{{orderAll.all}}<text></text></view>
</view>
<view class="total-item">
<image class="icon" src="@/static/icons/work_icon_01.png"></image>
<view class="title">已缴费</view>
<view class="number">{{orderAll.payed}}<text></text></view>
</view>
<view class="total-item">
<image class="icon" src="@/static/icons/work_icon_03.png"></image>
<view class="title">已退款</view>
<view class="number">{{orderAll.refund}}<text></text></view>
</view>
<view class="total-item">
<image class="icon" src="@/static/icons/work_icon_05.png"></image>
<view class="title">结算金额</view>
<view class="number">{{orderAll.price}}<text></text></view>
</view>
</view>
</view>
<view class="block">
<view class="block-title">咨询单</view>
<view class="tool-flex">
<view class="tool-flex-item" @click="onNav('SynthesizeOrder', { type: 'synthesis' })">
<image class="icon" src="@/static/icons/work_icon_06.png"></image>
<view class="number" v-if="orderSynthesis.all > 0">{{orderSynthesis.all}}</view>
<view class="text">咨询单</view>
</view>
</view>
</view>
<view class="block">
<view class="block-title">年费单</view>
<view class="tool-flex">
<view class="tool-flex-item" @click="onNav('SynthesizeOrder', { status: 0, type: 'service' })">
<image class="icon" src="@/static/icons/work_icon_06.png"></image>
<view class="number" v-if="orderService.init > 0">{{orderService.init}}</view>
<view class="text">待支付</view>
</view>
<view class="tool-flex-item" @click="onNav('SynthesizeOrder', { status: 1, type: 'service' })">
<image class="icon" src="@/static/icons/work_icon_10.png"></image>
<view class="number" v-if="orderService.paid > 0">{{orderService.paid}}</view>
<view class="text">待签约</view>
</view>
<view class="tool-flex-item" @click="onNav('SynthesizeOrder', { status: 2, type: 'service' })">
<image class="icon" src="@/static/icons/work_icon_08.png"></image>
<view class="number" v-if="orderService.signed > 0">{{orderService.signed}}</view>
<view class="text">已签约</view>
</view>
<view class="tool-flex-item" @click="onNav('SynthesizeOrder', { status: 3, type: 'service' })">
<image class="icon" src="@/static/icons/work_icon_09.png"></image>
<view class="number" v-if="orderService.refund > 0">{{orderService.refund}}</view>
<view class="text">已退款</view>
</view>
</view>
</view>
</view>
</template>
<script>
import { synthesisServices } from '@/apis/interfaces/work.js'
export default {
data() {
return {
// 综法订单管理
orderAll : '',
orderService : '',
orderSynthesis : ''
};
},
onShow() {
this.getIndex()
},
methods: {
// 工作台信息
getIndex(){
uni.showLoading({
title: '加载中...',
mask : true
})
// 综法法律咨询单统计
synthesisServices().then(res => {
uni.hideLoading()
this.orderAll = res.all
this.orderService = res.orders.service
this.orderSynthesis = res.orders.synthesis
}).catch(err => {
uni.showToast({
title: err.message,
icon : 'none'
})
})
},
// 导航
onNav(name, obj){
let params = obj || {}
this.$Router.push({name, params})
}
}
}
</script>
<style lang="scss" scoped>
.content{
padding: 30rpx 0;
}
// 登录提示
.auth-null{
height: 100vh;
width: 100vw;
background: white;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
.auth-null-btn{
height: 90rpx;
line-height: 90rpx;
padding: 0;
width: 70vw;
background: $main-color;
color: white;
font-size: 32rpx;
margin-top: 100rpx;
font-weight: bold;
}
}
// 弹出特权
.privilege-lay{
width: 70vw;
.privilege-lay-img{
width: 70vw;
vertical-align: top;
}
.privilege-lay-content{
background: white;
border-radius: 0 0 20rpx 20rpx;
width: 70vw;
padding: 80rpx 30rpx 50rpx;
box-sizing: border-box;
margin-top: -50rpx;
line-height: 50rpx;
color: #111111;
font-size: 30rpx;
}
.privilege-lay-remove{
padding-top: 30rpx;
text-align: center;
.privilege-lay-icon{
display: inline-block;
}
}
}
// header
.work-bar{
padding: 30rpx;
margin-bottom: 30rpx;
display: flex;
justify-content: space-between;
align-items: center;
&-user{
position: relative;
line-height: 70rpx;
height: 70rpx;
width: calc(100% - 200rpx);
padding-left: 90rpx;
box-sizing: border-box;
.cover{
width: 70rpx;
height: 70rpx;
border-radius: 50%;
position: absolute;
left: 0;
top: 0;
}
.nickname{
font-weight: bold;
font-size: 34rpx;
.card{
color: $main-color;
font-size: 24rpx;
display: inline-block;
height: 40rpx;
line-height: 38rpx;
border-radius: 24rpx;
padding: 0 15rpx;
margin-left: 20rpx;
margin-bottom: 2rpx;
vertical-align: middle;
border:solid 1rpx $main-color;
font-weight: normal;
}
}
}
&-add{
width: 200rpx;
font-size: 30rpx;
text-align: right;
line-height: 70rpx;
.icon{
margin-right: 5rpx;
font-weight: bold;
}
}
}
// 订单管理
.tool-flex{
padding: 0 10rpx;
display: flex;
flex-wrap: wrap;
.tool-flex-item{
width: 25%;
text-align: center;
margin-bottom: 30rpx;
position: relative;
.icon{
width: 78rpx;
height: 78rpx;
background: #ddd;
border-radius: 20rpx;
}
.number{
position: absolute;
right: 20%;
background: #fe4444;
top: -10rpx;
height: 40rpx;
line-height: 40rpx;
min-width: 40rpx;
font-size: 24rpx;
color: white;
border-radius: 50%;
}
.text{
line-height: 40rpx;
font-size: 26rpx;
color: #111;
text-align: center;
}
}
}
// 数据统计单
.total-flex{
padding: 0 20rpx 20rpx;
display: flex;
flex-direction: row;
flex-wrap: wrap;
.total-item{
margin: 0 10rpx 20rpx;
background: #f8f8f8;
width: calc(50% - 20rpx);
padding: 20rpx 20rpx 20rpx 120rpx;
box-sizing: border-box;
border-radius: $radius;
position: relative;
min-height: 140rpx;
.icon{
position: absolute;
left: 20rpx;
top: 50%;
width: 70rpx;
height: 70rpx;
margin-top: -35rpx;
}
.title{
font-size: 28rpx;
color: #111;
line-height: 40rpx;
@extend .nowrap;
}
.number{
padding-top: 5rpx;
font-weight: bold;
font-size: 34rpx;
color: #111;
font-family: Arial, Helvetica, sans-serif;
line-height: 40rpx;
@extend .nowrap;
text{
font-size: 80%;
font-weight: normal;
padding-left: 10rpx;
}
}
}
}
// 通用板块
.block{
background: white;
margin: 0 30rpx 20rpx;
border-radius: $radius;
.block-title{
padding: 30rpx;
display: flex;
justify-content: space-between;
align-items: center;
font-weight: bold;
color: '#111';
font-size: 32rpx;
}
}
// 开通业务员
.open-interest{
padding: 30rpx;
margin-bottom: 30rpx;
.title{
text-align: center;
font-size: 34rpx;
font-weight: bold;
line-height: 80rpx;
}
.open-interest-flex{
display: flex;
flex-wrap: wrap;
padding-top: 30rpx;
justify-content: space-between;
.open-interest-item{
text-align: center;
.open-interest-icon{
width: 88rpx;
height: 88rpx;
vertical-align: top;
margin-bottom: 15rpx;
}
.open-interest-text{
font-size: 28rpx;
color: #111111;
line-height: 40rpx;
}
}
}
// 开通步骤
.open-interest-block{
padding: 30rpx 0;
display: flex;
justify-content: space-between;
align-items: center;
.open-interest-icon{
width: 88rpx;
height: 88rpx;
}
.open-interest-text{
width: calc( 100% - 258rpx);
padding:0 30rpx;
box-sizing: border-box;
.open-interest-title{
font-weight: bold;
color: #111111;
line-height: 40rpx;
font-size: 30rpx;
}
.open-interest-submit{
color: #666666;
font-size: 26rpx;
line-height: 40rpx;
}
}
.open-interest-btn[size="mini"]{
width: 170rpx;
height: 70rpx;
line-height: 70rpx;
padding: 0;
border-radius: 35rpx;
background: $main-color;
color: white;
font-size: 30rpx;
&::after{
display: none;
}
&[disabled]{
background: #EEEEEE;
color: #999999;
}
}
}
}
</style>

View File

@@ -0,0 +1,217 @@
<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" v-if="centerUser != ''">
<label>运营中心</label>
<view class="val">{{centerUser}}</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 : '',
centerUser: ''
};
},
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, center_user } = 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 || ''
this.centerUser = center_user
}).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>

View File

@@ -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: red;
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>

View File

@@ -0,0 +1,219 @@
<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" v-if="centerUser != ''">
<label>运营中心</label>
<view class="val">{{centerUser}}</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',
centerUser: ''
};
},
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, center_user } = 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 || '-'
this.centerUser= center_user
}).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>

View File

@@ -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 => {

View File

@@ -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,67 @@
})
},
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
})
}
})
}
},

View File

@@ -98,7 +98,13 @@
<image class="nav-icon-src" src="@/static/icons/user_nav_06.png"></image>关注公众号
</view>
<u-icon name="arrow-right" color="#cacaca" size="34rpx" bold></u-icon>
</view>
</view>
<!-- <view class="nav-flex" @click="onReckoner">
<view class="nav-icon">
<image class="nav-icon-src" src="@/static/icons/user_nav_09.png"></image>盘债计算器
</view>
<u-icon name="arrow-right" color="#cacaca" size="34rpx" bold></u-icon>
</view> -->
<view class="border-solid-empty"></view>
<view class="nav-flex" @click="updateApp">
<view class="nav-icon">
@@ -165,12 +171,28 @@
<view class="button" @click="sureYunYing">确认名称</view>
</view>
</u-popup>
<!-- 盘债计算机二维码 -->
<!-- <u-popup :show="reckonerShow" mode="center" bgColor="transparent">
<view class="reckoner-lay">
<view class="reckoner-content">
<image class="reckoner-code" :src="reckonerQrcode" mode="widthFix"></image>
<view class="reckoner-url" @click="onCopyUrl(reckonerURL)">邀请码{{reckonerInvite}}<text>复制</text></view>
<view class="reckoner-btn" @click="onIsSeve">保存海报</view>
<image class="reckoner-back" src="@/static/imgs/reckoner-back.png" mode="aspectFill"></image>
</view>
<u-icon name="close-circle-fill" size="42" color="#fff" @click="reckonerShow = false"></u-icon>
</view>
</u-popup> -->
<!-- 海报 -->
<!-- <l-painter class="l-painter" :board="reckonerPoster" isCanvasToTempFilePath @success="qrcodePath"/> -->
</view>
</template>
<script>
import { info, relationsVerify, relationsBind, submitTeamName } from '@/apis/interfaces/user.js'
import { info, relationsVerify, relationsBind, submitTeamName, debtUrl } from '@/apis/interfaces/user.js'
import { getVersions } from '@/apis/interfaces/versions'
import { request } from '../../apis';
import permision from "@/js_sdk/wa-permission/permission.js"
export default {
data() {
return {
@@ -206,14 +228,159 @@
team_status :'', // 状态 0 不展示运营中心 1可以申请但是没有完善2申请完审核中3已通过已修改
team_id :'',
region_status :'', // 状态 0 不展示 大区中心 1可以申请但是没有完善2申请完审核中3已通过已修改
region_id :'',
region_id :'',
// 计算器
reckonerShow : false,
reckonerURL : '',
reckonerQrcode : '',
reckonerInvite : '',
reckonerPoster : {}
};
},
onShow() {
this.isAuth = this.$store.getters.getToken != ''
if (this.$store.getters.getToken != '') this.getUserInfo()
if (this.$store.getters.getToken != '') this.getUserInfo()
},
methods: {
methods: {
// 检查保存海报权限
async onIsSeve(){
let result = await permision.requestAndroidPermission('android.permission.READ_EXTERNAL_STORAGE')
// 检查用户权限
if(result == 1){
this.onDowQRcode()
return
}
// 引导用户设置联系电话
uni.showModal({
title : '提示',
content : '请授权应用获得[写入相册]权限',
showCancel : false,
confirmText : '设置',
success : modalRes => {
permision.gotoAppPermissionSetting()
}
})
},
// 保存盘债计算器海报
onDowQRcode(){
uni.showLoading({
title: '获取海报中...',
mask : true
})
this.reckonerPoster = {
css: {
width: '600rpx',
borderRadius: '20rpx'
},
views: [
{
css: {
width: '600rpx',
height: '840rpx',
objectFit: 'cover',
borderRadius: '20rpx'
},
src : require('@/static/imgs/reckoner-back.png'),
type: "image"
},
{
css: {
width: '440rpx',
height: '440rpx',
position: 'absolute',
left: '80rpx',
top: '120rpx',
borderRadius: '20rpx'
},
src : this.reckonerQrcode,
type: "image"
}, {
type: 'text',
text: '邀请码:' + this.reckonerInvite,
css: {
textAlign: 'center',
color: '#fff',
position: 'absolute',
left: '30rpx',
top: '600rpx',
width: '540rpx',
lineHeight: '50rpx',
fontSize: '16px',
fontWeight: 'bold'
}
}, {
type: 'text',
text: '使用微信扫一扫,打开盘债计算器',
css: {
textAlign: 'center',
color: '#fff',
position: 'absolute',
left: '30rpx',
top: '670rpx',
width: '540rpx',
lineHeight: '50rpx',
fontSize: '14px'
}
},
]
}
},
// 生成海报地址
qrcodePath(path){
uni.hideLoading()
uni.saveImageToPhotosAlbum({
filePath: path,
success :() => {
uni.showToast({
title: '海报已保存,赶快去分享吧',
icon : 'none'
})
},
fail : () => {
uni.showToast({
title: '保存失败,请检查系统权限',
icon : 'none'
})
}
});
},
// 复制用户地址
onCopyUrl(url){
uni.setClipboardData({
data : url,
success : res => {
uni.showToast({
title: '地址已复制'
})
}
})
},
// 盘债计算器
onReckoner() {
if(!this.isAuth){
this.$Router.push({
name: 'Auth'
})
return
}
uni.showLoading({
title: '获取邀请码',
mask : true
})
debtUrl().then(res => {
uni.hideLoading()
let { url, qrcode, invite } = res;
this.reckonerURL = url
this.reckonerQrcode = qrcode
this.reckonerInvite = invite
this.reckonerShow = true
}).catch(err => {
uni.showToast({
title: err.message,
icon : 'none'
})
})
},
// 获取用户信息
getUserInfo() {
uni.showLoading({
@@ -296,7 +463,13 @@
})
},
// 推荐关系
onParent() {
onParent() {
if(!this.isAuth){
this.$Router.push({
name: 'Auth'
})
return
}
if (this.parent == '') {
this.showBind = true
return
@@ -316,7 +489,7 @@
})
},
// 绑定邀请码
onBind() {
onBind() {
// 检验邀请码
if (this.isInvitation) {
if (this.invitation === '') {
@@ -396,7 +569,6 @@
},
// 运营中心确认按钮处理
sureYunYing(){
console.log(this.team_status,this.region_status)
if(this.yunying_name == '' || this.yunying_name.length == 0){
uni.showToast({
title:this.team_status == 1?'请完善法务运营中心名称':'请完善大区运营中心名称',
@@ -437,7 +609,8 @@
// 获取系统版本号
getVersions({
platform: plus.os.name,
version : plus.runtime.version
version : plus.runtime.version,
channel : 'app'
}).then(res => {
uni.hideLoading()
if (res.update) {
@@ -498,7 +671,61 @@
}
</script>
<style lang="scss">
<style lang="scss">
// 计算器弹出层
.l-painter{ position: fixed; top: -100%; left: -100%; }
.reckoner-lay{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
.reckoner-content{
border-radius: 20rpx;
padding: 70rpx 50rpx;
width: 75vw;
box-sizing: border-box;
margin-bottom: 30rpx;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
.reckoner-back{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.reckoner-code{
width: 45vw;
height: 45vw;
margin-top: 20rpx;
margin-bottom: 30rpx;
}
.reckoner-btn{
margin-top: 50rpx;
background: white;
color: #051437;
width: 55vw;
text-align: center;
line-height: 100rpx;
border-radius: 50rpx;
font-size: 34rpx;
}
.reckoner-url{
color: white;
text-align: center;
font-size: 30rpx;
text{ font-weight: bold; margin-left: 15rpx; }
}
}
}
// close-circle-fill
// 导航栏
.nav-flex {
height: 120rpx;
padding: 0 30rpx;

View File

@@ -1,21 +1,36 @@
<template>
<view class="content">
<view class="log-blcok" v-for="(item, index) in logs" :key="index" @click="onInfo(item.business_order_id)">
<view class="flex">
<label>订单编号</label>
<view class="val">{{item.order_no}}</view>
<block v-if="logs.length <= 0">
<view class="null-pages">
<u-empty
mode="history"
icon="http://cdn.uviewui.com/uview/empty/history.png"
text="暂无合同签约记录"
>
</u-empty>
</view>
<view class="flex">
<label>业务类型</label>
<view class="val">
<text v-for="(titem, tindex) in item.item_type" :key="tindex">{{titem.title}}</text>
</block>
<block v-else>
<view class="log-blcok" v-for="(item, index) in logs" :key="index" @click="onInfo(item.business_order_id)">
<view class="flex">
<label>订单编号</label>
<view class="val">{{item.order_no}}</view>
</view>
<view class="flex">
<label>业务类型</label>
<view class="val">
<text v-for="(titem, tindex) in item.item_type" :key="tindex">{{titem.title}}</text>
</view>
</view>
<view class="flex">
<label>签约时间</label>
<view class="val">{{item.created_at}}</view>
</view>
</view>
<view class="flex">
<label>签约时间</label>
<view class="val">{{item.created_at}}</view>
<view class="pages-loding" v-if="isLoding">
<u-loadmore :status="status" loadingIcon="semicircle" />
</view>
</view>
</block>
</view>
</template>
@@ -24,7 +39,10 @@
export default {
data() {
return {
logs: [],
status : 'loading',
isLoding: false,
logs : [],
page : { current : 0 }
};
},
created() {
@@ -37,10 +55,14 @@
mask : true
})
getSignLogs({
page: 1
page: this.page.current
}).then(res => {
this.logs = res.data
this.page = res.page
let { data, page } = res;
let atArr = page.current == 1 ? [] : this.logs
this.logs = atArr.concat(data)
this.page = page
this.status = !page.has_more ? 'nomore': 'loading'
this.isLoding = !page.has_more
uni.hideLoading()
}).catch(err => {
uni.showToast({
@@ -55,6 +77,13 @@
params : { id }
})
}
},
onReachBottom(){
this.isLoding = true
if(this.page.has_more){
this.page.current++
this.getLog()
}
}
}
</script>
@@ -68,6 +97,7 @@
border-radius: $radius;
padding: $padding;
position: relative;
margin-bottom: 20rpx;
// .log-icon{ position: absolute; right: $margin; top: 50%; margin-top: -14rpx; }
.flex{
display: flex;
@@ -77,4 +107,10 @@
label{ color: gray; }
}
}
// 分页加载
.pages-loding{ padding: 10rpx; }
// 记录为空
.null-pages{ display: flex; align-items: center; justify-content: space-around; height: 80vh;}
</style>

View File

@@ -75,8 +75,6 @@
page : this.page.current
}).then(res => {
let { users, count } = res;
console.log(users)
let atList = users.page.current == 1 ? [] : this.users
this.count = count
this.users = atList.concat(users.data)

View File

@@ -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;

View File

@@ -11,12 +11,6 @@
<!-- 机构 -->
<view class="block-item">
<label class="block-item-label"><text>*</text>机构</label>
<!-- <picker :range="item.institution" range-key="title" :value="item.institutionIndex" @change="institutionChange($event, item, index)">
<view class="institution-picker">
<view class="institution-picker-text nowrap">{{item.institution[item.institutionIndex].title}}</view>
<u-icon size="12" color="#999" name="arrow-down-fill"></u-icon>
</view>
</picker> -->
<view class="institution-picker" @click="onShowInstitution(item.institution, item, index)">
<view class="institution-picker-text nowrap">{{item.institution[item.institutionIndex].title}}</view>
<u-icon size="12" color="#999" name="arrow-down-fill"></u-icon>
@@ -24,7 +18,7 @@
</view>
<!-- 业务类型 -->
<view class="block-item">
<label class="block-item-label"><text>*</text>业务类型</label>
<label class="block-item-label"><text>*</text>业务咨询类型</label>
<picker :range="item.fromType" range-key="title" :value="item.fromIndex" @change="businessChange($event, item, index)">
<view class="institution-picker">
<view class="institution-picker-text nowrap">{{item.fromType[item.fromIndex].title}}</view>
@@ -333,7 +327,7 @@
}).then(res => {
uni.showModal({
title : '提示',
content : '订单已创建,请尽快提醒用户完善用户资料',
content : '咨询订单已创建,请尽快提醒用户完善用户资料',
showCancel : false,
success : () => {
this.$Router.back()

View File

@@ -0,0 +1,641 @@
<template>
<view class="content">
<view v-if="isAuth">
<!-- 状态栏 -->
<u-sticky bgColor="#FFFFFF">
<view class="status_bar"></view>
<view class="work-bar">
<view class="work-bar-user">
<image class="cover" :src="userInfo.avatar || require('@/static/imgs/default-active.png')" mode="aspectFill"></image>
<view class="nickname">{{userInfo.nickname}}<text class="card" v-if="isManager">{{identity.name}}</text></view>
</view>
<view class="work-bar-add" @click="onCreateOrder" v-if="isManager">
<uni-icons class="icon" type="plusempty" size="30rpx" color="#111"></uni-icons>创建订单
</view>
</view>
</u-sticky>
<!-- 未认证或未考试 -->
<block v-if="!isManager">
<view class="block open-interest">
<view class="title">实习顾问专属权益</view>
<view class="open-interest-flex">
<view class="open-interest-item" v-for="(item, index) in rightsArr" :key="index" @click="onToast(item)">
<image class="open-interest-icon" :src="item.icon"></image>
<view class="open-interest-text">{{item.title}}</view>
</view>
</view>
</view>
<view class="block open-interest">
<view class="title">仅需3步即可成为实习顾问</view>
<view class="open-interest-block">
<image class="open-interest-icon" :src="isCertification ? require('@/static/icons/work_icon_25.png'): require('@/static/icons/work_icon_24.png')"></image>
<view class="open-interest-text">
<view class="open-interest-title">实名认证</view>
<view class="open-interest-submit">通过身份证实名认证</view>
</view>
<button class="open-interest-btn" size="mini" :disabled="isCertification" @click="$Router.push({name: 'UserCertification'})">{{isCertification ? '已认证': '去认证'}}</button>
</view>
<view class="open-interest-block">
<image class="open-interest-icon" :src="isAnswer ? require('@/static/icons/work_icon_25.png'): require('@/static/icons/work_icon_23.png')"></image>
<view class="open-interest-text">
<view class="open-interest-title">通过实习顾问考试</view>
<view class="open-interest-submit">通过线上考试即可完成</view>
</view>
<button class="open-interest-btn" size="mini" :disabled="isAnswer" @click="$Router.pushTab({name: 'CollegeTest'})">{{isAnswer ? '已通过': '去考试'}}</button>
</view>
<view class="open-interest-block">
<image class="open-interest-icon" :src="sign.isSign ? require('@/static/icons/work_icon_25.png'): require('@/static/icons/work_icon_27.png')"></image>
<view class="open-interest-text">
<view class="open-interest-title">实习顾问签约</view>
<view class="open-interest-submit">完成实习顾问在线签约</view>
</view>
<button class="open-interest-btn" size="mini" :disabled="sign.isSign" @click="onSign">{{sign.isSign ? '已签约': '去签约'}}</button>
</view>
</view>
<!-- 提示信息 -->
<u-popup :show="privilegeShow" mode="center" bgColor="transparent">
<view class="privilege-lay">
<image class="privilege-lay-img" src="@/static/imgs/privilege-lay-header.png" mode="widthFix"></image>
<view class="privilege-lay-content"><text>{{privilegeText}}</text></view>
<view class="privilege-lay-remove">
<u-icon class="privilege-lay-icon" name="close-circle" color="white" size="30" @click="privilegeShow = false"></u-icon>
</view>
</view>
</u-popup>
</block>
<!-- 管理中台 -->
<block v-else>
<view class="block">
<view class="block-title">统计数据</view>
<view class="total-flex">
<view class="total-item" @click="onNav('Orders', { 'type': 2 })">
<image class="icon" src="@/static/icons/work_icon_00.png"></image>
<view class="title">预约咨询单</view>
<view class="number">{{orderCount.init_payed}}<text></text></view>
</view>
<view class="total-item" @click="onNav('Orders', { 'type': 4 })">
<image class="icon" src="@/static/icons/work_icon_01.png"></image>
<view class="title">已缴费</view>
<view class="number">{{orderCount.service_payed}}<text></text></view>
</view>
<view class="total-item" @click="onNav('Orders', { 'type': 10 })">
<image class="icon" src="@/static/icons/work_icon_02.png"></image>
<view class="title">办理完成</view>
<view class="number">{{orderCount.b_complete}}<text></text></view>
</view>
<view class="total-item" @click="onNav('RefundOrder')">
<image class="icon" src="@/static/icons/work_icon_03.png"></image>
<view class="title">已退款</view>
<view class="number">{{orderCount.refund}}<text></text></view>
</view>
<view class="total-item">
<image class="icon" src="@/static/icons/work_icon_04.png"></image>
<view class="title">完成结算</view>
<view class="number">{{orderCount.settlement_count}}<text></text></view>
</view>
<view class="total-item" @click="onNav('AccountBonus')">
<image class="icon" src="@/static/icons/work_icon_05.png"></image>
<view class="title">结算金额</view>
<view class="number">{{orderCount.settlement_price}}<text></text></view>
</view>
</view>
</view>
<view class="block">
<view class="block-title">金法订单管理</view>
<view class="tool-flex">
<view class="tool-flex-item" @click="onNav('Orders', { 'type': 0 })">
<image class="icon" src="@/static/icons/work_icon_06.png"></image>
<view class="number" v-if="orderCount.a_init > 0">{{orderCount.a_init}}</view>
<view class="text">待预约</view>
</view>
<view class="tool-flex-item" @click="onNav('Orders', { 'type': 2 })">
<image class="icon" src="@/static/icons/work_icon_21.png"></image>
<view class="number" v-if="orderCount.a_service > 0">{{orderCount.a_service}}</view>
<view class="text">匹配服务包</view>
</view>
<view class="tool-flex-item" @click="onNav('Orders', { 'type': 3 })">
<image class="icon" src="@/static/icons/work_icon_07.png"></image>
<view class="number" v-if="orderCount.a_serviced > 0">{{orderCount.a_serviced}}</view>
<view class="text">待缴服务费</view>
</view>
<view class="tool-flex-item" @click="onNav('Orders', { 'type': 4 })">
<image class="icon" src="@/static/icons/work_icon_10.png"></image>
<view class="number" v-if="orderCount.b_sign > 0">{{orderCount.b_sign}}</view>
<view class="text">待签约</view>
</view>
<view class="tool-flex-item" @click="onNav('Orders', { 'type': 5 })">
<image class="icon" src="@/static/icons/work_icon_08.png"></image>
<view class="number" v-if="orderCount.a_bank > 0">{{orderCount.a_bank}}</view>
<view class="text">待完善资料</view>
</view>
<view class="tool-flex-item" @click="onNav('Orders', { 'type': 6 })">
<image class="icon" src="@/static/icons/work_icon_09.png"></image>
<view class="number" v-if="orderCount.b_check > 0">{{orderCount.b_check}}</view>
<view class="text">初审中</view>
</view>
<view class="tool-flex-item" @click="onNav('Orders', { 'type': 7 })">
<image class="icon" src="@/static/icons/work_icon_12.png"></image>
<view class="number" v-if="orderCount.b_recheck > 0">{{orderCount.b_recheck}}</view>
<view class="text">复审中</view>
</view>
<view class="tool-flex-item" @click="onNav('Orders', { 'type': 8 })">
<image class="icon" src="@/static/icons/work_icon_13.png"></image>
<view class="number" v-if="orderCount.b_process > 0">{{orderCount.b_process}}</view>
<view class="text">办理中</view>
</view>
<view class="tool-flex-item" @click="onNav('Orders', { 'type': 9 })">
<image class="icon" src="@/static/icons/work_icon_14.png"></image>
<view class="number" v-if="orderCount.b_confirm > 0">{{orderCount.b_confirm}}</view>
<view class="text">待结案</view>
</view>
<view class="tool-flex-item" @click="onNav('Orders', { 'type': 10 })">
<image class="icon" src="@/static/icons/work_icon_15.png"></image>
<!-- <view class="number" v-if="orderCount.b_complete > 0">{{orderCount.b_complete}}</view> -->
<view class="text">办理完成</view>
</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">
<view class="tool-flex-item" @click="onNav('TransfersOrders', { type: 'out' })">
<image class="icon" src="@/static/icons/work_icon_26.png"></image>
<view class="number" v-if="orderCount.transfer_out > 0">{{orderCount.transfer_out}}</view>
<view class="text">转出订单</view>
</view>
<view class="tool-flex-item" @click="onNav('TransfersOrders', { type: 'in' })">
<image class="icon" src="@/static/icons/work_icon_19.png"></image>
<view class="number" v-if="orderCount.transfer_in > 0">{{orderCount.transfer_in}}</view>
<view class="text">转入订单</view>
</view>
</view>
</view>
<view class="block">
<view class="block-title">特殊订单管理</view>
<view class="tool-flex">
<view class="tool-flex-item" @click="onNav('ModifyOrder', {})">
<image class="icon" src="@/static/icons/work_icon_16.png"></image>
<view class="number" v-if="orderCount.audit_bank > 0">{{orderCount.audit_bank}}</view>
<view class="text">修改资料</view>
</view>
<view class="tool-flex-item" @click="onNav('PoorOrder', {})">
<image class="icon" src="@/static/icons/work_icon_17.png"></image>
<view class="number" v-if="orderCount.diff_prices > 0">{{orderCount.diff_prices}}</view>
<view class="text">补差价</view>
</view>
<view class="tool-flex-item" @click="onNav('RefundOrder')">
<image class="icon" src="@/static/icons/work_icon_18.png"></image>
<view class="number" v-if="orderCount.refund > 0">{{orderCount.refund}}</view>
<view class="text">退款订单</view>
</view>
</view>
</view>
</block>
</view>
<!-- 未登录 -->
<view v-else class="auth-null">
<u-empty
mode="permission"
icon="http://cdn.uviewui.com/uview/empty/permission.png"
text="暂未登录"
>
</u-empty>
<button class="auth-null-btn" size="mini" @click="onNav('Auth')">登录</button>
</view>
</view>
</template>
<script>
import { index, rights, sign, synthesisCount } from '@/apis/interfaces/work.js'
export default {
data() {
return {
isAuth : false,
rightsArr : [],
userInfo : {
nickname: '',
avatar : ''
},
identity : {},
isAnswer : false,
isCertification : false,
certification : null,
isManager : false,
orderCount : {},
// 权益说明
privilegeShow : false,
privilegeText : '',
// 签约状态
sign : {
isSign : false,
address : ""
},
// 综法订单管理
synthesisData : {}
};
},
onShow() {
let i = 0;
this.isAuth = this.$store.getters.getToken != ''
if(this.isAuth){
this.getIndex()
}
},
methods: {
// 签约
onSign(){
if(!this.isCertification){
uni.showToast({
title: '暂未实名认证,无法签约,请完成实名认证',
icon : 'none'
})
return
}
if(this.sign.address == ''){
uni.showToast({
title: '暂时无法签约,请前往“我的”,点击用户头像,完善通讯地址信息后重试',
icon : 'none'
})
return
}
uni.showLoading({
title : '获取签约地址',
mask : true
})
sign().then(res => {
uni.hideLoading()
this.$Router.push({
name : 'ESign',
params : {
url: res.sign_url
}
})
}).catch(err => {
uni.showToast({
title: err.message,
icon : 'none'
})
})
},
// 显示业务员权益
onToast(val){
this.privilegeText = val.content
this.privilegeShow = true
},
// 工作台信息
getIndex(){
uni.showLoading({
title: '加载中...',
mask : true
})
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
this.userInfo = {
nickname,
avatar
}
this.isCertification = isCertification
this.certification = certification
this.isManager = isManager
this.isAnswer = isAnswer
this.orderCount = business_orders_count
this.identity = identity
this.sign = sign
this.synthesisData = synthesisData
uni.hideLoading()
}).catch(err => {
uni.showToast({
title: err.message,
icon : 'none'
})
})
},
// 导航
onNav(name, obj){
let params = obj || {}
this.$Router.push({name, params})
},
// 创建订单
onCreateOrder(){
uni.showActionSheet({
itemList: ['个人订单', '客户订单'],
success : res => {
this.onNav('OrderCreate', {
type: res.tapIndex === 0 ? 'self' : 'other'
})
}
})
}
}
}
</script>
<style lang="scss" scoped>
.content{
padding-bottom: 30rpx;
}
// 登录提示
.auth-null{
height: 100vh;
width: 100vw;
background: white;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
.auth-null-btn{
height: 90rpx;
line-height: 90rpx;
padding: 0;
width: 70vw;
background: $main-color;
color: white;
font-size: 32rpx;
margin-top: 100rpx;
font-weight: bold;
}
}
// 弹出特权
.privilege-lay{
width: 70vw;
.privilege-lay-img{
width: 70vw;
vertical-align: top;
}
.privilege-lay-content{
background: white;
border-radius: 0 0 20rpx 20rpx;
width: 70vw;
padding: 80rpx 30rpx 50rpx;
box-sizing: border-box;
margin-top: -50rpx;
line-height: 50rpx;
color: #111111;
font-size: 30rpx;
}
.privilege-lay-remove{
padding-top: 30rpx;
text-align: center;
.privilege-lay-icon{
display: inline-block;
}
}
}
// header
.work-bar{
padding: 30rpx;
margin-bottom: 30rpx;
display: flex;
justify-content: space-between;
align-items: center;
&-user{
position: relative;
line-height: 70rpx;
height: 70rpx;
width: calc(100% - 200rpx);
padding-left: 90rpx;
box-sizing: border-box;
.cover{
width: 70rpx;
height: 70rpx;
border-radius: 50%;
position: absolute;
left: 0;
top: 0;
}
.nickname{
font-weight: bold;
font-size: 34rpx;
.card{
color: $main-color;
font-size: 24rpx;
display: inline-block;
height: 40rpx;
line-height: 38rpx;
border-radius: 24rpx;
padding: 0 15rpx;
margin-left: 20rpx;
margin-bottom: 2rpx;
vertical-align: middle;
border:solid 1rpx $main-color;
font-weight: normal;
}
}
}
&-add{
width: 200rpx;
font-size: 30rpx;
text-align: right;
line-height: 70rpx;
.icon{
margin-right: 5rpx;
font-weight: bold;
}
}
}
// 订单管理
.tool-flex{
padding: 0 10rpx;
display: flex;
flex-wrap: wrap;
.tool-flex-item{
width: 25%;
text-align: center;
margin-bottom: 30rpx;
position: relative;
.icon{
width: 78rpx;
height: 78rpx;
background: #ddd;
border-radius: 20rpx;
}
.number{
position: absolute;
right: 20%;
background: #fe4444;
top: -10rpx;
height: 40rpx;
line-height: 40rpx;
min-width: 40rpx;
font-size: 24rpx;
color: white;
border-radius: 50%;
}
.text{
line-height: 40rpx;
font-size: 26rpx;
color: #111;
text-align: center;
}
}
}
// 数据统计单
.total-flex{
padding: 0 20rpx 20rpx;
display: flex;
flex-direction: row;
flex-wrap: wrap;
.total-item{
margin: 0 10rpx 20rpx;
background: #f8f8f8;
width: calc(50% - 20rpx);
padding: 20rpx 20rpx 20rpx 120rpx;
box-sizing: border-box;
border-radius: $radius;
position: relative;
min-height: 140rpx;
.icon{
position: absolute;
left: 20rpx;
top: 50%;
width: 70rpx;
height: 70rpx;
margin-top: -35rpx;
}
.title{
font-size: 28rpx;
color: #111;
line-height: 40rpx;
@extend .nowrap;
}
.number{
padding-top: 5rpx;
font-weight: bold;
font-size: 34rpx;
color: #111;
font-family: Arial, Helvetica, sans-serif;
line-height: 40rpx;
@extend .nowrap;
text{
font-size: 80%;
font-weight: normal;
padding-left: 10rpx;
}
}
}
}
// 通用板块
.block{
background: white;
margin: 0 30rpx 20rpx;
border-radius: $radius;
.block-title{
padding: 30rpx;
display: flex;
justify-content: space-between;
align-items: center;
font-weight: bold;
color: '#111';
font-size: 32rpx;
}
}
// 开通业务员
.open-interest{
padding: 30rpx;
margin-bottom: 30rpx;
.title{
text-align: center;
font-size: 34rpx;
font-weight: bold;
line-height: 80rpx;
}
.open-interest-flex{
display: flex;
flex-wrap: wrap;
padding-top: 30rpx;
justify-content: space-between;
.open-interest-item{
text-align: center;
.open-interest-icon{
width: 88rpx;
height: 88rpx;
vertical-align: top;
margin-bottom: 15rpx;
}
.open-interest-text{
font-size: 28rpx;
color: #111111;
line-height: 40rpx;
}
}
}
// 开通步骤
.open-interest-block{
padding: 30rpx 0;
display: flex;
justify-content: space-between;
align-items: center;
.open-interest-icon{
width: 88rpx;
height: 88rpx;
}
.open-interest-text{
width: calc( 100% - 258rpx);
padding:0 30rpx;
box-sizing: border-box;
.open-interest-title{
font-weight: bold;
color: #111111;
line-height: 40rpx;
font-size: 30rpx;
}
.open-interest-submit{
color: #666666;
font-size: 26rpx;
line-height: 40rpx;
}
}
.open-interest-btn[size="mini"]{
width: 170rpx;
height: 70rpx;
line-height: 70rpx;
padding: 0;
border-radius: 35rpx;
background: $main-color;
color: white;
font-size: 30rpx;
&::after{
display: none;
}
&[disabled]{
background: #EEEEEE;
color: #999999;
}
}
}
}
</style>

File diff suppressed because it is too large Load Diff

View File

@@ -159,7 +159,6 @@
},
// 选择物流公司
onPicker(e){
console.log(e)
this.expressIndex = e.detail.value
},
// 扫码

View File

@@ -77,7 +77,6 @@
<view class="btns-item btns-border" v-if="item.status.value == 3" @click="$Router.push({name: 'Pay', params: {orderId: item.business_order_id, type: 'acting', paytype: 'price'}})">缴费</view>
<view class="btns-item btns-border" v-if="item.status.value == 5" @click="$Router.push({name: 'WorkPerfectChoose', params: {orderId: item.business_order_id, type: 'perfect'}})">完善</view>
<view class="btns-item btns-border" v-if="item.status.value == 6" @click="$Router.push({name: 'WorkPerfectChoose', params: {orderId: item.business_order_id }})">查看资料</view>
<!-- type: 'perfect' -->
<view class="btns-item btns-border" v-if="item.status.value == 8" @click="$Router.push({name: 'OrderLog', params: {orderId: item.business_order_id}})">查看记录</view>
<view class="btns-item btns-border" v-if="item.can.confirm && item.is_my" @click="$Router.push({name: 'ConfirmScheme', params: {orderId: item.business_order_id,}})">去确认</view>
<view class="btns-item" @click="$Router.push({name: 'OrderInfo', params: {orderId: item.business_order_id}})">查看</view>

View File

@@ -185,7 +185,6 @@
</block>
</view>
</template>
<script>
import { perfectBase, updPerfectBase, historyBase } from '@/apis/interfaces/order.js'
import { region } from '@/apis/interfaces/address.js'
@@ -349,7 +348,6 @@
}
}
</script>
<style lang="scss">
.content{
padding-top: 30rpx;
@@ -450,4 +448,4 @@
}
}
}
</style>
</style>

View File

@@ -22,9 +22,6 @@
})
baseBase(this.$Route.query.itemId).then(res => {
let { params } = res;
console.log(params)
this.params = params
uni.hideLoading()
}).catch(err => {

View File

@@ -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>

View File

@@ -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>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 77 KiB

After

Width:  |  Height:  |  Size: 29 KiB

BIN
static/icons/icon_00.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.2 KiB

BIN
static/icons/icon_01.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.4 KiB

BIN
static/icons/icon_02.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.1 KiB

BIN
static/icons/icon_03.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.9 KiB

BIN
static/icons/img_add.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 672 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.0 KiB

BIN
static/imgs/cover_img.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 670 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 508 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

View File

@@ -452,4 +452,4 @@
}
}
}
</style>
</style>

View File

@@ -299,7 +299,7 @@
.uni-data-tree {
flex: 1;
position: relative;
font-size: 14px;
font-size: 14px;
}
.error-text {
@@ -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;

335
yarn.lock
View File

@@ -2,250 +2,127 @@
# yarn lockfile v1
"@babel/parser@^7.16.4", "@babel/parser@^7.18.4":
"integrity" "sha512-r27t/cy/m9uKLXQNWWebeCUHgnAZq0CpG1OwKRxzJMP1vpSU4bSIK2hq+/cp0bQxetkXx38n09rNu8jVkcK/zA=="
"resolved" "https://registry.npmjs.org/@babel/parser/-/parser-7.20.5.tgz"
"version" "7.20.5"
"@vue/compiler-core@3.2.45":
"integrity" "sha512-rcMj7H+PYe5wBV3iYeUgbCglC+pbpN8hBLTJvRiK2eKQiWqu+fG9F+8sW99JdL4LQi7Re178UOxn09puSXvn4A=="
"resolved" "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.45.tgz"
"version" "3.2.45"
dependencies:
"@babel/parser" "^7.16.4"
"@vue/shared" "3.2.45"
"estree-walker" "^2.0.2"
"source-map" "^0.6.1"
"@vue/compiler-dom@3.2.45":
"integrity" "sha512-tyYeUEuKqqZO137WrZkpwfPCdiiIeXYCcJ8L4gWz9vqaxzIQRccTSwSWZ/Axx5YR2z+LvpUbmPNXxuBU45lyRw=="
"resolved" "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.45.tgz"
"version" "3.2.45"
dependencies:
"@vue/compiler-core" "3.2.45"
"@vue/shared" "3.2.45"
"@babel/parser@^7.18.4":
version "7.20.5"
resolved "https://registry.npmjs.org/@babel/parser/-/parser-7.20.5.tgz"
integrity sha512-r27t/cy/m9uKLXQNWWebeCUHgnAZq0CpG1OwKRxzJMP1vpSU4bSIK2hq+/cp0bQxetkXx38n09rNu8jVkcK/zA==
"@vue/compiler-sfc@2.7.14":
"integrity" "sha512-aNmNHyLPsw+sVvlQFQ2/8sjNuLtK54TC6cuKnVzAY93ks4ZBrvwQSnkkIh7bsbNhum5hJBS00wSDipQ937f5DA=="
"resolved" "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.14.tgz"
"version" "2.7.14"
version "2.7.14"
resolved "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.14.tgz"
integrity sha512-aNmNHyLPsw+sVvlQFQ2/8sjNuLtK54TC6cuKnVzAY93ks4ZBrvwQSnkkIh7bsbNhum5hJBS00wSDipQ937f5DA==
dependencies:
"@babel/parser" "^7.18.4"
"postcss" "^8.4.14"
"source-map" "^0.6.1"
"@vue/compiler-sfc@3.2.45":
"integrity" "sha512-1jXDuWah1ggsnSAOGsec8cFjT/K6TMZ0sPL3o3d84Ft2AYZi2jWJgRMjw4iaK0rBfA89L5gw427H4n1RZQBu6Q=="
"resolved" "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.45.tgz"
"version" "3.2.45"
dependencies:
"@babel/parser" "^7.16.4"
"@vue/compiler-core" "3.2.45"
"@vue/compiler-dom" "3.2.45"
"@vue/compiler-ssr" "3.2.45"
"@vue/reactivity-transform" "3.2.45"
"@vue/shared" "3.2.45"
"estree-walker" "^2.0.2"
"magic-string" "^0.25.7"
"postcss" "^8.1.10"
"source-map" "^0.6.1"
"@vue/compiler-ssr@3.2.45":
"integrity" "sha512-6BRaggEGqhWht3lt24CrIbQSRD5O07MTmd+LjAn5fJj568+R9eUD2F7wMQJjX859seSlrYog7sUtrZSd7feqrQ=="
"resolved" "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.45.tgz"
"version" "3.2.45"
dependencies:
"@vue/compiler-dom" "3.2.45"
"@vue/shared" "3.2.45"
postcss "^8.4.14"
source-map "^0.6.1"
"@vue/devtools-api@^6.0.0-beta.11":
"integrity" "sha512-JD5fcdIuFxU4fQyXUu3w2KpAJHzTVdN+p4iOX2lMWSHMOoQdMAcpFLZzm9Z/2nmsoZ1a96QEhZ26e50xLBsgOQ=="
"resolved" "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.4.5.tgz"
"version" "6.4.5"
version "6.4.5"
resolved "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.4.5.tgz"
integrity sha512-JD5fcdIuFxU4fQyXUu3w2KpAJHzTVdN+p4iOX2lMWSHMOoQdMAcpFLZzm9Z/2nmsoZ1a96QEhZ26e50xLBsgOQ==
"@vue/reactivity-transform@3.2.45":
"integrity" "sha512-BHVmzYAvM7vcU5WmuYqXpwaBHjsS8T63jlKGWVtHxAHIoMIlmaMyurUSEs1Zcg46M4AYT5MtB1U274/2aNzjJQ=="
"resolved" "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.45.tgz"
"version" "3.2.45"
core-js@^2.6.5:
version "2.6.12"
resolved "https://registry.npmjs.org/core-js/-/core-js-2.6.12.tgz"
integrity sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==
csstype@^3.1.0:
version "3.1.1"
resolved "https://registry.npmjs.org/csstype/-/csstype-3.1.1.tgz"
integrity sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw==
eventemitter3@^4.0.7:
version "4.0.7"
resolved "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz"
integrity sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==
lodash-es@^4.17.21:
version "4.17.21"
resolved "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz"
integrity sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==
moment@^2.29.4:
version "2.29.4"
resolved "https://registry.npmjs.org/moment/-/moment-2.29.4.tgz"
integrity sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w==
nanoid@^3.3.4:
version "3.3.4"
resolved "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz"
integrity sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==
nim-web-sdk-ng@^0.12.3:
version "0.12.3"
resolved "https://registry.npmjs.org/nim-web-sdk-ng/-/nim-web-sdk-ng-0.12.3.tgz"
integrity sha512-S1RYQDz5n/tCqdHVv5fIBKBB60hdvySLTLo1xSgPVrk725GrGSXXyblWZeaWazUoFuLzfSKyrK0LRCJoAMcHYw==
dependencies:
"@babel/parser" "^7.16.4"
"@vue/compiler-core" "3.2.45"
"@vue/shared" "3.2.45"
"estree-walker" "^2.0.2"
"magic-string" "^0.25.7"
eventemitter3 "^4.0.7"
lodash-es "^4.17.21"
platform "^1.3.6"
"@vue/reactivity@3.2.45":
"integrity" "sha512-PRvhCcQcyEVohW0P8iQ7HDcIOXRjZfAsOds3N99X/Dzewy8TVhTCT4uXpAHfoKjVTJRA0O0K+6QNkDIZAxNi3A=="
"resolved" "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.45.tgz"
"version" "3.2.45"
picocolors@^1.0.0:
version "1.0.0"
resolved "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz"
integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
platform@^1.3.6:
version "1.3.6"
resolved "https://registry.npmjs.org/platform/-/platform-1.3.6.tgz"
integrity sha512-fnWVljUchTro6RiCFvCXBbNhJc2NijN7oIQxbwsyL0buWJPG85v81ehlHI9fXrJsMNgTofEoWIQeClKpgxFLrg==
postcss@^8.4.14:
version "8.4.20"
resolved "https://registry.npmjs.org/postcss/-/postcss-8.4.20.tgz"
integrity sha512-6Q04AXR1212bXr5fh03u8aAwbLxAQNGQ/Q1LNa0VfOI06ZAlhPHtQvE4OIdpj4kLThXilalPnmDSOD65DcHt+g==
dependencies:
"@vue/shared" "3.2.45"
nanoid "^3.3.4"
picocolors "^1.0.0"
source-map-js "^1.0.2"
"@vue/runtime-core@3.2.45":
"integrity" "sha512-gzJiTA3f74cgARptqzYswmoQx0fIA+gGYBfokYVhF8YSXjWTUA2SngRzZRku2HbGbjzB6LBYSbKGIaK8IW+s0A=="
"resolved" "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.2.45.tgz"
"version" "3.2.45"
source-map-js@^1.0.2:
version "1.0.2"
resolved "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz"
integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
source-map@^0.6.1:
version "0.6.1"
resolved "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz"
integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
uni-read-pages@^1.0.5:
version "1.0.5"
resolved "https://registry.npmjs.org/uni-read-pages/-/uni-read-pages-1.0.5.tgz"
integrity sha512-GkrrZ0LX0vn9R5k6RKEi0Ez3Q3e2vUpjXQ8Z6/K/d28KudI9ajqgt8WEjQFlG5EPm1K6uTArN8LlqmZTEixDUA==
uni-simple-router@^2.0.7:
version "2.0.7"
resolved "https://registry.npmjs.org/uni-simple-router/-/uni-simple-router-2.0.7.tgz"
integrity sha512-8FKv5dw7Eoonm0gkO8udprrxzin0fNUI0+AvIphFkFRH5ZmP5ZWJ2pvnWzb2NiiqQSECTSU5VSB7HhvOSwD5eA==
uview-ui@^2.0.31:
version "2.0.31"
resolved "https://registry.npmjs.org/uview-ui/-/uview-ui-2.0.31.tgz"
integrity sha512-I/0fGuvtiKHH/mBb864SGYk+SJ7WaF32tsBgYgeBOsxlUp+Th+Ac2tgz2cTvsQJl6eZYWsKZ3ixiSXCAcxZ8Sw==
vue-canvas-poster@^1.2.1:
version "1.2.1"
resolved "https://registry.npmjs.org/vue-canvas-poster/-/vue-canvas-poster-1.2.1.tgz"
integrity sha512-YY5ygbeQSqhiJyj6QXYgSRZ6Ywhvi1gVsfcvBIoCx4Yq9E/gAV32uOhnZz45qsklP86uGc9ypKJAXiX6Dzrdxw==
dependencies:
"@vue/reactivity" "3.2.45"
"@vue/shared" "3.2.45"
core-js "^2.6.5"
vue "^2.6.10"
"@vue/runtime-dom@3.2.45":
"integrity" "sha512-cy88YpfP5Ue2bDBbj75Cb4bIEZUMM/mAkDMfqDTpUYVgTf/kuQ2VQ8LebuZ8k6EudgH8pYhsGWHlY0lcxlvTwA=="
"resolved" "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.2.45.tgz"
"version" "3.2.45"
dependencies:
"@vue/runtime-core" "3.2.45"
"@vue/shared" "3.2.45"
"csstype" "^2.6.8"
"@vue/server-renderer@3.2.45":
"integrity" "sha512-ebiMq7q24WBU1D6uhPK//2OTR1iRIyxjF5iVq/1a5I1SDMDyDu4Ts6fJaMnjrvD3MqnaiFkKQj+LKAgz5WIK3g=="
"resolved" "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.2.45.tgz"
"version" "3.2.45"
dependencies:
"@vue/compiler-ssr" "3.2.45"
"@vue/shared" "3.2.45"
"@vue/shared@3.2.45":
"integrity" "sha512-Ewzq5Yhimg7pSztDV+RH1UDKBzmtqieXQlpTVm2AwraoRL/Rks96mvd8Vgi7Lj+h+TH8dv7mXD3FRZR3TUvbSg=="
"resolved" "https://registry.npmjs.org/@vue/shared/-/shared-3.2.45.tgz"
"version" "3.2.45"
"core-js@^2.6.5":
"integrity" "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ=="
"resolved" "https://registry.npmjs.org/core-js/-/core-js-2.6.12.tgz"
"version" "2.6.12"
"csstype@^2.6.8":
"integrity" "sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w=="
"resolved" "https://registry.npmjs.org/csstype/-/csstype-2.6.21.tgz"
"version" "2.6.21"
"csstype@^3.1.0":
"integrity" "sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw=="
"resolved" "https://registry.npmjs.org/csstype/-/csstype-3.1.1.tgz"
"version" "3.1.1"
"estree-walker@^2.0.2":
"integrity" "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
"resolved" "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz"
"version" "2.0.2"
"eventemitter3@^4.0.7":
"integrity" "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw=="
"resolved" "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz"
"version" "4.0.7"
"lodash-es@^4.17.21":
"integrity" "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw=="
"resolved" "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz"
"version" "4.17.21"
"magic-string@^0.25.7":
"integrity" "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ=="
"resolved" "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz"
"version" "0.25.9"
dependencies:
"sourcemap-codec" "^1.4.8"
"moment@^2.29.4":
"integrity" "sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w=="
"resolved" "https://registry.npmjs.org/moment/-/moment-2.29.4.tgz"
"version" "2.29.4"
"nanoid@^3.3.4":
"integrity" "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw=="
"resolved" "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz"
"version" "3.3.4"
"nim-web-sdk-ng@^0.12.3":
"integrity" "sha512-S1RYQDz5n/tCqdHVv5fIBKBB60hdvySLTLo1xSgPVrk725GrGSXXyblWZeaWazUoFuLzfSKyrK0LRCJoAMcHYw=="
"resolved" "https://registry.npmjs.org/nim-web-sdk-ng/-/nim-web-sdk-ng-0.12.3.tgz"
"version" "0.12.3"
dependencies:
"eventemitter3" "^4.0.7"
"lodash-es" "^4.17.21"
"platform" "^1.3.6"
"picocolors@^1.0.0":
"integrity" "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
"resolved" "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz"
"version" "1.0.0"
"platform@^1.3.6":
"integrity" "sha512-fnWVljUchTro6RiCFvCXBbNhJc2NijN7oIQxbwsyL0buWJPG85v81ehlHI9fXrJsMNgTofEoWIQeClKpgxFLrg=="
"resolved" "https://registry.npmjs.org/platform/-/platform-1.3.6.tgz"
"version" "1.3.6"
"postcss@^8.1.10", "postcss@^8.4.14":
"integrity" "sha512-6Q04AXR1212bXr5fh03u8aAwbLxAQNGQ/Q1LNa0VfOI06ZAlhPHtQvE4OIdpj4kLThXilalPnmDSOD65DcHt+g=="
"resolved" "https://registry.npmjs.org/postcss/-/postcss-8.4.20.tgz"
"version" "8.4.20"
dependencies:
"nanoid" "^3.3.4"
"picocolors" "^1.0.0"
"source-map-js" "^1.0.2"
"source-map-js@^1.0.2":
"integrity" "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw=="
"resolved" "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz"
"version" "1.0.2"
"source-map@^0.6.1":
"integrity" "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
"resolved" "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz"
"version" "0.6.1"
"sourcemap-codec@^1.4.8":
"integrity" "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA=="
"resolved" "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz"
"version" "1.4.8"
"uni-read-pages@^1.0.5":
"integrity" "sha512-GkrrZ0LX0vn9R5k6RKEi0Ez3Q3e2vUpjXQ8Z6/K/d28KudI9ajqgt8WEjQFlG5EPm1K6uTArN8LlqmZTEixDUA=="
"resolved" "https://registry.npmjs.org/uni-read-pages/-/uni-read-pages-1.0.5.tgz"
"version" "1.0.5"
"uni-simple-router@^2.0.7":
"integrity" "sha512-8FKv5dw7Eoonm0gkO8udprrxzin0fNUI0+AvIphFkFRH5ZmP5ZWJ2pvnWzb2NiiqQSECTSU5VSB7HhvOSwD5eA=="
"resolved" "https://registry.npmjs.org/uni-simple-router/-/uni-simple-router-2.0.7.tgz"
"version" "2.0.7"
"uview-ui@^2.0.31":
"integrity" "sha512-I/0fGuvtiKHH/mBb864SGYk+SJ7WaF32tsBgYgeBOsxlUp+Th+Ac2tgz2cTvsQJl6eZYWsKZ3ixiSXCAcxZ8Sw=="
"resolved" "https://registry.npmjs.org/uview-ui/-/uview-ui-2.0.31.tgz"
"version" "2.0.31"
"vue-canvas-poster@^1.2.1":
"integrity" "sha512-YY5ygbeQSqhiJyj6QXYgSRZ6Ywhvi1gVsfcvBIoCx4Yq9E/gAV32uOhnZz45qsklP86uGc9ypKJAXiX6Dzrdxw=="
"resolved" "https://registry.npmjs.org/vue-canvas-poster/-/vue-canvas-poster-1.2.1.tgz"
"version" "1.2.1"
dependencies:
"core-js" "^2.6.5"
"vue" "^2.6.10"
"vue@^2.6.10":
"integrity" "sha512-b2qkFyOM0kwqWFuQmgd4o+uHGU7T+2z3T+WQp8UBjADfEv2n4FEMffzBmCKNP0IGzOEEfYjvtcC62xaSKeQDrQ=="
"resolved" "https://registry.npmjs.org/vue/-/vue-2.7.14.tgz"
"version" "2.7.14"
vue@^2.6.10:
version "2.7.14"
resolved "https://registry.npmjs.org/vue/-/vue-2.7.14.tgz"
integrity sha512-b2qkFyOM0kwqWFuQmgd4o+uHGU7T+2z3T+WQp8UBjADfEv2n4FEMffzBmCKNP0IGzOEEfYjvtcC62xaSKeQDrQ==
dependencies:
"@vue/compiler-sfc" "2.7.14"
"csstype" "^3.1.0"
csstype "^3.1.0"
"vue@^3.2.0", "vue@3.2.45":
"integrity" "sha512-9Nx/Mg2b2xWlXykmCwiTUCWHbWIj53bnkizBxKai1g61f2Xit700A1ljowpTIM11e3uipOeiPcSqnmBg6gyiaA=="
"resolved" "https://registry.npmjs.org/vue/-/vue-3.2.45.tgz"
"version" "3.2.45"
dependencies:
"@vue/compiler-dom" "3.2.45"
"@vue/compiler-sfc" "3.2.45"
"@vue/runtime-dom" "3.2.45"
"@vue/server-renderer" "3.2.45"
"@vue/shared" "3.2.45"
"vuex@^4.0.2":
"integrity" "sha512-hmV6UerDrPcgbSy9ORAtNXDr9M4wlNP4pEFKye4ujJF8oqgFFuxDCdOLS3eNoRTtq5O3hoBDh9Doj1bQMYHRbQ=="
"resolved" "https://registry.npmjs.org/vuex/-/vuex-4.1.0.tgz"
"version" "4.1.0"
vuex@^4.0.2:
version "4.1.0"
resolved "https://registry.npmjs.org/vuex/-/vuex-4.1.0.tgz"
integrity sha512-hmV6UerDrPcgbSy9ORAtNXDr9M4wlNP4pEFKye4ujJF8oqgFFuxDCdOLS3eNoRTtq5O3hoBDh9Doj1bQMYHRbQ==
dependencies:
"@vue/devtools-api" "^6.0.0-beta.11"