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

更改与线上一致

Browse Source
This commit is contained in:
张冬雪
2023-09-04 11:46:41 +08:00
parent f75e48a3f9
commit eab46f3108
5 changed files with 1274 additions and 1150 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
.DS_Store vendored Normal file
View File

Binary file not shown.

4
manifest.json
View File

@@ -2,8 +2,8 @@
"name" : "抖火数字化咨询服务平台",
"appid" : "__UNI__C305C03",
"description" : "纵有疾风起，人生不言弃",
"versionName" : "1.5.0",
"versionCode" : 150,
"versionName" : "1.5.2",
"versionCode" : 152,
"transformPx" : false,
/* 5+App特有相关 */
"app-plus" : {

554
pages/index/index.vue
View File

@@ -2,35 +2,17 @@
<view class="content">
<view class="header">
<view class="banner">
<u-swiper
class="banner-swiper"
:list="bannerArr"
:indicator="true"
keyName="cover"
previousMargin="20"
nextMargin="20"
circular
radius="10"
bgColor="#ffffff"
height="100%"
@click='swiperClick'
/>
<u-swiper class="banner-swiper" :list="bannerArr" :indicator="true" keyName="cover" previousMargin="20"
nextMargin="20" circular radius="10" bgColor="#ffffff" height="100%" @click='swiperClick' />
</view>
<view class="notice">
<view class="notice-title">
<image class="notice-icon" src="@/static/index/index_notice.png" mode="widthFix" /> 公告
</view>
<u-notice-bar
icon=""
:text="notice"
url=''
linkType='navigateTo'
fontSize="14"
direction="column"
bgColor="#fff"
color="#111111"
/>
<view class="notice-more">更多<u-icon class="more-icon" size="20rpx" color="#999" name="arrow-right" /></view>
<u-notice-bar icon="" :text="notice" url='' linkType='navigateTo' fontSize="14" direction="column"
bgColor="#fff" color="#111111" />
<view class="notice-more">更多<u-icon class="more-icon" size="20rpx" color="#999" name="arrow-right" />
</view>
</view>
</view>
<!-- 自由服务包 -->
@@ -42,28 +24,22 @@
<view class="block-title">
<view class="title">协商调解咨询类</view>
</view>
<scroll-view class="the-tabs" scroll-x="true" >
<block v-for="(item, index) in theTabs" :key="index">
<view class="the-tabs-item" :class="{'active': item.category_id == theTabId}" @click="onTheTab(item)">{{item.title}}</view>
</block>
<view class="the-tabs-acitve-block" :style="theTabStyle"></view>
</scroll-view>
<scroll-view
class="the-flex"
scroll-x="true"
scroll-with-animation="true"
:scroll-into-view='defaultViewId'
>
<view class="the-flex-item"
v-for="item in jfList"
:key="item.service_id"
:id='"_tabs"+item.service_id'
@click="sevicesClick(item.service_id)"
>
<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 class="the-tabs" scroll-x="true">
<block v-for="(item, index) in theTabs" :key="index">
<view class="the-tabs-item" :class="{'active': item.category_id == theTabId}"
@click="onTheTab(item)">{{item.title}}</view>
</block>
<view class="the-tabs-acitve-block" :style="theTabStyle"></view>
</scroll-view>
<scroll-view class="the-flex" scroll-x="true" scroll-with-animation="true"
:scroll-into-view='defaultViewId'>
<view class="the-flex-item" v-for="item in jfList" :key="item.service_id" :id='"_tabs"+item.service_id'
@click="sevicesClick(item.service_id)">
<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>
<!-- 法律咨询类 -->
@@ -71,65 +47,76 @@
<view class="block-title">
<view class="title">法律咨询类</view>
</view>
<scroll-view
class="the-flex"
style="padding-top: 0;"
scroll-x="true"
scroll-with-animation="true"
:scroll-into-view='defaultViewId'
>
<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="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 class="price nowrap"><text>￥</text>{{item.price}} <text
v-if="item.limit != null">/{{item.limit}}</text></view>
</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>
</block>
</view>
</view>
<!-- 增收赋能类 -->
<view class="block" style="display: none;">
<view class="block">
<view class="block-title">
<view class="title">增收赋能咨询类</view>
</view>
<scroll-view ßßß
class="the-flex"
style="padding-top: 0;"
scroll-x="true"
scroll-with-animation="true"
:scroll-into-view='defaultViewId'
@click="onToast()"
>
A
<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="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="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="the-flex-item">
<view class="cover" :style="'background-image: url(' + require('@/static/synthesize/img_09.png') + ');'"></view>
<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="the-flex-item">
<view class="cover" :style="'background-image: url(' + require('@/static/synthesize/img_10.png') + ');'"></view>
<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="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="cover"
:style="'background-image: url(' + require('@/static/synthesize/img_12.png') + ');'"></view>
<view class="title nowrap">其他赋能培训会议</view>
<view class="price nowrap">价格另议</view>
</view>
@@ -139,11 +126,7 @@
<u-popup :show="showAdImg" mode="center" bgColor="transparent">
<view class="ad-lay">
<view class="ad-down">
<u-count-down
ref="adCountDown"
:time="showAdTime"
:autoStart="false"
@change="timeData = $event"
<u-count-down ref="adCountDown" :time="showAdTime" :autoStart="false" @change="timeData = $event"
@finish="showAdImg = false">
<view>
自动关闭<text>{{ timeData.seconds }}</text>S
@@ -152,13 +135,8 @@
</view>
<image class="ad-img" :src="layAdImg" mode="widthFix"></image>
<view class="ad-btn">
<u-icon
class="ad-btn-icon"
name="close-circle"
color="white"
size="36px"
@click="onRemoveAd"
></u-icon>
<u-icon class="ad-btn-icon" name="close-circle" color="white" size="36px"
@click="onRemoveAd"></u-icon>
</view>
</view>
</u-popup>
@@ -166,137 +144,150 @@
</template>
<script>
import { region } from '@/apis/interfaces/address.js'
import { categories, jf, index } from '@/apis/interfaces/index.js'
import {
region
} from '@/apis/interfaces/address.js'
import {
categories,
jf,
index
} from '@/apis/interfaces/index.js'
export default {
data() {
return {
theTabs : [
{ category_id: '', title: '全部' }
],
theTabId : '',
theTabStyle : {
theTabs: [{
category_id: '',
title: '全部'
}],
theTabId: '',
theTabStyle: {
left: '0%'
},
bannerArr : [],
notice : [],
jfList:[],
defaultViewId:'',
zfList:[],
bannerArr: [],
notice: [],
jfList: [],
defaultViewId: '',
zfList: [],
// 首次进入弹窗
timeData : {},
first : 1,
showAdTime : 0,
showAdImg : true,
layAdImg : '',
appMenus : {
cases : [],
service : []
timeData: {},
first: 1,
showAdTime: 0,
showAdImg: true,
layAdImg: '',
appMenus: {
cases: [],
service: []
}
}
},
onLoad() {
this.getCategory()
this.getJf()
this.getIndex()
},
onLoad() {
this.getCategory()
this.getJf()
this.getIndex()
},
methods: {
onToast(){
onToast() {
uni.showToast({
title: '即将开放，敬请期待',
icon : 'none'
icon: 'none'
})
},
// 获取金法列表
getJf(){
let params = {
category_id:this.theTabId
}
jf(params).then(res=>{
if(res.length>0){
setTimeout(()=>{
this.defaultViewId = '_tabs'+res[0].service_id
},300)
}
this.jfList = res
}).catch(err=>{
uni.showToast({
title:err.message,
icon:'none',
mask:true,
duration:2000
})
})
},
// 点击金法产品跳转金法详情
sevicesClick(id){
uni.navigateTo({
url:'/pages/index/introduces?id='+id
})
},
// 首页轮播图及公告
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
list.push(params)
})
this.notice = list
let { is_lay_ad, lay_ad_img, times } = res.layad
if(is_lay_ad) this.layAdImg = lay_ad_img
if(this.first === 1 && is_lay_ad){
this.showAdImg = true
// 获取金法列表
getJf() {
let params = {
category_id: this.theTabId
}
jf(params).then(res => {
if (res.length > 0) {
setTimeout(() => {
this.defaultViewId = '_tabs' + res[0].service_id
}, 300)
}
this.jfList = res
}).catch(err => {
uni.showToast({
title: err.message,
icon: 'none',
mask: true,
duration: 2000
})
})
},
// 点击金法产品跳转金法详情
sevicesClick(id) {
uni.navigateTo({
url: '/pages/index/introduces?id=' + id
})
},
// 首页轮播图及公告
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
list.push(params)
})
this.notice = list
let {
is_lay_ad,
lay_ad_img,
times
} = res.layad
if (is_lay_ad) this.layAdImg = lay_ad_img
if (this.first === 1 && is_lay_ad) {
this.showAdImg = true
this.showAdTime = times * 1000
this.$nextTick(() => {
this.$refs.adCountDown.start()
})
}
}).catch(err=>{
uni.showToast({
title:err.message,
icon:'none',
mask:true,
duration:2000
})
})
},
// 获取金法分类列表
getCategory(){
categories().then(res=>{
this.theTabs = this.theTabs.concat(res)
}).catch(err=>{
uni.showToast({
title:err.message,
icon:'none',
mask:true,
duration:2000
})
})
},
// 金法产品筛选
onTheTab(e){
if(e.category_id != this.theTabId){
let index = this.theTabs.findIndex(val => val.category_id === e.category_id)
this.theTabStyle = {
left: index * 25 + '%'
}
this.theTabId = e.category_id
this.getJf()
}
},
// 点击轮播图
swiperClick(e){
// console.log(this.bannerArr[e])
},
// 点击轮播图跳转自由服务包
onView(name){
this.$Router.push({ name })
},
}).catch(err => {
uni.showToast({
title: err.message,
icon: 'none',
mask: true,
duration: 2000
})
})
},
// 获取金法分类列表
getCategory() {
categories().then(res => {
this.theTabs = this.theTabs.concat(res)
}).catch(err => {
uni.showToast({
title: err.message,
icon: 'none',
mask: true,
duration: 2000
})
})
},
// 金法产品筛选
onTheTab(e) {
if (e.category_id != this.theTabId) {
let index = this.theTabs.findIndex(val => val.category_id === e.category_id)
this.theTabStyle = {
left: index * 25 + '%'
}
this.theTabId = e.category_id
this.getJf()
}
},
// 点击轮播图
swiperClick(e) {
// console.log(this.bannerArr[e])
},
// 点击轮播图跳转自由服务包
onView(name) {
this.$Router.push({
name
})
},
// 关闭弹窗广告
onRemoveAd(){
onRemoveAd() {
this.first = 0;
this.showAdImg = false;
}
@@ -305,15 +296,17 @@
</script>
<style lang="scss" scoped>
.header{
.header {
background-color: white;
padding-top: 20rpx;
}
// ad弹窗广告
.ad-lay{
.ad-lay {
width: 70vw;
position: relative;
.ad-down{
.ad-down {
position: absolute;
top: 20rpx;
right: 20rpx;
@@ -324,43 +317,51 @@
line-height: 30rpx;
border-radius: 24rpx;
color: white;
.ad-down-u{
.ad-down-u {
display: inline-block;
line-height: 30rpx;
}
}
.ad-img{
.ad-img {
width: 70vw;
border-radius: 20rpx;
}
.ad-btn{
.ad-btn {
text-align: center;
margin-top: 30rpx;
.ad-btn-icon{
.ad-btn-icon {
display: inline-block;
}
}
}
// 轮播图
.banner{
.banner {
position: relative;
width: 100%;
padding-top: 43%;
.banner-swiper{
.banner-swiper {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
}
// 公告
.notice{
.notice {
background: white;
padding: $padding;
display: flex;
flex-direction: row;
align-items: center;
.notice-title{
.notice-title {
background-color: #ececec;
color: #000;
height: 60rpx;
@@ -370,7 +371,8 @@
font-size: 26rpx;
font-weight: bold;
border-radius: 20rpx;
.notice-icon{
.notice-icon {
width: 32rpx;
vertical-align: middle;
margin-bottom: 8rpx;
@@ -378,7 +380,8 @@
display: inline-block;
}
}
.notice-more{
.notice-more {
font-size: 24rpx;
height: 50rpx;
border-radius: 25rpx;
@@ -386,55 +389,66 @@
line-height: 50rpx;
text-align: center;
color: #999999;
.more-icon{
.more-icon {
display: inline-block;
}
}
}
// 自由服务包
.free{
.free {
padding: $padding $padding $padding - 10 $padding ;
.free-img{
.free-img {
width: 100%;
}
}
// 增收赋能类
.closed{
.closed {
background: white;
margin: 0 $margin;
border-radius: 35rpx;
padding-bottom: 10rpx;
.closed-item{
.closed-item {
display: flex;
margin-bottom: 20rpx;
padding-bottom: 20rpx;
border-bottom: solid 1rpx #f8f8f8;
&:last-child{
&:last-child {
margin-bottom: 0;
border-bottom: none;
}
.closed-cover{
.closed-cover {
width: 168rpx;
height: 168rpx;
background-size: cover;
background-position: center;
border-radius: 10rpx;
}
.closed-text{
.closed-text {
width: calc(100% - 168rpx);
padding-left: 30rpx;
box-sizing: border-box;
.closed-title{
.closed-title {
font-size: 32rpx;
font-weight: bold;
line-height: 50rpx;
}
.closed-subtitle{
.closed-subtitle {
color: gray;
font-size: 28rpx;
line-height: 40rpx;
}
.closed-price{
.closed-price {
color: #d51959;
font-size: 34rpx;
line-height: 40rpx;
@@ -444,12 +458,14 @@
}
}
}
// 诉讼委托类
.lawsuit{
.lawsuit {
padding: 0 20rpx $padding;
display: flex;
justify-content: space-between;
&-item{
&-item {
background: #F6F6F6;
border-radius: 10rpx;
display: flex;
@@ -459,38 +475,44 @@
width: calc(50% - 20rpx);
margin: 0 10rpx;
}
&-cover{
&-cover {
width: 138rpx;
height: 138rpx;
background-size: cover;
background-position: center;
}
&-text{
&-text {
width: calc(100% - 138rpx);
padding: 0 20rpx;
box-sizing: border-box;
}
&-title{
&-title {
font-size: 30rpx;
margin-bottom: 20rpx;
}
&-price{
&-price {
font-size: 32rpx;
color: #d51959;
font-weight: bold;
}
}
// 经法
.the-tabs{
.the-tabs {
background: #ececec;
margin: 0 $margin;
height: 60rpx;
border-radius: 35rpx;
display: flex;
position: relative;
white-space: nowrap;
width: calc(100% - 60rpx);
&-item{
white-space: nowrap;
width: calc(100% - 60rpx);
&-item {
position: relative;
z-index: 2;
width: 25%;
@@ -499,81 +521,95 @@
font-size: 26rpx;
color: #454545;
transition: all .4s;
display: inline-block;
&.active{
display: inline-block;
&.active {
color: white;
}
}
&-acitve-block{
display: inline-block;
&-acitve-block {
display: inline-block;
width: 25%;
height: 60rpx;
background: linear-gradient( to right, #d51959, #ec7247);
background: linear-gradient(to right, #d51959, #ec7247);
border-radius: 35rpx;
position: absolute;
left: 0;
transition: all .4s;
}
}
.the-flex{
.the-flex {
padding: $padding 20rpx;
box-sizing: border-box;
white-space: nowrap;
&-item{
box-sizing: border-box;
white-space: nowrap;
&-item {
width: calc(33% - 20rpx);
margin: 0 10rpx;
display: inline-block;
&:last-child{
display: inline-block;
&:last-child {
margin-right: 20rpx;
}
.cover{
width: 100%;
padding-top: 100%;
.cover {
width: 100%;
padding-top: 100%;
background-position: center;
background-size: cover;
background-position: center;
border-radius: 10rpx;
}
.title{
.title {
font-size: 30rpx;
color: #111111;
padding: 10rpx 0;
line-height: 40rpx;
}
.price{
.price {
line-height: 40rpx;
font-weight: bold;
color: #d51959;
font-size: 32rpx;
text{
text {
font-size: 80%;
}
.ding{
font-size: 64%;
margin-left: 4rpx;
position: relative;
bottom: 2rpx;
}
.ding {
font-size: 64%;
margin-left: 4rpx;
position: relative;
bottom: 2rpx;
}
}
}
}
// 模块
.block{
.block {
background-color: white;
border-radius: $radius;
margin: 0 $margin $margin;
.block-title{
.block-title {
padding: 0 $padding;
height: 100rpx;
display: flex;
justify-content: space-between;
align-items: center;
.title{
.title {
font-weight: bold;
color: #111111;
font-size: 36rpx;
}
.more{
.more {
background-color: #ececec;
font-size: 28rpx;
height: 50rpx;
@@ -584,11 +620,11 @@
line-height: 50rpx;
text-align: center;
color: #454545;
.more-icon{
.more-icon {
display: inline-block;
}
}
}
}
</style>

2
pages/work/generate.vue
View File

@@ -3,7 +3,7 @@
<block v-if="serviceArr.length > 0">
<view class="block" v-for="(item, index) in serviceArr" :key="index">
<view class="block-title">
{{item.title}}111
{{item.title}}
<view class="block-remove" @click="onRemove(index)" v-if="serviceArr.length > 1">
<u-icon class="block-remove-icon" size="15" color="#446EFE" name="minus-circle"></u-icon>移出
</view>

322
pages/work/index.vue
View File

@@ -6,8 +6,10 @@
<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>
<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>创建订单
@@ -19,7 +21,8 @@
<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)">
<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>
@@ -28,37 +31,48 @@
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<u-icon class="privilege-lay-icon" name="close-circle" color="white" size="30"
@click="privilegeShow = false"></u-icon>
</view>
</view>
</u-popup>
@@ -82,8 +96,16 @@
</view>
<view class="flex-btn">去查看</view>
</view>
<view class="flex-item" @click="onToastTips()" style="display: none;">
<!-- @click="onNav('EnableWork')" -->
<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="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>
@@ -96,11 +118,7 @@
</view>
<!-- 未登录 -->
<view v-else class="auth-null">
<u-empty
mode="permission"
icon="http://cdn.uviewui.com/uview/empty/permission.png"
text="暂未登录"
>
<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>
@@ -108,127 +126,145 @@
</template>
<script>
import { index, rights, sign, synthesisCount } from '@/apis/interfaces/work.js'
import {
index,
rights,
sign,
synthesisCount
} from '@/apis/interfaces/work.js'
export default {
data() {
return {
isAuth : false,
rightsArr : [],
userInfo : {
isAuth: false,
rightsArr: [],
userInfo: {
nickname: '',
avatar : ''
avatar: ''
},
identity : {},
isAnswer : false,
isCertification : false,
certification : null,
isManager : false,
orderCount : {},
identity: {},
isAnswer: false,
isCertification: false,
certification: null,
isManager: false,
orderCount: {},
// 权益说明
privilegeShow : false,
privilegeText : '',
privilegeShow: false,
privilegeText: '',
// 签约状态
sign : {
isSign : false,
address : ""
sign: {
isSign: false,
address: ""
},
// 综法订单管理
synthesisData : {}
synthesisData: {}
};
},
onShow() {
let i = 0;
this.isAuth = this.$store.getters.getToken != ''
if(this.isAuth){
if (this.isAuth) {
this.getIndex()
}
},
methods: {
// 签约
onSign(){
if(!this.isCertification){
onSign() {
if (!this.isCertification) {
uni.showToast({
title: '暂未实名认证，无法签约，请完成实名认证',
icon : 'none'
icon: 'none'
})
return
}
if(this.sign.address == ''){
if (this.sign.address == '') {
uni.showToast({
title: '暂时无法签约，请前往“我的”，点击用户头像，完善通讯地址信息后重试',
icon : 'none'
icon: 'none'
})
return
}
uni.showLoading({
title : '获取签约地址',
mask : true
title: '获取签约地址',
mask: true
})
sign().then(res => {
uni.hideLoading()
this.$Router.push({
name : 'ESign',
params : {
name: 'ESign',
params: {
url: res.sign_url
}
})
}).catch(err => {
uni.showToast({
title: err.message,
icon : 'none'
icon: 'none'
})
})
},
// 显示业务员权益
onToast(val){
onToast(val) {
this.privilegeText = val.content
this.privilegeShow = true
},
// 工作台信息
getIndex(){
getIndex() {
uni.showLoading({
title: '加载中...',
mask : true
mask: true
})
Promise.all([rights(), index(), synthesisCount()]).then(res => {
let rightsData = res[0],
indexData = res[1],
synthesisData = res[2]
let rightsData = res[0],
indexData = res[1],
synthesisData = res[2]
let { nickname, avatar, business_orders_count, isCertification, certification, isManager, isAnswer, identity, sign } = indexData
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.certification = certification
this.isManager = isManager
this.isAnswer = isAnswer
this.orderCount = business_orders_count
this.identity = identity
this.sign = sign
this.synthesisData = synthesisData
this.synthesisData = synthesisData
uni.hideLoading()
}).catch(err => {
uni.showToast({
title: err.message,
icon : 'none'
icon: 'none'
})
})
},
// 导航
onNav(name, obj){
onNav(name, obj) {
let params = obj || {}
this.$Router.push({name, params})
this.$Router.push({
name,
params
})
},
// 创建订单
onCreateOrder(){
onCreateOrder() {
uni.showActionSheet({
itemList: ['个人订单', '客户订单'],
success : res => {
success: res => {
this.onNav('OrderCreate', {
type: res.tapIndex === 0 ? 'self' : 'other'
})
@@ -236,10 +272,10 @@
})
},
onToastTips(){
onToastTips() {
uni.showToast({
title: '即将开放，敬请期待',
icon : 'none'
icon: 'none'
})
},
}
@@ -247,11 +283,12 @@
</script>
<style lang="scss" scoped>
.content{
.content {
padding-bottom: 30rpx;
}
// 登录提示
.auth-null{
.auth-null {
height: 100vh;
width: 100vw;
background: white;
@@ -259,7 +296,8 @@
flex-direction: column;
justify-content: center;
align-items: center;
.auth-null-btn{
.auth-null-btn {
height: 90rpx;
line-height: 90rpx;
padding: 0;
@@ -271,16 +309,19 @@
font-weight: bold;
}
}
// 弹出特权
.privilege-lay{
.privilege-lay {
width: 70vw;
.privilege-lay-img{
.privilege-lay-img {
width: 70vw;
vertical-align: top;
}
.privilege-lay-content{
.privilege-lay-content {
background: white;
border-radius: 0 0 20rpx 20rpx;
border-radius: 0 0 20rpx 20rpx;
width: 70vw;
padding: 80rpx 30rpx 50rpx;
box-sizing: border-box;
@@ -289,29 +330,34 @@
color: #111111;
font-size: 30rpx;
}
.privilege-lay-remove{
.privilege-lay-remove {
padding-top: 30rpx;
text-align: center;
.privilege-lay-icon{
.privilege-lay-icon {
display: inline-block;
}
}
}
// header
.work-bar{
.work-bar {
padding: 30rpx;
margin-bottom: 30rpx;
display: flex;
justify-content: space-between;
align-items: center;
&-user{
&-user {
position: relative;
line-height: 70rpx;
height: 70rpx;
width: calc(100% - 200rpx);
padding-left: 90rpx;
box-sizing: border-box;
.cover{
.cover {
width: 70rpx;
height: 70rpx;
border-radius: 50%;
@@ -319,10 +365,12 @@
left: 0;
top: 0;
}
.nickname{
.nickname {
font-weight: bold;
font-size: 34rpx;
.card{
.card {
color: $main-color;
font-size: 24rpx;
display: inline-block;
@@ -333,39 +381,45 @@
margin-left: 20rpx;
margin-bottom: 2rpx;
vertical-align: middle;
border:solid 1rpx $main-color;
border: solid 1rpx $main-color;
font-weight: normal;
}
}
}
&-add{
&-add {
width: 200rpx;
font-size: 30rpx;
text-align: right;
line-height: 70rpx;
.icon{
.icon {
margin-right: 5rpx;
font-weight: bold;
}
}
}
// 订单管理
.tool-flex{
.tool-flex {
padding: 0 10rpx;
display: flex;
flex-wrap: wrap;
.tool-flex-item{
.tool-flex-item {
width: 25%;
text-align: center;
margin-bottom: 30rpx;
position: relative;
.icon{
.icon {
width: 78rpx;
height: 78rpx;
background: #ddd;
border-radius: 20rpx;
}
.number{
.number {
position: absolute;
right: 20%;
background: #fe4444;
@@ -377,7 +431,8 @@
color: white;
border-radius: 50%;
}
.text{
.text {
line-height: 40rpx;
font-size: 26rpx;
color: #111;
@@ -385,13 +440,15 @@
}
}
}
// 数据统计单
.total-flex{
.total-flex {
padding: 0 20rpx 20rpx;
display: flex;
flex-direction: row;
flex-wrap: wrap;
.total-item{
.total-item {
margin: 0 10rpx 20rpx;
background: #f8f8f8;
width: calc(50% - 20rpx);
@@ -400,7 +457,8 @@
border-radius: $radius;
position: relative;
min-height: 140rpx;
.icon{
.icon {
position: absolute;
left: 20rpx;
top: 50%;
@@ -408,13 +466,15 @@
height: 70rpx;
margin-top: -35rpx;
}
.title{
.title {
font-size: 28rpx;
color: #111;
line-height: 40rpx;
@extend .nowrap;
}
.number{
.number {
padding-top: 5rpx;
font-weight: bold;
font-size: 34rpx;
@@ -422,7 +482,8 @@
font-family: Arial, Helvetica, sans-serif;
line-height: 40rpx;
@extend .nowrap;
text{
text {
font-size: 80%;
font-weight: normal;
padding-left: 10rpx;
@@ -430,12 +491,14 @@
}
}
}
// 通用板块
.block{
.block {
background: white;
margin: 0 30rpx 20rpx;
border-radius: $radius;
.block-title{
.block-title {
padding: 30rpx;
display: flex;
justify-content: space-between;
@@ -445,63 +508,75 @@
font-size: 32rpx;
}
}
// 开通业务员
.open-interest{
.open-interest {
padding: 30rpx;
margin-bottom: 30rpx;
.title{
.title {
text-align: center;
font-size: 34rpx;
font-weight: bold;
line-height: 80rpx;
}
.open-interest-flex{
.open-interest-flex {
display: flex;
flex-wrap: wrap;
padding-top: 30rpx;
justify-content: space-between;
.open-interest-item{
.open-interest-item {
text-align: center;
.open-interest-icon{
.open-interest-icon {
width: 88rpx;
height: 88rpx;
vertical-align: top;
margin-bottom: 15rpx;
}
.open-interest-text{
.open-interest-text {
font-size: 28rpx;
color: #111111;
line-height: 40rpx;
}
}
}
// 开通步骤
.open-interest-block{
.open-interest-block {
padding: 30rpx 0;
display: flex;
justify-content: space-between;
align-items: center;
.open-interest-icon{
.open-interest-icon {
width: 88rpx;
height: 88rpx;
}
.open-interest-text{
width: calc( 100% - 258rpx);
padding:0 30rpx;
.open-interest-text {
width: calc(100% - 258rpx);
padding: 0 30rpx;
box-sizing: border-box;
.open-interest-title{
.open-interest-title {
font-weight: bold;
color: #111111;
line-height: 40rpx;
font-size: 30rpx;
}
.open-interest-submit{
.open-interest-submit {
color: #666666;
font-size: 26rpx;
line-height: 40rpx;
}
}
.open-interest-btn[size="mini"]{
.open-interest-btn[size="mini"] {
width: 170rpx;
height: 70rpx;
line-height: 70rpx;
@@ -510,10 +585,12 @@
background: $main-color;
color: white;
font-size: 30rpx;
&::after{
&::after {
display: none;
}
&[disabled]{
&[disabled] {
background: #EEEEEE;
color: #999999;
}
@@ -521,11 +598,12 @@
}
}
.flex{
.flex {
width: 100%;
padding: 0 30rpx;
box-sizing: border-box;
&-item{
&-item {
background: white;
padding: 30rpx;
border-radius: 30rpx;
@@ -533,21 +611,31 @@
display: flex;
box-sizing: border-box;
position: relative;
.flex-icon{ width: 48px; height: 48px; background: #dce1fb; border-radius: 30rpx; }
.flex-title{
.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;