合并工作台
@@ -13,7 +13,7 @@
|
||||
"type" : "uniCloud"
|
||||
},
|
||||
{
|
||||
"playground" : "custom",
|
||||
"playground" : "standard",
|
||||
"type" : "uni-app:app-android"
|
||||
}
|
||||
]
|
||||
|
||||
7
App.vue
@@ -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 测试环境
|
||||
// signUrl: "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' 测试环境
|
||||
// certificationUrl: 'https://web.douhuotest.douhuofalv.com/app/e-sign?sign_type=personal', //测试环境
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -10,8 +10,8 @@ import router from '../router'
|
||||
|
||||
// 基础配置
|
||||
const config = {
|
||||
// apiUrl : 'https://douhuo.douhuofalv.com/api/',
|
||||
apiUrl : 'https://api.douhuotest.douhuofalv.com/api/', //测试环境
|
||||
apiUrl : 'https://douhuo.douhuofalv.com/api/',
|
||||
// apiUrl : 'https://api.douhuotest.douhuofalv.com/api/', //测试环境
|
||||
timeout : 60000
|
||||
}
|
||||
|
||||
@@ -67,7 +67,6 @@ const request = (parameter, hideLoding = true) => {
|
||||
errToast(res.statusCode)
|
||||
},
|
||||
fail(err) {
|
||||
console.log(err)
|
||||
uni.showToast({
|
||||
title: '网络错误,请检查您设备网络状态',
|
||||
icon : 'none'
|
||||
|
||||
@@ -50,9 +50,6 @@ const withdrawsCreate = () => {
|
||||
|
||||
// 奖金提现申请
|
||||
const withdraws = data => {
|
||||
|
||||
console.log(data)
|
||||
|
||||
return request({
|
||||
url: 'withdraws/index',
|
||||
method: 'POST',
|
||||
|
||||
@@ -25,7 +25,7 @@ const jf = (data) =>{
|
||||
data
|
||||
})
|
||||
}
|
||||
// 金法服务包
|
||||
// 综法服务包
|
||||
const zf = (data) =>{
|
||||
return request({
|
||||
url: "app/services/zf",
|
||||
|
||||
@@ -180,6 +180,13 @@ const createCity = (data) =>{
|
||||
})
|
||||
}
|
||||
|
||||
// 盘债计算器
|
||||
const debtUrl = () => {
|
||||
return request({
|
||||
url: "debt/url"
|
||||
})
|
||||
}
|
||||
|
||||
export {
|
||||
relations,
|
||||
code,
|
||||
@@ -201,5 +208,6 @@ export {
|
||||
getTeamLogs,
|
||||
getSignLogs,
|
||||
getFlows,
|
||||
createCity
|
||||
createCity,
|
||||
debtUrl
|
||||
}
|
||||
|
||||
@@ -39,9 +39,32 @@ const synthesisCount = () => {
|
||||
})
|
||||
}
|
||||
|
||||
// 获取综法法律咨询单统计
|
||||
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,
|
||||
synthesisCount
|
||||
synthesisCount,
|
||||
synthesisServices,
|
||||
synthesisAttorney
|
||||
}
|
||||
@@ -38,6 +38,8 @@
|
||||
<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>
|
||||
@@ -129,6 +131,10 @@
|
||||
// 取消订单
|
||||
onCancel(id){
|
||||
this.$emit('cancel', id)
|
||||
},
|
||||
// 线上支付被驳回
|
||||
onPayTurn(id){
|
||||
this.$emit('payTurn', id)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -6,8 +6,8 @@
|
||||
<view class="order-block-content">
|
||||
<view class="order-user">{{user.nickname}}<text>{{user.username}}</text></view>
|
||||
<view class="order-content">
|
||||
<view class="order-content-type" v-if="can.lawyer_status != 0">
|
||||
<label>服务律师</label>
|
||||
<view class="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>
|
||||
@@ -71,6 +71,12 @@
|
||||
isSelf: {
|
||||
type : Boolean,
|
||||
default : false
|
||||
},
|
||||
can : {
|
||||
type : Object,
|
||||
default : () => {
|
||||
return { }
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
@@ -78,8 +84,6 @@
|
||||
this.$emit('info', id)
|
||||
},
|
||||
onPhone(mobile){
|
||||
console.log(mobile)
|
||||
|
||||
this.$emit('callPhone', mobile)
|
||||
},
|
||||
onSing(id){
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
{
|
||||
"name" : "抖火",
|
||||
"name" : "抖火法律",
|
||||
"appid" : "__UNI__C305C03",
|
||||
"description" : "纵有疾风起,人生不言弃",
|
||||
"versionName" : "1.4.6",
|
||||
"versionName" : "1.4.9",
|
||||
"versionCode" : 104,
|
||||
"transformPx" : false,
|
||||
/* 5+App特有相关 */
|
||||
|
||||
36
pages.json
@@ -617,6 +617,42 @@
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationBarBackgroundColor": "#FFFFFF"
|
||||
}
|
||||
}, {
|
||||
"path": "pages/synthesize/consultWork",
|
||||
"name": "ConsultWork",
|
||||
"auth": true,
|
||||
"style": {
|
||||
"navigationBarTitleText": "协商调解单",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationBarBackgroundColor": "#FFFFFF"
|
||||
}
|
||||
}, {
|
||||
"path": "pages/synthesize/serviceWork",
|
||||
"name": "ServiceWork",
|
||||
"auth": true,
|
||||
"style": {
|
||||
"navigationBarTitleText": "法律咨询单",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationBarBackgroundColor": "#FFFFFF"
|
||||
}
|
||||
}, {
|
||||
"path": "pages/synthesize/actionWork",
|
||||
"name": "ActionWork",
|
||||
"auth": true,
|
||||
"style": {
|
||||
"navigationBarTitleText": "诉讼委托单",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationBarBackgroundColor": "#FFFFFF"
|
||||
}
|
||||
}, {
|
||||
"path": "pages/synthesize/enableWork",
|
||||
"name": "EnableWork",
|
||||
"auth": true,
|
||||
"style": {
|
||||
"navigationBarTitleText": "增收赋能单",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationBarBackgroundColor": "#FFFFFF"
|
||||
}
|
||||
}, {
|
||||
"path": "pages/synthesize/servicesInfo",
|
||||
"name": "OrderServicesInfo",
|
||||
|
||||
@@ -148,9 +148,6 @@
|
||||
this.page = lists.page
|
||||
this.pagesShow = false
|
||||
}).catch(err => {
|
||||
|
||||
console.log(err)
|
||||
|
||||
uni.showToast({
|
||||
title: err.message,
|
||||
icon : 'none'
|
||||
|
||||
@@ -278,7 +278,6 @@
|
||||
// 获取提现记录
|
||||
getTeams() {
|
||||
getTeamLogs({identity_id:this.id}).then(res => {
|
||||
console.log(res)
|
||||
this.list = res
|
||||
this.pagesShow = false
|
||||
uni.hideLoading()
|
||||
|
||||
@@ -37,11 +37,10 @@
|
||||
<view class="free" @click="onView('FreeService')">
|
||||
<image class="free-img" src="@/static/index/index_banner_free.png" mode="widthFix" />
|
||||
</view>
|
||||
<!-- 金法产品 -->
|
||||
<!-- 协商调解类 -->
|
||||
<view class="block">
|
||||
<view class="block-title">
|
||||
<view class="title"> 金法产品</view>
|
||||
<!-- <view class="more">更多<u-icon class="more-icon" size="28rpx" color="#999" name="arrow-right"/></view> -->
|
||||
<view class="title">协商调解类</view>
|
||||
</view>
|
||||
<scroll-view class="the-tabs" scroll-x="true" >
|
||||
<block v-for="(item, index) in theTabs" :key="index">
|
||||
@@ -61,59 +60,96 @@
|
||||
:id='"_tabs"+item.service_id'
|
||||
@click="sevicesClick(item.service_id)"
|
||||
>
|
||||
<image class="cover" :src="item.cover" mode="aspectFill" />
|
||||
<view class="cover" :style="'background-image: url(' + item.cover + ');'"></view>
|
||||
<view class="title nowrap">{{item.title}}</view>
|
||||
<view class="price nowrap"><text>¥</text>{{item.price}}<text class="ding" v-if="item.type">定金</text></view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<!-- 综法产品 -->
|
||||
<!-- 法律咨询类 -->
|
||||
<view class="block">
|
||||
<view class="block-title">
|
||||
<view class="title">综法产品</view>
|
||||
<view class="title">法律咨询类</view>
|
||||
</view>
|
||||
<view class="zong-list">
|
||||
<view class="zong-list-item" @click="onView('Individual')">
|
||||
<image class="cover" src="@/static/synthesize/img_00.png" mode="aspectFill" />
|
||||
<view class="colum-flex">
|
||||
<view>
|
||||
<view class="title nowrap">个人全年法律</view>
|
||||
<view class="subtitle">咨询服务 抖火法律</view>
|
||||
<scroll-view
|
||||
class="the-flex"
|
||||
style="padding-top: 0;"
|
||||
scroll-x="true"
|
||||
scroll-with-animation="true"
|
||||
:scroll-into-view='defaultViewId'
|
||||
>
|
||||
<block v-for="(item, index) in appMenus.service" :key="index">
|
||||
<view class="the-flex-item"
|
||||
@click="onView(item.page)"
|
||||
>
|
||||
<view class="cover" :style="'background-image: url(' + item.cover + ');'"></view>
|
||||
<view class="title nowrap">{{item.title}}</view>
|
||||
<view class="price nowrap"><text>¥</text>{{item.price}} <text v-if="item.limit != null">/{{item.limit}}</text></view>
|
||||
</view>
|
||||
<view class="price nowrap"><text>¥</text>365.00/年</view>
|
||||
</block>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<!-- 诉讼委托类 -->
|
||||
<view class="block">
|
||||
<view class="block-title">
|
||||
<view class="title">诉讼委托类</view>
|
||||
</view>
|
||||
<view class="lawsuit">
|
||||
<block v-for="(item, index) in appMenus.cases" :key="index">
|
||||
<view class="lawsuit-item" @click="onView(item.page)">
|
||||
<view class="lawsuit-cover" :style="'background-image: url(' + item.cover + ');'"></view>
|
||||
<view class="lawsuit-text">
|
||||
<view class="lawsuit-title nowrap">{{item.title}}</view>
|
||||
<view class="lawsuit-price">¥{{item.price}}<text v-if="item.limit != null">{{item.limit}}</text></view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="zong-list-item" @click="onView('Entrust')">
|
||||
<image class="cover" src="@/static/synthesize/img_01.png" mode="aspectFill" />
|
||||
<view class="colum-flex">
|
||||
<view>
|
||||
<view class="title nowrap">案件委托</view>
|
||||
<view class="subtitle">咨询服务 抖火法律</view>
|
||||
</view>
|
||||
<view class="price nowrap"><text>¥</text>200元起</view>
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
<view class="zong-list-item" @click="onView('Enterprise')">
|
||||
<image class="cover" src="@/static/synthesize/img_02.png" mode="aspectFill" />
|
||||
<view class="colum-flex">
|
||||
<view>
|
||||
<view class="title nowrap">企业全年法律</view>
|
||||
<view class="subtitle">咨询服务 抖火法律</view>
|
||||
<!-- 增收赋能类 -->
|
||||
<view class="block">
|
||||
<view class="block-title">
|
||||
<view class="title">增收赋能类</view>
|
||||
</view>
|
||||
<view class="price nowrap"><text>¥</text>3650.00起/年</view>
|
||||
<scroll-view
|
||||
class="the-flex"
|
||||
style="padding-top: 0;"
|
||||
scroll-x="true"
|
||||
scroll-with-animation="true"
|
||||
:scroll-into-view='defaultViewId'
|
||||
@click="onToast()"
|
||||
>
|
||||
<view class="the-flex-item">
|
||||
<view class="cover" :style="'background-image: url(' + require('@/static/synthesize/img_07.png') + ');'"></view>
|
||||
<view class="title nowrap">巅峰销售思维</view>
|
||||
<view class="price nowrap"><text>¥</text>2980</view>
|
||||
</view>
|
||||
<view class="the-flex-item">
|
||||
<view class="cover" :style="'background-image: url(' + require('@/static/synthesize/img_08.png') + ');'"></view>
|
||||
<view class="title nowrap">团队系统思维</view>
|
||||
<view class="price nowrap"><text>¥</text>3980</view>
|
||||
</view>
|
||||
<view class="zong-list-item" @click="onView('Service')">
|
||||
<image class="cover" src="@/static/synthesize/img_03.png" mode="aspectFill" />
|
||||
<view class="colum-flex">
|
||||
<view>
|
||||
<view class="title nowrap">拓展服务</view>
|
||||
<view class="subtitle">咨询服务 抖火法律</view>
|
||||
<view class="the-flex-item">
|
||||
<view class="cover" :style="'background-image: url(' + require('@/static/synthesize/img_09.png') + ');'"></view>
|
||||
<view class="title nowrap">领袖演说思维</view>
|
||||
<view class="price nowrap"><text>¥</text>4980</view>
|
||||
</view>
|
||||
<view class="price nowrap"><text>¥</text>500元起</view>
|
||||
<view class="the-flex-item">
|
||||
<view class="cover" :style="'background-image: url(' + require('@/static/synthesize/img_10.png') + ');'"></view>
|
||||
<view class="title nowrap">卓越领袖能量思维</view>
|
||||
<view class="price nowrap"><text>¥</text>5980</view>
|
||||
</view>
|
||||
<view class="the-flex-item">
|
||||
<view class="cover" :style="'background-image: url(' + require('@/static/synthesize/img_11.png') + ');'"></view>
|
||||
<view class="title nowrap">激发内在无限潜能</view>
|
||||
<view class="price nowrap"><text>¥</text>9980</view>
|
||||
</view>
|
||||
<view class="the-flex-item">
|
||||
<view class="cover" :style="'background-image: url(' + require('@/static/synthesize/img_12.png') + ');'"></view>
|
||||
<view class="title nowrap">其他赋能培训会议</view>
|
||||
<view class="price nowrap">价格另议</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<!-- 弹窗 -->
|
||||
<u-popup :show="showAdImg" mode="center" bgColor="transparent">
|
||||
@@ -147,7 +183,7 @@
|
||||
|
||||
<script>
|
||||
import { region } from '@/apis/interfaces/address.js'
|
||||
import { categories, jf, zf, index } from '@/apis/interfaces/index.js'
|
||||
import { categories, jf, index } from '@/apis/interfaces/index.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
@@ -168,16 +204,25 @@
|
||||
first : 1,
|
||||
showAdTime : 0,
|
||||
showAdImg : true,
|
||||
layAdImg : ''
|
||||
layAdImg : '',
|
||||
appMenus : {
|
||||
cases : [],
|
||||
service : []
|
||||
}
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
this.getCategory()
|
||||
this.getJf()
|
||||
this.getIndex()
|
||||
this.getZf()
|
||||
},
|
||||
methods: {
|
||||
onToast(){
|
||||
uni.showToast({
|
||||
title: '即将开放,敬请期待',
|
||||
icon : 'none'
|
||||
})
|
||||
},
|
||||
// 获取金法列表
|
||||
getJf(){
|
||||
let params = {
|
||||
@@ -205,23 +250,11 @@
|
||||
url:'/pages/index/introduces?id='+id
|
||||
})
|
||||
},
|
||||
// 获取综法列表
|
||||
getZf(){
|
||||
zf().then(res=>{
|
||||
// this.jfList = res
|
||||
}).catch(err=>{
|
||||
uni.showToast({
|
||||
title:err.message,
|
||||
icon:'none',
|
||||
mask:true,
|
||||
duration:2000
|
||||
})
|
||||
})
|
||||
},// 获取综法列表
|
||||
// 首页轮播图及公告
|
||||
getIndex(){
|
||||
index().then(res=>{
|
||||
this.bannerArr = res.bannners
|
||||
this.appMenus = res.app_menus
|
||||
let list = []
|
||||
res.notices.map(item=>{
|
||||
let params = item.user.name + ' ' + item.user.text
|
||||
@@ -270,10 +303,6 @@
|
||||
this.getJf()
|
||||
}
|
||||
},
|
||||
// 选择城市节点
|
||||
onCityPicker(e){
|
||||
this.getRegion(e.value);
|
||||
},
|
||||
// 点击轮播图
|
||||
swiperClick(e){
|
||||
// console.log(this.bannerArr[e])
|
||||
@@ -281,14 +310,6 @@
|
||||
// 点击轮播图跳转自由服务包
|
||||
onView(name){
|
||||
this.$Router.push({ name })
|
||||
},
|
||||
// 获取城市数据
|
||||
getRegion(id){
|
||||
region({
|
||||
parent_id: id
|
||||
}).then(res => {
|
||||
console.log(res)
|
||||
})
|
||||
},
|
||||
// 关闭弹窗广告
|
||||
onRemoveAd(){
|
||||
@@ -348,7 +369,7 @@
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
// 轮播
|
||||
// 公告
|
||||
.notice{
|
||||
background: white;
|
||||
padding: $padding;
|
||||
@@ -393,53 +414,88 @@
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
// 综法
|
||||
.zong-list{
|
||||
padding: 0 $padding 20rpx;
|
||||
margin-bottom: 30rpx;
|
||||
&-item{
|
||||
position: relative;
|
||||
margin-bottom: 30rpx;
|
||||
padding-left: 210rpx;
|
||||
height: 180rpx;
|
||||
.cover{
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 180rpx;
|
||||
height: 180rpx;
|
||||
}
|
||||
.colum-flex{
|
||||
// 增收赋能类
|
||||
.closed{
|
||||
background: white;
|
||||
margin: 0 $margin;
|
||||
border-radius: 35rpx;
|
||||
padding-bottom: 10rpx;
|
||||
.closed-item{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: 180rpx;
|
||||
.title{
|
||||
font-size: 34rpx;
|
||||
color: #111111;
|
||||
line-height: 40rpx;
|
||||
margin-bottom: 10rpx;
|
||||
@extend .nowrap;
|
||||
margin-bottom: 20rpx;
|
||||
padding-bottom: 20rpx;
|
||||
border-bottom: solid 1rpx #f8f8f8;
|
||||
&:last-child{
|
||||
margin-bottom: 0;
|
||||
border-bottom: none;
|
||||
}
|
||||
.subtitle{
|
||||
font-size: 28rpx;
|
||||
color: gray;
|
||||
line-height: 40rpx;
|
||||
@extend .nowrap;
|
||||
.closed-cover{
|
||||
width: 168rpx;
|
||||
height: 168rpx;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.price{
|
||||
.closed-text{
|
||||
width: calc(100% - 168rpx);
|
||||
padding-left: 30rpx;
|
||||
box-sizing: border-box;
|
||||
.closed-title{
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
color: #d51959;
|
||||
font-size: 36rpx;
|
||||
line-height: 50rpx;
|
||||
}
|
||||
.closed-subtitle{
|
||||
color: gray;
|
||||
font-size: 28rpx;
|
||||
line-height: 40rpx;
|
||||
text{
|
||||
font-size: 80%;
|
||||
}
|
||||
@extend .nowrap;
|
||||
.closed-price{
|
||||
color: #d51959;
|
||||
font-size: 34rpx;
|
||||
line-height: 40rpx;
|
||||
margin-top: 30rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// 诉讼委托类
|
||||
.lawsuit{
|
||||
padding: 0 20rpx $padding;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
&-item{
|
||||
background: #F6F6F6;
|
||||
border-radius: 10rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
width: calc(50% - 20rpx);
|
||||
margin: 0 10rpx;
|
||||
}
|
||||
&-cover{
|
||||
width: 138rpx;
|
||||
height: 138rpx;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
&-text{
|
||||
width: calc(100% - 138rpx);
|
||||
padding: 0 20rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
&-title{
|
||||
font-size: 30rpx;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
&-price{
|
||||
font-size: 32rpx;
|
||||
color: #d51959;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
// 经法
|
||||
.the-tabs{
|
||||
background: #ececec;
|
||||
@@ -479,18 +535,23 @@
|
||||
padding: $padding 20rpx;
|
||||
box-sizing: border-box;
|
||||
white-space: nowrap;
|
||||
|
||||
&-item{
|
||||
width: calc(33.33% - 20rpx);
|
||||
width: calc(33% - 20rpx);
|
||||
margin: 0 10rpx;
|
||||
display: inline-block;
|
||||
&:last-child{
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
.cover{
|
||||
width: 100%;
|
||||
height: 200rpx;
|
||||
padding-top: 100%;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.title{
|
||||
font-size: 28rpx;
|
||||
font-size: 30rpx;
|
||||
color: #111111;
|
||||
padding: 10rpx 0;
|
||||
line-height: 40rpx;
|
||||
@@ -499,7 +560,7 @@
|
||||
line-height: 40rpx;
|
||||
font-weight: bold;
|
||||
color: #d51959;
|
||||
font-size: 38rpx;
|
||||
font-size: 32rpx;
|
||||
text{
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
405
pages/synthesize/actionWork.vue
Normal 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>
|
||||
539
pages/synthesize/consultWork.vue
Normal 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>
|
||||
33
pages/synthesize/enableWork.vue
Normal 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>
|
||||
@@ -324,7 +324,20 @@
|
||||
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()
|
||||
@@ -493,7 +506,7 @@
|
||||
margin-right: $margin;
|
||||
font-size: 30rpx;
|
||||
text {
|
||||
color: $main-color;
|
||||
color: red;
|
||||
padding-right: 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -59,6 +59,10 @@
|
||||
<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>
|
||||
@@ -83,7 +87,8 @@
|
||||
payType : '',
|
||||
user : {},
|
||||
lawyer : null,
|
||||
price : '0.00'
|
||||
price : '0.00',
|
||||
centerUser: ''
|
||||
};
|
||||
},
|
||||
created() {
|
||||
@@ -92,7 +97,7 @@
|
||||
mask : true
|
||||
})
|
||||
entrustInfo(this.$Route.query.id).then(res => {
|
||||
let { entrust, params, created_at, user, order_no, total, lawyer, pay_driver_text } = 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
|
||||
@@ -100,7 +105,8 @@
|
||||
this.no = order_no
|
||||
this.price = total
|
||||
this.lawyer = lawyer
|
||||
this.payType = pay_driver_text || '-'
|
||||
this.payType = pay_driver_text || '-',
|
||||
this.centerUser= center_user
|
||||
}).catch(err => {
|
||||
uni.showToast({
|
||||
title: err.message,
|
||||
|
||||
@@ -256,7 +256,20 @@
|
||||
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()
|
||||
@@ -418,7 +431,7 @@
|
||||
margin-right: $margin;
|
||||
font-size: 30rpx;
|
||||
text {
|
||||
color: $main-color;
|
||||
color: red;
|
||||
padding-right: 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -58,6 +58,10 @@
|
||||
<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>
|
||||
@@ -82,7 +86,8 @@
|
||||
user : {},
|
||||
payType : '',
|
||||
lawyer : null,
|
||||
price : '0.00'
|
||||
price : '0.00',
|
||||
centerUser: ''
|
||||
};
|
||||
},
|
||||
created() {
|
||||
@@ -91,7 +96,7 @@
|
||||
mask : true
|
||||
})
|
||||
expandInfo(this.$Route.query.id).then(res => {
|
||||
let { expand, params, created_at, user, order_no, total, lawyer, pay_driver_text } = 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
|
||||
@@ -100,6 +105,7 @@
|
||||
this.no = order_no
|
||||
this.price = total
|
||||
this.payType = pay_driver_text || ''
|
||||
this.centerUser= center_user
|
||||
}).catch(err => {
|
||||
uni.showToast({
|
||||
title: err.message,
|
||||
|
||||
@@ -394,7 +394,7 @@
|
||||
margin-right: $margin;
|
||||
font-size: 30rpx;
|
||||
text {
|
||||
color: $main-color;
|
||||
color: red;
|
||||
padding-right: 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<u-sticky bgColor="#fff" v-if="$Route.query.type != 'synthesis'">
|
||||
<view class="header-sticky">
|
||||
<u-tabs
|
||||
:current="tabsCurrent"
|
||||
:list="tabs"
|
||||
:scrollable="tabScroll"
|
||||
:lineWidth="20"
|
||||
@@ -69,6 +70,7 @@
|
||||
@diff="onDiff"
|
||||
@callPhone="onCallPhone"
|
||||
@cancel="onCancel"
|
||||
@payTurn="onPayTurn"
|
||||
/>
|
||||
<!-- 拓展单 -->
|
||||
<expand-block
|
||||
@@ -132,7 +134,8 @@
|
||||
current : 1
|
||||
},
|
||||
pagesShow : false,
|
||||
status : ''
|
||||
status : '',
|
||||
tabsCurrent : null,
|
||||
};
|
||||
},
|
||||
created() {
|
||||
@@ -189,6 +192,10 @@
|
||||
uni.setNavigationBarTitle({
|
||||
title: tabName
|
||||
})
|
||||
|
||||
let { status } = this.$Route.query
|
||||
this.tabType = status
|
||||
this.tabsCurrent = this.tabs.findIndex(val => val.type == status);
|
||||
this.getList()
|
||||
},
|
||||
onShow() {
|
||||
@@ -207,6 +214,16 @@
|
||||
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
|
||||
@@ -284,7 +301,6 @@
|
||||
icon : 'none'
|
||||
})
|
||||
})
|
||||
// console.log(is_)
|
||||
uni.hideLoading()
|
||||
}).catch(err => {
|
||||
uni.showToast({
|
||||
@@ -300,7 +316,6 @@
|
||||
let orderObj = orderArr.find(val => val.order_no === no)
|
||||
let { can, price, order_id, order_type } = orderObj
|
||||
|
||||
console.log(orderObj)
|
||||
switch(can.pay_status){
|
||||
case 1:
|
||||
this.expressSheet(order_id, order_type, can, price)
|
||||
|
||||
383
pages/synthesize/serviceWork.vue
Normal 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>
|
||||
@@ -58,6 +58,10 @@
|
||||
<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>
|
||||
@@ -83,6 +87,7 @@
|
||||
lawyer : null,
|
||||
price : '0.00',
|
||||
payType : '',
|
||||
centerUser: ''
|
||||
};
|
||||
},
|
||||
created() {
|
||||
@@ -91,7 +96,7 @@
|
||||
mask : true
|
||||
})
|
||||
servicesInfo(this.$Route.query.id).then(res => {
|
||||
let { service, params, created_at, user, order_no, total, lawyer, pay_driver_text } = 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
|
||||
@@ -100,6 +105,7 @@
|
||||
this.no = order_no
|
||||
this.price = total
|
||||
this.payType = pay_driver_text || ''
|
||||
this.centerUser = center_user
|
||||
}).catch(err => {
|
||||
uni.showToast({
|
||||
title: err.message,
|
||||
|
||||
@@ -356,7 +356,7 @@
|
||||
margin-right: $margin;
|
||||
font-size: 30rpx;
|
||||
text {
|
||||
color: $main-color;
|
||||
color: red;
|
||||
padding-right: 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -58,6 +58,10 @@
|
||||
<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>
|
||||
@@ -82,7 +86,8 @@
|
||||
user : {},
|
||||
payType : '',
|
||||
lawyer : null,
|
||||
price : '0.00'
|
||||
price : '0.00',
|
||||
centerUser: ''
|
||||
};
|
||||
},
|
||||
created() {
|
||||
@@ -91,7 +96,7 @@
|
||||
mask : true
|
||||
})
|
||||
synthesisInfo(this.$Route.query.id).then(res => {
|
||||
let { synthesis, params, created_at, user, order_no, price, lawyer, pay_driver_text } = 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
|
||||
@@ -100,6 +105,7 @@
|
||||
this.price = price
|
||||
this.lawyer = lawyer
|
||||
this.payType = pay_driver_text || '-'
|
||||
this.centerUser= center_user
|
||||
}).catch(err => {
|
||||
uni.showToast({
|
||||
title: err.message,
|
||||
|
||||
@@ -149,8 +149,6 @@
|
||||
open.openFile({
|
||||
filename : plus.io.convertLocalFileSystemURL(path.tempFilePath),
|
||||
isShowBackIcon : true
|
||||
}, res => {
|
||||
console.log(res)
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
@@ -99,6 +99,12 @@
|
||||
</view>
|
||||
<u-icon name="arrow-right" color="#cacaca" size="34rpx" bold></u-icon>
|
||||
</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 {
|
||||
@@ -207,6 +229,12 @@
|
||||
team_id :'',
|
||||
region_status :'', // 状态 0 不展示 大区中心 1可以申请但是没有完善,2申请完,审核中,3已通过,已修改
|
||||
region_id :'',
|
||||
// 计算器
|
||||
reckonerShow : false,
|
||||
reckonerURL : '',
|
||||
reckonerQrcode : '',
|
||||
reckonerInvite : '',
|
||||
reckonerPoster : {}
|
||||
};
|
||||
},
|
||||
onShow() {
|
||||
@@ -214,6 +242,145 @@
|
||||
if (this.$store.getters.getToken != '') this.getUserInfo()
|
||||
},
|
||||
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({
|
||||
@@ -297,6 +464,12 @@
|
||||
},
|
||||
// 推荐关系
|
||||
onParent() {
|
||||
if(!this.isAuth){
|
||||
this.$Router.push({
|
||||
name: 'Auth'
|
||||
})
|
||||
return
|
||||
}
|
||||
if (this.parent == '') {
|
||||
this.showBind = true
|
||||
return
|
||||
@@ -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) {
|
||||
@@ -499,6 +672,60 @@
|
||||
</script>
|
||||
|
||||
<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;
|
||||
|
||||
@@ -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)
|
||||
|
||||
@@ -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>
|
||||
|
||||
641
pages/work/index-老样式备份.vue
Normal 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>
|
||||
@@ -65,156 +65,39 @@
|
||||
</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 class="flex">
|
||||
<view class="flex-item" @click="onNav('ConsultWork')">
|
||||
<image class="flex-icon" src="/static/icons/icon_00.png" mode="aspectFill"></image>
|
||||
<view class="flex-title">
|
||||
<view class="flex-name">协商调解类</view>
|
||||
<view class="flex-tips">信用卡、贷款业务</view>
|
||||
</view>
|
||||
<view class="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 class="flex-btn">去查看</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 class="flex-item" @click="onNav('ServiceWork')">
|
||||
<image class="flex-icon" src="/static/icons/icon_01.png" mode="aspectFill"></image>
|
||||
<view class="flex-title">
|
||||
<view class="flex-name">法律咨询类</view>
|
||||
<view class="flex-tips">个人、企业法律</view>
|
||||
</view>
|
||||
<view class="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 class="flex-btn">去查看</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 class="flex-item" @click="onNav('ActionWork')">
|
||||
<image class="flex-icon" src="/static/icons/icon_02.png" mode="aspectFill"></image>
|
||||
<view class="flex-title">
|
||||
<view class="flex-name">诉讼委托类</view>
|
||||
<view class="flex-tips">案件委托、拓展服务</view>
|
||||
</view>
|
||||
<view class="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 class="flex-btn">去查看</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 class="flex-item" @click="onToastTips()">
|
||||
<!-- @click="onNav('EnableWork')" -->
|
||||
<image class="flex-icon" src="/static/icons/icon_03.png" mode="aspectFill"></image>
|
||||
<view class="flex-title">
|
||||
<view class="flex-name">增收赋能类</view>
|
||||
<view class="flex-tips">销售、领袖、演说等</view>
|
||||
</view>
|
||||
<view class="flex-btn">去查看</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
@@ -359,7 +242,14 @@
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
onToastTips(){
|
||||
uni.showToast({
|
||||
title: '即将开放,敬请期待',
|
||||
icon : 'none'
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -638,4 +528,47 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.flex{
|
||||
width: 100%;
|
||||
padding: 0 30rpx;
|
||||
box-sizing: border-box;
|
||||
&-item{
|
||||
background: white;
|
||||
padding: 30rpx;
|
||||
border-radius: 30rpx;
|
||||
margin-top: 30rpx;
|
||||
display: flex;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
.flex-icon{ width: 48px; height: 48px; background: #dce1fb; border-radius: 30rpx; }
|
||||
.flex-title{
|
||||
box-sizing: border-box;
|
||||
padding-left: 30rpx;
|
||||
.flex-name {
|
||||
color: #293f66;
|
||||
font-size: 34rpx;
|
||||
font-weight: bold;
|
||||
padding: 4rpx 0;
|
||||
}
|
||||
.flex-tips {
|
||||
color: #929db3;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
}
|
||||
.flex-btn {
|
||||
position: absolute;
|
||||
right: 30rpx;
|
||||
top: 48rpx;
|
||||
height: 60rpx;
|
||||
line-height: 60rpx;
|
||||
border-radius: 80rpx;
|
||||
color: #468bff;
|
||||
background-color: #f8fbff;
|
||||
border: 2rpx solid #d8e6ff;
|
||||
font-size: 28rpx;
|
||||
padding: 0 25rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -159,7 +159,6 @@
|
||||
},
|
||||
// 选择物流公司
|
||||
onPicker(e){
|
||||
console.log(e)
|
||||
this.expressIndex = e.detail.value
|
||||
},
|
||||
// 扫码
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -22,9 +22,6 @@
|
||||
})
|
||||
baseBase(this.$Route.query.itemId).then(res => {
|
||||
let { params } = res;
|
||||
|
||||
console.log(params)
|
||||
|
||||
this.params = params
|
||||
uni.hideLoading()
|
||||
}).catch(err => {
|
||||
|
||||
BIN
static/icons/icon_00.png
Normal file
|
After Width: | Height: | Size: 7.2 KiB |
BIN
static/icons/icon_01.png
Normal file
|
After Width: | Height: | Size: 6.4 KiB |
BIN
static/icons/icon_02.png
Normal file
|
After Width: | Height: | Size: 7.1 KiB |
BIN
static/icons/icon_03.png
Normal file
|
After Width: | Height: | Size: 5.9 KiB |
BIN
static/icons/user_nav_09.png
Normal file
|
After Width: | Height: | Size: 5.0 KiB |
BIN
static/imgs/reckoner-back.png
Normal file
|
After Width: | Height: | Size: 508 KiB |
|
Before Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 23 KiB |
|
Before Width: | Height: | Size: 14 KiB |
BIN
static/synthesize/img_07.png
Normal file
|
After Width: | Height: | Size: 16 KiB |
BIN
static/synthesize/img_08.png
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
static/synthesize/img_09.png
Normal file
|
After Width: | Height: | Size: 15 KiB |
BIN
static/synthesize/img_10.png
Normal file
|
After Width: | Height: | Size: 15 KiB |
BIN
static/synthesize/img_11.png
Normal file
|
After Width: | Height: | Size: 17 KiB |
BIN
static/synthesize/img_12.png
Normal file
|
After Width: | Height: | Size: 14 KiB |