TmOct5/dou_fire
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[新增5大业务模块]

Browse Source
This commit is contained in:
张慢慢
2024-03-01 09:41:35 +08:00
parent 788c1e7af4
commit d71b91162b
19 changed files with 2103 additions and 581 deletions
Download Patch File Download Diff File Expand all files Collapse all files

265
pages/work/index.vue
View File

@@ -10,8 +10,8 @@
<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>
<uni-icons class="icon" type="plusempty" size="30rpx" color="#111"></uni-icons>创建订单
</view>
</view>
</u-sticky>
<!-- 未认证或未考试 -->
@@ -64,65 +64,28 @@
</u-popup>
</block>
<!-- 管理中台 -->
<view class="flex">
<view class="flex-item" @click="onNav('ConsultWork')">
<image class="flex-icon" src="/static/icons/icon_00.png" mode="aspectFill"></image>
<view class="flex-title">
<view class="flex-name">协商调解咨询类</view>
<view class="flex-tips">信用卡、贷款业务</view>
</view>
<view class="flex-btn">去查看</view>
</view>
<view class="flex-item" @click="onNav('AccountWork')">
<image class="flex-icon" src="/static/icons/work_icon_30.png" mode="aspectFill"></image>
<view class="flex-title">
<view class="flex-name">账户管理咨询类</view>
<view class="flex-tips">客户账户管理咨询类订单</view>
</view>
<view class="flex-btn">去查看</view>
</view>
<view class="flex-item" @click="onNav('DelegationWork')">
<image class="flex-icon" src="/static/icons/work_icon_29.png" mode="aspectFill"></image>
<view class="flex-title">
<view class="flex-name">委托管理类</view>
<view class="flex-tips">客户委托管理类订单</view>
</view>
<view class="flex-btn">去查看</view>
</view>
<view class="flex-item" @click="onNav('ServiceWork')">
<image class="flex-icon" src="/static/icons/icon_01.png" mode="aspectFill"></image>
<view class="flex-title">
<view class="flex-name">法律咨询类</view>
<view class="flex-tips">个人、企业法律</view>
</view>
<view class="flex-btn">去查看</view>
</view>
<view class="flex-item" @click="onNav('ActionWork')">
<image class="flex-icon" src="/static/icons/icon_02.png" mode="aspectFill"></image>
<view class="flex-title">
<view class="flex-name">诉讼委托咨询类</view>
<view class="flex-tips">案件委托、拓展服务</view>
</view>
<view class="flex-btn">去查看</view>
</view>
<view class="flex-item" @click="onNav('EnableWork')">
<image class="flex-icon" src="/static/icons/icon_03.png" mode="aspectFill"></image>
<view class="flex-title">
<view class="flex-name">增收赋能咨询类</view>
<view class="flex-tips">销售、领袖、演说等</view>
</view>
<view class="flex-btn">去查看</view>
</view>
<view class="flex-item" @click="onNav('AccountWork2')">
<image class="flex-icon" src="/static/icons/icon_04.png" mode="aspectFill"></image>
<view class="flex-title">
<view class="flex-name">线下订单</view>
<view class="flex-tips">线下咨询类订单</view>
</view>
<view class="flex-btn">去查看</view>
</view>
<view class="flex">
<view class="flex-item" @click="onNav('businessOrder', {bigId: item.id})" v-for="(item, index) in bigfiveArr" :key="index">
<image class="flex-icon" src="https://douhuo-demo.oss-cn-beijing.aliyuncs.com/images/2024/02/28/040906a765db310d77722cec9e0b9f46.png" mode="widthFix" v-if="index == 0"></image>
<image class="flex-icon" src="https://douhuo-demo.oss-cn-beijing.aliyuncs.com/images/2024/02/28/e0ac4aae85290f1148cea0005ed523a7.png" mode="widthFix" v-else-if="index == 1"></image>
<image class="flex-icon" src="https://douhuo-demo.oss-cn-beijing.aliyuncs.com/images/2024/02/28/8ff1eeeebd37b89026db8c2b8d1f87fc.png" mode="widthFix" v-else-if="index == 2"></image>
<image class="flex-icon" src="https://douhuo-demo.oss-cn-beijing.aliyuncs.com/images/2024/02/28/03167bf2cacaa63b6b0eebdf0fe31a92.png" mode="widthFix" v-else-if="index == 3"></image>
<image class="flex-icon" src="https://douhuo-demo.oss-cn-beijing.aliyuncs.com/images/2024/02/28/4dfe17b98e15dfdbae30df1a4fcddeaf.png" mode="widthFix" v-else></image>
<view class="flex-title">
<view class="flex-name">{{item.title}}订单</view>
<view class="flex-tips">{{item.subtitle}}</view>
</view>
<image class="flex-arrow" src="https://douhuo-demo.oss-cn-beijing.aliyuncs.com/images/2024/02/28/943544e5693c009bbe873ddaedd9c4be.png" mode="widthFix"></image>
</view>
<view class="flex-item" @click="onNav('businessOther')">
<image class="flex-icon" src="https://douhuo-demo.oss-cn-beijing.aliyuncs.com/images/2024/02/28/3f917a849dd07e254aaa9b0f218c8a0a.png" mode="widthFix"></image>
<view class="flex-title">
<view class="flex-name">其他咨询类订单</view>
<view class="flex-tips">信用卡、贷款、个人、客户等</view>
</view>
<image class="flex-arrow" src="https://douhuo-demo.oss-cn-beijing.aliyuncs.com/images/2024/02/28/943544e5693c009bbe873ddaedd9c4be.png" mode="widthFix"></image>
</view>
</view>
</view>
<!-- 未登录 -->
<view v-else class="auth-null">
@@ -137,7 +100,8 @@
</template>
<script>
import { index, rights, sign, synthesisCount } from '@/apis/interfaces/work.js'
import { index, rights, sign, synthesisCount } from '@/apis/interfaces/work.js'
import { bigfive } from '@/apis/interfaces/index.js'
export default {
data() {
return {
@@ -162,7 +126,10 @@
address : ""
},
// 综法订单管理
synthesisData : {}
synthesisData : {},
bigfiveArr : [],
captchaShow : false
};
},
onShow() {
@@ -170,9 +137,30 @@
this.isAuth = this.$store.getters.getToken != ''
if(this.isAuth){
this.getIndex()
}
}
this.bigfiveInfo();
},
methods: {
methods: {
// 最新五大板块
bigfiveInfo(){
bigfive({parent_id: 0}).then(res=>{
this.bigfiveArr = res
}).catch(err=>{
uni.showToast({
title:err.message,
icon:'none',
mask:true,
duration:2000
})
})
},
// 选择学期
onChange(e){
console.log(e)
},
// 签约
onSign(){
if(!this.isCertification){
@@ -248,38 +236,62 @@
})
})
},
// 导航
// 跳转
onNav(name, obj){
let params = obj || {}
this.$Router.push({name, params})
},
// 创建订单
onCreateOrder(){
uni.showActionSheet({
itemList: ['线下订单','个人订单', '客户订单'],
success : res => {
switch (res.tapIndex){
case 0:
this.onNav('MagAccount2')
break;
case 1:
this.onNav('OrderCreate', { type: 'self' })
break;
case 2:
this.onNav('OrderCreate', { type: 'other' })
break;
}
}
})
onCreateOrder(){
// 最新五大板块
uni.showActionSheet({
itemList: [this.bigfiveArr[0].title,this.bigfiveArr[1].title, this.bigfiveArr[2].title, this.bigfiveArr[3].title, this.bigfiveArr[4].title],
success : res => {
switch (res.tapIndex){
case 0:
this.onNav('businessBigFive', { children: encodeURIComponent(JSON.stringify(this.bigfiveArr[0].children)) })
break;
case 1:
this.onNav('businessBigFive', { children: encodeURIComponent(JSON.stringify(this.bigfiveArr[1].children)) })
break;
case 2:
this.onNav('businessBigFive', { children: encodeURIComponent(JSON.stringify(this.bigfiveArr[2].children)) })
break;
case 3:
this.onNav('businessBigFive', { children: encodeURIComponent(JSON.stringify(this.bigfiveArr[3].children)) })
break;
case 4:
this.onNav('businessBigFive', { children: encodeURIComponent(JSON.stringify(this.bigfiveArr[4].children)) })
break;
}
}
})
// 旧数据备份
// uni.showActionSheet({
// itemList: ['线下订单','个人订单', '客户订单'],
// success : res => {
// switch (res.tapIndex){
// case 0:
// this.onNav('MagAccount2')
// break;
// case 1:
// this.onNav('OrderCreate', { type: 'self' })
// break;
// case 2:
// this.onNav('OrderCreate', { type: 'other' })
// break;
// }
// }
// })
}
}
}
</script>
<style lang="scss" scoped>
.content{
.content{
padding-bottom: 30rpx;
}
// 登录提示
@@ -553,46 +565,45 @@
}
}
.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; 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;
}
}
}
.flex{
width: 100%;
padding: 0 30rpx;
box-sizing: border-box;
.flex-item {
padding: 40rpx;
box-sizing: border-box;
background-color: #ffffff;
border-radius: 30rpx;
display: flex;
position: relative;
margin-bottom: 30rpx;
.flex-icon {
width: 80rpx;
display: block;
margin-top: 10rpx;
}
.flex-title {
width: calc(100% - 80rpx);
padding: 0 30rpx;
box-sizing: border-box;
.flex-name {
font-weight: bold;
color: #405477;
font-size: 34rpx;
margin-bottom: 5rpx;
}
.flex-tips {
font-size: 28rpx;
color: #b2bbc9;
}
}
.flex-arrow {
width: 50rpx;
position: absolute;
right: 30rpx;
top: calc(50% - 25rpx);
}
}
}
</style>