From eab46f3108682c5f3837f7e8bc2947cc49804037 Mon Sep 17 00:00:00 2001
From: zhangdongxue <zhangdongxue@uz.cn>
Date: Mon, 4 Sep 2023 11:46:41 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=94=B9=E4=B8=8E=E7=BA=BF=E4=B8=8A?=
 =?UTF-8?q?=E4=B8=80=E8=87=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .DS_Store               |  Bin 0 -> 10244 bytes
 manifest.json           |    4 +-
 pages/index/index.vue   | 1198 +++++++++++++++++++-------------------
 pages/work/generate.vue |    2 +-
 pages/work/index.vue    | 1220 +++++++++++++++++++++------------------
 5 files changed, 1274 insertions(+), 1150 deletions(-)
 create mode 100644 .DS_Store

diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..77d9ba4f098ce40e7c30ca5924ea683de66b885e
GIT binary patch
literal 10244
zcmeHN&ubGw6n>k=khVGW=0#x-9<-uZ5qj~kmIys4f)xZo`y&adw#n8eq4gl9Jt>H&
zHxWeqfqD}JK?Ey;ClN%^n+MPS310l(%w+dXvYUDkDL4bOZ#(aM^S*rZBg~{k<W027
zV?;g?<x$y=6!1tW?C083GN$D)tcQ47td32U!rD>~(ls~*oB~b(r+`zyDX>)(z;`y6
z{IIs}=@f7ZI0YgFcz^Iw*#^e8wN+aO9_k1Hn?<uKcpu>xSl`&d*tWLtpm;hIR)>1#
zh~epQwEG4Z7~9rXhm&UxAD+qVnG=eqvZH@r!O07>bx)^&Q=nG?KD%dWKUL{GHLdge
z+V!u}R||{9xy5h}ZTTOS^`F7``y;l$+}FP}FYX4e`3R*U<ejHEY9aR`m8n9@v}$pn
z%<VLs<a71%T8B?!pS3XNwi(vqsW+o6&C(J$Hf(OIC2)&;lFyCxh>!5c9FqK2UT+3n
zL!T0bR738N>QJXn&2A2-csoqQNj{&)j(<1fm4c1AZHBdY(kJGb$JouIR%su&&eA1Y
zr(=^z7|E}G;?B-Jd)0jE=}V4XKb*~LhIwT$W;L5jmbs{QnSb?kl;8MbJ-U5%9`$XL
zqYKoaY1A?;*!gz($Y=Rw-Y4gxyj_?$e;UT-aR6zkfEg01bu^7x!*4CDtBO5myjv&F
z_QOhkZ(hB)H>$@awQo5-e}b31Gl%ap?`>+<RJ)nd;J23TmE1nOi`JNkmu!*|GCvgp
z&Y#1+6GE#d??CqWWt!c7$)UY)w=-|8J|v4YjK!m~&or>&8}@i%dF=p)EZUV%=BJe?
zzwpO%C&{0XH;2BPShr2Amy-4Qmp4Y$=NEpNfAZ;r`14zsm_r)I;<54^X)q7Cj}W6#
zu~^W+727L0e0dph5b<&Zk`Y#Zt^Y9QKph(NSv{0{JPs}?NXhHh#-ollspwdx&CwR$
zp_{DNpyJCrZiyD~#0rwS6)qk+lZ=u)KR$f6{h(gs3H?bO`y(a4!t1xp&lRVDQ@|<U
z6mSYS1-7071DcZ0_y0%JfB)Zl#2q82fK%YFDd1&`Q^g5%XYST}I_A4}A9V(m3**|_
zst`OF!tLrh9)Iw4{BF~xE+@=;U~F4k6^=L+4*QRO4Cwrik~{zNFu3#oe|Y}?4O~%`
A#sB~S

literal 0
HcmV?d00001

diff --git a/manifest.json b/manifest.json
index 1b64891..f050b51 100644
--- a/manifest.json
+++ b/manifest.json
@@ -2,8 +2,8 @@
     "name" : "抖火数字化咨询服务平台",
     "appid" : "__UNI__C305C03",
     "description" : "纵有疾风起，人生不言弃",
-    "versionName" : "1.5.0",
-    "versionCode" : 150,
+    "versionName" : "1.5.2",
+    "versionCode" : 152,
     "transformPx" : false,
     /* 5+App特有相关 */
     "app-plus" : {
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 2f8d92b..0c5e034 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,594 +1,630 @@
 <template>
-	<view class="content">
-		<view class="header">
-			<view class="banner">
-				<u-swiper
-					class="banner-swiper"
-					:list="bannerArr"
-					:indicator="true"
-                    keyName="cover"
-					previousMargin="20"
-					nextMargin="20"
-					circular
-					radius="10"
-					bgColor="#ffffff"
-					height="100%"
-                    @click='swiperClick'
-				/>
-			</view>
-			<view class="notice">
-				<view class="notice-title">
-					<image class="notice-icon" src="@/static/index/index_notice.png" mode="widthFix" /> 公告
-				</view>
-				<u-notice-bar
-					icon=""
-					:text="notice"
-                    url=''
-                    linkType='navigateTo'
-                    fontSize="14"
-					direction="column"
-					bgColor="#fff"
-					color="#111111"
-				/>
-				<view class="notice-more">更多<u-icon class="more-icon" size="20rpx" color="#999" name="arrow-right" /></view>
-			</view>
-		</view>
-		<!-- 自由服务包 -->
-		<view class="free" @click="onView('FreeService')">
-			<image class="free-img" src="@/static/index/index_banner_free.png" mode="widthFix" />
-		</view>
-		<!--  协商调解类 -->
-		<view class="block">
-			<view class="block-title">
-				<view class="title">协商调解咨询类</view>
-			</view>
-            <scroll-view class="the-tabs" scroll-x="true" >
-                <block v-for="(item, index) in theTabs" :key="index">
-                    <view class="the-tabs-item" :class="{'active': item.category_id == theTabId}" @click="onTheTab(item)">{{item.title}}</view>
-                </block>
-                <view class="the-tabs-acitve-block" :style="theTabStyle"></view>
-            </scroll-view>
-			<scroll-view 
-                class="the-flex" 
-                scroll-x="true" 
-                scroll-with-animation="true" 
-                :scroll-into-view='defaultViewId'
-            >
-                    <view class="the-flex-item"
-                        v-for="item in jfList"
-                        :key="item.service_id"
-                        :id='"_tabs"+item.service_id'
-                        @click="sevicesClick(item.service_id)"
-                    >
-						<view class="cover" :style="'background-image: url(' + item.cover + ');'"></view>
-                        <view class="title nowrap">{{item.title}}</view>
-                        <view class="price nowrap"><text>￥</text>{{item.price}}<text class="ding" v-if="item.type">定金</text></view>
-                    </view>
-			</scroll-view>
-		</view>
-		<!-- 法律咨询类 -->
-		<view class="block">
-			<view class="block-title">
-				<view class="title">法律咨询类</view>
-			</view>
-			<scroll-view 
-				class="the-flex"
-				style="padding-top: 0;"
-				scroll-x="true" 
-				scroll-with-animation="true" 
-				:scroll-into-view='defaultViewId'
-			>
-				<block v-for="(item, index) in appMenus.service" :key="index">
-					<view class="the-flex-item"
-						@click="onView(item.page)"
-					>
-						<view class="cover" :style="'background-image: url(' + item.cover + ');'"></view>
-						<view class="title nowrap">{{item.title}}</view>
-						<view class="price nowrap"><text>￥</text>{{item.price}} <text v-if="item.limit != null">/{{item.limit}}</text></view>
-					</view>
-				</block>
-			</scroll-view>
-		</view>
-		<!-- 增收赋能类 -->
-		<view class="block" style="display: none;">
-			<view class="block-title">
-				<view class="title">增收赋能咨询类</view>
-			</view>
-			<scroll-view ßßß
-				class="the-flex"
-				style="padding-top: 0;"
-				scroll-x="true" 
-				scroll-with-animation="true" 
-				:scroll-into-view='defaultViewId'
-				@click="onToast()"
-			>
-			A
-				<view class="the-flex-item">
-					<view class="cover" :style="'background-image: url(' + require('@/static/synthesize/img_07.png') + ');'"></view>
-					<view class="title nowrap">巅峰销售思维</view>
-					<view class="price nowrap"><text>￥</text>2980</view>
-				</view>
-				<view class="the-flex-item">
-					<view class="cover" :style="'background-image: url(' + require('@/static/synthesize/img_08.png') + ');'"></view>
-					<view class="title nowrap">团队系统思维</view>
-					<view class="price nowrap"><text>￥</text>3980</view>
-				</view>
-				<view class="the-flex-item">
-					<view class="cover" :style="'background-image: url(' + require('@/static/synthesize/img_09.png') + ');'"></view>
-					<view class="title nowrap">领袖演说思维</view>
-					<view class="price nowrap"><text>￥</text>4980</view>
-				</view>
-				<view class="the-flex-item">
-					<view class="cover" :style="'background-image: url(' + require('@/static/synthesize/img_10.png') + ');'"></view>
-					<view class="title nowrap">卓越领袖能量思维</view>
-					<view class="price nowrap"><text>￥</text>5980</view>
-				</view>
-				<view class="the-flex-item">
-					<view class="cover" :style="'background-image: url(' + require('@/static/synthesize/img_11.png') + ');'"></view>
-					<view class="title nowrap">激发内在无限潜能</view>
-					<view class="price nowrap"><text>￥</text>9980</view>
-				</view>
-				<view class="the-flex-item">
-					<view class="cover" :style="'background-image: url(' + require('@/static/synthesize/img_12.png') + ');'"></view>
-					<view class="title nowrap">其他赋能培训会议</view>
-					<view class="price nowrap">价格另议</view>
-				</view>
-			</scroll-view>
-		</view>
-		<!-- 弹窗 -->
-		<u-popup :show="showAdImg" mode="center" bgColor="transparent">
-			<view class="ad-lay">
-				<view class="ad-down">
-					<u-count-down
-						ref="adCountDown"
-						:time="showAdTime"
-						:autoStart="false"
-						@change="timeData = $event"
-						@finish="showAdImg = false">
-						<view>
-							自动关闭<text>{{ timeData.seconds }}</text>S
-						</view>
-					</u-count-down>
-				</view>
-				<image class="ad-img" :src="layAdImg" mode="widthFix"></image>
-				<view class="ad-btn">
-					<u-icon
-						class="ad-btn-icon"
-						name="close-circle"
-						color="white"
-						size="36px"
-						@click="onRemoveAd"
-					></u-icon>
-				</view>
-			</view>
-		</u-popup>
+	<view class="content">
+		<view class="header">
+			<view class="banner">
+				<u-swiper class="banner-swiper" :list="bannerArr" :indicator="true" keyName="cover" previousMargin="20"
+					nextMargin="20" circular radius="10" bgColor="#ffffff" height="100%" @click='swiperClick' />
+			</view>
+			<view class="notice">
+				<view class="notice-title">
+					<image class="notice-icon" src="@/static/index/index_notice.png" mode="widthFix" /> 公告
+				</view>
+				<u-notice-bar icon="" :text="notice" url='' linkType='navigateTo' fontSize="14" direction="column"
+					bgColor="#fff" color="#111111" />
+				<view class="notice-more">更多<u-icon class="more-icon" size="20rpx" color="#999" name="arrow-right" />
+				</view>
+			</view>
+		</view>
+		<!-- 自由服务包 -->
+		<view class="free" @click="onView('FreeService')">
+			<image class="free-img" src="@/static/index/index_banner_free.png" mode="widthFix" />
+		</view>
+		<!--  协商调解类 -->
+		<view class="block">
+			<view class="block-title">
+				<view class="title">协商调解咨询类</view>
+			</view>
+			<scroll-view class="the-tabs" scroll-x="true">
+				<block v-for="(item, index) in theTabs" :key="index">
+					<view class="the-tabs-item" :class="{'active': item.category_id == theTabId}"
+						@click="onTheTab(item)">{{item.title}}</view>
+				</block>
+				<view class="the-tabs-acitve-block" :style="theTabStyle"></view>
+			</scroll-view>
+			<scroll-view class="the-flex" scroll-x="true" scroll-with-animation="true"
+				:scroll-into-view='defaultViewId'>
+				<view class="the-flex-item" v-for="item in jfList" :key="item.service_id" :id='"_tabs"+item.service_id'
+					@click="sevicesClick(item.service_id)">
+					<view class="cover" :style="'background-image: url(' + item.cover + ');'"></view>
+					<view class="title nowrap">{{item.title}}</view>
+					<view class="price nowrap"><text>￥</text>{{item.price}}<text class="ding" v-if="item.type">定金</text>
+					</view>
+				</view>
+			</scroll-view>
+		</view>
+		<!-- 法律咨询类 -->
+		<view class="block">
+			<view class="block-title">
+				<view class="title">法律咨询类</view>
+			</view>
+			<scroll-view class="the-flex" style="padding-top: 0;" scroll-x="true" scroll-with-animation="true"
+				:scroll-into-view='defaultViewId'>
+				<block v-for="(item, index) in appMenus.service" :key="index">
+					<view class="the-flex-item" @click="onView(item.page)">
+						<view class="cover" :style="'background-image: url(' + item.cover + ');'"></view>
+						<view class="title nowrap">{{item.title}}</view>
+						<view class="price nowrap"><text>￥</text>{{item.price}} <text
+								v-if="item.limit != null">/{{item.limit}}</text></view>
+					</view>
+				</block>
+			</scroll-view>
+		</view>
+		<!-- 诉讼委托类 -->
+		<view class="block">
+			<view class="block-title">
+				<view class="title">诉讼委托类</view>
+			</view>
+			<view class="lawsuit">
+				<block v-for="(item, index) in appMenus.cases" :key="index">
+					<view class="lawsuit-item" @click="onView(item.page)">
+						<view class="lawsuit-cover" :style="'background-image: url(' + item.cover + ');'"></view>
+						<view class="lawsuit-text">
+							<view class="lawsuit-title nowrap">{{item.title}}</view>
+							<view class="lawsuit-price">￥{{item.price}}<text
+									v-if="item.limit != null">{{item.limit}}</text></view>
+						</view>
+					</view>
+				</block>
+			</view>
+		</view>
+		<!-- 增收赋能类 -->
+		<view class="block">
+			<view class="block-title">
+				<view class="title">增收赋能咨询类</view>
+			</view>
+			<scroll-view class="the-flex" style="padding-top: 0;" scroll-x="true" scroll-with-animation="true"
+				:scroll-into-view='defaultViewId' @click="onToast()">
+				<view class="the-flex-item">
+					<view class="cover"
+						:style="'background-image: url(' + require('@/static/synthesize/img_07.png') + ');'"></view>
+					<view class="title nowrap">巅峰销售思维</view>
+					<view class="price nowrap"><text>￥</text>2980</view>
+				</view>
+				<view class="the-flex-item">
+					<view class="cover"
+						:style="'background-image: url(' + require('@/static/synthesize/img_08.png') + ');'"></view>
+					<view class="title nowrap">团队系统思维</view>
+					<view class="price nowrap"><text>￥</text>3980</view>
+				</view>
+				<view class="the-flex-item">
+					<view class="cover"
+						:style="'background-image: url(' + require('@/static/synthesize/img_09.png') + ');'"></view>
+					<view class="title nowrap">领袖演说思维</view>
+					<view class="price nowrap"><text>￥</text>4980</view>
+				</view>
+				<view class="the-flex-item">
+					<view class="cover"
+						:style="'background-image: url(' + require('@/static/synthesize/img_10.png') + ');'"></view>
+					<view class="title nowrap">卓越领袖能量思维</view>
+					<view class="price nowrap"><text>￥</text>5980</view>
+				</view>
+				<view class="the-flex-item">
+					<view class="cover"
+						:style="'background-image: url(' + require('@/static/synthesize/img_11.png') + ');'"></view>
+					<view class="title nowrap">激发内在无限潜能</view>
+					<view class="price nowrap"><text>￥</text>9980</view>
+				</view>
+				<view class="the-flex-item">
+					<view class="cover"
+						:style="'background-image: url(' + require('@/static/synthesize/img_12.png') + ');'"></view>
+					<view class="title nowrap">其他赋能培训会议</view>
+					<view class="price nowrap">价格另议</view>
+				</view>
+			</scroll-view>
+		</view>
+		<!-- 弹窗 -->
+		<u-popup :show="showAdImg" mode="center" bgColor="transparent">
+			<view class="ad-lay">
+				<view class="ad-down">
+					<u-count-down ref="adCountDown" :time="showAdTime" :autoStart="false" @change="timeData = $event"
+						@finish="showAdImg = false">
+						<view>
+							自动关闭<text>{{ timeData.seconds }}</text>S
+						</view>
+					</u-count-down>
+				</view>
+				<image class="ad-img" :src="layAdImg" mode="widthFix"></image>
+				<view class="ad-btn">
+					<u-icon class="ad-btn-icon" name="close-circle" color="white" size="36px"
+						@click="onRemoveAd"></u-icon>
+				</view>
+			</view>
+		</u-popup>
 	</view>
 </template>
 
-<script>
-	import { region } from '@/apis/interfaces/address.js'
-    import { categories, jf, index } from '@/apis/interfaces/index.js'
-	export default {
+<script>
+	import {
+		region
+	} from '@/apis/interfaces/address.js'
+	import {
+		categories,
+		jf,
+		index
+	} from '@/apis/interfaces/index.js'
+	export default {
 		data() {
-			return {
-				theTabs		: [
-					{ category_id: '', title: '全部' }
-				],
-				theTabId	: '',
-				theTabStyle	: {
-					left: '0%'
-				},
-				bannerArr	: [],
-                notice		: [],
-                jfList:[],
-                defaultViewId:'',
-                zfList:[],
-				// 首次进入弹窗
-				timeData	: {},
-				first		: 1,
-				showAdTime  : 0,
-				showAdImg	: true,
-				layAdImg	: '',
-				appMenus	: {
-					cases	: [],
-					service	: []
-				}
+			return {
+				theTabs: [{
+					category_id: '',
+					title: '全部'
+				}],
+				theTabId: '',
+				theTabStyle: {
+					left: '0%'
+				},
+				bannerArr: [],
+				notice: [],
+				jfList: [],
+				defaultViewId: '',
+				zfList: [],
+				// 首次进入弹窗
+				timeData: {},
+				first: 1,
+				showAdTime: 0,
+				showAdImg: true,
+				layAdImg: '',
+				appMenus: {
+					cases: [],
+					service: []
+				}
 			}
-		},
-        onLoad() {
-            this.getCategory()
-            this.getJf()
-            this.getIndex()
-        },
-		methods: {
-			onToast(){
-				uni.showToast({
-					title: '即将开放，敬请期待',
-					icon : 'none'
-				})
-			},
-            // 获取金法列表
-            getJf(){
-                let params = {
-                    category_id:this.theTabId
-                }
-                jf(params).then(res=>{
-                    if(res.length>0){
-                        setTimeout(()=>{
-                            this.defaultViewId = '_tabs'+res[0].service_id
-                        },300)
-                    }
-                    this.jfList = res
-                }).catch(err=>{
-                    uni.showToast({
-                        title:err.message,
-                        icon:'none',
-                        mask:true,
-                        duration:2000
-                    })
-                })
-            },
-            // 点击金法产品跳转金法详情
-            sevicesClick(id){
-                uni.navigateTo({
-                    url:'/pages/index/introduces?id='+id
-                })
-            },
-            // 首页轮播图及公告
-            getIndex(){
-                index().then(res=>{
-                    this.bannerArr = res.bannners
-					this.appMenus  = res.app_menus
-                    let list = []
-                    res.notices.map(item=>{
-                        let params = item.user.name + ' ' + item.user.text
-                        list.push(params)
-                    })
-                    this.notice = list
-					let { is_lay_ad, lay_ad_img, times } = res.layad
-					if(is_lay_ad) this.layAdImg = lay_ad_img
-					if(this.first === 1 && is_lay_ad){
-						this.showAdImg  = true
-						this.showAdTime = times * 1000
-						this.$nextTick(() => {
-							this.$refs.adCountDown.start()
-						})
-					}
-                }).catch(err=>{
-                    uni.showToast({
-                        title:err.message,
-                        icon:'none',
-                        mask:true,
-                        duration:2000
-                    })
-                })
-            },
-            // 获取金法分类列表
-            getCategory(){
-                categories().then(res=>{
-                    this.theTabs = this.theTabs.concat(res)
-                }).catch(err=>{
-                    uni.showToast({
-                        title:err.message,
-                        icon:'none',
-                        mask:true,
-                        duration:2000
-                    })
-                })
-            },
-            // 金法产品筛选
-            onTheTab(e){
-            	if(e.category_id != this.theTabId){
-            		let index = this.theTabs.findIndex(val => val.category_id === e.category_id)
-            		this.theTabStyle = {
-            			left: index * 25 + '%'
-            		}
-                    this.theTabId = e.category_id
-                    this.getJf()
-            	}
-            },
-            // 点击轮播图
-            swiperClick(e){
-                // console.log(this.bannerArr[e])
-            },
-            // 点击轮播图跳转自由服务包
-            onView(name){
-				this.$Router.push({ name })
-            },
-			// 关闭弹窗广告
-			onRemoveAd(){
-				this.first = 0;
-				this.showAdImg = false;
+		},
+		onLoad() {
+			this.getCategory()
+			this.getJf()
+			this.getIndex()
+		},
+		methods: {
+			onToast() {
+				uni.showToast({
+					title: '即将开放，敬请期待',
+					icon: 'none'
+				})
+			},
+			// 获取金法列表
+			getJf() {
+				let params = {
+					category_id: this.theTabId
+				}
+				jf(params).then(res => {
+					if (res.length > 0) {
+						setTimeout(() => {
+							this.defaultViewId = '_tabs' + res[0].service_id
+						}, 300)
+					}
+					this.jfList = res
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon: 'none',
+						mask: true,
+						duration: 2000
+					})
+				})
+			},
+			// 点击金法产品跳转金法详情
+			sevicesClick(id) {
+				uni.navigateTo({
+					url: '/pages/index/introduces?id=' + id
+				})
+			},
+			// 首页轮播图及公告
+			getIndex() {
+				index().then(res => {
+					this.bannerArr = res.bannners
+					this.appMenus = res.app_menus
+					let list = []
+					res.notices.map(item => {
+						let params = item.user.name + ' ' + item.user.text
+						list.push(params)
+					})
+					this.notice = list
+					let {
+						is_lay_ad,
+						lay_ad_img,
+						times
+					} = res.layad
+					if (is_lay_ad) this.layAdImg = lay_ad_img
+					if (this.first === 1 && is_lay_ad) {
+						this.showAdImg = true
+						this.showAdTime = times * 1000
+						this.$nextTick(() => {
+							this.$refs.adCountDown.start()
+						})
+					}
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon: 'none',
+						mask: true,
+						duration: 2000
+					})
+				})
+			},
+			// 获取金法分类列表
+			getCategory() {
+				categories().then(res => {
+					this.theTabs = this.theTabs.concat(res)
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon: 'none',
+						mask: true,
+						duration: 2000
+					})
+				})
+			},
+			// 金法产品筛选
+			onTheTab(e) {
+				if (e.category_id != this.theTabId) {
+					let index = this.theTabs.findIndex(val => val.category_id === e.category_id)
+					this.theTabStyle = {
+						left: index * 25 + '%'
+					}
+					this.theTabId = e.category_id
+					this.getJf()
+				}
+			},
+			// 点击轮播图
+			swiperClick(e) {
+				// console.log(this.bannerArr[e])
+			},
+			// 点击轮播图跳转自由服务包
+			onView(name) {
+				this.$Router.push({
+					name
+				})
+			},
+			// 关闭弹窗广告
+			onRemoveAd() {
+				this.first = 0;
+				this.showAdImg = false;
 			}
 		}
 	}
 </script>
 
 <style lang="scss" scoped>
-	.header{
-		background-color: white;
-		padding-top: 20rpx;
-	}
-	// ad弹窗广告
-	.ad-lay{
-		width: 70vw;
-		position: relative;
-		.ad-down{
-			position: absolute;
-			top: 20rpx;
-			right: 20rpx;
-			z-index: 1;
-			background: rgba(0, 0, 0, .5);
-			font-size: 20rpx;
-			padding: 10rpx 20rpx;
-			line-height: 30rpx;
-			border-radius: 24rpx;
-			color: white;
-			.ad-down-u{
-				display: inline-block;
-				line-height: 30rpx;
-			}
-		}
-		.ad-img{
-			width: 70vw;
-			border-radius: 20rpx;
-		}
-		.ad-btn{
-			text-align: center;
-			margin-top: 30rpx;
-			.ad-btn-icon{
-				display: inline-block;
-			}
-		}
-	}
-	// 轮播图
-	.banner{
-		position: relative;
-		width: 100%;
-		padding-top: 43%;
-		.banner-swiper{
-			position: absolute;
-			top: 0;
-			left: 0;
-			width: 100%;
-		}
-	}
-	// 公告
-	.notice{
-		background: white;
-		padding: $padding;
-		display: flex;
-		flex-direction: row;
-		align-items: center;
-		.notice-title{
-			background-color: #ececec;
-			color: #000;
-			height: 60rpx;
-			line-height: 60rpx;
-			width: 130rpx;
-			text-align: center;
-			font-size: 26rpx;
-			font-weight: bold;
-			border-radius: 20rpx;
-			.notice-icon{
-				width: 32rpx;
-				vertical-align: middle;
-				margin-bottom: 8rpx;
-				margin-right: 10rpx;
-				display: inline-block;
-			}
-		}
-		.notice-more{
-			font-size: 24rpx;
-			height: 50rpx;
-			border-radius: 25rpx;
-			box-sizing: border-box;
-			line-height: 50rpx;
-			text-align: center;
-			color: #999999;
-			.more-icon{
-				display: inline-block;
-			}
-		}
-	}
-	// 自由服务包
-	.free{
-		padding: $padding $padding $padding - 10 $padding ;
-		.free-img{
-			width: 100%;
-		}
-	}
-	// 增收赋能类
-	.closed{
-		background: white;
-		margin: 0 $margin;
-		border-radius: 35rpx;
-		padding-bottom: 10rpx;
-		.closed-item{
-			display: flex;
-			margin-bottom: 20rpx;
-			padding-bottom: 20rpx;
-			border-bottom: solid 1rpx #f8f8f8;
-			&:last-child{
-				margin-bottom: 0;
-				border-bottom: none;
-			}
-			.closed-cover{
-				width: 168rpx;
-				height: 168rpx;
-				background-size: cover;
-				background-position: center;
-				border-radius: 10rpx;
-			}
-			.closed-text{
-				width: calc(100% - 168rpx);
-				padding-left: 30rpx;
-				box-sizing: border-box;
-				.closed-title{
-					font-size: 32rpx;
-					font-weight: bold;
-					line-height: 50rpx;
-				}
-				.closed-subtitle{ 
-					color: gray;
-					font-size: 28rpx;
-					line-height: 40rpx;
-				}
-				.closed-price{
-					color: #d51959;
-					font-size: 34rpx;
-					line-height: 40rpx;
-					margin-top: 30rpx;
-					font-weight: bold;
-				}
-			}
-		}
-	}
-	// 诉讼委托类
-	.lawsuit{ 
-		padding: 0 20rpx $padding;
-		display: flex;
-		justify-content: space-between;
-		&-item{
-			background: #F6F6F6;
-			border-radius: 10rpx;
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			overflow: hidden;
-			width: calc(50% - 20rpx);
-			margin: 0 10rpx;
-		}
-		&-cover{
-			width: 138rpx;
-			height: 138rpx;
-			background-size: cover;
-			background-position: center;
-		}
-		&-text{
-			width: calc(100% - 138rpx);
-			padding: 0 20rpx;
-			box-sizing: border-box;
-		}
-		&-title{ 
-			font-size: 30rpx;
-			margin-bottom: 20rpx;
-		}
-		&-price{
-			font-size: 32rpx;
-			color: #d51959;
-			font-weight: bold;
-		}
-	}
-	// 经法
-	.the-tabs{
-		background: #ececec;
-		margin: 0 $margin;
-		height: 60rpx;
-		border-radius: 35rpx;
-		display: flex;
-		position: relative;
-        white-space: nowrap;
-        width: calc(100% - 60rpx);
-		&-item{
-			position: relative;
-			z-index: 2;
-			width: 25%;
-			line-height: 60rpx;
-			text-align: center;
-			font-size: 26rpx;
-			color: #454545;
-			transition: all .4s;
-            display: inline-block;
-			&.active{
-				color: white;
-			}
-		}
-		&-acitve-block{
-            display: inline-block;
-			width: 25%;
-			height: 60rpx;
-			background: linear-gradient( to right, #d51959, #ec7247);
-			border-radius: 35rpx;
-			position: absolute;
-			left: 0;
-			transition: all .4s;
-		}
-	}
-	.the-flex{
-		padding: $padding 20rpx;
-        box-sizing: border-box;
-        white-space: nowrap;
-		&-item{
-			width: calc(33% - 20rpx);
-			margin: 0 10rpx;
-            display: inline-block;
-			&:last-child{
-				margin-right: 20rpx;
-			}
-			.cover{
-                width: 100%;
-                padding-top: 100%;
-				background-position: center;
-				background-size: cover;
-				background-position: center;
-				border-radius: 10rpx;
-			}
-			.title{
-				font-size: 30rpx;
-				color: #111111;
-				padding: 10rpx 0;
-				line-height: 40rpx;
-			}
-			.price{
-				line-height: 40rpx;
-				font-weight: bold;
-				color: #d51959;
-				font-size: 32rpx;
-				text{
-					font-size: 80%;
-				}
-                .ding{
-                    font-size: 64%;
-                    margin-left: 4rpx;
-                    position: relative;
-                    bottom: 2rpx;
-                }
-			}
-		}
-	}
-	// 模块
-	.block{
-		background-color: white;
-		border-radius: $radius;
-		margin: 0 $margin $margin;
-		.block-title{
-			padding: 0 $padding;
-			height: 100rpx;
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			.title{
-				font-weight: bold;
-				color: #111111;
-				font-size: 36rpx;
-			}
-			.more{
-				background-color: #ececec;
-				font-size: 28rpx;
-				height: 50rpx;
-				border-radius: 25rpx;
-				width: 120rpx;
-				padding-left: 10rpx;
-				box-sizing: border-box;
-				line-height: 50rpx;
-				text-align: center;
-				color: #454545;
-				.more-icon{
-					display: inline-block;
-				}
-			}
-		}
-	}
+	.header {
+		background-color: white;
+		padding-top: 20rpx;
+	}
 
-</style>
+	// ad弹窗广告
+	.ad-lay {
+		width: 70vw;
+		position: relative;
+
+		.ad-down {
+			position: absolute;
+			top: 20rpx;
+			right: 20rpx;
+			z-index: 1;
+			background: rgba(0, 0, 0, .5);
+			font-size: 20rpx;
+			padding: 10rpx 20rpx;
+			line-height: 30rpx;
+			border-radius: 24rpx;
+			color: white;
+
+			.ad-down-u {
+				display: inline-block;
+				line-height: 30rpx;
+			}
+		}
+
+		.ad-img {
+			width: 70vw;
+			border-radius: 20rpx;
+		}
+
+		.ad-btn {
+			text-align: center;
+			margin-top: 30rpx;
+
+			.ad-btn-icon {
+				display: inline-block;
+			}
+		}
+	}
+
+	// 轮播图
+	.banner {
+		position: relative;
+		width: 100%;
+		padding-top: 43%;
+
+		.banner-swiper {
+			position: absolute;
+			top: 0;
+			left: 0;
+			width: 100%;
+		}
+	}
+
+	// 公告
+	.notice {
+		background: white;
+		padding: $padding;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+
+		.notice-title {
+			background-color: #ececec;
+			color: #000;
+			height: 60rpx;
+			line-height: 60rpx;
+			width: 130rpx;
+			text-align: center;
+			font-size: 26rpx;
+			font-weight: bold;
+			border-radius: 20rpx;
+
+			.notice-icon {
+				width: 32rpx;
+				vertical-align: middle;
+				margin-bottom: 8rpx;
+				margin-right: 10rpx;
+				display: inline-block;
+			}
+		}
+
+		.notice-more {
+			font-size: 24rpx;
+			height: 50rpx;
+			border-radius: 25rpx;
+			box-sizing: border-box;
+			line-height: 50rpx;
+			text-align: center;
+			color: #999999;
+
+			.more-icon {
+				display: inline-block;
+			}
+		}
+	}
+
+	// 自由服务包
+	.free {
+		padding: $padding $padding $padding - 10 $padding ;
+
+		.free-img {
+			width: 100%;
+		}
+	}
+
+	// 增收赋能类
+	.closed {
+		background: white;
+		margin: 0 $margin;
+		border-radius: 35rpx;
+		padding-bottom: 10rpx;
+
+		.closed-item {
+			display: flex;
+			margin-bottom: 20rpx;
+			padding-bottom: 20rpx;
+			border-bottom: solid 1rpx #f8f8f8;
+
+			&:last-child {
+				margin-bottom: 0;
+				border-bottom: none;
+			}
+
+			.closed-cover {
+				width: 168rpx;
+				height: 168rpx;
+				background-size: cover;
+				background-position: center;
+				border-radius: 10rpx;
+			}
+
+			.closed-text {
+				width: calc(100% - 168rpx);
+				padding-left: 30rpx;
+				box-sizing: border-box;
+
+				.closed-title {
+					font-size: 32rpx;
+					font-weight: bold;
+					line-height: 50rpx;
+				}
+
+				.closed-subtitle {
+					color: gray;
+					font-size: 28rpx;
+					line-height: 40rpx;
+				}
+
+				.closed-price {
+					color: #d51959;
+					font-size: 34rpx;
+					line-height: 40rpx;
+					margin-top: 30rpx;
+					font-weight: bold;
+				}
+			}
+		}
+	}
+
+	// 诉讼委托类
+	.lawsuit {
+		padding: 0 20rpx $padding;
+		display: flex;
+		justify-content: space-between;
+
+		&-item {
+			background: #F6F6F6;
+			border-radius: 10rpx;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			overflow: hidden;
+			width: calc(50% - 20rpx);
+			margin: 0 10rpx;
+		}
+
+		&-cover {
+			width: 138rpx;
+			height: 138rpx;
+			background-size: cover;
+			background-position: center;
+		}
+
+		&-text {
+			width: calc(100% - 138rpx);
+			padding: 0 20rpx;
+			box-sizing: border-box;
+		}
+
+		&-title {
+			font-size: 30rpx;
+			margin-bottom: 20rpx;
+		}
+
+		&-price {
+			font-size: 32rpx;
+			color: #d51959;
+			font-weight: bold;
+		}
+	}
+
+	// 经法
+	.the-tabs {
+		background: #ececec;
+		margin: 0 $margin;
+		height: 60rpx;
+		border-radius: 35rpx;
+		display: flex;
+		position: relative;
+		white-space: nowrap;
+		width: calc(100% - 60rpx);
+
+		&-item {
+			position: relative;
+			z-index: 2;
+			width: 25%;
+			line-height: 60rpx;
+			text-align: center;
+			font-size: 26rpx;
+			color: #454545;
+			transition: all .4s;
+			display: inline-block;
+
+			&.active {
+				color: white;
+			}
+		}
+
+		&-acitve-block {
+			display: inline-block;
+			width: 25%;
+			height: 60rpx;
+			background: linear-gradient(to right, #d51959, #ec7247);
+			border-radius: 35rpx;
+			position: absolute;
+			left: 0;
+			transition: all .4s;
+		}
+	}
+
+	.the-flex {
+		padding: $padding 20rpx;
+		box-sizing: border-box;
+		white-space: nowrap;
+
+		&-item {
+			width: calc(33% - 20rpx);
+			margin: 0 10rpx;
+			display: inline-block;
+
+			&:last-child {
+				margin-right: 20rpx;
+			}
+
+			.cover {
+				width: 100%;
+				padding-top: 100%;
+				background-position: center;
+				background-size: cover;
+				background-position: center;
+				border-radius: 10rpx;
+			}
+
+			.title {
+				font-size: 30rpx;
+				color: #111111;
+				padding: 10rpx 0;
+				line-height: 40rpx;
+			}
+
+			.price {
+				line-height: 40rpx;
+				font-weight: bold;
+				color: #d51959;
+				font-size: 32rpx;
+
+				text {
+					font-size: 80%;
+				}
+
+				.ding {
+					font-size: 64%;
+					margin-left: 4rpx;
+					position: relative;
+					bottom: 2rpx;
+				}
+			}
+		}
+	}
+
+	// 模块
+	.block {
+		background-color: white;
+		border-radius: $radius;
+		margin: 0 $margin $margin;
+
+		.block-title {
+			padding: 0 $padding;
+			height: 100rpx;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+
+			.title {
+				font-weight: bold;
+				color: #111111;
+				font-size: 36rpx;
+			}
+
+			.more {
+				background-color: #ececec;
+				font-size: 28rpx;
+				height: 50rpx;
+				border-radius: 25rpx;
+				width: 120rpx;
+				padding-left: 10rpx;
+				box-sizing: border-box;
+				line-height: 50rpx;
+				text-align: center;
+				color: #454545;
+
+				.more-icon {
+					display: inline-block;
+				}
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages/work/generate.vue b/pages/work/generate.vue
index 02dd1ab..d878d99 100644
--- a/pages/work/generate.vue
+++ b/pages/work/generate.vue
@@ -3,7 +3,7 @@
 		<block v-if="serviceArr.length > 0">
 			<view class="block" v-for="(item, index) in serviceArr" :key="index">
 				<view class="block-title">
-					{{item.title}}111
+					{{item.title}}
 					<view class="block-remove" @click="onRemove(index)" v-if="serviceArr.length > 1">
 						<u-icon class="block-remove-icon" size="15" color="#446EFE" name="minus-circle"></u-icon>移出
 					</view>
diff --git a/pages/work/index.vue b/pages/work/index.vue
index 64e427d..19b2bba 100644
--- a/pages/work/index.vue
+++ b/pages/work/index.vue
@@ -1,566 +1,654 @@
-<template>
-	<view class="content">
-		<view v-if="isAuth">
-			<!-- 状态栏 -->
-			<u-sticky bgColor="#FFFFFF">
-				<view class="status_bar"></view>
-				<view class="work-bar">
-					<view class="work-bar-user">
-						<image class="cover" :src="userInfo.avatar || require('@/static/imgs/default-active.png')" mode="aspectFill"></image>
-						<view class="nickname">{{userInfo.nickname}}<text class="card" v-if="isManager">{{identity.name}}</text></view>
-					</view>
-					<view class="work-bar-add" @click="onCreateOrder" v-if="isManager">
-						<uni-icons class="icon" type="plusempty" size="30rpx" color="#111"></uni-icons>创建订单
-					</view>
-				</view>
-			</u-sticky>
-			<!-- 未认证或未考试 -->
-			<block v-if="!isManager">
-				<view class="block open-interest">
-					<view class="title">实习顾问专属权益</view>
-					<view class="open-interest-flex">
-						<view class="open-interest-item" v-for="(item, index) in rightsArr" :key="index" @click="onToast(item)">
-							<image class="open-interest-icon" :src="item.icon"></image>
-							<view class="open-interest-text">{{item.title}}</view>
-						</view>
-					</view>
-				</view>
-				<view class="block open-interest">
-					<view class="title">仅需3步即可成为实习顾问</view>
-					<view class="open-interest-block">
-						<image class="open-interest-icon" :src="isCertification ? require('@/static/icons/work_icon_25.png'): require('@/static/icons/work_icon_24.png')"></image>
-						<view class="open-interest-text">
-							<view class="open-interest-title">实名认证</view>
-							<view class="open-interest-submit">通过身份证实名认证</view>
-						</view>
-						<button class="open-interest-btn" size="mini" :disabled="isCertification" @click="$Router.push({name: 'UserCertification'})">{{isCertification ? '已认证': '去认证'}}</button>
-					</view>
-					<view class="open-interest-block">
-						<image class="open-interest-icon" :src="isAnswer ? require('@/static/icons/work_icon_25.png'): require('@/static/icons/work_icon_23.png')"></image>
-						<view class="open-interest-text">
-							<view class="open-interest-title">通过实习顾问考试</view>
-							<view class="open-interest-submit">通过线上考试即可完成</view>
-						</view>
-						<button class="open-interest-btn" size="mini" :disabled="isAnswer" @click="$Router.pushTab({name: 'CollegeTest'})">{{isAnswer ? '已通过': '去考试'}}</button>
-					</view>
-					<view class="open-interest-block">
-						<image class="open-interest-icon" :src="sign.isSign ? require('@/static/icons/work_icon_25.png'): require('@/static/icons/work_icon_27.png')"></image>
-						<view class="open-interest-text">
-							<view class="open-interest-title">实习顾问签约</view>
-							<view class="open-interest-submit">完成实习顾问在线签约</view>
-						</view>
-						<button class="open-interest-btn" size="mini" :disabled="sign.isSign" @click="onSign">{{sign.isSign ? '已签约': '去签约'}}</button>
-					</view>
-				</view>
-				<!-- 提示信息 -->
-				<u-popup :show="privilegeShow" mode="center" bgColor="transparent">
-					<view class="privilege-lay">
-						<image class="privilege-lay-img" src="@/static/imgs/privilege-lay-header.png" mode="widthFix"></image>
-						<view class="privilege-lay-content"><text>{{privilegeText}}</text></view>
-						<view class="privilege-lay-remove">
-							<u-icon class="privilege-lay-icon" name="close-circle" color="white" size="30" @click="privilegeShow = false"></u-icon>
-						</view>
-					</view>
-				</u-popup>
-			</block>
-			<!-- 管理中台 -->
-			<block v-else>
-				<view class="flex">
-					<view class="flex-item" @click="onNav('ConsultWork')">
-						<image class="flex-icon" src="/static/icons/icon_00.png" mode="aspectFill"></image>
-						<view class="flex-title">
-							<view class="flex-name">协商调解咨询类</view>
-							<view class="flex-tips">信用卡、贷款业务</view> 
-						</view>
-						<view class="flex-btn">去查看</view>
-					</view>
-					<view class="flex-item" @click="onNav('ServiceWork')">
-						<image class="flex-icon" src="/static/icons/icon_01.png" mode="aspectFill"></image>
-						<view class="flex-title">
-							<view class="flex-name">法律咨询类</view>
-							<view class="flex-tips">个人、企业法律</view>
-						</view>
-						<view class="flex-btn">去查看</view>
-					</view>
-					<view class="flex-item" @click="onToastTips()" style="display: none;">
-						 <!-- @click="onNav('EnableWork')" -->
-						<image class="flex-icon" src="/static/icons/icon_03.png" mode="aspectFill"></image>
-						<view class="flex-title">
-							<view class="flex-name">增收赋能咨询类</view>
-							<view class="flex-tips">销售、领袖、演说等</view>
-						</view>
-						<view class="flex-btn">去查看</view>
-					</view>
-				</view>
-			</block>
-		</view>
-		<!-- 未登录 -->
-		<view v-else class="auth-null">
-			<u-empty
-			        mode="permission"
-			        icon="http://cdn.uviewui.com/uview/empty/permission.png"
-					text="暂未登录"
-			>
-			</u-empty>
-			<button class="auth-null-btn" size="mini" @click="onNav('Auth')">登录</button>
-		</view>
-	</view>
-</template>
-
-<script>
-	import { index, rights, sign, synthesisCount } from '@/apis/interfaces/work.js'
-	export default {
-		data() {
-			return {
-				isAuth			: false,
-				rightsArr		: [],
-				userInfo		: {
-					nickname: '',
-					avatar	: ''
-				},
-				identity		: {},
-				isAnswer		: false,
-				isCertification	: false,
-				certification	: null,
-				isManager		: false,
-				orderCount		: {},
-				// 权益说明
-				privilegeShow	: false,
-				privilegeText	: '',
-				// 签约状态
-				sign			: {
-					isSign	: false,
-					address	: ""
-				},
-				// 综法订单管理
-				synthesisData	: {}
-			};
-		},
-		onShow() {
-			let i = 0;
-			this.isAuth = this.$store.getters.getToken != ''
-			if(this.isAuth){
-				this.getIndex()
-			}
-		},
-		methods: {
-			// 签约
-			onSign(){
-				if(!this.isCertification){
-					uni.showToast({
-						title: '暂未实名认证，无法签约，请完成实名认证',
-						icon : 'none'
-					})
-					return
-				}
-				if(this.sign.address == ''){
-					uni.showToast({
-						title: '暂时无法签约，请前往“我的”，点击用户头像，完善通讯地址信息后重试',
-						icon : 'none'
-					})
-					return
-				}
-				uni.showLoading({
-					title	: '获取签约地址',
-					mask	: true
-				})
-				sign().then(res => {
-					uni.hideLoading()
-					this.$Router.push({
-						name	: 'ESign',
-						params	: {
-							url: res.sign_url
-						}
-					})
-				}).catch(err => {
-					uni.showToast({
-						title: err.message,
-						icon : 'none'
-					})
-				})
-			},
-			// 显示业务员权益
-			onToast(val){
-				this.privilegeText = val.content
-				this.privilegeShow = true
-			},
-			// 工作台信息
-			getIndex(){
-				uni.showLoading({
-					title: '加载中...',
-					mask : true
-				})
-				Promise.all([rights(), index(), synthesisCount()]).then(res => {
-					let rightsData		= res[0], 
-						indexData  		= res[1],
-						synthesisData	= res[2]
-						
-					let { nickname, avatar, business_orders_count, isCertification, certification, isManager, isAnswer, identity, sign } = indexData
-					this.rightsArr = rightsData
-					this.userInfo = {
-						nickname,
-						avatar
-					}
-					this.isCertification = isCertification
-					this.certification 	 = certification
-					this.isManager 		 = isManager
-					this.isAnswer 		 = isAnswer
-					this.orderCount 	 = business_orders_count
-					this.identity 		 = identity
-					this.sign			 = sign
-					
-					this.synthesisData	 = synthesisData
-					
-					uni.hideLoading()
-				}).catch(err => {
-					uni.showToast({
-						title: err.message,
-						icon : 'none'
-					})
-				})
-			},
-			// 导航
-			onNav(name, obj){
-				let params = obj || {}
-				this.$Router.push({name, params})
-			},
-			// 创建订单
-			onCreateOrder(){
-				uni.showActionSheet({
-					itemList: ['个人订单', '客户订单'],
-					success : res => {
-						this.onNav('OrderCreate', {
-							type: res.tapIndex === 0 ? 'self' : 'other'
-						})
-					}
-				})
-			},
-			
-			onToastTips(){
-				uni.showToast({
-					title: '即将开放，敬请期待',
-					icon : 'none'
-				})
-			},
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	.content{
-		padding-bottom: 30rpx;
-	}
-	// 登录提示
-	.auth-null{
-		height: 100vh;
-		width: 100vw;
-		background: white;
-		display: flex;
-		flex-direction: column;
-		justify-content: center;
-		align-items: center;
-		.auth-null-btn{
-			height: 90rpx;
-			line-height: 90rpx;
-			padding: 0;
-			width: 70vw;
-			background: $main-color;
-			color: white;
-			font-size: 32rpx;
-			margin-top: 100rpx;
-			font-weight: bold;
-		}
-	}
-	// 弹出特权
-	.privilege-lay{
-		width: 70vw;
-		.privilege-lay-img{
-			width: 70vw;
-			vertical-align: top;
-		}
-		.privilege-lay-content{
-			background: white;
-			border-radius: 0  0 20rpx 20rpx;
-			width: 70vw;
-			padding: 80rpx 30rpx 50rpx;
-			box-sizing: border-box;
-			margin-top: -50rpx;
-			line-height: 50rpx;
-			color: #111111;
-			font-size: 30rpx;
-		}
-		.privilege-lay-remove{
-			padding-top: 30rpx;
-			text-align: center;
-			.privilege-lay-icon{
-				display: inline-block;
-			}
-		}
-	}
-	// header
-	.work-bar{
-		padding: 30rpx;
-		margin-bottom: 30rpx;
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		&-user{
-			position: relative;
-			line-height: 70rpx;
-			height: 70rpx;
-			width: calc(100% - 200rpx);
-			padding-left: 90rpx;
-			box-sizing: border-box;
-			.cover{
-				width: 70rpx;
-				height: 70rpx;
-				border-radius: 50%;
-				position: absolute;
-				left: 0;
-				top: 0;
-			}
-			.nickname{
-				font-weight: bold;
-				font-size: 34rpx;
-				.card{
-					color: $main-color;
-					font-size: 24rpx;
-					display: inline-block;
-					height: 40rpx;
-					line-height: 38rpx;
-					border-radius: 24rpx;
-					padding: 0 15rpx;
-					margin-left: 20rpx;
-					margin-bottom: 2rpx;
-					vertical-align: middle;
-					border:solid 1rpx $main-color;
-					font-weight: normal;
-				}
-			}
-		}
-		&-add{
-			width: 200rpx;
-			font-size: 30rpx;
-			text-align: right;
-			line-height: 70rpx;
-			.icon{
-				margin-right: 5rpx;
-				font-weight: bold;
-			}
-		}
-	}
-	// 订单管理
-	.tool-flex{
-		padding: 0 10rpx;
-		display: flex;
-		flex-wrap: wrap;
-		.tool-flex-item{
-			width: 25%;
-			text-align: center;
-			margin-bottom: 30rpx;
-			position: relative;
-			.icon{
-				width: 78rpx;
-				height: 78rpx;
-				background: #ddd;
-				border-radius: 20rpx;
-			}
-			.number{
-				position: absolute;
-				right: 20%;
-				background: #fe4444;
-				top: -10rpx;
-				height: 40rpx;
-				line-height: 40rpx;
-				min-width: 40rpx;
-				font-size: 24rpx;
-				color: white;
-				border-radius: 50%;
-			}
-			.text{
-				line-height: 40rpx;
-				font-size: 26rpx;
-				color: #111;
-				text-align: center;
-			}
-		}
-	}
-	// 数据统计单
-	.total-flex{
-		padding: 0 20rpx 20rpx;
-		display: flex;
-		flex-direction: row;
-		flex-wrap: wrap;
-		.total-item{
-			margin: 0 10rpx 20rpx;
-			background: #f8f8f8;
-			width: calc(50% - 20rpx);
-			padding: 20rpx 20rpx 20rpx 120rpx;
-			box-sizing: border-box;
-			border-radius: $radius;
-			position: relative;
-			min-height: 140rpx;
-			.icon{
-				position: absolute;
-				left: 20rpx;
-				top: 50%;
-				width: 70rpx;
-				height: 70rpx;
-				margin-top: -35rpx;
-			}
-			.title{
-				font-size: 28rpx;
-				color: #111;
-				line-height: 40rpx;
-				@extend .nowrap;
-			}
-			.number{
-				padding-top: 5rpx;
-				font-weight: bold;
-				font-size: 34rpx;
-				color: #111;
-				font-family: Arial, Helvetica, sans-serif;
-				line-height: 40rpx;
-				@extend .nowrap;
-				text{
-					font-size: 80%;
-					font-weight: normal;
-					padding-left: 10rpx;
-				}
-			}
-		}
-	}
-	// 通用板块
-	.block{
-		background: white;
-		margin: 0 30rpx 20rpx;
-		border-radius: $radius;
-		.block-title{
-			padding: 30rpx;
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			font-weight: bold;
-			color: '#111';
-			font-size: 32rpx;
-		}
-	}
-	// 开通业务员
-	.open-interest{
-		padding: 30rpx;
-		margin-bottom: 30rpx;
-		.title{
-			text-align: center;
-			font-size: 34rpx;
-			font-weight: bold;
-			line-height: 80rpx;
-		}
-		.open-interest-flex{
-			display: flex;
-			flex-wrap: wrap;
-			padding-top: 30rpx;
-			justify-content: space-between;
-			.open-interest-item{
-				text-align: center;
-				.open-interest-icon{
-					width: 88rpx;
-					height: 88rpx;
-					vertical-align: top;
-					margin-bottom: 15rpx;
-				}
-				.open-interest-text{
-					font-size: 28rpx;
-					color: #111111;
-					line-height: 40rpx;
-				}
-			}
-		}
-		// 开通步骤
-		.open-interest-block{
-			padding: 30rpx 0;
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			.open-interest-icon{
-				width: 88rpx;
-				height: 88rpx;
-			}
-			.open-interest-text{
-				width: calc( 100% - 258rpx);
-				padding:0 30rpx;
-				box-sizing: border-box;
-				.open-interest-title{
-					font-weight: bold;
-					color: #111111;
-					line-height: 40rpx;
-					font-size: 30rpx;
-				}
-				.open-interest-submit{
-					color: #666666;
-					font-size: 26rpx;
-					line-height: 40rpx;
-				}
-			}
-			.open-interest-btn[size="mini"]{
-				width: 170rpx;
-				height: 70rpx;
-				line-height: 70rpx;
-				padding: 0;
-				border-radius: 35rpx;
-				background: $main-color;
-				color: white;
-				font-size: 30rpx;
-				&::after{
-					display: none;
-				}
-				&[disabled]{
-					background: #EEEEEE;
-					color: #999999;
-				}
-			}
-		}
-	}
-	
-	.flex{
-		width: 100%;
-		padding: 0 30rpx;
-		box-sizing: border-box;
-		&-item{
-			background: white;
-			padding: 30rpx;
-			border-radius: 30rpx;
-			margin-top: 30rpx;
-			display: flex;
-			box-sizing: border-box;
-			position: relative;
-			.flex-icon{ width: 48px; height: 48px; background: #dce1fb; border-radius: 30rpx; }
-			.flex-title{
-				box-sizing: border-box;
-				padding-left: 30rpx;
-				.flex-name {
-					color: #293f66;
-					font-size: 34rpx;
-					font-weight: bold;
-					padding: 4rpx 0;
-				}
-				.flex-tips {
-					color: #929db3;
-					font-size: 28rpx;
-				}
-			}
-			.flex-btn {
-				position: absolute;
-				right: 30rpx;
-				top: 48rpx;
-				height: 60rpx;
-				line-height: 60rpx;
-				border-radius: 80rpx;
-				color: #468bff;
-				background-color: #f8fbff;
-				border: 2rpx solid #d8e6ff;
-				font-size: 28rpx;
-				padding: 0 25rpx;
-			}
-		}
-	}
-</style>
+<template>
+	<view class="content">
+		<view v-if="isAuth">
+			<!-- 状态栏 -->
+			<u-sticky bgColor="#FFFFFF">
+				<view class="status_bar"></view>
+				<view class="work-bar">
+					<view class="work-bar-user">
+						<image class="cover" :src="userInfo.avatar || require('@/static/imgs/default-active.png')"
+							mode="aspectFill"></image>
+						<view class="nickname">{{userInfo.nickname}}<text class="card"
+								v-if="isManager">{{identity.name}}</text></view>
+					</view>
+					<view class="work-bar-add" @click="onCreateOrder" v-if="isManager">
+						<uni-icons class="icon" type="plusempty" size="30rpx" color="#111"></uni-icons>创建订单
+					</view>
+				</view>
+			</u-sticky>
+			<!-- 未认证或未考试 -->
+			<block v-if="!isManager">
+				<view class="block open-interest">
+					<view class="title">实习顾问专属权益</view>
+					<view class="open-interest-flex">
+						<view class="open-interest-item" v-for="(item, index) in rightsArr" :key="index"
+							@click="onToast(item)">
+							<image class="open-interest-icon" :src="item.icon"></image>
+							<view class="open-interest-text">{{item.title}}</view>
+						</view>
+					</view>
+				</view>
+				<view class="block open-interest">
+					<view class="title">仅需3步即可成为实习顾问</view>
+					<view class="open-interest-block">
+						<image class="open-interest-icon"
+							:src="isCertification ? require('@/static/icons/work_icon_25.png'): require('@/static/icons/work_icon_24.png')">
+						</image>
+						<view class="open-interest-text">
+							<view class="open-interest-title">实名认证</view>
+							<view class="open-interest-submit">通过身份证实名认证</view>
+						</view>
+						<button class="open-interest-btn" size="mini" :disabled="isCertification"
+							@click="$Router.push({name: 'UserCertification'})">{{isCertification ? '已认证': '去认证'}}</button>
+					</view>
+					<view class="open-interest-block">
+						<image class="open-interest-icon"
+							:src="isAnswer ? require('@/static/icons/work_icon_25.png'): require('@/static/icons/work_icon_23.png')">
+						</image>
+						<view class="open-interest-text">
+							<view class="open-interest-title">通过实习顾问考试</view>
+							<view class="open-interest-submit">通过线上考试即可完成</view>
+						</view>
+						<button class="open-interest-btn" size="mini" :disabled="isAnswer"
+							@click="$Router.pushTab({name: 'CollegeTest'})">{{isAnswer ? '已通过': '去考试'}}</button>
+					</view>
+					<view class="open-interest-block">
+						<image class="open-interest-icon"
+							:src="sign.isSign ? require('@/static/icons/work_icon_25.png'): require('@/static/icons/work_icon_27.png')">
+						</image>
+						<view class="open-interest-text">
+							<view class="open-interest-title">实习顾问签约</view>
+							<view class="open-interest-submit">完成实习顾问在线签约</view>
+						</view>
+						<button class="open-interest-btn" size="mini" :disabled="sign.isSign"
+							@click="onSign">{{sign.isSign ? '已签约': '去签约'}}</button>
+					</view>
+				</view>
+				<!-- 提示信息 -->
+				<u-popup :show="privilegeShow" mode="center" bgColor="transparent">
+					<view class="privilege-lay">
+						<image class="privilege-lay-img" src="@/static/imgs/privilege-lay-header.png" mode="widthFix">
+						</image>
+						<view class="privilege-lay-content"><text>{{privilegeText}}</text></view>
+						<view class="privilege-lay-remove">
+							<u-icon class="privilege-lay-icon" name="close-circle" color="white" size="30"
+								@click="privilegeShow = false"></u-icon>
+						</view>
+					</view>
+				</u-popup>
+			</block>
+			<!-- 管理中台 -->
+			<block v-else>
+				<view class="flex">
+					<view class="flex-item" @click="onNav('ConsultWork')">
+						<image class="flex-icon" src="/static/icons/icon_00.png" mode="aspectFill"></image>
+						<view class="flex-title">
+							<view class="flex-name">协商调解咨询类</view>
+							<view class="flex-tips">信用卡、贷款业务</view>
+						</view>
+						<view class="flex-btn">去查看</view>
+					</view>
+					<view class="flex-item" @click="onNav('ServiceWork')">
+						<image class="flex-icon" src="/static/icons/icon_01.png" mode="aspectFill"></image>
+						<view class="flex-title">
+							<view class="flex-name">法律咨询类</view>
+							<view class="flex-tips">个人、企业法律</view>
+						</view>
+						<view class="flex-btn">去查看</view>
+					</view>
+					<view class="flex-item" @click="onNav('ActionWork')">
+						<image class="flex-icon" src="/static/icons/icon_02.png" mode="aspectFill"></image>
+						<view class="flex-title">
+							<view class="flex-name">诉讼委托类</view>
+							<view class="flex-tips">案件委托、拓展服务</view>
+						</view>
+						<view class="flex-btn">去查看</view>
+					</view>
+					<view class="flex-item" @click="onToastTips()">
+						<!-- @click="onNav('EnableWork')" -->
+						<image class="flex-icon" src="/static/icons/icon_03.png" mode="aspectFill"></image>
+						<view class="flex-title">
+							<view class="flex-name">增收赋能咨询类</view>
+							<view class="flex-tips">销售、领袖、演说等</view>
+						</view>
+						<view class="flex-btn">去查看</view>
+					</view>
+				</view>
+			</block>
+		</view>
+		<!-- 未登录 -->
+		<view v-else class="auth-null">
+			<u-empty mode="permission" icon="http://cdn.uviewui.com/uview/empty/permission.png" text="暂未登录">
+			</u-empty>
+			<button class="auth-null-btn" size="mini" @click="onNav('Auth')">登录</button>
+		</view>
+	</view>
+</template>
+
+<script>
+	import {
+		index,
+		rights,
+		sign,
+		synthesisCount
+	} from '@/apis/interfaces/work.js'
+	export default {
+		data() {
+			return {
+				isAuth: false,
+				rightsArr: [],
+				userInfo: {
+					nickname: '',
+					avatar: ''
+				},
+				identity: {},
+				isAnswer: false,
+				isCertification: false,
+				certification: null,
+				isManager: false,
+				orderCount: {},
+				// 权益说明
+				privilegeShow: false,
+				privilegeText: '',
+				// 签约状态
+				sign: {
+					isSign: false,
+					address: ""
+				},
+				// 综法订单管理
+				synthesisData: {}
+			};
+		},
+		onShow() {
+			let i = 0;
+			this.isAuth = this.$store.getters.getToken != ''
+			if (this.isAuth) {
+				this.getIndex()
+			}
+		},
+		methods: {
+			// 签约
+			onSign() {
+				if (!this.isCertification) {
+					uni.showToast({
+						title: '暂未实名认证，无法签约，请完成实名认证',
+						icon: 'none'
+					})
+					return
+				}
+				if (this.sign.address == '') {
+					uni.showToast({
+						title: '暂时无法签约，请前往“我的”，点击用户头像，完善通讯地址信息后重试',
+						icon: 'none'
+					})
+					return
+				}
+				uni.showLoading({
+					title: '获取签约地址',
+					mask: true
+				})
+				sign().then(res => {
+					uni.hideLoading()
+					this.$Router.push({
+						name: 'ESign',
+						params: {
+							url: res.sign_url
+						}
+					})
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon: 'none'
+					})
+				})
+			},
+			// 显示业务员权益
+			onToast(val) {
+				this.privilegeText = val.content
+				this.privilegeShow = true
+			},
+			// 工作台信息
+			getIndex() {
+				uni.showLoading({
+					title: '加载中...',
+					mask: true
+				})
+				Promise.all([rights(), index(), synthesisCount()]).then(res => {
+					let rightsData = res[0],
+						indexData = res[1],
+						synthesisData = res[2]
+
+					let {
+						nickname,
+						avatar,
+						business_orders_count,
+						isCertification,
+						certification,
+						isManager,
+						isAnswer,
+						identity,
+						sign
+					} = indexData
+					this.rightsArr = rightsData
+					this.userInfo = {
+						nickname,
+						avatar
+					}
+					this.isCertification = isCertification
+					this.certification = certification
+					this.isManager = isManager
+					this.isAnswer = isAnswer
+					this.orderCount = business_orders_count
+					this.identity = identity
+					this.sign = sign
+
+					this.synthesisData = synthesisData
+
+					uni.hideLoading()
+				}).catch(err => {
+					uni.showToast({
+						title: err.message,
+						icon: 'none'
+					})
+				})
+			},
+			// 导航
+			onNav(name, obj) {
+				let params = obj || {}
+				this.$Router.push({
+					name,
+					params
+				})
+			},
+			// 创建订单
+			onCreateOrder() {
+				uni.showActionSheet({
+					itemList: ['个人订单', '客户订单'],
+					success: res => {
+						this.onNav('OrderCreate', {
+							type: res.tapIndex === 0 ? 'self' : 'other'
+						})
+					}
+				})
+			},
+
+			onToastTips() {
+				uni.showToast({
+					title: '即将开放，敬请期待',
+					icon: 'none'
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.content {
+		padding-bottom: 30rpx;
+	}
+
+	// 登录提示
+	.auth-null {
+		height: 100vh;
+		width: 100vw;
+		background: white;
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+
+		.auth-null-btn {
+			height: 90rpx;
+			line-height: 90rpx;
+			padding: 0;
+			width: 70vw;
+			background: $main-color;
+			color: white;
+			font-size: 32rpx;
+			margin-top: 100rpx;
+			font-weight: bold;
+		}
+	}
+
+	// 弹出特权
+	.privilege-lay {
+		width: 70vw;
+
+		.privilege-lay-img {
+			width: 70vw;
+			vertical-align: top;
+		}
+
+		.privilege-lay-content {
+			background: white;
+			border-radius: 0 0 20rpx 20rpx;
+			width: 70vw;
+			padding: 80rpx 30rpx 50rpx;
+			box-sizing: border-box;
+			margin-top: -50rpx;
+			line-height: 50rpx;
+			color: #111111;
+			font-size: 30rpx;
+		}
+
+		.privilege-lay-remove {
+			padding-top: 30rpx;
+			text-align: center;
+
+			.privilege-lay-icon {
+				display: inline-block;
+			}
+		}
+	}
+
+	// header
+	.work-bar {
+		padding: 30rpx;
+		margin-bottom: 30rpx;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+
+		&-user {
+			position: relative;
+			line-height: 70rpx;
+			height: 70rpx;
+			width: calc(100% - 200rpx);
+			padding-left: 90rpx;
+			box-sizing: border-box;
+
+			.cover {
+				width: 70rpx;
+				height: 70rpx;
+				border-radius: 50%;
+				position: absolute;
+				left: 0;
+				top: 0;
+			}
+
+			.nickname {
+				font-weight: bold;
+				font-size: 34rpx;
+
+				.card {
+					color: $main-color;
+					font-size: 24rpx;
+					display: inline-block;
+					height: 40rpx;
+					line-height: 38rpx;
+					border-radius: 24rpx;
+					padding: 0 15rpx;
+					margin-left: 20rpx;
+					margin-bottom: 2rpx;
+					vertical-align: middle;
+					border: solid 1rpx $main-color;
+					font-weight: normal;
+				}
+			}
+		}
+
+		&-add {
+			width: 200rpx;
+			font-size: 30rpx;
+			text-align: right;
+			line-height: 70rpx;
+
+			.icon {
+				margin-right: 5rpx;
+				font-weight: bold;
+			}
+		}
+	}
+
+	// 订单管理
+	.tool-flex {
+		padding: 0 10rpx;
+		display: flex;
+		flex-wrap: wrap;
+
+		.tool-flex-item {
+			width: 25%;
+			text-align: center;
+			margin-bottom: 30rpx;
+			position: relative;
+
+			.icon {
+				width: 78rpx;
+				height: 78rpx;
+				background: #ddd;
+				border-radius: 20rpx;
+			}
+
+			.number {
+				position: absolute;
+				right: 20%;
+				background: #fe4444;
+				top: -10rpx;
+				height: 40rpx;
+				line-height: 40rpx;
+				min-width: 40rpx;
+				font-size: 24rpx;
+				color: white;
+				border-radius: 50%;
+			}
+
+			.text {
+				line-height: 40rpx;
+				font-size: 26rpx;
+				color: #111;
+				text-align: center;
+			}
+		}
+	}
+
+	// 数据统计单
+	.total-flex {
+		padding: 0 20rpx 20rpx;
+		display: flex;
+		flex-direction: row;
+		flex-wrap: wrap;
+
+		.total-item {
+			margin: 0 10rpx 20rpx;
+			background: #f8f8f8;
+			width: calc(50% - 20rpx);
+			padding: 20rpx 20rpx 20rpx 120rpx;
+			box-sizing: border-box;
+			border-radius: $radius;
+			position: relative;
+			min-height: 140rpx;
+
+			.icon {
+				position: absolute;
+				left: 20rpx;
+				top: 50%;
+				width: 70rpx;
+				height: 70rpx;
+				margin-top: -35rpx;
+			}
+
+			.title {
+				font-size: 28rpx;
+				color: #111;
+				line-height: 40rpx;
+				@extend .nowrap;
+			}
+
+			.number {
+				padding-top: 5rpx;
+				font-weight: bold;
+				font-size: 34rpx;
+				color: #111;
+				font-family: Arial, Helvetica, sans-serif;
+				line-height: 40rpx;
+				@extend .nowrap;
+
+				text {
+					font-size: 80%;
+					font-weight: normal;
+					padding-left: 10rpx;
+				}
+			}
+		}
+	}
+
+	// 通用板块
+	.block {
+		background: white;
+		margin: 0 30rpx 20rpx;
+		border-radius: $radius;
+
+		.block-title {
+			padding: 30rpx;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			font-weight: bold;
+			color: '#111';
+			font-size: 32rpx;
+		}
+	}
+
+	// 开通业务员
+	.open-interest {
+		padding: 30rpx;
+		margin-bottom: 30rpx;
+
+		.title {
+			text-align: center;
+			font-size: 34rpx;
+			font-weight: bold;
+			line-height: 80rpx;
+		}
+
+		.open-interest-flex {
+			display: flex;
+			flex-wrap: wrap;
+			padding-top: 30rpx;
+			justify-content: space-between;
+
+			.open-interest-item {
+				text-align: center;
+
+				.open-interest-icon {
+					width: 88rpx;
+					height: 88rpx;
+					vertical-align: top;
+					margin-bottom: 15rpx;
+				}
+
+				.open-interest-text {
+					font-size: 28rpx;
+					color: #111111;
+					line-height: 40rpx;
+				}
+			}
+		}
+
+		// 开通步骤
+		.open-interest-block {
+			padding: 30rpx 0;
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+
+			.open-interest-icon {
+				width: 88rpx;
+				height: 88rpx;
+			}
+
+			.open-interest-text {
+				width: calc(100% - 258rpx);
+				padding: 0 30rpx;
+				box-sizing: border-box;
+
+				.open-interest-title {
+					font-weight: bold;
+					color: #111111;
+					line-height: 40rpx;
+					font-size: 30rpx;
+				}
+
+				.open-interest-submit {
+					color: #666666;
+					font-size: 26rpx;
+					line-height: 40rpx;
+				}
+			}
+
+			.open-interest-btn[size="mini"] {
+				width: 170rpx;
+				height: 70rpx;
+				line-height: 70rpx;
+				padding: 0;
+				border-radius: 35rpx;
+				background: $main-color;
+				color: white;
+				font-size: 30rpx;
+
+				&::after {
+					display: none;
+				}
+
+				&[disabled] {
+					background: #EEEEEE;
+					color: #999999;
+				}
+			}
+		}
+	}
+
+	.flex {
+		width: 100%;
+		padding: 0 30rpx;
+		box-sizing: border-box;
+
+		&-item {
+			background: white;
+			padding: 30rpx;
+			border-radius: 30rpx;
+			margin-top: 30rpx;
+			display: flex;
+			box-sizing: border-box;
+			position: relative;
+
+			.flex-icon {
+				width: 48px;
+				height: 48px;
+				background: #dce1fb;
+				border-radius: 30rpx;
+			}
+
+			.flex-title {
+				box-sizing: border-box;
+				padding-left: 30rpx;
+
+				.flex-name {
+					color: #293f66;
+					font-size: 34rpx;
+					font-weight: bold;
+					padding: 4rpx 0;
+				}
+
+				.flex-tips {
+					color: #929db3;
+					font-size: 28rpx;
+				}
+			}
+
+			.flex-btn {
+				position: absolute;
+				right: 30rpx;
+				top: 48rpx;
+				height: 60rpx;
+				line-height: 60rpx;
+				border-radius: 80rpx;
+				color: #468bff;
+				background-color: #f8fbff;
+				border: 2rpx solid #d8e6ff;
+				font-size: 28rpx;
+				padding: 0 25rpx;
+			}
+		}
+	}
+</style>
\ No newline at end of file