diff --git a/pages.json b/pages.json
index 395a9a4..bf70bd9 100644
--- a/pages.json
+++ b/pages.json
@@ -2078,7 +2078,8 @@
 				"pagePath": "pages/my/index",
 				"iconPath": "static/tabbar/bottom4_1.png",
 				"selectedIconPath": "static/tabbar/bottom4_2.png",
-				"text": "我的盛安"
+				"text": "我的盛安",
+				"badge": ""
 			}
 		]
 	}
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 457c445..4a13d7f 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -8,15 +8,16 @@
 					<image src="../../static/liliao-1.png" class="dingwei-img"></image>
 				</view>
 			</view> -->
-			<view class="index-line" >
+			<view class="index-line">
 				<view class="flex">
-					<view><image class="salogo" src="../../static/salogo.gif"></image></view>
-					<view v-if="XCXIsSelect != '否'" class="flex locate-line"
-					 @tap="goCity">
+					<view>
+						<image class="salogo" src="../../static/salogo.gif"></image>
+					</view>
+					<view v-if="XCXIsSelect != '否'" class="flex locate-line" @tap="goCity">
 						<!--<image src="../../static/liliao-1.png" class="dingwei-img"></image>-->
 						<view class="localName">{{ city }}
 							<view class="view-more"></view>
-						</view>			
+						</view>
 					</view>
 				</view>
 				<!-- <view class="index-top-left font-size-34">盛安到家</view> -->
@@ -39,24 +40,25 @@
 				<view class="index-headset">
 					<!--<image style="width: 26rpx; height: 26rpx;"  src="../../static/index-nav-4.png" @click="goChat()" mode="widthFix"></image>
 					 <image  src="../../static/index-nav-5.png" mode="widthFix"></image> -->
-					 <image class="index-yanzheng" src="../../static/images/index/renzheng01.png" mode=""></image>
-					 <image class="index-yanzheng" src="../../static/images/index/renzheng02.png" mode=""></image>
-					 <image class="index-yanzheng" src="../../static/images/index/renzheng03.png" mode=""></image>
+					<image class="index-yanzheng" src="../../static/images/index/renzheng01.png" mode=""></image>
+					<image class="index-yanzheng" src="../../static/images/index/renzheng02.png" mode=""></image>
+					<image class="index-yanzheng" src="../../static/images/index/renzheng03.png" mode=""></image>
 				</view>
 
 			</view>
 			<view class="flex align-center index-mian">
 
-				<uni-search-bar placeholder="请输入项目名称" @service="serviceTrue" @confirm="search" :cancelext="'取消'" v-model="searchValue" @input="input"
-				 @clear="clear">
+				<uni-search-bar placeholder="请输入项目名称" @service="serviceTrue" @confirm="search" :cancelext="'取消'"
+					v-model="searchValue" @input="input" @clear="clear">
 				</uni-search-bar>
-				<view class="search-btn" @click="searchBtn" >
+				<view class="search-btn" @click="searchBtn">
 					搜索
 				</view>
 
 			</view>
 			<view class="index-nav-bottom width">
-				<image src="../../static/index-nav-8.png" mode="widthFix" @click="goNav('/pages/cooperate/index')"></image>
+				<image src="../../static/index-nav-8.png" mode="widthFix" @click="goNav('/pages/cooperate/index')">
+				</image>
 				<image src="../../static/index-nav-7.png" mode="widthFix" @click="xinren"></image>
 			</view>
 		</view>
@@ -73,7 +75,8 @@
 		</view>
 		<view class="star-technician width">
 			<view class="star-technician-mian">
-				<liu-goods-swiper :goodsList="starTechnician" :imgWidth="165" :imgHeight="120" @clickItem="chooseItem" @cancellable='false' ></liu-goods-swiper>
+				<liu-goods-swiper :goodsList="starTechnician" :imgWidth="165" :imgHeight="120" @clickItem="chooseItem"
+					@cancellable='false'></liu-goods-swiper>
 			</view>
 		</view>
 		<view class="index-project width">
@@ -97,20 +100,23 @@
 				<image src="../../static/index-fenglei15.png" mode="widthFix"></image>
 				<span class="feng_word">私密护理</span>
 			</view>
-			<view class="index-project-content"  @click="goNav('/pages/my/txszList?classifyId='+'113')">
+			<view class="index-project-content" @click="goNav('/pages/my/txszList?classifyId='+'113')">
 				<image src="../../static/index-fenglei14.png" mode="widthFix"></image>
 				<span class="feng_word">正骨拨筋</span>
 			</view>
 
-			<view class="index-project-content" @click="goNav('/pages/my/indextaociliaoList?type='+104+'&name='+'index')">
+			<view class="index-project-content"
+				@click="goNav('/pages/my/indextaociliaoList?type='+104+'&name='+'index')">
 				<image src="../../static/index-fenglei1.png" mode="widthFix"></image>
 				<span class="feng_word">盛安套餐</span>
 			</view>
-			<view class="index-project-content" @click="goNav('/pages/my/indextaociliaoList?type='+106+'&name='+'index')">
+			<view class="index-project-content"
+				@click="goNav('/pages/my/indextaociliaoList?type='+106+'&name='+'index')">
 				<image src="../../static/index-fenglei6.png" mode="widthFix"></image>
 				<span class="feng_word">服务疗程</span>
 			</view>
-			<view class="index-project-content" @click="goNav('/pages/my/indextaociliaoList?type='+105+'&name='+'index')">
+			<view class="index-project-content"
+				@click="goNav('/pages/my/indextaociliaoList?type='+105+'&name='+'index')">
 				<image src="../../static/index-fenglei19.png" mode="widthFix"></image>
 				<span class="feng_word">项目次卡</span>
 			</view>
@@ -125,10 +131,12 @@
 		</view>
 		<view class="index-guanggao width">
 			<!-- <image class="index-guanggao-pintuan" @click="qidai()" src="../../static/pintuan.png" mode="widthFix"></image> -->
-			<image class="index-guanggao-pintuan index-interval" @click="goNav('/pages/my/newseckill?text='+'index')" src="../../static/cika2.png" mode="widthFix"></image>
+			<image class="index-guanggao-pintuan index-interval" @click="goNav('/pages/my/newseckill?text='+'index')"
+				src="../../static/cika2.png" mode="widthFix"></image>
 			<view class="index-guanggao-right">
 				<!-- <image class="index-guanggao-right-cika index-interval" @click="goNav('/pages/my/newseckill?text='+'index')" src="../../static/cika2.png" mode="widthFix"></image> -->
-				<image class="index-guanggao-right-yuyue" @click="yuedao('企业')" src="../../static/yuyue.png" mode="widthFix"></image>
+				<image class="index-guanggao-right-yuyue" @click="yuedao('企业')" src="../../static/yuyue.png"
+					mode="widthFix"></image>
 			</view>
 		</view>
 		<view class="index-fujin">
@@ -147,7 +155,9 @@
 					<view class="index-fujin-view">
 						<image class="index-fujin-view-img" :src="item.artificerImg" mode=""></image>
 						<view class="index-fujin-view-text">
-							<view><image src="../../static/fujin-dingwei.png" mode="w"></image></view>
+							<view>
+								<image src="../../static/fujin-dingwei.png" mode="w"></image>
+							</view>
 							<view><span>{{item.dingwei}}km</span></view>
 						</view>
 					</view>
@@ -163,7 +173,8 @@
 				<view class="index-taocan-view">
 					<view class="index-taocan-view-nav" v-for="item in felNav" :key="item.id" @click="chengFel(item)">
 						<view class="index-taocan-view-nav-s">
-							<span class="index-taocan-view-nav-text" :class="[currentTabFl==item.id?'activeL':'activeH']">{{item.name}}</span>
+							<span class="index-taocan-view-nav-text"
+								:class="[currentTabFl==item.id?'activeL':'activeH']">{{item.name}}</span>
 						</view>
 						<view class="fenjie"></view>
 					</view>
@@ -171,9 +182,10 @@
 				<view class="index-card">
 					<view class="index-card-view" v-for="(item,index) in tjData" :key="index" @click="goDatail(item)">
 						<view class="index-card-view-title">
-							<image class="index-card-image" :src="item.packageImg?item.packageImg:item.massageImg" mode=""></image>
+							<image class="index-card-image" :src="item.packageImg?item.packageImg:item.massageImg"
+								mode=""></image>
 							<!-- <view class="index-card-view-title-left">{{item.title}}</view> -->
-							<view class="index-card-view-title-right" >
+							<view class="index-card-view-title-right">
 								<text v-if="item.tagsData!=''">{{item.tagsData[0]}}</text>
 								<text v-else>助眠解压</text>
 							</view>
@@ -210,7 +222,8 @@
 			<view class="body-view">
 				<!-- 使用scroll-view实现tabs滑动切换 -->
 				<scroll-view class="top-menu-view" scroll-x="true" scroll-with-animation :scroll-left="scrollLeft">
-					<view class="menu-topic-view" v-for="(item,index) in tabs" :id="'tabNum'+item.id" :key="index" @click="swichMenu(index,item.id)">
+					<view class="menu-topic-view" v-for="(item,index) in tabs" :id="'tabNum'+item.id" :key="index"
+						@click="swichMenu(index,item.id)">
 						<view :class="currentTab==index ? 'menu-topic-act' : 'menu-topic'">
 							<text class="menu-topic-text">{{item.name}}</text>
 							<view class="menu-topic-bottom">
@@ -241,26 +254,16 @@
 		</view>
 		<view style="width: 100%;height: 700px;"></view>
 		<view class="kefu" @click="goMsg">
-			<image src="../../static/kefu.png" mode=""></image>
+			<image :class="{'blinking': haveNewMsg}" src="../../static/kefu.png" mode=""></image>
 			<!--<span>联系客服</span>-->
 		</view>
 		<!-- 经验筛选 -->
 		<u-select v-model="Cityshow" style="height: auto;" :list="cityList" @confirm="getCity"></u-select>
 		<uni-popup style="width: 100%;height: 100vh;" type="center" ref="bofang" @touchmove.stop.prevent="moveHandle">
 			<view style="width: 100%;height: 100%;position: relative;">
-				<video
-					id="myVideo"
-					style="width: 100%;height: 100%;"
-					:loop="true"
-					:muted="false"
-					:show-fullscreen-btn='false'
-					:enable-play-gesture='true'
-					:autoplay="false"
-					:show-play-btn='false'
-					:show-center-play-btn='false'
-					:http-cache="true"
-					 @click="jieshu"
-					:src="filePath"></video>
+				<video id="myVideo" style="width: 100%;height: 100%;" :loop="true" :muted="false"
+					:show-fullscreen-btn='false' :enable-play-gesture='true' :autoplay="false" :show-play-btn='false'
+					:show-center-play-btn='false' :http-cache="true" @click="jieshu" :src="filePath"></video>
 				<view class="videoConten">{{contentVideo}}</view>
 				<view class="videoHover" v-if="playShow==true" @click="kaishi">
 					<image class="playState" src="@/static/bofang.png"></image>
@@ -270,51 +273,70 @@
 				</view>
 				<view class="userInfo">
 					<!-- 1.头像 -->
-					<image @click="tozuozhe(artificerItem)" class="userAvatar" :src="artificerItem.artificerImg" mode="aspectFill"></image>
+					<image @click="tozuozhe(artificerItem)" class="userAvatar" :src="artificerItem.artificerImg"
+						mode="aspectFill"></image>
 					<!-- 2.上线或者下单 -->
-					<view v-if="artificerItem.onLine == 1" class="comment list-view" @click="tozuozhe(artificerItem)" style="opacity: 0.9; margin-top: 17px;">
-						<image src="@/static/img/index/lijiyuyue.png" style="width:40px; height:40px; position: absolute; right: 7px;"></image>
-						<text style="color: #FFFFFF; margin-top: 5px; font-size: 14px; font-weight: bold; text-align: center; margin-top: 40px;">预约</text>
+					<view v-if="artificerItem.onLine == 1" class="comment list-view" @click="tozuozhe(artificerItem)"
+						style="opacity: 0.9; margin-top: 17px;">
+						<image src="@/static/img/index/lijiyuyue.png"
+							style="width:40px; height:40px; position: absolute; right: 7px;"></image>
+						<text
+							style="color: #FFFFFF; margin-top: 5px; font-size: 14px; font-weight: bold; text-align: center; margin-top: 40px;">预约</text>
 					</view>
-					<view v-if="artificerItem.onLine == 2" class="comment list-view" @click="shangxian(artificerItem)" style="opacity: 0.9; margin-top: 17px;">
-						<image src="@/static/img/index/qingtashangxian.png" style="width:40px; height:40px; position: absolute; right: 7px;"></image>
-						<text style="color: #FFFFFF; margin-top: 5px; font-size: 14px; font-weight: bold; text-align: center; margin-top: 40px;">上线</text>
+					<view v-if="artificerItem.onLine == 2" class="comment list-view" @click="shangxian(artificerItem)"
+						style="opacity: 0.9; margin-top: 17px;">
+						<image src="@/static/img/index/qingtashangxian.png"
+							style="width:40px; height:40px; position: absolute; right: 7px;"></image>
+						<text
+							style="color: #FFFFFF; margin-top: 5px; font-size: 14px; font-weight: bold; text-align: center; margin-top: 40px;">上线</text>
 					</view>
 					<!-- 3.点赞 -->
 					<view class="list-view" @click="cLike(artificerItem);" style="opacity: 0.9; margin-top: 17px;">
-						<image v-if="artificerItem.sfdz==1" src="@/static/img/index/xin.png" style="width: 40px; height: 40px; position: absolute; right: 6px;"></image>
-						<image v-if="artificerItem.sfdz==0" src="@/static/img/index/xin-2.png" style="width: 40px; height: 40px; position: absolute; right: 6px;"></image>
-						<text style="color: #FFFFFF; margin-top: 5px; font-size: 14px; text-align: center; margin-top: 40px; font-weight: bold;" :class="{'likeNumActive':artificerItem.sfdz}">{{artificerItem.dzs}}</text>
+						<image v-if="artificerItem.sfdz==1" src="@/static/img/index/xin.png"
+							style="width: 40px; height: 40px; position: absolute; right: 6px;"></image>
+						<image v-if="artificerItem.sfdz==0" src="@/static/img/index/xin-2.png"
+							style="width: 40px; height: 40px; position: absolute; right: 6px;"></image>
+						<text
+							style="color: #FFFFFF; margin-top: 5px; font-size: 14px; text-align: center; margin-top: 40px; font-weight: bold;"
+							:class="{'likeNumActive':artificerItem.sfdz}">{{artificerItem.dzs}}</text>
 					</view>
 					<!-- 4.评论 -->
-					<view class="comment list-view" @click="toComment(artificerItem)" style="opacity: 0.9; margin-top: 17px;">
-						<image src="@/static/img/index/liaotian-2.png" style="width:38px; height:36px; position: absolute; right: 7px;"></image>
-						<text style="color: #FFFFFF; margin-top: 5px; font-size: 14px; font-weight: bold; text-align: center; margin-top: 40px;">{{artificerItem.pls}}</text>
+					<view class="comment list-view" @click="toComment(artificerItem)"
+						style="opacity: 0.9; margin-top: 17px;">
+						<image src="@/static/img/index/liaotian-2.png"
+							style="width:38px; height:36px; position: absolute; right: 7px;"></image>
+						<text
+							style="color: #FFFFFF; margin-top: 5px; font-size: 14px; font-weight: bold; text-align: center; margin-top: 40px;">{{artificerItem.pls}}</text>
 					</view>
 				</view>
 			</view>
 		</uni-popup>
 		<uni-popup class="uni-popup" type="bottom" ref="pinglun" @touchmove.stop.prevent="moveHandle">
-			<view class="popup-content-pl" :style="'width: '+ windowWidth +'px; height: '+ (boxStyle.height/heightNum) +'px;'">
-				<CComment ref="ccRef" :showPopup="showPopup" :userInfo="userInfo" :tableData="tableData" :tableTotal="tableTotal" likeFun="likeFun" @replyFun="replyFun" @deleteFun="deleteFun" :deleteMode="deleteMode"></CComment>
+			<view class="popup-content-pl"
+				:style="'width: '+ windowWidth +'px; height: '+ (boxStyle.height/heightNum) +'px;'">
+				<CComment ref="ccRef" :showPopup="showPopup" :userInfo="userInfo" :tableData="tableData"
+					:tableTotal="tableTotal" likeFun="likeFun" @replyFun="replyFun" @deleteFun="deleteFun"
+					:deleteMode="deleteMode"></CComment>
 			</view>
 		</uni-popup>
 		<view>
 			<!-- 提前结束 -->
 			<uni-popup class="popup-view" ref="popup" background-color="#fff">
 				<view class="popup-content">
-					<view class="popup-close"><image @click="closePopup(type)" class="popup-close-img" src="../../static/close.png"></image></view>
+					<view class="popup-close">
+						<image @click="closePopup(type)" class="popup-close-img" src="../../static/close.png"></image>
+					</view>
 					<!--<view class="popup-head">
 						<span></span>
 						<span @click="closePopup(type)">x</span>
 					</view>-->
 					<view class="popup-mian">
 						<view class="popup-mian-view">
-							<view class="index-project-content1"  @click="goNav('/pages/my/newTeaml?text='+'index')">
+							<view class="index-project-content1" @click="goNav('/pages/my/newTeaml?text='+'index')">
 								<image src="../../static/index-fenglei20.png" mode="widthFix"></image>
 								<span class="feng_word">超值拼团</span>
 							</view>
-							<view class="index-project-content1"  @click="chaoji">
+							<view class="index-project-content1" @click="chaoji">
 								<image src="../../static/index-fenglei10.png" mode="widthFix"></image>
 								<span class="feng_word">充值赠送</span>
 							</view>
@@ -339,6 +361,7 @@
 </template>
 
 <script>
+	import * as websocketUtils from 'utils/websocketUtils.js';
 	import CComment from "@/components/XJ-comment/index";
 	import commonConfig from 'common/config.js';
 
@@ -352,15 +375,18 @@
 	let audo = uni.createInnerAudioContext()
 	audo.loop = true
 	export default {
-		components:{CComment},
+		components: {
+			CComment
+		},
 		data() {
 			return {
-				checkboxShow:1,
-				filePath:'',
-				playShow:false,
-				videoId:0,
+				haveMsg: false,
+				checkboxShow: 1,
+				filePath: '',
+				playShow: false,
+				videoId: 0,
 				current: 0,
-				serviceTrue:true,
+				serviceTrue: true,
 				cityList: [],
 				Cityshow: false,
 				artificerName: '',
@@ -373,26 +399,26 @@
 				city: '请选择地址',
 				XCXIsSelect: '否',
 				currentTabFl: 1,
-				tjData:[],
-				felNav:[{
-						id:1,
+				tjData: [],
+				felNav: [{
+						id: 1,
 						name: '大家常买'
 					},
 					{
-						id:2,
+						id: 2,
 						name: '全部项目',
 					},
 					{
-						id:3,
+						id: 3,
 						name: '行业大拿'
 					},
 					{
-						id:4,
+						id: 4,
 						name: '女性专区',
 					},
 
 				],
-				scrollLeft:0,
+				scrollLeft: 0,
 				tabs: [{
 						id: 1,
 						name: '推荐'
@@ -409,44 +435,44 @@
 				currentTab: 0,
 				tabCurrent: 'tabNum1',
 				// Tab切换内容
-				swiperDateLists:[],
+				swiperDateLists: [],
 				swiperDateList: [{
 						id: 1,
 						content: '中医推拿',
-						name:'李安茹',
+						name: '李安茹',
 					},
 					{
 						id: 2,
 						content: '中医推拿',
-						name:'李安茹',
+						name: '李安茹',
 					},
 					{
 						id: 3,
 						content: '中医推拿',
-						name:'李安茹',
+						name: '李安茹',
 					},
 
 				],
-				typeList:[],
+				typeList: [],
 				searchValue: '',
-				starTechnician:[],//明星技师
-				nearbyTechnician:[],//附近技师
+				starTechnician: [], //明星技师
+				nearbyTechnician: [], //附近技师
 				classifyId: '',
-				page:1,
-				limit:10,
+				page: 1,
+				limit: 10,
 				arr: [],
 				txAppKey: '',
 				tpSel: 0,
 				tpCount: 0,
-				cuowu:'',
-				type:'center',
-				parType:'',
-				contentVideo:'',
-				Key2:'ad684a15ebbb6f5d12c407a3d593c949',
-				latadd:'',
-				cityname:'',
-				artificerItem:{},
-				showPopup:false,
+				cuowu: '',
+				type: 'center',
+				parType: '',
+				contentVideo: '',
+				Key2: 'ad684a15ebbb6f5d12c407a3d593c949',
+				latadd: '',
+				cityname: '',
+				artificerItem: {},
+				showPopup: false,
 				ccRef: null,
 				userInfo: {
 					id: 120,
@@ -460,10 +486,16 @@
 				windowHeight: 0,
 				heightNum: 1.18,
 				deleteHeight: 0,
-				boxStyle:{//视频，图片封面样式🌟💗
+				boxStyle: { //视频，图片封面样式🌟💗
 					'height': 0,
 					'width': 0,
 				},
+				connected: false,
+				connecting: false,
+				haveNewMsg: false,
+				msgInterval: null,
+				isInit: true,
+				kfInterval: null,
 			}
 		},
 		onShareAppMessage(res) { //发送给朋友
@@ -482,13 +514,14 @@
 		},
 		onLoad(e) {
 			let that = this
-			if(this.platform == 'ios' && (model !== 'iPhone6' || model !== 'iPhone6s' || model !== 'iPhone7' || model !== 'iPhone8')){
-				this.deleteHeight = 0//有 tabbar的 修改这里可以改变视频高度
+			if (this.platform == 'ios' && (model !== 'iPhone6' || model !== 'iPhone6s' || model !== 'iPhone7' || model !==
+					'iPhone8')) {
+				this.deleteHeight = 0 //有 tabbar的 修改这里可以改变视频高度
 			}
 			this.windowWidth = uni.getSystemInfoSync().windowWidth;
 			this.windowHeight = uni.getSystemInfoSync().windowHeight;
-			this.boxStyle.width = this.windowWidth + 'px';//给宽度加px
-			this.boxStyle.height = this.windowHeight - this.deleteHeight;//有 tabbar的 修改这里可以改变视频高度
+			this.boxStyle.width = this.windowWidth + 'px'; //给宽度加px
+			this.boxStyle.height = this.windowHeight - this.deleteHeight; //有 tabbar的 修改这里可以改变视频高度
 			that.getBannerList()
 			that.remen()
 			// that.getKTCityList();
@@ -525,15 +558,15 @@
 					}
 				}
 			})
-			var add=uni.getStorageSync('cityAdderss');
-			if(add!=''){
-			  that.city=add.name;
-			  that.cityname=add.cityname;
-			  var location=add.location.split(",")
-			  that.longitude = location[0]
-			  that.latitude = location[1]
-			  console.log("onLoad=========>",add)
-			}else{
+			var add = uni.getStorageSync('cityAdderss');
+			if (add != '') {
+				that.city = add.name;
+				that.cityname = add.cityname;
+				var location = add.location.split(",")
+				that.longitude = location[0]
+				that.latitude = location[1]
+				console.log("onLoad=========>", add)
+			} else {
 				uni.getLocation({
 					type: 'gcj02',
 					geocode: true, //设置该参数为true可直接获取经纬度及城市信息
@@ -545,12 +578,12 @@
 						uni.setStorageSync('latitude', res.latitude)
 						uni.setStorageSync('longitude', res.longitude)
 						that.getHomeNearbyList();
-						that.selectCity(that.longitude,that.latitude)
+						that.selectCity(that.longitude, that.latitude)
 					},
 					fail: function(e) {
-						that.cuowu=e
+						that.cuowu = e
 						that.getHomeNearbyList();
-						console.log("获取信息失败，请重试！",e)
+						console.log("获取信息失败，请重试！", e)
 						// #ifdef APP-PLUS
 						that.checkPermission();
 						// #endif
@@ -565,14 +598,14 @@
 			that.XCXIsSelect = this.$queue.getData("XCXIsSelect");
 			let userId = uni.getStorageSync('userId')
 			if (userId) {
-				var add=uni.getStorageSync('cityAdderss');
-				if(add!=''){
-				  that.city=add.name;
-				  that.cityname=add.cityname;
-				  var location=add.location.split(",")
-				  that.longitude = location[0]
-				  that.latitude = location[1]
-				  console.log("onShow=========>",add)
+				var add = uni.getStorageSync('cityAdderss');
+				if (add != '') {
+					that.city = add.name;
+					that.cityname = add.cityname;
+					var location = add.location.split(",")
+					that.longitude = location[0]
+					that.latitude = location[1]
+					console.log("onShow=========>", add)
 				}
 				that.getTpMy();
 				// that.getTpCount();
@@ -585,20 +618,31 @@
 				that.getIsVip()
 				// that.getHomeArtificerList();
 				that.getHomeNearbyList();
-			}else{
+			} else {
 				// uni.navigateTo({
 				// 	url: '/pages/public/login'
 				// })
 			}
 			that.token = uni.getStorageSync('token');
+
+			//客服按钮是否有新消息逻辑代码
+			that.haveNewMsg = false
+			if (that.kfInterval == null) {
+				that.selectMsg(true)
+				that.kfInterval = setInterval(() => {
+					that.selectMsg(false)
+				}, 5000)
+			}
+
 		},
 		computed: {
-		    scrollIntoView() {
-		      return 'tab' + this.currentTab;
-		    }
-		  },
+			scrollIntoView() {
+				return 'tab' + this.currentTab;
+			}
+		},
 		methods: {
-			goMsg() { //客服聊天
+			selectMsg(isRefresh) {
+				let that = this
 				let data = {
 					userId: uni.getStorageSync('userId'),
 					focusedUserId: '0',
@@ -607,6 +651,44 @@
 				// app/chat/insertChatConversation
 				this.$Request.postJson('/app/chat/insertChatConversation', data).then(res => {
 					if (res.data) {
+						that.$Request.get('/app/chat/selectChatContent?page=1&limit=1000&chatConversationId=' + res
+							.data.chatConversationId).then(
+							res => {
+								if (res.data) {
+									let count_ = res.data.totalCount
+									//将新的查询结果进行保存  isRefresh意义：首次进入页面时才查询
+									if (isRefresh) that.$queue.setData('keFuLastMsgCount', count_);
+									//将每次最新读到的结果保存到keFuNewMsgCount中，方便其它页面使用
+									that.$queue.setData('keFuNewMsgCount', count_);
+									let keFuLastMsgCount = that.$queue.getData('keFuLastMsgCount')
+									if (keFuLastMsgCount == undefined) {
+										//说明是第一次查询 或 上一次查询结果是0
+										//此时只要查询到的结果数量>0则代表有新消息
+										if (count_ > 0) {
+											that.haveNewMsg = true
+										}
+									} else {
+										//如果新接收到的消息数量比上一次多 则判定为有新消息
+										if (count_ > keFuLastMsgCount) {
+											that.haveNewMsg = true
+										}
+									}
+								}
+							});
+					}
+				})
+			},
+			goMsg() { //客服聊天
+				let that = this
+				let data = {
+					userId: uni.getStorageSync('userId'),
+					focusedUserId: '0',
+					// userName:this.order.userName
+				}
+				// app/chat/insertChatConversation
+				this.$Request.postJson('/app/chat/insertChatConversation', data).then(res => {
+					if (res.data) {
+						that.haveNewMsg = false
 						let id = this.ordersId == res.data.userId ? res.data.focusedUserId : this.ordersId
 						uni.navigateTo({
 							url: '/pages/msg/im?chatConversationId=' + res.data.chatConversationId +
@@ -616,68 +698,70 @@
 				})
 			},
 			selectCity(longitude, latitude) {
-				var that=this;
+				var that = this;
 				var longitude = that.longitude;
 				var latitude = that.latitude;
 				let amapKey = that.Key2; // 替换为你的高德地图API Key
-				let url = `https://restapi.amap.com/v3/geocode/regeo?key=${amapKey}&location=${longitude},${latitude}&radius=1000`;
+				let url =
+					`https://restapi.amap.com/v3/geocode/regeo?key=${amapKey}&location=${longitude},${latitude}&radius=1000`;
 				uni.request({
-				  url: url,
-				  success: (response) => {
-				    if(response.data && response.data.regeocode) {
-				      let address = response.data.regeocode.formatted_address;
-					  let province = response.data.regeocode.addressComponent.province;
-					  let city = response.data.regeocode.addressComponent.city;
-				      let district = response.data.regeocode.addressComponent.district;
-				      let township = response.data.regeocode.addressComponent.township;
-					  let streetNumber = response.data.regeocode.addressComponent.streetNumber.street;
-					  let number = response.data.regeocode.addressComponent.streetNumber.number;
-					  that.city = address.replace(province,'').replace(city,'').replace(district,'').replace(streetNumber,'').replace(number,'').replace(township,'')
-				      that.cityname=add.city;
-					  var add=uni.getStorageSync('cityAdderss');
-					  if(add!=''){
-					    that.city=add.name;
-						that.cityname=add.cityname;
-					    var location=add.location.split(",")
-					    that.longitude = location[0]
-					    that.latitude = location[1]
-					    console.log("location=========>",location)
-					  }
-					  that.page = 1;
-					 // that.getTpCount();
-				    } else {
-				      console.log('逆地理编码失败', response.data);
-				    }
-				  },
-				  fail: (error) => {
-				    console.log('网络请求失败', error);
-				  }
+					url: url,
+					success: (response) => {
+						if (response.data && response.data.regeocode) {
+							let address = response.data.regeocode.formatted_address;
+							let province = response.data.regeocode.addressComponent.province;
+							let city = response.data.regeocode.addressComponent.city;
+							let district = response.data.regeocode.addressComponent.district;
+							let township = response.data.regeocode.addressComponent.township;
+							let streetNumber = response.data.regeocode.addressComponent.streetNumber.street;
+							let number = response.data.regeocode.addressComponent.streetNumber.number;
+							that.city = address.replace(province, '').replace(city, '').replace(district, '')
+								.replace(streetNumber, '').replace(number, '').replace(township, '')
+							that.cityname = add.city;
+							var add = uni.getStorageSync('cityAdderss');
+							if (add != '') {
+								that.city = add.name;
+								that.cityname = add.cityname;
+								var location = add.location.split(",")
+								that.longitude = location[0]
+								that.latitude = location[1]
+								console.log("location=========>", location)
+							}
+							that.page = 1;
+							// that.getTpCount();
+						} else {
+							console.log('逆地理编码失败', response.data);
+						}
+					},
+					fail: (error) => {
+						console.log('网络请求失败', error);
+					}
 				});
 			},
-			guanbi(){
-				this.playShow=false;
+			guanbi() {
+				this.playShow = false;
 				const videoContext = uni.createVideoContext('myVideo', this);
 				videoContext.pause(); // 播放视频
 				this.$refs.bofang.close("center");
 			},
-			jieshu(){
-				this.playShow=true;
+			jieshu() {
+				this.playShow = true;
 				const videoContext = uni.createVideoContext('myVideo', this);
 				videoContext.pause(); // 播放视频
 			},
-			kaishi(){
-			  this.playShow=false;
-			  const videoContext = uni.createVideoContext('myVideo', this);
-			  videoContext.src = this.filePath; // 设置视频源
-			  videoContext.play(); // 播放视频
+			kaishi() {
+				this.playShow = false;
+				const videoContext = uni.createVideoContext('myVideo', this);
+				videoContext.src = this.filePath; // 设置视频源
+				videoContext.play(); // 播放视频
 			},
-			towxh5Video(item,index){
+			towxh5Video(item, index) {
 				console.log(item);
-				this.playShow=true;
-				this.filePath=item.filePath;
-				this.contentVideo=item.content;
-				this.artificerItem=item;
-				this.videoId=item.id;
+				this.playShow = true;
+				this.filePath = item.filePath;
+				this.contentVideo = item.content;
+				this.artificerItem = item;
+				this.videoId = item.id;
 				// const videoContext = uni.createVideoContext('myVideo', this);
 				// videoContext.src = this.filePath; // 设置视频源
 				// setTimeout(()=>{
@@ -685,45 +769,45 @@
 				// },100)
 				this.$refs.bofang.open("center")
 			},
-			swichMenu(index,id) {//视频导航
+			swichMenu(index, id) { //视频导航
 				this.currentTab = index;
-			      // 计算需要滚动的距离
-			      const query = uni.createSelectorQuery().in(this);
-			      query.select('.top-menu-view').boundingClientRect(data => {
-			        this.scrollLeft = data.width / this.tabs.length * index;
-			      }).exec();
-				  this.parType=index+1;
-				  this.getVideo()
-			},
-			swiperChange(e) {//视频导航
-				let index = e.detail.current
-				this.swichMenu(index);
-				this.parType=index+1;
+				// 计算需要滚动的距离
+				const query = uni.createSelectorQuery().in(this);
+				query.select('.top-menu-view').boundingClientRect(data => {
+					this.scrollLeft = data.width / this.tabs.length * index;
+				}).exec();
+				this.parType = index + 1;
 				this.getVideo()
 			},
-			getVideo(){
-				var that=this;
+			swiperChange(e) { //视频导航
+				let index = e.detail.current
+				this.swichMenu(index);
+				this.parType = index + 1;
+				this.getVideo()
+			},
+			getVideo() {
+				var that = this;
 				console.log(that.parType);
 				// 1.这里引入后端请求数据
-				var data={
+				var data = {
 					userId: uni.getStorageSync('userId'),
 					page: this.page,
-					limit:4,
+					limit: 4,
 					status: '1'
 				}
-				if(that.parType=='1'){
-					data.longitude='';
-					data.latitude='';
-				}else if(that.parType=='2'){
-					data.longitude=that.longitude;
-					data.latitude=that.latitude;
-				}else if(that.parType=='3'){
+				if (that.parType == '1') {
+					data.longitude = '';
+					data.latitude = '';
+				} else if (that.parType == '2') {
+					data.longitude = that.longitude;
+					data.latitude = that.latitude;
+				} else if (that.parType == '3') {
 					data.gzrId = uni.getStorageSync('userId');
 				}
 				this.$Request.get("/app/shipinquan/list", data).then(res => {
 					if (res.code == 0) {
-							that.swiperDateLists = res.data.list||{}
-							// this.dataList=res.data.records
+						that.swiperDateLists = res.data.list || {}
+						// this.dataList=res.data.records
 
 					} else {
 						uni.showToast({
@@ -733,14 +817,14 @@
 					}
 				});
 			},
-			goCity(){
+			goCity() {
 				let userId = uni.getStorageSync('userId')
 				if (userId) {
 					var that = this
 					uni.navigateTo({
-						url:'/pages/index/searchAddress?text='+'index'
+						url: '/pages/index/searchAddress?text=' + 'index'
 					})
-				}else{
+				} else {
 					uni.navigateTo({
 						url: '/pages/public/login'
 					})
@@ -748,71 +832,71 @@
 
 			},
 
-			searchBtn(){//搜索按钮
-			let userId = uni.getStorageSync('userId')
-			if (userId) {
-				uni.navigateTo({
-					url:'/pages/my/fuwuGengduo?searchValue='+this.searchValue
-				})
-			}else{
-				uni.navigateTo({
-					url: '/pages/public/login'
-				})
-			}
+			searchBtn() { //搜索按钮
+				let userId = uni.getStorageSync('userId')
+				if (userId) {
+					uni.navigateTo({
+						url: '/pages/my/fuwuGengduo?searchValue=' + this.searchValue
+					})
+				} else {
+					uni.navigateTo({
+						url: '/pages/public/login'
+					})
+				}
 
 			},
-			input(res) {//搜索 输入框
-				this.searchValue=res;
+			input(res) { //搜索 输入框
+				this.searchValue = res;
 			},
 			changeSelect(e) {
-				this.changeSelectData=e
-			  },
-			shangcheng(){
+				this.changeSelectData = e
+			},
+			shangcheng() {
 				let userId = uni.getStorageSync('userId')
 				if (userId) {
 					uni.navigateTo({
-						url:'/package/pages/zysc/index/index'
+						url: '/package/pages/zysc/index/index'
 					})
-				}else{
+				} else {
 					uni.navigateTo({
 						url: '/pages/public/login'
 					})
 				}
 
 			},
-			yuedao(text){
+			yuedao(text) {
 				let userId = uni.getStorageSync('userId')
 				if (userId) {
 					uni.navigateTo({
-						url:'/pages/shop/index?text='+text
+						url: '/pages/shop/index?text=' + text
 					})
-				}else{
+				} else {
 					uni.navigateTo({
 						url: '/pages/public/login'
 					})
 				}
 
 			},
-			closePopup(type){//提前结束    关闭弹出框
+			closePopup(type) { //提前结束    关闭弹出框
 				this.type = type
 				this.$refs.popup.close(type);
 			},
-			gangBtn(type){
+			gangBtn(type) {
 				this.$refs.popup.open('center')
 			},
-			qidai(){
+			qidai() {
 				uni.showToast({
-					title:'敬请期待！'
+					title: '敬请期待！'
 				})
 			},
 			getIsVip() {
 				this.$Request.get("/app/UserVip/selectUserVip").then(res => {
 					if (res.code == 0) {
 						// this.isVip = res.data
-						if(res.data==undefined){
-							this.$queue.setData('isVIP','0')
-						}else{
-							this.$queue.setData('isVIP','1')
+						if (res.data == undefined) {
+							this.$queue.setData('isVIP', '0')
+						} else {
+							this.$queue.setData('isVIP', '1')
 						}
 					}
 				});
@@ -824,19 +908,19 @@
 					uni.makePhoneCall({
 						phoneNumber: kefuPhone //仅为示例
 					});
-				}else if(kefu == 3){
+				} else if (kefu == 3) {
 					let userId = uni.getStorageSync('userId')
 					if (userId) {
 						uni.navigateTo({
 							url: '/my/setting/customer'
 						});
-					}else{
+					} else {
 						uni.navigateTo({
 							url: '/pages/public/login'
 						})
 					}
 
-				} else{
+				} else {
 					// #ifdef MP-WEIXIN
 					let that = this
 					try {
@@ -877,20 +961,21 @@
 				}
 			},
 			calculateDistance(lat1, lon1, lat2, lon2) {
-			  // 将经纬度转换为弧度
-			  const radLat1 = lat1 * (Math.PI / 180);
-			  const radLat2 = lat2 * (Math.PI / 180);
-			  const radLon1 = lon1 * (Math.PI / 180);
-			  const radLon2 = lon2 * (Math.PI / 180);
-			  const a = radLat1 - radLat2;
-			  const b = radLon1 - radLon2;
+				// 将经纬度转换为弧度
+				const radLat1 = lat1 * (Math.PI / 180);
+				const radLat2 = lat2 * (Math.PI / 180);
+				const radLon1 = lon1 * (Math.PI / 180);
+				const radLon2 = lon2 * (Math.PI / 180);
+				const a = radLat1 - radLat2;
+				const b = radLon1 - radLon2;
 
-			  // 使用海里公式计算距离
-			  const Haversine = Math.pow(Math.sin(a / 2), 2) + Math.cos(radLat1) * Math.cos(radLat2) * Math.pow(Math.sin(b / 2), 2);
-			  const distance = 2 * 6371 * Math.atan2(Math.sqrt(Haversine), Math.sqrt(1 - Haversine));
+				// 使用海里公式计算距离
+				const Haversine = Math.pow(Math.sin(a / 2), 2) + Math.cos(radLat1) * Math.cos(radLat2) * Math.pow(Math.sin(
+					b / 2), 2);
+				const distance = 2 * 6371 * Math.atan2(Math.sqrt(Haversine), Math.sqrt(1 - Haversine));
 
-			  // 返回单位为公里的距离
-			  return distance;
+				// 返回单位为公里的距离
+				return distance;
 
 			},
 			// 开启订阅消息
@@ -964,58 +1049,58 @@
 				});
 			},
 
-			chaoji(){//超级满减
+			chaoji() { //超级满减
 
 				let userId = uni.getStorageSync('userId')
 				if (userId) {
 					uni.navigateTo({
-						url:'/my/wallet/index'
+						url: '/my/wallet/index'
 					})
-				}else{
+				} else {
 					uni.navigateTo({
 						url: '/pages/public/login'
 					})
 				}
 			},
-			xinren(){//新人专享
+			xinren() { //新人专享
 				let userId = uni.getStorageSync('userId')
 				if (userId) {
 					uni.navigateTo({
-						url:'/my/hongbao/xinrenhongbao'
+						url: '/my/hongbao/xinrenhongbao'
 					})
-				}else{
+				} else {
 					uni.navigateTo({
 						url: '/pages/public/login'
 					})
 				}
 
 			},
-			goNavs(e){
+			goNavs(e) {
 				let userId = uni.getStorageSync('userId')
 				if (userId) {
 					uni.switchTab({
-						url:e
+						url: e
 					})
-				}else{
+				} else {
 					uni.navigateTo({
 						url: '/pages/public/login'
 					})
 				}
 
 			},
-			goNav(e){
+			goNav(e) {
 				let userId = uni.getStorageSync('userId')
 				if (userId) {
-					if(e!=undefined){
+					if (e != undefined) {
 						uni.navigateTo({
-							url:e
+							url: e
 						})
-					}else{
+					} else {
 						uni.showToast({
-							title:'敬请期待！'
+							title: '敬请期待！'
 						})
 					}
-				}else{
+				} else {
 					uni.navigateTo({
 						url: '/pages/public/login'
 					})
@@ -1026,7 +1111,7 @@
 			// chooseItem(item){
 
 			// },
-			chooseItem(e) {//点击某一个item 推荐明星
+			chooseItem(e) { //点击某一个item 推荐明星
 				console.log('授权', uni.getStorageSync('sendMsg'))
 				if (uni.getStorageSync('sendMsg')) {
 					console.log('授权+1')
@@ -1075,7 +1160,8 @@
 				}
 				if (this.token) {
 					uni.navigateTo({
-						url: '/pages/therapist/orderDetail?artificerId=' + e.artificerId + "&classifyId=" + this.tabIndex
+						url: '/pages/therapist/orderDetail?artificerId=' + e.artificerId + "&classifyId=" + this
+							.tabIndex
 					});
 				} else {
 					uni.navigateTo({
@@ -1084,13 +1170,13 @@
 				}
 
 			},
-			gengduo(){
+			gengduo() {
 				let userId = uni.getStorageSync('userId')
 				if (userId) {
 					uni.reLaunch({
-						url:'/pages/therapist/therapist'
+						url: '/pages/therapist/therapist'
 					})
-				}else{
+				} else {
 					uni.navigateTo({
 						url: '/pages/public/login'
 					})
@@ -1175,37 +1261,37 @@
 				}
 				return status;
 			},
-			getHomeNearbyList(){//附近技师和明星技师
-				var data={
+			getHomeNearbyList() { //附近技师和明星技师
+				var data = {
 					isStart: 1,
 					status: 1,
 					// city:this.cityname,
-					longitude:this.longitude,
-					latitude:this.latitude,
+					longitude: this.longitude,
+					latitude: this.latitude,
 					page: 1,
 					limit: 3
 				}
-				this.$Request.get("/app/artificer/getHomeArtificerList",data).then(res => {
+				this.$Request.get("/app/artificer/getHomeArtificerList", data).then(res => {
 					if (res.code == 0) {
 						this.starTechnician = res.startData.list;
-						this.nearbyTechnician=res.nearData.list;
+						this.nearbyTechnician = res.nearData.list;
 						// const myLatitude = this.latitude; // 当前位置纬度
 						// const myLongitude = this.longitude; // 当前位置经度
 						// const targetLatitude = 39.919; // 目标位置纬度
 						// const targetLongitude = 116.486; // 目标位置经度
 						// const targetLatitude = ''; // 目标位置纬度
 						// const targetLongitude =''; // 目标位置经度
-						 for(var i=0;i<this.nearbyTechnician.length;i++){
-							 const distance = this.calculateDistance(
-									 this.latitude,
-									 this.longitude,
-									 this.nearbyTechnician[i].latitude,
-									 this.nearbyTechnician[i].longitude
-								 );
-								this.nearbyTechnician[i].dingwei= distance.toFixed(1)
-							 console.log(`距离为: ${distance.toFixed(1)} km`);
-						 }
-						 this.nearbyTechnician.sort((a, b) => a.dingwei - b.dingwei);
+						for (var i = 0; i < this.nearbyTechnician.length; i++) {
+							const distance = this.calculateDistance(
+								this.latitude,
+								this.longitude,
+								this.nearbyTechnician[i].latitude,
+								this.nearbyTechnician[i].longitude
+							);
+							this.nearbyTechnician[i].dingwei = distance.toFixed(1)
+							console.log(`距离为: ${distance.toFixed(1)} km`);
+						}
+						this.nearbyTechnician.sort((a, b) => a.dingwei - b.dingwei);
 						// this.classifyId = res.data[0].id;
 						// this.getorderlist('')
 					}
@@ -1224,7 +1310,7 @@
 			// 	this.$Request.get("/app/artificer/getHomeArtificerList",data).then(res => {
 			// 		console.log(res);
 			// 		if (res.code == 0) {
-						
+
 			// 				this.starTechnician = res.startData.list;
 			// 				 // for(var i=0;i<this.starTechnician.length;i++){
 			// 					//  const distance = this.calculateDistance(
@@ -1256,32 +1342,36 @@
 					}
 				});
 			},
-			goDatail(item){//热门精选，推荐套餐 跳详情
-				console.log("asdasdasddasd",item)
+			goDatail(item) { //热门精选，推荐套餐 跳详情
+				console.log("asdasdasddasd", item)
 				let userId = uni.getStorageSync('userId')
 				if (userId) {
-					if(item.type=='114'){
-							uni.navigateTo({
-								url:'/pages/shop/qiyeDatail?id='+item.id+'&name='+'index'
-							})
-					}else if(item.type=='104'){
-							uni.navigateTo({
-								url:'/pages/my/serviceOderDrtail?id='+item.id+'&limit='+this.limit+'&page='+this.page+'&name='+'index'+'&isCanCoupon='+item.isCanCoupon
-							})
-					}else if(this.typeData=='105'){
+					if (item.type == '114') {
 						uni.navigateTo({
-							url:'/pages/my/cikarDrtail?id='+item.id+'&name='+'index'+'&isCanCoupon='+item.isCanCoupon
+							url: '/pages/shop/qiyeDatail?id=' + item.id + '&name=' + 'index'
 						})
-					}else if(this.typeData=='106'){
+					} else if (item.type == '104') {
 						uni.navigateTo({
-							url:'/pages/my/fuwuliaochengDetail?id='+item.id+'&limit='+this.limit+'&page='+this.page+'&name='+'index'+'&isCanCoupon='+item.isCanCoupon
+							url: '/pages/my/serviceOderDrtail?id=' + item.id + '&limit=' + this.limit + '&page=' +
+								this.page + '&name=' + 'index' + '&isCanCoupon=' + item.isCanCoupon
 						})
-					}else{
+					} else if (this.typeData == '105') {
 						uni.navigateTo({
-							url:'/pages/my/fuwuDateil?id='+item.id+'&limit='+this.limit+'&page='+this.page
+							url: '/pages/my/cikarDrtail?id=' + item.id + '&name=' + 'index' + '&isCanCoupon=' +
+								item.isCanCoupon
+						})
+					} else if (this.typeData == '106') {
+						uni.navigateTo({
+							url: '/pages/my/fuwuliaochengDetail?id=' + item.id + '&limit=' + this.limit +
+								'&page=' + this.page + '&name=' + 'index' + '&isCanCoupon=' + item.isCanCoupon
+						})
+					} else {
+						uni.navigateTo({
+							url: '/pages/my/fuwuDateil?id=' + item.id + '&limit=' + this.limit + '&page=' + this
+								.page
 						})
 					}
-				}else{
+				} else {
 					uni.navigateTo({
 						url: '/pages/public/login'
 					})
@@ -1289,87 +1379,87 @@
 
 
 			},
-			chengFel(item){//大家常买。。。 导航切换
-				this.currentTabFl=item.id;
-				if(this.currentTabFl=='1'){//大家常买
+			chengFel(item) { //大家常买。。。 导航切换
+				this.currentTabFl = item.id;
+				if (this.currentTabFl == '1') { //大家常买
 					// this.remen()
 					let userId = uni.getStorageSync('userId')
 					if (userId) {
 						uni.navigateTo({
-							url:'/pages/my/fuwudajiachangmai?text='+'index'
+							url: '/pages/my/fuwudajiachangmai?text=' + 'index'
 						})
-					}else{
+					} else {
+						uni.navigateTo({
+							url: '/pages/public/login'
+						})
+					}
+				} else if (this.currentTabFl == '2') { // 全部项目
+					let userId = uni.getStorageSync('userId')
+					if (userId) {
+						uni.navigateTo({
+							url: '/pages/my/fuwuGengduo?text=' + 'index'
+						})
+					} else {
 						uni.navigateTo({
 							url: '/pages/public/login'
 						})
 					}
-				}else if(this.currentTabFl=='2'){// 全部项目
-				let userId = uni.getStorageSync('userId')
-				if (userId) {
-					uni.navigateTo({
-						url:'/pages/my/fuwuGengduo?text='+'index'
-					})
-				}else{
-					uni.navigateTo({
-						url: '/pages/public/login'
-					})
-				}
 
-				}else if(this.currentTabFl=='3'){//行业大拿
-				let userId = uni.getStorageSync('userId')
-				if (userId) {
-					uni.navigateTo({
-						url:'/pages/my/hangyedana'
-					})
-				}else{
-					uni.navigateTo({
-						url: '/pages/public/login'
-					})
-				}
+				} else if (this.currentTabFl == '3') { //行业大拿
+					let userId = uni.getStorageSync('userId')
+					if (userId) {
+						uni.navigateTo({
+							url: '/pages/my/hangyedana'
+						})
+					} else {
+						uni.navigateTo({
+							url: '/pages/public/login'
+						})
+					}
 
-				}else{// 女性专区
-				let userId = uni.getStorageSync('userId')
-				if (userId) {
-					uni.navigateTo({
-						url:'/pages/my/fuwuxiangm'
-					})
-				}else{
-					uni.navigateTo({
-						url: '/pages/public/login'
-					})
-				}
+				} else { // 女性专区
+					let userId = uni.getStorageSync('userId')
+					if (userId) {
+						uni.navigateTo({
+							url: '/pages/my/fuwuxiangm'
+						})
+					} else {
+						uni.navigateTo({
+							url: '/pages/public/login'
+						})
+					}
 
 
 				}
 			},
-			remen(){//大家常买
+			remen() { //大家常买
 				this.$Request.get("/app/massage/package/findPackageAndMassagePage", {
-					page:'1',
-					limit:'4'
+					page: '1',
+					limit: '4'
 				}).then(res => {
 					if (res.code == 0) {
 						if (res.data) {
 							this.tjData = res.data.list
-							for(var i=0;i<this.tjData.length;i++){
-								this.tjData[i].tagsData=this.tjData[i].labels.split(',');
+							for (var i = 0; i < this.tjData.length; i++) {
+								this.tjData[i].tagsData = this.tjData[i].labels.split(',');
 							}
 						}
 					}
 				});
 			},
-			tozuozhe(item){
+			tozuozhe(item) {
 				// console.log("itemitemitemitemitem",item)
 				uni.reLaunch({
-					url:'/pages/therapist/orderDetail?artificerId='+item.createBy+'&classifyId='+'undefined'
+					url: '/pages/therapist/orderDetail?artificerId=' + item.createBy + '&classifyId=' + 'undefined'
 				})
-				this.currents = 1//点击头像以后就会切换
+				this.currents = 1 //点击头像以后就会切换
 			},
-			cLike(item){
-				var data={
-					createBy:uni.getStorageSync('userId'),
-					shipinquanId:item.id,
+			cLike(item) {
+				var data = {
+					createBy: uni.getStorageSync('userId'),
+					shipinquanId: item.id,
 				}
-				if(item.sfdz=='0'){
+				if (item.sfdz == '0') {
 					this.$Request.post("/app/shipinquan/addDianzan", data).then(res => {
 						if (res.code == 0) {
 							this.artificerItem.dzs += 1;
@@ -1381,8 +1471,8 @@
 							})
 						}
 					});
-			
-				}else{//取消点赞
+
+				} else { //取消点赞
 					this.$Request.post("/app/shipinquan/delDianzan", data).then(res => {
 						if (res.code == 0) {
 							this.artificerItem.dzs -= 1;
@@ -1393,14 +1483,14 @@
 								icon: 'none'
 							})
 						}
-					});	
+					});
 				}
 			},
-			likeFun(params, callback) {//评论点赞返回
+			likeFun(params, callback) { //评论点赞返回
 				console.log("likeFun", params);
 				// Implement your logic for likeFun
 			},
-			toComment(item){
+			toComment(item) {
 				// 注意点击评论之后会执行这里
 				/*
 				（1）先加载缓冲
@@ -1419,13 +1509,13 @@
 					position: 'bottom',
 					duration: 300
 				})
-				uni.setStorageSync("videoID",item.id);
+				uni.setStorageSync("videoID", item.id);
 				this.videoID = item.id;
 				this.$refs.pinglun.open('bottom');
 				this.getPingL(this.videoID);
 			},
-			shangxian(item){//请TA上线
-				var data={
+			shangxian(item) { //请TA上线
+				var data = {
 					userId: item.createBy,
 					byUserId: uni.getStorageSync('userId'),
 				}
@@ -1434,43 +1524,43 @@
 						uni.showToast({
 							title: '提醒成功！'
 						})
-					}else{
+					} else {
 						uni.showToast({
-							icon:'error',
+							icon: 'error',
 							title: '提醒失败！'
 						})
 					}
 				});
 			},
-			getPingL(shipinquanId){//获取评论列表
-				var data={
+			getPingL(shipinquanId) { //获取评论列表
+				var data = {
 					page: this.page,
-					limit:310,
-					shipinquanId:shipinquanId
+					limit: 310,
+					shipinquanId: shipinquanId
 				}
 				this.$Request.get("/app/shipinquan/contentlist", data).then(res => {
 					if (res.code == 0) {
-							var msg = res.data.records||{}
-							this.tableTotal=res.data.total;
-							var list=[];
-							// for (let i = 0; i < msg.length; i++) {
-							// 	list.push(msg[i])
-							// }
-			
-							this.tableData = msg.map(item => {
-							  return {
-							    ...item,
-							   parent_id: null,
-							   reply_id: null,
-							   reply_name: null,
-							   user_name: item.userName,
-							   user_avatar: item.userPhoto?item.userPhoto:'../../static/logo.png',
-							   user_content: item.content,
-							   is_like: true,
-							   like_count: 8,
-							   create_time: item.createTime
-							  };
-							});
+						var msg = res.data.records || {}
+						this.tableTotal = res.data.total;
+						var list = [];
+						// for (let i = 0; i < msg.length; i++) {
+						// 	list.push(msg[i])
+						// }
+
+						this.tableData = msg.map(item => {
+							return {
+								...item,
+								parent_id: null,
+								reply_id: null,
+								reply_name: null,
+								user_name: item.userName,
+								user_avatar: item.userPhoto ? item.userPhoto : '../../static/logo.png',
+								user_content: item.content,
+								is_like: true,
+								like_count: 8,
+								create_time: item.createTime
+							};
+						});
 					} else {
 						uni.showToast({
 							title: res.msg,
@@ -1481,25 +1571,25 @@
 			},
 			replyFun(params, callback) {
 				// console.log("replyFun", params);
-				if(params.params.user_content==''){
+				if (params.params.user_content == '') {
 					uni.hideLoading();
 					uni.showToast({
-						icon:'error',
-						title:'请填写发布评论'
+						icon: 'error',
+						title: '请填写发布评论'
 					})
-				}else{
-					var data={
-						createBy:uni.getStorageSync('userId'),
-						content:params.params.user_content,
-						shipinquanId:this.videoID,
+				} else {
+					var data = {
+						createBy: uni.getStorageSync('userId'),
+						content: params.params.user_content,
+						shipinquanId: this.videoID,
 					}
-					this.$Request.post("/app/shipinquan/addContent",data).then(res => {
+					this.$Request.post("/app/shipinquan/addContent", data).then(res => {
 						if (res.code == 0) {
 							setTimeout(() => this.getPingL(this.videoID), 500);
-							this.showPopup==true;
+							this.showPopup == true;
 							uni.hideLoading();
 							this.artificerItem.pls++
-							 // callback(this.videoID);
+							// callback(this.videoID);
 						} else {
 							uni.hideLoading();
 							uni.showToast({
@@ -1510,33 +1600,39 @@
 					});
 				}
 			},
-			deleteFun({ params, mode }, callback) {
-			
-			  console.log("deleteFun", { params, mode });
-			  // 当请求成功, 调用callback执行评论删除;
-			  switch (this.deleteMode) {
-				case "bind":
-				  // 逻辑: 调用接口进行评论内容修改 update
-				  setTimeout(() => callback(), 500); // 目前为了展示效果, 直接执行callback
-				  break;
-				case "only":
-				  // 逻辑: 调用接口删除一个评论 delete
-				  setTimeout(() => callback(), 500); // 目前为了展示效果, 直接执行callback
-				  break;
-				default:
-				  // all
-				  // 逻辑: 调用接口删除多个评论 [delete]
-				  // Demo如下:
-				  // axios.post("http://xxx/delete", { ids: params }).then((res) => {
-				  //   if (res.code === 0) {
-				  //     callback(res);
-				  //   }
-				  // });
-				  setTimeout(() => callback(), 500); // 目前为了展示效果, 直接执行callback
-				  break;
-			  }
+			deleteFun({
+				params,
+				mode
+			}, callback) {
+
+				console.log("deleteFun", {
+					params,
+					mode
+				});
+				// 当请求成功, 调用callback执行评论删除;
+				switch (this.deleteMode) {
+					case "bind":
+						// 逻辑: 调用接口进行评论内容修改 update
+						setTimeout(() => callback(), 500); // 目前为了展示效果, 直接执行callback
+						break;
+					case "only":
+						// 逻辑: 调用接口删除一个评论 delete
+						setTimeout(() => callback(), 500); // 目前为了展示效果, 直接执行callback
+						break;
+					default:
+						// all
+						// 逻辑: 调用接口删除多个评论 [delete]
+						// Demo如下:
+						// axios.post("http://xxx/delete", { ids: params }).then((res) => {
+						//   if (res.code === 0) {
+						//     callback(res);
+						//   }
+						// });
+						setTimeout(() => callback(), 500); // 目前为了展示效果, 直接执行callback
+						break;
+				}
 			},
-			closeScrollview(){
+			closeScrollview() {
 				// 点击评论里面的叉叉，就会关闭评论
 				this.$refs.pinglun.close('bottom');
 			},
@@ -1568,29 +1664,60 @@
 		margin-bottom: 20%;
 		margin-right: -5px;
 	}
-	.popup-view /deep/.uni-popup__wrapper-box{
+
+	/* 定义闪烁动画 */
+	@keyframes blink {
+
+		0%,
+		100% {
+			opacity: 1;
+			/* 初始和结束状态透明度为1 */
+		}
+
+		50% {
+			opacity: 0.2;
+			/* 中间状态透明度降低 */
+		}
+	}
+
+	/* 应用动画到图片 */
+	.blinking {
+		animation: blink 1s infinite;
+		/* 'blink' 是动画名, '1s' 是持续时间, 'infinite' 表示无限循环 */
+		width: 50px;
+		/* 假设设置了宽度 */
+		height: auto;
+		/* 自动调整高度 */
+	}
+
+	.popup-view /deep/.uni-popup__wrapper-box {
 		display: flex;
 		align-items: center;
 		justify-content: center;
 	}
-	 /deep/.uni-video-fullscreen {
-	   display: none;
-	 }
-	 /* 隐藏小窗口按钮 */
-	 /deep/.uni-video-switch {
-	   display: none;
-	 }
-	.swiper-item-view{
+
+	/deep/.uni-video-fullscreen {
+		display: none;
+	}
+
+	/* 隐藏小窗口按钮 */
+	/deep/.uni-video-switch {
+		display: none;
+	}
+
+	.swiper-item-view {
 		width: 70%;
 		display: -webkit-box;
 		-webkit-box-orient: vertical;
-		-webkit-line-clamp: 1; /* 定义文本的行数 */
+		-webkit-line-clamp: 1;
+		/* 定义文本的行数 */
 		overflow: hidden;
 		text-overflow: ellipsis;
 		word-break: break-all;
 		text-align: center;
 	}
-	.videoConten{
+
+	.videoConten {
 		width: 70%;
 		position: absolute;
 		bottom: 0px;
@@ -1598,19 +1725,22 @@
 		/* height: 30px; */
 		display: -webkit-box;
 		-webkit-box-orient: vertical;
-		-webkit-line-clamp: 2; /* 定义文本的行数 */
+		-webkit-line-clamp: 2;
+		/* 定义文本的行数 */
 		overflow: hidden;
 		text-overflow: ellipsis;
 		word-break: break-all;
 		margin-left: 15px;
 		color: #fff;
 	}
-	.top-menu-view /deep/.uni-scroll-view-content{
+
+	.top-menu-view /deep/.uni-scroll-view-content {
 		display: flex;
 		flex-direction: row;
 		justify-content: space-around;
 	}
-	.guanbi{
+
+	.guanbi {
 		width: 30px;
 		height: 30px;
 		position: absolute;
@@ -1619,21 +1749,25 @@
 		margin-top: 15px;
 		margin-right: 9px;
 	}
-	.guanbi image{
+
+	.guanbi image {
 		width: 100%;
 		height: 100%;
 	}
-	/deep/.uni-popup__wrapper-box{
+
+	/deep/.uni-popup__wrapper-box {
 		width: 100%;
 		height: 100%;
 	}
-	.data-list{
-		width:100%;
+
+	.data-list {
+		width: 100%;
 		height: 162px;
 		background-color: #000000;
 
 	}
-	.videoHovers{
+
+	.videoHovers {
 		width: 76px;
 		height: 76px;
 		position: absolute;
@@ -1642,7 +1776,8 @@
 		margin-left: 27%;
 		z-index: 99;
 	}
-	.videoHover{
+
+	.videoHover {
 		width: 76px;
 		height: 76px;
 		position: absolute;
@@ -1650,97 +1785,113 @@
 		margin-top: 70%;
 		margin-left: 40%;
 	}
-	.videoHover image,.videoHovers image{
+
+	.videoHover image,
+	.videoHovers image {
 		width: 100%;
 		height: 100%;
 	}
-	.swiper-box-list /deep/.uni-scroll-view-content{
+
+	.swiper-box-list /deep/.uni-scroll-view-content {
 		display: flex;
 		flex-direction: row;
 		justify-content: space-around;
 		flex-wrap: wrap;
 	}
-	.salogo{
+
+	.salogo {
 		width: 130rpx;
 		height: 32rpx;
 		margin-left: 34rpx;
-		margin-top:6rpx ;
+		margin-top: 6rpx;
 	}
-	.index-yanzheng{
+
+	.index-yanzheng {
 		width: 100rpx;
 		height: 22rpx;
 		margin-left: 4rpx;
 	}
-	.localName{
+
+	.localName {
 		width: 540rpx;
 		margin-left: 4rpx;
 		font-weight: bold;
 		color: #333333;
 		margin-top: 3rpx;
-		overflow: hidden; /* 确保超出容器的内容被裁剪 */
-		white-space: nowrap; /* 确保文本在一行内显示 */
-		text-overflow: ellipsis; /* 超出部分显示省略号 */
+		overflow: hidden;
+		/* 确保超出容器的内容被裁剪 */
+		white-space: nowrap;
+		/* 确保文本在一行内显示 */
+		text-overflow: ellipsis;
+		/* 超出部分显示省略号 */
 	}
-	.view-more{
+
+	.view-more {
 		display: inline-block;
-		    border-top: 1px solid;
-		    border-right: 1px solid;
-		    width: 7px;
-		    height: 8px;
-		    border-color: #999;
-		    -webkit-transform: rotate(45deg);
-		    transform: rotate(45deg);
-		    margin-top: 3px;
-		}
-	/deep/.uni-icons{
-	    font-family: uniicons;
-	    text-decoration: none;
-	    text-align: center;
+		border-top: 1px solid;
+		border-right: 1px solid;
+		width: 7px;
+		height: 8px;
+		border-color: #999;
+		-webkit-transform: rotate(45deg);
+		transform: rotate(45deg);
+		margin-top: 3px;
+	}
+
+	/deep/.uni-icons {
+		font-family: uniicons;
+		text-decoration: none;
+		text-align: center;
 		color: #019c88 !important;
 		font-size: 30rpx !important;
 		margin-top: 3rpx;
 
 	}
 
-	/deep/.uni-select__selector-scroll{
+	/deep/.uni-select__selector-scroll {
 		height: 100px;
 	}
-	/deep/.uni-stat__select{
+
+	/deep/.uni-stat__select {
 		width: 60px;
 		max-width: 60px;
 	}
-	/deep/.uni-select__input-text{
+
+	/deep/.uni-select__input-text {
 		width: 100%;
-		    color: #019c88;
-		    white-space: nowrap;
-		    text-overflow: ellipsis;
-		    -o-text-overflow: ellipsis;
-		    overflow: hidden;
+		color: #019c88;
+		white-space: nowrap;
+		text-overflow: ellipsis;
+		-o-text-overflow: ellipsis;
+		overflow: hidden;
 	}
-	/deep/.uni-select{
-			width: 60px;
-			font-size: 14px;
-		    border: 1px solid #a1e0d4;
-		    box-sizing: border-box;
-		    border-radius: 30px;
-		    padding: 0 4px;
-		    padding-left: 10px;
-		    position: relative;
-		    display: flex;
-		    -webkit-user-select: none;
-		    user-select: none;
-		    flex-direction: row;
-		    align-items: center;
-		    width: 100%;
-		    flex: 1;
-		    height: 30px;
-			background: linear-gradient(90deg, #a4e1d5, #e6f7f3);
-			color: #019c88;
+
+	/deep/.uni-select {
+		width: 60px;
+		font-size: 14px;
+		border: 1px solid #a1e0d4;
+		box-sizing: border-box;
+		border-radius: 30px;
+		padding: 0 4px;
+		padding-left: 10px;
+		position: relative;
+		display: flex;
+		-webkit-user-select: none;
+		user-select: none;
+		flex-direction: row;
+		align-items: center;
+		width: 100%;
+		flex: 1;
+		height: 30px;
+		background: linear-gradient(90deg, #a4e1d5, #e6f7f3);
+		color: #019c88;
 	}
-	/deep/.uni-searchbar__cancel{
+
+	/deep/.uni-searchbar__cancel {
 		display: none;
 	}
-	.search-btn{
+
+	.search-btn {
 		text-align: center;
 		line-height: 31px;
 		color: #fff;
@@ -1748,22 +1899,26 @@
 		height: 32px !important;
 		margin-right: 20rpx;
 		border-radius: 50rpx !important;
-		background: linear-gradient(90deg, #019c88, #2fbf93)!important;
+		background: linear-gradient(90deg, #019c88, #2fbf93) !important;
 	}
-	.index-line{
+
+	.index-line {
 		width: 100%;
 		/* display: flex; */
 		flex-direction: row;
 		justify-content: space-between;
 		align-items: center;
 	}
-	/deep/.uni-searchbar__box-icon-search,.search-btn{
+
+	/deep/.uni-searchbar__box-icon-search,
+	.search-btn {
 		height: 60rpx;
 		background: #18A689;
 		border-radius: 31rpx;
 
 	}
-	/deep/.uni-searchbar__box{
+
+	/deep/.uni-searchbar__box {
 		height: 32px;
 		border-radius: 15px !important;
 		background-color: #fff !important;
@@ -1775,39 +1930,45 @@
 		position: relative;
 		justify-content: center;
 	}
-	/deep/.uni-searchbar{
-		width:80%;
+
+	/deep/.uni-searchbar {
+		width: 80%;
 		border-radius: 31rpx;
 		margin-left: 6rpx;
 	}
-	.index-headset{
+
+	.index-headset {
 		margin-right: 30rpx;
 		display: flex;
 		align-items: center;
 		margin-top: 4rpx;
 		justify-content: flex-end;
 	}
-	.locate-line{
+
+	.locate-line {
 		/*padding-left: 25rpx;*/
 		margin-top: 3rpx;
 		display: flex;
 		align-items: center;
 	}
-	.popup-mian-view{
+
+	.popup-mian-view {
 		width: 100%;
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 		flex-wrap: wrap;
 	}
-	.popup-mian-btn span:nth-child(1){
+
+	.popup-mian-btn span:nth-child(1) {
 		background: linear-gradient(90deg, #FE912E, #FF9970);
 	}
-	.popup-mian-btn span:nth-child(2){
+
+	.popup-mian-btn span:nth-child(2) {
 		background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
 	}
 
-	.popup-mian-btn span{
+	.popup-mian-btn span {
 		width: 247rpx;
 		height: 77rpx;
 		line-height: 77rpx;
@@ -1817,7 +1978,8 @@
 		color: #FFFEFE;
 		border-radius: 39rpx;
 	}
-	.popup-mian-btn{
+
+	.popup-mian-btn {
 		width: 100%;
 		display: flex;
 		flex-direction: row;
@@ -1825,17 +1987,20 @@
 		align-items: center;
 		margin-top: 28px;
 	}
-	.popup-mian-textarea{
+
+	.popup-mian-textarea {
 		width: 525.69rpx;
 		height: 211.81rpx;
 	}
-	.popup-mian{
+
+	.popup-mian {
 		width: 88%;
 		display: flex;
 		flex-direction: column;
 		margin: 0px auto 12px auto;
 	}
-	.popup-head span:nth-child(2){
+
+	.popup-head span:nth-child(2) {
 		width: 50rpx;
 		height: 50rpx;
 		line-height: 19px;
@@ -1845,12 +2010,14 @@
 		border-radius: 50%;
 		border: 1px solid #15AB8D;
 	}
-	.popup-head span:nth-child(1){
+
+	.popup-head span:nth-child(1) {
 		font-weight: bold;
 		font-size: 32rpx;
 		color: #333333;
 	}
-	.popup-head{
+
+	.popup-head {
 		width: 100%;
 		height: 99.38rpx;
 		background-color: rgba(21, 171, 141, 0.09);
@@ -1860,40 +2027,47 @@
 		justify-content: space-between;
 		padding: 0 15px;
 	}
-	.popup-content{
+
+	.popup-content {
 		width: 613rpx;
 		height: auto;
-		background:#fff url(../../static/background-img3.png)no-repeat ;
+		background: #fff url(../../static/background-img3.png)no-repeat;
 		background-size: 130%;
 		border-radius: 36rpx;
 		display: flex;
 		flex-direction: column;
 	}
-	.popup-close{
+
+	.popup-close {
 		text-align: right;
-		margin-top:15rpx;
+		margin-top: 15rpx;
 		margin-right: 15rpx;
 
 	}
-	.popup-close-img{
+
+	.popup-close-img {
 		width: 50rpx;
 		height: 50rpx;
 	}
-	/deep/.item-descr{
+
+	/deep/.item-descr {
 		-webkit-line-clamp: 2;
 		margin-top: 5px;
 	}
-	.index-card-image{
+
+	.index-card-image {
 		width: 100%;
 		height: 100%;
 		border-radius: 15rpx;
 	}
-	.content_bj{
-		height:100%;
-		background:#fff url(../../static/background-img2.png)no-repeat;
+
+	.content_bj {
+		height: 100%;
+		background: #fff url(../../static/background-img2.png)no-repeat;
 		background-size: 100%;
 	}
-	.index-card-view-title{
+
+	.index-card-view-title {
 		position: relative;
 		width: 100%;
 		height: 337.5rpx;
@@ -1901,98 +2075,115 @@
 		flex-direction: row;
 		border-radius: 30px;
 	}
-	/deep/.u-select{
+
+	/deep/.u-select {
 		width: 100%;
 		height: 100%;
 	}
-	/deep/.u-select__header{
-	    display: flex;
-	    flex-direction: row;
-	    align-items: center;
-	    justify-content: space-between;
-	    height: 38px;
-	    padding: 0 19px;
+
+	/deep/.u-select__header {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+		height: 38px;
+		padding: 0 19px;
 	}
-	/deep/.u-content,/deep/.u-search{
+
+	/deep/.u-content,
+	/deep/.u-search {
 		flex: none;
 		width: 533rpx;
 		border-radius: 32rpx !important;
 		height: 64rpx !important;
 	}
-	/deep/.u-action{
+
+	/deep/.u-action {
 		display: none;
 	}
-	.dingwei-img{
-		width:26rpx;
-		height:29rpx;
+
+	.dingwei-img {
+		width: 26rpx;
+		height: 29rpx;
 	}
 
 	.menu-topic-act .menu-topic-bottom-color {
-		background: linear-gradient(90deg,rgba(234, 248, 245,0.7),rgba(132, 211, 196,0.7));
+		background: linear-gradient(90deg, rgba(234, 248, 245, 0.7), rgba(132, 211, 196, 0.7));
 	}
 
 
 	/* 字体 */
-	.font-size-19{
+	.font-size-19 {
 		font-size: 19rpx;
 	}
-	.font-size-34{
+
+	.font-size-34 {
 		font-size: 35.72rpx;
 	}
-	.width{
+
+	.width {
 		width: 95%;
 	}
+
 	/* 样式 */
-	.index-taocan-view-nav:last-child .fenjie{
+	.index-taocan-view-nav:last-child .fenjie {
 		display: none;
 	}
-	.index-taocan-view-nav-s{
+
+	.index-taocan-view-nav-s {
 		width: 100%;
 		display: flex;
 		flex-direction: column;
 		align-items: center;
 	}
-	.index-taocan-view-nav{
+
+	.index-taocan-view-nav {
 		width: 25%;
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 	}
-	.swiper-item span:nth-child(1){
+
+	.swiper-item span:nth-child(1) {
 		font-weight: bold;
 		font-size: 29rpx;
 		color: #333333;
-		margin:10px 11px 0px 8px;
+		margin: 10px 11px 0px 8px;
 	}
-	.swiper-item span:nth-child(2){
+
+	.swiper-item span:nth-child(2) {
 		ont-weight: 400;
 		font-size: 24rpx;
 		color: #999999;
 	}
-	.swiper-item{
+
+	.swiper-item {
 		width: 100%;
 		display: flex;
 		flex-direction: column;
 		align-items: center;
 		justify-content: center;
 	}
-	.swiper-item-card{
+
+	.swiper-item-card {
 		width: 346rpx;
 		display: flex;
 		flex-direction: column;
 		margin-top: 12rpx;
 	}
-	.swiper-back-img{
+
+	.swiper-back-img {
 		width: 100%;
 		height: 338rpx;
-		background-color:rgba(0, 0, 0, 0.2);
+		background-color: rgba(0, 0, 0, 0.2);
 		border-radius: 17rpx;
 		display: flex;
 		align-items: center;
 		justify-content: center;
 		background: url(../../static/yuyue.png) 100% no-repeat;
 	}
-	.swiper-back-img image{
+
+	.swiper-back-img image {
 		width: 91.67rpx;
 		height: 93.06rpx;
 	}
@@ -2008,19 +2199,21 @@
 		flex-direction: row;
 		justify-content: space-between;
 		white-space: nowrap;
-		background: linear-gradient(180deg,rgba(238, 250, 246,0.6),rgba(255, 255, 255,0.9));
-		background-color:rgba(1, 156, 136, 0.2);
+		background: linear-gradient(180deg, rgba(238, 250, 246, 0.6), rgba(255, 255, 255, 0.9));
+		background-color: rgba(1, 156, 136, 0.2);
 		height: 108rpx;
 		line-height: 108rpx;
 		margin-top: 10rpx;
 
 	}
+
 	.menu-topic-text {
 		font-size: 30rpx;
 		color: #333;
 		padding: 10rpx 70rpx;
 		font-weight: 500;
 	}
+
 	.menu-topic-bottom {
 		position: absolute;
 		bottom: 0;
@@ -2033,14 +2226,17 @@
 		height: 86rpx;
 		position: relative;
 	}
+
 	.menu-topic-act .menu-topic-bottom {
 		display: flex;
 		justify-content: center;
 	}
-	.menu-topic-act .menu-topic-text{
+
+	.menu-topic-act .menu-topic-text {
 		color: #000000;
 		font-weight: bold;
 	}
+
 	.menu-topic-bottom-color {
 		width: 62.5rpx;
 		height: 4px;
@@ -2048,7 +2244,8 @@
 		z-index: 66;
 		margin-top: -23px;
 	}
-	/deep/.menu-topic-act{
+
+	/deep/.menu-topic-act {
 		position: relative;
 	}
 
@@ -2059,31 +2256,36 @@
 		background-color: #FFFFFF;
 		height: 490px;
 	}
+
 	.swiper-topic-list {
-	     width: 48%;
-		 display: flex;
-		 flex-direction: row;
-		 justify-content: space-between;
+		width: 48%;
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
 		flex-wrap: wrap;
-	 }
+	}
+
 	/* 隐藏滚动条，但依旧具备可以滚动的功能 */
 	/deep/.uni-scroll-view::-webkit-scrollbar {
 		display: none
 	}
 
 
-	.index-card-mian-biao-left,.index-card-mian-biao-right{
+	.index-card-mian-biao-left,
+	.index-card-mian-biao-right {
 		padding: 3px 5px;
 	}
-	.index-card-mian-biao-right{
-		background-color:rgba(4, 184, 119, 0.12);
+
+	.index-card-mian-biao-right {
+		background-color: rgba(4, 184, 119, 0.12);
 		border-radius: 8rpx;
 		font-weight: 400;
 		font-size: 23rpx;
 		color: #0EBE80;
 		margin-left: 10px;
 	}
-	.index-card-mian-biao-left{
+
+	.index-card-mian-biao-left {
 		background: linear-gradient(90deg, #ffefde, #fff7ef);
 		height: 34rpx;
 		line-height: 34rpx;
@@ -2094,26 +2296,31 @@
 		margin-bottom: 8rpx;
 		color: #f68607;
 	}
-	.index-card-mian-biao{
+
+	.index-card-mian-biao {
 		width: 100%;
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 	}
-	.index-card-mian-title{
+
+	.index-card-mian-title {
 		font-size: 28rpx;
 		color: #333333;
 	}
-	.marginTop{
+
+	.marginTop {
 		margin-bottom: 5px;
 	}
-	.index-card-mian{
+
+	.index-card-mian {
 		width: 100%;
 		display: flex;
 		flex-direction: column;
 		margin-top: 5px;
 	}
-	.index-card-view-title-right{
+
+	.index-card-view-title-right {
 		width: 65px;
 		height: 47rpx;
 		line-height: 47rpx;
@@ -2125,56 +2332,64 @@
 		font-size: 22rpx;
 		color: #fff;
 		position: absolute;
-		top:15rpx;
-		left:10rpx;
+		top: 15rpx;
+		left: 10rpx;
 		/* margin-left: 85px; */
 	}
-	.index-card-view-title-left{
+
+	.index-card-view-title-left {
 		width: 95px;
 		height: 46.53rpx;
 		line-height: 46.53rpx;
 		font-weight: 400;
 		font-size: 21rpx;
 		text-align: center;
-		color:#333333;
+		color: #333333;
 		border-top-left-radius: 30px;
 		background-color: rgba(176, 176, 176, 0.48);
 	}
 
-	.index-card-mian-time,.index-card-mian-money{
+	.index-card-mian-time,
+	.index-card-mian-money {
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 	}
-	.index-card-mian-money-zhen{
+
+	.index-card-mian-money-zhen {
 		font-weight: 400;
 		font-size: 31rpx;
 		color: #000000;
 	}
-	.index-card-mian-money-jia{
+
+	.index-card-mian-money-jia {
 		margin-left: 10px;
 		font-weight: 400;
 		font-size: 24rpx;
 		color: #999999;
 		text-decoration-line: line-through;
 	}
-	.index-card-mian-time span{
+
+	.index-card-mian-time span {
 		font-weight: 400;
 		font-size: 24rpx;
 		color: #666666;
 	}
-	.index-card-mian-time image{
+
+	.index-card-mian-time image {
 		width: 20.83rpx;
 		height: 20.83rpx;
 		margin-right: 10px;
 	}
-	.index-card-view{
+
+	.index-card-view {
 		width: 336.81rpx;
 		display: flex;
 		flex-direction: column;
 		margin-top: 7px;
 	}
-	.tuijian-view{
+
+	.tuijian-view {
 		width: 100%;
 		display: flex;
 		flex-direction: row;
@@ -2182,7 +2397,8 @@
 		align-items: center;
 		margin-top: 15px;
 	}
-	.index-card{
+
+	.index-card {
 		width: 100%;
 		display: flex;
 		flex-direction: row;
@@ -2191,37 +2407,45 @@
 		align-items: center;
 		margin-top: 15px;
 	}
-	.fenjie{
+
+	.fenjie {
 		width: 1rpx;
 		height: 32rpx;
 		background: #CCCCCC;
 	}
 
-	.index-taocan-view-nav-text{
+	.index-taocan-view-nav-text {
 		font-weight: bold;
 		font-size: 16px;
 	}
-	.index-taocan-view-nav-jie{
+
+	.index-taocan-view-nav-jie {
 		font-weight: 400;
 		font-size: 22rpx;
 		color: #999;
 	}
-	.activeL{
+
+	.activeL {
 		color: #019C88;
 	}
-	.activeXL{
+
+	.activeXL {
 		color: #2FC590;
 	}
-	.activeH{
+
+	.activeH {
 		color: #333333;
 	}
-	.activexH{
+
+	.activexH {
 		color: #999999;
 	}
-	.feng_word{
+
+	.feng_word {
 		font-size: 25rpx;
 	}
-	.index-taocan-view{
+
+	.index-taocan-view {
 		width: 100%;
 		display: flex;
 		flex-direction: row;
@@ -2229,15 +2453,17 @@
 		justify-content: space-between;
 		margin-top: 28rpx;
 	}
-	.index-taocan{
+
+	.index-taocan {
 		padding: 0 30rpx;
 		width: 100%;
 		display: flex;
 		flex-direction: column;
-		background: linear-gradient(180deg,rgba(238, 250, 246,0.6),rgba(255, 255, 255,0.9));
+		background: linear-gradient(180deg, rgba(238, 250, 246, 0.6), rgba(255, 255, 255, 0.9));
 		margin: 20rpx 0px 0px 0px;
 	}
-	.index-fujin-jie-id{
+
+	.index-fujin-jie-id {
 		height: 30rpx;
 		font-size: 24rpx;
 		color: #999999;
@@ -2250,108 +2476,126 @@
 		-webkit-line-clamp: 1;
 		overflow: hidden;
 	}
-	.index-fujin-jie-name{
+
+	.index-fujin-jie-name {
 		margin-bottom: 3px;
 		font-size: 30rpx;
 		color: #333333;
 		font-weight: bold;
 	}
-	.index-fujin{
+
+	.index-fujin {
 		width: 100%;
 		height: 290px;
 		background: linear-gradient(0deg, #fff, #F4FFFB);
 		margin-top: 5rpx;
 	}
-	.index-fujin-jie-view{
+
+	.index-fujin-jie-view {
 		width: 222.22rpx;
 		display: flex;
 		flex-direction: column;
 		align-items: center;
 		margin-top: 10px;
 	}
-	.index-fujin-jie{
+
+	.index-fujin-jie {
 		width: 100%;
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 		justify-content: space-between;
 	}
-	.fujin-view{
+
+	.fujin-view {
 		width: 100%;
 		display: flex;
 		flex-direction: column;
 		align-items: center;
 		padding-bottom: 10px;
 	}
-	.index-fujin-view{
+
+	.index-fujin-view {
 		width: 222.22rpx;
 		position: relative;
 		display: flex;
 		align-items: center;
 		height: 313rpx;
 	}
-	.index-fujin-view-img{
+
+	.index-fujin-view-img {
 		width: 100%;
 		height: 308.5rpx;
 		border-radius: 14rpx;
 	}
-	.index-fujin-view-text{
+
+	.index-fujin-view-text {
 		width: 100%;
 		height: 63px;
 		display: flex;
 		flex-direction: row;
 		align-items: flex-end;
 		justify-content: center;
-		background: linear-gradient(4deg,rgba(0, 156, 136,0.3),rgba(0, 156, 136, 0));
+		background: linear-gradient(4deg, rgba(0, 156, 136, 0.3), rgba(0, 156, 136, 0));
 		border-radius: 0px 0px 7px 7px;
 		position: absolute;
-		bottom:1px;
+		bottom: 1px;
 		padding-bottom: 13px;
 	}
-	.index-fujin-img{
+
+	.index-fujin-img {
 		margin: 0 auto;
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 		justify-content: space-between;
 	}
-	.index-fujin-view-text span{
+
+	.index-fujin-view-text span {
 		font-weight: 400;
 		font-size: 25rpx;
 		color: #FFFFFF;
 	}
-	.index-fujin-view-text image{
+
+	.index-fujin-view-text image {
 		width: 20.83rpx;
 		height: 22.61rpx;
 		margin-right: 5px;
 	}
 
-	.index-fujin-title-left image{
+	.index-fujin-title-left image {
 		width: 33.33rpx;
 		height: 33.33rpx;
 		margin-right: 10px;
 	}
-	.index-fujin-title-left span{
+
+	.index-fujin-title-left span {
 		font-weight: bold;
 		font-size: 31rpx;
 		color: #333333;
 	}
-	.index-fujin-title-left-text,.index-fujin-title-left-btn{
+
+	.index-fujin-title-left-text,
+	.index-fujin-title-left-btn {
 		font-weight: 400;
 		font-size: 23rpx;
 		color: #333;
 	}
-	.index-fujin-title-left-btn{
-		margin-left:8px;
+
+	.index-fujin-title-left-btn {
+		margin-left: 8px;
 		margin-right: 5px;
 	}
-	.index-fujin-title-left,.index-fujin-title-right{
+
+	.index-fujin-title-left,
+	.index-fujin-title-right {
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 	}
-	.index-fujin-title{
-		margin:0 auto;
+
+	.index-fujin-title {
+		margin: 0 auto;
 		padding: 15px 0px;
 		display: flex;
 		flex-direction: row;
@@ -2360,93 +2604,108 @@
 		margin-top: 10px;
 	}
 
-	.index-guanggao-pintuan{
+	.index-guanggao-pintuan {
 		width: 400.28rpx;
 		height: 100%;
 	}
-	.index-guanggao-right{
+
+	.index-guanggao-right {
 		width: 400.28rpx;
 		height: 100%;
 		display: flex;
 		flex-direction: column;
 		justify-content: space-between;
-		}
-	.index-guanggao-right-cika{
+	}
+
+	.index-guanggao-right-cika {
 		width: 100%;
 		height: 200.56rpx;
 		margin-bottom: 10rpx;
-		}
-	.index-guanggao-right-yuyue{
+	}
+
+	.index-guanggao-right-yuyue {
 		width: 100%;
 		height: 200.56rpx;
-		}
-	.index-guanggao{
-		margin:10px auto;
+	}
+
+	.index-guanggao {
+		margin: 10px auto;
 		display: flex;
 		flex-direction: row;
 		justify-content: space-between;
 		/* height: 426.39rpx; */
 	}
-	.index-project{
+
+	.index-project {
 		display: flex;
 		flex-direction: row;
 		flex-wrap: wrap;
-		margin:5px 10px 20px 10px;
+		margin: 5px 10px 20px 10px;
 	}
-	.index-project-content image{
+
+	.index-project-content image {
 		width: 68.75rpx;
 		height: 72.22rpx;
 	}
+
 	.index-project-content {
-	  display: flex;
-	  flex-direction: column;
-	  flex-basis: 20%;
-	  align-items: center;
-	  margin-top: 15px;
-	  height: 58px;
+		display: flex;
+		flex-direction: column;
+		flex-basis: 20%;
+		align-items: center;
+		margin-top: 15px;
+		height: 58px;
 	}
+
 	.index-project-content1 {
-	  display: flex;
-	  flex-direction: column;
-	  flex-basis: 33%;
-	  align-items: center;
-	  margin-top: 15px;
-	  height: 58px;
+		display: flex;
+		flex-direction: column;
+		flex-basis: 33%;
+		align-items: center;
+		margin-top: 15px;
+		height: 58px;
 	}
-	.index-project-content1 image{
+
+	.index-project-content1 image {
 		width: 68.75rpx;
 		height: 72.22rpx;
 	}
-	.star-technician-name{
+
+	.star-technician-name {
 		font-weight: bold;
 		font-size: 37rpx;
 		color: #FFFFFF;
 		margin-top: -26rpx;
 	}
-	.star-technician-name-bot{
+
+	.star-technician-name-bot {
 		font-weight: 400;
 		font-size: 21rpx;
 		color: #FFFFFF;
 		opacity: 0.7;
 		margin-left: 10px;
 	}
-	.star-technician-gengguo{
+
+	.star-technician-gengguo {
 		font-weight: 400;
 		font-size: 22rpx;
 		color: #FFFFFF;
 	}
-	.star-technician-top-text{
+
+	.star-technician-top-text {
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 	}
-	.title-star{
+
+	.title-star {
 		width: 95.1%;
 		margin: 0 auto;
 		display: flex;
 		height: 51px;
 	}
-	.star-technician-top{
+
+	.star-technician-top {
 		width: 100%;
 		height: 100%;
 		padding: 0px 20px;
@@ -2457,12 +2716,14 @@
 		flex-direction: row;
 		align-items: center;
 		justify-content: space-between;
-		}
-	.star-technician-mian{
+	}
+
+	.star-technician-mian {
 		width: 100%;
 		height: 100%;
 	}
-	.star-technician{
+
+	.star-technician {
 		position: relative;
 		margin: -15px auto 0px auto;
 		height: 216px;
@@ -2473,20 +2734,24 @@
 		border: 4.5px solid #049E89;
 		padding: 0px 10px;
 	}
-	.index-gun{
+
+	.index-gun {
 		width: 400px !important;
 		white-space: nowrap;
 		overflow-x: scroll;
 	}
-	.index-fenl{
+
+	.index-fenl {
 		overflow: hidden;
 		height: 40px;
 		margin: 0 auto;
 	}
-	.fenl:nth-child(1){
+
+	.fenl:nth-child(1) {
 		padding-left: 0px !important;
 	}
-	.fenl{
+
+	.fenl {
 		display: inline-block;
 		padding: 0px 10px;
 		text-align: center;
@@ -2494,11 +2759,13 @@
 		font-weight: 500;
 		font-size: 34rpx;
 	}
-	.index-nav-bottom image{
+
+	.index-nav-bottom image {
 		width: 350.11rpx;
 		height: 182.64rpx;
 	}
-	.index-nav-bottom{
+
+	.index-nav-bottom {
 		display: flex;
 		flex-direction: row;
 		align-items: center;
@@ -2506,17 +2773,19 @@
 		margin: 0px auto 8px auto;
 	}
 
-	.index-mian-select image{
+	.index-mian-select image {
 		width: 16px;
 		height: 8px;
 		margin-left: 5px;
 	}
-	.index-mian-select{
+
+	.index-mian-select {
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 	}
-	.index-mian{
+
+	.index-mian {
 		width: 98%;
 		margin: 4rpx auto;
 		display: flex;
@@ -2524,67 +2793,78 @@
 		justify-content: space-between;
 		align-items: center;
 	}
-	.index-top-mian{
+
+	.index-top-mian {
 		display: flex;
 		margin-left: 15rpx;
 	}
-	.index-top-left{
+
+	.index-top-left {
 		color: #019C88;
 		font-weight: bold;
 	}
-	.index-top-right{
+
+	.index-top-right {
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 	}
-	.index-top-right image{
+
+	.index-top-right image {
 		width: 13px;
 		height: 12px;
 		margin-right: 5px;
 	}
-	.index-top-mian-text{
+
+	.index-top-mian-text {
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 		margin-left: 5px;
 	}
-	.index-top-mian-text span{
+
+	.index-top-mian-text span {
 		color: #019c88;
 		font-weight: 400;
 		margin-left: 3px;
 		font-size: 12px;
 	}
-	.index-top-mian-text image{
+
+	.index-top-mian-text image {
 		width: 30rpx;
 		height: 30rpx;
 	}
 
-	.index-top{
-		width:94%;
+	.index-top {
+		width: 94%;
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 		justify-content: space-between;
 		margin: 0 auto;
 	}
-	.index-head{
+
+	.index-head {
 		width: 100%;
 		display: flex;
 		align-items: flex-start;
 		flex-direction: column;
 		padding-top: 10px;
 	}
+
 	.content {
 		width: 100%;
 		height: 100vh;
 		overflow: auto;
 	}
-	.shop_label{
+
+	.shop_label {
 		display: flex;
 		flex-wrap: wrap;
 		margin-top: 10rpx;
 	}
-	.shop_label span{
+
+	.shop_label span {
 		background: linear-gradient(90deg, #ffefde, #fff7ef);
 		height: 34rpx;
 		line-height: 34rpx;
@@ -2595,33 +2875,38 @@
 		margin-bottom: 8rpx;
 		color: #f68607;
 	}
-	.userInfo{
+
+	.userInfo {
 		position: absolute;
-		bottom:110px;
+		bottom: 110px;
 		right: 10px;
 		display: flex;
 		flex-direction: column;
 		z-index: 18;
 	}
-	.userAvatar{
+
+	.userAvatar {
 		border-radius: 500%;
 		border-style: solid;
 		border-width: 2px;
 		border-color: #ffffff;
-		width : 100rpx;
+		width: 100rpx;
 		height: 100rpx;
 	}
-	.list-view{
+
+	.list-view {
 		display: flex;
 		flex-direction: column;
 		align-items: center;
 	}
-	.uni-popup{
+
+	.uni-popup {
 		width: 100%;
 		height: 500px;
 		overflow: auto;
 	}
-	.popup-content-pl{
+
+	.popup-content-pl {
 		width: 100%;
 		height: 100%;
 		background-color: #242424;
@@ -2631,4 +2916,4 @@
 		display: flex;
 		flex-direction: column;
 	}
-</style>
+</style>
\ No newline at end of file
diff --git a/pages/msg/im.vue b/pages/msg/im.vue
index 235d324..fd0f7e2 100644
--- a/pages/msg/im.vue
+++ b/pages/msg/im.vue
@@ -1,16 +1,19 @@
 <template>
 	<view>
 		<view style="width: 100%;padding-bottom: 140rpx;padding-top: 40rpx;" @click="guanbi">
-			<view style="display: flex;flex-direction: column;" v-for="(item,index) in ListItem" :key='index' >
+			<view style="display: flex;flex-direction: column;" v-for="(item,index) in ListItem" :key='index'>
 				<view style="margin-top: 15rpx;width: 100%;text-align: center;font-size: 26rpx;color: #999999;">
-					{{item.createTime}}</view>
-		
+					{{item.createTime}}
+				</view>
+
 				<view v-if="item.userId === userId" style="width: 83%;margin-left: 15%;">
 					<view class="chat-listitem" style="float: right;">
-						<rich-text @longpress="copy(item.content)" v-if="item.content && item.messageType === 3" :nodes="item.content"></rich-text>
-						<view @longpress="copy(item.content)" v-if="item.content && item.messageType === 1" class="chat-listitem-text" style="margin-right: 20rpx;">{{item.content}}</view>
-						<image @tap="viewImg(item.content)" v-if="item.content && item.messageType === 2" :src="item.content"
-							style="height: 200rpx;width: 200rpx;margin-right: 20rpx;"></image>
+						<rich-text @longpress="copy(item.content)" v-if="item.content && item.messageType === 3"
+							:nodes="item.content"></rich-text>
+						<view @longpress="copy(item.content)" v-if="item.content && item.messageType === 1"
+							class="chat-listitem-text" style="margin-right: 20rpx;">{{item.content}}</view>
+						<image @tap="viewImg(item.content)" v-if="item.content && item.messageType === 2"
+							:src="item.content" style="height: 200rpx;width: 200rpx;margin-right: 20rpx;"></image>
 						<view>
 							<image v-if="item.avatar" :src="item.avatar" class="chat-listitem-image"></image>
 							<image v-else src="../../static/logo.png" class="chat-listitem-image"></image>
@@ -20,19 +23,20 @@
 				<view v-if="item.userId != userId" style="width: 83%;margin-right: 15%;">
 					<view class="chat-listitem" style="float: left;margin-left: 10rpx;">
 						<view>
-							<image :src="item.avatar?item.avatar:'../../static/logo.png'" class="chat-listitem-image"></image>
+							<image :src="item.avatar?item.avatar:'../../static/logo.png'" class="chat-listitem-image">
+							</image>
 						</view>
 						<view v-if="item.content && item.messageType === 1" class="chat-listitem-text1"
 							style="margin-left: 20rpx;">{{item.content}}</view>
-						<image @tap="viewImg(item.content)" v-if="item.content && item.messageType === 2" :src="item.content"
-							style="height: 200rpx;width: 200rpx;margin-left: 20rpx;"></image>
+						<image @tap="viewImg(item.content)" v-if="item.content && item.messageType === 2"
+							:src="item.content" style="height: 200rpx;width: 200rpx;margin-left: 20rpx;"></image>
 					</view>
 				</view>
 			</view>
 		</view>
 		<!-- 抽屉栏 -->
 		<view class="popup-layer" :class="popupLayerClass" @touchmove.stop.prevent="discard">
-			<!-- 表情 --> 
+			<!-- 表情 -->
 			<swiper class="emoji-swiper" :class="{hidden:hideEmoji}" indicator-dots="true" duration="150">
 				<swiper-item v-for="(page,pid) in emojiList" :key="pid">
 					<view v-for="(em,eid) in page" :key="eid" @tap="addEmoji(em)">
@@ -43,23 +47,25 @@
 			<!-- 更多功能 相册-拍照-红包 -->
 			<view class="more-layer" :class="{hidden:hideMore}">
 				<view class="list">
-					<view class="box" @tap="chooseImage"><view class="icon tupian2"></view></view>
+					<view class="box" @tap="chooseImage">
+						<view class="icon tupian2"></view>
+					</view>
 					<!-- <view class="box" @tap="camera"><view class="icon paizhao"></view></view> -->
 				</view>
 			</view>
 		</view>
 		<!-- 底部输入栏 -->
 		<view class="input-box" :class="popupLayerClass" @touchmove.stop.prevent="discard">
-			
+
 			<!-- #ifdef H5 -->
 			<view class="more" @tap="showMore">
 				<view class="icon add"></view>
 			</view>
 			<!-- #endif -->
 			<view class="textbox">
-				<view class="text-mode"  :class="isVoice?'hidden':''">
+				<view class="text-mode" :class="isVoice?'hidden':''">
 					<view class="box">
-						<textarea auto-height="true"  @confirm='setChatSave(1)' v-model="content"/>
+						<textarea auto-height="true" @confirm='setChatSave(1)' v-model="content" />
 					</view>
 					<view class="em" @tap="chooseEmoji">
 						<view class="icon biaoqing"></view>
@@ -84,7 +90,7 @@
 		data() {
 			return {
 				videos: [],
-				charShow:0,
+				charShow: 0,
 				connected: false,
 				connecting: false,
 				msg: false,
@@ -120,28 +126,509 @@
 				chatConversationId: '',
 				byUserId: '',
 				//文字消息
-				textMsg:'',
+				textMsg: '',
 				//消息列表
-				msgList:[],
-				msgImgList:[],
-				myuid:0,
-				isVoice:false,
+				msgList: [],
+				msgImgList: [],
+				myuid: 0,
+				isVoice: false,
 				// 抽屉参数
-				popupLayerClass:'',
+				popupLayerClass: '',
 				// more参数
-				hideMore:true,
+				hideMore: true,
 				//表情定义
-				hideEmoji:true,
-				emojiList:[
-					[{"url":"100.gif",alt:"[微笑]"},{"url":"101.gif",alt:"[伤心]"},{"url":"102.gif",alt:"[美女]"},{"url":"103.gif",alt:"[发呆]"},{"url":"104.gif",alt:"[墨镜]"},{"url":"105.gif",alt:"[哭]"},{"url":"106.gif",alt:"[羞]"},{"url":"107.gif",alt:"[哑]"},{"url":"108.gif",alt:"[睡]"},{"url":"109.gif",alt:"[哭]"},{"url":"110.gif",alt:"[囧]"},{"url":"111.gif",alt:"[怒]"},{"url":"112.gif",alt:"[调皮]"},{"url":"113.gif",alt:"[笑]"},{"url":"114.gif",alt:"[惊讶]"},{"url":"115.gif",alt:"[难过]"},{"url":"116.gif",alt:"[酷]"},{"url":"117.gif",alt:"[汗]"},{"url":"118.gif",alt:"[抓狂]"},{"url":"119.gif",alt:"[吐]"},{"url":"120.gif",alt:"[笑]"},{"url":"121.gif",alt:"[快乐]"},{"url":"122.gif",alt:"[奇]"},{"url":"123.gif",alt:"[傲]"}],
-					[{"url":"124.gif",alt:"[饿]"},{"url":"125.gif",alt:"[累]"},{"url":"126.gif",alt:"[吓]"},{"url":"127.gif",alt:"[汗]"},{"url":"128.gif",alt:"[高兴]"},{"url":"129.gif",alt:"[闲]"},{"url":"130.gif",alt:"[努力]"},{"url":"131.gif",alt:"[骂]"},{"url":"132.gif",alt:"[疑问]"},{"url":"133.gif",alt:"[秘密]"},{"url":"134.gif",alt:"[乱]"},{"url":"135.gif",alt:"[疯]"},{"url":"136.gif",alt:"[哀]"},{"url":"137.gif",alt:"[鬼]"},{"url":"138.gif",alt:"[打击]"},{"url":"139.gif",alt:"[bye]"},{"url":"140.gif",alt:"[汗]"},{"url":"141.gif",alt:"[抠]"},{"url":"142.gif",alt:"[鼓掌]"},{"url":"143.gif",alt:"[糟糕]"},{"url":"144.gif",alt:"[恶搞]"},{"url":"145.gif",alt:"[什么]"},{"url":"146.gif",alt:"[什么]"},{"url":"147.gif",alt:"[累]"}],
-					[{"url":"148.gif",alt:"[看]"},{"url":"149.gif",alt:"[难过]"},{"url":"150.gif",alt:"[难过]"},{"url":"151.gif",alt:"[坏]"},{"url":"152.gif",alt:"[亲]"},{"url":"153.gif",alt:"[吓]"},{"url":"154.gif",alt:"[可怜]"},{"url":"155.gif",alt:"[刀]"},{"url":"156.gif",alt:"[水果]"},{"url":"157.gif",alt:"[酒]"},{"url":"158.gif",alt:"[篮球]"},{"url":"159.gif",alt:"[乒乓]"},{"url":"160.gif",alt:"[咖啡]"},{"url":"161.gif",alt:"[美食]"},{"url":"162.gif",alt:"[动物]"},{"url":"163.gif",alt:"[鲜花]"},{"url":"164.gif",alt:"[枯]"},{"url":"165.gif",alt:"[唇]"},{"url":"166.gif",alt:"[爱]"},{"url":"167.gif",alt:"[分手]"},{"url":"168.gif",alt:"[生日]"},{"url":"169.gif",alt:"[电]"},{"url":"170.gif",alt:"[炸弹]"},{"url":"171.gif",alt:"[刀子]"}],
-					[{"url":"172.gif",alt:"[足球]"},{"url":"173.gif",alt:"[瓢虫]"},{"url":"174.gif",alt:"[翔]"},{"url":"175.gif",alt:"[月亮]"},{"url":"176.gif",alt:"[太阳]"},{"url":"177.gif",alt:"[礼物]"},{"url":"178.gif",alt:"[抱抱]"},{"url":"179.gif",alt:"[拇指]"},{"url":"180.gif",alt:"[贬低]"},{"url":"181.gif",alt:"[握手]"},{"url":"182.gif",alt:"[剪刀手]"},{"url":"183.gif",alt:"[抱拳]"},{"url":"184.gif",alt:"[勾引]"},{"url":"185.gif",alt:"[拳头]"},{"url":"186.gif",alt:"[小拇指]"},{"url":"187.gif",alt:"[拇指八]"},{"url":"188.gif",alt:"[食指]"},{"url":"189.gif",alt:"[ok]"},{"url":"190.gif",alt:"[情侣]"},{"url":"191.gif",alt:"[爱心]"},{"url":"192.gif",alt:"[蹦哒]"},{"url":"193.gif",alt:"[颤抖]"},{"url":"194.gif",alt:"[怄气]"},{"url":"195.gif",alt:"[跳舞]"}],
-					[{"url":"196.gif",alt:"[发呆]"},{"url":"197.gif",alt:"[背着]"},{"url":"198.gif",alt:"[伸手]"},{"url":"199.gif",alt:"[耍帅]"},{"url":"200.png",alt:"[微笑]"},{"url":"201.png",alt:"[生病]"},{"url":"202.png",alt:"[哭泣]"},{"url":"203.png",alt:"[吐舌]"},{"url":"204.png",alt:"[迷糊]"},{"url":"205.png",alt:"[瞪眼]"},{"url":"206.png",alt:"[恐怖]"},{"url":"207.png",alt:"[忧愁]"},{"url":"208.png",alt:"[眨眉]"},{"url":"209.png",alt:"[闭眼]"},{"url":"210.png",alt:"[鄙视]"},{"url":"211.png",alt:"[阴暗]"},{"url":"212.png",alt:"[小鬼]"},{"url":"213.png",alt:"[礼物]"},{"url":"214.png",alt:"[拜佛]"},{"url":"215.png",alt:"[力量]"},{"url":"216.png",alt:"[金钱]"},{"url":"217.png",alt:"[蛋糕]"},{"url":"218.png",alt:"[彩带]"},{"url":"219.png",alt:"[礼物]"},]				
+				hideEmoji: true,
+				emojiList: [
+					[{
+						"url": "100.gif",
+						alt: "[微笑]"
+					}, {
+						"url": "101.gif",
+						alt: "[伤心]"
+					}, {
+						"url": "102.gif",
+						alt: "[美女]"
+					}, {
+						"url": "103.gif",
+						alt: "[发呆]"
+					}, {
+						"url": "104.gif",
+						alt: "[墨镜]"
+					}, {
+						"url": "105.gif",
+						alt: "[哭]"
+					}, {
+						"url": "106.gif",
+						alt: "[羞]"
+					}, {
+						"url": "107.gif",
+						alt: "[哑]"
+					}, {
+						"url": "108.gif",
+						alt: "[睡]"
+					}, {
+						"url": "109.gif",
+						alt: "[哭]"
+					}, {
+						"url": "110.gif",
+						alt: "[囧]"
+					}, {
+						"url": "111.gif",
+						alt: "[怒]"
+					}, {
+						"url": "112.gif",
+						alt: "[调皮]"
+					}, {
+						"url": "113.gif",
+						alt: "[笑]"
+					}, {
+						"url": "114.gif",
+						alt: "[惊讶]"
+					}, {
+						"url": "115.gif",
+						alt: "[难过]"
+					}, {
+						"url": "116.gif",
+						alt: "[酷]"
+					}, {
+						"url": "117.gif",
+						alt: "[汗]"
+					}, {
+						"url": "118.gif",
+						alt: "[抓狂]"
+					}, {
+						"url": "119.gif",
+						alt: "[吐]"
+					}, {
+						"url": "120.gif",
+						alt: "[笑]"
+					}, {
+						"url": "121.gif",
+						alt: "[快乐]"
+					}, {
+						"url": "122.gif",
+						alt: "[奇]"
+					}, {
+						"url": "123.gif",
+						alt: "[傲]"
+					}],
+					[{
+						"url": "124.gif",
+						alt: "[饿]"
+					}, {
+						"url": "125.gif",
+						alt: "[累]"
+					}, {
+						"url": "126.gif",
+						alt: "[吓]"
+					}, {
+						"url": "127.gif",
+						alt: "[汗]"
+					}, {
+						"url": "128.gif",
+						alt: "[高兴]"
+					}, {
+						"url": "129.gif",
+						alt: "[闲]"
+					}, {
+						"url": "130.gif",
+						alt: "[努力]"
+					}, {
+						"url": "131.gif",
+						alt: "[骂]"
+					}, {
+						"url": "132.gif",
+						alt: "[疑问]"
+					}, {
+						"url": "133.gif",
+						alt: "[秘密]"
+					}, {
+						"url": "134.gif",
+						alt: "[乱]"
+					}, {
+						"url": "135.gif",
+						alt: "[疯]"
+					}, {
+						"url": "136.gif",
+						alt: "[哀]"
+					}, {
+						"url": "137.gif",
+						alt: "[鬼]"
+					}, {
+						"url": "138.gif",
+						alt: "[打击]"
+					}, {
+						"url": "139.gif",
+						alt: "[bye]"
+					}, {
+						"url": "140.gif",
+						alt: "[汗]"
+					}, {
+						"url": "141.gif",
+						alt: "[抠]"
+					}, {
+						"url": "142.gif",
+						alt: "[鼓掌]"
+					}, {
+						"url": "143.gif",
+						alt: "[糟糕]"
+					}, {
+						"url": "144.gif",
+						alt: "[恶搞]"
+					}, {
+						"url": "145.gif",
+						alt: "[什么]"
+					}, {
+						"url": "146.gif",
+						alt: "[什么]"
+					}, {
+						"url": "147.gif",
+						alt: "[累]"
+					}],
+					[{
+						"url": "148.gif",
+						alt: "[看]"
+					}, {
+						"url": "149.gif",
+						alt: "[难过]"
+					}, {
+						"url": "150.gif",
+						alt: "[难过]"
+					}, {
+						"url": "151.gif",
+						alt: "[坏]"
+					}, {
+						"url": "152.gif",
+						alt: "[亲]"
+					}, {
+						"url": "153.gif",
+						alt: "[吓]"
+					}, {
+						"url": "154.gif",
+						alt: "[可怜]"
+					}, {
+						"url": "155.gif",
+						alt: "[刀]"
+					}, {
+						"url": "156.gif",
+						alt: "[水果]"
+					}, {
+						"url": "157.gif",
+						alt: "[酒]"
+					}, {
+						"url": "158.gif",
+						alt: "[篮球]"
+					}, {
+						"url": "159.gif",
+						alt: "[乒乓]"
+					}, {
+						"url": "160.gif",
+						alt: "[咖啡]"
+					}, {
+						"url": "161.gif",
+						alt: "[美食]"
+					}, {
+						"url": "162.gif",
+						alt: "[动物]"
+					}, {
+						"url": "163.gif",
+						alt: "[鲜花]"
+					}, {
+						"url": "164.gif",
+						alt: "[枯]"
+					}, {
+						"url": "165.gif",
+						alt: "[唇]"
+					}, {
+						"url": "166.gif",
+						alt: "[爱]"
+					}, {
+						"url": "167.gif",
+						alt: "[分手]"
+					}, {
+						"url": "168.gif",
+						alt: "[生日]"
+					}, {
+						"url": "169.gif",
+						alt: "[电]"
+					}, {
+						"url": "170.gif",
+						alt: "[炸弹]"
+					}, {
+						"url": "171.gif",
+						alt: "[刀子]"
+					}],
+					[{
+						"url": "172.gif",
+						alt: "[足球]"
+					}, {
+						"url": "173.gif",
+						alt: "[瓢虫]"
+					}, {
+						"url": "174.gif",
+						alt: "[翔]"
+					}, {
+						"url": "175.gif",
+						alt: "[月亮]"
+					}, {
+						"url": "176.gif",
+						alt: "[太阳]"
+					}, {
+						"url": "177.gif",
+						alt: "[礼物]"
+					}, {
+						"url": "178.gif",
+						alt: "[抱抱]"
+					}, {
+						"url": "179.gif",
+						alt: "[拇指]"
+					}, {
+						"url": "180.gif",
+						alt: "[贬低]"
+					}, {
+						"url": "181.gif",
+						alt: "[握手]"
+					}, {
+						"url": "182.gif",
+						alt: "[剪刀手]"
+					}, {
+						"url": "183.gif",
+						alt: "[抱拳]"
+					}, {
+						"url": "184.gif",
+						alt: "[勾引]"
+					}, {
+						"url": "185.gif",
+						alt: "[拳头]"
+					}, {
+						"url": "186.gif",
+						alt: "[小拇指]"
+					}, {
+						"url": "187.gif",
+						alt: "[拇指八]"
+					}, {
+						"url": "188.gif",
+						alt: "[食指]"
+					}, {
+						"url": "189.gif",
+						alt: "[ok]"
+					}, {
+						"url": "190.gif",
+						alt: "[情侣]"
+					}, {
+						"url": "191.gif",
+						alt: "[爱心]"
+					}, {
+						"url": "192.gif",
+						alt: "[蹦哒]"
+					}, {
+						"url": "193.gif",
+						alt: "[颤抖]"
+					}, {
+						"url": "194.gif",
+						alt: "[怄气]"
+					}, {
+						"url": "195.gif",
+						alt: "[跳舞]"
+					}],
+					[{
+						"url": "196.gif",
+						alt: "[发呆]"
+					}, {
+						"url": "197.gif",
+						alt: "[背着]"
+					}, {
+						"url": "198.gif",
+						alt: "[伸手]"
+					}, {
+						"url": "199.gif",
+						alt: "[耍帅]"
+					}, {
+						"url": "200.png",
+						alt: "[微笑]"
+					}, {
+						"url": "201.png",
+						alt: "[生病]"
+					}, {
+						"url": "202.png",
+						alt: "[哭泣]"
+					}, {
+						"url": "203.png",
+						alt: "[吐舌]"
+					}, {
+						"url": "204.png",
+						alt: "[迷糊]"
+					}, {
+						"url": "205.png",
+						alt: "[瞪眼]"
+					}, {
+						"url": "206.png",
+						alt: "[恐怖]"
+					}, {
+						"url": "207.png",
+						alt: "[忧愁]"
+					}, {
+						"url": "208.png",
+						alt: "[眨眉]"
+					}, {
+						"url": "209.png",
+						alt: "[闭眼]"
+					}, {
+						"url": "210.png",
+						alt: "[鄙视]"
+					}, {
+						"url": "211.png",
+						alt: "[阴暗]"
+					}, {
+						"url": "212.png",
+						alt: "[小鬼]"
+					}, {
+						"url": "213.png",
+						alt: "[礼物]"
+					}, {
+						"url": "214.png",
+						alt: "[拜佛]"
+					}, {
+						"url": "215.png",
+						alt: "[力量]"
+					}, {
+						"url": "216.png",
+						alt: "[金钱]"
+					}, {
+						"url": "217.png",
+						alt: "[蛋糕]"
+					}, {
+						"url": "218.png",
+						alt: "[彩带]"
+					}, {
+						"url": "219.png",
+						alt: "[礼物]"
+					}, ]
 				],
 				//表情图片图床名称 ，由于我上传的第三方图床名称会有改变，所以有此数据来做对应，您实际应用中应该不需要
-				onlineEmoji:{"100.gif":"AbNQgA.gif","101.gif":"AbN3ut.gif","102.gif":"AbNM3d.gif","103.gif":"AbN8DP.gif","104.gif":"AbNljI.gif","105.gif":"AbNtUS.gif","106.gif":"AbNGHf.gif","107.gif":"AbNYE8.gif","108.gif":"AbNaCQ.gif","109.gif":"AbNN4g.gif","110.gif":"AbN0vn.gif","111.gif":"AbNd3j.gif","112.gif":"AbNsbV.gif","113.gif":"AbNwgs.gif","114.gif":"AbNrD0.gif","115.gif":"AbNDuq.gif","116.gif":"AbNg5F.gif","117.gif":"AbN6ET.gif","118.gif":"AbNcUU.gif","119.gif":"AbNRC4.gif","120.gif":"AbNhvR.gif","121.gif":"AbNf29.gif","122.gif":"AbNW8J.gif","123.gif":"AbNob6.gif","124.gif":"AbN5K1.gif","125.gif":"AbNHUO.gif","126.gif":"AbNIDx.gif","127.gif":"AbN7VK.gif","128.gif":"AbNb5D.gif","129.gif":"AbNX2d.gif","130.gif":"AbNLPe.gif","131.gif":"AbNjxA.gif","132.gif":"AbNO8H.gif","133.gif":"AbNxKI.gif","134.gif":"AbNzrt.gif","135.gif":"AbU9Vf.gif","136.gif":"AbUSqP.gif","137.gif":"AbUCa8.gif","138.gif":"AbUkGQ.gif","139.gif":"AbUFPg.gif","140.gif":"AbUPIS.gif","141.gif":"AbUZMn.gif","142.gif":"AbUExs.gif","143.gif":"AbUA2j.gif","144.gif":"AbUMIU.gif","145.gif":"AbUerq.gif","146.gif":"AbUKaT.gif","147.gif":"AbUmq0.gif","148.gif":"AbUuZV.gif","149.gif":"AbUliF.gif","150.gif":"AbU1G4.gif","151.gif":"AbU8z9.gif","152.gif":"AbU3RJ.gif","153.gif":"AbUYs1.gif","154.gif":"AbUJMR.gif","155.gif":"AbUadK.gif","156.gif":"AbUtqx.gif","157.gif":"AbUUZ6.gif","158.gif":"AbUBJe.gif","159.gif":"AbUdIO.gif","160.gif":"AbU0iD.gif","161.gif":"AbUrzd.gif","162.gif":"AbUDRH.gif","163.gif":"AbUyQA.gif","164.gif":"AbUWo8.gif","165.gif":"AbU6sI.gif","166.gif":"AbU2eP.gif","167.gif":"AbUcLt.gif","168.gif":"AbU4Jg.gif","169.gif":"AbURdf.gif","170.gif":"AbUhFS.gif","171.gif":"AbU5WQ.gif","172.gif":"AbULwV.gif","173.gif":"AbUIzj.gif","174.gif":"AbUTQs.gif","175.gif":"AbU7yn.gif","176.gif":"AbUqe0.gif","177.gif":"AbUHLq.gif","178.gif":"AbUOoT.gif","179.gif":"AbUvYF.gif","180.gif":"AbUjFU.gif","181.gif":"AbaSSJ.gif","182.gif":"AbUxW4.gif","183.gif":"AbaCO1.gif","184.gif":"Abapl9.gif","185.gif":"Aba9yR.gif","186.gif":"AbaFw6.gif","187.gif":"Abaiex.gif","188.gif":"AbakTK.gif","189.gif":"AbaZfe.png","190.gif":"AbaEFO.gif","191.gif":"AbaVYD.gif","192.gif":"AbamSH.gif","193.gif":"AbaKOI.gif","194.gif":"Abanld.gif","195.gif":"Abau6A.gif","196.gif":"AbaQmt.gif","197.gif":"Abal0P.gif","198.gif":"AbatpQ.gif","199.gif":"Aba1Tf.gif","200.png":"Aba8k8.png","201.png":"AbaGtS.png","202.png":"AbaJfg.png","203.png":"AbaNlj.png","204.png":"Abawmq.png","205.png":"AbaU6s.png","206.png":"AbaaXn.png","207.png":"Aba000.png","208.png":"AbarkT.png","209.png":"AbastU.png","210.png":"AbaB7V.png","211.png":"Abafn1.png","212.png":"Abacp4.png","213.png":"AbayhF.png","214.png":"Abag1J.png","215.png":"Aba2c9.png","216.png":"AbaRXR.png","217.png":"Aba476.png","218.png":"Abah0x.png","219.png":"Abdg58.png"},
-				webSocketTask:null,
+				onlineEmoji: {
+					"100.gif": "AbNQgA.gif",
+					"101.gif": "AbN3ut.gif",
+					"102.gif": "AbNM3d.gif",
+					"103.gif": "AbN8DP.gif",
+					"104.gif": "AbNljI.gif",
+					"105.gif": "AbNtUS.gif",
+					"106.gif": "AbNGHf.gif",
+					"107.gif": "AbNYE8.gif",
+					"108.gif": "AbNaCQ.gif",
+					"109.gif": "AbNN4g.gif",
+					"110.gif": "AbN0vn.gif",
+					"111.gif": "AbNd3j.gif",
+					"112.gif": "AbNsbV.gif",
+					"113.gif": "AbNwgs.gif",
+					"114.gif": "AbNrD0.gif",
+					"115.gif": "AbNDuq.gif",
+					"116.gif": "AbNg5F.gif",
+					"117.gif": "AbN6ET.gif",
+					"118.gif": "AbNcUU.gif",
+					"119.gif": "AbNRC4.gif",
+					"120.gif": "AbNhvR.gif",
+					"121.gif": "AbNf29.gif",
+					"122.gif": "AbNW8J.gif",
+					"123.gif": "AbNob6.gif",
+					"124.gif": "AbN5K1.gif",
+					"125.gif": "AbNHUO.gif",
+					"126.gif": "AbNIDx.gif",
+					"127.gif": "AbN7VK.gif",
+					"128.gif": "AbNb5D.gif",
+					"129.gif": "AbNX2d.gif",
+					"130.gif": "AbNLPe.gif",
+					"131.gif": "AbNjxA.gif",
+					"132.gif": "AbNO8H.gif",
+					"133.gif": "AbNxKI.gif",
+					"134.gif": "AbNzrt.gif",
+					"135.gif": "AbU9Vf.gif",
+					"136.gif": "AbUSqP.gif",
+					"137.gif": "AbUCa8.gif",
+					"138.gif": "AbUkGQ.gif",
+					"139.gif": "AbUFPg.gif",
+					"140.gif": "AbUPIS.gif",
+					"141.gif": "AbUZMn.gif",
+					"142.gif": "AbUExs.gif",
+					"143.gif": "AbUA2j.gif",
+					"144.gif": "AbUMIU.gif",
+					"145.gif": "AbUerq.gif",
+					"146.gif": "AbUKaT.gif",
+					"147.gif": "AbUmq0.gif",
+					"148.gif": "AbUuZV.gif",
+					"149.gif": "AbUliF.gif",
+					"150.gif": "AbU1G4.gif",
+					"151.gif": "AbU8z9.gif",
+					"152.gif": "AbU3RJ.gif",
+					"153.gif": "AbUYs1.gif",
+					"154.gif": "AbUJMR.gif",
+					"155.gif": "AbUadK.gif",
+					"156.gif": "AbUtqx.gif",
+					"157.gif": "AbUUZ6.gif",
+					"158.gif": "AbUBJe.gif",
+					"159.gif": "AbUdIO.gif",
+					"160.gif": "AbU0iD.gif",
+					"161.gif": "AbUrzd.gif",
+					"162.gif": "AbUDRH.gif",
+					"163.gif": "AbUyQA.gif",
+					"164.gif": "AbUWo8.gif",
+					"165.gif": "AbU6sI.gif",
+					"166.gif": "AbU2eP.gif",
+					"167.gif": "AbUcLt.gif",
+					"168.gif": "AbU4Jg.gif",
+					"169.gif": "AbURdf.gif",
+					"170.gif": "AbUhFS.gif",
+					"171.gif": "AbU5WQ.gif",
+					"172.gif": "AbULwV.gif",
+					"173.gif": "AbUIzj.gif",
+					"174.gif": "AbUTQs.gif",
+					"175.gif": "AbU7yn.gif",
+					"176.gif": "AbUqe0.gif",
+					"177.gif": "AbUHLq.gif",
+					"178.gif": "AbUOoT.gif",
+					"179.gif": "AbUvYF.gif",
+					"180.gif": "AbUjFU.gif",
+					"181.gif": "AbaSSJ.gif",
+					"182.gif": "AbUxW4.gif",
+					"183.gif": "AbaCO1.gif",
+					"184.gif": "Abapl9.gif",
+					"185.gif": "Aba9yR.gif",
+					"186.gif": "AbaFw6.gif",
+					"187.gif": "Abaiex.gif",
+					"188.gif": "AbakTK.gif",
+					"189.gif": "AbaZfe.png",
+					"190.gif": "AbaEFO.gif",
+					"191.gif": "AbaVYD.gif",
+					"192.gif": "AbamSH.gif",
+					"193.gif": "AbaKOI.gif",
+					"194.gif": "Abanld.gif",
+					"195.gif": "Abau6A.gif",
+					"196.gif": "AbaQmt.gif",
+					"197.gif": "Abal0P.gif",
+					"198.gif": "AbatpQ.gif",
+					"199.gif": "Aba1Tf.gif",
+					"200.png": "Aba8k8.png",
+					"201.png": "AbaGtS.png",
+					"202.png": "AbaJfg.png",
+					"203.png": "AbaNlj.png",
+					"204.png": "Abawmq.png",
+					"205.png": "AbaU6s.png",
+					"206.png": "AbaaXn.png",
+					"207.png": "Aba000.png",
+					"208.png": "AbarkT.png",
+					"209.png": "AbastU.png",
+					"210.png": "AbaB7V.png",
+					"211.png": "Abafn1.png",
+					"212.png": "Abacp4.png",
+					"213.png": "AbayhF.png",
+					"214.png": "Abag1J.png",
+					"215.png": "Aba2c9.png",
+					"216.png": "AbaRXR.png",
+					"217.png": "Aba476.png",
+					"218.png": "Abah0x.png",
+					"219.png": "Abdg58.png"
+				},
+				webSocketTask: null,
 				timer: null,
 				reconnectCn: 1
 			};
@@ -152,6 +639,7 @@
 			this.byUserId = d.byUserId
 			this.chatConversationId = d.chatConversationId;
 			this.connect();
+			this.$queue.setData('kfHaveNewMsg', false)
 		},
 		computed: {
 			showMsg() {
@@ -166,12 +654,12 @@
 				}
 			}
 		},
-		onShow(){
-		    // 接收websocket消息及处理
-		    this.webSocketTask.onMessage((res) => {
-		        let data = JSON.parse(res.data);
-		        console.log("消息及处理",data)
-		    });
+		onShow() {
+			// 接收websocket消息及处理
+			this.webSocketTask.onMessage((res) => {
+				let data = JSON.parse(res.data);
+				console.log("消息及处理", data)
+			});
 		},
 		mounted() {
 			// this.timer = setInterval(() => {
@@ -179,6 +667,7 @@
 			// }, 3000);
 		},
 		onUnload() {
+			this.selectMsg()
 			// uni.closeSocket({
 			// 	success: () => {
 			// 		console.info("退出成功")
@@ -186,21 +675,42 @@
 			// })
 			this.reconnectCn = 101;
 			uni.closeSocket({
-				code:500,
-				complete:(res)=>{
-					console.log("主动断开",res);
+				code: 500,
+				complete: (res) => {
+					console.log("主动断开", res);
 				}
 			})
 			uni.hideLoading();
 			clearInterval(this.timer);
-			this.timer = null; 
+			this.timer = null;
 		},
-		methods:{
-			guanbi(){
+		methods: {
+			selectMsg() {
+				let that = this
+				let data = {
+					userId: uni.getStorageSync('userId'),
+					focusedUserId: '0',
+					// userName:this.order.userName
+				}
+				// app/chat/insertChatConversation
+				this.$Request.postJson('/app/chat/insertChatConversation', data).then(res => {
+					if (res.data) {
+						that.$Request.get('/app/chat/selectChatContent?page=1&limit=1000&chatConversationId=' + res
+							.data.chatConversationId).then(
+							res => {
+								if (res.data) {
+									//将新的查询结果进行保存  isRefresh意义：首次进入页面时才查询
+									that.$queue.setData('keFuLastMsgCount', res.data.totalCount);
+								}
+							});
+					}
+				})
+			},
+			guanbi() {
 				this.hideDrawer();
 			},
-			showChar(index){
-				this.charShow!=this.charShow
+			showChar(index) {
+				this.charShow != this.charShow
 			},
 			copy(content) {
 				uni.showModal({
@@ -232,15 +742,15 @@
 				var day = hour * 24;
 				var month = day * 30;
 				var result = "2";
-			
+
 				var diffValue = timeNow - timePublish;
 				var diffMonth = diffValue / month;
 				var diffWeek = diffValue / (7 * day);
 				var diffDay = diffValue / day;
 				var diffHour = diffValue / hour;
 				var diffMinute = diffValue / minute;
-			
-			
+
+
 				if (diffMonth > 3) {
 					result = timePublish.getFullYear() + "-";
 					result += timePublish.getMonth() + "-";
@@ -294,10 +804,10 @@
 					},
 					fail(err) {
 						// 这里是接口调用失败的回调，不是连接失败的回调，请注意
-						console.log("--------------"+JSON.stringify(err))
+						console.log("--------------" + JSON.stringify(err))
 					}
 				});
-			 // 监听WebSocket连接打开事件
+				// 监听WebSocket连接打开事件
 				uni.onSocketOpen((res) => {
 					uni.hideLoading()
 					console.info("监听WebSocket连接打开事件", res)
@@ -309,7 +819,7 @@
 					uni.hideLoading()
 					console.info("监听WebSocket错误" + res)
 				});
-				uni.onSocketMessage(function (res) {
+				uni.onSocketMessage(function(res) {
 					console.log('收到服务器内容：' + JSON.stringify(res));
 					setTimeout(() => {
 						that.hideDrawer();
@@ -321,7 +831,7 @@
 					that.startRecive = false
 					that.msg = false
 					console.log('onClose', res)
-					if(this.reconnectCn<maxReconnectMaxCn){
+					if (this.reconnectCn < maxReconnectMaxCn) {
 						this.reconnectCn = this.reconnectCn + 1;
 						this.connect();
 					}
@@ -330,24 +840,26 @@
 			close() {
 				uni.closeSocket()
 			},
-			
+
 			// 加载初始页面消息
 			getTimeOrListItem1() {
 				console.log("接受数据测试");
-				this.$Request.get('/app/chat/selectChatContent?page=1&limit=1000&chatConversationId=' + this.chatConversationId).then(
+				this.$Request.get('/app/chat/selectChatContent?page=1&limit=1000&chatConversationId=' + this
+					.chatConversationId).then(
 					res => {
 						this.ListItem = [];
 						if (res.data) {
 							var time = '';
 							res.data.list.forEach(d => {
-								var sf=this.checkBrackets(d.content)
-								if(sf==true){
-									var sss=this.replaceEmoji(d.content);
-									d.content=sss;
-									d.messageType=3;
+								var sf = this.checkBrackets(d.content)
+								if (sf == true) {
+									var sss = this.replaceEmoji(d.content);
+									d.content = sss;
+									d.messageType = 3;
 								}
 								this.ListItem.push(d);
 							});
+							console.log('jjj')
 							this.ListItem = this.ListItem.reverse();
 							setTimeout(() => {
 								uni.pageScrollTo({
@@ -360,11 +872,11 @@
 					});
 			},
 			checkBrackets(data) {
-			  // 正则表达式，用于匹配包含中括号的字符串
-			  const regex = /\[|\]/;
-			  
-			  // 使用正则表达式的test方法检查数据
-			  return regex.test(data);
+				// 正则表达式，用于匹配包含中括号的字符串
+				const regex = /\[|\]/;
+
+				// 使用正则表达式的test方法检查数据
+				return regex.test(data);
 			},
 			setChatSave(type) {
 				//type:1文字 2图片
@@ -388,18 +900,18 @@
 					messageType: type,
 					userId: this.byUserId,
 					chatConversationId: this.chatConversationId,
-					
+
 				}
-				if(data.messageType==2){
-					data.width="100"
+				if (data.messageType == 2) {
+					data.width = "100"
 				}
 				data = JSON.stringify(data);
-				
+
 				let that = this;
 				uni.sendSocketMessage({
 					data: data,
 					success(res) {
-						
+
 						let avatar = that.$queue.getData('avatar');
 						if (!avatar) {
 							avatar = '../../static/logo.png';
@@ -426,7 +938,7 @@
 				this.content = '';
 				this.textMsg = '';
 			},
-			
+
 			//查看大图
 			viewImg(item) {
 				let imgsArray = [];
@@ -437,47 +949,47 @@
 				});
 			},
 			//处理图片尺寸，如果不处理宽高，新进入页面加载图片时候会闪
-			setPicSize(content){
+			setPicSize(content) {
 				// 让图片最长边等于设置的最大长度，短边等比例缩小，图片控件真实改变，区别于aspectFit方式。
-				let maxW = uni.upx2px(350);//350是定义消息图片最大宽度
-				let maxH = uni.upx2px(350);//350是定义消息图片最大高度
-				if(content.w>maxW||content.h>maxH){
-					let scale = content.w/content.h;
-					content.w = scale>1?maxW:maxH*scale;
-					content.h = scale>1?maxW/scale:maxH;
+				let maxW = uni.upx2px(350); //350是定义消息图片最大宽度
+				let maxH = uni.upx2px(350); //350是定义消息图片最大高度
+				if (content.w > maxW || content.h > maxH) {
+					let scale = content.w / content.h;
+					content.w = scale > 1 ? maxW : maxH * scale;
+					content.h = scale > 1 ? maxW / scale : maxH;
 				}
 				return content;
 			},
-			
+
 			//更多功能(点击+弹出) 
-			showMore(){
+			showMore() {
 				this.isVoice = false;
 				this.hideEmoji = true;
-				if(this.hideMore){
+				if (this.hideMore) {
 					this.hideMore = false;
 					this.openDrawer();
-				}else{
+				} else {
 					this.hideDrawer();
 				}
 			},
 			// 打开抽屉
-			openDrawer(){
+			openDrawer() {
 				this.popupLayerClass = 'showLayer';
 			},
 			// 隐藏抽屉
-			hideDrawer(){
+			hideDrawer() {
 				this.popupLayerClass = '';
-				setTimeout(()=>{
+				setTimeout(() => {
 					this.hideMore = true;
 					this.hideEmoji = true;
-				},150);
+				}, 150);
 			},
 			// 选择图片发送
-			chooseImage(){
+			chooseImage() {
 				this.getImage('album');
 			},
 			//拍照发送
-			camera(){
+			camera() {
 				let that = this
 				uni.chooseVideo({
 					count: 1,
@@ -501,12 +1013,12 @@
 				})
 			},
 			//选照片 or 拍照
-			getImage(type){
+			getImage(type) {
 				this.hideDrawer();
 				uni.chooseImage({
-					sourceType:[type],
+					sourceType: [type],
 					sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
-					success: (res)=>{
+					success: (res) => {
 						for (let i = 0; i < res.tempFilePaths.length; i++) {
 							this.$queue.showLoading("上传中...");
 							uni.uploadFile({ // 上传接口
@@ -525,134 +1037,138 @@
 				});
 			},
 			// 选择表情
-			chooseEmoji(){
+			chooseEmoji() {
 				this.hideMore = true;
-				if(this.hideEmoji){
+				if (this.hideEmoji) {
 					this.hideEmoji = false;
 					this.openDrawer();
-				}else{
+				} else {
 					this.hideDrawer();
 				}
 			},
 			//添加表情
-			addEmoji(em){
-				this.content+=em.alt;
+			addEmoji(em) {
+				this.content += em.alt;
 			},
 			//获取焦点，如果不是选表情ing,则关闭抽屉
-			textareaFocus(){
-				if(this.popupLayerClass=='showLayer' && this.hideMore == false){
+			textareaFocus() {
+				if (this.popupLayerClass == 'showLayer' && this.hideMore == false) {
 					this.hideDrawer();
 				}
 			},
-			
+
 			//替换表情符号为图片
-			replaceEmoji(str){
-				let replacedStr = str.replace(/\[([^(\]|\[)]*)\]/g,(item, index)=>{
-					for(let i=0;i<this.emojiList.length;i++){
+			replaceEmoji(str) {
+				let replacedStr = str.replace(/\[([^(\]|\[)]*)\]/g, (item, index) => {
+					for (let i = 0; i < this.emojiList.length; i++) {
 						let row = this.emojiList[i];
-						for(let j=0;j<row.length;j++){
+						for (let j = 0; j < row.length; j++) {
 							let EM = row[j];
-							if(EM.alt==item){
+							if (EM.alt == item) {
 								//在线表情路径，图文混排必须使用网络路径，请上传一份表情到你的服务器后再替换此路径 
 								//比如你上传服务器后，你的100.gif路径为https://www.xxx.com/emoji/100.gif 则替换onlinePath填写为https://www.xxx.com/emoji/
 								let onlinePath = 'https://s2.ax1x.com/2019/04/12/'
-								let imgstr = '<img src="'+onlinePath+this.onlineEmoji[EM.url]+'">';
+								let imgstr = '<img src="' + onlinePath + this.onlineEmoji[EM.url] + '">';
 								return imgstr;
 							}
 						}
 					}
 				});
-				return '<div style="display: flex;align-items: center;word-wrap:break-word;">'+replacedStr+'</div>';
+				return '<div style="display: flex;align-items: center;word-wrap:break-word;">' + replacedStr + '</div>';
 			},
-			discard(){
+			discard() {
 				return;
 			}
 		}
 	}
 </script>
 <style lang="scss" scoped>
-	@import "@/static/HM-chat/css/style.scss"; 
-	/deep/.popup-layer{
-			width: 100%;
+	@import "@/static/HM-chat/css/style.scss";
+
+	/deep/.popup-layer {
+		width: 100%;
 	}
+
 	page {
-			background-color: #F7F7F7;
-		}
-		
-		.bg {
-			background-color: #FFFFFF;
-		}
-	
-		.input-box {
-			position: fixed;
-			bottom: 0;
-			left: 0;
-			height: 120rpx;
-			width: 100%;
-			display: flex;
-			box-sizing: content-box;
-			z-index: 999;
-			/* background-color: #ececec; */
-			/* padding: 0 5rpx; */
-		}
-	
-		.chat-listitem {
-			display: flex;
-			margin-top: 20rpx;
-			padding: 10rpx;
-		}
-	
-		.chat-listitem-text {
-			color: #FFFFFF;
-			background: #005DFF;
-			margin-top: 10rpx;
-			width: fit-content;
-			padding: 15rpx;
-			font-size: 30rpx;
-			height: max-content;
-			word-wrap: break-word;
-			word-break: break-all;
-			border-radius: 10rpx;
-		}
+		background-color: #F7F7F7;
+	}
+
+	.bg {
+		background-color: #FFFFFF;
+	}
+
+	.input-box {
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		height: 120rpx;
+		width: 100%;
+		display: flex;
+		box-sizing: content-box;
+		z-index: 999;
+		/* background-color: #ececec; */
+		/* padding: 0 5rpx; */
+	}
+
+	.chat-listitem {
+		display: flex;
+		margin-top: 20rpx;
+		padding: 10rpx;
+	}
+
+	.chat-listitem-text {
+		color: #FFFFFF;
+		background: #005DFF;
+		margin-top: 10rpx;
+		width: fit-content;
+		padding: 15rpx;
+		font-size: 30rpx;
+		height: max-content;
+		word-wrap: break-word;
+		word-break: break-all;
+		border-radius: 10rpx;
+	}
+
 	.chat-listitem-text1 {
-			/* color: #FFFFFF; */
-			background: #FFFFFF;
-			margin-top: 10rpx;
-			width: fit-content;
-			padding: 15rpx;
-			font-size: 30rpx;
-			height: max-content;
-			word-wrap: break-word;
-			word-break: break-all;
-			border-radius: 10rpx;
-		}
-		.chat-listitem-image-type4 {
-			/* color: #FFFFFF; */
-			background: #FFFFFF;
-			width: fit-content;
-			font-size: 30rpx;
-			height: max-content;
-			word-wrap: break-word;
-			word-break: break-all;
-			border-top-left-radius: 20rpx;
-			border-top-right-radius: 20rpx;
-		}
-	
-		.chat-listitem-image {
-			margin-top: 5rpx;
-			width: 75rpx;
-			height: 75rpx;
-			border-radius: 5rpx;
-		}
-	
-		.save {
-			width: 130rpx;
-			text-align: center;
-			border-radius: 70rpx;
-			height: 70rpx;
-			color: #FFF;
-			background:#005DFF;
-			margin: 5rpx 10rpx 0;
-			line-height: 70rpx;
-		}
+		/* color: #FFFFFF; */
+		background: #FFFFFF;
+		margin-top: 10rpx;
+		width: fit-content;
+		padding: 15rpx;
+		font-size: 30rpx;
+		height: max-content;
+		word-wrap: break-word;
+		word-break: break-all;
+		border-radius: 10rpx;
+	}
+
+	.chat-listitem-image-type4 {
+		/* color: #FFFFFF; */
+		background: #FFFFFF;
+		width: fit-content;
+		font-size: 30rpx;
+		height: max-content;
+		word-wrap: break-word;
+		word-break: break-all;
+		border-top-left-radius: 20rpx;
+		border-top-right-radius: 20rpx;
+	}
+
+	.chat-listitem-image {
+		margin-top: 5rpx;
+		width: 75rpx;
+		height: 75rpx;
+		border-radius: 5rpx;
+	}
+
+	.save {
+		width: 130rpx;
+		text-align: center;
+		border-radius: 70rpx;
+		height: 70rpx;
+		color: #FFF;
+		background: #005DFF;
+		margin: 5rpx 10rpx 0;
+		line-height: 70rpx;
+	}
 </style>
\ No newline at end of file
diff --git a/pages/my/cooperation.vue b/pages/my/cooperation.vue
index ee3f7f0..8f2f7e1 100644
--- a/pages/my/cooperation.vue
+++ b/pages/my/cooperation.vue
@@ -154,7 +154,6 @@
 				this.pickVal=data.target.value;
 				this.pickVal2=data.target.value;
 				this.cityData=this.cityArr[0][this.pickVal2[0]].AreaName+'-'+this.cityArr[1][this.pickVal2[1]].AreaName+'-'+this.cityArr[2][this.pickVal2[2]].AreaName
-				
 			},
 			// 选择时且未点击确定是的值
 			pluginclass(e) {
diff --git a/pages/my/index.vue b/pages/my/index.vue
index c787867..293bc8d 100644
--- a/pages/my/index.vue
+++ b/pages/my/index.vue
@@ -171,19 +171,21 @@
 					<image style="padding: 3rpx;" src="../../static/my-gong-12.png" mode=""></image>
 					<span class="my-use-list-text">我是经纪人</span>
 				</view>
- 				<view class="my-use-list" v-if="blIsYwy=='0'" @click="useToUrl('/pages/my/applySalesperson/index')">
+				<view class="my-use-list" v-if="blIsYwy=='0'" @click="useToUrl('/pages/my/applySalesperson/index')">
 					<image style="padding: 3rpx;" src="../../static/my-gong-14.png" mode=""></image>
 					<span class="my-use-list-text">申请业务员</span>
 				</view>
- 				<view class="my-use-list" v-if="blIsYwy=='1'" @click="useToUrl('/pages/my/applySalesperson/mySalesperson')">
+				<view class="my-use-list" v-if="blIsYwy=='1'"
+					@click="useToUrl('/pages/my/applySalesperson/mySalesperson')">
 					<image style="padding: 3rpx;" src="../../static/my-gong-13.png" mode=""></image>
 					<span class="my-use-list-text">我是业务员</span>
 				</view>
- 				<view class="my-use-list" v-if="blIsFxy=='0'" @click="useToUrl('/pages/my/applyDistributor/index')">
+				<view class="my-use-list" v-if="blIsFxy=='0'" @click="useToUrl('/pages/my/applyDistributor/index')">
 					<image style="padding: 3rpx;" src="../../static/my-gong-15.png" mode=""></image>
 					<span class="my-use-list-text">申请分销员</span>
 				</view>
- 				<view class="my-use-list" v-if="blIsFxy=='1'" @click="useToUrl('/pages/my/applyDistributor/myDistributor')">
+				<view class="my-use-list" v-if="blIsFxy=='1'"
+					@click="useToUrl('/pages/my/applyDistributor/myDistributor')">
 					<image style="padding: 3rpx;" src="../../static/my-gong-16.png" mode=""></image>
 					<span class="my-use-list-text">我是分销员</span>
 				</view>
@@ -191,7 +193,8 @@
 					<image style="padding: 3rpx;" src="../../static/my-gong-11.png" mode=""></image>
 					<span class="my-use-list-text">申请渠道商</span>
 				</view>
-				<view class="my-use-list" v-if="blIsQds=='1'" @click="useToUrl('/pages/my/channelMerchants/myMerchants')">
+				<view class="my-use-list" v-if="blIsQds=='1'"
+					@click="useToUrl('/pages/my/channelMerchants/myMerchants')">
 					<image style="padding: 3rpx;" src="../../static/my-gong-12.png" mode=""></image>
 					<span class="my-use-list-text">我是渠道商</span>
 				</view>
@@ -203,7 +206,7 @@
 					<image style="padding: 3rpx;" src="../../static/my-gong-12.png" mode=""></image>
 					<span class="my-use-list-text">我是代理商</span>
 				</view> -->
-<!-- 				<view class="my-use-list" @click="useToUrl('/pages/my/myteam')">
+				<!-- 				<view class="my-use-list" @click="useToUrl('/pages/my/myteam')">
 					<image style="padding: 3rpx;" src="../../static/my-gong-9.png" mode=""></image>
 					<span class="my-use-list-text">我的团队</span>
 				</view>	 -->
@@ -229,10 +232,12 @@
 						</span>
 						<span v-if="item.type=='104'">/套
 						</span>
-						<span v-if="item.type!='104'" style="font-size: 12px;color: #848484;= -webkit-text-decoration-line: line-through;text-decoration-line: line-through;margin-left: 5px;">
+						<span v-if="item.type!='104'"
+							style="font-size: 12px;color: #848484;= -webkit-text-decoration-line: line-through;text-decoration-line: line-through;margin-left: 5px;">
 							￥{{item.oldPrice}}
 						</span>
-						<span v-if="item.type!='104'&&(item.type=='105'||item.type=='106')" style="font-size: 12px;color: #848484;-webkit-text-decoration-line: line-through;text-decoration-line: line-through;margin-left: 5px;">
+						<span v-if="item.type!='104'&&(item.type=='105'||item.type=='106')"
+							style="font-size: 12px;color: #848484;-webkit-text-decoration-line: line-through;text-decoration-line: line-through;margin-left: 5px;">
 							/{{item.serviceCount?item.serviceCount:''}}次
 						</span>
 						<span v-if="item.type=='104'">￥{{item.oldPrice}}/套</span>
@@ -257,7 +262,7 @@
 		</view>
 		<view class="prompt-text">-当你累了 想起盛安到家-</view>
 		<view class="kefu" @click="goMsg">
-			<image src="../../static/kefu.png" mode=""></image>
+			<image :class="{'blinking': haveNewMsg}" src="../../static/kefu.png" mode=""></image>
 			<!--<span>联系客服</span>-->
 		</view>
 	</view>
@@ -293,10 +298,12 @@
 				vipNameType: '',
 				dataList: [],
 				tagsData: [],
-				blIsJjr:'',//1是经纪人 0不是经纪人
-				blIsFxy:'',//1是分销员 0不是分销员
-				blIsYwy:'',//1是业务员 0不是业务员
-				blIsQds:'',//1是渠道商 0不是渠道商
+				blIsJjr: '', //1是经纪人 0不是经纪人
+				blIsFxy: '', //1是分销员 0不是分销员
+				blIsYwy: '', //1是业务员 0不是业务员
+				blIsQds: '', //1是渠道商 0不是渠道商
+				kfInterval: null, //是否有新客服消息逻辑定时任务
+				haveNewMsg: false, //是否有新消息
 			}
 		},
 		onLoad(e) {
@@ -329,11 +336,27 @@
 				this.avatar = '../../static/logo.png'
 				this.isVip = 0
 			}
+			
+			this.haveNewMsg = false
+			if (this.kfInterval == null) {
+				this.kfInterval = setInterval(() => {
+					this.selectMsg()
+				}, 2000)
+			}
 		},
 		methods: {
-			danxiang(){
+			selectMsg() {
+				let keFuLastMsgCount = this.$queue.getData('keFuLastMsgCount');
+				let keFuNewMsgCount = this.$queue.getData('keFuNewMsgCount');
+				if (keFuLastMsgCount == undefined) {
+					if (keFuNewMsgCount != 0) this.haveNewMsg = true
+				} else {
+					if (keFuNewMsgCount != undefined && keFuNewMsgCount > keFuLastMsgCount) this.haveNewMsg = true
+				}
+			},
+			danxiang() {
 				uni.navigateTo({
-					url:'/pages/my/fuwuGengduo'
+					url: '/pages/my/fuwuGengduo'
 				})
 			},
 			getUserInfo() {
@@ -346,13 +369,13 @@
 						this.avatar = res.data.avatar ? res.data.avatar : '../../static/logo.png'
 						this.isAuthentication = res.data.isAuthentication
 						this.isAgency = res.data.isAgency ? res.data.isAgency : 0; //是否是推广员 1是 2否
-						this.blIsJjr=res.data.blIsJjr;//经纪人
-						this.blIsFxy=res.data.blIsFxy;//分销员
-						this.blIsYwy=res.data.blIsYwy;//业务员
-						this.blIsQds=res.data.blIsQds;//渠道商
+						this.blIsJjr = res.data.blIsJjr; //经纪人
+						this.blIsFxy = res.data.blIsFxy; //分销员
+						this.blIsYwy = res.data.blIsYwy; //业务员
+						this.blIsQds = res.data.blIsQds; //渠道商
 						this.money = res.data.money
 						this.couponnum = res.data.member
-						
+
 						// uni.setStorageSync('isAuthentication', res.data.isAuthentication)
 						this.isShop = res.data.isShop ? res.data.isShop : 0;
 						uni.setStorageSync('avatar', res.data.avatar)
@@ -360,7 +383,7 @@
 						uni.setStorageSync('invitationCode', res.data.invitationCode)
 						uni.setStorageSync('zhiFuBao', res.data.zhiFuBao)
 						uni.setStorageSync('zhiFuBaoName', res.data.zhiFuBaoName)
-			
+
 						if (res.data.isAuthentication == 0 || res.data.isAuthentication == null) {
 							this.renzheng = 0
 							uni.setStorageSync("renzheng", this.renzheng)
@@ -383,13 +406,13 @@
 							this.renzheng = 6
 							uni.setStorageSync("renzheng", this.renzheng)
 						}
-			
+
 					}
 				});
 			},
-			qiye(){
+			qiye() {
 				uni.navigateTo({
-					url:'/pages/shop/qiyeListMy'
+					url: '/pages/shop/qiyeListMy'
 				})
 			},
 			goMsg() { //客服聊天
@@ -626,7 +649,7 @@
 					}
 				});
 			},
-			
+
 
 			getIsVip() {
 				this.$Request.get("/app/UserVip/selectUserVip").then(res => {
@@ -755,21 +778,25 @@
 			itemClick(item) {
 				let limit = 10;
 				let page = 1;
-				if(item.type=='104'){
+				if (item.type == '104') {
 					uni.navigateTo({
-						url:'/pages/my/serviceOderDrtail?id='+item.id+'&limit='+limit+'&page='+page+'&name='+'index'+'&isCanCoupon='+item.isCanCoupon
+						url: '/pages/my/serviceOderDrtail?id=' + item.id + '&limit=' + limit + '&page=' + page +
+							'&name=' + 'index' + '&isCanCoupon=' + item.isCanCoupon
 					})
-				}else if(item.type=='105'){
+				} else if (item.type == '105') {
 					uni.navigateTo({
-						url:'/pages/my/cikarDrtail?id='+item.id+'&limit='+limit+'&page='+page+'&name='+'index'+'&isCanCoupon='+item.isCanCoupon
+						url: '/pages/my/cikarDrtail?id=' + item.id + '&limit=' + limit + '&page=' + page +
+							'&name=' + 'index' + '&isCanCoupon=' + item.isCanCoupon
 					})
-				}else if(item.type=='106'){
+				} else if (item.type == '106') {
 					uni.navigateTo({
-						url:'/pages/my/fuwuliaochengDetail?id='+item.id+'&limit='+limit+'&page='+page+'&name='+'index'+'&isCanCoupon='+item.isCanCoupon
+						url: '/pages/my/fuwuliaochengDetail?id=' + item.id + '&limit=' + limit + '&page=' + page +
+							'&name=' + 'index' + '&isCanCoupon=' + item.isCanCoupon
 					})
-				}else{
+				} else {
 					uni.navigateTo({
-						url:'/pages/my/fuwuDateil?id='+item.id+'&limit='+limit+'&page='+page+'&name='+'index'+'&isCanCoupon='+item.isCanCoupon
+						url: '/pages/my/fuwuDateil?id=' + item.id + '&limit=' + limit + '&page=' + page +
+							'&name=' + 'index' + '&isCanCoupon=' + item.isCanCoupon
 					})
 				}
 			}
@@ -1022,7 +1049,7 @@
 	}
 
 	.my-serve-view {
-		width:86%;
+		width: 86%;
 		margin: 10px auto;
 		display: flex;
 		flex-direction: row;
@@ -1032,14 +1059,14 @@
 
 	.my-use-list {
 		width: 33%;
-		margin-top:15px;
+		margin-top: 15px;
 		display: flex;
 		flex-direction: column;
 		align-items: center;
 	}
 
 	.my-serve-list {
-		width:22%;
+		width: 22%;
 		display: flex;
 		flex-direction: column;
 		align-items: center;
@@ -1066,9 +1093,11 @@
 		margin-left: 8px;
 		margin-top: 5px;
 	}
+
 	.width {
 		width: 94%;
 	}
+
 	.my-serve {
 		background: #FFFFFF;
 		border-radius: 21rpx;
@@ -1143,7 +1172,7 @@
 
 	.my-head-mian-top-view-chong,
 	.my-head-mian-top-view-ming {
-		width:260rpx;
+		width: 260rpx;
 		height: 58rpx;
 		line-height: 58rpx;
 		text-align: center;
@@ -1164,7 +1193,7 @@
 	.my-head-mian-top-view-qian {
 		width: 100%;
 		color: #333;
-		background-image: linear-gradient(to left, rgba(255, 236, 222, 0.7),rgba(255, 255, 255, 0.8));
+		background-image: linear-gradient(to left, rgba(255, 236, 222, 0.7), rgba(255, 255, 255, 0.8));
 		margin: 0 auto;
 		border-radius: 20rpx 20rpx 0 0;
 		height: 76rpx;
@@ -1340,4 +1369,29 @@
 		color: #fff;
 		text-align: center;
 	}
+
+	/* 定义闪烁动画 */
+	@keyframes blink {
+
+		0%,
+		100% {
+			opacity: 1;
+			/* 初始和结束状态透明度为1 */
+		}
+
+		50% {
+			opacity: 0.2;
+			/* 中间状态透明度降低 */
+		}
+	}
+
+	/* 应用动画到图片 */
+	.blinking {
+		animation: blink 1s infinite;
+		/* 'blink' 是动画名, '1s' 是持续时间, 'infinite' 表示无限循环 */
+		width: 50px;
+		/* 假设设置了宽度 */
+		height: auto;
+		/* 自动调整高度 */
+	}
 </style>
\ No newline at end of file