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

Compare commits

base: TmOct5:405f36425db765cea0a6aa5480839a6705303aca
Branches Tags
TmOct5:master TmOct5:dev TmOct5:up-line
..
compare: TmOct5:up-line
Branches Tags
TmOct5:dev TmOct5:up-line TmOct5:master

11 Commits
405f36425d ... up-line

Author SHA1 Message Date
zhangdongxue
149b75a7dd init 2023-09-04 14:11:37 +08:00
zhangdongxue
eab46f3108 更改与线上一致 2023-09-04 11:46:41 +08:00
Jason
f75e48a3f9 merge 2023-07-24 17:53:21 +08:00
Jason
480d4416c2 .. 2023-07-19 16:43:05 +08:00
Jason
3f8baac1bd 删除赋能 2023-07-07 15:21:50 +08:00
Jason
a234b15f65 增加咨询字段 2023-07-06 15:04:59 +08:00
Jason
06771c8a68 切换环境 2023-07-06 13:30:23 +08:00
Jason
5f290f3b78 咨询订单服务金额改成订单类型 2023-07-06 12:00:40 +08:00
Jason
cba40b636e 更改文字 2023-07-06 11:16:57 +08:00
Jason
8b742c6212 更新 2023-07-06 10:27:19 +08:00
Jason
2758d4b5b2 更新 2023-07-06 10:24:58 +08:00
13 changed files with 2053 additions and 2322 deletions
Expand all files Collapse all files

BIN
.DS_Store vendored Normal file
View File

Binary file not shown.

2
README.md
View File

@@ -1,3 +1,3 @@
# dou-Fire
抖火App
抖火App -- 上架 - 版本 删除修改部分功能 使用~

28
apis/interfaces/empower.js
View File

@@ -39,35 +39,9 @@ const buy = data => {
})
}
// 订单列表初始化
const orderInit = () => {
return request({
url : "empower/order/init",
})
}
// 订单列表
const orderList = data => {
return request({
url : "empower/manager/order",
data
})
}
// 取消订单
const orderCancel = order => {
return request({
url : "empower/order/" + order + "/cancel",
})
}
export {
lists,
info,
buyInit,
buy,
orderInit,
orderList,
orderCancel
buy
}

9
apis/interfaces/work.js
View File

@@ -59,12 +59,6 @@ const synthesisAttorney = () => {
})
}
// 增收赋能单数据统计
const empowerStatistics = () =>{
return request({
url : 'empower/manager/index'
})
}
export {
index,
@@ -72,6 +66,5 @@ export {
sign,
synthesisCount,
synthesisServices,
synthesisAttorney,
empowerStatistics
synthesisAttorney
}

12
manifest.json
View File

@@ -1,9 +1,9 @@
{
"name" : "抖火法律",
"name" : "抖火数字化咨询服务平台",
"appid" : "__UNI__C305C03",
"description" : "纵有疾风起，人生不言弃",
"versionName" : "1.5.0",
"versionCode" : 105,
"versionName" : "1.5.2",
"versionCode" : 152,
"transformPx" : false,
/* 5+App特有相关 */
"app-plus" : {
@@ -44,7 +44,8 @@
"<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>"
],
"schemes" : "doufire",
"minSdkVersion" : 21
"minSdkVersion" : 21,
"abiFilters" : [ "armeabi-v7a", "arm64-v8a", "x86" ]
},
/* ios打包配置 */
"ios" : {
@@ -133,6 +134,5 @@
"uniStatistics" : {
"enable" : false
},
"vueVersion" : "2",
"fallbackLocale" : "zh-Hans"
"vueVersion" : "2"
}

17
pages.json
View File

@@ -777,14 +777,15 @@
"navigationBarBackgroundColor": "#FFF"
}
}, {
},
{
"path": "pages/empower/info",
"name": "EmpowerInfo",
"auth": true,
"style": {
"navigationBarTitleText": "增收赋能",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#ffffff"
"navigationBarBackgroundColor": "#FFF"
}
}, {
"path": "pages/empower/buy",
@@ -793,18 +794,10 @@
"style": {
"navigationBarTitleText": "报名",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#ffffff"
"navigationBarBackgroundColor": "#FFF"
}
}, {
"path": "pages/empower/order",
"name": "EmpowerOrder",
"auth": true,
"style": {
"navigationBarTitleText": "订单",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#ffffff"
}
}],
],
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "抖火",

178
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>
<!-- 自由服务包 -->
@@ -44,25 +26,19 @@
</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>
<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)"
>
<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 class="price nowrap"><text>￥</text>{{item.price}}<text class="ding" v-if="item.type">定金</text>
</view>
</view>
</scroll-view>
</view>
@@ -71,20 +47,14 @@
<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>
@@ -92,7 +62,7 @@
<!-- 诉讼委托类 -->
<view class="block">
<view class="block-title">
<view class="title">诉讼委托咨询类</view>
<view class="title">诉讼委托类</view>
</view>
<view class="lawsuit">
<block v-for="(item, index) in appMenus.cases" :key="index">
@@ -100,7 +70,8 @@
<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 class="lawsuit-price">￥{{item.price}}<text
v-if="item.limit != null">{{item.limit}}</text></view>
</view>
</view>
</block>
@@ -111,29 +82,21 @@
<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'>
<view class="the-flex-item" v-for="(item, index) in empowerArr" :key="index" @click="onEmpower(item.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}}</view>
</view>
</scroll-view>
</view>
<!-- 弹窗 -->
<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
@@ -142,13 +105,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>
@@ -156,15 +114,22 @@
</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 { lists } from '@/apis/interfaces/empower.js'
import {
categories,
jf,
index
} from '@/apis/interfaces/index.js'
export default {
data() {
return {
theTabs : [
{ category_id: '', title: '全部' }
],
theTabs: [{
category_id: '',
title: '全部'
}],
theTabId: '',
theTabStyle: {
left: '0%'
@@ -200,13 +165,16 @@
onEmpower(id) {
this.$Router.push({
name: 'EmpowerInfo',
params : { id }
params: {
id
}
})
},
// 增收赋能接口
getEmpower() {
lists().then(res => {
this.empowerArr = res;
console.log(res)
}).catch(err => {
uni.showToast({
title: err.message,
@@ -214,6 +182,7 @@
})
})
},
// 获取金法列表
getJf() {
let params = {
@@ -252,7 +221,11 @@
list.push(params)
})
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 (this.first === 1 && is_lay_ad) {
this.showAdImg = true
@@ -300,7 +273,9 @@
},
// 点击轮播图跳转自由服务包
onView(name) {
this.$Router.push({ name })
this.$Router.push({
name
})
},
// 关闭弹窗广告
onRemoveAd() {
@@ -316,10 +291,12 @@
background-color: white;
padding-top: 20rpx;
}
// ad弹窗广告
.ad-lay {
width: 70vw;
position: relative;
.ad-down {
position: absolute;
top: 20rpx;
@@ -331,28 +308,34 @@
line-height: 30rpx;
border-radius: 24rpx;
color: white;
.ad-down-u {
display: inline-block;
line-height: 30rpx;
}
}
.ad-img {
width: 70vw;
border-radius: 20rpx;
}
.ad-btn {
text-align: center;
margin-top: 30rpx;
.ad-btn-icon {
display: inline-block;
}
}
}
// 轮播图
.banner {
position: relative;
width: 100%;
padding-top: 43%;
.banner-swiper {
position: absolute;
top: 0;
@@ -360,6 +343,7 @@
width: 100%;
}
}
// 公告
.notice {
background: white;
@@ -367,6 +351,7 @@
display: flex;
flex-direction: row;
align-items: center;
.notice-title {
background-color: #ececec;
color: #000;
@@ -377,6 +362,7 @@
font-size: 26rpx;
font-weight: bold;
border-radius: 20rpx;
.notice-icon {
width: 32rpx;
vertical-align: middle;
@@ -385,6 +371,7 @@
display: inline-block;
}
}
.notice-more {
font-size: 24rpx;
height: 50rpx;
@@ -393,33 +380,40 @@
line-height: 50rpx;
text-align: center;
color: #999999;
.more-icon {
display: inline-block;
}
}
}
// 自由服务包
.free {
padding: $padding $padding $padding - 10 $padding ;
.free-img {
width: 100%;
}
}
// 增收赋能类
.closed {
background: white;
margin: 0 $margin;
border-radius: 35rpx;
padding-bottom: 10rpx;
.closed-item {
display: flex;
margin-bottom: 20rpx;
padding-bottom: 20rpx;
border-bottom: solid 1rpx #f8f8f8;
&:last-child {
margin-bottom: 0;
border-bottom: none;
}
.closed-cover {
width: 168rpx;
height: 168rpx;
@@ -427,20 +421,24 @@
background-position: center;
border-radius: 10rpx;
}
.closed-text {
width: calc(100% - 168rpx);
padding-left: 30rpx;
box-sizing: border-box;
.closed-title {
font-size: 32rpx;
font-weight: bold;
line-height: 50rpx;
}
.closed-subtitle {
color: gray;
font-size: 28rpx;
line-height: 40rpx;
}
.closed-price {
color: #d51959;
font-size: 34rpx;
@@ -451,11 +449,13 @@
}
}
}
// 诉讼委托类
.lawsuit {
padding: 0 20rpx $padding;
display: flex;
justify-content: space-between;
&-item {
background: #F6F6F6;
border-radius: 10rpx;
@@ -466,27 +466,32 @@
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;
@@ -497,6 +502,7 @@
position: relative;
white-space: nowrap;
width: calc(100% - 60rpx);
&-item {
position: relative;
z-index: 2;
@@ -507,10 +513,12 @@
color: #454545;
transition: all .4s;
display: inline-block;
&.active {
color: white;
}
}
&-acitve-block {
display: inline-block;
width: 25%;
@@ -522,17 +530,21 @@
transition: all .4s;
}
}
.the-flex {
padding: $padding 20rpx;
box-sizing: border-box;
white-space: nowrap;
&-item {
width: calc(33% - 20rpx);
margin: 0 10rpx;
display: inline-block;
&:last-child {
margin-right: 20rpx;
}
.cover {
width: 100%;
padding-top: 100%;
@@ -541,20 +553,24 @@
background-position: center;
border-radius: 10rpx;
}
.title {
font-size: 30rpx;
color: #111111;
padding: 10rpx 0;
line-height: 40rpx;
}
.price {
line-height: 40rpx;
font-weight: bold;
color: #d51959;
font-size: 32rpx;
text {
font-size: 80%;
}
.ding {
font-size: 64%;
margin-left: 4rpx;
@@ -564,22 +580,26 @@
}
}
}
// 模块
.block {
background-color: white;
border-radius: $radius;
margin: 0 $margin $margin;
.block-title {
padding: 0 $padding;
height: 100rpx;
display: flex;
justify-content: space-between;
align-items: center;
.title {
font-weight: bold;
color: #111111;
font-size: 36rpx;
}
.more {
background-color: #ececec;
font-size: 28rpx;
@@ -591,11 +611,11 @@
line-height: 50rpx;
text-align: center;
color: #454545;
.more-icon {
display: inline-block;
}
}
}
}
</style>

2
pages/synthesize/actionWork.vue
View File

@@ -27,7 +27,7 @@
</view>
</view>
<view class="block">
<view class="block-title">委托咨询单管理</view>
<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>

362
pages/synthesize/enableWork.vue
View File

@@ -1,373 +1,33 @@
<template>
<view class="content">
<view class="block">
<view class="block-title">统计数据</view>
<view class="total-flex">
<view class="total-item" @click="onNav('EmpowerOrder', { status: 0 })">
<image class="icon" src="@/static/icons/work_icon_00.png"></image>
<view class="title">待支付</view>
<view class="number">{{orderAll.init}}<text>单</text></view>
</view>
<view class="total-item" @click="onNav('EmpowerOrder', { status: 1 })">
<image class="icon" src="@/static/icons/work_icon_01.png"></image>
<view class="title">已支付</view>
<view class="number">{{orderAll.paid}}<text>单</text></view>
</view>
<view class="total-item"@click="onNav('EmpowerOrder', { status: 2 })">
<image class="icon" src="@/static/icons/work_icon_02.png"></image>
<view class="title">已完成</view>
<view class="number">{{orderAll.over}}<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.amount}}<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('EmpowerOrder', { status: '' })">
<image class="icon" src="@/static/icons/work_icon_06.png"></image>
<view class="number" v-if="orderEntrust.all > 0">{{orderEntrust.all}}</view>
<view class="text">全部订单</view>
</view>
<view class="tool-flex-item" @click="onNav('EmpowerOrder', { status: 0 })">
<image class="icon" src="@/static/icons/work_icon_17.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('EmpowerOrder', { status: 1 })">
<image class="icon" src="@/static/icons/work_icon_10.png"></image>
<view class="number" v-if="orderEntrust.paid > 0">{{orderEntrust.paid}}</view>
<view class="text">已支付</view>
</view>
<view class="tool-flex-item" @click="onNav('EmpowerOrder', { status: 2 })">
<image class="icon" src="@/static/icons/work_icon_15.png"></image>
<view class="number" v-if="orderEntrust.over > 0">{{orderEntrust.over}}</view>
<view class="text">已完成</view>
</view>
</view>
<view class="null-pages">
<u-empty
mode="order"
icon="http://cdn.uviewui.com/uview/empty/order.png"
text="暂无相关订单"
>
</u-empty>
</view>
</view>
</template>
<script>
import { empowerStatistics } from '@/apis/interfaces/work.js'
export default {
data() {
return {
// 综法订单管理
orderAll : '',
orderEntrust : '',
};
},
onShow() {
this.getIndex()
},
methods: {
// 工作台信息
getIndex(){
uni.showLoading({
title: '加载中...',
mask : true
})
// 增收赋能订单统计
empowerStatistics().then(res => {
let { order, data } = res;
this.orderAll = data
this.orderEntrust = order
uni.hideLoading()
}).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;
}
}
}
}
// 内容为空
.null-pages{ height: 70vh; display: flex; align-items: center; justify-content: center; }
</style>

2
pages/work/generate.vue
View File

@@ -16,7 +16,7 @@
<u-icon size="12" color="#999" name="arrow-down-fill"></u-icon>
</view>
</view>
<!-- 业务咨询类型 -->
<!-- 业务类型 -->
<view class="block-item">
<label class="block-item-label"><text>*</text>业务咨询类型</label>
<picker :range="item.fromType" range-key="title" :value="item.fromIndex" @change="businessChange($event, item, index)">

8
pages/work/index-老样式备份.vue
View File

@@ -223,13 +223,15 @@
<view v-else class="auth-null">
<u-empty
mode="permission"
icon="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/09/04/3482a50a7b37798129c8754200c10466.png"
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 {
@@ -379,7 +381,7 @@
height: 90rpx;
line-height: 90rpx;
padding: 0;
width: 80vw;
width: 70vw;
background: $main-color;
color: white;
font-size: 32rpx;

135
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>
@@ -85,12 +99,13 @@
<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-name">诉讼委托类</view>
<view class="flex-tips">案件委托、拓展服务</view>
</view>
<view class="flex-btn">去查看</view>
</view>
<view class="flex-item" @click="onNav('EnableWork')">
<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>
@@ -103,18 +118,20 @@
</view>
<!-- 未登录 -->
<view v-else class="auth-null">
<u-empty
mode="permission"
icon="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/06/c95ebcf8641fcbd413f990d661f638cb.gif"
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>
</view>
</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 {
@@ -201,7 +218,17 @@
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,
@@ -228,7 +255,10 @@
// 导航
onNav(name, obj) {
let params = obj || {}
this.$Router.push({name, params})
this.$Router.push({
name,
params
})
},
// 创建订单
onCreateOrder() {
@@ -240,7 +270,14 @@
})
}
})
}
},
onToastTips() {
uni.showToast({
title: '即将开放，敬请期待',
icon: 'none'
})
},
}
}
</script>
@@ -249,6 +286,7 @@
.content {
padding-bottom: 30rpx;
}
// 登录提示
.auth-null {
height: 100vh;
@@ -258,6 +296,7 @@
flex-direction: column;
justify-content: center;
align-items: center;
.auth-null-btn {
height: 90rpx;
line-height: 90rpx;
@@ -270,13 +309,16 @@
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;
@@ -288,14 +330,17 @@
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;
@@ -303,6 +348,7 @@
display: flex;
justify-content: space-between;
align-items: center;
&-user {
position: relative;
line-height: 70rpx;
@@ -310,6 +356,7 @@
width: calc(100% - 200rpx);
padding-left: 90rpx;
box-sizing: border-box;
.cover {
width: 70rpx;
height: 70rpx;
@@ -318,9 +365,11 @@
left: 0;
top: 0;
}
.nickname {
font-weight: bold;
font-size: 34rpx;
.card {
color: $main-color;
font-size: 24rpx;
@@ -337,33 +386,39 @@
}
}
}
&-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%;
@@ -376,6 +431,7 @@
color: white;
border-radius: 50%;
}
.text {
line-height: 40rpx;
font-size: 26rpx;
@@ -384,12 +440,14 @@
}
}
}
// 数据统计单
.total-flex {
padding: 0 20rpx 20rpx;
display: flex;
flex-direction: row;
flex-wrap: wrap;
.total-item {
margin: 0 10rpx 20rpx;
background: #f8f8f8;
@@ -399,6 +457,7 @@
border-radius: $radius;
position: relative;
min-height: 140rpx;
.icon {
position: absolute;
left: 20rpx;
@@ -407,12 +466,14 @@
height: 70rpx;
margin-top: -35rpx;
}
.title {
font-size: 28rpx;
color: #111;
line-height: 40rpx;
@extend .nowrap;
}
.number {
padding-top: 5rpx;
font-weight: bold;
@@ -421,6 +482,7 @@
font-family: Arial, Helvetica, sans-serif;
line-height: 40rpx;
@extend .nowrap;
text {
font-size: 80%;
font-weight: normal;
@@ -429,11 +491,13 @@
}
}
}
// 通用板块
.block {
background: white;
margin: 0 30rpx 20rpx;
border-radius: $radius;
.block-title {
padding: 30rpx;
display: flex;
@@ -444,29 +508,35 @@
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;
@@ -474,32 +544,38 @@
}
}
}
// 开通步骤
.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;
@@ -509,9 +585,11 @@
background: $main-color;
color: white;
font-size: 30rpx;
&::after {
display: none;
}
&[disabled] {
background: #EEEEEE;
color: #999999;
@@ -524,6 +602,7 @@
width: 100%;
padding: 0 30rpx;
box-sizing: border-box;
&-item {
background: white;
padding: 30rpx;
@@ -532,21 +611,31 @@
display: flex;
box-sizing: border-box;
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 {
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;