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

206
pages/index/index.vue
View File

@@ -2,35 +2,17 @@
<view class="content"> <view class="content">
<view class="header"> <view class="header">
<view class="banner"> <view class="banner">
<u-swiper <u-swiper class="banner-swiper" :list="bannerArr" :indicator="true" keyName="cover" previousMargin="20"
class="banner-swiper" nextMargin="20" circular radius="10" bgColor="#ffffff" height="100%" @click='swiperClick' />
:list="bannerArr"
:indicator="true"
keyName="cover"
previousMargin="20"
nextMargin="20"
circular
radius="10"
bgColor="#ffffff"
height="100%"
@click='swiperClick'
/>
</view> </view>
<view class="notice"> <view class="notice">
<view class="notice-title"> <view class="notice-title">
<image class="notice-icon" src="@/static/index/index_notice.png" mode="widthFix" /> 公告 <image class="notice-icon" src="@/static/index/index_notice.png" mode="widthFix" /> 公告
</view> </view>
<u-notice-bar <u-notice-bar icon="" :text="notice" url='' linkType='navigateTo' fontSize="14" direction="column"
icon="" bgColor="#fff" color="#111111" />
:text="notice" <view class="notice-more">更多<u-icon class="more-icon" size="20rpx" color="#999" name="arrow-right" />
url='' </view>
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>
</view> </view>
<!-- 自由服务包 --> <!-- 自由服务包 -->
@@ -44,25 +26,19 @@
</view> </view>
<scroll-view class="the-tabs" scroll-x="true"> <scroll-view class="the-tabs" scroll-x="true">
<block v-for="(item, index) in theTabs" :key="index"> <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> <view class="the-tabs-item" :class="{'active': item.category_id == theTabId}"
@click="onTheTab(item)">{{item.title}}</view>
</block> </block>
<view class="the-tabs-acitve-block" :style="theTabStyle"></view> <view class="the-tabs-acitve-block" :style="theTabStyle"></view>
</scroll-view> </scroll-view>
<scroll-view <scroll-view class="the-flex" scroll-x="true" scroll-with-animation="true"
class="the-flex" :scroll-into-view='defaultViewId'>
scroll-x="true" <view class="the-flex-item" v-for="item in jfList" :key="item.service_id" :id='"_tabs"+item.service_id'
scroll-with-animation="true" @click="sevicesClick(item.service_id)">
: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="cover" :style="'background-image: url(' + item.cover + ');'"></view>
<view class="title nowrap">{{item.title}}</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 class="price nowrap"><text>￥</text>{{item.price}}<text class="ding" v-if="item.type">定金</text>
</view>
</view> </view>
</scroll-view> </scroll-view>
</view> </view>
@@ -71,65 +47,76 @@
<view class="block-title"> <view class="block-title">
<view class="title">法律咨询类</view> <view class="title">法律咨询类</view>
</view> </view>
<scroll-view <scroll-view class="the-flex" style="padding-top: 0;" scroll-x="true" scroll-with-animation="true"
class="the-flex" :scroll-into-view='defaultViewId'>
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"> <block v-for="(item, index) in appMenus.service" :key="index">
<view class="the-flex-item" <view class="the-flex-item" @click="onView(item.page)">
@click="onView(item.page)"
>
<view class="cover" :style="'background-image: url(' + item.cover + ');'"></view> <view class="cover" :style="'background-image: url(' + item.cover + ');'"></view>
<view class="title nowrap">{{item.title}}</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> </view>
</block> </block>
</scroll-view> </scroll-view>
</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="block-title">
<view class="title">增收赋能咨询类</view> <view class="title">增收赋能咨询类</view>
</view> </view>
<scroll-view ßßß <scroll-view class="the-flex" style="padding-top: 0;" scroll-x="true" scroll-with-animation="true"
class="the-flex" :scroll-into-view='defaultViewId' @click="onToast()">
style="padding-top: 0;"
scroll-x="true"
scroll-with-animation="true"
:scroll-into-view='defaultViewId'
@click="onToast()"
>
A
<view class="the-flex-item"> <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="title nowrap">巅峰销售思维</view>
<view class="price nowrap"><text>￥</text>2980</view> <view class="price nowrap"><text>￥</text>2980</view>
</view> </view>
<view class="the-flex-item"> <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="title nowrap">团队系统思维</view>
<view class="price nowrap"><text>￥</text>3980</view> <view class="price nowrap"><text>￥</text>3980</view>
</view> </view>
<view class="the-flex-item"> <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="title nowrap">领袖演说思维</view>
<view class="price nowrap"><text>￥</text>4980</view> <view class="price nowrap"><text>￥</text>4980</view>
</view> </view>
<view class="the-flex-item"> <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="title nowrap">卓越领袖能量思维</view>
<view class="price nowrap"><text>￥</text>5980</view> <view class="price nowrap"><text>￥</text>5980</view>
</view> </view>
<view class="the-flex-item"> <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="title nowrap">激发内在无限潜能</view>
<view class="price nowrap"><text>￥</text>9980</view> <view class="price nowrap"><text>￥</text>9980</view>
</view> </view>
<view class="the-flex-item"> <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="title nowrap">其他赋能培训会议</view>
<view class="price nowrap">价格另议</view> <view class="price nowrap">价格另议</view>
</view> </view>
@@ -139,11 +126,7 @@
<u-popup :show="showAdImg" mode="center" bgColor="transparent"> <u-popup :show="showAdImg" mode="center" bgColor="transparent">
<view class="ad-lay"> <view class="ad-lay">
<view class="ad-down"> <view class="ad-down">
<u-count-down <u-count-down ref="adCountDown" :time="showAdTime" :autoStart="false" @change="timeData = $event"
ref="adCountDown"
:time="showAdTime"
:autoStart="false"
@change="timeData = $event"
@finish="showAdImg = false"> @finish="showAdImg = false">
<view> <view>
自动关闭<text>{{ timeData.seconds }}</text>S 自动关闭<text>{{ timeData.seconds }}</text>S
@@ -152,13 +135,8 @@
</view> </view>
<image class="ad-img" :src="layAdImg" mode="widthFix"></image> <image class="ad-img" :src="layAdImg" mode="widthFix"></image>
<view class="ad-btn"> <view class="ad-btn">
<u-icon <u-icon class="ad-btn-icon" name="close-circle" color="white" size="36px"
class="ad-btn-icon" @click="onRemoveAd"></u-icon>
name="close-circle"
color="white"
size="36px"
@click="onRemoveAd"
></u-icon>
</view> </view>
</view> </view>
</u-popup> </u-popup>
@@ -166,14 +144,21 @@
</template> </template>
<script> <script>
import { region } from '@/apis/interfaces/address.js' import {
import { categories, jf, index } from '@/apis/interfaces/index.js' region
} from '@/apis/interfaces/address.js'
import {
categories,
jf,
index
} from '@/apis/interfaces/index.js'
export default { export default {
data() { data() {
return { return {
theTabs : [ theTabs: [{
{ category_id: '', title: '全部' } category_id: '',
], title: '全部'
}],
theTabId: '', theTabId: '',
theTabStyle: { theTabStyle: {
left: '0%' left: '0%'
@@ -245,7 +230,11 @@
list.push(params) list.push(params)
}) })
this.notice = list this.notice = list
let { is_lay_ad, lay_ad_img, times } = res.layad let {
is_lay_ad,
lay_ad_img,
times
} = res.layad
if (is_lay_ad) this.layAdImg = lay_ad_img if (is_lay_ad) this.layAdImg = lay_ad_img
if (this.first === 1 && is_lay_ad) { if (this.first === 1 && is_lay_ad) {
this.showAdImg = true this.showAdImg = true
@@ -293,7 +282,9 @@
}, },
// 点击轮播图跳转自由服务包 // 点击轮播图跳转自由服务包
onView(name) { onView(name) {
this.$Router.push({ name }) this.$Router.push({
name
})
}, },
// 关闭弹窗广告 // 关闭弹窗广告
onRemoveAd() { onRemoveAd() {
@@ -309,10 +300,12 @@
background-color: white; background-color: white;
padding-top: 20rpx; padding-top: 20rpx;
} }
// ad弹窗广告 // ad弹窗广告
.ad-lay { .ad-lay {
width: 70vw; width: 70vw;
position: relative; position: relative;
.ad-down { .ad-down {
position: absolute; position: absolute;
top: 20rpx; top: 20rpx;
@@ -324,28 +317,34 @@
line-height: 30rpx; line-height: 30rpx;
border-radius: 24rpx; border-radius: 24rpx;
color: white; color: white;
.ad-down-u { .ad-down-u {
display: inline-block; display: inline-block;
line-height: 30rpx; line-height: 30rpx;
} }
} }
.ad-img { .ad-img {
width: 70vw; width: 70vw;
border-radius: 20rpx; border-radius: 20rpx;
} }
.ad-btn { .ad-btn {
text-align: center; text-align: center;
margin-top: 30rpx; margin-top: 30rpx;
.ad-btn-icon { .ad-btn-icon {
display: inline-block; display: inline-block;
} }
} }
} }
// 轮播图 // 轮播图
.banner { .banner {
position: relative; position: relative;
width: 100%; width: 100%;
padding-top: 43%; padding-top: 43%;
.banner-swiper { .banner-swiper {
position: absolute; position: absolute;
top: 0; top: 0;
@@ -353,6 +352,7 @@
width: 100%; width: 100%;
} }
} }
// 公告 // 公告
.notice { .notice {
background: white; background: white;
@@ -360,6 +360,7 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
.notice-title { .notice-title {
background-color: #ececec; background-color: #ececec;
color: #000; color: #000;
@@ -370,6 +371,7 @@
font-size: 26rpx; font-size: 26rpx;
font-weight: bold; font-weight: bold;
border-radius: 20rpx; border-radius: 20rpx;
.notice-icon { .notice-icon {
width: 32rpx; width: 32rpx;
vertical-align: middle; vertical-align: middle;
@@ -378,6 +380,7 @@
display: inline-block; display: inline-block;
} }
} }
.notice-more { .notice-more {
font-size: 24rpx; font-size: 24rpx;
height: 50rpx; height: 50rpx;
@@ -386,33 +389,40 @@
line-height: 50rpx; line-height: 50rpx;
text-align: center; text-align: center;
color: #999999; color: #999999;
.more-icon { .more-icon {
display: inline-block; display: inline-block;
} }
} }
} }
// 自由服务包 // 自由服务包
.free { .free {
padding: $padding $padding $padding - 10 $padding ; padding: $padding $padding $padding - 10 $padding ;
.free-img { .free-img {
width: 100%; width: 100%;
} }
} }
// 增收赋能类 // 增收赋能类
.closed { .closed {
background: white; background: white;
margin: 0 $margin; margin: 0 $margin;
border-radius: 35rpx; border-radius: 35rpx;
padding-bottom: 10rpx; padding-bottom: 10rpx;
.closed-item { .closed-item {
display: flex; display: flex;
margin-bottom: 20rpx; margin-bottom: 20rpx;
padding-bottom: 20rpx; padding-bottom: 20rpx;
border-bottom: solid 1rpx #f8f8f8; border-bottom: solid 1rpx #f8f8f8;
&:last-child { &:last-child {
margin-bottom: 0; margin-bottom: 0;
border-bottom: none; border-bottom: none;
} }
.closed-cover { .closed-cover {
width: 168rpx; width: 168rpx;
height: 168rpx; height: 168rpx;
@@ -420,20 +430,24 @@
background-position: center; background-position: center;
border-radius: 10rpx; border-radius: 10rpx;
} }
.closed-text { .closed-text {
width: calc(100% - 168rpx); width: calc(100% - 168rpx);
padding-left: 30rpx; padding-left: 30rpx;
box-sizing: border-box; box-sizing: border-box;
.closed-title { .closed-title {
font-size: 32rpx; font-size: 32rpx;
font-weight: bold; font-weight: bold;
line-height: 50rpx; line-height: 50rpx;
} }
.closed-subtitle { .closed-subtitle {
color: gray; color: gray;
font-size: 28rpx; font-size: 28rpx;
line-height: 40rpx; line-height: 40rpx;
} }
.closed-price { .closed-price {
color: #d51959; color: #d51959;
font-size: 34rpx; font-size: 34rpx;
@@ -444,11 +458,13 @@
} }
} }
} }
// 诉讼委托类 // 诉讼委托类
.lawsuit { .lawsuit {
padding: 0 20rpx $padding; padding: 0 20rpx $padding;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
&-item { &-item {
background: #F6F6F6; background: #F6F6F6;
border-radius: 10rpx; border-radius: 10rpx;
@@ -459,27 +475,32 @@
width: calc(50% - 20rpx); width: calc(50% - 20rpx);
margin: 0 10rpx; margin: 0 10rpx;
} }
&-cover { &-cover {
width: 138rpx; width: 138rpx;
height: 138rpx; height: 138rpx;
background-size: cover; background-size: cover;
background-position: center; background-position: center;
} }
&-text { &-text {
width: calc(100% - 138rpx); width: calc(100% - 138rpx);
padding: 0 20rpx; padding: 0 20rpx;
box-sizing: border-box; box-sizing: border-box;
} }
&-title { &-title {
font-size: 30rpx; font-size: 30rpx;
margin-bottom: 20rpx; margin-bottom: 20rpx;
} }
&-price { &-price {
font-size: 32rpx; font-size: 32rpx;
color: #d51959; color: #d51959;
font-weight: bold; font-weight: bold;
} }
} }
// 经法 // 经法
.the-tabs { .the-tabs {
background: #ececec; background: #ececec;
@@ -490,6 +511,7 @@
position: relative; position: relative;
white-space: nowrap; white-space: nowrap;
width: calc(100% - 60rpx); width: calc(100% - 60rpx);
&-item { &-item {
position: relative; position: relative;
z-index: 2; z-index: 2;
@@ -500,10 +522,12 @@
color: #454545; color: #454545;
transition: all .4s; transition: all .4s;
display: inline-block; display: inline-block;
&.active { &.active {
color: white; color: white;
} }
} }
&-acitve-block { &-acitve-block {
display: inline-block; display: inline-block;
width: 25%; width: 25%;
@@ -515,17 +539,21 @@
transition: all .4s; transition: all .4s;
} }
} }
.the-flex { .the-flex {
padding: $padding 20rpx; padding: $padding 20rpx;
box-sizing: border-box; box-sizing: border-box;
white-space: nowrap; white-space: nowrap;
&-item { &-item {
width: calc(33% - 20rpx); width: calc(33% - 20rpx);
margin: 0 10rpx; margin: 0 10rpx;
display: inline-block; display: inline-block;
&:last-child { &:last-child {
margin-right: 20rpx; margin-right: 20rpx;
} }
.cover { .cover {
width: 100%; width: 100%;
padding-top: 100%; padding-top: 100%;
@@ -534,20 +562,24 @@
background-position: center; background-position: center;
border-radius: 10rpx; border-radius: 10rpx;
} }
.title { .title {
font-size: 30rpx; font-size: 30rpx;
color: #111111; color: #111111;
padding: 10rpx 0; padding: 10rpx 0;
line-height: 40rpx; line-height: 40rpx;
} }
.price { .price {
line-height: 40rpx; line-height: 40rpx;
font-weight: bold; font-weight: bold;
color: #d51959; color: #d51959;
font-size: 32rpx; font-size: 32rpx;
text { text {
font-size: 80%; font-size: 80%;
} }
.ding { .ding {
font-size: 64%; font-size: 64%;
margin-left: 4rpx; margin-left: 4rpx;
@@ -557,22 +589,26 @@
} }
} }
} }
// 模块 // 模块
.block { .block {
background-color: white; background-color: white;
border-radius: $radius; border-radius: $radius;
margin: 0 $margin $margin; margin: 0 $margin $margin;
.block-title { .block-title {
padding: 0 $padding; padding: 0 $padding;
height: 100rpx; height: 100rpx;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
.title { .title {
font-weight: bold; font-weight: bold;
color: #111111; color: #111111;
font-size: 36rpx; font-size: 36rpx;
} }
.more { .more {
background-color: #ececec; background-color: #ececec;
font-size: 28rpx; font-size: 28rpx;
@@ -584,11 +620,11 @@
line-height: 50rpx; line-height: 50rpx;
text-align: center; text-align: center;
color: #454545; color: #454545;
.more-icon { .more-icon {
display: inline-block; display: inline-block;
} }
} }
} }
} }
</style> </style>

2
pages/work/generate.vue
View File

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

130
pages/work/index.vue
View File

@@ -6,8 +6,10 @@
<view class="status_bar"></view> <view class="status_bar"></view>
<view class="work-bar"> <view class="work-bar">
<view class="work-bar-user"> <view class="work-bar-user">
<image class="cover" :src="userInfo.avatar || require('@/static/imgs/default-active.png')" mode="aspectFill"></image> <image class="cover" :src="userInfo.avatar || require('@/static/imgs/default-active.png')"
<view class="nickname">{{userInfo.nickname}}<text class="card" v-if="isManager">{{identity.name}}</text></view> mode="aspectFill"></image>
<view class="nickname">{{userInfo.nickname}}<text class="card"
v-if="isManager">{{identity.name}}</text></view>
</view> </view>
<view class="work-bar-add" @click="onCreateOrder" v-if="isManager"> <view class="work-bar-add" @click="onCreateOrder" v-if="isManager">
<uni-icons class="icon" type="plusempty" size="30rpx" color="#111"></uni-icons>创建订单 <uni-icons class="icon" type="plusempty" size="30rpx" color="#111"></uni-icons>创建订单
@@ -19,7 +21,8 @@
<view class="block open-interest"> <view class="block open-interest">
<view class="title">实习顾问专属权益</view> <view class="title">实习顾问专属权益</view>
<view class="open-interest-flex"> <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> <image class="open-interest-icon" :src="item.icon"></image>
<view class="open-interest-text">{{item.title}}</view> <view class="open-interest-text">{{item.title}}</view>
</view> </view>
@@ -28,37 +31,48 @@
<view class="block open-interest"> <view class="block open-interest">
<view class="title">仅需3步即可成为实习顾问</view> <view class="title">仅需3步即可成为实习顾问</view>
<view class="open-interest-block"> <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-text">
<view class="open-interest-title">实名认证</view> <view class="open-interest-title">实名认证</view>
<view class="open-interest-submit">通过身份证实名认证</view> <view class="open-interest-submit">通过身份证实名认证</view>
</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>
<view class="open-interest-block"> <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-text">
<view class="open-interest-title">通过实习顾问考试</view> <view class="open-interest-title">通过实习顾问考试</view>
<view class="open-interest-submit">通过线上考试即可完成</view> <view class="open-interest-submit">通过线上考试即可完成</view>
</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>
<view class="open-interest-block"> <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-text">
<view class="open-interest-title">实习顾问签约</view> <view class="open-interest-title">实习顾问签约</view>
<view class="open-interest-submit">完成实习顾问在线签约</view> <view class="open-interest-submit">完成实习顾问在线签约</view>
</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>
</view> </view>
<!-- 提示信息 --> <!-- 提示信息 -->
<u-popup :show="privilegeShow" mode="center" bgColor="transparent"> <u-popup :show="privilegeShow" mode="center" bgColor="transparent">
<view class="privilege-lay"> <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-content"><text>{{privilegeText}}</text></view>
<view class="privilege-lay-remove"> <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>
</view> </view>
</u-popup> </u-popup>
@@ -82,7 +96,15 @@
</view> </view>
<view class="flex-btn">去查看</view> <view class="flex-btn">去查看</view>
</view> </view>
<view class="flex-item" @click="onToastTips()" style="display: none;"> <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')" --> <!-- @click="onNav('EnableWork')" -->
<image class="flex-icon" src="/static/icons/icon_03.png" mode="aspectFill"></image> <image class="flex-icon" src="/static/icons/icon_03.png" mode="aspectFill"></image>
<view class="flex-title"> <view class="flex-title">
@@ -96,11 +118,7 @@
</view> </view>
<!-- 未登录 --> <!-- 未登录 -->
<view v-else class="auth-null"> <view v-else class="auth-null">
<u-empty <u-empty mode="permission" icon="http://cdn.uviewui.com/uview/empty/permission.png" text="暂未登录">
mode="permission"
icon="http://cdn.uviewui.com/uview/empty/permission.png"
text="暂未登录"
>
</u-empty> </u-empty>
<button class="auth-null-btn" size="mini" @click="onNav('Auth')">登录</button> <button class="auth-null-btn" size="mini" @click="onNav('Auth')">登录</button>
</view> </view>
@@ -108,7 +126,12 @@
</template> </template>
<script> <script>
import { index, rights, sign, synthesisCount } from '@/apis/interfaces/work.js' import {
index,
rights,
sign,
synthesisCount
} from '@/apis/interfaces/work.js'
export default { export default {
data() { data() {
return { return {
@@ -195,7 +218,17 @@
indexData = res[1], indexData = res[1],
synthesisData = res[2] 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.rightsArr = rightsData
this.userInfo = { this.userInfo = {
nickname, nickname,
@@ -222,7 +255,10 @@
// 导航 // 导航
onNav(name, obj) { onNav(name, obj) {
let params = obj || {} let params = obj || {}
this.$Router.push({name, params}) this.$Router.push({
name,
params
})
}, },
// 创建订单 // 创建订单
onCreateOrder() { onCreateOrder() {
@@ -250,6 +286,7 @@
.content { .content {
padding-bottom: 30rpx; padding-bottom: 30rpx;
} }
// 登录提示 // 登录提示
.auth-null { .auth-null {
height: 100vh; height: 100vh;
@@ -259,6 +296,7 @@
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
.auth-null-btn { .auth-null-btn {
height: 90rpx; height: 90rpx;
line-height: 90rpx; line-height: 90rpx;
@@ -271,13 +309,16 @@
font-weight: bold; font-weight: bold;
} }
} }
// 弹出特权 // 弹出特权
.privilege-lay { .privilege-lay {
width: 70vw; width: 70vw;
.privilege-lay-img { .privilege-lay-img {
width: 70vw; width: 70vw;
vertical-align: top; vertical-align: top;
} }
.privilege-lay-content { .privilege-lay-content {
background: white; background: white;
border-radius: 0 0 20rpx 20rpx; border-radius: 0 0 20rpx 20rpx;
@@ -289,14 +330,17 @@
color: #111111; color: #111111;
font-size: 30rpx; font-size: 30rpx;
} }
.privilege-lay-remove { .privilege-lay-remove {
padding-top: 30rpx; padding-top: 30rpx;
text-align: center; text-align: center;
.privilege-lay-icon { .privilege-lay-icon {
display: inline-block; display: inline-block;
} }
} }
} }
// header // header
.work-bar { .work-bar {
padding: 30rpx; padding: 30rpx;
@@ -304,6 +348,7 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
&-user { &-user {
position: relative; position: relative;
line-height: 70rpx; line-height: 70rpx;
@@ -311,6 +356,7 @@
width: calc(100% - 200rpx); width: calc(100% - 200rpx);
padding-left: 90rpx; padding-left: 90rpx;
box-sizing: border-box; box-sizing: border-box;
.cover { .cover {
width: 70rpx; width: 70rpx;
height: 70rpx; height: 70rpx;
@@ -319,9 +365,11 @@
left: 0; left: 0;
top: 0; top: 0;
} }
.nickname { .nickname {
font-weight: bold; font-weight: bold;
font-size: 34rpx; font-size: 34rpx;
.card { .card {
color: $main-color; color: $main-color;
font-size: 24rpx; font-size: 24rpx;
@@ -338,33 +386,39 @@
} }
} }
} }
&-add { &-add {
width: 200rpx; width: 200rpx;
font-size: 30rpx; font-size: 30rpx;
text-align: right; text-align: right;
line-height: 70rpx; line-height: 70rpx;
.icon { .icon {
margin-right: 5rpx; margin-right: 5rpx;
font-weight: bold; font-weight: bold;
} }
} }
} }
// 订单管理 // 订单管理
.tool-flex { .tool-flex {
padding: 0 10rpx; padding: 0 10rpx;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
.tool-flex-item { .tool-flex-item {
width: 25%; width: 25%;
text-align: center; text-align: center;
margin-bottom: 30rpx; margin-bottom: 30rpx;
position: relative; position: relative;
.icon { .icon {
width: 78rpx; width: 78rpx;
height: 78rpx; height: 78rpx;
background: #ddd; background: #ddd;
border-radius: 20rpx; border-radius: 20rpx;
} }
.number { .number {
position: absolute; position: absolute;
right: 20%; right: 20%;
@@ -377,6 +431,7 @@
color: white; color: white;
border-radius: 50%; border-radius: 50%;
} }
.text { .text {
line-height: 40rpx; line-height: 40rpx;
font-size: 26rpx; font-size: 26rpx;
@@ -385,12 +440,14 @@
} }
} }
} }
// 数据统计单 // 数据统计单
.total-flex { .total-flex {
padding: 0 20rpx 20rpx; padding: 0 20rpx 20rpx;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
.total-item { .total-item {
margin: 0 10rpx 20rpx; margin: 0 10rpx 20rpx;
background: #f8f8f8; background: #f8f8f8;
@@ -400,6 +457,7 @@
border-radius: $radius; border-radius: $radius;
position: relative; position: relative;
min-height: 140rpx; min-height: 140rpx;
.icon { .icon {
position: absolute; position: absolute;
left: 20rpx; left: 20rpx;
@@ -408,12 +466,14 @@
height: 70rpx; height: 70rpx;
margin-top: -35rpx; margin-top: -35rpx;
} }
.title { .title {
font-size: 28rpx; font-size: 28rpx;
color: #111; color: #111;
line-height: 40rpx; line-height: 40rpx;
@extend .nowrap; @extend .nowrap;
} }
.number { .number {
padding-top: 5rpx; padding-top: 5rpx;
font-weight: bold; font-weight: bold;
@@ -422,6 +482,7 @@
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
line-height: 40rpx; line-height: 40rpx;
@extend .nowrap; @extend .nowrap;
text { text {
font-size: 80%; font-size: 80%;
font-weight: normal; font-weight: normal;
@@ -430,11 +491,13 @@
} }
} }
} }
// 通用板块 // 通用板块
.block { .block {
background: white; background: white;
margin: 0 30rpx 20rpx; margin: 0 30rpx 20rpx;
border-radius: $radius; border-radius: $radius;
.block-title { .block-title {
padding: 30rpx; padding: 30rpx;
display: flex; display: flex;
@@ -445,29 +508,35 @@
font-size: 32rpx; font-size: 32rpx;
} }
} }
// 开通业务员 // 开通业务员
.open-interest { .open-interest {
padding: 30rpx; padding: 30rpx;
margin-bottom: 30rpx; margin-bottom: 30rpx;
.title { .title {
text-align: center; text-align: center;
font-size: 34rpx; font-size: 34rpx;
font-weight: bold; font-weight: bold;
line-height: 80rpx; line-height: 80rpx;
} }
.open-interest-flex { .open-interest-flex {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
padding-top: 30rpx; padding-top: 30rpx;
justify-content: space-between; justify-content: space-between;
.open-interest-item { .open-interest-item {
text-align: center; text-align: center;
.open-interest-icon { .open-interest-icon {
width: 88rpx; width: 88rpx;
height: 88rpx; height: 88rpx;
vertical-align: top; vertical-align: top;
margin-bottom: 15rpx; margin-bottom: 15rpx;
} }
.open-interest-text { .open-interest-text {
font-size: 28rpx; font-size: 28rpx;
color: #111111; color: #111111;
@@ -475,32 +544,38 @@
} }
} }
} }
// 开通步骤 // 开通步骤
.open-interest-block { .open-interest-block {
padding: 30rpx 0; padding: 30rpx 0;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
.open-interest-icon { .open-interest-icon {
width: 88rpx; width: 88rpx;
height: 88rpx; height: 88rpx;
} }
.open-interest-text { .open-interest-text {
width: calc(100% - 258rpx); width: calc(100% - 258rpx);
padding: 0 30rpx; padding: 0 30rpx;
box-sizing: border-box; box-sizing: border-box;
.open-interest-title { .open-interest-title {
font-weight: bold; font-weight: bold;
color: #111111; color: #111111;
line-height: 40rpx; line-height: 40rpx;
font-size: 30rpx; font-size: 30rpx;
} }
.open-interest-submit { .open-interest-submit {
color: #666666; color: #666666;
font-size: 26rpx; font-size: 26rpx;
line-height: 40rpx; line-height: 40rpx;
} }
} }
.open-interest-btn[size="mini"] { .open-interest-btn[size="mini"] {
width: 170rpx; width: 170rpx;
height: 70rpx; height: 70rpx;
@@ -510,9 +585,11 @@
background: $main-color; background: $main-color;
color: white; color: white;
font-size: 30rpx; font-size: 30rpx;
&::after { &::after {
display: none; display: none;
} }
&[disabled] { &[disabled] {
background: #EEEEEE; background: #EEEEEE;
color: #999999; color: #999999;
@@ -525,6 +602,7 @@
width: 100%; width: 100%;
padding: 0 30rpx; padding: 0 30rpx;
box-sizing: border-box; box-sizing: border-box;
&-item { &-item {
background: white; background: white;
padding: 30rpx; padding: 30rpx;
@@ -533,21 +611,31 @@
display: flex; display: flex;
box-sizing: border-box; box-sizing: border-box;
position: relative; position: relative;
.flex-icon{ width: 48px; height: 48px; background: #dce1fb; border-radius: 30rpx; }
.flex-icon {
width: 48px;
height: 48px;
background: #dce1fb;
border-radius: 30rpx;
}
.flex-title { .flex-title {
box-sizing: border-box; box-sizing: border-box;
padding-left: 30rpx; padding-left: 30rpx;
.flex-name { .flex-name {
color: #293f66; color: #293f66;
font-size: 34rpx; font-size: 34rpx;
font-weight: bold; font-weight: bold;
padding: 4rpx 0; padding: 4rpx 0;
} }
.flex-tips { .flex-tips {
color: #929db3; color: #929db3;
font-size: 28rpx; font-size: 28rpx;
} }
} }
.flex-btn { .flex-btn {
position: absolute; position: absolute;
right: 30rpx; right: 30rpx;