[工作台改版]

This commit is contained in:
2023-06-28 13:56:36 +08:00
parent 7c56feee3f
commit c79903ac51
17 changed files with 2248 additions and 379 deletions

View File

@@ -65,156 +65,38 @@
</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">
<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>
<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 class="flex-btn" @click="onNav('ConsultWork')">去查看</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 class="flex-item">
<image class="flex-icon" src="/static/icons/icon_01.png" mode="aspectFill"></image>
<view class="flex-title">
<view class="flex-name">法律咨询类</view>
<view class="flex-tips">个人企业法律</view>
</view>
<view class="flex-btn" @click="onNav('ServiceWork')">去查看</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 class="flex-item">
<image class="flex-icon" src="/static/icons/icon_02.png" mode="aspectFill"></image>
<view class="flex-title">
<view class="flex-name">诉讼委托类</view>
<view class="flex-tips">案件委托拓展服务</view>
</view>
<view class="flex-btn" @click="onNav('ActionWork')">去查看</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">
<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" @click="onNav('EnableWork')">去查看</view>
</view>
</view>
</block>
@@ -346,6 +228,7 @@
},
// 导航
onNav(name, obj){
console.log(name)
let params = obj || {}
this.$Router.push({name, params})
},
@@ -638,4 +521,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>