[综法改版,个人中心新增数据模块]

This commit is contained in:
2023-06-21 17:07:43 +08:00
parent 47a057b35b
commit be6d4622bc
10 changed files with 828 additions and 115 deletions

View File

@@ -147,7 +147,7 @@ const loginHint = () => {
success: res=> {
loginHintState = false
if (res.confirm) uni.reLaunch({
url: '/login/login'
url: '/index/index'
})
}
})

View File

@@ -302,14 +302,24 @@
}, {
"path": "pages/sheet/create",
"aliasPath": "/sheet/create",
"auth": true,
"name": "sheetCreate",
"style": {
"navigationBarTitleText": "选择咨询类型"
}
}, {
"path": "pages/sheet/feerCreate",
"aliasPath": "/sheet/feerCreate",
"name": "sheetFeerCreate",
"auth": true,
"style": {
"navigationBarTitleText": "法律咨询"
}
}, {
"path": "pages/sheet/basic",
"aliasPath": "/sheet/basic",
"name": "sheetBasic",
"auth": true,
"style": {
"navigationBarTitleText": "基本信息"
}
@@ -452,6 +462,7 @@
"path": "pages/synthesis/standBrief",
"aliasPath": "/synthesis/standBrief",
"name": "StandBrief",
"auth": true,
"style": {
"navigationBarTitleText": "企业全年法律"
}

View File

@@ -50,39 +50,52 @@
<!-- 按钮链接 -->
<view class="topCont-tool">
<view class="topCont-tool-left">
<view class="topCont-tool-cont" @click="seekClick('other', 1)">
<!-- @click="$Router.push({name: 'sheetLoan', params: {type: 1}}) -->
<view class="topCont-whole-name">
经济纠纷
<view class="topCont-tool-left topCont-tool-right">
<view class="topCont-tool-label blueBlock" @click="$Router.push({name: 'PersonBrief', params: {type: 1}})">
<view class="topCont-tool-cont">
<!-- @click="$Router.push({name: 'indexEntrust'}) -->
<view class="topCont-tool-name">
个人全年法律
</view>
<view class="topCont-whole-tips">
<view class="topCont-tool-tips">
咨询服务 抖火法律
</view>
<image class="topCont-whole-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/06/e698643f2ef38f225ce5d4ff5d39dfb3.png" mode="widthFix"></image>
<image class="topCont-tool-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/06/fc344138e439b223cf48715aa687cc0b.png" mode="widthFix"></image>
</view>
</view>
<view class="topCont-tool-label redBlock" @click="$Router.push({name: 'EntrustBrief'})">
<view class="topCont-tool-cont">
<view class="topCont-tool-name">
案件委托
</view>
<view class="topCont-tool-tips">
咨询服务 抖火法律
</view>
<image class="topCont-tool-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/06/e4d4dff88c6042c3dbc7f48cc64d022b.png" alt=""></image>
</view>
</view>
</view>
<view class="topCont-tool-right">
<view class="topCont-tool-label" @click="seekClick('other', 2)">
<view class="topCont-tool-label purpleBlock" @click="$Router.push({name: 'StandBrief', params: {type: 2}})">
<view class="topCont-tool-cont">
<view class="topCont-tool-name">
刑事辩护
企业全年法律
</view>
<view class="topCont-tool-tips">
咨询服务 抖火法律
</view>
<image class="topCont-tool-img" src="@/static/imgs/toolImg_03.png" alt=""></image>
<image class="topCont-tool-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/06/0393f129d8fea89eec279e6473b51b14.png" mode="widthFix"></image>
</view>
</view>
<view class="topCont-tool-label" @click="seekClick('other', 3)">
<view class="topCont-tool-label greenBlock" @click="$Router.push({name: 'ExpandBrief'})">
<view class="topCont-tool-cont">
<view class="topCont-tool-name">
合同纠纷
拓展服务
</view>
<view class="topCont-tool-tips">
咨询服务 抖火法律
</view>
<image class="topCont-tool-img" src="@/static/imgs/toolImg_02.png" alt=""></image>
<image class="topCont-tool-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/06/38b5da41e958d797441adbabc6ea2769.png" alt=""></image>
</view>
</view>
</view>
@@ -515,28 +528,8 @@
display: flex;
.topCont-tool-left {
width: calc(50% - 20rpx);
position: relative;
background-color: #554ca7;
background-image: linear-gradient(to bottom right, #544df1, #8283ff);
padding-top: calc(50% - 20rpx);
margin-right: $margin - 10;
border-radius: $radius;
overflow: hidden;
.topCont-whole-name {
margin: 15rpx 0;
font-size: $title-size + 6;
}
.topCont-whole-tips {
line-height: 35rpx;
font-size: $title-size-sm - 2;
opacity: .9;
}
.topCont-whole-img {
position: absolute;
right: 0;
bottom: 0;
width: 100%;
}
}
.topCont-tool-right {
width: 50%;
@@ -546,11 +539,19 @@
padding-top: calc(50% - 20rpx);
border-radius: $radius;
overflow: hidden;
&:nth-child(1) {
&.blueBlock {
margin-bottom: 20rpx;
background-image: linear-gradient(to bottom right, #097df5, #71b9ff);
}
&.redBlock {
margin-top: 20rpx;
background-image: linear-gradient(to bottom right, #f46049, #fe8479);
}
&:nth-child(2) {
&.purpleBlock {
margin-bottom: 20rpx;
background-image: linear-gradient(to bottom right, #9c78fe, #a892ff);
}
&.greenBlock {
margin-top: 20rpx;
background-image: linear-gradient(to bottom right, #32c4c2, #50ecc7);
}

View File

@@ -48,52 +48,137 @@
</view>
</view>
<!-- 按钮链接 -->
<view class="topCont-tool">
<view class="topCont-tool-left topCont-tool-right">
<view class="topCont-tool-label blueBlock" @click="$Router.push({name: 'PersonBrief', params: {type: 1}})">
<view class="topCont-tool-cont">
<!-- @click="$Router.push({name: 'indexEntrust'}) -->
<view class="topCont-tool-name">
<!-- 新增改版 - 协商调解类 -->
<view class="module">
<view class="module-title">
协商调解类
</view>
<view class="horizontal">
<!-- <view class="horizontal-label" v-for="(item, index) in businessArr" :key="index" @click="horizontalClick(item.title, item.business_id)">
<view class="horizontal-name">
{{item.title}}
</view>
<view class="horizontal-tips">
去咨询>
</view>
<image class="horizontal-img" v-if="item.business_id == 1" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/18/a44d5b7433a6663c23c2f9e8307dcbe3.png" alt="" mode="widthFix"></image>
<image class="horizontal-img" v-else src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/18/a44d5b7433a6663c23c2f9e8307dcbe3.png" alt="" mode="widthFix"></image>
</view> -->
<view class="horizontal-label" @click="horizontalClick">
<view class="horizontal-name">
报单咨询
</view>
<view class="horizontal-tips">
立即咨询 >
</view>
<image class="horizontal-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/18/85d5475c4901d2113a433f09205804d8.png" alt="" mode="widthFix"></image>
</view>
</view>
</view>
<!-- 新增改版 - 法律资讯类 -->
<view class="module">
<view class="module-title">
法律咨询类
</view>
<scroll-view class="law" scroll-x="true" show-scrollbar="false">
<view class="law-label" @click="clickBrief">
<image class="law-label-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/18/f3db072ac405edf2a3dc3fd6c3aae206.png" mode="widthFix"></image>
<view class="law-label-cont">
<view class="law-label-name">
个人全年法律
</view>
<view class="topCont-tool-tips">
咨询服务 抖火法律
<view class="law-label-text">
咨询服务
</view>
<image class="topCont-tool-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/06/fc344138e439b223cf48715aa687cc0b.png" mode="widthFix"></image>
<view class="law-label-price">
365.00/
</view>
</view>
</view>
<view class="law-label" @click="$Router.push({name: 'StandBrief', params: {type: 2}})">
<image class="law-label-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/18/d813f30a393e6d50df8cc59a36e557c8.png" mode="widthFix"></image>
<view class="law-label-cont">
<view class="nowrap law-label-name">
企业全年法律
</view>
<view class="law-label-text">
咨询服务
</view>
<view class="law-label-price">
3650.00/
</view>
</view>
</view>
<view class="law-label" @click="$Router.push({name: 'StandBrief', params: {type: 2}})">
<image class="law-label-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/18/1feb7650fff088d4b98455020ebc5620.png" mode="widthFix"></image>
<view class="law-label-cont">
<view class="law-label-name">
企业全年法律
</view>
<view class="nowrap law-label-text">
咨询服务
</view>
<view class="law-label-price">
8888.00/
</view>
</view>
</view>
<view class="law-label" @click="$Router.push({name: 'StandBrief', params: {type: 2}})">
<image class="law-label-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/18/d946342544d1175cb98402c1a97ee50f.png" mode="widthFix"></image>
<view class="law-label-cont">
<view class="nowrap law-label-name">
企业全年法律
</view>
<view class="law-label-text">
咨询服务
</view>
<view class="law-label-price">
20000.00/
</view>
</view>
</view>
<view class="law-label" @click="$Router.push({name: 'StandBrief', params: {type: 2}})">
<image class="law-label-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/18/21b6b99149feb39e42e893977ef0c5eb.png" mode="widthFix"></image>
<view class="law-label-cont">
<view class="nowrap law-label-name">
企业全年法律
</view>
<view class="law-label-text">
咨询服务
</view>
<view class="law-label-price">
50000.00/
</view>
</view>
</view>
</scroll-view>
</view>
<!-- 新增改版 - 诉讼委托类 -->
<view class="module">
<view class="module-title">
诉讼委托类
</view>
<view class="topCont-tool">
<view class="topCont-tool-label redBlock" @click="$Router.push({name: 'EntrustBrief'})">
<view class="topCont-tool-cont">
<view class="topCont-tool-name">
案件委托
</view>
<view class="topCont-tool-tips">
咨询服务 抖火法律
2000
</view>
<image class="topCont-tool-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/06/e4d4dff88c6042c3dbc7f48cc64d022b.png" alt=""></image>
</view>
</view>
</view>
<view class="topCont-tool-right">
<view class="topCont-tool-label purpleBlock" @click="$Router.push({name: 'StandBrief', params: {type: 2}})">
<view class="topCont-tool-cont">
<view class="topCont-tool-name">
企业全年法律
</view>
<view class="topCont-tool-tips">
咨询服务 抖火法律
</view>
<image class="topCont-tool-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/06/0393f129d8fea89eec279e6473b51b14.png" mode="widthFix"></image>
</view>
</view>
<view class="topCont-tool-label greenBlock" @click="$Router.push({name: 'ExpandBrief'})">
<view class="topCont-tool-cont">
<view class="topCont-tool-name">
拓展服务
</view>
<view class="topCont-tool-tips">
咨询服务 抖火法律
500
</view>
<image class="topCont-tool-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/06/38b5da41e958d797441adbabc6ea2769.png" alt=""></image>
</view>
@@ -101,6 +186,70 @@
</view>
</view>
<!-- 新增改版 - 增收赋能类 -->
<view class="module">
<view class="module-title">
增收赋能类
</view>
<scroll-view class="enable-scroll" scroll-x="true" show-scrollbar="false">
<view class="enable-label" @click="developClick">
<image class="enable-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/18/376b3185ff58e8a02ca8415b1c8417bf.png" alt="" mode="widthFix"></image>
<view class="nowrap enable-title">
巅峰销售思维
</view>
<view class="enable-price">
2980.00/
</view>
</view>
<view class="enable-label" @click="developClick">
<image class="enable-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/18/b9ed2f3c85e4f8a7953dbffa4605ebee.png" alt="" mode="widthFix"></image>
<view class="nowrap enable-title">
团队系统思维
</view>
<view class="enable-price">
3980.00/
</view>
</view>
<view class="enable-label" @click="developClick">
<image class="enable-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/18/a2af0035db9c5d8a21a1be05585aff57.png" alt="" mode="widthFix"></image>
<view class="nowrap enable-title">
领袖演说思维
</view>
<view class="enable-price">
4980.00/
</view>
</view>
<view class="enable-label" @click="developClick">
<image class="enable-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/18/1ad1129b729b4d2ac990a951c35b9106.png" alt="" mode="widthFix"></image>
<view class="nowrap enable-title">
卓越领袖思维
</view>
<view class="enable-price">
5980.00/
</view>
</view>
<view class="enable-label" @click="developClick">
<image class="enable-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/18/f8b9d2160f9c1cdf489acf0d2c7f8e62.png" alt="" mode="widthFix"></image>
<view class="nowrap enable-title">
激发内在无限潜能
</view>
<view class="enable-price">
9980.00/
</view>
</view>
<view class="enable-label" @click="developClick">
<image class="enable-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/18/1ad1129b729b4d2ac990a951c35b9106.png" alt="" mode="widthFix"></image>
<view class="nowrap enable-title">
其他赋能培训会议
</view>
<view class="enable-price">
价格另议
</view>
</view>
</scroll-view>
</view>
<!-- 数据展示 -->
<view class="topCont-data">
<view class="topCont-data-label" v-if="homeData.consult">
@@ -222,15 +371,42 @@
<image class="haveCont-img" :src="layadImg" mode="widthFix"></image>
<image class="haveCont-close" src="@/static/imgs/close.png" mode="widthFix" @click="haveHIde"></image>
</view>
<view class="tipsBack" v-if="officialShow"></view>
<view class="tipsCont" v-if="officialShow">
<view class="tipsWhite">
<image class="tipsCont-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/06/6b1485847b45273618f8d922ceee889c.png" mode="widthFix"></image>
<view class="tipsWhite-top">
<view class="tipsWhite-name">
请您先关注抖火法律咨询公众号
</view>
<view class="tipsWhite-text">
关注后可立即下单
</view>
</view>
<view class="tipsWhite-btn">
<view class="tipsWhite-btn-go" @click="officialShow = false">
稍后关注
</view>
<view class="tipsWhite-btn-go" @click="judgeGeneral">
马上关注
</view>
</view>
</view>
</view>
</view>
</template>
<script>
import { home, articleSort, articleList } from '@/apis/interfaces/index'
import { userIndex } from '@/apis/interfaces/user'
import { workIndex, home, articleSort, articleList } from '@/apis/interfaces/index'
import { judgeReal, userIndex, authFollow } from '@/apis/interfaces/user'
export default {
data() {
return {
businessArr : [], // 协商调解数组
canBuy : '', // 是否有免费个人咨询
officialShow : false, // 公众号
autoplay : true,
interval : 3000,
duration : 500,
@@ -253,6 +429,17 @@
}
},
onShow() {
// 业务类型列表
workIndex().then(res => {
console.log(res)
this.businessArr = res
}).catch(err => {
uni.showToast({
title: err.message,
icon : 'none'
})
})
// 获取首页数据
this.homeInfo();
@@ -295,6 +482,7 @@
this.homeList = res.categories
this.lawyersArr = res.lawyers
this.noticesArr = res.notices
this.canBuy = res.synthesis.can.buy
let newObj = {}
res.configs.map(item => newObj[item.slug] = {name: item.name, value: item.value})
this.homeData = newObj
@@ -369,6 +557,76 @@
this.$Router.push({name: 'Login'})
},
// 协商调解类
horizontalClick() {
if(this.$store.getters.getToken) {
if(this.parentData) {
// 再次判断是否认证
this.sheetClick();
return
}
// 业务员弹出
this.generalShow = true
return
}
// 去登录
this.$Router.push({name: 'Login'})
},
// 判断是否认证
sheetClick() {
judgeReal().then(res => {
if(res.has_sign) {
if(!res.has_subscribe) {
// 弹出公众号
this.officialShow = true
} else {
// 跳到咨询单
this.$Router.push({
name : 'sheetCreate'
})
// 跳到咨询单
// this.$Router.push({
// name : 'sheetBasic',
// params : {
// businessTitle: title,
// businessId: business_id
// }
// })
}
return
}
// 跳到认证页面
this.$Router.push({name: 'sheetIdcard'})
}).catch( err => {
uni.showToast({
title: err.message,
icon: "none"
})
})
},
// 状态
officialGeneral(){
// 获取微信授权信息
authFollow({
url: 'https://web.douhuofalv.com/webview/webCode'
// url: 'https://web.douhuotest.douhuofalv.com/webview/webCode'
}).then(res => {
window.location.href = res
}).catch(err => {
uni.showToast({
title: err.message,
icon: "none"
})
})
// 关闭公众号
this.generalShow = false
},
// 状态
judgeGeneral(){
// 跳到业务员搜索
@@ -399,14 +657,74 @@
haveHIde() {
this.first = 0
this.haveimg = false
},
// 是否有免费个人咨询
clickBrief(){
if(this.$store.getters.getToken) {
if(this.parentData) {
// 再次判断是否认证
judgeReal().then(res => {
if(res.has_sign) {
if(!res.has_subscribe) {
// 弹出公众号
this.officialShow = true
} else {
if(this.canBuy) {
this.$Router.push({
name : 'FeeWrite',
params : {
synthesisId: 1
}
})
return
}
this.$Router.push({
name : 'PersonBrief',
params : {
synthesisId: 1,
type: 1
}
})
}
return
}
// 跳到认证页面
this.$Router.push({name: 'sheetIdcard'})
}).catch( err => {
uni.showToast({
title: err.message,
icon: "none"
})
})
return
}
// 业务员弹出
this.generalShow = true
return
}
// 去登录
this.$Router.push({name: 'Login'})
},
// 开发中
developClick() {
uni.showToast({
title: '开发中,敬请期待...',
icon: "none"
})
}
}
}
</script>
<style lang="scss" scoped>
body {
.content {
background-color: #f2f6f8;
height: 100vh;
overflow-y: scroll;
}
.top {
position: relative;
@@ -526,33 +844,19 @@
}
.topCont-tool {
display: flex;
.topCont-tool-left {
width: calc(50% - 20rpx);
margin-right: $margin - 10;
overflow: hidden;
}
.topCont-tool-right {
width: 50%;
}
.topCont-tool-label {
position: relative;
padding-top: calc(50% - 20rpx);
.topCont-tool-label {
width: calc(50% - 10rpx);
position: relative;
padding-top: 20%;
border-radius: $radius;
overflow: hidden;
&.blueBlock {
margin-bottom: 20rpx;
background-image: linear-gradient(to bottom right, #097df5, #71b9ff);
}
&.redBlock {
margin-top: 20rpx;
margin-right: 15rpx;
background-image: linear-gradient(to bottom right, #f46049, #fe8479);
}
&.purpleBlock {
margin-bottom: 20rpx;
background-image: linear-gradient(to bottom right, #9c78fe, #a892ff);
}
&.greenBlock {
margin-top: 20rpx;
margin-left: 15rpx;
background-image: linear-gradient(to bottom right, #32c4c2, #50ecc7);
}
}
@@ -570,7 +874,7 @@
margin-bottom: $margin - 15;
}
.topCont-tool-tips {
font-size: $title-size-sm - 4;
font-size: $title-size-sm;
opacity: .7;
}
.topCont-tool-img {
@@ -583,7 +887,7 @@
}
}
.topCont-data {
background-color: #f6f6f8;
background-color: #ffffff;
line-height: 70rpx;
display: flex;
margin-top: 30rpx;
@@ -614,6 +918,7 @@
overflow: hidden;
margin: 20rpx -15rpx 0;
.lawyer-item {
background-color: #fff;
width: calc(50% - 30rpx);
float: left;
margin: 0 15rpx $margin;
@@ -674,7 +979,7 @@
}
.list-tabs {
background-color: #f0f0f0;
background-color: #ffffff;
border-radius: $radius-m;
padding: 5rpx $padding 15rpx;
box-sizing: border-box;
@@ -721,7 +1026,11 @@
.list-item {
margin-top: $margin;
.list-item-label {
background-color: #fff;
padding: 20rpx;
box-sizing: border-box;
margin-bottom: $margin;
border-radius: 10rpx;
position: relative;
.list-item-img {
width: 200rpx;
@@ -743,7 +1052,7 @@
left: 0;
top: 0;
width: 100%;
padding-left: 220rpx;
padding: 20rpx 20rpx 20rpx 250rpx;
box-sizing: border-box;
box-sizing: border-box;
.list-item-name {
@@ -888,4 +1197,181 @@
margin-top: 10px;
opacity: .8;
}
// 新改版
.module {
background-color: #fff;
padding: 30rpx;
box-sizing: border-box;
border-radius: 10rpx;
margin-top: 30rpx;
.module-title {
margin-bottom: 20rpx;
font-weight: 600;
color: #4d4d4d;
}
}
.law {
white-space: nowrap;
.law-label {
display: inline-block;
width: 190rpx;
margin-right: 30rpx;
.law-label-img {
width: 190rpx;
}
.law-label-cont {
// position: absolute;
// left: 0;
// top: 0;
// padding: 0 0 30rpx 170rpx;
// box-sizing: border-box;
font-size: 28rpx;
.law-label-name {
font-size: 28rpx;
}
.law-label-text {
padding: 10rpx 0;
color: #999999;
font-size: 24rpx;
}
.law-label-price {
color: #f0115c;
font-weight: 600;
}
}
}
}
.enable-scroll {
white-space: nowrap;
.enable-label {
display: inline-block;
width: 190rpx;
margin-right: 30rpx;
.enable-img {
width: 190rpx;
}
.enable-title {
font-size: 28rpx;
margin: 10rpx 0 15rpx;
}
.enable-price {
font-size: 28rpx;
color: #f0115c;
font-weight: 600;
}
}
}
.horizontal {
display: flex;
.horizontal-label {
background-color: #fd8c40;
border-radius: 10rpx;
position: relative;
padding: 30rpx;
box-sizing: border-box;
overflow: hidden;
flex: 2;
.horizontal-img {
width: 300rpx;
position: absolute;
bottom: 0;
right: 0;
}
.horizontal-name {
color: #ffffff;
font-size: 38rpx;
}
.horizontal-tips {
margin:20rpx 0 10rpx;
display: inline-block;
color: #ffffff;
border-radius: 80rpx;
border: 2rpx solid #ffffff;
font-size: 26rpx;
padding: 0 20rpx;
line-height: 44rpx;
}
}
}
// 关注
.tipsBack {
position: fixed;
width: 100vw;
height: 100vh;
left: 0;
top: 0;
z-index: 9;
background-color: rgba(0, 0, 0, .8);
}
.tipsCont {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 10;
padding: 0 10%;
box-sizing: border-box;
}
.tipsWhite {
background-color: #ffffff;
border-radius: 20rpx;
overflow: hidden;
}
.tipsWhite-top {
padding: $padding;
box-sizing: border-box;
text-align: center;
}
.tipsCont-img {
width: 100%;
}
.tipsWhite-name {
text-align: center;
color: #111111;
font-size: 34rpx;
font-weight: 600;
margin-bottom: 15rpx;
}
.tipsWhite-text {
font-size: 30rpx;
color: #666666;
line-height: 48rpx;
}
.tipsWhite-btn {
display: flex;
padding: $padding 10rpx;
box-sizing: border-box;
.tipsWhite-btn-go {
flex: 2;
color: #fff;
margin: 0 15rpx;
height: 80rpx;
line-height: 80rpx;
text-align: center;
border: 2rpx solid #F6F6F6;
background-color: #007df5;
border-radius: $radius-m;
&:first-child {
color: #333333;
background-color: #ffffff;
border: 2rpx solid #cccccc;
}
}
}
</style>

View File

@@ -1,6 +1,6 @@
<template>
<view class="content">
<image @click="sheetClick" class="introduce-img" src="https://cdn.douhuofalv.com/images/2023/01/06/0754c34caabe9c5d316ced9f9b710335.jpg" mode="widthFix"></image>
<image @click="sheetClick" class="introduce-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/18/8110e4f3606a37358b60f39e026cc24f.jpg" mode="widthFix"></image>
<!-- <view class="introduce-number">
你有新的预约单
<view class="number">
@@ -60,7 +60,7 @@
this.generalShow = true
} else {
// 跳到咨询单
this.$Router.replace({name: 'sheetCreate'})
this.$Router.replace({name: 'sheetFeerCreate'})
}
return
}

View File

@@ -3,8 +3,7 @@
<view class="create-type">
<view class="create-type-title">
选择咨询类型
<text>点击咨询进行选择咨询类型信用卡/贷款/综法业务</text>
<!-- /综法业务 -->
<text>点击咨询进行选择咨询类型信用卡/贷款</text>
</view>
<block v-for="(item, businessIndex) in businessArr" :key="businessIndex">
<view class="create-type-item" :class="{'active': item.self_type + item.business_id == businessName}" @click="onBusiness(item.self_type, item.business_id)">
@@ -16,7 +15,7 @@
<image class="create-type-check" :src="item.self_type + item.business_id == businessName ? '/static/icon/Check_active.png' : '/static/icon/Check.png'" mode="aspectFill"></image>
</view>
</block>
<block v-for="(item, index) in synthesisArr" :key="index+'synthesis'">
<!-- <block v-for="(item, index) in synthesisArr" :key="index+'synthesis'">
<view class="create-type-item" :class="{'active': item.self_type + item.synthesis_id == businessName}" @click="onBusiness(item.self_type, item.synthesis_id)">
<image class="create-type-icon" :src="item.cover" mode="aspectFill"></image>
<view class="create-type-text">
@@ -25,7 +24,7 @@
</view>
<image class="create-type-check" :src="item.self_type + item.synthesis_id == businessName ? '/static/icon/Check_active.png' : '/static/icon/Check.png'" mode="aspectFill"></image>
</view>
</block>
</block> -->
</view>
<view class="create-btn">
<button size="default" @click="onNext()">下一步</button>

188
pages/sheet/feerCreate.vue Normal file
View File

@@ -0,0 +1,188 @@
<template>
<view class="content">
<view class="create-type">
<view class="create-type-title">
选择咨询类型
</view>
<block v-for="(item, index) in synthesisArr" :key="index+'synthesis'">
<view class="create-type-item" :class="{'active': item.self_type + item.synthesis_id == businessName}" @click="onBusiness(item.self_type, item.synthesis_id)">
<image class="create-type-icon" :src="item.cover" mode="aspectFill"></image>
<view class="create-type-text">
<view class="title nowrap">{{item.title || '-'}}</view>
<view class="submit nowrap">免费咨询一次</view>
</view>
<image class="create-type-check" :src="item.self_type + item.synthesis_id == businessName ? '/static/icon/Check_active.png' : '/static/icon/Check.png'" mode="aspectFill"></image>
</view>
</block>
</view>
<view class="create-btn">
<button size="default" @click="onNext()">下一步</button>
</view>
</view>
</template>
<script>
import { workIndex } from '@/apis/interfaces/index'
import { synthList } from '@/apis/interfaces/synthesis'
export default {
data() {
return {
businessArr : [],
businessType: '',
businessName: '',
businessId : '',
synthesisArr: []
};
},
created() {
// 业务类型列表
workIndex().then(res => {
this.businessArr = res
this.businessType= res[0].self_type
this.businessName= res[0].self_type + res[0].business_id
this.businessId = res[0].business_id
}).catch(err => {
uni.showToast({
title: err.message,
icon : 'none'
})
})
// 综法类型列表
synthList().then(res => {
this.synthesisArr = res
}).catch(err => {
uni.showToast({
title: err.message,
icon : 'none'
})
})
},
methods: {
// 选择业务类型
onBusiness(type, id){
this.businessName = type + id
this.businessType = type
this.businessId = id
},
// 创建业务单
onNext(){
// 信用卡/贷款
if(this.businessType == 'business') {
let busines = this.businessArr.find(val => val.business_id === this.businessId)
this.$Router.replace({
name : 'sheetBasic',
params : {
businessTitle : busines.title,
businessId : busines.business_id,
}
})
return
}
// 综法
let synthesis = this.synthesisArr.find(val => val.synthesis_id === this.businessId)
if(synthesis.can.buy) {
this.$Router.push({
name : 'FeeWrite',
params : {
synthesisId: synthesis.synthesis_id
}
})
} else {
this.$Router.replace({
name : 'PersonBrief',
params : {
synthesisId: synthesis.synthesis_id,
type: 1
}
})
}
}
},
}
</script>
<style lang="scss" scoped>
.content {
padding: 50rpx;
box-sizing: border-box;
height: 100vh;
// height: calc(100vh - 44px);
background-color: #fcfcfc;
}
// 选择业务类型
.create-type{
padding-top: 50rpx;
.create-type-title{
line-height: 50rpx;
text-align: center;
font-size: $title-size + 4;
margin-bottom: 70rpx;
font-weight: 600;
text {
font-weight: normal;
color: gray;
display: block;
font-size: $title-size-m;
}
}
.create-type-item{
background: #ffffff;
border-radius: $radius-m;
padding: 35rpx 30rpx;
margin-top: 30rpx;
border:solid 1rpx #f8f8f8;
box-sizing: border-box;
display: flex;
align-items: center;
box-shadow: 0 0 5rpx rgba(0, 0, 0, .05);
position: relative;
.create-type-icon{
width: 88rpx;
height: 88rpx;
margin-right: $margin;
background-color: white;
border-radius: $radius;
}
.create-type-text{
line-height: 50rpx;
.title{
font-size: 30rpx;
}
.submit{
color: gray;
font-size: 26rpx;
}
}
.create-type-check {
width: 38rpx;
height: 38rpx;
position: absolute;
top: 44rpx;
right: 30rpx;
}
&.active{
border:solid 1rpx #ff9fb1;
}
}
}
// 按钮
.create-btn{
margin-top: 100rpx;
button[size="default"]{
height: 90rpx;
line-height: 90rpx;
background: $mian-color;
font-size: 32rpx;
color: white;
font-weight: bold;
&::after{
border: none;
}
}
}
</style>

View File

@@ -28,6 +28,10 @@
<view class="confirm-user-text"><image src="https://cdn.douhuofalv.com/images/2023/04/20/c359f2fa277e6658157c7108f37d0d44.png" mode="widthFix"></image> 业务联系人</view>
<view class="confirm-user-name">{{parent.nickname}}</view>
</view>
<view class="confirm-user" v-if="seekData.center_user">
<view class="confirm-user-text"><image src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/15/e49b01d43843a4e32b1f7a45473c88a7.png" mode="widthFix"></image> 运营中心</view>
<view class="confirm-user-name">{{seekData.center_user}}</view>
</view>
</view>
<view class="idcardBtn">

View File

@@ -1,25 +1,25 @@
<template>
<view class="content">
<view class="topItem">
<view class="topItem-label" @click="$Router.push({name: 'SeekOrder'})">
<view class="topItem-label" @click="$Router.push({name: 'SeekOrder'})" v-if="type == 'legal'">
<view class="topItem-name" v-if="synthesisData.synthesis">
咨询单({{synthesisData.synthesis.all}})
</view>
<image class="topItem-arrow" src="@/static/imgs/payArrow.png" mode="widthFix"></image>
</view>
<view class="topItem-label" @click="$Router.push({name: 'YearOrder'})">
<view class="topItem-label" @click="$Router.push({name: 'YearOrder'})" v-if="type == 'legal'">
<view class="topItem-name" v-if="synthesisData.service">
年费单({{synthesisData.service.all}})
</view>
<image class="topItem-arrow" src="@/static/imgs/payArrow.png" mode="widthFix"></image>
</view>
<view class="topItem-label" @click="$Router.push({name: 'EntrustOrder'})">
<view class="topItem-label" @click="$Router.push({name: 'EntrustOrder'})" v-if="type == 'lawsuit'">
<view class="topItem-name" v-if="synthesisData.entrust">
委托单({{synthesisData.entrust.all}})
</view>
<image class="topItem-arrow" src="@/static/imgs/payArrow.png" mode="widthFix"></image>
</view>
<view class="topItem-label" @click="$Router.push({name: 'ExpandOrder'})">
<view class="topItem-label" @click="$Router.push({name: 'ExpandOrder'})" v-if="type == 'lawsuit'">
<view class="topItem-name" v-if="synthesisData.expand">
拓展单({{synthesisData.expand.all}})
</view>
@@ -36,6 +36,7 @@
return {
userLogin : '', // 登录状态
synthesisData : '', // 综法数量
type : this.$Route.query.type
}
},

View File

@@ -31,13 +31,13 @@
<view class="userTop-see" v-if="userLogin">
<view class="userTop-label" @click="$Router.push({name: 'sheetIndex'})">
<view class="userSee-name">
金法咨询单
协商调解类
</view>
<view class="userSee-number" v-if="userData.business_orders_count">
{{ userData.business_orders_count.all}}<text></text>
</view>
<view class="userSee-tips">
精选专业法规大全
信用卡贷款业务
</view>
<block v-if="userData.business_orders_count">
<view class="userSee-new" v-if="userData.business_orders_count.all">
@@ -47,21 +47,42 @@
<img class="userSee-icon" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/06/2823f7c9ed144df424ca8ee6c47b0ff6.png">
</view>
<!-- @click="$Router.push({name: 'synthesisOrder'})" -->
<view class="userTop-label" @click="$Router.push({name: 'synthesisOrder'})">
<view class="userTop-label" @click="$Router.push({name: 'synthesisOrder', params: {type: 'legal'}})">
<view class="userSee-name">
法咨询
咨询
</view>
<!-- v-if="userData.business_orders_count" -->
<view class="userSee-number" v-if="userData.business_orders_count">
{{synthesisAll}}<text></text>
{{synthesisAll.legal_consulting}}<text></text>
</view>
<view class="userSee-tips">
支持精准匹配索引
个人企业法律
</view>
<img class="userSee-icon" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/06/84e573c04d3dcb7fa1cccefbde9bf851.png">
</view>
<view class="userTop-label" @click="$Router.push({name: 'synthesisOrder', params: {type: 'lawsuit'}})">
<view class="userSee-name">
诉讼委托类
</view>
<view class="userSee-number">
{{synthesisAll.lawsuit}}<text></text>
</view>
<view class="userSee-tips">
案件委托拓展服务
</view>
<img class="userSee-icon" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/19/08e5c39f136d84e9754d4ac4d16af181.png">
</view>
<view class="userTop-label">
<view class="userSee-name">
增收赋能类
</view>
<view class="userSee-number">
0<text></text>
</view>
<view class="userSee-tips">
增收赋能类
</view>
<img class="userSee-icon" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/19/a1d7c2b05053dabfeb9ac03e639d3311.png">
</view>
</view>
</view>
</view>
@@ -199,7 +220,7 @@
// 综法订单数据数量
synthesisInfo() {
synthesisCount({channel: 'self'}).then(res => {
this.synthesisAll = res.all
this.synthesisAll = res
}).catch(err => {
uni.showToast({
title: err.message,
@@ -237,7 +258,7 @@
.userTop {
position: relative;
width: 100%;
padding-top: 50%;
height: 620rpx;
&.active {
padding-top: 22%;
}
@@ -310,12 +331,14 @@
}
.userTop-see {
margin: $margin -15rpx;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
.userTop-label {
flex: 2;
display: inline-block;
background-color: #ffffff;
border-radius: $radius-lg;
margin: 0 15rpx;
margin: 10rpx;
width: calc(50% - 20rpx);
padding: $padding - 10 $padding - 10 $padding - 5;
box-sizing: border-box;
position: relative;
@@ -338,13 +361,13 @@
padding-left: 5rpx;
}
}
&:last-child .userSee-tips {
&:nth-child(2) .userSee-tips, &:nth-child(3) .userSee-tips{
background-color: #fff2f2;
color: $mian-color;
}
.userSee-icon {
width: 130rpx;
height: 130rpx;
width: 110rpx;
height: 110rpx;
position: absolute;
right: -20rpx;
bottom: -10rpx;