From 1af9e0eda5c84644be28d73d1d74e0325fce252e Mon Sep 17 00:00:00 2001
From: zhangjing <zhangjing@uztech.com>
Date: Fri, 7 Jul 2023 10:10:51 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9C=80=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/index/index.vue | 2749 ++++++++++++++++++++---------------------
 pages/sheet/basic.vue | 1636 ++++++++++++------------
 pages/user/index.vue  | 1044 ++++++++--------
 router/index.js       |   18 +-
 4 files changed, 2722 insertions(+), 2725 deletions(-)

diff --git a/pages/index/index.vue b/pages/index/index.vue
index 34abfd1..f01d30e 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,1377 +1,1376 @@
-<template>
-	<view class="content">
-		<!-- top -->
-		<view class="top">
-			<view class="topBack"></view>
-			<view class="topCont">
-				<!-- logo -->
-				<view class="topCont-logo">
-					<image class="topCont-logo-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/06/fbd7ddba29e4ac81467b3d218233bb02.png" mode="widthFix"></image>
-					<view class="topCont-logo-go" @click="seekClick">
-						立即咨询
-					</view>
-				</view>
-				
-				<!-- 专业优质在线法律平台 -->
-				<view class="topCont-text">
-					<view class="topCont-text-name">
-						专业优质在线法律平台
-					</view>
-					<view class="topCont-text-tips">
-						<text v-if="homeData.attorney">
-							{{homeData.attorney.value}}+{{homeData.attorney.name}}
-						</text>
-						<block v-if="homeData.use_count">{{homeData.use_count.value}}+{{homeData.use_count.name}}</block>
-					</view>
-				</view>
-				
-				<!-- 平台公告 -->
-				<view class="topCont-notice">
-					<view class="topCont-notice-name"><image src="@/static/imgs/noticeArrow.png" mode="widthFix"></image>平台公告</view>
-					<view class="topCont-notice-cont">
-						<view class="topCont-notice-title">今日</view>
-						<swiper class="topCont-notice-swiper" circular :autoplay="autoplay" :interval="interval"
-							:duration="duration" vertical="y">
-							<block v-for="(item, index) in noticesArr" :key="index">
-								<swiper-item>
-									<view class="topCont-swiper-item">
-										<view class="topCont-swiper-name nowrap" v-if="item.user">
-											{{item.user.name}} {{item.user.text}}
-										</view>
-										<view class="topCont-swiper-name nowrap" v-else>
-											今日暂无信息
-										</view>
-									</view>
-								</swiper-item>
-							</block>
-						</swiper>
-					</view>
-				</view>
-				
-				<!-- 新增改版 - 协商调解类 -->
-				<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="law-label-text">
-									咨询服务
-								</view>
-								<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 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>
-						</view>
-					</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">
-						{{homeData.consult.name}}<text>{{homeData.consult.value}}</text>人
-					</view>
-					<view class="topCont-data-label" v-if="homeData.sucess_count">
-						{{homeData.sucess_count.name}}<text>{{homeData.sucess_count.value}}</text>单
-					</view>
-					<view class="topCont-data-label" v-if="homeData.success_rate">
-						{{homeData.success_rate.name}}<text>{{homeData.success_rate.value}}</text>
-					</view>
-				</view>
-				
-			</view>
-		</view>
-	
-		<!-- 工具 -->
-		<!-- <view class="tool">
-			<scroll-view class="tool-lable" scroll-x="true" show-scrollbar="false">
-				<view class="tool-lable-item" v-for="(item, index) in lawyersWork" :key="index" @click="$Router.push({name: 'indexSort', params: {id: item.lawyer_business_id}})">
-					<image :src="item.cover" class="tool-lable-img"></image>
-					<view class="tool-lable-name">
-						{{item.title}}
-					</view>
-				</view>
-			</scroll-view>
-		</view> -->
-		
-		<!-- 金牌律师 -->
-		<view class="list">
-			<view class="list-title">
-				金牌律师
-			</view>
-			<view class="lawyer">
-				<view class="lawyer-item" v-for="(item, index) in lawyersArr" :key="index" @click="$Router.push({name: 'lawyerDetails', params: {id: item.lawyer_id}})">
-					<view class="lawyer-item-img">
-						<!-- 5:6 -->
-						<image :src="item.cover" mode="aspectFill"></image>
-						<view class="nowrap lawyer-item-name">
-							{{item.name}}
-						</view>
-					</view>
-					<view class="lawyer-item-cont">
-						<view class="nowrap lawyer-item-tips">
-							擅长：
-							<block v-for="(items, itemsIndex) in item.tags" :key="itemsIndex">
-								{{items.name}},
-							</block>
-						</view>
-						<view class="lawyer-item-price">
-							<!-- <view class="lawyer-item-number">￥{{item.price}}</view> -->
-							<!-- <text>{{item.years}}+人咨询</text> -->
-						</view>
-						
-					</view>
-				</view>
-			</view>
-		</view>
-		
-		<!-- 法律常识 -->
-		<view class="list">
-			<view class="list-title">
-				法律常识
-			</view>
-			<view class="list-tabs">
-				<scroll-view class="list-classify" scroll-x="true" show-scrollbar="false">
-					<view v-for="(item, index) in articleArr" :key="index" class="list-tabs-item" :class="{show : categoryId == item.category_id}" @click="onTabs(item.category_id)">{{item.title}}</view>
-				</scroll-view>
-			</view>
-			<view class="list-item">
-				<view class="list-item-label" v-for="(item, index) in listArr" :key="index" @click="$Router.push({name: 'indexDetails', params: {id: item.article_id}})">
-					<view class="list-item-img">
-						<!-- 5:6 -->
-						<image :src="item.cover" mode="widthFix"></image>
-					</view>
-					<view class="list-item-cont">
-						<view class="nowrap list-item-name">
-							{{item.title}}
-						</view>
-						<view class="list-item-see">
-							<image class="list-item-icon" src="@/static/imgs/indexSee.png" mode="widthFix"></image>{{item .clicks}} 游览
-						</view>
-						<view class="list-item-tips" v-for="(items, itemsIndex) in item.categories" :key="itemsIndex">
-							{{items.title}}
-						</view>
-					</view>
-				</view>
-			</view>
-		</view>
-		
-		<!-- 是否有上级 -->
-		<view class="tipsBack" v-if="generalShow"></view>
-		<view class="tipsCont" v-if="generalShow">
-			<view class="tipsWhite">
-				<image class="tipsCont-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/06/5051bbafbadf7fc24628e3a22acdab04.jpg" 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="generalShow = false">
-						暂不绑定
-					</view>
-					<view class="tipsWhite-btn-go" @click="judgeGeneral">
-						立即绑定
-					</view>
-				</view>
-			</view>
-		</view>
-		
-		
-		<!-- 弹出 -->
-		<view class="haveBack" v-if="haveimg"></view>
-		<view class="haveCont" v-if="haveimg">
-			<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 { 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,
-				homeData	 : {},     // 首页数据
-				homeList	 : '',     // 首页分类
-				lawyersArr   : [],     // 精选律师
-				noticesArr	 : [],     // 公告列表
-				articleArr	 : [],     // 文章分类
-				categoryId   : 1,      // 文章分类id
-				listArr	     : [],     // 文章列表
-				page         : {},     // 分页信息
-				lodingStats  : false,  // 加载状态
-				generalShow  : false,   // 是否有上级弹出
-				parentData   : '',
-				
-				first        : 1,
-				layadState   : '',
-				layadImg     : '',
-				haveimg      : ''
-			}
-		},
-		onShow() {
-			// 业务类型列表
-			workIndex().then(res => {
-				console.log(res)
-				this.businessArr = res
-			}).catch(err => {
-				uni.showToast({
-					title: err.message,
-					icon : 'none'
-				})
-			})
-			
-			// 获取首页数据
-			this.homeInfo();
-			
-			// 获取文章分类
-		    this.articleInfo();
-			
-			// 获取文章列表
-			this.articleItem();
-			
-			if(this.$store.getters.getToken) {
-			    userIndex().then(res => {
-					this.parentData = res.parent
-			    }).catch(err => {
-			    	uni.showToast({
-			    		title: err.message,
-			    		icon: "none"
-			    	})
-			    })
-			}
-		},
-		
-		methods: {
-			// 首页数据
-			homeInfo() {
-			    home().then(res => {
-					if(res.layad.is_lay_ad) {
-						this.layadImg   = res.layad.lay_ad_img
-					}
-					
-					let times = Number(res.layad.times.padEnd(4, 0))
-					if(this.first === 1 && res.layad.is_lay_ad) {
-						this.haveimg = true
-						// 定时器
-						let timer = setInterval(() => {
-							clearInterval(timer)
-							this.haveimg = false
-						},times);
-						
-					}
-					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
-			    }).catch(err => {
-					uni.showToast({
-						title: err.message,
-						icon: "none"
-					})
-				})
-			},
-			
-			// 文章分类
-			articleInfo() {
-			    articleSort().then(res => {
-					this.articleArr = res
-			    }).catch(err => {
-					uni.showToast({
-						title: err.message,
-						icon: "none"
-					})
-				})
-			},
-			
-			// 文章分类筛选
-			onTabs(e) {
-				this.categoryId = e
-				// 获取文章列表
-				this.articleItem();
-			},
-			
-			// 文章列表
-			articleItem(page) {
-			    articleList({
-					category_id: this.categoryId,
-					page       : page || 1
-				}).then(res => {
-					let list = this.listArr,
-					    newData = []
-					    if(page == 1 || page == undefined) list = []
-					    newData = list.concat(res.data)
-					this.listArr     = newData
-					this.page        = res.page
-					this.lodingStats = false
-					uni.stopPullDownRefresh()
-			    }).catch(err => {
-					uni.showToast({
-						title: err.message,
-						icon: "none"
-					})
-				})
-			},
-			
-			// 立即咨询判断
-			seekClick(e, type) {
-				if(this.$store.getters.getToken) {
-				    if(this.parentData) {
-						if(e != 'other') {
-							// 跳到立即咨询
-							this.$Router.push({name: 'indexIntroduce'})
-						} else {
-							// 跳到其他立即咨询
-							this.$Router.push({name: 'sheetLoan', params: {type: type}})
+<template>
+	<view class="content">
+		<!-- top -->
+		<view class="top">
+			<view class="topBack"></view>
+			<view class="topCont">
+				<!-- logo -->
+				<view class="topCont-logo">
+					<image class="topCont-logo-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/06/fbd7ddba29e4ac81467b3d218233bb02.png" mode="widthFix"></image>
+					<view class="topCont-logo-go" @click="seekClick">
+						立即咨询
+					</view>
+				</view>
+				
+				<!-- 专业优质在线法律平台 -->
+				<view class="topCont-text">
+					<view class="topCont-text-name">
+						专业优质在线法律平台
+					</view>
+					<view class="topCont-text-tips">
+						<text v-if="homeData.attorney">
+							{{homeData.attorney.value}}+{{homeData.attorney.name}}
+						</text>
+						<block v-if="homeData.use_count">{{homeData.use_count.value}}+{{homeData.use_count.name}}</block>
+					</view>
+				</view>
+				
+				<!-- 平台公告 -->
+				<view class="topCont-notice">
+					<view class="topCont-notice-name"><image src="@/static/imgs/noticeArrow.png" mode="widthFix"></image>平台公告</view>
+					<view class="topCont-notice-cont">
+						<view class="topCont-notice-title">今日</view>
+						<swiper class="topCont-notice-swiper" circular :autoplay="autoplay" :interval="interval"
+							:duration="duration" vertical="y">
+							<block v-for="(item, index) in noticesArr" :key="index">
+								<swiper-item>
+									<view class="topCont-swiper-item">
+										<view class="topCont-swiper-name nowrap" v-if="item.user">
+											{{item.user.name}} {{item.user.text}}
+										</view>
+										<view class="topCont-swiper-name nowrap" v-else>
+											今日暂无信息
+										</view>
+									</view>
+								</swiper-item>
+							</block>
+						</swiper>
+					</view>
+				</view>
+				
+				<!-- 新增改版 - 协商调解类 -->
+				<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="law-label-text">
+									咨询服务
+								</view>
+								<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 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>
+						</view>
+					</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">
+						{{homeData.consult.name}}<text>{{homeData.consult.value}}</text>人
+					</view>
+					<view class="topCont-data-label" v-if="homeData.sucess_count">
+						{{homeData.sucess_count.name}}<text>{{homeData.sucess_count.value}}</text>单
+					</view>
+					<view class="topCont-data-label" v-if="homeData.success_rate">
+						{{homeData.success_rate.name}}<text>{{homeData.success_rate.value}}</text>
+					</view>
+				</view>
+				
+			</view>
+		</view>
+	
+		<!-- 工具 -->
+		<!-- <view class="tool">
+			<scroll-view class="tool-lable" scroll-x="true" show-scrollbar="false">
+				<view class="tool-lable-item" v-for="(item, index) in lawyersWork" :key="index" @click="$Router.push({name: 'indexSort', params: {id: item.lawyer_business_id}})">
+					<image :src="item.cover" class="tool-lable-img"></image>
+					<view class="tool-lable-name">
+						{{item.title}}
+					</view>
+				</view>
+			</scroll-view>
+		</view> -->
+		
+		<!-- 金牌律师 -->
+		<view class="list">
+			<view class="list-title">
+				金牌律师
+			</view>
+			<view class="lawyer">
+				<view class="lawyer-item" v-for="(item, index) in lawyersArr" :key="index" @click="$Router.push({name: 'lawyerDetails', params: {id: item.lawyer_id}})">
+					<view class="lawyer-item-img">
+						<!-- 5:6 -->
+						<image :src="item.cover" mode="aspectFill"></image>
+						<view class="nowrap lawyer-item-name">
+							{{item.name}}
+						</view>
+					</view>
+					<view class="lawyer-item-cont">
+						<view class="nowrap lawyer-item-tips">
+							擅长：
+							<block v-for="(items, itemsIndex) in item.tags" :key="itemsIndex">
+								{{items.name}},
+							</block>
+						</view>
+						<view class="lawyer-item-price">
+							<!-- <view class="lawyer-item-number">￥{{item.price}}</view> -->
+							<!-- <text>{{item.years}}+人咨询</text> -->
+						</view>
+						
+					</view>
+				</view>
+			</view>
+		</view>
+		
+		<!-- 法律常识 -->
+		<view class="list">
+			<view class="list-title">
+				法律常识
+			</view>
+			<view class="list-tabs">
+				<scroll-view class="list-classify" scroll-x="true" show-scrollbar="false">
+					<view v-for="(item, index) in articleArr" :key="index" class="list-tabs-item" :class="{show : categoryId == item.category_id}" @click="onTabs(item.category_id)">{{item.title}}</view>
+				</scroll-view>
+			</view>
+			<view class="list-item">
+				<view class="list-item-label" v-for="(item, index) in listArr" :key="index" @click="$Router.push({name: 'indexDetails', params: {id: item.article_id}})">
+					<view class="list-item-img">
+						<!-- 5:6 -->
+						<image :src="item.cover" mode="widthFix"></image>
+					</view>
+					<view class="list-item-cont">
+						<view class="nowrap list-item-name">
+							{{item.title}}
+						</view>
+						<view class="list-item-see">
+							<image class="list-item-icon" src="@/static/imgs/indexSee.png" mode="widthFix"></image>{{item .clicks}} 游览
+						</view>
+						<view class="list-item-tips" v-for="(items, itemsIndex) in item.categories" :key="itemsIndex">
+							{{items.title}}
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		
+		<!-- 是否有上级 -->
+		<view class="tipsBack" v-if="generalShow"></view>
+		<view class="tipsCont" v-if="generalShow">
+			<view class="tipsWhite">
+				<image class="tipsCont-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/06/5051bbafbadf7fc24628e3a22acdab04.jpg" 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="generalShow = false">
+						暂不绑定
+					</view>
+					<view class="tipsWhite-btn-go" @click="judgeGeneral">
+						立即绑定
+					</view>
+				</view>
+			</view>
+		</view>
+		
+		
+		<!-- 弹出 -->
+		<view class="haveBack" v-if="haveimg"></view>
+		<view class="haveCont" v-if="haveimg">
+			<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 { 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,
+				homeData	 : {},     // 首页数据
+				homeList	 : '',     // 首页分类
+				lawyersArr   : [],     // 精选律师
+				noticesArr	 : [],     // 公告列表
+				articleArr	 : [],     // 文章分类
+				categoryId   : 1,      // 文章分类id
+				listArr	     : [],     // 文章列表
+				page         : {},     // 分页信息
+				lodingStats  : false,  // 加载状态
+				generalShow  : false,   // 是否有上级弹出
+				parentData   : '',
+				
+				first        : 1,
+				layadState   : '',
+				layadImg     : '',
+				haveimg      : ''
+			}
+		},
+		onShow() {
+			// 业务类型列表
+			workIndex().then(res => {
+				this.businessArr = res
+			}).catch(err => {
+				uni.showToast({
+					title: err.message,
+					icon : 'none'
+				})
+			})
+			
+			// 获取首页数据
+			this.homeInfo();
+			
+			// 获取文章分类
+		    this.articleInfo();
+			
+			// 获取文章列表
+			this.articleItem();
+			
+			if(this.$store.getters.getToken) {
+			    userIndex().then(res => {
+					this.parentData = res.parent
+			    }).catch(err => {
+			    	uni.showToast({
+			    		title: err.message,
+			    		icon: "none"
+			    	})
+			    })
+			}
+		},
+		
+		methods: {
+			// 首页数据
+			homeInfo() {
+			    home().then(res => {
+					if(res.layad.is_lay_ad) {
+						this.layadImg   = res.layad.lay_ad_img
+					}
+					
+					let times = Number(res.layad.times.padEnd(4, 0))
+					if(this.first === 1 && res.layad.is_lay_ad) {
+						this.haveimg = true
+						// 定时器
+						let timer = setInterval(() => {
+							clearInterval(timer)
+							this.haveimg = false
+						},times);
+						
+					}
+					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
+			    }).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon: "none"
+					})
+				})
+			},
+			
+			// 文章分类
+			articleInfo() {
+			    articleSort().then(res => {
+					this.articleArr = res
+			    }).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon: "none"
+					})
+				})
+			},
+			
+			// 文章分类筛选
+			onTabs(e) {
+				this.categoryId = e
+				// 获取文章列表
+				this.articleItem();
+			},
+			
+			// 文章列表
+			articleItem(page) {
+			    articleList({
+					category_id: this.categoryId,
+					page       : page || 1
+				}).then(res => {
+					let list = this.listArr,
+					    newData = []
+					    if(page == 1 || page == undefined) list = []
+					    newData = list.concat(res.data)
+					this.listArr     = newData
+					this.page        = res.page
+					this.lodingStats = false
+					uni.stopPullDownRefresh()
+			    }).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon: "none"
+					})
+				})
+			},
+			
+			// 立即咨询判断
+			seekClick(e, type) {
+				if(this.$store.getters.getToken) {
+				    if(this.parentData) {
+						if(e != 'other') {
+							// 跳到立即咨询
+							this.$Router.push({name: 'indexIntroduce'})
+						} else {
+							// 跳到其他立即咨询
+							this.$Router.push({name: 'sheetLoan', params: {type: type}})
+						}
+						return
+					}
+					// 业务员弹出
+					this.generalShow = true
+					return
+				}
+				
+				// 去登录
+				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(){
+				// 跳到业务员搜索
+				this.$Router.push({name: 'indexWork'})
+				
+				// 关闭业务员弹出
+				this.generalShow = false
+			},
+			
+			// 页面相关事件处理函数--监听用户下拉动作
+			onPullDownRefresh() {
+			    // 获取文章列表
+			    this.articleItem()
+			},
+			        
+			// 上拉加载
+			onReachBottom(){
+			    this.lodingStats = true
+			    let pageNumber = this.page.current
+			    if(this.page.has_more){
+			        pageNumber++
+			        // 获取文章列表
+			        this.articleItem(pageNumber)
+			    }
+			},
+			
+			// 关闭弹出
+			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>
+	.content {
+		background-color: #f2f6f8;
+		height: 100vh;
+		overflow-y: scroll;
+	}
+	.top {
+		position: relative;
+		.topBack {
+			width: 100%;
+			position: absolute;
+			padding-top: 37%;
+			background-image: linear-gradient(to right, #d51a59, #ed7646);
+			border-radius: 0 0 $radius*4 $radius*4;
+		}
+		.topCont {
+			width: 100%;
+			position: inherit;
+			top: 0;
+			left: 0;
+			padding: $padding;
+			box-sizing: border-box;
+			position: relative;
+			.topCont-logo {
+				display: flex;
+				line-height: 58rpx;
+				.topCont-logo-img {
+					margin-right: 15rpx;
+					width: 190rpx;
+				}
+				.topCont-logo-name {
+					font-weight: 600;
+				}
+				
+				.topCont-logo-go {
+					background-color: #ffffff;
+					border-radius: $radius*5;
+					text-align: center;
+					color: $mian-color;
+					font-size: $title-size;
+					line-height: 72rpx;
+					font-weight: 600;
+					display: inline-block;
+					position: absolute;
+					right: $margin;
+					top: $margin + 10;
+					padding: 0 $padding + 10;
+				}
+			}
+			.topCont-text {
+				margin-top: $margin;
+				color: #ffffff;
+				.topCont-text-name {
+					font-size: $title-size + 6;
+					font-weight: 600;
+				}
+				.topCont-text-tips {
+					font-size: $title-size-sm;
+					margin: $margin - 10 0 $margin;
+					text {
+						padding-right: $padding * 2;
+						display: inline-block;
+						position: relative;
+					}
+				}
+			}
+			.topCont-notice {
+				width: 100%;
+				height: 74rpx;
+				overflow: hidden;
+				display: flex;
+				background-color: #ffffff;
+				border-radius: $radius - 5;
+				padding: 0 $padding;
+				box-sizing: border-box;
+				margin-bottom: $margin;
+				.topCont-notice-name {
+					color: $mian-color;
+					font-size: $title-size-lg;
+					font-weight: 600;
+					width: 190rpx;
+					line-height: 74rpx;
+					display: flex;
+					image {
+						width: 38rpx;
+						height: 38rpx;
+						margin-top: 19rpx;
+						margin-right: 10rpx;
+						vertical-align: middle;
+					}
+				}
+				.topCont-notice-cont {
+					height: 74rpx;
+					width: calc(100% - 190rpx);
+					display: flex;
+					.topCont-notice-title {
+						font-size: $title-size-sm - 4;
+						display: inline-block;
+						border: 2rpx solid $mian-color;
+						color: $mian-color;
+						height: 34rpx;
+						line-height: 32rpx;
+						margin-top: 20rpx;
+						width: 60rpx;
+						text-align: center;
+						border-radius: $radius - 10;
+						margin-right: $margin - 10;
+					}
+					.topCont-notice-swiper {
+						height: 74rpx;
+						width: calc(100% - 60rpx);
+						.topCont-swiper-item {
+							display: flex;
+							font-size: $title-size-sm - 2;
+							line-height: 74rpx;
+							.topCont-swiper-name {
+								color: $text-color;
+							}
+						}
+					}
+				}
+			}
+			.topCont-tool {
+				display: flex;
+				position: relative;
+				.topCont-tool-label {
+					width: calc(50% - 10rpx);
+					position: relative;
+					padding-top: 20%;
+					border-radius: $radius;
+					overflow: hidden;
+					&.redBlock {
+						margin-right: 15rpx;
+						background-image: linear-gradient(to bottom right, #f46049, #fe8479);
+					}
+					&.greenBlock {
+						margin-left: 15rpx;
+						background-image: linear-gradient(to bottom right, #32c4c2, #50ecc7);
+					}
+				}
+				.topCont-tool-cont {
+					width: 100%;
+					height: 100%;
+					position: absolute;
+					left: 0;
+					top: 0;
+					overflow: hidden;
+					padding: $padding - 10 $padding;
+					box-sizing: border-box;
+					color: #ffffff;
+					.topCont-tool-name {
+						margin-bottom: $margin - 15;
+					}
+					.topCont-tool-tips {
+						font-size: $title-size-sm;
+						opacity: .7;
+					}
+					.topCont-tool-img {
+						width: 80rpx;
+						height: 80rpx;
+						position: absolute;
+						right: 25rpx;
+						top: calc(50% - 40rpx);
+					}
+				}
+			}
+			.topCont-data {
+				background-color: #ffffff;
+				line-height: 70rpx;
+				display: flex;
+				margin-top: 30rpx;
+				border-radius: $radius - 10;
+				font-size: $title-size-sm - 2;
+				.topCont-data-label {
+					flex: 3;
+					text-align: center;
+					text {
+						color: $mian-color;
+						padding: 0 5rpx;
+					}
+				}
+			}
+		}
+	}
+	
+	// 法律常识
+	.list {
+		padding:0 $padding;
+		box-sizing: border-box;
+		.list-title {
+			font-weight: 600;
+			margin-bottom: 10rpx;
+			color: $text-color;
+		}
+		.lawyer {
+			overflow: hidden;
+			margin: 20rpx -15rpx 0;
+			.lawyer-item {
+				background-color: #fff;
+				width: calc(50% - 30rpx);
+				float: left;
+				margin: 0 15rpx $margin;
+				border: 2rpx solid #f1f1f1;
+				box-sizing: border-box;
+				border-radius: $radius-m;
+				overflow: hidden;
+				.lawyer-item-img {
+					position: relative;
+					width: 100%;
+					padding-top: 55%;
+					overflow: hidden;
+					background-color: #515151;
+					image {
+						position: absolute;
+						width: 100%;
+						height: 100%;
+						left: 0;
+						top: 0;
+					}
+					.lawyer-item-name {
+						position: absolute;
+						width: 100%;
+						left: 0;
+						bottom: 0;
+						background-color: rgba(0, 0, 0, .1);
+						line-height: 54rpx;
+						color: #ffffff;
+						padding: 0 $padding - 10;
+						box-sizing: border-box;
+						font-size: $title-size-lg;
+					}
+				}
+				.lawyer-item-cont {
+					padding: $padding - 10;
+					box-sizing: border-box;
+					.lawyer-item-tips {
+						font-size: $title-size-m;
+						color: $text-color;
+					}
+					.lawyer-item-price {
+						display: flex;
+						margin-top: 10rpx;
+						line-height: 44rpx;
+						.lawyer-item-number {
+							flex: 1;
+							color: $mian-color;
+							font-weight: 600;
+							font-size: $title-size;
+						}
+						text {
+							font-size: $title-size-sm;
+							color: #9d9d9d;
 						}
-						return
-					}
-					// 业务员弹出
-					this.generalShow = true
-					return
-				}
-				
-				// 去登录
-				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(){
-				// 跳到业务员搜索
-				this.$Router.push({name: 'indexWork'})
-				
-				// 关闭业务员弹出
-				this.generalShow = false
-			},
-			
-			// 页面相关事件处理函数--监听用户下拉动作
-			onPullDownRefresh() {
-			    // 获取文章列表
-			    this.articleItem()
-			},
-			        
-			// 上拉加载
-			onReachBottom(){
-			    this.lodingStats = true
-			    let pageNumber = this.page.current
-			    if(this.page.has_more){
-			        pageNumber++
-			        // 获取文章列表
-			        this.articleItem(pageNumber)
-			    }
-			},
-			
-			// 关闭弹出
-			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>
-	.content {
-		background-color: #f2f6f8;
-		height: 100vh;
-		overflow-y: scroll;
-	}
-	.top {
-		position: relative;
-		.topBack {
-			width: 100%;
-			position: absolute;
-			padding-top: 37%;
-			background-image: linear-gradient(to right, #d51a59, #ed7646);
-			border-radius: 0 0 $radius*4 $radius*4;
-		}
-		.topCont {
-			width: 100%;
-			position: inherit;
-			top: 0;
-			left: 0;
-			padding: $padding;
-			box-sizing: border-box;
-			position: relative;
-			.topCont-logo {
-				display: flex;
-				line-height: 58rpx;
-				.topCont-logo-img {
-					margin-right: 15rpx;
-					width: 190rpx;
-				}
-				.topCont-logo-name {
-					font-weight: 600;
-				}
-				
-				.topCont-logo-go {
-					background-color: #ffffff;
-					border-radius: $radius*5;
-					text-align: center;
-					color: $mian-color;
-					font-size: $title-size;
-					line-height: 72rpx;
-					font-weight: 600;
-					display: inline-block;
-					position: absolute;
-					right: $margin;
-					top: $margin + 10;
-					padding: 0 $padding + 10;
-				}
-			}
-			.topCont-text {
-				margin-top: $margin;
-				color: #ffffff;
-				.topCont-text-name {
-					font-size: $title-size + 6;
-					font-weight: 600;
-				}
-				.topCont-text-tips {
-					font-size: $title-size-sm;
-					margin: $margin - 10 0 $margin;
-					text {
-						padding-right: $padding * 2;
-						display: inline-block;
-						position: relative;
-					}
-				}
-			}
-			.topCont-notice {
-				width: 100%;
-				height: 74rpx;
-				overflow: hidden;
-				display: flex;
-				background-color: #ffffff;
-				border-radius: $radius - 5;
-				padding: 0 $padding;
-				box-sizing: border-box;
-				margin-bottom: $margin;
-				.topCont-notice-name {
-					color: $mian-color;
-					font-size: $title-size-lg;
-					font-weight: 600;
-					width: 190rpx;
-					line-height: 74rpx;
-					display: flex;
-					image {
-						width: 38rpx;
-						height: 38rpx;
-						margin-top: 19rpx;
-						margin-right: 10rpx;
-						vertical-align: middle;
-					}
-				}
-				.topCont-notice-cont {
-					height: 74rpx;
-					width: calc(100% - 190rpx);
-					display: flex;
-					.topCont-notice-title {
-						font-size: $title-size-sm - 4;
-						display: inline-block;
-						border: 2rpx solid $mian-color;
-						color: $mian-color;
-						height: 34rpx;
-						line-height: 32rpx;
-						margin-top: 20rpx;
-						width: 60rpx;
-						text-align: center;
-						border-radius: $radius - 10;
-						margin-right: $margin - 10;
-					}
-					.topCont-notice-swiper {
-						height: 74rpx;
-						width: calc(100% - 60rpx);
-						.topCont-swiper-item {
-							display: flex;
-							font-size: $title-size-sm - 2;
-							line-height: 74rpx;
-							.topCont-swiper-name {
-								color: $text-color;
-							}
-						}
-					}
-				}
-			}
-			.topCont-tool {
-				display: flex;
-				position: relative;
-				.topCont-tool-label {
-					width: calc(50% - 10rpx);
-					position: relative;
-					padding-top: 20%;
-					border-radius: $radius;
-					overflow: hidden;
-					&.redBlock {
-						margin-right: 15rpx;
-						background-image: linear-gradient(to bottom right, #f46049, #fe8479);
-					}
-					&.greenBlock {
-						margin-left: 15rpx;
-						background-image: linear-gradient(to bottom right, #32c4c2, #50ecc7);
-					}
-				}
-				.topCont-tool-cont {
-					width: 100%;
-					height: 100%;
-					position: absolute;
-					left: 0;
-					top: 0;
-					overflow: hidden;
-					padding: $padding - 10 $padding;
-					box-sizing: border-box;
-					color: #ffffff;
-					.topCont-tool-name {
-						margin-bottom: $margin - 15;
-					}
-					.topCont-tool-tips {
-						font-size: $title-size-sm;
-						opacity: .7;
-					}
-					.topCont-tool-img {
-						width: 80rpx;
-						height: 80rpx;
-						position: absolute;
-						right: 25rpx;
-						top: calc(50% - 40rpx);
-					}
-				}
-			}
-			.topCont-data {
-				background-color: #ffffff;
-				line-height: 70rpx;
-				display: flex;
-				margin-top: 30rpx;
-				border-radius: $radius - 10;
-				font-size: $title-size-sm - 2;
-				.topCont-data-label {
-					flex: 3;
-					text-align: center;
-					text {
-						color: $mian-color;
-						padding: 0 5rpx;
-					}
-				}
-			}
-		}
-	}
-	
-	// 法律常识
-	.list {
-		padding:0 $padding;
-		box-sizing: border-box;
-		.list-title {
-			font-weight: 600;
-			margin-bottom: 10rpx;
-			color: $text-color;
-		}
-		.lawyer {
-			overflow: hidden;
-			margin: 20rpx -15rpx 0;
-			.lawyer-item {
-				background-color: #fff;
-				width: calc(50% - 30rpx);
-				float: left;
-				margin: 0 15rpx $margin;
-				border: 2rpx solid #f1f1f1;
-				box-sizing: border-box;
-				border-radius: $radius-m;
-				overflow: hidden;
-				.lawyer-item-img {
-					position: relative;
-					width: 100%;
-					padding-top: 55%;
-					overflow: hidden;
-					background-color: #515151;
-					image {
-						position: absolute;
-						width: 100%;
-						height: 100%;
-						left: 0;
-						top: 0;
-					}
-					.lawyer-item-name {
-						position: absolute;
-						width: 100%;
-						left: 0;
-						bottom: 0;
-						background-color: rgba(0, 0, 0, .1);
-						line-height: 54rpx;
-						color: #ffffff;
-						padding: 0 $padding - 10;
-						box-sizing: border-box;
-						font-size: $title-size-lg;
-					}
-				}
-				.lawyer-item-cont {
-					padding: $padding - 10;
-					box-sizing: border-box;
-					.lawyer-item-tips {
-						font-size: $title-size-m;
-						color: $text-color;
-					}
-					.lawyer-item-price {
-						display: flex;
-						margin-top: 10rpx;
-						line-height: 44rpx;
-						.lawyer-item-number {
-							flex: 1;
-							color: $mian-color;
-							font-weight: 600;
-							font-size: $title-size;
-						}
-						text {
-							font-size: $title-size-sm;
-							color: #9d9d9d;
-						}
-					}
-				}
-			}
-		}
-		
-		.list-tabs {
-			background-color: #ffffff;
-			border-radius: $radius-m;
-			padding: 5rpx $padding 15rpx;
-			box-sizing: border-box; 
-			margin-top: $margin - 10;
-		}
-		
-		.list-classify {
-			white-space: nowrap;
-			.list-tabs-item {
-				display: inline-block;
-				font-size: $title-size-m;
-				color: $text-color;
-				padding-right: 50rpx;
-				line-height: 54rpx;
-				position: relative;
-				border-bottom: 6rpx solid #e5e5e5;
-				&::after {
-					position: absolute;
-					content: '';
-					left: 0;
-					bottom: -6rpx;
-					background-color: transparent;
-					border-radius: $radius*3;
-					width: calc(100% - 50rpx);
-					height: 6rpx;
-					z-index: 9;
-				}
-				&:last-child {
-					padding-right: 0;
-				}
-				&.show {
-					color: #000000;
-				}
-				&.show::after {
-					background-color: $mian-color;
-				}
-			}
-			::-webkit-scrollbar{
-				width: 0;
-				height: 0;
-				color: transparent;
-			}
-		}
-		.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;
-					height: 150rpx;
-					display:table-cell; 
-					text-align:center; 
-					vertical-align:middle;
-					border:1px solid #d2d2d2;
-					border-radius: $radius - 10;
-					overflow: hidden;
-					box-sizing: border-box;
-					image {
-						width: 100%;
-						vertical-align:middle; 
-					}
-				}
-				.list-item-cont {
-					position: absolute;
-					left: 0;
-					top: 0;
-					width: 100%;
-					padding: 20rpx 20rpx 20rpx 250rpx;
-					box-sizing: border-box;
-					box-sizing: border-box;
-					.list-item-name {
-						color: $text-color;
-						line-height: 44rpx;
-						font-size: $title-size-m;
-					}
-					.list-item-see {
-						font-size: $title-size-sm - 4;
-						margin-top: 30rpx;
-						display: flex;
-						line-height: 30rpx;
-						.list-item-icon {
-							width: 30rpx;
-							height: 30rpx;
-							margin-right: 10rpx;
-						}
-					}
-					.list-item-tips {
-						font-size: $title-size-sm - 4;
-						display: inline-block;
-						color: #a1a1a1;
-						padding-left: 40rpx;
-					}
-				}
-			}
-		}
-	}
-	
-	// 是否有上级
-	.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;
-			}
-		}
-	}
-	
-	// 图片弹出
-	.haveBack {
-		position: fixed;
-		width: 100vw;
-		height: 100vh;
-		left: 0;
-		top: 0;
-		z-index: 9;
-		background-color: rgba(0, 0, 0, .7);
-	}
-	.haveCont {
-		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;
-		text-align: center;
-	}
-	
-	.haveCont-img {
-		width: 75%;
-		border-radius: 20rpx;
-		overflow: hidden;
-		display: block;
-		margin: 0 auto;
-	}
-	
-	.haveCont-close {
-		width: 52rpx;
-		height: 52rpx;
-		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;
-			}
-		}
-	}
+					}
+				}
+			}
+		}
+		
+		.list-tabs {
+			background-color: #ffffff;
+			border-radius: $radius-m;
+			padding: 5rpx $padding 15rpx;
+			box-sizing: border-box; 
+			margin-top: $margin - 10;
+		}
+		
+		.list-classify {
+			white-space: nowrap;
+			.list-tabs-item {
+				display: inline-block;
+				font-size: $title-size-m;
+				color: $text-color;
+				padding-right: 50rpx;
+				line-height: 54rpx;
+				position: relative;
+				border-bottom: 6rpx solid #e5e5e5;
+				&::after {
+					position: absolute;
+					content: '';
+					left: 0;
+					bottom: -6rpx;
+					background-color: transparent;
+					border-radius: $radius*3;
+					width: calc(100% - 50rpx);
+					height: 6rpx;
+					z-index: 9;
+				}
+				&:last-child {
+					padding-right: 0;
+				}
+				&.show {
+					color: #000000;
+				}
+				&.show::after {
+					background-color: $mian-color;
+				}
+			}
+			::-webkit-scrollbar{
+				width: 0;
+				height: 0;
+				color: transparent;
+			}
+		}
+		.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;
+					height: 150rpx;
+					display:table-cell; 
+					text-align:center; 
+					vertical-align:middle;
+					border:1px solid #d2d2d2;
+					border-radius: $radius - 10;
+					overflow: hidden;
+					box-sizing: border-box;
+					image {
+						width: 100%;
+						vertical-align:middle; 
+					}
+				}
+				.list-item-cont {
+					position: absolute;
+					left: 0;
+					top: 0;
+					width: 100%;
+					padding: 20rpx 20rpx 20rpx 250rpx;
+					box-sizing: border-box;
+					box-sizing: border-box;
+					.list-item-name {
+						color: $text-color;
+						line-height: 44rpx;
+						font-size: $title-size-m;
+					}
+					.list-item-see {
+						font-size: $title-size-sm - 4;
+						margin-top: 30rpx;
+						display: flex;
+						line-height: 30rpx;
+						.list-item-icon {
+							width: 30rpx;
+							height: 30rpx;
+							margin-right: 10rpx;
+						}
+					}
+					.list-item-tips {
+						font-size: $title-size-sm - 4;
+						display: inline-block;
+						color: #a1a1a1;
+						padding-left: 40rpx;
+					}
+				}
+			}
+		}
+	}
+	
+	// 是否有上级
+	.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;
+			}
+		}
+	}
+	
+	// 图片弹出
+	.haveBack {
+		position: fixed;
+		width: 100vw;
+		height: 100vh;
+		left: 0;
+		top: 0;
+		z-index: 9;
+		background-color: rgba(0, 0, 0, .7);
+	}
+	.haveCont {
+		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;
+		text-align: center;
+	}
+	
+	.haveCont-img {
+		width: 75%;
+		border-radius: 20rpx;
+		overflow: hidden;
+		display: block;
+		margin: 0 auto;
+	}
+	
+	.haveCont-close {
+		width: 52rpx;
+		height: 52rpx;
+		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>
diff --git a/pages/sheet/basic.vue b/pages/sheet/basic.vue
index 5187f6a..0963956 100644
--- a/pages/sheet/basic.vue
+++ b/pages/sheet/basic.vue
@@ -1,827 +1,825 @@
-<template>
-	<view class="content">
-		<view class="idcard">
-			<view class="idcardInfo-name">
-				{{userData.nickname}}
-			</view>
-			<view class="idcardInfo-label">
-				{{userData.username}}
-			</view>
-		</view>
-		
-		<view class="idcardBorder">
-			<view class="idcardTitle">
-				添加基本信息
-			</view>
-			<!-- 信用卡信息 -->
-			<block v-if="serviceArr.length > 0">
-				<view class="idcardAdd" v-for="(item, index) in serviceArr" :key="index">
-					<view class="idcardBottom" :class="{active : item.openState}">
-						<!-- 机构 -->
-						<view class="idcardAdd-block">
-							<view class="idcardAdd-block-name">
-								<view class="idcardAdd-block-see">
-									<text>*</text>{{item.subVal.business_id == 1 ? '信用卡' : '贷款'}}
-								</view>
-								<view class="locationActive" v-if="!item.openState">
-									<text>{{item.institution[item.institutionIndex].title}}</text>
-									<text>{{item.fromType[item.fromIndex].title}}</text>
-								</view>
-							</view>
-							<view class="idcardAdd-block-write">
-								
-								<!-- 新筛选 带搜索 -->
-								<view class="idcardAdd-picker" style="width: 100%;" @click="onShowInstitution(item.institution, item, index)">
-									<view class="institution-picker-text nowrap">{{item.institution[item.institutionIndex].title}}</view>
-									<u-icon size="12" color="#999" name="arrow-down-fill"></u-icon>
-								</view>
-								
-								<!-- 老筛选备份 -->
-								<!-- <picker :value="item.institutionIndex" @change="institutionChange($event, item, index)" :range="item.institution" range-key="title">
-									<view class="uni-input">{{item.institution[item.institutionIndex].title}}</view>
-								</picker> -->
-								
-								<image src="@/static/imgs/basic_down.png" mode="aspectFill"></image>
-							</view>
-							<view class="idcardAdd-block-remove" @click="onRemove(index)" v-if="serviceArr.length > 1">
-								<image src="@/static/imgs/removeIcon.png" mode="widthFix"></image>移出
-							</view>
-						</view>
-						
-						<!-- 业务类型 -->
-						<view class="idcardAdd-block">
-							<view class="idcardAdd-block-name">
-								<view class="idcardAdd-block-see">
-									<text>*</text>业务类型
-								</view>
-							</view>
-							<view class="idcardAdd-block-write">
-								<picker class="idcardAdd-picker" :range="item.fromType" range-key="title" :value="item.fromIndex" @change="businessChange($event, item, index)">
-									<view class="institution-picker-text nowrap">{{item.fromType[item.fromIndex].title}}</view>							
-								</picker>
-								<!-- <mouldPicker class="idcardAdd-picker" ref="child" :bank-list="item.fromType" :bank-value="item.fromIndex" @bankPicker="businessChange($event, item, index)"></mouldPicker> -->
-								<image src="@/static/imgs/basic_down.png" mode="aspectFill"></image>
-							</view>
-						</view>
-						
-						<!-- 表单部分 -->
-						<block v-for="(keyItem, keyIndex) in item.froms" :key="keyIndex" v-if="item.subVal[keyIndex.pre_key] == keyIndex.pre_value">
-							<view class="idcardAdd-block" v-if="keyItem.pre_key == null || keyItem.pre_value == item.subVal[keyItem.pre_key]">
-								<view class="idcardAdd-block-name">
-									<view class="idcardAdd-block-see">
-										<text>*</text>{{keyItem.title}}
-									</view>
-								</view>
-								
-								<!-- 单输入框 -->
-								<view class="idcardAdd-block-write" v-if="keyItem.type === 'price' || keyItem.type === 'number' || keyItem.type === 'day' || keyItem.type === 'text'">
-									<mouldInput :blur-value="item.subVal[keyItem.key]" class="idcardAdd-input" :input-type="keyItem.type" @onValue="($event) => {item.subVal[keyItem.key] = $event}"></mouldInput>
-								</view>
-								
-								<!-- 单选 -->
-								<view class="idcardAdd-aline" v-if="keyItem.type === 'radio'">
-									<radio-group @change="item.subVal[keyItem.key] = $event.detail.value">
-										<label class="idcardAdd-aline-write" v-for="(radioItem, radioIndex) in keyItem.options" :key="radioIndex">
-											<radio class="radio-input" color="#446EFE" style="transform:scale(.65)" :checked="radioIndex === item.subVal[keyItem.key]" :value="radioIndex"/>{{radioItem}}
-										</label>
-									</radio-group>
-									<!-- <mouldRadio :radio-list="keyItem.options" @onRadio="($event) => {item.subVal[keyItem.key] = $event}"></mouldRadio> -->
-								</view>
-								
-								<!-- 多选 -->
-								<block v-if="keyItem.type === 'checkbox'">
-									<!-- <checkbox-group @change="item.subVal[keyItem.key] = $event.detail.value">
-										<view class="idcardAdd-multi-write" v-for="(letterItem, letterIndex) in keyItem.options" :key="letterIndex">
-											<checkbox :value="letterIndex.toString()" color="#4e7bfe" style="transform:scale(.6); margin-top: -3rpx;"/>
-											<text>{{letterItem}}</text>
-										</view>
-									</checkbox-group> -->
-									<mouldCheckbox :checkbox-list="keyItem.options" :checkbox-vlaue="item.subVal[keyItem.key] || []" @onCheckbox="($event) => {item.subVal[keyItem.key] = $event}"></mouldCheckbox>
-								</block>
-								
-								<!-- 下拉框 -->
-								<view class="idcardAdd-block-write" v-if="keyItem.type === 'select'">
-									<picker class="idcardAdd-picker" :value="item.subVal[keyItem.key] ? item.subVal[keyItem.key] : '0'" :range="keyItem.options" @change="item.subVal[keyItem.key] = $event.detail.value">
-										<view class="uni-input" v-if="item.subVal[keyItem.key]">{{keyItem.options[item.subVal[keyItem.key]]}}</view>
-										<view class="uni-input" v-else>{{keyItem.options[0]}}</view>
-									</picker>
-									<image src="@/static/imgs/basic_down.png" mode="aspectFill"></image>
-								</view>
-								
-								<!-- 描述 -->
-								<view class="idcardAdd-block-write idcardAdd-depict" v-if="keyItem.type === 'textarea'">
-									<mouldText class="idcardAdd-depict-textarea" :blur-value="item.subVal[keyItem.key]" @onTextarea="($event) => {item.subVal[keyItem.key] = $event}"></mouldText>
-								</view>
-								
-							</view>
-						</block>
-					</view>
-					
-					<view class="open">
-						<view class="open-text" @click="recordTap(index)">
-							<image src="@/static/imgs/openArrow.png" mode="widthFix" :class="{active : item.openState}"></image>{{item.openState ? '收起' : '展开'}}
-						</view>
-					</view>
-				</view>
-			</block>
-			<block v-else>
-				<view class="noContent">
-					<image class="noContent-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/06/010d64c0ddbfd5e02030502a39109e8f.png" mode="widthFix"></image>
-					<view class="noContent-name">
-						什么都没有，好无聊......
-					</view>
-					<view class="noContent-btn" @click="addTypePop = true">
-						添加新信息
-					</view>
-				</view>
-			</block>
-		</view>
-		<view class="reminder">
-			<image class="reminder-img" src="@/static/imgs/reminderIcon.png"></image>
-			<view class="reminder-text">温馨提示：为了匹配最准确方案，请如实填写信息</view>
-		</view>
-		<view class="idcardBtn">
-			<view class="idcardBtn-go active" @click="addTypePop = true">
-				添加新信息
-			</view>
-			<view class="idcardBtn-go" @click="onSubmit">
-				确认提交
-			</view>
-		</view>
-		
-		<!-- 选择添加类型 -->
-		<view class="addType-back" v-if="addTypePop"></view>
-		<view class="addType-cont" v-if="addTypePop">
-			<view class="addType-title">
-				请选择业务类型
-			</view>
-			<block v-for="(item, index) in businessArr" :key="index">
-				<view class="create-type-item" :class="{'active': item.business_id == businessId}" @click="onAdd(item.business_id, item.title)">
-					<image class="create-type-icon" :src="item.cover_url" mode="aspectFill"></image>
-					<view class="create-type-text">
-						<view class="title nowrap">{{item.title || '-'}}</view>
-						<view class="submit nowrap">{{item.subtitle || '-'}}</view>
-					</view>
-				</view>
-			</block>
-			<image class="addType-close" src="/static/imgs/payClose.png" mode="aspectFill" @click="addTypePop = false"></image>
-		</view>
-		
-		<!-- 机构筛选弹出层 -->
-		<oct-mechanism-picker
-			ref="institutionPicker"
-			title="选择办理机构"
-			:columns="columns"
-			@choose="institutionChange"
-		/>
+<template>
+	<view class="content">
+		<view class="idcard">
+			<view class="idcardInfo-name">
+				{{userData.nickname}}
+			</view>
+			<view class="idcardInfo-label">
+				{{userData.username}}
+			</view>
+		</view>
+		
+		<view class="idcardBorder">
+			<view class="idcardTitle">
+				添加基本信息
+			</view>
+			<!-- 信用卡信息 -->
+			<block v-if="serviceArr.length > 0">
+				<view class="idcardAdd" v-for="(item, index) in serviceArr" :key="index">
+					<view class="idcardBottom" :class="{active : item.openState}">
+						<!-- 机构 -->
+						<view class="idcardAdd-block">
+							<view class="idcardAdd-block-name">
+								<view class="idcardAdd-block-see">
+									<text>*</text>{{item.subVal.business_id == 1 ? '信用卡' : '贷款'}}
+								</view>
+								<view class="locationActive" v-if="!item.openState">
+									<text>{{item.institution[item.institutionIndex].title}}</text>
+									<text>{{item.fromType[item.fromIndex].title}}</text>
+								</view>
+							</view>
+							<view class="idcardAdd-block-write">
+								
+								<!-- 新筛选 带搜索 -->
+								<view class="idcardAdd-picker" style="width: 100%;" @click="onShowInstitution(item.institution, item, index)">
+									<view class="institution-picker-text nowrap">{{item.institution[item.institutionIndex].title}}</view>
+									<u-icon size="12" color="#999" name="arrow-down-fill"></u-icon>
+								</view>
+								
+								<!-- 老筛选备份 -->
+								<!-- <picker :value="item.institutionIndex" @change="institutionChange($event, item, index)" :range="item.institution" range-key="title">
+									<view class="uni-input">{{item.institution[item.institutionIndex].title}}</view>
+								</picker> -->
+								
+								<image src="@/static/imgs/basic_down.png" mode="aspectFill"></image>
+							</view>
+							<view class="idcardAdd-block-remove" @click="onRemove(index)" v-if="serviceArr.length > 1">
+								<image src="@/static/imgs/removeIcon.png" mode="widthFix"></image>移出
+							</view>
+						</view>
+						
+						<!-- 业务类型 -->
+						<view class="idcardAdd-block">
+							<view class="idcardAdd-block-name">
+								<view class="idcardAdd-block-see">
+									<text>*</text>业务类型
+								</view>
+							</view>
+							<view class="idcardAdd-block-write">
+								<picker class="idcardAdd-picker" :range="item.fromType" range-key="title" :value="item.fromIndex" @change="businessChange($event, item, index)">
+									<view class="institution-picker-text nowrap">{{item.fromType[item.fromIndex].title}}</view>							
+								</picker>
+								<!-- <mouldPicker class="idcardAdd-picker" ref="child" :bank-list="item.fromType" :bank-value="item.fromIndex" @bankPicker="businessChange($event, item, index)"></mouldPicker> -->
+								<image src="@/static/imgs/basic_down.png" mode="aspectFill"></image>
+							</view>
+						</view>
+						
+						<!-- 表单部分 -->
+						<block v-for="(keyItem, keyIndex) in item.froms" :key="keyIndex" v-if="item.subVal[keyIndex.pre_key] == keyIndex.pre_value">
+							<view class="idcardAdd-block" v-if="keyItem.pre_key == null || keyItem.pre_value == item.subVal[keyItem.pre_key]">
+								<view class="idcardAdd-block-name">
+									<view class="idcardAdd-block-see">
+										<text>*</text>{{keyItem.title}}
+									</view>
+								</view>
+								
+								<!-- 单输入框 -->
+								<view class="idcardAdd-block-write" v-if="keyItem.type === 'price' || keyItem.type === 'number' || keyItem.type === 'day' || keyItem.type === 'text'">
+									<mouldInput :blur-value="item.subVal[keyItem.key]" class="idcardAdd-input" :input-type="keyItem.type" @onValue="($event) => {item.subVal[keyItem.key] = $event}"></mouldInput>
+								</view>
+								
+								<!-- 单选 -->
+								<view class="idcardAdd-aline" v-if="keyItem.type === 'radio'">
+									<radio-group @change="item.subVal[keyItem.key] = $event.detail.value">
+										<label class="idcardAdd-aline-write" v-for="(radioItem, radioIndex) in keyItem.options" :key="radioIndex">
+											<radio class="radio-input" color="#446EFE" style="transform:scale(.65)" :checked="radioIndex === item.subVal[keyItem.key]" :value="radioIndex"/>{{radioItem}}
+										</label>
+									</radio-group>
+									<!-- <mouldRadio :radio-list="keyItem.options" @onRadio="($event) => {item.subVal[keyItem.key] = $event}"></mouldRadio> -->
+								</view>
+								
+								<!-- 多选 -->
+								<block v-if="keyItem.type === 'checkbox'">
+									<!-- <checkbox-group @change="item.subVal[keyItem.key] = $event.detail.value">
+										<view class="idcardAdd-multi-write" v-for="(letterItem, letterIndex) in keyItem.options" :key="letterIndex">
+											<checkbox :value="letterIndex.toString()" color="#4e7bfe" style="transform:scale(.6); margin-top: -3rpx;"/>
+											<text>{{letterItem}}</text>
+										</view>
+									</checkbox-group> -->
+									<mouldCheckbox :checkbox-list="keyItem.options" :checkbox-vlaue="item.subVal[keyItem.key] || []" @onCheckbox="($event) => {item.subVal[keyItem.key] = $event}"></mouldCheckbox>
+								</block>
+								
+								<!-- 下拉框 -->
+								<view class="idcardAdd-block-write" v-if="keyItem.type === 'select'">
+									<picker class="idcardAdd-picker" :value="item.subVal[keyItem.key] ? item.subVal[keyItem.key] : '0'" :range="keyItem.options" @change="item.subVal[keyItem.key] = $event.detail.value">
+										<view class="uni-input" v-if="item.subVal[keyItem.key]">{{keyItem.options[item.subVal[keyItem.key]]}}</view>
+										<view class="uni-input" v-else>{{keyItem.options[0]}}</view>
+									</picker>
+									<image src="@/static/imgs/basic_down.png" mode="aspectFill"></image>
+								</view>
+								
+								<!-- 描述 -->
+								<view class="idcardAdd-block-write idcardAdd-depict" v-if="keyItem.type === 'textarea'">
+									<mouldText class="idcardAdd-depict-textarea" :blur-value="item.subVal[keyItem.key]" @onTextarea="($event) => {item.subVal[keyItem.key] = $event}"></mouldText>
+								</view>
+								
+							</view>
+						</block>
+					</view>
+					
+					<view class="open">
+						<view class="open-text" @click="recordTap(index)">
+							<image src="@/static/imgs/openArrow.png" mode="widthFix" :class="{active : item.openState}"></image>{{item.openState ? '收起' : '展开'}}
+						</view>
+					</view>
+				</view>
+			</block>
+			<block v-else>
+				<view class="noContent">
+					<image class="noContent-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/06/010d64c0ddbfd5e02030502a39109e8f.png" mode="widthFix"></image>
+					<view class="noContent-name">
+						什么都没有，好无聊......
+					</view>
+					<view class="noContent-btn" @click="addTypePop = true">
+						添加新信息
+					</view>
+				</view>
+			</block>
+		</view>
+		<view class="reminder">
+			<image class="reminder-img" src="@/static/imgs/reminderIcon.png"></image>
+			<view class="reminder-text">温馨提示：为了匹配最准确方案，请如实填写信息</view>
+		</view>
+		<view class="idcardBtn">
+			<view class="idcardBtn-go active" @click="addTypePop = true">
+				添加新信息
+			</view>
+			<view class="idcardBtn-go" @click="onSubmit">
+				确认提交
+			</view>
+		</view>
+		
+		<!-- 选择添加类型 -->
+		<view class="addType-back" v-if="addTypePop"></view>
+		<view class="addType-cont" v-if="addTypePop">
+			<view class="addType-title">
+				请选择业务类型
+			</view>
+			<block v-for="(item, index) in businessArr" :key="index">
+				<view class="create-type-item" :class="{'active': item.business_id == businessId}" @click="onAdd(item.business_id, item.title)">
+					<image class="create-type-icon" :src="item.cover_url" mode="aspectFill"></image>
+					<view class="create-type-text">
+						<view class="title nowrap">{{item.title || '-'}}</view>
+						<view class="submit nowrap">{{item.subtitle || '-'}}</view>
+					</view>
+				</view>
+			</block>
+			<image class="addType-close" src="/static/imgs/payClose.png" mode="aspectFill" @click="addTypePop = false"></image>
+		</view>
+		
+		<!-- 机构筛选弹出层 -->
+		<oct-mechanism-picker
+			ref="institutionPicker"
+			title="选择办理机构"
+			:columns="columns"
+			@choose="institutionChange"
+		/>
 	</view>
 </template>
 
-<script>
-	import { workIndex, workOne, workLevel, workStore } from '@/apis/interfaces/index'
-	import { userBasic } from '@/apis/interfaces/user'
-	
-	import mouldCheckbox from '@/components/mould-checkbox.vue'
-	import mouldInput from '@/components/mould-input.vue'
-	import mouldRadio from '@/components/mould-radio.vue'
-	import mouldText from '@/components/mould-text.vue'
-	import mouldPicker from '@/components/mould-picker.vue'
-	export default {
-		components: {
-			mouldCheckbox,
-			mouldInput,
-			mouldRadio,
-			mouldText,
-			mouldPicker
-		},
-		data() {
-			return {
-				businessArr: [],
-				businessId : '',
-				serviceArr : [],
-				addTypePop : false,
-				userData   : '',
-				reminder   : '',  // 温馨提示
-				
-				// 新增部分-机构筛选
-				columns	   : [],
-				old		   : {},
-				cIndex	   : 0
-			}
-		},
-		created() {
-			let { businessId, businessTitle } = this.$Route.query
-			this.getInstitution(businessId, businessTitle)
-			this.getBusiness()
-		},
-		
-		onShow() {
-			// 获取用户姓名手机号性别
-			userBasic().then(res => {
-				this.userData = res
-			}).catch(err => {
-				uni.showToast({
-					title: err.message,
-					icon : 'none'
-				})
-			})
-		},
-		
-		methods: {
-			
-			// 显示选择机构 -- 带搜索
-			onShowInstitution(e, item, index){
-				console.log(this.$refs.institutionPicker)
-				this.columns = e
-				this.old	 = item
-				this.cIndex	 = index
-				this.$refs.institutionPicker.open()
-			},
-			
-			// 获取主业务
-			getBusiness(){
-				workIndex().then(res => {
-					this.businessArr = res
-				}).catch(err => {
-					uni.showToast({
-						title: err.message,
-						icon : 'none'
-					})
-				})
-			},
-			
-			// 获取主业务机构
-			getInstitution(businessId, businessTitle){
-				uni.showLoading({
-					title: '加载中...'
-				})
-				workOne(businessId).then(institutionArr => {
-					let forms = this.getForms(institutionArr[0].institution_id)
-					forms.then(val => {
-						this.servicePush( val, institutionArr, businessTitle, businessId )
-					})
-				}).catch(err => {
-					uni.showToast({
-						title: err.message,
-						icon : 'none'
-					})
-				})
-			},
-			// 获取业务类型
-			async getForms(businessId){
-				return await workLevel(businessId)
-			},
-			
-			// 组织业务表单数据
-			servicePush( vals, institutionArr, businessTitle, businessId ){
-				let fromType = [],
-					fromsVal = {},
-					froms	 = vals[0].params
-					
-				fromType = vals.map((val) => {
-					return { 
-						type_id: val.type_id,
-						title : val.title
-					}
-				})
-				froms.map(val => {
-					fromsVal[val.key] = ''
-				})
-				
-				// 新增卡片
-				this.serviceArr.push({
-					title			: businessTitle,
-					institution		: institutionArr,
-					allInstitution	: vals,
-					institutionIndex: 0,
-					fromType		: fromType,
-					openState		: false,
-					fromIndex		: 0,
-					froms			: froms,
-					subVal			: {
-						business_id		: Number(businessId),
-						institution_id	: institutionArr[0].institution_id,
-						type_id			: fromType[0].type_id,
-						...fromsVal
-					}
-				})
-				this.serviceArr.forEach((item, index) => {
-					return index == (this.serviceArr.length - 1) ? item.openState = true : item.openState = false
-				})
-			},
-			
-			// 机构变更更新业务
-			institutionChange(e){
-				
-				let index		= this.cIndex
-				let old			= this.old
-				let value 		= old.institution.findIndex(val => val.institution_id === e.val.institution_id);
-				let businessId  = old.subVal.business_id
-				
-				// 获取机构的子业务类型
-				let forms = this.getForms(old.institution[value].institution_id)
-				forms.then(institutionVal => {
-					let newObj 		= old
-					let fromType	= []
-					let params		= institutionVal[0].params
-					let paramsVal	= []
-					
-					// 业务类型
-					fromType = institutionVal.map(val => {
-						return {
-							type_id: val.type_id,
-							title  : val.title
-						}
-					})
-					// 提交字段
-					params.map(val => {
-						paramsVal[val.key] = ''
-					})
-					// 更新数据
-					newObj.allInstitution	= institutionVal;
-					newObj.institutionIndex = value;
-					newObj.fromType			= fromType;
-					newObj.fromIndex		= 0;
-					newObj.froms			= params;
-					newObj.subVal			= {
-						business_id		: old.subVal.business_id,
-						institution_id	: old.institution[value].institution_id,
-						type_id			: fromType[0].type_id,
-						...paramsVal
-					}
-					this.$set(this.serviceArr, index, newObj)
-				})
-			},
-			
-			// 业务变更
-			businessChange(e, old, index){
-				let { value } 		= e.detail;
-				let businessId  	= old.subVal.business_id;
-				let allInstitution	= old.allInstitution
-				let newObj 			= old
-				let params			= allInstitution[value].params
-				let paramsVal		= {}
-				
-				params.map(val => {
-					paramsVal[val.key] = ''
-				})
-				
-				newObj.fromIndex		= value;
-				newObj.froms			= params;
-				newObj.subVal			= {
-					business_id		: old.subVal.business_id,
-					institution_id	: old.subVal.institution_id,
-					type_id			: allInstitution[value].type_id,
-					...paramsVal
-				}
-				this.$set(this.serviceArr, index, newObj)
-			},
-			
-			// 添加主业务
-			onAdd(id, title){
-				this.addTypePop = false
-				this.getInstitution(id, title)
-			},
-			
-			// 列表展开
-			recordTap(index) {
-				var listData = this.serviceArr
-				var helpFlag = this.serviceArr[index].openState
-				listData.forEach((item) => {
-					item.openState = false
-				})
-				listData[index].openState = !helpFlag
-				this.serviceArr = listData
-			},
-			
-			// 移出选项
-			onRemove(index){
-				this.serviceArr.splice(index, 1)
-			},
-			
-			// 提交订单数据
-			onSubmit(){
-				let dataVal = this.serviceArr.map(val => {
-					return val.subVal
-				})
-				workStore({
-					type   : 'self',
-					data   : dataVal,
-					channel: 'h5'
-				}).then(res => {
-					this.$Router.push({name: 'sheetPay', params: {id: res.business_order_id}})
-				}).catch( err => {
-					uni.showToast({
-						title: err.message,
-						icon: "none"
-					})
-				})
-			},
-			
-			// 多选
-			checkboxChange() {
-				
-			}
-		}
+<script>
+	import { workIndex, workOne, workLevel, workStore } from '@/apis/interfaces/index'
+	import { userBasic } from '@/apis/interfaces/user'
+	
+	import mouldCheckbox from '@/components/mould-checkbox.vue'
+	import mouldInput from '@/components/mould-input.vue'
+	import mouldRadio from '@/components/mould-radio.vue'
+	import mouldText from '@/components/mould-text.vue'
+	import mouldPicker from '@/components/mould-picker.vue'
+	export default {
+		components: {
+			mouldCheckbox,
+			mouldInput,
+			mouldRadio,
+			mouldText,
+			mouldPicker
+		},
+		data() {
+			return {
+				businessArr: [],
+				businessId : '',
+				serviceArr : [],
+				addTypePop : false,
+				userData   : '',
+				reminder   : '',  // 温馨提示
+				
+				// 新增部分-机构筛选
+				columns	   : [],
+				old		   : {},
+				cIndex	   : 0
+			}
+		},
+		created() {
+			let { businessId, businessTitle } = this.$Route.query
+			this.getInstitution(businessId, businessTitle)
+			this.getBusiness()
+		},
+		
+		onShow() {
+			// 获取用户姓名手机号性别
+			userBasic().then(res => {
+				this.userData = res
+			}).catch(err => {
+				uni.showToast({
+					title: err.message,
+					icon : 'none'
+				})
+			})
+		},
+		
+		methods: {
+			
+			// 显示选择机构 -- 带搜索
+			onShowInstitution(e, item, index){
+				this.columns = e
+				this.old	 = item
+				this.cIndex	 = index
+				this.$refs.institutionPicker.open()
+			},
+			
+			// 获取主业务
+			getBusiness(){
+				workIndex().then(res => {
+					this.businessArr = res
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon : 'none'
+					})
+				})
+			},
+			
+			// 获取主业务机构
+			getInstitution(businessId, businessTitle){
+				uni.showLoading({
+					title: '加载中...'
+				})
+				workOne(businessId).then(institutionArr => {
+					let forms = this.getForms(institutionArr[0].institution_id)
+					forms.then(val => {
+						this.servicePush( val, institutionArr, businessTitle, businessId )
+					})
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon : 'none'
+					})
+				})
+			},
+			// 获取业务类型
+			async getForms(businessId){
+				return await workLevel(businessId)
+			},
+			
+			// 组织业务表单数据
+			servicePush( vals, institutionArr, businessTitle, businessId ){
+				let fromType = [],
+					fromsVal = {},
+					froms	 = vals[0].params
+					
+				fromType = vals.map((val) => {
+					return { 
+						type_id: val.type_id,
+						title : val.title
+					}
+				})
+				froms.map(val => {
+					fromsVal[val.key] = ''
+				})
+				
+				// 新增卡片
+				this.serviceArr.push({
+					title			: businessTitle,
+					institution		: institutionArr,
+					allInstitution	: vals,
+					institutionIndex: 0,
+					fromType		: fromType,
+					openState		: false,
+					fromIndex		: 0,
+					froms			: froms,
+					subVal			: {
+						business_id		: Number(businessId),
+						institution_id	: institutionArr[0].institution_id,
+						type_id			: fromType[0].type_id,
+						...fromsVal
+					}
+				})
+				this.serviceArr.forEach((item, index) => {
+					return index == (this.serviceArr.length - 1) ? item.openState = true : item.openState = false
+				})
+			},
+			
+			// 机构变更更新业务
+			institutionChange(e){
+				let index		= this.cIndex
+				let old			= this.old
+				let value 		= old.institution.findIndex(val => val.institution_id === e.val.institution_id);
+				let businessId  = old.subVal.business_id
+				
+				// 获取机构的子业务类型
+				let forms = this.getForms(old.institution[value].institution_id)
+				forms.then(institutionVal => {
+					let newObj 		= old
+					let fromType	= []
+					let params		= institutionVal[0].params
+					let paramsVal	= []
+					
+					// 业务类型
+					fromType = institutionVal.map(val => {
+						return {
+							type_id: val.type_id,
+							title  : val.title
+						}
+					})
+					// 提交字段
+					params.map(val => {
+						paramsVal[val.key] = ''
+					})
+					// 更新数据
+					newObj.allInstitution	= institutionVal;
+					newObj.institutionIndex = value;
+					newObj.fromType			= fromType;
+					newObj.fromIndex		= 0;
+					newObj.froms			= params;
+					newObj.subVal			= {
+						business_id		: old.subVal.business_id,
+						institution_id	: old.institution[value].institution_id,
+						type_id			: fromType[0].type_id,
+						...paramsVal
+					}
+					this.$set(this.serviceArr, index, newObj)
+				})
+			},
+			
+			// 业务变更
+			businessChange(e, old, index){
+				let { value } 		= e.detail;
+				let businessId  	= old.subVal.business_id;
+				let allInstitution	= old.allInstitution
+				let newObj 			= old
+				let params			= allInstitution[value].params
+				let paramsVal		= {}
+				
+				params.map(val => {
+					paramsVal[val.key] = ''
+				})
+				
+				newObj.fromIndex		= value;
+				newObj.froms			= params;
+				newObj.subVal			= {
+					business_id		: old.subVal.business_id,
+					institution_id	: old.subVal.institution_id,
+					type_id			: allInstitution[value].type_id,
+					...paramsVal
+				}
+				this.$set(this.serviceArr, index, newObj)
+			},
+			
+			// 添加主业务
+			onAdd(id, title){
+				this.addTypePop = false
+				this.getInstitution(id, title)
+			},
+			
+			// 列表展开
+			recordTap(index) {
+				var listData = this.serviceArr
+				var helpFlag = this.serviceArr[index].openState
+				listData.forEach((item) => {
+					item.openState = false
+				})
+				listData[index].openState = !helpFlag
+				this.serviceArr = listData
+			},
+			
+			// 移出选项
+			onRemove(index){
+				this.serviceArr.splice(index, 1)
+			},
+			
+			// 提交订单数据
+			onSubmit(){
+				let dataVal = this.serviceArr.map(val => {
+					return val.subVal
+				})
+				workStore({
+					type   : 'self',
+					data   : dataVal,
+					channel: 'h5'
+				}).then(res => {
+					this.$Router.push({name: 'sheetPay', params: {id: res.business_order_id}})
+				}).catch( err => {
+					uni.showToast({
+						title: err.message,
+						icon: "none"
+					})
+				})
+			},
+			
+			// 多选
+			checkboxChange() {
+				
+			}
+		}
 	}
 </script>
 
-<style lang="scss" scoped>
-	.idcardBorder {
-		border-bottom: 200rpx solid transparent;
-		background-color: #ffffff;
-		border-radius: $radius * 2 $radius * 2 0 0;
-		position: relative;
-		padding: $padding;
-		box-sizing: border-box;
-		top: -100rpx;
-	}
-	.idcard {
-		margin-bottom: $margin * 2;
-		background-color: $mian-color;
-		color: #ffffff;
-		display: flex;
-		padding: $padding * 2 $padding $padding * 3;
-		.idcardInfo-name {
-			flex: 1;
-		}
-	}
-	.idcardTitle {
-		color: $mian-color;
-		font-size: $title-size + 4;
-		font-weight: 600;
-		margin-bottom: $margin;
-	}
-	.idcardAdd {
-		background-color: #ffffff;
-		box-shadow: 0 0 20rpx rgba(0, 0, 0, .1);
-		border-radius: $radius;
-		padding: $padding;
-		box-sizing: border-box;
-		margin-bottom: $margin;
-		overflow: hidden;
-		position: relative;
-		&:last-child {
-			margin-bottom: 0;
-		}
-		.idcardAdd-title {
-			display: flex;
-			.idcardAdd-name {
-				flex: 1;
-				color: #446EFE;
-				font-weight: 600;
-			}
-			.idcardAdd-tel {
-				display: flex;
-				font-size: $title-size-sm;
-				background-color: #ffeded;
-				color: #FF0000;
-				border-radius: $radius;
-				padding: 0 15rpx 0 10rpx;
-				line-height: 44rpx;
-				.idcardAdd-btn {
-					width: 32rpx;
-					height: 32rpx;
-					margin: 7rpx 6rpx 0 0;
-				}
-			}
-		}
-		.idcardBottom {
-			height: 45rpx;
-			transition: .5s;
-			border-bottom: 100rpx solid transparent;
-			&.active {
-				height: auto;
-			}
-		}
-		.idcardAdd-block {
-			margin-bottom: $margin + 10;
-			position: relative;
-			.idcardAdd-block-name {
-				margin-bottom: $margin;
-				display: flex;
-				.idcardAdd-block-see {
-					color: $text-color;
-					font-weight: 600;
-					margin-right: $margin;
-					text {
-						color: $mian-color;
-						padding-right: 10rpx;
-					}
-				}
-			}
-			.idcardAdd-block-write {
-				background-color: #F6F6F6;
-				height: 90rpx;
-				line-height: 90rpx;
-				border-radius: $radius-sm;
-				padding: 0 $padding;
-				box-sizing: border-box;
-				position: relative;
-				display: flex;
-				width: 100%;
-				picker {
-					position: absolute;
-					left: 0;
-					top: 0;
-					width: 100%;
-					height: 100%;
-					padding: 0 $padding;
-					box-sizing: border-box;
-				}
-				.idcardAdd-input {
-					width: 100%;
-					height: 100%;
-					display: flex;
-				}
-				.placeholderClass {
-				   color: #999999;
-				}
-				image {
-					width: 24rpx;
-					height: 24rpx;
-					position: absolute;
-					top: $margin;
-					right: $margin;
-				}
-			}
-			&:last-child {
-				margin-bottom: 0;
-			}
-			
-			.idcardAdd-block-remove {
-				background-color: #FBE7EE;
-				display: inline-block;
-				color: $mian-color;
-				position: absolute;
-				font-size: $title-size-sm;
-				padding: 0 $padding - 10;
-				line-height: 44rpx;
-				border-radius: 50rpx;
-				top: 0;
-				right: 0;
-				image {
-					width: 24rpx;
-					height: 24rpx;
-					margin-right: 10rpx;
-					vertical-align: -2rpx;
-				}
-			}
-		}
-		.open {
-			text-align: center;
-			position: absolute;
-			width: 100%;
-			background-color: #ffffff;
-			z-index: 2;
-			left: 0;
-			bottom: 0;
-			padding: $padding 0;
-			.open-text {
-				background-color: #FBE7EE;
-				display: inline-block;
-				color: $mian-color;
-				padding: 0 $padding - 10;
-				line-height: 58rpx;
-				font-size: $title-size-m;
-				border-radius: $radius-sm;
-				image {
-					width: 22rpx;
-					height: 22rpx;
-					margin-right: 10rpx;
-					transition: .2s;
-					&.active {
-						transform:rotate(180deg)
-					}
-				}
-			}
-		}
-		.idcardAdd-aline {
-			display: flex;
-			position: absolute;
-			right: 0;
-			top: 0;
-			.idcardAdd-picker {
-				width: 100%;
-				height: 100%;
-			}
-			image {
-				width: 24rpx;
-				height: 24rpx;
-				position: absolute;
-				top: $margin;
-				right: $margin;
-			}
-		}
-		.idcardAdd-aline-name {
-			flex: 1;
-			text {
-				color: $mian-color;
-				padding-right: 10rpx;
-			}
-		}
-		.idcardAdd-depict {
-			line-height: 28rpx !important;
-			height: auto !important;
-			position: relative;
-			.idcardAdd-depict-number {
-				position: absolute;
-				text-align: right;
-				bottom: $padding;
-				right: $padding;
-				color: #999999;
-				font-size: $title-size-sm;
-			}
-			.idcardAdd-depict-textarea {
-				padding: $padding 0;
-				box-sizing: border-box;
-			}
-		}
-	}
-	
-	.noContent {
-		text-align: center;
-		padding-top: $padding * 5;
-		.noContent-img {
-			width: 43%;
-			margin: 0 auto;
-		}
-		.noContent-name {
-			line-height: 60rpx;
-			color: #999999;
-			font-size: $title-size-lg;
-		}
-		.noContent-btn {
-			display: inline-block;
-			background-color: #ff7331;
-			color: #ffffff;
-			border-radius: $radius * 5;
-			text-align: center;
-			font-size: $title-size-lg;
-			padding: 0 $padding + 10;
-			line-height: 78rpx;
-			margin-top: $margin + 10;
-		}
-	}
-	
-	.reminder {
-		position: fixed;
-		left: 0;
-		bottom: 150rpx;
-		background-color: #ffffff;
-		z-index: 10;
-		width: 100%;
-		box-sizing: border-box;
-		padding: 25rpx $padding;
-		box-sizing: border-box;
-		display: flex;
-		color: #FEA044;
-		font-size: $title-size-lg;
-		border-bottom: 2rpx solid #f5f5f5;
-		.reminder-img {
-			width: 32rpx;
-			height: 32rpx;
-			margin-top: 8rpx;
-		}
-		.reminder-text {
-			width: calc(100% - 52rpx);
-			font-size: $title-size-m;
-			margin-left: 20rpx;
-			line-height: 42rpx;
-		}
-	}
-	
-	.idcardBtn {
-		position: fixed;
-		left: 0;
-		bottom: 0;
-		background-color: #ffffff;
-		z-index: 9;
-		width: 100%;
-		height: 150rpx;
-		padding: 0 20rpx;
-		box-sizing: border-box;
-		display: flex;
-		.idcardBtn-go {
-			width: calc(50% - 20rpx);
-			margin: $margin 10rpx;
-			background-color: $mian-color;
-			color: #ffffff;
-			border-radius: $radius-lg;
-			height: 90rpx;
-			line-height: 90rpx;
-			font-size: $title-size;
-			text-align: center;
-			border: 2rpx solid #ffffff;
-			&.active {
-				background-color: #ffffff;
-				border-color: $mian-color;
-				color: $mian-color;
-			}
-		}
-	}
-	
-	// 业务类型
-	.addType-back {
-		background-color: rgba(0, 0, 0, .6);
-		position: fixed;
-		width: 100vw;
-		height: 100vh;
-		left: 0;
-		top: 0;
-		z-index: 99;
-	}
-	.addType-cont {
-		position: fixed;
-		left: 0;
-		bottom: 0;
-		z-index: 100;
-		width: 100%;
-		background-color: #ffffff;
-		padding: $padding $padding + 10;
-		box-sizing: border-box;
-		transition: .2s;
-		.addType-close {
-			position: absolute;
-			right: 30rpx;
-			top: 40rpx;
-			width: 38rpx;
-			height: 38rpx;
-		}
-		.addType-title {
-			line-height: 60rpx;
-			margin-bottom: $margin + 10;
-			font-size: $title-size + 2;
-		}
-		.addType-type {
-			padding: $padding;
-			box-sizing: border-box;
-		}
-		.create-type-item {
-			border-radius: $radius-m;
-			padding: $padding;
-			box-sizing: border-box;
-			margin-bottom: 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;
-				}
-			}
-		}
-		.addType-btn {
-			display: flex;
-			padding: $padding + 10 $padding - 10 10rpx;
-			box-sizing: border-box;
-			.addType-labor {
-				flex: 2;
-				margin: 0 $margin - 10;
-				text-align: center;
-				background-color: #FEA044;
-				color: #ffffff;
-				border-radius: $radius-m;
-				line-height: 74rpx;
-				font-size: $title-size-lg;
-				border: 2rpx solid #FEA044;
-				&:first-child {
-					background-color: #ffffff;
-					color: #FEA044;
-				}
-			}
-		}
-	}
-	
-	// 收起定位样式
-	.locationActive {
-		display: inline-block;
-		text {
-			display: inline-block;
-			background-color: #FFF7EB;
-			color: #FBAF3B !important;
-			font-weight: normal;
-			font-size: $title-size-sm;
-			margin-left: $margin - 10;
-			border-radius: $radius*3;
-			padding: 0 $padding - 10 !important;
-			height: 48rpx;
-			line-height: 48rpx;
-		}
+<style lang="scss" scoped>
+	.idcardBorder {
+		border-bottom: 200rpx solid transparent;
+		background-color: #ffffff;
+		border-radius: $radius * 2 $radius * 2 0 0;
+		position: relative;
+		padding: $padding;
+		box-sizing: border-box;
+		top: -100rpx;
+	}
+	.idcard {
+		margin-bottom: $margin * 2;
+		background-color: $mian-color;
+		color: #ffffff;
+		display: flex;
+		padding: $padding * 2 $padding $padding * 3;
+		.idcardInfo-name {
+			flex: 1;
+		}
+	}
+	.idcardTitle {
+		color: $mian-color;
+		font-size: $title-size + 4;
+		font-weight: 600;
+		margin-bottom: $margin;
+	}
+	.idcardAdd {
+		background-color: #ffffff;
+		box-shadow: 0 0 20rpx rgba(0, 0, 0, .1);
+		border-radius: $radius;
+		padding: $padding;
+		box-sizing: border-box;
+		margin-bottom: $margin;
+		overflow: hidden;
+		position: relative;
+		&:last-child {
+			margin-bottom: 0;
+		}
+		.idcardAdd-title {
+			display: flex;
+			.idcardAdd-name {
+				flex: 1;
+				color: #446EFE;
+				font-weight: 600;
+			}
+			.idcardAdd-tel {
+				display: flex;
+				font-size: $title-size-sm;
+				background-color: #ffeded;
+				color: #FF0000;
+				border-radius: $radius;
+				padding: 0 15rpx 0 10rpx;
+				line-height: 44rpx;
+				.idcardAdd-btn {
+					width: 32rpx;
+					height: 32rpx;
+					margin: 7rpx 6rpx 0 0;
+				}
+			}
+		}
+		.idcardBottom {
+			height: 45rpx;
+			transition: .5s;
+			border-bottom: 100rpx solid transparent;
+			&.active {
+				height: auto;
+			}
+		}
+		.idcardAdd-block {
+			margin-bottom: $margin + 10;
+			position: relative;
+			.idcardAdd-block-name {
+				margin-bottom: $margin;
+				display: flex;
+				.idcardAdd-block-see {
+					color: $text-color;
+					font-weight: 600;
+					margin-right: $margin;
+					text {
+						color: $mian-color;
+						padding-right: 10rpx;
+					}
+				}
+			}
+			.idcardAdd-block-write {
+				background-color: #F6F6F6;
+				height: 90rpx;
+				line-height: 90rpx;
+				border-radius: $radius-sm;
+				padding: 0 $padding;
+				box-sizing: border-box;
+				position: relative;
+				display: flex;
+				width: 100%;
+				picker {
+					position: absolute;
+					left: 0;
+					top: 0;
+					width: 100%;
+					height: 100%;
+					padding: 0 $padding;
+					box-sizing: border-box;
+				}
+				.idcardAdd-input {
+					width: 100%;
+					height: 100%;
+					display: flex;
+				}
+				.placeholderClass {
+				   color: #999999;
+				}
+				image {
+					width: 24rpx;
+					height: 24rpx;
+					position: absolute;
+					top: $margin;
+					right: $margin;
+				}
+			}
+			&:last-child {
+				margin-bottom: 0;
+			}
+			
+			.idcardAdd-block-remove {
+				background-color: #FBE7EE;
+				display: inline-block;
+				color: $mian-color;
+				position: absolute;
+				font-size: $title-size-sm;
+				padding: 0 $padding - 10;
+				line-height: 44rpx;
+				border-radius: 50rpx;
+				top: 0;
+				right: 0;
+				image {
+					width: 24rpx;
+					height: 24rpx;
+					margin-right: 10rpx;
+					vertical-align: -2rpx;
+				}
+			}
+		}
+		.open {
+			text-align: center;
+			position: absolute;
+			width: 100%;
+			background-color: #ffffff;
+			z-index: 2;
+			left: 0;
+			bottom: 0;
+			padding: $padding 0;
+			.open-text {
+				background-color: #FBE7EE;
+				display: inline-block;
+				color: $mian-color;
+				padding: 0 $padding - 10;
+				line-height: 58rpx;
+				font-size: $title-size-m;
+				border-radius: $radius-sm;
+				image {
+					width: 22rpx;
+					height: 22rpx;
+					margin-right: 10rpx;
+					transition: .2s;
+					&.active {
+						transform:rotate(180deg)
+					}
+				}
+			}
+		}
+		.idcardAdd-aline {
+			display: flex;
+			position: absolute;
+			right: 0;
+			top: 0;
+			.idcardAdd-picker {
+				width: 100%;
+				height: 100%;
+			}
+			image {
+				width: 24rpx;
+				height: 24rpx;
+				position: absolute;
+				top: $margin;
+				right: $margin;
+			}
+		}
+		.idcardAdd-aline-name {
+			flex: 1;
+			text {
+				color: $mian-color;
+				padding-right: 10rpx;
+			}
+		}
+		.idcardAdd-depict {
+			line-height: 28rpx !important;
+			height: auto !important;
+			position: relative;
+			.idcardAdd-depict-number {
+				position: absolute;
+				text-align: right;
+				bottom: $padding;
+				right: $padding;
+				color: #999999;
+				font-size: $title-size-sm;
+			}
+			.idcardAdd-depict-textarea {
+				padding: $padding 0;
+				box-sizing: border-box;
+			}
+		}
+	}
+	
+	.noContent {
+		text-align: center;
+		padding-top: $padding * 5;
+		.noContent-img {
+			width: 43%;
+			margin: 0 auto;
+		}
+		.noContent-name {
+			line-height: 60rpx;
+			color: #999999;
+			font-size: $title-size-lg;
+		}
+		.noContent-btn {
+			display: inline-block;
+			background-color: #ff7331;
+			color: #ffffff;
+			border-radius: $radius * 5;
+			text-align: center;
+			font-size: $title-size-lg;
+			padding: 0 $padding + 10;
+			line-height: 78rpx;
+			margin-top: $margin + 10;
+		}
+	}
+	
+	.reminder {
+		position: fixed;
+		left: 0;
+		bottom: 150rpx;
+		background-color: #ffffff;
+		z-index: 10;
+		width: 100%;
+		box-sizing: border-box;
+		padding: 25rpx $padding;
+		box-sizing: border-box;
+		display: flex;
+		color: #FEA044;
+		font-size: $title-size-lg;
+		border-bottom: 2rpx solid #f5f5f5;
+		.reminder-img {
+			width: 32rpx;
+			height: 32rpx;
+			margin-top: 8rpx;
+		}
+		.reminder-text {
+			width: calc(100% - 52rpx);
+			font-size: $title-size-m;
+			margin-left: 20rpx;
+			line-height: 42rpx;
+		}
+	}
+	
+	.idcardBtn {
+		position: fixed;
+		left: 0;
+		bottom: 0;
+		background-color: #ffffff;
+		z-index: 9;
+		width: 100%;
+		height: 150rpx;
+		padding: 0 20rpx;
+		box-sizing: border-box;
+		display: flex;
+		.idcardBtn-go {
+			width: calc(50% - 20rpx);
+			margin: $margin 10rpx;
+			background-color: $mian-color;
+			color: #ffffff;
+			border-radius: $radius-lg;
+			height: 90rpx;
+			line-height: 90rpx;
+			font-size: $title-size;
+			text-align: center;
+			border: 2rpx solid #ffffff;
+			&.active {
+				background-color: #ffffff;
+				border-color: $mian-color;
+				color: $mian-color;
+			}
+		}
+	}
+	
+	// 业务类型
+	.addType-back {
+		background-color: rgba(0, 0, 0, .6);
+		position: fixed;
+		width: 100vw;
+		height: 100vh;
+		left: 0;
+		top: 0;
+		z-index: 99;
+	}
+	.addType-cont {
+		position: fixed;
+		left: 0;
+		bottom: 0;
+		z-index: 100;
+		width: 100%;
+		background-color: #ffffff;
+		padding: $padding $padding + 10;
+		box-sizing: border-box;
+		transition: .2s;
+		.addType-close {
+			position: absolute;
+			right: 30rpx;
+			top: 40rpx;
+			width: 38rpx;
+			height: 38rpx;
+		}
+		.addType-title {
+			line-height: 60rpx;
+			margin-bottom: $margin + 10;
+			font-size: $title-size + 2;
+		}
+		.addType-type {
+			padding: $padding;
+			box-sizing: border-box;
+		}
+		.create-type-item {
+			border-radius: $radius-m;
+			padding: $padding;
+			box-sizing: border-box;
+			margin-bottom: 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;
+				}
+			}
+		}
+		.addType-btn {
+			display: flex;
+			padding: $padding + 10 $padding - 10 10rpx;
+			box-sizing: border-box;
+			.addType-labor {
+				flex: 2;
+				margin: 0 $margin - 10;
+				text-align: center;
+				background-color: #FEA044;
+				color: #ffffff;
+				border-radius: $radius-m;
+				line-height: 74rpx;
+				font-size: $title-size-lg;
+				border: 2rpx solid #FEA044;
+				&:first-child {
+					background-color: #ffffff;
+					color: #FEA044;
+				}
+			}
+		}
+	}
+	
+	// 收起定位样式
+	.locationActive {
+		display: inline-block;
+		text {
+			display: inline-block;
+			background-color: #FFF7EB;
+			color: #FBAF3B !important;
+			font-weight: normal;
+			font-size: $title-size-sm;
+			margin-left: $margin - 10;
+			border-radius: $radius*3;
+			padding: 0 $padding - 10 !important;
+			height: 48rpx;
+			line-height: 48rpx;
+		}
 	}
 </style>
\ No newline at end of file
diff --git a/pages/user/index.vue b/pages/user/index.vue
index 5512263..e547316 100644
--- a/pages/user/index.vue
+++ b/pages/user/index.vue
@@ -1,529 +1,529 @@
-<template>
-	<view class="content">
-		<!-- 临时 style="padding-top: 22%;" -->
-		<view class="userTop" :class="{active : !userLogin}">
-			<img class="userTop-back" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/06/04e656417170e100efdd3443b0b8a6c8.png">
-			<view class="userTop-cont">
-				<view class="userTop-height" v-if="userLogin">
-					<view class="userTop-head">
-						<image :src="userData.avatar ? userData.avatar : 'https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/06/5641d82e94651198a0a2236f368ff9ba.png'" mode="aspectFill"></image>
-					</view>
-					<view class="userTop-text">
-						<view class="userTop-name">
-							{{userData.nickname}} <image v-if="userData.certification" class="userTop-icon" src="@/static/imgs/user_attestation.png"></image>
-						</view>
-						<view class="userTop-identity-tips">
-							普通用户 <image class="userTop-arrow" src="@/static/imgs/use_arrow.png"></image>
-						</view>
-					</view>
-				</view>
-				<view class="userTop-height" v-else @click="$Router.push({name: 'Login'})">
-				    <view class="userTop-head">
-				    	<image src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/06/5641d82e94651198a0a2236f368ff9ba.png" mode="aspectFill"></image>
-				    </view>
-				    <view class="userTop-text">
-				        <view class="userTop-login">
-				            请先登录
-				        </view>
-				    </view>
-				</view>
-				<!-- 临时 style="display: none;" -->
-				<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">
-								新订单
-							</view>
-						</block>
-						<img class="userSee-icon" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/06/2823f7c9ed144df424ca8ee6c47b0ff6.png">
-					</view>
-					
-					<view class="userTop-label" @click="$Router.push({name: 'synthesisOrder', params: {type: 'legal'}})">
-						<view class="userSee-name">
-							法律咨询类
-						</view>
-						<view class="userSee-number" v-if="userData.business_orders_count">
-							{{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>
-		
-		<!-- 临时 style="display: none;" -->
-		<view class="board" v-if="userLogin">
-			<view class="board-title">
-				数据看板
-			</view>
-			<view class="board-item" v-if="userData.business_orders_count">
-				<view class="board-lable" :class="{active : userData.business_orders_count.confirm_count}" @click="$Router.push({name: 'OrderModify'})">
-					<img class="board-icon" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/06/935384ea494f72085a705087f871e047.png">
-					<view class="board-name">待确认方案</view>
-					<view class="board-number">{{userData.business_orders_count.confirm_count}}</view>
-				</view>
-				<view class="board-lable" :class="{active : userData.business_orders_count.modify_count}" @click="$Router.push({name: 'OrderAffirm'})">
-					<img class="board-icon" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/06/548b870435f7396bdeb67fc08535420b.png">
-					<view class="board-name active">修改订单资料</view>
-					<view class="board-number active">{{userData.business_orders_count.modify_count}}</view>
-				</view>
-				<view class="board-lable" :class="{active : userData.business_orders_count.diff_count}" @click="$Router.push({name: 'OrderMake'})">
-					<img class="board-icon" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/06/e0b00a53e089c46678b32f94b02b3ec0.png">
-					<view class="board-name">补交服务费</view>
-					<view class="board-number">{{userData.business_orders_count.diff_count}}</view>
-				</view>
-			</view>
-		</view>
-		<view class="tool">
-			<view class="tool-title">
-				其他工具
-			</view>
-			<view class="tool-item">
-				<view class="tool-lable" @click="$Router.push({name: 'indexCollect'})">
-					<img class="tool-icon" src="@/static/imgs/userTool_01.png">
-					<view class="tool-name">我的收藏</view>
-				</view>
-				 <!-- style="display: none;" -->
-				<view class="tool-lable" @click="$Router.push({name: 'Manage'})">
-					<img class="tool-icon" src="@/static/imgs/userTool_03.png">
-					<view class="tool-name">信息管理</view>
-				</view>
-				<view class="tool-lable" @click="$Router.push({name: 'Coupon'})">
-					<img class="tool-icon" src="@/static/imgs/userTool_02.png">
-					<view class="tool-name">优惠券</view>
-				</view>
-				<view class="tool-lable" @click="$Router.push({name: 'Setup'})">
-					<img class="tool-icon" src="@/static/imgs/userTool_04.png">
-					<view class="tool-name">其他功能</view>
-				</view>
-				<!-- <view class="tool-lable" @click="$Router.push({name: 'Modify'})">
-					<img class="tool-icon" src="@/static/imgs/userTool_03.png">
-					<view class="tool-name">修改密码</view>
-				</view>
-				<view class="tool-lable" @click="$Router.push({name: 'Modify'})">
-					<img class="tool-icon" src="@/static/imgs/userTool_05.png">
-					<view class="tool-name">基本信息</view>
-				</view>
-				<view class="tool-lable" @click="outLogin" v-if="userLogin">
-					<img class="tool-icon" src="@/static/imgs/userTool_04.png">
-					<view class="tool-name">退出登录</view>
-				</view> -->
-			</view>
-		</view>
-		<view class="tool" v-if="listArr.length > 0">
-			<view class="tool-title">
-				常识推荐
-			</view>
-			<view class="list-item" >
-				<view class="list-item-label" v-for="(item, index) in listArr" :key="index" @click="$Router.push({name: 'indexDetails', params: {id: item.article_id}})" v-if="index<4">
-					<view class="list-item-img">
-						<!-- 5:6 -->
-						<image :src="item.cover" mode="widthFix"></image>
-					</view>
-					<view class="list-item-cont">
-						<view class="nowrap list-item-name">
-							{{item.title}}
-						</view>
-						<view class="list-item-see">
-							<image class="list-item-icon" src="@/static/imgs/indexSee.png"></image>{{item .clicks}} 游览
-						</view>
-						<view class="list-item-tips" v-for="(items, itemsIndex) in item.categories" :key="itemsIndex">
-							{{items.title}}
-						</view>
-					</view>
-				</view>
-			</view>
-		</view>
+<template>
+	<view class="content">
+		<!-- 临时 style="padding-top: 22%;" -->
+		<view class="userTop" :class="{active : !userLogin}">
+			<img class="userTop-back" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/06/04e656417170e100efdd3443b0b8a6c8.png">
+			<view class="userTop-cont">
+				<view class="userTop-height" v-if="userLogin">
+					<view class="userTop-head">
+						<image :src="userData.avatar ? userData.avatar : 'https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/06/5641d82e94651198a0a2236f368ff9ba.png'" mode="aspectFill"></image>
+					</view>
+					<view class="userTop-text">
+						<view class="userTop-name">
+							{{userData.nickname}} <image v-if="userData.certification" class="userTop-icon" src="@/static/imgs/user_attestation.png"></image>
+						</view>
+						<view class="userTop-identity-tips">
+							普通用户 <image class="userTop-arrow" src="@/static/imgs/use_arrow.png"></image>
+						</view>
+					</view>
+				</view>
+				<view class="userTop-height" v-else @click="$Router.push({name: 'Login'})">
+				    <view class="userTop-head">
+				    	<image src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/06/5641d82e94651198a0a2236f368ff9ba.png" mode="aspectFill"></image>
+				    </view>
+				    <view class="userTop-text">
+				        <view class="userTop-login">
+				            请先登录
+				        </view>
+				    </view>
+				</view>
+				<!-- 临时 style="display: none;" -->
+				<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 ? userData.business_orders_count.all : '0'}}<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">
+								新订单
+							</view>
+						</block>
+						<img class="userSee-icon" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/06/2823f7c9ed144df424ca8ee6c47b0ff6.png">
+					</view>
+					
+					<view class="userTop-label" @click="$Router.push({name: 'synthesisOrder', params: {type: 'legal'}})">
+						<view class="userSee-name">
+							法律咨询类
+						</view>
+						<view class="userSee-number" v-if="userData.business_orders_count">
+							{{synthesisAll.legal_consulting ? synthesisAll.legal_consulting : '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/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 ? synthesisAll.lawsuit : '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/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>
+		
+		<!-- 临时 style="display: none;" -->
+		<view class="board" v-if="userLogin">
+			<view class="board-title">
+				数据看板
+			</view>
+			<view class="board-item" v-if="userData.business_orders_count">
+				<view class="board-lable" :class="{active : userData.business_orders_count.confirm_count}" @click="$Router.push({name: 'OrderModify'})">
+					<img class="board-icon" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/06/935384ea494f72085a705087f871e047.png">
+					<view class="board-name">待确认方案</view>
+					<view class="board-number">{{userData.business_orders_count.confirm_count}}</view>
+				</view>
+				<view class="board-lable" :class="{active : userData.business_orders_count.modify_count}" @click="$Router.push({name: 'OrderAffirm'})">
+					<img class="board-icon" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/06/548b870435f7396bdeb67fc08535420b.png">
+					<view class="board-name active">修改订单资料</view>
+					<view class="board-number active">{{userData.business_orders_count.modify_count}}</view>
+				</view>
+				<view class="board-lable" :class="{active : userData.business_orders_count.diff_count}" @click="$Router.push({name: 'OrderMake'})">
+					<img class="board-icon" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/06/e0b00a53e089c46678b32f94b02b3ec0.png">
+					<view class="board-name">补交服务费</view>
+					<view class="board-number">{{userData.business_orders_count.diff_count}}</view>
+				</view>
+			</view>
+		</view>
+		<view class="tool">
+			<view class="tool-title">
+				其他工具
+			</view>
+			<view class="tool-item">
+				<view class="tool-lable" @click="$Router.push({name: 'indexCollect'})">
+					<img class="tool-icon" src="@/static/imgs/userTool_01.png">
+					<view class="tool-name">我的收藏</view>
+				</view>
+				 <!-- style="display: none;" -->
+				<view class="tool-lable" @click="$Router.push({name: 'Manage'})">
+					<img class="tool-icon" src="@/static/imgs/userTool_03.png">
+					<view class="tool-name">信息管理</view>
+				</view>
+				<view class="tool-lable" @click="$Router.push({name: 'Coupon'})">
+					<img class="tool-icon" src="@/static/imgs/userTool_02.png">
+					<view class="tool-name">优惠券</view>
+				</view>
+				<view class="tool-lable" @click="$Router.push({name: 'Setup'})">
+					<img class="tool-icon" src="@/static/imgs/userTool_04.png">
+					<view class="tool-name">其他功能</view>
+				</view>
+				<!-- <view class="tool-lable" @click="$Router.push({name: 'Modify'})">
+					<img class="tool-icon" src="@/static/imgs/userTool_03.png">
+					<view class="tool-name">修改密码</view>
+				</view>
+				<view class="tool-lable" @click="$Router.push({name: 'Modify'})">
+					<img class="tool-icon" src="@/static/imgs/userTool_05.png">
+					<view class="tool-name">基本信息</view>
+				</view>
+				<view class="tool-lable" @click="outLogin" v-if="userLogin">
+					<img class="tool-icon" src="@/static/imgs/userTool_04.png">
+					<view class="tool-name">退出登录</view>
+				</view> -->
+			</view>
+		</view>
+		<view class="tool" v-if="listArr.length > 0">
+			<view class="tool-title">
+				常识推荐
+			</view>
+			<view class="list-item" >
+				<view class="list-item-label" v-for="(item, index) in listArr" :key="index" @click="$Router.push({name: 'indexDetails', params: {id: item.article_id}})" v-if="index<4">
+					<view class="list-item-img">
+						<!-- 5:6 -->
+						<image :src="item.cover" mode="widthFix"></image>
+					</view>
+					<view class="list-item-cont">
+						<view class="nowrap list-item-name">
+							{{item.title}}
+						</view>
+						<view class="list-item-see">
+							<image class="list-item-icon" src="@/static/imgs/indexSee.png"></image>{{item .clicks}} 游览
+						</view>
+						<view class="list-item-tips" v-for="(items, itemsIndex) in item.categories" :key="itemsIndex">
+							{{items.title}}
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
 	</view>
 </template>
 
-<script>
-	import { articleList } from '@/apis/interfaces/index'
-	import { userIndex } from '@/apis/interfaces/user'
-	import { synthesisCount } from '@/apis/interfaces/synthesis'
-	export default {
-		data() {
-			return {
-	            userLogin    : '',     //登录状态
-				userData	 : {},     //用户数据
-				synthesisAll : '',     // 综法数量
-				listArr	     : [],     // 文章列表
-				page         : {},     // 分页信息
-				lodingStats  : false,  // 加载状态
-			};
-		},
-		
-		onShow() {
-		    if(this.$store.getters.getToken) {
-		        this.userLogin = true
-				
-				// 获取用户信息
-				this.userInfo();
-				
-				// 获取综法订单数据数量
-				this.synthesisInfo();
-		    }
-			
-			// 获取文章列表
-			this.articleItem();
-		},
-		
-		methods:{
-			// 用户信息
-			userInfo() {
-			    userIndex().then(res => {
-					this.userData = res
-			    }).catch(err => {
-					uni.showToast({
-						title: err.message,
-						icon: "none"
-					})
-				})
-			},
-			
-			// 综法订单数据数量
-			synthesisInfo() {
-			    synthesisCount({channel: 'self'}).then(res => {
-					this.synthesisAll = res
-			    }).catch(err => {
-					uni.showToast({
-						title: err.message,
-						icon: "none"
-					})
-				})
-			},
-			
-			// 文章列表
-			articleItem(page) {
-			    articleList({
-					category_id: 1,
-					page       : page || 1
-				}).then(res => {
-					let list = this.listArr,
-					    newData = []
-					    if(page == 1 || page == undefined) list = []
-					    newData = list.concat(res.data)
-					this.listArr     = newData
-					this.page        = res.page
-					this.lodingStats = false
-					uni.stopPullDownRefresh()
-			    }).catch(err => {
-					uni.showToast({
-						title: err.message,
-						icon: "none"
-					})
-				})
-			},
-		}
+<script>
+	import { articleList } from '@/apis/interfaces/index'
+	import { userIndex } from '@/apis/interfaces/user'
+	import { synthesisCount } from '@/apis/interfaces/synthesis'
+	export default {
+		data() {
+			return {
+	            userLogin    : '',     //登录状态
+				userData	 : {},     //用户数据
+				synthesisAll : '',     // 综法数量
+				listArr	     : [],     // 文章列表
+				page         : {},     // 分页信息
+				lodingStats  : false,  // 加载状态
+			};
+		},
+		
+		onShow() {
+		    if(this.$store.getters.getToken) {
+		        this.userLogin = true
+				
+				// 获取用户信息
+				this.userInfo();
+				
+				// 获取综法订单数据数量
+				this.synthesisInfo();
+		    }
+			
+			// 获取文章列表
+			this.articleItem();
+		},
+		
+		methods:{
+			// 用户信息
+			userInfo() {
+			    userIndex().then(res => {
+					this.userData = res
+			    }).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon: "none"
+					})
+				})
+			},
+			
+			// 综法订单数据数量
+			synthesisInfo() {
+			    synthesisCount({channel: 'self'}).then(res => {
+					this.synthesisAll = res
+			    }).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon: "none"
+					})
+				})
+			},
+			
+			// 文章列表
+			articleItem(page) {
+			    articleList({
+					category_id: 1,
+					page       : page || 1
+				}).then(res => {
+					let list = this.listArr,
+					    newData = []
+					    if(page == 1 || page == undefined) list = []
+					    newData = list.concat(res.data)
+					this.listArr     = newData
+					this.page        = res.page
+					this.lodingStats = false
+					uni.stopPullDownRefresh()
+			    }).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon: "none"
+					})
+				})
+			},
+		}
 	}
-</script>
+</script>
 
-<style lang="scss" scoped>
-	.userTop {
-		position: relative;
-		width: 100%;
-		height: 620rpx;
-		&.active {
-			padding-top: 22%;
-		}
-		.userTop-back,
-		.userTop-cont {
-			position: absolute;
-			left: 0;
-			top: 0;
-			width: 100%;
-			height: 100%;
-		}
-		.userTop-cont {
-			z-index: 2;
-			padding: $padding;
-			box-sizing: border-box;
-			.userTop-height {
-				height: 110rpx;
-				.userTop-head {
-					width: 110rpx;
-					height: 110rpx;
-					float: left;
-					border-radius: 50%;
-					overflow: hidden;
-					background-color: #fdeff0;
-					padding: 10rpx;
-					box-sizing: border-box;
-					image {
-						width: 100%;
-						height: 100%;
-						border-radius: 50%;
-					}
-				}
-				.userTop-text {
-					width: calc(100% - 150rpx);
-					float: left;
-					margin-left: 30rpx;
-					padding-top: $padding - 20;
-					box-sizing: border-box;
-					.userTop-login {
-						line-height: 90rpx;
-						font-weight: 600;
-					}
-					.userTop-name {
-						display: flex;
-						font-weight: 600;
-						margin-bottom: 8rpx;
-						.userTop-icon {
-							width: 38rpx;
-							height: 38rpx;
-							margin: 3rpx 0 0 10rpx;
-						}
-					}
-					.userTop-identity-tips {
-						font-size: $title-size-sm - 4;
-						display: inline-block;
-						box-sizing: border-box;
-						background-color: #fbe0e2;
-						border-radius: $radius-m;
-						padding: 0 10rpx;
-						line-height: 34rpx;
-						color: $mian-color;
-						.userTop-arrow {
-							width: 26rpx;
-							height: 26rpx;
-							vertical-align: -6rpx;
-							margin-left: 4rpx;
-						}
-					}
-				}
-			}
-			.userTop-see {
-				margin: $margin -15rpx;
-				flex-wrap: wrap;
-				justify-content: flex-start;
-				.userTop-label {
-					display: inline-block;
-					background-color: #ffffff;
-					border-radius: $radius-lg;
-					margin: 10rpx;
-					width: calc(50% - 20rpx);
-					padding: $padding - 10 $padding - 10 $padding - 5;
-					box-sizing: border-box;
-					position: relative;
-					overflow: hidden;
-					.userSee-tips {
-						font-size: $title-size-sm - 4;
-						background-color: #fff6ea;
-						color: $yellow-color;
-						display: inline-block;
-						padding: 0 15rpx;
-						line-height: 40rpx;
-						border-radius: $radius-m - 4;
-					}
-					.userSee-number {
-						margin: 10rpx 0;
-						font-weight: 600;
-						text {
-							font-weight: normal;
-							font-size: $title-size-sm - 4;
-							padding-left: 5rpx;
-						}
-					}
-					&:nth-child(2) .userSee-tips, &:nth-child(3) .userSee-tips{
-						background-color: #fff2f2;
-						color: $mian-color;
-					}
-					.userSee-icon {
-						width: 110rpx;
-						height: 110rpx;
-						position: absolute;
-						right: -20rpx;
-						bottom: -10rpx;
-					}
-					.userSee-new {
-						position: absolute;
-						top: -2rpx;
-						right: 20rpx;
-						font-size: $title-size-sm - 4;
-						transform: scale(.9);
-						background-color: $mian-color;
-						color: #ffffff;
-						padding: 0 10rpx;
-						line-height: 36rpx;
-					}
-				}
-			}
-		}
-	}
-	
-	// 看板
-	.board {
-		padding: $padding $padding $padding - 15;
-		box-sizing: border-box;
-		.board-title {
-			font-weight: 600;
-			margin-bottom: 20rpx;
-		}
-		.board-item {
-			display: flex;
-			margin: 0 -15rpx;
-			.board-lable {
-				width: calc(33.33% - 30rpx);
-				box-shadow: 0 0 8rpx rgba(0, 0, 0, .05);
-				padding: $padding - 10 $padding - 5 $padding + 10;
-				box-sizing: border-box;
-				overflow: hidden;
-				border-radius: $radius-sm;
-				position: relative;
-				color: #969696;
-				margin: 0 15rpx;
-				&::after {
-					position: absolute;
-					content: '';
-					right: 15rpx;
-					top: 15rpx;
-					width: 12rpx;
-					height: 12rpx;
-					border-radius: 50%;
-					background-color: transparent;
-				}
-				&.active::after {
-					background-color: $mian-color;
-				}
-				.board-name {
-					margin-bottom: 20rpx;
-					font-size: $title-size-sm;
-					&.active {
-						color: #000000;
-					}
-				}
-				.board-number {
-					font-weight: 600;
-					color: #000000;
-					font-size: $title-size + 4;
-					&.active {
-						color: $mian-color;
-					}
-				}
-				.board-icon {
-					width: 74rpx;
-					height: 74rpx;
-					position: absolute;
-					bottom: 0;
-					right: 0;
-				}
-			}
-		}
-		
-	}
-	
-	// 工具
-	.tool {
-		padding: $padding $padding $padding - 15;
-		box-sizing: border-box;
-		.tool-title {
-			font-weight: 600;
-			margin-bottom: 20rpx;
-			color: $text-color;
-		}
-		.tool-item {
-			padding: $padding 0;
-			border-radius: $radius-sm;
-			display: flex;
-			.tool-lable {
-				flex: 4;
-				text-align: center;
-				font-size: 24rpx;
-				.tool-icon {
-					width: 56rpx;
-					height: 56rpx;
-					margin-bottom: 5rpx;
-				}
-			}
-		}
-	}
-	
-	// 常识推荐
-	.list-item {
-		margin-top: $margin;
-		.list-item-label {
-			margin-bottom: $margin;
-			position: relative;
-			.list-item-img {
-				width: 200rpx;
-				height: 150rpx;
-				border:1px solid #d2d2d2;
-				border-radius: $radius - 10;
-				overflow: hidden;
-				box-sizing: border-box;
-				image {
-					width: 100%;
-					vertical-align:middle; 
-				}
-			}
-			.list-item-cont {
-				position: absolute;
-				left: 0;
-				top: 0;
-				width: 100%;
-				padding-left: 220rpx;
-				box-sizing: border-box;
-				box-sizing: border-box;
-				.list-item-name {
-					color: $text-color;
-					line-height: 44rpx;
-					font-size: $title-size-m;
-				}
-				.list-item-see {
-					font-size: $title-size-sm - 4;
-					margin-top: 30rpx;
-					display: flex;
-					line-height: 30rpx;
-					.list-item-icon {
-						width: 30rpx;
-						height: 30rpx;
-						margin-right: 10rpx;
-					}
-				}
-				.list-item-tips {
-					font-size: $title-size-sm - 4;
-					display: inline-block;
-					color: #a1a1a1;
-					padding-left: 40rpx;
-				}
-			}
-		}
+<style lang="scss" scoped>
+	.userTop {
+		position: relative;
+		width: 100%;
+		height: 620rpx;
+		&.active {
+			padding-top: 22%;
+		}
+		.userTop-back,
+		.userTop-cont {
+			position: absolute;
+			left: 0;
+			top: 0;
+			width: 100%;
+			height: 100%;
+		}
+		.userTop-cont {
+			z-index: 2;
+			padding: $padding;
+			box-sizing: border-box;
+			.userTop-height {
+				height: 110rpx;
+				.userTop-head {
+					width: 110rpx;
+					height: 110rpx;
+					float: left;
+					border-radius: 50%;
+					overflow: hidden;
+					background-color: #fdeff0;
+					padding: 10rpx;
+					box-sizing: border-box;
+					image {
+						width: 100%;
+						height: 100%;
+						border-radius: 50%;
+					}
+				}
+				.userTop-text {
+					width: calc(100% - 150rpx);
+					float: left;
+					margin-left: 30rpx;
+					padding-top: $padding - 20;
+					box-sizing: border-box;
+					.userTop-login {
+						line-height: 90rpx;
+						font-weight: 600;
+					}
+					.userTop-name {
+						display: flex;
+						font-weight: 600;
+						margin-bottom: 8rpx;
+						.userTop-icon {
+							width: 38rpx;
+							height: 38rpx;
+							margin: 3rpx 0 0 10rpx;
+						}
+					}
+					.userTop-identity-tips {
+						font-size: $title-size-sm - 4;
+						display: inline-block;
+						box-sizing: border-box;
+						background-color: #fbe0e2;
+						border-radius: $radius-m;
+						padding: 0 10rpx;
+						line-height: 34rpx;
+						color: $mian-color;
+						.userTop-arrow {
+							width: 26rpx;
+							height: 26rpx;
+							vertical-align: -6rpx;
+							margin-left: 4rpx;
+						}
+					}
+				}
+			}
+			.userTop-see {
+				margin: $margin -15rpx;
+				flex-wrap: wrap;
+				justify-content: flex-start;
+				.userTop-label {
+					display: inline-block;
+					background-color: #ffffff;
+					border-radius: $radius-lg;
+					margin: 10rpx;
+					width: calc(50% - 20rpx);
+					padding: $padding - 10 $padding - 10 $padding - 5;
+					box-sizing: border-box;
+					position: relative;
+					overflow: hidden;
+					.userSee-tips {
+						font-size: $title-size-sm - 4;
+						background-color: #fff6ea;
+						color: $yellow-color;
+						display: inline-block;
+						padding: 0 15rpx;
+						line-height: 40rpx;
+						border-radius: $radius-m - 4;
+					}
+					.userSee-number {
+						margin: 10rpx 0;
+						font-weight: 600;
+						text {
+							font-weight: normal;
+							font-size: $title-size-sm - 4;
+							padding-left: 5rpx;
+						}
+					}
+					&:nth-child(2) .userSee-tips, &:nth-child(3) .userSee-tips{
+						background-color: #fff2f2;
+						color: $mian-color;
+					}
+					.userSee-icon {
+						width: 110rpx;
+						height: 110rpx;
+						position: absolute;
+						right: -20rpx;
+						bottom: -10rpx;
+					}
+					.userSee-new {
+						position: absolute;
+						top: -2rpx;
+						right: 20rpx;
+						font-size: $title-size-sm - 4;
+						transform: scale(.9);
+						background-color: $mian-color;
+						color: #ffffff;
+						padding: 0 10rpx;
+						line-height: 36rpx;
+					}
+				}
+			}
+		}
+	}
+	
+	// 看板
+	.board {
+		padding: $padding $padding $padding - 15;
+		box-sizing: border-box;
+		.board-title {
+			font-weight: 600;
+			margin-bottom: 20rpx;
+		}
+		.board-item {
+			display: flex;
+			margin: 0 -15rpx;
+			.board-lable {
+				width: calc(33.33% - 30rpx);
+				box-shadow: 0 0 8rpx rgba(0, 0, 0, .05);
+				padding: $padding - 10 $padding - 5 $padding + 10;
+				box-sizing: border-box;
+				overflow: hidden;
+				border-radius: $radius-sm;
+				position: relative;
+				color: #969696;
+				margin: 0 15rpx;
+				&::after {
+					position: absolute;
+					content: '';
+					right: 15rpx;
+					top: 15rpx;
+					width: 12rpx;
+					height: 12rpx;
+					border-radius: 50%;
+					background-color: transparent;
+				}
+				&.active::after {
+					background-color: $mian-color;
+				}
+				.board-name {
+					margin-bottom: 20rpx;
+					font-size: $title-size-sm;
+					&.active {
+						color: #000000;
+					}
+				}
+				.board-number {
+					font-weight: 600;
+					color: #000000;
+					font-size: $title-size + 4;
+					&.active {
+						color: $mian-color;
+					}
+				}
+				.board-icon {
+					width: 74rpx;
+					height: 74rpx;
+					position: absolute;
+					bottom: 0;
+					right: 0;
+				}
+			}
+		}
+		
+	}
+	
+	// 工具
+	.tool {
+		padding: $padding $padding $padding - 15;
+		box-sizing: border-box;
+		.tool-title {
+			font-weight: 600;
+			margin-bottom: 20rpx;
+			color: $text-color;
+		}
+		.tool-item {
+			padding: $padding 0;
+			border-radius: $radius-sm;
+			display: flex;
+			.tool-lable {
+				flex: 4;
+				text-align: center;
+				font-size: 24rpx;
+				.tool-icon {
+					width: 56rpx;
+					height: 56rpx;
+					margin-bottom: 5rpx;
+				}
+			}
+		}
+	}
+	
+	// 常识推荐
+	.list-item {
+		margin-top: $margin;
+		.list-item-label {
+			margin-bottom: $margin;
+			position: relative;
+			.list-item-img {
+				width: 200rpx;
+				height: 150rpx;
+				border:1px solid #d2d2d2;
+				border-radius: $radius - 10;
+				overflow: hidden;
+				box-sizing: border-box;
+				image {
+					width: 100%;
+					vertical-align:middle; 
+				}
+			}
+			.list-item-cont {
+				position: absolute;
+				left: 0;
+				top: 0;
+				width: 100%;
+				padding-left: 220rpx;
+				box-sizing: border-box;
+				box-sizing: border-box;
+				.list-item-name {
+					color: $text-color;
+					line-height: 44rpx;
+					font-size: $title-size-m;
+				}
+				.list-item-see {
+					font-size: $title-size-sm - 4;
+					margin-top: 30rpx;
+					display: flex;
+					line-height: 30rpx;
+					.list-item-icon {
+						width: 30rpx;
+						height: 30rpx;
+						margin-right: 10rpx;
+					}
+				}
+				.list-item-tips {
+					font-size: $title-size-sm - 4;
+					display: inline-block;
+					color: #a1a1a1;
+					padding-left: 40rpx;
+				}
+			}
+		}
 	}
 </style>
\ No newline at end of file
diff --git a/router/index.js b/router/index.js
index 8ae8a2c..ebd78bf 100644
--- a/router/index.js
+++ b/router/index.js
@@ -1,4 +1,4 @@
-
+
 /**
  * 手太欠
  * 愿这世界都如故事里一样 美好而动人~
@@ -22,16 +22,16 @@ const router = createRouter({
 })
 
 // 全局路由前置守卫
-router.beforeEach((to, from, next) => {
+router.beforeEach((to, from, next) => {
 	const token  = store.getters.getToken || uni.getStorageSync('token')
-	const openId = store.getters.getOpenId ||  uni.getStorageSync('openId')
-	if(to.name === 'appESign'){
-		next()
-		return
+	const openId = store.getters.getOpenId ||  uni.getStorageSync('openId')
+	if(to.name === 'appESign'){
+		next()
+		return
 	}
 	// 检查用户是否授权了微信
 	if(to.name != 'webWechatIndex' && openId === ''){
-		authFollow({
+		authFollow({
 			// url: 'https://web.douhuotest.douhuofalv.com/webWechat/index'
 			url: 'https://web.douhuofalv.com/webWechat/index'
 		}).then(res => {
@@ -43,7 +43,7 @@ router.beforeEach((to, from, next) => {
 			})
 		})
 		return
-	}
+	}
 	
 	// 检查是否需要登录
 	if(to.auth && token === ''){
@@ -60,7 +60,7 @@ router.beforeEach((to, from, next) => {
 })
 
 // 全局路由后置守卫
-router.afterEach((to, from) => {
+router.afterEach((to, from) => {
     // console.log('跳转结束--暂无应用场景')
 })