diff --git a/pages/chat/customer_list/chat.vue b/pages/chat/customer_list/chat.vue
index d783203..ebd5bf3 100644
--- a/pages/chat/customer_list/chat.vue
+++ b/pages/chat/customer_list/chat.vue
@@ -1,1892 +1,2032 @@
 <template>
-	<div class="broadcast-details" :style="'height:'+windowH+'px'">
-		<view class="hd-wrapper" :class="active === true ? 'on' : ''" :style="viewColor" @click="stoppress">
-			<view class="store-wrapper" v-if="storeInfo">
-				<view class="left">
-					<image :src="storeInfo.mer_avatar" mode=""></image>
-					<view class="txt">{{storeInfo.mer_name}}</view>
-				</view>
-				<view class="acea-row store-opeation">
-					<navigator v-if="hide_mer_status != 1 && storeInfo.mer_id" :url="'/pages/store/home/index?id='+storeInfo.mer_id" class="link" open-type="redirect">进店</navigator>
-					<text v-if="storeInfo.service_phone" class="iconfont icon-dadianhua01" @click="goCustomer"></text>
-				</view>	
-			</view>
-			<scroll-view scroll-y="true" style="height: 100%;overflow: hidden;" :scroll-top="scrollTop" scroll-with-animation="true"
-			 @scrolltoupper="bindScroll">
-				<div class="chat" ref="chat">
-					<Loading :loaded="status" :loading="loading"></Loading>
-					<view v-if="storeInfo" style="height: 100rpx;"></view>
-					<!-- 客服聊天列表 -->
-					<block v-for="(items,index) in history" v-if="userId != 0" :key="index">
-						<div class="create_time">{{items.time}}</div>
-						<block v-for="(item,j) in items.children" :key="item.service_log_id">
-							<!-- 左边 -->
-							<div class="item acea-row row-top" v-if="item.send_type == 0">	
-								<div v-if="item.msn_type !== 100" class="pictrue" @click="userDetail(item.user.uid)">
-									<image :src="item.user.avatar ? item.user.avatar : '/static/images/f.png'" mode=""></image>
-								</div>
-								<view v-if="item.msn_type === 100" class="recall-msg">对方撤回了一条消息</view>
-								
-								<div class="text">								
-									<div class="acea-row">
-										<!--退款订单链接-->
-										<navigator v-if="item.msn_type === 6 && item.refundOrder && item.refundOrder.refund_order_id" open-type="navigate" :url="'/pages/order_details/index?order_id='+item.refundOrder.order_id">
-											<div class="broadcast-details_num">
-												<span>退款单号：{{ item.refundOrder.refund_order_sn }}</span>
-											</div>
-											<div class="conter acea-row row-middle">
-												<div class="broadcast-details_order noPad" v-for="(val, inx) in item.refundOrder.refundProduct" :key="item.service_log_id">
-													<div class="broadcast-details_box noPad" v-if="inx == 0">
-														<div class="broadcast_details_img">
-															<image :src="val.product.cart_info.product.image" />
-															<div class="broadcast_details_model">
-																{{item.refundOrder.refund_num}}件商品
-															</div>
-														</div>
-														<div class="broadcast_details_picBox noPad">
-															<div class="broadcast_details_tit">{{val.product.cart_info.product.store_name}}</div>
-															<div class="broadcast_details_pic">
-																￥{{ item.refundOrder.refund_price }}
-															</div>
-														</div>
-													</div>
-												</div>
-											</div>
-										</navigator>
-										<!--订单链接-->
-										<div v-if="item.msn_type === 5 && item.orderInfo && item.orderInfo.order_id">
-											<div class="broadcast-details_num acea-row row-middle">
-												<span>订单号：{{ item.orderInfo.order_sn }}</span>
-												<!-- #ifdef H5 -->
-												<button class="copy copy-data" :data-clipboard-text="item.orderInfo.order_sn">复制</button>
-												<!-- #endif -->
-												<!-- #ifndef H5 -->
-												<button class="copy" @tap.stop="copyText(item.orderInfo.order_sn)">复制</button>
-												<!-- #endif -->
-											</div>
-											<navigator :url="'/pages/admin/orderDetail/index?id='+item.orderInfo.order_id+'&mer_id='+item.orderInfo.mer_id" open-type="open-type" class="conter acea-row row-middle">
-												<div class="broadcast-details_order noPad" v-for="(val, inx) in item.orderInfo.orderProduct" :key="val.id">
-													<div class="broadcast-details_box noPad" v-if="inx == 0">
-														<div class="broadcast_details_img">
-															<image :src="val.cart_info.product.image" />
-															<div class="broadcast_details_model">
-																{{item.orderInfo.total_num}}件商品
-															</div>
-														</div>
-														<div class="broadcast_details_picBox noPad">
-															<div class="broadcast_details_tit">{{val.cart_info.product.store_name}}</div>
-															<div class="broadcast_details_pic">
-																￥{{ item.orderInfo.pay_price }}
-															</div>
-														</div>
-													</div>
-												</div>
-											</navigator>
-										</div>
-										<!--商品链接-->
-										<div class="conter acea-row row-middle" v-if="item.msn_type === 4 && item.product">
-											<div class=" noPad">
-												<navigator class="acea-row row-column-around noPad" v-if="item.product.product_id" :url="`/pages/goods_details/index?id=${item.product.product_id}`" open-type="navigate">
-													<div class="broadcast_details_img_no">
-														<image :src="item.product.image" />
-													</div>
-													<div class="broadcast_details_picBox_no noPad">
-														<div class="broadcast_details_pic">
-															￥{{ item.product.price }}
-														</div>
-														<div class="broadcast_details_tit_no line1">{{item.product.store_name}}</div>
-													</div>
-												</navigator>
-											</div>
-										</div>
-										<!--预售商品链接-->
-										<div class="conter acea-row row-middle" v-if="item.msn_type === 7 && item.presell && item.presell.product">
-											<div class=" noPad">
-												<navigator class="acea-row row-column-around noPad" v-if="item.presell.product_presell_id" :url="`/pages/activity/presell_details/index?id=${item.presell.product_presell_id}`" open-type="navigate">
-													<div class="broadcast_details_img_no">
-														<image :src="item.presell.product.image" />
-													</div>
-													<div class="broadcast_details_picBox_no noPad">
-														<div class="broadcast_details_pic">
-															￥{{ item.presell.price }}
-														</div>
-														<div class="broadcast_details_tit_no line1">{{item.presell.store_name}}</div>
-													</div>
-												</navigator>
-											</div>
-										</div>
-										<!--拼团商品链接-->
-										<div class="conter acea-row row-middle" v-if="item.msn_type === 8 && item.productGroup && item.productGroup.product">
-											<div class=" noPad">
-												<navigator class="acea-row row-column-around noPad" v-if="item.productGroup.product_group_id" :url="`/pages/activity/combination_details/index?id=${item.productGroup.product_group_id}`" open-type="navigate">
-													<div class="broadcast_details_img_no">
-														<image :src="item.productGroup.product.image" />
-													</div>
-													<div class="broadcast_details_picBox_no noPad">
-														<div class="broadcast_details_pic">
-															￥{{ item.productGroup.product.price }}
-														</div>
-														<div class="broadcast_details_tit_no line1">{{item.productGroup.product.store_name}}</div>
-													</div>
-												</navigator>
-											</div>
-										</div>
-										<div class="conter acea-row row-middle" v-if="item.msn_type === 3">
-											<image :src="item.msn" @click="clickImg(item.msn)" mode="heightFix" />
-										</div>
-										<div class="conter acea-row row-middle" v-if="item.msn_type === 2">
-											<i class="em" :class="item.msn" :style="'background-image:url('+ httpUrl +')'"></i>
-										</div>
-										<div class="conter acea-row row-middle" v-if="item.msn_type === 1">										
-											{{item.msn}}
-										</div>
-										
-									</div>
-								</div>
-							</div>
-							<!-- 右边 -->
-							<div class="item acea-row row-top row-right" v-else @longpress="longTime(items,index,item,j)">
-								<div class="text textR">
-									<!-- <div class="name">{{ item.user.nickname }}</div> -->
-									<div class="acea-row ">
-										<!--退款订单链接-->
-										<navigator v-if="item.msn_type === 6 && item.refundOrder.refund_order_id" open-type="navigate">
-											<div class="broadcast-details_num acea-row row-middle">
-												<text>订单号：{{ item.refundOrder.refund_order_sn }}</text>		
-												<!-- #ifdef H5 -->
-												<button class="copy copy-data" :data-clipboard-text="item.refundOrder.refund_order_sn">复制</button>
-												<!-- #endif -->
-												<!-- #ifndef H5 -->
-												<button class="copy" @tap.stop="copyText(item.refundOrder.refund_order_sn)">复制</button>
-												<!-- #endif -->
-											</div>
-											<div class="conter acea-row row-middle">
-												<div class="broadcast-details_order noPad" v-for="(val, inx) in item.refundOrder.refundProduct" :key="val.id">
-													<div class="broadcast-details_box noPad" v-if="inx == 0">
-														<div class="broadcast_details_img">
-															<image :src="val.product.cart_info.product.image" />
-															<div class="broadcast_details_model">
-																{{item.refundOrder.refund_num}}件商品
-															</div>
-														</div>
-														<div class="broadcast_details_picBox noPad">
-															<div class="broadcast_details_tit">{{val.product.cart_info.product.store_name}}</div>
-															<div class="broadcast_details_pic">
-																￥{{ item.refundOrder.refund_price }}
-															</div>
-														</div>
-													</div>
-												</div>
-											</div>
-										</navigator>
-										<!--订单链接-->
-										<div v-if="item.msn_type === 5 && item.orderInfo.order_id">
-											<div class="broadcast-details_num acea-row row-middle">
-												<text>订单号：{{ item.orderInfo.order_sn }}</text>
-												<!-- #ifdef H5 -->
-												<button class="copy copy-data" :data-clipboard-text="item.orderInfo.order_sn">复制</button>
-												<!-- #endif -->
-												<!-- #ifndef H5 -->
-												<button class="copy" @tap.stop="copyText(item.orderInfo.order_sn)">复制</button>
-												<!-- #endif -->
-											</div>
-											<navigator :url="'/pages/admin/orderDetail/index?id='+item.orderInfo.order_id+'&mer_id='+item.orderInfo.mer_id" open-type="navigate" class="conter acea-row row-middle">
-												<div class="broadcast-details_order noPad" v-for="(val, inx) in item.orderInfo.orderProduct" :key="val.id">
-													<div class="broadcast-details_box noPad" v-if="inx == 0">
-														<div class="broadcast_details_img">
-															<image :src="val.cart_info.product.image" />
-															<div class="broadcast_details_model">
-																{{item.orderInfo.total_num}}件商品
-															</div>
-														</div>
-														<div class="broadcast_details_picBox noPad">
-															<div class="broadcast_details_tit">{{val.cart_info.product.store_name}}</div>
-															<div class="broadcast_details_pic">
-																￥{{ item.orderInfo.pay_price }}
-															</div>
-														</div>
-													</div>
-												</div>
-											</navigator>
-										</div>
-										<!--商品链接-->
-										<div class="conter acea-row row-middle" v-if="item.msn_type === 4 && item.product">
-											<div class=" acea-row row-column-around noPad">
-												<navigator class="acea-row row-column-around noPad" v-if="item.product.product_id" :url="`/pages/goods_details/index?id=${item.product.product_id}`">
-													<div class="broadcast_details_img_no">
-														<image :src="item.product.image" />
-													</div>
-													<div class="broadcast_details_picBox_no noPad">
-														<div class="broadcast_details_pic">
-															￥{{ item.product.price }}
-														</div>
-														<div class="broadcast_details_tit_no line1">{{item.product.store_name}}</div>
-													</div>
-												</navigator>
-											</div>
-										</div>
-										<!--预售商品链接-->
-										<div class="conter acea-row row-middle" v-if="item.msn_type === 7 && item.presell && item.presell.product">
-											<div class=" acea-row row-column-around noPad">
-												<navigator class="acea-row row-column-around noPad" v-if="item.presell.product_presell_id" :url="`/pages/activity/presell_details/index?id=${item.presell.product_presell_id}`" open-type="navigate">
-													<div class="broadcast_details_img_no">
-														<image :src="item.presell.product.image" />
-													</div>
-													<div class="broadcast_details_picBox_no noPad">
-														<div class="broadcast_details_pic">
-															￥{{ item.presell.price }}
-														</div>
-														<div class="broadcast_details_tit_no line1">{{item.presell.store_name}}</div>
-													</div>
-												</navigator>
-											</div>
-										</div>
-										<!--拼团商品链接-->
-										<div class="conter acea-row row-middle" v-if="item.msn_type === 8 && item.productGroup && item.productGroup.product">
-											<div class=" acea-row row-column-around noPad">
-												<navigator class="acea-row row-column-around noPad" v-if="item.productGroup.product_group_id" :url="`/pages/activity/combination_details/index?id=${item.productGroup.product_group_id}`" open-type="navigate">
-													<div class="broadcast_details_img_no">
-														<image :src="item.productGroup.product.image" />
-													</div>
-													<div class="broadcast_details_picBox_no noPad">
-														<div class="broadcast_details_pic">
-															￥{{ item.productGroup.product.price }}
-														</div>
-														<div class="broadcast_details_tit_no line1">{{item.productGroup.product.store_name}}</div>
-													</div>
-												</navigator>
-											</div>
-										</div>
-										<div class="conter acea-row row-middle" v-if="item.msn_type === 3">
-											<image :src="item.msn" @click="clickImg(item.msn)" mode="heightFix" />
-										</div>
-										<div class="conter acea-row row-middle" v-if="item.msn_type === 2">
-											<i class="em" :class="item.msn" :style="'background-image:url('+ httpUrl +')'"></i>
-										</div>
-										<div class="conter acea-row row-middle" v-if="item.msn_type === 1">
-											{{item.msn}}
-										</div>
-										<view class="recall" :class="'recall'+index+j" v-if="item.longpress && press && (item.msn_type === 1 || (new Date().getTime()/1000 - item.send_time) <= 120)">
-											<view class="recall-item" v-if="item.msn_type === 1">
-												<!-- #ifdef H5 -->
-												<view class="copy copy-data" :data-clipboard-text="item.msn">
-													<text class="iconfont icon-fuzhi"></text>
-													复制
-												</view>
-												<!-- #endif -->
-												<!-- #ifndef H5 -->
-												<view class="copy copy-data" @tap.stop="copyText(item.msn)">
-													<text class="iconfont icon-fuzhi"></text>
-													复制
-												</view>
-												<!-- #endif -->
-											</view>
-											<view v-if="(new Date().getTime()/1000 - item.send_time) <= 120" class="recall-item" @click.stop="reverstMsg(item)"><view class="iconfont icon-chehui"></view>撤回</view>
-										</view>
-									</div>
-								</div>
-								<div v-if="item.msn_type != 100" class="pictrue">
-									<image :src="item.service.avatar ? item.service.avatar : '/static/images/f.png'"  />
-								</div>
-								<view v-if="item.msn_type === 100" class="recall-msg">你撤回了一条消息</view>
-							</div>
-						</block>
-					</block>
-					<!-- 客户聊天列表 -->
-					<block v-for="(items,index) in history" v-if="userId == 0" :key="items.time">
-						<div class="create_time">{{items.time}}</div>
-						<block v-for="(item,j) in items.children" :key="item.service_log_id">
-							<!-- 左边 -->
-							<div class="item acea-row row-top" v-if="item.send_type == 1">
-								<div v-if="item.msn_type !== 100" class="pictrue">
-									<image :src="item.service.avatar ? item.service.avatar : '/static/images/f.png'" mode=""></image>
-								</div>
-								<view v-if="item.msn_type === 100" class="recall-msg">对方撤回了一条消息</view>
-								<div class="text">
-									<!-- <div class="name">{{ item.service.nickname }}</div> -->
-									<div class="acea-row">
-										<!--退款订单链接-->
-										<navigator v-if="item.msn_type === 6 && item.refundOrder.refund_order_id"  open-type="navigate" :url="'/pages/order_details/index?order_id='+item.refundOrder.order_id">
-											<div class="broadcast-details_num">
-												<text>退款单号：{{ item.refundOrder.refund_order_sn }}</text>
-											</div>
-											<div class="conter acea-row row-middle">
-												<!-- :key="item.service_log_id" -->
-												<div class="broadcast-details_order noPad" v-for="(val, inx) in item.refundOrder.refundProduct">
-													<div class="broadcast-details_box noPad" v-if="inx == 0">
-														<div class="broadcast_details_img">
-															<image :src="val.product.cart_info.product.image" />
-															<div class="broadcast_details_model">
-																{{item.refundOrder.refund_num}}件商品
-															</div>
-														</div>
-														<div class="broadcast_details_picBox noPad">
-															<div class="broadcast_details_tit">{{val.product.cart_info.product.store_name}}</div>
-															<div class="broadcast_details_pic">
-																￥{{ val.product.cart_info.productAttr.price }}
-															</div>
-														</div>
-													</div>
-												</div>
-											</div>
-										</navigator>
-										<!--订单链接-->
-										<div v-if="item.msn_type === 5 && item.orderInfo.order_id">
-											<div class="broadcast-details_num acea-row row-middle">
-												<text>订单号：{{ item.orderInfo.order_sn }}</text>
-												<!-- #ifdef H5 -->
-												<button class="copy copy-data" :data-clipboard-text="item.orderInfo.order_sn">复制</button>
-												<!-- #endif -->
-												<!-- #ifndef H5 -->
-												<button class="copy" @tap.stop="copyText(item.orderInfo.order_sn)">复制</button>
-												<!-- #endif -->
-											</div>
-											<navigator :url="'/pages/order_details/index?order_id='+item.orderInfo.order_id" open-type="navigate" class="conter acea-row row-middle">
-												<!-- :key="item.service_log_id" -->
-												<div class="broadcast-details_order noPad" v-for="(val, inx) in item.orderInfo.orderProduct">
-													<div class="broadcast-details_box noPad" v-if="inx == 0">
-														<div class="broadcast_details_img">
-															<image :src="val.cart_info.product.image" />
-															<div class="broadcast_details_model">
-																{{item.orderInfo.total_num}}件商品
-															</div>
-														</div>
-														<div class="broadcast_details_picBox noPad">
-															<div class="broadcast_details_tit">{{val.cart_info.product.store_name}}</div>
-															<div class="broadcast_details_pic">
-																￥{{ item.orderInfo.pay_price }}
-															</div>
-														</div>
-													</div>
-												</div>
-											</navigator>
-										</div>
-										<!--商品链接-->
-										<div class="conter acea-row row-middle" v-if="item.msn_type === 4 && item.product">
-											<div class=" noPad">
-												<navigator class="acea-row row-column-around noPad" v-if="item.product.product_id" :url="`/pages/goods_details/index?id=${item.product.product_id}`" open-type="navigate">
-													<div class="broadcast_details_img_no">
-														<image :src="item.product.image" />
-													</div>
-													<div class="broadcast_details_picBox_no noPad">
-														<div class="broadcast_details_pic">
-															￥{{ item.product.price }}
-														</div>
-														<div class="broadcast_details_tit_no line1">{{item.product.store_name}}</div>
-													</div>
-												</navigator>
-											</div>
-										</div>
-										<!--预售商品链接-->
-										<div class="conter acea-row row-middle" v-if="item.msn_type === 7 && item.presell && item.presell.product">
-											<div class=" noPad">
-												<navigator class="acea-row row-column-around noPad" v-if="item.presell.product_presell_id" :url="`/pages/activity/presell_details/index?id=${item.presell.product_presell_id}`" open-type="navigate">
-													<div class="broadcast_details_img_no">
-														<image :src="item.presell.product.image" />
-													</div>
-													<div class="broadcast_details_picBox_no noPad">
-														<div class="broadcast_details_pic">
-															￥{{ item.presell.price }}
-														</div>
-														<div class="broadcast_details_tit_no line1">{{item.presell.store_name}}</div>
-													</div>
-												</navigator>
-											</div>
-										</div>
-										<!--拼团商品链接-->
-										<div class="conter acea-row row-middle" v-if="item.msn_type === 8 && item.productGroup && item.productGroup.product">
-											<div class="noPad">
-												<navigator class="acea-row row-column-around noPad" v-if="item.productGroup.product_group_id" :url="`/pages/activity/combination_details/index?id=${item.productGroup.product_group_id}`" open-type="navigate">
-													<div class="broadcast_details_img_no">
-														<image :src="item.productGroup.product.image" />
-													</div>
-													<div class="broadcast_details_picBox_no noPad">
-														<div class="broadcast_details_pic">
-															￥{{ item.productGroup.product.price }}
-														</div>
-														<div class="broadcast_details_tit_no line1">{{item.productGroup.product.store_name}}</div>
-													</div>
-												</navigator>
-											</div>
-										</div>
-										<div class="conter acea-row row-middle" v-if="item.msn_type === 3">
-											<image :src="item.msn" @click="clickImg(item.msn)"  mode="heightFix" />
-										</div>
-										<div class="conter acea-row row-middle" v-if="item.msn_type === 2">
-											<i class="em" :class="item.msn" :style="'background-image:url('+ httpUrl +')'"></i>
-										</div>
-										<div class="conter acea-row row-middle" v-if="item.msn_type === 1">
-											{{item.msn}}
-										</div>
-										
-									</div>
-								</div>
-							</div>
-							<!-- 右边 -->
-							<div class="item acea-row row-top row-right" v-else>
-								<div class="text textR">	
-									<!-- <div class="name">{{ item.user.nickname }}</div> -->
-									<div class="acea-row" @longpress="longTime(items,index,item,j)">
-										<!--退款订单链接-->
-										<navigator v-if="item.msn_type === 6 && item.refundOrder.refund_order_id" open-type="navigate" :url="'/pages/order_details/index?order_id='+item.refundOrder.order_id">
-											<div class="broadcast-details_num">
-												<text>退款单号：{{ item.refundOrder.refund_order_sn }}</text>
-											</div>
-											<div class="conter acea-row row-middle">
-												<!-- :key="item.service_log_id" -->
-												<div class="broadcast-details_order noPad" v-for="(val, inx) in item.refundOrder.refundProduct">
-													<div class="broadcast-details_box noPad" v-if="inx == 0">
-														<div class="broadcast_details_img">
-															<image :src="val.product.cart_info.product.image" />
-															<div class="broadcast_details_model">
-																	{{item.refundOrder.refund_num}}件商品
-															</div>
-														</div>
-														<div class="broadcast_details_picBox noPad">
-															<div class="broadcast_details_tit">{{val.product.cart_info.product.store_name}}</div>
-															<div class="broadcast_details_pic">
-																共{{item.refundOrder.refund_num}}件商品，
-																合计 ￥{{ item.refundOrder.refund_price }}
-															</div>
-														</div>
-													</div>
-												</div>
-											</div>
-										</navigator>
-										<!--订单链接-->
-										<div v-if="item.msn_type === 5 && item.orderInfo.order_id">
-											<div class="broadcast-details_num acea-row row-middle">
-												<text>订单号：{{ item.orderInfo.order_sn }}</text>
-												<!-- #ifdef H5 -->
-												<button class="copy copy-data" :data-clipboard-text="item.orderInfo.order_sn">复制</button>
-												<!-- #endif -->
-												<!-- #ifndef H5 -->
-												<button class="copy" @tap.stop="copyText(item.orderInfo.order_sn)">复制</button>
-												<!-- #endif -->
-											</div>
-											<navigator :url="'/pages/order_details/index?order_id='+item.orderInfo.order_id" open-type="navigate" class="conter acea-row row-middle">
-												<div class="broadcast-details_order noPad" v-for="(val, inx) in item.orderInfo.orderProduct">
-													<div class="broadcast-details_box noPad" v-if="inx == 0">
-														<div class="broadcast_details_img">
-															<image :src="val.cart_info.product.image" />
-															<div class="broadcast_details_model">
-																{{item.orderInfo.total_num}}件商品
-															</div>
-														</div>
-														<div class="broadcast_details_picBox noPad">
-															<div class="broadcast_details_tit">{{val.cart_info.product.store_name}}</div>
-															<div class="broadcast_details_pic">
-																￥{{ item.orderInfo.pay_price }}
-															</div>
-														</div>
-													</div>
-												</div>
-											</navigator>
-										</div>
-										<!--商品链接-->
-										<div class="conter acea-row row-middle" v-if="item.msn_type === 4 && item.product">
-											<div class="acea-row row-column-around noPad">
-												<navigator class="acea-row row-column-around noPad" v-if="item.product.product_id" :url="`/pages/goods_details/index?id=${item.product.product_id}`" open-type="navigate">
-													<div class="broadcast_details_img_no">
-														<image :src="item.product.image" />
-													</div>
-													<div class="broadcast_details_picBox_no noPad">
-														<div class="broadcast_details_pic">
-															￥{{ item.product.price }}
-														</div>
-														<div class="broadcast_details_tit_no line1">{{item.product.store_name}}</div>
-													</div>
-												</navigator>
-											</div>
-										</div>
-										<!--预售商品链接-->
-										<div class="conter acea-row row-middle" v-if="item.msn_type === 7 && item.presell && item.presell.product">
-											<div class="acea-row row-column-around noPad">
-												<navigator class="acea-row row-column-around noPad" v-if="item.presell.product_presell_id" :url="`/pages/activity/presell_details/index?id=${item.presell.product_presell_id}`" open-type="navigate">
-													<div class="broadcast_details_img_no">
-														<image :src="item.presell.product.image" />
-													</div>
-													<div class="broadcast_details_picBox_no noPad">
-														<div class="broadcast_details_pic">
-															￥{{ item.presell.price }}
-														</div>
-														<div class="broadcast_details_tit_no line1">{{item.presell.store_name}}</div>
-													</div>
-												</navigator>
-											</div>
-										</div>
-										<!--拼团商品链接-->
-										<div class="conter acea-row row-middle" v-if="item.msn_type === 8 && item.productGroup && item.productGroup.product">
-											<div class="acea-row row-column-around noPad">
-												<navigator class="acea-row row-column-around noPad" v-if="item.productGroup.product_group_id" :url="`/pages/activity/combination_details/index?id=${item.productGroup.product_group_id}`" open-type="navigate">
-													<div class="broadcast_details_img_no">
-														<image :src="item.productGroup.product.image" />
-													</div>
-													<div class="broadcast_details_picBox_no noPad">
-														<div class="broadcast_details_pic">
-															￥{{ item.productGroup.product.price }}
-														</div>
-														<div class="broadcast_details_tit_no line1">{{item.productGroup.product.store_name}}</div>
-													</div>
-												</navigator>
-											</div>
-										</div>
-										<div class="conter acea-row row-middle" v-if="item.msn_type === 3">
-											<image :src="item.msn" @click="clickImg(item.msn)" mode="heightFix" />
-										</div>
-										<div class="conter acea-row row-middle" v-if="item.msn_type === 2">
-											<i class="em" :class="item.msn" :style="'background-image:url('+ httpUrl +')'"></i>
-										</div>
-										<div class="conter acea-row row-middle" v-if="item.msn_type === 1">
-											{{ item.msn }}
-										</div>	
-										<view class="recall" :class="'recall'+index+j" v-if="item.longpress && press && (item.msn_type === 1 || (new Date().getTime()/1000 - item.send_time) <= 120)">
-											<view class="recall-item" v-if="item.msn_type === 1">
-												<!-- #ifdef H5 -->
-												<view class="copy copy-data" :data-clipboard-text="item.msn">
-													<text class="iconfont icon-fuzhi"></text>
-													复制
-												</view>
-												<!-- #endif -->
-												<!-- #ifndef H5 -->
-												<view class="copy copy-data" @tap.stop="copyText(item.msn)">
-													<text class="iconfont icon-fuzhi"></text>
-													复制
-												</view>
-												<!-- #endif -->
-											</view>
-											<view v-if="(new Date().getTime()/1000 - item.send_time) <= 120" class="recall-item" @click.stop="reverstMsg(item)"><view class="iconfont icon-chehui"></view>撤回</view>
-										</view>
-									</div>	
-								</div>
-								<div v-if="item.msn_type !== 100" class="pictrue">
-									<image :src="item.user.avatar ? item.user.avatar : '/static/images/f.png'"/>				
-								</div>
-							<view v-if="item.msn_type === 100" class="recall-msg">你撤回了一条消息</view>
-							</div>
-						</block>
-					</block>
-					<view class="footer_box" v-if="productId || orderId || refund_order_id"></view>
-					<div class="broadcast-details_order footer_count">
-						<!-- 商品信息 -->
-						<div class="broadcast-details_box" v-if="productId && productInfo.product_id">
-							<text class="iconfont icon-guanbi" @click.stop="productId = ''"></text>
-							<div class="broadcast_details_img">
-								<image v-if="!presellId" :src="productInfo.image" />
-								<image v-else :src="productInfo.product.image" />
-							</div>
-							<div class="broadcast_details_picBox">
-								<div class="broadcast_details_tit">{{productInfo.store_name}}</div>
-								<div class="acea-row row-between product_price">
-									<div class="broadcast_details_pic p-color">
-										￥{{ productInfo.price}}
-									</div>
-									<div class="broadcast_details_btn product_btn" @click="sendProduct">发送商品</div>
-								</div>
-							</div>
-						</div>
-						<!-- 订单信息 -->
-						<div class="broadcast_box" v-if="orderId && orderInfo.order_id">
-							<text class="iconfont icon-guanbi" @click.stop="orderId = ''"></text>
-							<div class="broadcast-details_num broadcast_num acea-row row-between-wrapper">
-								<text>订单号：{{ orderInfo.order_sn }}</text>
-								<!-- <span class="line1">{{ orderInfo.pay_time }}</span> -->
-							</div>
-							<div class="broadcast-details_box">
-								<div class="broadcast_details_img">
-									<image :src="cartInfo.cart_info.product.image" />
-								</div>
-								<div class="broadcast_details_picBox">
-									<div class="broadcast_details_tit">
-										{{ cartInfo.cart_info.product.store_name }}
-									</div>
-									<div>
-										<div class="broadcast_details_pic">
-											共{{ orderInfo.total_num }}件商品，合计 <text class="p-color">￥{{ orderInfo.pay_price }}</text>
-										</div>
-										<div class="broadcast_details_btn" @click="sendOrder">
-											发送订单
-										</div>
-									</div>
-								</div>
-							</div>
-						</div>
-						<!-- 退款订单 -->
-						<div class="broadcast_box" v-if="refund_order_id && refundDetail.refund_order_id">
-							<text class="iconfont icon-guanbi" @click.stop="refund_order_id = ''"></text>
-							<div class="broadcast-details_num broadcast_num">
-								<text>退款单号：{{ refundDetail.refund_order_sn }}</text>
-							</div>
-							<div class="broadcast-details_box">
-								<div class="broadcast_details_img">
-									<image :src="refundDetail.refundProduct[0].product.cart_info.product.image" />
-								</div>
-								<div class="broadcast_details_picBox">
-									<div class="broadcast_details_tit">
-										{{ refundDetail.refundProduct[0].product.cart_info.product.store_name }}
-									</div>
-									<div>
-										<div class="broadcast_details_pic">
-											共{{ refundDetail.refund_num }}件商品，
-											合计 <text class="p-color">￥{{ refundDetail.refund_price}}</text>
-										</div>
-										<div class="broadcast_details_btn refund_btn" @click="sendRefundOrder">
-											发送退款单
-										</div>
-									</div>
-								</div>
-							</div>
-						</div>
-					</div>
-				</div>
-				<div :style=" active === true ? 'height:' + footerConH + 'rem;' : 'height:' + footerH + 'rem;'"></div>
-			</scroll-view>
-		</view>
-		<view style="height: 100rpx;"></view>
-		<div class="footerCon" :class="active === true ? 'on' : ''" ref="footerCon">
-			<form>
-				<div class="footer acea-row row-between row-bottom" ref="footer">
-					<text @click="uploadImg" class="iconfont icon-tupian2"></text>
-					<text @click="emoticon" class="iconfont icon-biaoqing2"></text>
-					<div class="voice acea-row row-center-wrapper" v-if="voice" @touchstart.prevent="start" @touchmove.prevent="move"
-					 @touchend.prevent="end">
-						{{ speak }}
-					</div>
-					<view class="input_count">
-						<input type="text" placeholder-class='placeholder' placeholder="输入内容" class="input" ref="input" v-show="!voice" @input="bindInput" @keyup="keyup"
-						 @focus="focus" cursor-spacing="20" v-model="textCon">
-						<div class="send iconfont icon-fasong" :style="'color:'+iconColor" @click="sendTest"></div>
-					</view>
-				</div>
-			</form>
-			<div class="banner slider-banner">
-				<swiper class="swiper-wrapper" :autoplay="autoplay" :circular="circular" :interval="interval" :duration="duration"
-				 v-if="emojiGroup.length > 0">
-					<block v-for="(emojiList, index) in emojiGroup" :key="index">
-						<swiper-item>
-							<i class="em" :class="emoji" :style="'background-image:url('+ httpUrl +')'" v-for="emoji in emojiList" :key="emoji" @click="addEmoji(emoji)"></i>
-						</swiper-item>
-					</block>
-				</swiper>
-			</div>
-		</div>
-		<div class="recording" v-if="recording">
-			<image src="/static/images/recording.png" />
-		</div>
-	</div>
+  <div class="broadcast-details" :style="'height:'+windowH+'px'">
+    <view class="hd-wrapper" :class="active === true ? 'on' : ''" :style="viewColor" @click="stoppress">
+      <view class="store-wrapper" v-if="storeInfo">
+        <view class="left">
+          <image :src="storeInfo.mer_avatar" mode=""></image>
+          <view class="txt">{{storeInfo.mer_name}}</view>
+        </view>
+        <view class="acea-row store-opeation">
+          <navigator v-if="hide_mer_status != 1 && storeInfo.mer_id"
+            :url="'/pages/store/home/index?id='+storeInfo.mer_id" class="link" open-type="redirect">进店</navigator>
+          <text v-if="storeInfo.service_phone" class="iconfont icon-dadianhua01" @click="goCustomer"></text>
+        </view>
+      </view>
+      <scroll-view scroll-y="true" style="height: 100%;overflow: hidden;" :scroll-top="scrollTop"
+        scroll-with-animation="true" @scrolltoupper="bindScroll">
+        <div class="chat" ref="chat">
+          <Loading :loaded="status" :loading="loading"></Loading>
+          <view v-if="storeInfo" style="height: 100rpx;"></view>
+          <!-- 客服聊天列表 -->
+          <block v-for="(items,index) in history" v-if="userId != 0" :key="index">
+            <div class="create_time">{{items.time}}</div>
+            <block v-for="(item,j) in items.children" :key="item.service_log_id">
+              <!-- 左边 -->
+              <div class="item acea-row row-top" v-if="item.send_type == 0">
+                <div v-if="item.msn_type !== 100" class="pictrue" @click="userDetail(item.user.uid)">
+                  <image :src="item.user.avatar ? item.user.avatar : '/static/images/f.png'" mode=""></image>
+                </div>
+                <view v-if="item.msn_type === 100" class="recall-msg">对方撤回了一条消息</view>
+
+                <div class="text">
+                  <div class="acea-row">
+                    <!--退款订单链接-->
+                    <navigator v-if="item.msn_type === 6 && item.refundOrder && item.refundOrder.refund_order_id"
+                      open-type="navigate" :url="'/pages/order_details/index?order_id='+item.refundOrder.order_id">
+                      <div class="broadcast-details_num">
+                        <span>退款单号：{{ item.refundOrder.refund_order_sn }}</span>
+                      </div>
+                      <div class="conter acea-row row-middle">
+                        <div class="broadcast-details_order noPad" v-for="(val, inx) in item.refundOrder.refundProduct"
+                          :key="item.service_log_id">
+                          <div class="broadcast-details_box noPad" v-if="inx == 0">
+                            <div class="broadcast_details_img">
+                              <image :src="val.product.cart_info.product.image" />
+                              <div class="broadcast_details_model">
+                                {{item.refundOrder.refund_num}}件商品
+                              </div>
+                            </div>
+                            <div class="broadcast_details_picBox noPad">
+                              <div class="broadcast_details_tit">{{val.product.cart_info.product.store_name}}</div>
+                              <div class="broadcast_details_pic">
+                                ￥{{ item.refundOrder.refund_price }}
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </navigator>
+                    <!--订单链接-->
+                    <div v-if="item.msn_type === 5 && item.orderInfo && item.orderInfo.order_id">
+                      <div class="broadcast-details_num acea-row row-middle">
+                        <span>订单号：{{ item.orderInfo.order_sn }}</span>
+                        <!-- #ifdef H5 -->
+                        <button class="copy copy-data" :data-clipboard-text="item.orderInfo.order_sn">复制</button>
+                        <!-- #endif -->
+                        <!-- #ifndef H5 -->
+                        <button class="copy" @tap.stop="copyText(item.orderInfo.order_sn)">复制</button>
+                        <!-- #endif -->
+                      </div>
+                      <navigator
+                        :url="'/pages/admin/orderDetail/index?id='+item.orderInfo.order_id+'&mer_id='+item.orderInfo.mer_id"
+                        open-type="open-type" class="conter acea-row row-middle">
+                        <div class="broadcast-details_order noPad" v-for="(val, inx) in item.orderInfo.orderProduct"
+                          :key="val.id">
+                          <div class="broadcast-details_box noPad" v-if="inx == 0">
+                            <div class="broadcast_details_img">
+                              <image :src="val.cart_info.product.image" />
+                              <div class="broadcast_details_model">
+                                {{item.orderInfo.total_num}}件商品
+                              </div>
+                            </div>
+                            <div class="broadcast_details_picBox noPad">
+                              <div class="broadcast_details_tit">{{val.cart_info.product.store_name}}</div>
+                              <div class="broadcast_details_pic">
+                                ￥{{ item.orderInfo.pay_price }}
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </navigator>
+                    </div>
+                    <!--商品链接-->
+                    <div class="conter acea-row row-middle" v-if="item.msn_type === 4 && item.product">
+                      <div class=" noPad">
+                        <navigator class="acea-row row-column-around noPad" v-if="item.product.product_id"
+                          :url="`/pages/goods_details/index?id=${item.product.product_id}`" open-type="navigate">
+                          <div class="broadcast_details_img_no">
+                            <image :src="item.product.image" />
+                          </div>
+                          <div class="broadcast_details_picBox_no noPad">
+                            <div class="broadcast_details_pic">
+                              ￥{{ item.product.price }}
+                            </div>
+                            <div class="broadcast_details_tit_no line1">{{item.product.store_name}}</div>
+                          </div>
+                        </navigator>
+                      </div>
+                    </div>
+                    <!--预售商品链接-->
+                    <div class="conter acea-row row-middle"
+                      v-if="item.msn_type === 7 && item.presell && item.presell.product">
+                      <div class=" noPad">
+                        <navigator class="acea-row row-column-around noPad" v-if="item.presell.product_presell_id"
+                          :url="`/pages/activity/presell_details/index?id=${item.presell.product_presell_id}`"
+                          open-type="navigate">
+                          <div class="broadcast_details_img_no">
+                            <image :src="item.presell.product.image" />
+                          </div>
+                          <div class="broadcast_details_picBox_no noPad">
+                            <div class="broadcast_details_pic">
+                              ￥{{ item.presell.price }}
+                            </div>
+                            <div class="broadcast_details_tit_no line1">{{item.presell.store_name}}</div>
+                          </div>
+                        </navigator>
+                      </div>
+                    </div>
+                    <!--拼团商品链接-->
+                    <div class="conter acea-row row-middle"
+                      v-if="item.msn_type === 8 && item.productGroup && item.productGroup.product">
+                      <div class=" noPad">
+                        <navigator class="acea-row row-column-around noPad" v-if="item.productGroup.product_group_id"
+                          :url="`/pages/activity/combination_details/index?id=${item.productGroup.product_group_id}`"
+                          open-type="navigate">
+                          <div class="broadcast_details_img_no">
+                            <image :src="item.productGroup.product.image" />
+                          </div>
+                          <div class="broadcast_details_picBox_no noPad">
+                            <div class="broadcast_details_pic">
+                              ￥{{ item.productGroup.product.price }}
+                            </div>
+                            <div class="broadcast_details_tit_no line1">{{item.productGroup.product.store_name}}</div>
+                          </div>
+                        </navigator>
+                      </div>
+                    </div>
+                    <div class="conter acea-row row-middle" v-if="item.msn_type === 3">
+                      <image :src="item.msn" @click="clickImg(item.msn)" mode="heightFix" />
+                    </div>
+                    <div class="conter acea-row row-middle" v-if="item.msn_type === 2">
+                      <i class="em" :class="item.msn" :style="'background-image:url('+ httpUrl +')'"></i>
+                    </div>
+                    <div class="conter acea-row row-middle" v-if="item.msn_type === 1">
+                      {{item.msn}}
+                    </div>
+
+                  </div>
+                </div>
+              </div>
+              <!-- 右边 -->
+              <div class="item acea-row row-top row-right" v-else @longpress="longTime(items,index,item,j)">
+                <div class="text textR">
+                  <!-- <div class="name">{{ item.user.nickname }}</div> -->
+                  <div class="acea-row ">
+                    <!--退款订单链接-->
+                    <navigator v-if="item.msn_type === 6 && item.refundOrder.refund_order_id" open-type="navigate">
+                      <div class="broadcast-details_num acea-row row-middle">
+                        <text>订单号：{{ item.refundOrder.refund_order_sn }}</text>
+                        <!-- #ifdef H5 -->
+                        <button class="copy copy-data"
+                          :data-clipboard-text="item.refundOrder.refund_order_sn">复制</button>
+                        <!-- #endif -->
+                        <!-- #ifndef H5 -->
+                        <button class="copy" @tap.stop="copyText(item.refundOrder.refund_order_sn)">复制</button>
+                        <!-- #endif -->
+                      </div>
+                      <div class="conter acea-row row-middle">
+                        <div class="broadcast-details_order noPad" v-for="(val, inx) in item.refundOrder.refundProduct"
+                          :key="val.id">
+                          <div class="broadcast-details_box noPad" v-if="inx == 0">
+                            <div class="broadcast_details_img">
+                              <image :src="val.product.cart_info.product.image" />
+                              <div class="broadcast_details_model">
+                                {{item.refundOrder.refund_num}}件商品
+                              </div>
+                            </div>
+                            <div class="broadcast_details_picBox noPad">
+                              <div class="broadcast_details_tit">{{val.product.cart_info.product.store_name}}</div>
+                              <div class="broadcast_details_pic">
+                                ￥{{ item.refundOrder.refund_price }}
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </navigator>
+                    <!--订单链接-->
+                    <div v-if="item.msn_type === 5 && item.orderInfo.order_id">
+                      <div class="broadcast-details_num acea-row row-middle">
+                        <text>订单号：{{ item.orderInfo.order_sn }}</text>
+                        <!-- #ifdef H5 -->
+                        <button class="copy copy-data" :data-clipboard-text="item.orderInfo.order_sn">复制</button>
+                        <!-- #endif -->
+                        <!-- #ifndef H5 -->
+                        <button class="copy" @tap.stop="copyText(item.orderInfo.order_sn)">复制</button>
+                        <!-- #endif -->
+                      </div>
+                      <navigator
+                        :url="'/pages/admin/orderDetail/index?id='+item.orderInfo.order_id+'&mer_id='+item.orderInfo.mer_id"
+                        open-type="navigate" class="conter acea-row row-middle">
+                        <div class="broadcast-details_order noPad" v-for="(val, inx) in item.orderInfo.orderProduct"
+                          :key="val.id">
+                          <div class="broadcast-details_box noPad" v-if="inx == 0">
+                            <div class="broadcast_details_img">
+                              <image :src="val.cart_info.product.image" />
+                              <div class="broadcast_details_model">
+                                {{item.orderInfo.total_num}}件商品
+                              </div>
+                            </div>
+                            <div class="broadcast_details_picBox noPad">
+                              <div class="broadcast_details_tit">{{val.cart_info.product.store_name}}</div>
+                              <div class="broadcast_details_pic">
+                                ￥{{ item.orderInfo.pay_price }}
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </navigator>
+                    </div>
+                    <!--商品链接-->
+                    <div class="conter acea-row row-middle" v-if="item.msn_type === 4 && item.product">
+                      <div class=" acea-row row-column-around noPad">
+                        <navigator class="acea-row row-column-around noPad" v-if="item.product.product_id"
+                          :url="`/pages/goods_details/index?id=${item.product.product_id}`">
+                          <div class="broadcast_details_img_no">
+                            <image :src="item.product.image" />
+                          </div>
+                          <div class="broadcast_details_picBox_no noPad">
+                            <div class="broadcast_details_pic">
+                              ￥{{ item.product.price }}
+                            </div>
+                            <div class="broadcast_details_tit_no line1">{{item.product.store_name}}</div>
+                          </div>
+                        </navigator>
+                      </div>
+                    </div>
+                    <!--预售商品链接-->
+                    <div class="conter acea-row row-middle"
+                      v-if="item.msn_type === 7 && item.presell && item.presell.product">
+                      <div class=" acea-row row-column-around noPad">
+                        <navigator class="acea-row row-column-around noPad" v-if="item.presell.product_presell_id"
+                          :url="`/pages/activity/presell_details/index?id=${item.presell.product_presell_id}`"
+                          open-type="navigate">
+                          <div class="broadcast_details_img_no">
+                            <image :src="item.presell.product.image" />
+                          </div>
+                          <div class="broadcast_details_picBox_no noPad">
+                            <div class="broadcast_details_pic">
+                              ￥{{ item.presell.price }}
+                            </div>
+                            <div class="broadcast_details_tit_no line1">{{item.presell.store_name}}</div>
+                          </div>
+                        </navigator>
+                      </div>
+                    </div>
+                    <!--拼团商品链接-->
+                    <div class="conter acea-row row-middle"
+                      v-if="item.msn_type === 8 && item.productGroup && item.productGroup.product">
+                      <div class=" acea-row row-column-around noPad">
+                        <navigator class="acea-row row-column-around noPad" v-if="item.productGroup.product_group_id"
+                          :url="`/pages/activity/combination_details/index?id=${item.productGroup.product_group_id}`"
+                          open-type="navigate">
+                          <div class="broadcast_details_img_no">
+                            <image :src="item.productGroup.product.image" />
+                          </div>
+                          <div class="broadcast_details_picBox_no noPad">
+                            <div class="broadcast_details_pic">
+                              ￥{{ item.productGroup.product.price }}
+                            </div>
+                            <div class="broadcast_details_tit_no line1">{{item.productGroup.product.store_name}}</div>
+                          </div>
+                        </navigator>
+                      </div>
+                    </div>
+                    <div class="conter acea-row row-middle" v-if="item.msn_type === 3">
+                      <image :src="item.msn" @click="clickImg(item.msn)" mode="heightFix" />
+                    </div>
+                    <div class="conter acea-row row-middle" v-if="item.msn_type === 2">
+                      <i class="em" :class="item.msn" :style="'background-image:url('+ httpUrl +')'"></i>
+                    </div>
+                    <div class="conter acea-row row-middle" v-if="item.msn_type === 1">
+                      {{item.msn}}
+                    </div>
+                    <view class="recall" :class="'recall'+index+j"
+                      v-if="item.longpress && press && (item.msn_type === 1 || (new Date().getTime()/1000 - item.send_time) <= 120)">
+                      <view class="recall-item" v-if="item.msn_type === 1">
+                        <!-- #ifdef H5 -->
+                        <view class="copy copy-data" :data-clipboard-text="item.msn">
+                          <text class="iconfont icon-fuzhi"></text>
+                          复制
+                        </view>
+                        <!-- #endif -->
+                        <!-- #ifndef H5 -->
+                        <view class="copy copy-data" @tap.stop="copyText(item.msn)">
+                          <text class="iconfont icon-fuzhi"></text>
+                          复制
+                        </view>
+                        <!-- #endif -->
+                      </view>
+                      <view v-if="(new Date().getTime()/1000 - item.send_time) <= 120" class="recall-item"
+                        @click.stop="reverstMsg(item)">
+                        <view class="iconfont icon-chehui"></view>撤回
+                      </view>
+                    </view>
+                  </div>
+                </div>
+                <div v-if="item.msn_type != 100" class="pictrue">
+                  <image :src="item.service.avatar ? item.service.avatar : '/static/images/f.png'" />
+                </div>
+                <view v-if="item.msn_type === 100" class="recall-msg">你撤回了一条消息</view>
+              </div>
+            </block>
+          </block>
+          <!-- 客户聊天列表 -->
+          <block v-for="(items,index) in history" v-if="userId == 0" :key="items.time">
+            <div class="create_time">{{items.time}}</div>
+            <block v-for="(item,j) in items.children" :key="item.service_log_id">
+              <!-- 左边 -->
+              <div class="item acea-row row-top" v-if="item.send_type == 1">
+                <div v-if="item.msn_type !== 100" class="pictrue">
+                  <image :src="item.service.avatar ? item.service.avatar : '/static/images/f.png'" mode=""></image>
+                </div>
+                <view v-if="item.msn_type === 100" class="recall-msg">对方撤回了一条消息</view>
+                <div class="text">
+                  <!-- <div class="name">{{ item.service.nickname }}</div> -->
+                  <div class="acea-row">
+                    <!--退款订单链接-->
+                    <navigator v-if="item.msn_type === 6 && item.refundOrder.refund_order_id" open-type="navigate"
+                      :url="'/pages/order_details/index?order_id='+item.refundOrder.order_id">
+                      <div class="broadcast-details_num">
+                        <text>退款单号：{{ item.refundOrder.refund_order_sn }}</text>
+                      </div>
+                      <div class="conter acea-row row-middle">
+                        <!-- :key="item.service_log_id" -->
+                        <div class="broadcast-details_order noPad" v-for="(val, inx) in item.refundOrder.refundProduct">
+                          <div class="broadcast-details_box noPad" v-if="inx == 0">
+                            <div class="broadcast_details_img">
+                              <image :src="val.product.cart_info.product.image" />
+                              <div class="broadcast_details_model">
+                                {{item.refundOrder.refund_num}}件商品
+                              </div>
+                            </div>
+                            <div class="broadcast_details_picBox noPad">
+                              <div class="broadcast_details_tit">{{val.product.cart_info.product.store_name}}</div>
+                              <div class="broadcast_details_pic">
+                                ￥{{ val.product.cart_info.productAttr.price }}
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </navigator>
+                    <!--订单链接-->
+                    <div v-if="item.msn_type === 5 && item.orderInfo.order_id">
+                      <div class="broadcast-details_num acea-row row-middle">
+                        <text>订单号：{{ item.orderInfo.order_sn }}</text>
+                        <!-- #ifdef H5 -->
+                        <button class="copy copy-data" :data-clipboard-text="item.orderInfo.order_sn">复制</button>
+                        <!-- #endif -->
+                        <!-- #ifndef H5 -->
+                        <button class="copy" @tap.stop="copyText(item.orderInfo.order_sn)">复制</button>
+                        <!-- #endif -->
+                      </div>
+                      <navigator :url="'/pages/order_details/index?order_id='+item.orderInfo.order_id"
+                        open-type="navigate" class="conter acea-row row-middle">
+                        <!-- :key="item.service_log_id" -->
+                        <div class="broadcast-details_order noPad" v-for="(val, inx) in item.orderInfo.orderProduct">
+                          <div class="broadcast-details_box noPad" v-if="inx == 0">
+                            <div class="broadcast_details_img">
+                              <image :src="val.cart_info.product.image" />
+                              <div class="broadcast_details_model">
+                                {{item.orderInfo.total_num}}件商品
+                              </div>
+                            </div>
+                            <div class="broadcast_details_picBox noPad">
+                              <div class="broadcast_details_tit">{{val.cart_info.product.store_name}}</div>
+                              <div class="broadcast_details_pic">
+                                ￥{{ item.orderInfo.pay_price }}
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </navigator>
+                    </div>
+                    <!--商品链接-->
+                    <div class="conter acea-row row-middle" v-if="item.msn_type === 4 && item.product">
+                      <div class=" noPad">
+                        <navigator class="acea-row row-column-around noPad" v-if="item.product.product_id"
+                          :url="`/pages/goods_details/index?id=${item.product.product_id}`" open-type="navigate">
+                          <div class="broadcast_details_img_no">
+                            <image :src="item.product.image" />
+                          </div>
+                          <div class="broadcast_details_picBox_no noPad">
+                            <div class="broadcast_details_pic">
+                              ￥{{ item.product.price }}
+                            </div>
+                            <div class="broadcast_details_tit_no line1">{{item.product.store_name}}</div>
+                          </div>
+                        </navigator>
+                      </div>
+                    </div>
+                    <!--预售商品链接-->
+                    <div class="conter acea-row row-middle"
+                      v-if="item.msn_type === 7 && item.presell && item.presell.product">
+                      <div class=" noPad">
+                        <navigator class="acea-row row-column-around noPad" v-if="item.presell.product_presell_id"
+                          :url="`/pages/activity/presell_details/index?id=${item.presell.product_presell_id}`"
+                          open-type="navigate">
+                          <div class="broadcast_details_img_no">
+                            <image :src="item.presell.product.image" />
+                          </div>
+                          <div class="broadcast_details_picBox_no noPad">
+                            <div class="broadcast_details_pic">
+                              ￥{{ item.presell.price }}
+                            </div>
+                            <div class="broadcast_details_tit_no line1">{{item.presell.store_name}}</div>
+                          </div>
+                        </navigator>
+                      </div>
+                    </div>
+                    <!--拼团商品链接-->
+                    <div class="conter acea-row row-middle"
+                      v-if="item.msn_type === 8 && item.productGroup && item.productGroup.product">
+                      <div class="noPad">
+                        <navigator class="acea-row row-column-around noPad" v-if="item.productGroup.product_group_id"
+                          :url="`/pages/activity/combination_details/index?id=${item.productGroup.product_group_id}`"
+                          open-type="navigate">
+                          <div class="broadcast_details_img_no">
+                            <image :src="item.productGroup.product.image" />
+                          </div>
+                          <div class="broadcast_details_picBox_no noPad">
+                            <div class="broadcast_details_pic">
+                              ￥{{ item.productGroup.product.price }}
+                            </div>
+                            <div class="broadcast_details_tit_no line1">{{item.productGroup.product.store_name}}</div>
+                          </div>
+                        </navigator>
+                      </div>
+                    </div>
+                    <div class="conter acea-row row-middle" v-if="item.msn_type === 3">
+                      <image :src="item.msn" @click="clickImg(item.msn)" mode="heightFix" />
+                    </div>
+                    <div class="conter acea-row row-middle" v-if="item.msn_type === 2">
+                      <i class="em" :class="item.msn" :style="'background-image:url('+ httpUrl +')'"></i>
+                    </div>
+                    <div class="conter acea-row row-middle" v-if="item.msn_type === 1">
+                      {{item.msn}}
+                    </div>
+
+                  </div>
+                </div>
+              </div>
+              <!-- 右边 -->
+              <div class="item acea-row row-top row-right" v-else>
+                <div class="text textR">
+                  <!-- <div class="name">{{ item.user.nickname }}</div> -->
+                  <div class="acea-row" @longpress="longTime(items,index,item,j)">
+                    <!--退款订单链接-->
+                    <navigator v-if="item.msn_type === 6 && item.refundOrder.refund_order_id" open-type="navigate"
+                      :url="'/pages/order_details/index?order_id='+item.refundOrder.order_id">
+                      <div class="broadcast-details_num">
+                        <text>退款单号：{{ item.refundOrder.refund_order_sn }}</text>
+                      </div>
+                      <div class="conter acea-row row-middle">
+                        <!-- :key="item.service_log_id" -->
+                        <div class="broadcast-details_order noPad" v-for="(val, inx) in item.refundOrder.refundProduct">
+                          <div class="broadcast-details_box noPad" v-if="inx == 0">
+                            <div class="broadcast_details_img">
+                              <image :src="val.product.cart_info.product.image" />
+                              <div class="broadcast_details_model">
+                                {{item.refundOrder.refund_num}}件商品
+                              </div>
+                            </div>
+                            <div class="broadcast_details_picBox noPad">
+                              <div class="broadcast_details_tit">{{val.product.cart_info.product.store_name}}</div>
+                              <div class="broadcast_details_pic">
+                                共{{item.refundOrder.refund_num}}件商品，
+                                合计 ￥{{ item.refundOrder.refund_price }}
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </navigator>
+                    <!--订单链接-->
+                    <div v-if="item.msn_type === 5 && item.orderInfo.order_id">
+                      <div class="broadcast-details_num acea-row row-middle">
+                        <text>订单号：{{ item.orderInfo.order_sn }}</text>
+                        <!-- #ifdef H5 -->
+                        <button class="copy copy-data" :data-clipboard-text="item.orderInfo.order_sn">复制</button>
+                        <!-- #endif -->
+                        <!-- #ifndef H5 -->
+                        <button class="copy" @tap.stop="copyText(item.orderInfo.order_sn)">复制</button>
+                        <!-- #endif -->
+                      </div>
+                      <navigator :url="'/pages/order_details/index?order_id='+item.orderInfo.order_id"
+                        open-type="navigate" class="conter acea-row row-middle">
+                        <div class="broadcast-details_order noPad" v-for="(val, inx) in item.orderInfo.orderProduct">
+                          <div class="broadcast-details_box noPad" v-if="inx == 0">
+                            <div class="broadcast_details_img">
+                              <image :src="val.cart_info.product.image" />
+                              <div class="broadcast_details_model">
+                                {{item.orderInfo.total_num}}件商品
+                              </div>
+                            </div>
+                            <div class="broadcast_details_picBox noPad">
+                              <div class="broadcast_details_tit">{{val.cart_info.product.store_name}}</div>
+                              <div class="broadcast_details_pic">
+                                ￥{{ item.orderInfo.pay_price }}
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </navigator>
+                    </div>
+                    <!--商品链接-->
+                    <div class="conter acea-row row-middle" v-if="item.msn_type === 4 && item.product">
+                      <div class="acea-row row-column-around noPad">
+                        <navigator class="acea-row row-column-around noPad" v-if="item.product.product_id"
+                          :url="`/pages/goods_details/index?id=${item.product.product_id}`" open-type="navigate">
+                          <div class="broadcast_details_img_no">
+                            <image :src="item.product.image" />
+                          </div>
+                          <div class="broadcast_details_picBox_no noPad">
+                            <div class="broadcast_details_pic">
+                              ￥{{ item.product.price }}
+                            </div>
+                            <div class="broadcast_details_tit_no line1">{{item.product.store_name}}</div>
+                          </div>
+                        </navigator>
+                      </div>
+                    </div>
+                    <!--预售商品链接-->
+                    <div class="conter acea-row row-middle"
+                      v-if="item.msn_type === 7 && item.presell && item.presell.product">
+                      <div class="acea-row row-column-around noPad">
+                        <navigator class="acea-row row-column-around noPad" v-if="item.presell.product_presell_id"
+                          :url="`/pages/activity/presell_details/index?id=${item.presell.product_presell_id}`"
+                          open-type="navigate">
+                          <div class="broadcast_details_img_no">
+                            <image :src="item.presell.product.image" />
+                          </div>
+                          <div class="broadcast_details_picBox_no noPad">
+                            <div class="broadcast_details_pic">
+                              ￥{{ item.presell.price }}
+                            </div>
+                            <div class="broadcast_details_tit_no line1">{{item.presell.store_name}}</div>
+                          </div>
+                        </navigator>
+                      </div>
+                    </div>
+                    <!--拼团商品链接-->
+                    <div class="conter acea-row row-middle"
+                      v-if="item.msn_type === 8 && item.productGroup && item.productGroup.product">
+                      <div class="acea-row row-column-around noPad">
+                        <navigator class="acea-row row-column-around noPad" v-if="item.productGroup.product_group_id"
+                          :url="`/pages/activity/combination_details/index?id=${item.productGroup.product_group_id}`"
+                          open-type="navigate">
+                          <div class="broadcast_details_img_no">
+                            <image :src="item.productGroup.product.image" />
+                          </div>
+                          <div class="broadcast_details_picBox_no noPad">
+                            <div class="broadcast_details_pic">
+                              ￥{{ item.productGroup.product.price }}
+                            </div>
+                            <div class="broadcast_details_tit_no line1">{{item.productGroup.product.store_name}}</div>
+                          </div>
+                        </navigator>
+                      </div>
+                    </div>
+                    <div class="conter acea-row row-middle" v-if="item.msn_type === 3">
+                      <image :src="item.msn" @click="clickImg(item.msn)" mode="heightFix" />
+                    </div>
+                    <div class="conter acea-row row-middle" v-if="item.msn_type === 2">
+                      <i class="em" :class="item.msn" :style="'background-image:url('+ httpUrl +')'"></i>
+                    </div>
+                    <div class="conter acea-row row-middle" v-if="item.msn_type === 1">
+                      {{ item.msn }}
+                    </div>
+                    <view class="recall" :class="'recall'+index+j"
+                      v-if="item.longpress && press && (item.msn_type === 1 || (new Date().getTime()/1000 - item.send_time) <= 120)">
+                      <view class="recall-item" v-if="item.msn_type === 1">
+                        <!-- #ifdef H5 -->
+                        <view class="copy copy-data" :data-clipboard-text="item.msn">
+                          <text class="iconfont icon-fuzhi"></text>
+                          复制
+                        </view>
+                        <!-- #endif -->
+                        <!-- #ifndef H5 -->
+                        <view class="copy copy-data" @tap.stop="copyText(item.msn)">
+                          <text class="iconfont icon-fuzhi"></text>
+                          复制
+                        </view>
+                        <!-- #endif -->
+                      </view>
+                      <view v-if="(new Date().getTime()/1000 - item.send_time) <= 120" class="recall-item"
+                        @click.stop="reverstMsg(item)">
+                        <view class="iconfont icon-chehui"></view>撤回
+                      </view>
+                    </view>
+                  </div>
+                </div>
+                <div v-if="item.msn_type !== 100" class="pictrue">
+                  <image :src="item.user.avatar ? item.user.avatar : '/static/images/f.png'" />
+                </div>
+                <view v-if="item.msn_type === 100" class="recall-msg">你撤回了一条消息</view>
+              </div>
+            </block>
+          </block>
+          <view class="footer_box" v-if="productId || orderId || refund_order_id"></view>
+          <div class="broadcast-details_order footer_count">
+            <!-- 商品信息 -->
+            <div class="broadcast-details_box" v-if="productId && productInfo.product_id">
+              <text class="iconfont icon-guanbi" @click.stop="productId = ''"></text>
+              <div class="broadcast_details_img">
+                <image v-if="!presellId" :src="productInfo.image" />
+                <image v-else :src="productInfo.product.image" />
+              </div>
+              <div class="broadcast_details_picBox">
+                <div class="broadcast_details_tit">{{productInfo.store_name}}</div>
+                <div class="acea-row row-between product_price">
+                  <div class="broadcast_details_pic p-color">
+                    ￥{{ productInfo.price}}
+                  </div>
+                  <div class="broadcast_details_btn product_btn" @click="sendProduct">发送商品</div>
+                </div>
+              </div>
+            </div>
+            <!-- 订单信息 -->
+            <div class="broadcast_box" v-if="orderId && orderInfo.order_id">
+              <text class="iconfont icon-guanbi" @click.stop="orderId = ''"></text>
+              <div class="broadcast-details_num broadcast_num acea-row row-between-wrapper">
+                <text>订单号：{{ orderInfo.order_sn }}</text>
+                <!-- <span class="line1">{{ orderInfo.pay_time }}</span> -->
+              </div>
+              <div class="broadcast-details_box">
+                <div class="broadcast_details_img">
+                  <image :src="cartInfo.cart_info.product.image" />
+                </div>
+                <div class="broadcast_details_picBox">
+                  <div class="broadcast_details_tit">
+                    {{ cartInfo.cart_info.product.store_name }}
+                  </div>
+                  <div>
+                    <div class="broadcast_details_pic">
+                      共{{ orderInfo.total_num }}件商品，合计 <text class="p-color">￥{{ orderInfo.pay_price }}</text>
+                    </div>
+                    <div class="broadcast_details_btn" @click="sendOrder">
+                      发送订单
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- 退款订单 -->
+            <div class="broadcast_box" v-if="refund_order_id && refundDetail.refund_order_id">
+              <text class="iconfont icon-guanbi" @click.stop="refund_order_id = ''"></text>
+              <div class="broadcast-details_num broadcast_num">
+                <text>退款单号：{{ refundDetail.refund_order_sn }}</text>
+              </div>
+              <div class="broadcast-details_box">
+                <div class="broadcast_details_img">
+                  <image :src="refundDetail.refundProduct[0].product.cart_info.product.image" />
+                </div>
+                <div class="broadcast_details_picBox">
+                  <div class="broadcast_details_tit">
+                    {{ refundDetail.refundProduct[0].product.cart_info.product.store_name }}
+                  </div>
+                  <div>
+                    <div class="broadcast_details_pic">
+                      共{{ refundDetail.refund_num }}件商品，
+                      合计 <text class="p-color">￥{{ refundDetail.refund_price}}</text>
+                    </div>
+                    <div class="broadcast_details_btn refund_btn" @click="sendRefundOrder">
+                      发送退款单
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div :style=" active === true ? 'height:' + footerConH + 'rem;' : 'height:' + footerH + 'rem;'"></div>
+      </scroll-view>
+    </view>
+    <view style="height: 100rpx;"></view>
+    <div class="footerCon" :class="active === true ? 'on' : ''" ref="footerCon">
+      <form>
+        <div class="footer acea-row row-between row-bottom" ref="footer">
+          <text @click="uploadImg" class="iconfont icon-tupian2"></text>
+          <text @click="emoticon" class="iconfont icon-biaoqing2"></text>
+          <div class="voice acea-row row-center-wrapper" v-if="voice" @touchstart.prevent="start"
+            @touchmove.prevent="move" @touchend.prevent="end">
+            {{ speak }}
+          </div>
+          <view class="input_count">
+            <input type="text" placeholder-class='placeholder' placeholder="输入内容" class="input" ref="input"
+              v-show="!voice" @input="bindInput" @keyup="keyup" @focus="focus" cursor-spacing="20" v-model="textCon">
+            <div class="send iconfont icon-fasong" :style="'color:'+iconColor" @click="sendTest"></div>
+          </view>
+        </div>
+      </form>
+      <div class="banner slider-banner">
+        <swiper class="swiper-wrapper" :autoplay="autoplay" :circular="circular" :interval="interval"
+          :duration="duration" v-if="emojiGroup.length > 0">
+          <block v-for="(emojiList, index) in emojiGroup" :key="index">
+            <swiper-item>
+              <i class="em" :class="emoji" :style="'background-image:url('+ httpUrl +')'" v-for="emoji in emojiList"
+                :key="emoji" @click="addEmoji(emoji)"></i>
+            </swiper-item>
+          </block>
+        </swiper>
+      </div>
+    </div>
+    <div class="recording" v-if="recording">
+      <image src="/static/images/recording.png" />
+    </div>
+  </div>
 </template>
 <script>
-	// +----------------------------------------------------------------------
-	// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
-	// +----------------------------------------------------------------------
-	// | Copyright (c) 2016~2023 https://www.crmeb.com All rights reserved.
-	// +----------------------------------------------------------------------
-	// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
-	// +----------------------------------------------------------------------
-	// | Author: CRMEB Team <admin@crmeb.com>
-	// +----------------------------------------------------------------------
-	import emojiList from "@/utils/emoji";
-	import Socket from "@/libs/chat";
-	// #ifdef H5
-	import ClipboardJS from "@/plugin/clipboard/clipboard.js";
-	// #endif
-	import { getChatRecord, getMerHistory, chatReverstApi, hasServiceApi } from "@/api/user";
-	import { getProductDetail, getPresellProductDetail, getStoreDetail } from "@/api/store";	
-	import { getCombinationDetail } from "@/api/activity";
-	import { getOrderDetail, refundDetail } from "@/api/order";
-	import Loading from "@/components/Loading";
-	import { TOKENNAME, HTTP_REQUEST_URL } from '@/config/app.js';
-	import { toLogin } from '@/libs/login.js';
-	import { configMap } from "@/utils";
-	import { mapGetters } from "vuex";
-	const chunk = function(arr, num) {
-		num = num * 1 || 1;
-		var ret = [];
-		arr.forEach(function(item, i) {
-			if (i % num === 0) {
-				ret.push([]);
-			}
-			ret[ret.length - 1].push(item);
-		});
-		return ret;
-	};
-	const NAME = "CustomerService";
-	const PATH = 'pages/chat/customer_list/chat'
-	const app = getApp();
-	export default {
-		name: NAME,
-		components: {
-			Loading,
-		},
-		props: {
-			couponList: {
-				type: Array,
-				default: () => []
-			}
-		},
-		computed: configMap(['hide_mer_status'],mapGetters(['isLogin', 'viewColor', 'uid'])),
-		data: function() {
-			return {
-				url: `${HTTP_REQUEST_URL}/api/upload/image`,
-				headers: {
-					"Authori-zation": "Bearer " + this.$store.state.app.token
-				},
-				emojiGroup: chunk(emojiList, 21),
-				active: false,
-				voice: false,
-				speak: "按住 说话",
-				recording: false,
-				swiperOption: {
-					pagination: {
-						el: ".swiper-pagination",
-						clickable: true
-					},
-					speed: 1000,
-					observer: true,
-					observeParents: true
-				},
-				percent: 0,
-				footerConH: 0,
-				footerH: 1.08,
-				socket: null,
-				toUid: 0,
-				page: 1,
-				limit: 30,
-				loading: false,
-				loaded: false,
-				history: [],
-				sendColor: false,
-				sendtxt: "",
-				productId: 0,
-				presellId: 0,
-				combinationId: 0,
-				productInfo: {},
-				orderId: "",
-				orderInfo: {},
-				cartInfo: {},
-				autoplay: false,
-				circular: true,
-				interval: 3000,
-				duration: 500,
-				upload_max: 2, //图片大小
-				//上传的图片地址
-				uploadImages: [],
-				//展示的图片地址
-				uploads: [],
-				// 超出限制数组
-				exceeded_list: [],
-				windowH: 0,
-				isBQ: false,
-				scrollTop: 0, //滚动距离
-				textCon: '', //文字
-				iconColor: '#CCCCCC',
-				mer_id: 0, //商铺id
-				refund_order_id: 0, //退款订单id
-				refundDetail: '', //退款订单详情
-				userId: 0, //客服----用户id
-				pageType: 0, //页面区分
-				status: false, //砍价列表是否获取完成 false 未完成 true 完成
-				storeInfo: '',
-				isBack: false,
-				httpUrl: '',
-				press: false,
-				index: 0,
-				j: 0
-			};
-		},
-		watch: {
-			textCon: function(nval, oVal) {
-				if (nval == "") {
-					this.iconColor = '#CCCCCC'
-				} else {
-					this.iconColor = '#86C956'
-				}
-			}
-		},
-		beforeDestroy() {
-			uni.$off(["socket_open", "reply", "chat", "send_chat", "socket_error", "socket_close"])
-		},
-		onUnload() {
-			this.wsEnd();
-		},
-		onLoad(option) {
-			let self = this
-			this.toUid = option.uid || 0;
-			this.productId = parseInt(option.productId) || 0;
-			this.presellId = parseInt(option.presellId) || 0;
-			this.combinationId = parseInt(option.combinationId) || 0;
-			this.orderId = option.order_id || ""
-			this.mer_id = option.mer_id || 0
-			this.refund_order_id = option.refund_order_id || 0
-			this.userId = option.userId || 0
-			uni.getSystemInfo({
-				success: function(res) {
-					self.windowH = res.windowHeight
-				}
-			})
-			// #ifdef H5
-			this.$nextTick(function() {
-				var clipboard = new ClipboardJS('.copy-data');
-				clipboard.on('success', function(e) {
-					self.$util.Tips({
-						title:'复制成功'
-					})
-					self.press = false;
-				});
-				clipboard.on('error', function(e) {
-					self.$util.Tips({
-						title:'复制失败'
-					})
-				});
-			});
-			// #endif
-		},
-		onReady() {
-			this.httpUrl = `${HTTP_REQUEST_URL}/static/look.png`;
-		},
-		mounted: function() {
-			let that = this
-			if (that.isLogin) {
-				if (that.userId == 0) {
-					// 用户
-					that.getHistory();
-					that.getproductInfo();
-					that.getOrderInfo();
-					that.getRefundDetail();
-					that.getStoreDetail();
-				} else {
-					// 客服
-					that.getMerHistory();
-				}
-				uni.$on("socket_open", () => {
-					if (that.userId == 0) {
-						that.socket.send({
-							data: {
-								mer_id: that.mer_id
-							},
-							type: "chat_start"
-						});
-					} else {		
-						that.socket.send({
-							data: {
-								uid: that.userId,
-								mer_id: that.mer_id
-							},
-							type: "service_chat_start"
-						});
-					}
-				});
-				uni.$on(["reply", "chat", "send_chat"], data => {
-					data.longpress = false
-					if(that.history.length>0 && that.history[that.history.length-1]['children'].length > 0){
-						let index = that.history[that.history.length-1]['children'].length-1
-						let item = that.history[that.history.length-1]['children'][index]
-						if(data.send_time - item.send_time > 300){
-							that.history.push({time: data.create_time,children:[data]})
-						}else{
-							that.history[that.history.length-1]['children'].push(data);
-						}
-					}else{
-						that.history.push({time: data.create_time,children:[data]})
-					}	
-					that.deleteMsg(data);		
-					that.height();
-				});
-				uni.$on("socket_error", () => {
-					if (!that.isBack) {
-						let self = this
-						uni.showModal({
-							title: '提示',
-							content: '连接失败,是否重新连接',
-							success: function(res) {
-								if (res.confirm) {
-									self.wsStart()
-								} else if (res.cancel) {
-									uni.navigateBack();
-								}
-							}
-						});
-					}
-				});
-				uni.$on("err_tip", data => {
-					if (!this.isBack) {
-						uni.showModal({
-							title: '提示',
-							content: data,
-							success: function(res) {
-								if (res.confirm) {
-									console.log('用户点击确定');
-								} else if (res.cancel) {
-									console.log('用户点击取消');
-								}
-							}
-						});
-					}
-				});
-				uni.$on("socket_close", () => {
-					if (!this.isBack) {
-						let curRoute = this.$mp.page.route;
-						let self = this
-						uni.showModal({
-							title: '提示',
-							content: '连接断开，是否重新连接',
-							success: function(res) {
-								if (res.confirm) {
-									self.wsStart()
-								} else if (res.cancel) {
-									uni.navigateBack();
-								}
-							}
-						});
-					}
-				})
-				that.hasService();
-				that.wsStart();
-			} else {
-				toLogin()
-			}
-		},
-		methods: {
-			userDetail(uid){
-				this.wsEnd()
-				uni.redirectTo({
-					url: `/pages/chat/customer_info/index?uid=${uid}&mer_id=${this.mer_id}`
-				})
-			},
-			/*判断店铺是否有在线客服*/
-			hasService(){
-				hasServiceApi(this.mer_id).then(res => {
-					this.height();
-					if (this.userId == 0) {
-						// 用户
-						this.getHistory();
-					} else {
-						// 客服
-						this.getMerHistory();
-					}
-				}).catch(err => {
-					return this.$util.Tips({
-						title: err
-					}, {
-						tab: 3,
-						url: 1
-					});
-				});
-			},
-			// 联系客服拨打电话
-			goCustomer(){
-				 uni.makePhoneCall({	
-				 // 手机号
-				    phoneNumber: this.storeInfo.service_phone, 
-					// 成功回调
-					success: (res) => {},
-					// 失败回调
-					fail: (res) => {}		
-				});
-			},
-			// 获取店铺详情
-			getStoreDetail() {
-				getStoreDetail(this.mer_id).then(res => {
-					this.storeInfo = res.data
-				})
-			},
-			// ws连接
-			wsStart() {
-				this.socket = new Socket();
-				this.height();
-			},
-			// ws关闭
-			wsEnd() {
-				let that = this;
-				if (that.userId == 0) {
-					that.socket.send({
-						data: {
-							mer_id: that.mer_id
-						},
-						type: "chat_end"
-					});
-				} else {
-					that.socket.send({
-						data: {
-							uid: that.userId,
-							mer_id: that.mer_id
-						},
-						type: "service_chat_end"
-					});
-				}
-				that.isBack = true
-				that.socket && that.socket.onClose();
-			},
-			// 删除数组中已撤回的消息
-			deleteMsg(data){
-				let that = this;
-				that.history.forEach(function(item, index) {
-					item.children.forEach(function(itx, i) {
-						if(data.msn_type == 100 && data.msn == itx.service_log_id){
-							item.children.splice(i,1)
-						}
-					});	
-				});
-			},
-			// 退款订单
-			getRefundDetail() {
-				if (this.refund_order_id) {
-					refundDetail(this.refund_order_id).then(res => {
-						this.refundDetail = res.data
-					})
-				}
-			},
-			uploadImg() {
-				let self = this
-				self.$util.uploadImageOne('upload/image', function(res) {
-					if(res.status == 200){
-						self.sendMsg(res.data.path, 3)
-					}
-				});
-			},
-			/*长按事件*/
-			longTime(items,index,item,j){
-				item.longpress = true
-				this.history[this.index]['children'][this.j]['longpress'] = false
-				this.press = true
-				this.index = index;
-				this.j = j
-				this.history[this.index]['children'][this.j]['longpress'] = true
-			},
-			stoppress() {
-				this.press = false		
-			},
-			reverstMsg(item) {
-				this.sendMsg(item.service_log_id,100)
-				setTimeout(function(){
-					item.longpress = false;
-				},300)
-			},
-			getOrderInfo() {
-				if (!this.orderId) return;
-				getOrderDetail(this.orderId).then(res => {
-					this.orderInfo = res.data;
-					if (this.orderInfo.orderProduct.length) {
-						this.cartInfo = this.orderInfo.orderProduct[0];
-					}
-				});
-			},
-			getproductInfo() {
-				let that = this;
-				if (!that.productId && !that.presellId && !that.combinationId) return;
-				if(that.presellId || that.combinationId){
-					if(that.presellId){
-						getPresellProductDetail(that.presellId).then(res => {
-							that.productInfo = res.data;
-						});		
-					}else if(that.combinationId){
-						getCombinationDetail(that.combinationId).then(res => {
-							that.productInfo = res.data.product;
-						});
-					}
-				}else{
-					getProductDetail(that.productId).then(res => {
-						that.productInfo = res.data;
-					});
-				}	
-			},
-			scroll() {
-				if (window.scrollY < 300 && !this.loaded && !this.loading)
-				this.getHistory();
-			},
-			imageuploaded(res) {
-				if (res.status !== 200)
-				return this.$util.Tips({
-					title: res.msg || "上传图片失败"
-				});
-				this.sendMsg(res.data.url, 3);
-			},
-			// 用户聊天记录
-			getHistory() {
-				if (this.loading || this.loaded) return;
-				this.loading = true;
-				getChatRecord(this.mer_id, {
-						page: this.page,
-						limit: this.limit
-					}).then(({data}) => {
-						let arr = this.getChatTime(data.list)
-						let newArr = []
-						for(var j in arr){
-							let key = j
-							let item  = {}
-							item.time = key;
-							arr[j].forEach(function(itm, i) {
-								itm.longpress = false
-							});
-							item.children = arr[j]
-							newArr.push(item)
-						}
-						this.history = newArr.concat(this.history);
-						if (this.page === 1) {
-							this.$nextTick(function() {
-								this.height();
-							});
-						}
-						this.page++;
-						this.loading = false;
-						this.loaded = data.length < this.limit;
-					})
-					.catch(err => {
-						this.$util.Tips({
-							title: err.message || "加载失败"
-						});
-					});
-			},
-			// 处理聊天时间
-			getChatTime(list){
-				let arr = {}
-				let currentTime = ''
-				for(var i=0; i<list.length;i++){
-					if(i == 0){
-						let time = list[i]['create_time']
-						arr[time] = [list[i]]
-						currentTime = time
-					}else{
-						if((list[i]['send_time'] - list[i-1]['send_time']) <= 300 ){
-							arr[currentTime].push(list[i]) 
-						}else{
-							let time = list[i]['create_time']
-							currentTime = time
-							if(arr[time]){
-								arr[currentTime].push(list[i]) 
-							}else{
-								arr[time] = [list[i]]
-							} 
-						}
-					}
-				}
-				return arr;
-			},
-			// 客服聊天记录
-			getMerHistory() {
-				if (this.loading || this.loaded) return;
-				this.loading = true;
-				const last_id = this.history.length ? this.history[0].service_log_id : '';
-				getMerHistory(this.userId, this.mer_id, {
-						page: this.page,
-						limit: this.limit,
-						last_id
-					})
-					.then(({
-						data
-					}) => {
-						let arr = this.getChatTime(data.list)
-						let newArr = []
-						for(var j in arr){
-							let key = j
-							let item  = {}
-							item.time = key;
-							arr[j].forEach(function(itm, i) {
-								itm.longpress = false
-							});
-							item.children = arr[j]
-							newArr.push(item)
-						}
-						this.history = newArr.concat(this.history);
-						
-						if (this.page === 1) {
-							this.$nextTick(function() {
-								this.height();
-							});
-						}
-						this.page++;
-						this.loading = false;
-						this.loaded = data.length < this.limit;
-					})
-					.catch(err => {
-						this.$util.Tips({
-							title: err.msg || "加载失败"
-						});
-					});
-			},
-			focus: function() {
-				this.active = false;
-			},
-			keyup: function() {
-				if (this.$refs.input.value.length > 0) {
-					this.sendColor = true;
-				} else {
-					this.sendColor = false;
-				}
-			},
-			addEmoji(name) {
-				this.sendMsg(name, 2);
-			},
-			// 聊天表情转换
-			replace_em(str) {
-				str = str.replace(/\[em-([\s\S]*)\]/g, "<span class='em em-$1' style='background-image:url(" + this
-					.httpUrl + ")'></span>");
-				return str;
-			},
-			clickImg(url){
-				wx.previewImage({
-					urls: [url],
-					current: "",
-					success: function(res){},
-					fail: function(res){},
-					complate: function(res){}
-				})
-			},
-			sendMsg(msn, type) {
-				let self = this;
-				if (this.userId == 0) {
-					this.height();
-					this.socket.send({
-						data: {
-							msn,
-							msn_type: type,
-							// to_uid: this.toUid,
-							mer_id: self.mer_id
-						},
-						type: "send_chat",
-					})
-				} else {
-					this.height();
-					this.socket.send({
-						data: {
-							msn,
-							msn_type: type,
-							// to_uid: this.toUid,
-							uid: self.userId,
-							mer_id: self.mer_id
-						},
-						type: "service_chat",
-					})
-				}
-			},
-			sendTest() {
-				this.sendMsg(this.textCon, 1);
-				this.textCon = ''
-				this.height();
-			},
-			sendProduct() {
-				if(this.presellId || this.combinationId){
-					if(this.presellId){
-						this.sendMsg(this.presellId, 7);
-						this.presellId = 0;									
-					}else if(this.combinationId){
-						this.sendMsg(this.combinationId, 8);
-						this.combinationId = 0;
-					}
-				}else{
-					this.sendMsg(this.productId, 4);
-					this.productId = 0;	
-				}
-				this.productInfo = {};
-			},
-			sendOrder() {
-				this.sendMsg(this.orderId, 5);
-				this.orderId = 0;
-				this.orderInfo = {};
-			},
-			sendRefundOrder() {
-				this.sendMsg(this.refund_order_id, 6);
-				this.refund_order_id = 0;
-				this.refundDetail = {};
-			},
-			bindInput: function(e) {
-				if (e.detail.value) {
-					this.sendColor = true
-				} else {
-					this.sendColor = false
-				}
-				this.height();
-			},
-			start() {
-				var that = this;
-				this.longClick = 0;
-				this.timeOutEvent = setTimeout(function() {
-					that.longClick = 1;
-				}, 500);
-				that.speak = "松开 结束";
-				that.recording = true;
-			},
-			move() {
-				clearTimeout(this.timeOutEvent);
-				this.timeOutEvent = 0;
-			},
-			end() {
-				clearTimeout(this.timeOutEvent);
-				if (this.timeOutEvent !== 0 && this.longClick === 0) {
-					//点击
-					//此处为点击事件----在此处添加跳转详情页
-				}
-				this.speak = "按住 说话";
-				this.recording = false;
-				return false;
-			},
-			voiceBnt: function() {
-				this.active = false;
-				if (this.voice === true) {
-					this.voice = false;
-					this.$nextTick(function() {
-						this.$refs.input.focus();
-					});
-				} else {
-					this.voice = true;
-				}
-				this.percent = 0;
-				this.footerConH = 0;
-				this.footerH = 0;
-				this.$nextTick(function() {
-					this.height();
-				});
-			},
-			emoticon: function() {
-				this.voice = false;
-				if (this.active === true) {
-					this.active = false;
-					this.isBQ = false
-				} else {
-					this.active = true;
-					this.isBQ = true
-				}
-				this.height();
-			},
-			height() {
-				let self = this
-				var scrollTop = 0
-				let info = uni.createSelectorQuery().select(".chat");
-				setTimeout(res => {
-					(!this.isBack) && info.boundingClientRect(function(data) { //data - 各种参数
-						scrollTop = data.height
-						if (self.active) {
-							self.scrollTop = parseInt(scrollTop) + 500
-						} else {
-							self.scrollTop = parseInt(scrollTop) + 100
-						}
-					}).exec()
-				}, 1000)
-			},
-			// 滚动到头部
-			bindScroll() {
-				if (this.userId == 0) {
-					this.getHistory();
-					this.getproductInfo();
-					this.getOrderInfo();
-					this.getRefundDetail();
-					this.getStoreDetail();
-				} else {
-					this.getMerHistory();
-				}
-			},
-			//#ifndef H5
-			copyText:function(text){
-			  uni.setClipboardData({ data: text});
-			},
-			// #endif
-		}
-	};
+  // +----------------------------------------------------------------------
+  // | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
+  // +----------------------------------------------------------------------
+  // | Copyright (c) 2016~2023 https://www.crmeb.com All rights reserved.
+  // +----------------------------------------------------------------------
+  // | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
+  // +----------------------------------------------------------------------
+  // | Author: CRMEB Team <admin@crmeb.com>
+  // +----------------------------------------------------------------------
+  import emojiList from "@/utils/emoji";
+  import Socket from "@/libs/chat";
+  // #ifdef H5
+  import ClipboardJS from "@/plugin/clipboard/clipboard.js";
+  // #endif
+  import { getChatRecord, getMerHistory, chatReverstApi, hasServiceApi } from "@/api/user";
+  import { getProductDetail, getPresellProductDetail, getStoreDetail } from "@/api/store";
+  import { getCombinationDetail } from "@/api/activity";
+  import { getOrderDetail, refundDetail } from "@/api/order";
+  import Loading from "@/components/Loading";
+  import { TOKENNAME, HTTP_REQUEST_URL } from '@/config/app.js';
+  import { toLogin } from '@/libs/login.js';
+  import { configMap } from "@/utils";
+  import { mapGetters } from "vuex";
+  const chunk = function(arr, num) {
+    num = num * 1 || 1;
+    var ret = [];
+    arr.forEach(function(item, i) {
+      if (i % num === 0) {
+        ret.push([]);
+      }
+      ret[ret.length - 1].push(item);
+    });
+    return ret;
+  };
+  const NAME = "CustomerService";
+  const PATH = 'pages/chat/customer_list/chat'
+  const app = getApp();
+  export default {
+    name: NAME,
+    components: {
+      Loading,
+    },
+    props: {
+      couponList: {
+        type: Array,
+        default: () => []
+      }
+    },
+    computed: configMap(['hide_mer_status'], mapGetters(['isLogin', 'viewColor', 'uid'])),
+    data: function() {
+      return {
+        url: `${HTTP_REQUEST_URL}/api/upload/image`,
+        headers: {
+          "Authori-zation": "Bearer " + this.$store.state.app.token
+        },
+        emojiGroup: chunk(emojiList, 21),
+        active: false,
+        voice: false,
+        speak: "按住 说话",
+        recording: false,
+        swiperOption: {
+          pagination: {
+            el: ".swiper-pagination",
+            clickable: true
+          },
+          speed: 1000,
+          observer: true,
+          observeParents: true
+        },
+        percent: 0,
+        footerConH: 0,
+        footerH: 1.08,
+        socket: null,
+        toUid: 0,
+        page: 1,
+        limit: 30,
+        loading: false,
+        loaded: false,
+        history: [],
+        sendColor: false,
+        sendtxt: "",
+        productId: 0,
+        presellId: 0,
+        combinationId: 0,
+        productInfo: {},
+        orderId: "",
+        orderInfo: {},
+        cartInfo: {},
+        autoplay: false,
+        circular: true,
+        interval: 3000,
+        duration: 500,
+        upload_max: 2, //图片大小
+        //上传的图片地址
+        uploadImages: [],
+        //展示的图片地址
+        uploads: [],
+        // 超出限制数组
+        exceeded_list: [],
+        windowH: 0,
+        isBQ: false,
+        scrollTop: 0, //滚动距离
+        textCon: '', //文字
+        iconColor: '#CCCCCC',
+        mer_id: 0, //商铺id
+        refund_order_id: 0, //退款订单id
+        refundDetail: '', //退款订单详情
+        userId: 0, //客服----用户id
+        pageType: 0, //页面区分
+        status: false, //砍价列表是否获取完成 false 未完成 true 完成
+        storeInfo: '',
+        isBack: false,
+        httpUrl: '',
+        press: false,
+        index: 0,
+        j: 0
+      };
+    },
+    watch: {
+      textCon: function(nval, oVal) {
+        if (nval == "") {
+          this.iconColor = '#CCCCCC'
+        } else {
+          this.iconColor = '#86C956'
+        }
+      }
+    },
+    beforeDestroy() {
+      uni.$off(["socket_open", "reply", "chat", "send_chat", "socket_error", "socket_close"])
+    },
+    onUnload() {
+      this.wsEnd();
+    },
+    onLoad(option) {
+      let self = this
+      this.toUid = option.uid || 0;
+      this.productId = parseInt(option.productId) || 0;
+      this.presellId = parseInt(option.presellId) || 0;
+      this.combinationId = parseInt(option.combinationId) || 0;
+      this.orderId = option.order_id || ""
+      this.mer_id = option.mer_id || 0
+      this.refund_order_id = option.refund_order_id || 0
+      this.userId = option.userId || 0
+      uni.getSystemInfo({
+        success: function(res) {
+          self.windowH = res.windowHeight
+        }
+      })
+      // #ifdef H5
+      this.$nextTick(function() {
+        var clipboard = new ClipboardJS('.copy-data');
+        clipboard.on('success', function(e) {
+          self.$util.Tips({
+            title: '复制成功'
+          })
+          self.press = false;
+        });
+        clipboard.on('error', function(e) {
+          self.$util.Tips({
+            title: '复制失败'
+          })
+        });
+      });
+      // #endif
+    },
+    onReady() {
+      this.httpUrl = `${HTTP_REQUEST_URL}/static/look.png`;
+    },
+    mounted: function() {
+      let that = this
+      if (that.isLogin) {
+        if (that.userId == 0) {
+          // 用户
+          that.getHistory();
+          that.getproductInfo();
+          that.getOrderInfo();
+          that.getRefundDetail();
+          that.getStoreDetail();
+        } else {
+          // 客服
+          that.getMerHistory();
+        }
+        uni.$on("socket_open", () => {
+          if (that.userId == 0) {
+            that.socket.send({
+              data: {
+                mer_id: that.mer_id
+              },
+              type: "chat_start"
+            });
+          } else {
+            that.socket.send({
+              data: {
+                uid: that.userId,
+                mer_id: that.mer_id
+              },
+              type: "service_chat_start"
+            });
+          }
+        });
+        uni.$on(["reply", "chat", "send_chat"], data => {
+          data.longpress = false
+          if (that.history.length > 0 && that.history[that.history.length - 1]['children'].length > 0) {
+            let index = that.history[that.history.length - 1]['children'].length - 1
+            let item = that.history[that.history.length - 1]['children'][index]
+            if (data.send_time - item.send_time > 300) {
+              that.history.push({ time: data.create_time, children: [data] })
+            } else {
+              that.history[that.history.length - 1]['children'].push(data);
+            }
+          } else {
+            that.history.push({ time: data.create_time, children: [data] })
+          }
+          that.deleteMsg(data);
+          that.height();
+        });
+        uni.$on("socket_error", () => {
+          if (!that.isBack) {
+            let self = this
+            uni.showModal({
+              title: '提示',
+              content: '连接失败,是否重新连接',
+              success: function(res) {
+                if (res.confirm) {
+                  self.wsStart()
+                } else if (res.cancel) {
+                  uni.navigateBack();
+                }
+              }
+            });
+          }
+        });
+        uni.$on("err_tip", data => {
+          if (!this.isBack) {
+            uni.showModal({
+              title: '提示',
+              content: data,
+              success: function(res) {
+                if (res.confirm) {
+                  console.log('用户点击确定');
+                } else if (res.cancel) {
+                  console.log('用户点击取消');
+                }
+              }
+            });
+          }
+        });
+        uni.$on("socket_close", () => {
+          if (!this.isBack) {
+            let curRoute = this.$mp.page.route;
+            let self = this
+            uni.showModal({
+              title: '提示',
+              content: '连接断开，是否重新连接',
+              success: function(res) {
+                if (res.confirm) {
+                  self.wsStart()
+                } else if (res.cancel) {
+                  uni.navigateBack();
+                }
+              }
+            });
+          }
+        })
+        that.hasService();
+        that.wsStart();
+      } else {
+        toLogin()
+      }
+    },
+    methods: {
+      userDetail(uid) {
+        this.wsEnd()
+        uni.redirectTo({
+          url: `/pages/chat/customer_info/index?uid=${uid}&mer_id=${this.mer_id}`
+        })
+      },
+      /*判断店铺是否有在线客服*/
+      hasService() {
+        hasServiceApi(this.mer_id).then(res => {
+          this.height();
+          if (this.userId == 0) {
+            // 用户
+            this.getHistory();
+          } else {
+            // 客服
+            this.getMerHistory();
+          }
+        }).catch(err => {
+          return this.$util.Tips({
+            title: err
+          }, {
+            tab: 3,
+            url: 1
+          });
+        });
+      },
+      // 联系客服拨打电话
+      async goCustomer() {
+        // #ifdef APP-PLUS
+        let result = await this.$store.dispatch("permission/requestPermissions",
+          'CALL_PHONE')
+        if (result !== 1) return;
+        // #endif
+        uni.makePhoneCall({
+          // 手机号
+          phoneNumber: this.storeInfo.service_phone,
+          // 成功回调
+          success: (res) => {},
+          // 失败回调
+          fail: (res) => {}
+        });
+      },
+      // 获取店铺详情
+      getStoreDetail() {
+        getStoreDetail(this.mer_id).then(res => {
+          this.storeInfo = res.data
+        })
+      },
+      // ws连接
+      wsStart() {
+        this.socket = new Socket();
+        this.height();
+      },
+      // ws关闭
+      wsEnd() {
+        let that = this;
+        if (that.userId == 0) {
+          that.socket.send({
+            data: {
+              mer_id: that.mer_id
+            },
+            type: "chat_end"
+          });
+        } else {
+          that.socket.send({
+            data: {
+              uid: that.userId,
+              mer_id: that.mer_id
+            },
+            type: "service_chat_end"
+          });
+        }
+        that.isBack = true
+        that.socket && that.socket.onClose();
+      },
+      // 删除数组中已撤回的消息
+      deleteMsg(data) {
+        let that = this;
+        that.history.forEach(function(item, index) {
+          item.children.forEach(function(itx, i) {
+            if (data.msn_type == 100 && data.msn == itx.service_log_id) {
+              item.children.splice(i, 1)
+            }
+          });
+        });
+      },
+      // 退款订单
+      getRefundDetail() {
+        if (this.refund_order_id) {
+          refundDetail(this.refund_order_id).then(res => {
+            this.refundDetail = res.data
+          })
+        }
+      },
+      uploadImg() {
+        let self = this
+        self.$util.uploadImageOne('upload/image', function(res) {
+          if (res.status == 200) {
+            self.sendMsg(res.data.path, 3)
+          }
+        });
+      },
+      /*长按事件*/
+      longTime(items, index, item, j) {
+        item.longpress = true
+        this.history[this.index]['children'][this.j]['longpress'] = false
+        this.press = true
+        this.index = index;
+        this.j = j
+        this.history[this.index]['children'][this.j]['longpress'] = true
+      },
+      stoppress() {
+        this.press = false
+      },
+      reverstMsg(item) {
+        this.sendMsg(item.service_log_id, 100)
+        setTimeout(function() {
+          item.longpress = false;
+        }, 300)
+      },
+      getOrderInfo() {
+        if (!this.orderId) return;
+        getOrderDetail(this.orderId).then(res => {
+          this.orderInfo = res.data;
+          if (this.orderInfo.orderProduct.length) {
+            this.cartInfo = this.orderInfo.orderProduct[0];
+          }
+        });
+      },
+      getproductInfo() {
+        let that = this;
+        if (!that.productId && !that.presellId && !that.combinationId) return;
+        if (that.presellId || that.combinationId) {
+          if (that.presellId) {
+            getPresellProductDetail(that.presellId).then(res => {
+              that.productInfo = res.data;
+            });
+          } else if (that.combinationId) {
+            getCombinationDetail(that.combinationId).then(res => {
+              that.productInfo = res.data.product;
+            });
+          }
+        } else {
+          getProductDetail(that.productId).then(res => {
+            that.productInfo = res.data;
+          });
+        }
+      },
+      scroll() {
+        if (window.scrollY < 300 && !this.loaded && !this.loading)
+          this.getHistory();
+      },
+      imageuploaded(res) {
+        if (res.status !== 200)
+          return this.$util.Tips({
+            title: res.msg || "上传图片失败"
+          });
+        this.sendMsg(res.data.url, 3);
+      },
+      // 用户聊天记录
+      getHistory() {
+        if (this.loading || this.loaded) return;
+        this.loading = true;
+        getChatRecord(this.mer_id, {
+            page: this.page,
+            limit: this.limit
+          }).then(({ data }) => {
+            let arr = this.getChatTime(data.list)
+            let newArr = []
+            for (var j in arr) {
+              let key = j
+              let item = {}
+              item.time = key;
+              arr[j].forEach(function(itm, i) {
+                itm.longpress = false
+              });
+              item.children = arr[j]
+              newArr.push(item)
+            }
+            this.history = newArr.concat(this.history);
+            if (this.page === 1) {
+              this.$nextTick(function() {
+                this.height();
+              });
+            }
+            this.page++;
+            this.loading = false;
+            this.loaded = data.length < this.limit;
+          })
+          .catch(err => {
+            this.$util.Tips({
+              title: err.message || "加载失败"
+            });
+          });
+      },
+      // 处理聊天时间
+      getChatTime(list) {
+        let arr = {}
+        let currentTime = ''
+        for (var i = 0; i < list.length; i++) {
+          if (i == 0) {
+            let time = list[i]['create_time']
+            arr[time] = [list[i]]
+            currentTime = time
+          } else {
+            if ((list[i]['send_time'] - list[i - 1]['send_time']) <= 300) {
+              arr[currentTime].push(list[i])
+            } else {
+              let time = list[i]['create_time']
+              currentTime = time
+              if (arr[time]) {
+                arr[currentTime].push(list[i])
+              } else {
+                arr[time] = [list[i]]
+              }
+            }
+          }
+        }
+        return arr;
+      },
+      // 客服聊天记录
+      getMerHistory() {
+        if (this.loading || this.loaded) return;
+        this.loading = true;
+        const last_id = this.history.length ? this.history[0].service_log_id : '';
+        getMerHistory(this.userId, this.mer_id, {
+            page: this.page,
+            limit: this.limit,
+            last_id
+          })
+          .then(({
+            data
+          }) => {
+            let arr = this.getChatTime(data.list)
+            let newArr = []
+            for (var j in arr) {
+              let key = j
+              let item = {}
+              item.time = key;
+              arr[j].forEach(function(itm, i) {
+                itm.longpress = false
+              });
+              item.children = arr[j]
+              newArr.push(item)
+            }
+            this.history = newArr.concat(this.history);
+
+            if (this.page === 1) {
+              this.$nextTick(function() {
+                this.height();
+              });
+            }
+            this.page++;
+            this.loading = false;
+            this.loaded = data.length < this.limit;
+          })
+          .catch(err => {
+            this.$util.Tips({
+              title: err.msg || "加载失败"
+            });
+          });
+      },
+      focus: function() {
+        this.active = false;
+      },
+      keyup: function() {
+        if (this.$refs.input.value.length > 0) {
+          this.sendColor = true;
+        } else {
+          this.sendColor = false;
+        }
+      },
+      addEmoji(name) {
+        this.sendMsg(name, 2);
+      },
+      // 聊天表情转换
+      replace_em(str) {
+        str = str.replace(/\[em-([\s\S]*)\]/g, "<span class='em em-$1' style='background-image:url(" + this
+          .httpUrl + ")'></span>");
+        return str;
+      },
+      clickImg(url) {
+        wx.previewImage({
+          urls: [url],
+          current: "",
+          success: function(res) {},
+          fail: function(res) {},
+          complate: function(res) {}
+        })
+      },
+      sendMsg(msn, type) {
+        let self = this;
+        if (this.userId == 0) {
+          this.height();
+          this.socket.send({
+            data: {
+              msn,
+              msn_type: type,
+              // to_uid: this.toUid,
+              mer_id: self.mer_id
+            },
+            type: "send_chat",
+          })
+        } else {
+          this.height();
+          this.socket.send({
+            data: {
+              msn,
+              msn_type: type,
+              // to_uid: this.toUid,
+              uid: self.userId,
+              mer_id: self.mer_id
+            },
+            type: "service_chat",
+          })
+        }
+      },
+      sendTest() {
+        this.sendMsg(this.textCon, 1);
+        this.textCon = ''
+        this.height();
+      },
+      sendProduct() {
+        if (this.presellId || this.combinationId) {
+          if (this.presellId) {
+            this.sendMsg(this.presellId, 7);
+            this.presellId = 0;
+          } else if (this.combinationId) {
+            this.sendMsg(this.combinationId, 8);
+            this.combinationId = 0;
+          }
+        } else {
+          this.sendMsg(this.productId, 4);
+          this.productId = 0;
+        }
+        this.productInfo = {};
+      },
+      sendOrder() {
+        this.sendMsg(this.orderId, 5);
+        this.orderId = 0;
+        this.orderInfo = {};
+      },
+      sendRefundOrder() {
+        this.sendMsg(this.refund_order_id, 6);
+        this.refund_order_id = 0;
+        this.refundDetail = {};
+      },
+      bindInput: function(e) {
+        if (e.detail.value) {
+          this.sendColor = true
+        } else {
+          this.sendColor = false
+        }
+        this.height();
+      },
+      start() {
+        var that = this;
+        this.longClick = 0;
+        this.timeOutEvent = setTimeout(function() {
+          that.longClick = 1;
+        }, 500);
+        that.speak = "松开 结束";
+        that.recording = true;
+      },
+      move() {
+        clearTimeout(this.timeOutEvent);
+        this.timeOutEvent = 0;
+      },
+      end() {
+        clearTimeout(this.timeOutEvent);
+        if (this.timeOutEvent !== 0 && this.longClick === 0) {
+          //点击
+          //此处为点击事件----在此处添加跳转详情页
+        }
+        this.speak = "按住 说话";
+        this.recording = false;
+        return false;
+      },
+      voiceBnt: function() {
+        this.active = false;
+        if (this.voice === true) {
+          this.voice = false;
+          this.$nextTick(function() {
+            this.$refs.input.focus();
+          });
+        } else {
+          this.voice = true;
+        }
+        this.percent = 0;
+        this.footerConH = 0;
+        this.footerH = 0;
+        this.$nextTick(function() {
+          this.height();
+        });
+      },
+      emoticon: function() {
+        this.voice = false;
+        if (this.active === true) {
+          this.active = false;
+          this.isBQ = false
+        } else {
+          this.active = true;
+          this.isBQ = true
+        }
+        this.height();
+      },
+      height() {
+        let self = this
+        var scrollTop = 0
+        let info = uni.createSelectorQuery().select(".chat");
+        setTimeout(res => {
+          (!this.isBack) && info.boundingClientRect(function(data) { //data - 各种参数
+            scrollTop = data.height
+            if (self.active) {
+              self.scrollTop = parseInt(scrollTop) + 500
+            } else {
+              self.scrollTop = parseInt(scrollTop) + 100
+            }
+          }).exec()
+        }, 1000)
+      },
+      // 滚动到头部
+      bindScroll() {
+        if (this.userId == 0) {
+          this.getHistory();
+          this.getproductInfo();
+          this.getOrderInfo();
+          this.getRefundDetail();
+          this.getStoreDetail();
+        } else {
+          this.getMerHistory();
+        }
+      },
+      //#ifndef H5
+      copyText: function(text) {
+        uni.setClipboardData({ data: text });
+      },
+      // #endif
+    }
+  };
 </script>
 
 <style lang="scss" scoped>
-	page {
-		width: 100%;
-		height: 100%;
-	}
-	// @import url("@/plugin/emoji-awesome/css/google.min.css");
-		@import "@/plugin/emoji-awesome/css/tuoluojiang.css";
-	.noPad {
-		padding: 0 !important;
-		margin-bottom: 0 !important;
-		height: auto !important;
-	}
-	.broadcast-details_num {
-		width: 100%;
-		height: 72rpx;
-		line-height: 72rpx;
-		color: #666666;
-		font-size: 26rpx;
-		display: flex;
-		justify-content: space-between;
-		background: #fff;
-		border-bottom: 1px solid #F5F5F5;
-		padding: 0 24rpx;
-		border-radius: 10rpx 10rpx 0 0;
-		.line1{
-			max-width: 203rpx;
-		}
-	}
-	uni-swiper-item{
-		background: #fff;
-	}
-	.footer_count{
-		margin-top: 20rpx;
-		width: 710rpx;
-		position: fixed;
-		bottom: 120rpx;
-		bottom: calc(120rpx+ constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/
-		bottom: calc(120rpx + env(safe-area-inset-bottom)); ///兼容 IOS>11.2/
-		left: 20rpx;
-		.broadcast-details_box,.broadcast_box{
-			margin-bottom: 0;
-			position: relative;
-		}
-		.icon-guanbi{
-			font-size: 20rpx;
-			color: #C4C4C4;
-			position: absolute;
-			right: 20rpx;
-			top: 20rpx;
-		}
-	}
-	.broadcast-details_order {
-		// padding: 15rpx;
-	}
-	.copy {
-		color: var(--view-theme);
-		margin-left: 24rpx;
-		font-size: 22rpx;
-		opacity: .5;
-	}
-	.broadcast-details_box {
-		padding: 20rpx;
-		display: flex;
-		background: #fff;
-		border-radius: 0 0 10rpx 10rpx;
-		margin-bottom: 24rpx;
-	}
+  page {
+    width: 100%;
+    height: 100%;
+  }
 
-	.broadcast_details_model {
-		width: 100%;
-		height: 43rpx;
-		background: rgba(0, 0, 0, 0.5);
-		border-radius: 0 0 16rpx 16rpx;
-		position: absolute;
-		z-index: 0;
-		bottom: 0;
-		font-size: 22rpx;
-		color: #fff;
-		text-align: center;
-		line-height: 43rpx;
-	}
+  // @import url("@/plugin/emoji-awesome/css/google.min.css");
+  @import "@/plugin/emoji-awesome/css/tuoluojiang.css";
 
-	.broadcast_details_img {
-		width: 160rpx;
-		height: 160rpx;
-		border-radius: 10px;
-		overflow: hidden;
-		position: relative;
-	}
-	.broadcast_details_img uni-image,.broadcast_details_img image{
-		width: 160rpx;
-		height: 160rpx;
-	}
-	.broadcast_details_img_no {
-		width: 456rpx;
-		height: 456rpx;
-		border-radius: 10px 10px 0px 0px;
-		overflow: hidden;
-		margin-bottom: 10rpx;
-	}
-	.broadcast_details_picBox_no {
-		width: 100%;
-	}
-	.broadcast_details_img_no uni-image, .broadcast_details_img_no img{
-		width: 100%;
-		height: 100%;
-	}
-	.broadcast_details_tit {
-		font-size: 30rpx;
-		color: #282828;
-		// height: 30rpx;
-		max-width: 400rpx;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		display: -webkit-box;
-		-webkit-line-clamp: 1;
-		-webkit-box-orient: vertical;
-		text-align: left !important;	
-	}
-	.product_price{
-		margin-top: 66rpx;
-	}
-	.broadcast_details_tit_no {
-		font-size: 28rpx;
-		color: #333333;
-		font-weight: 800;
-		text-align: left;
-		margin-top: 5rpx;
-		max-width: 420rpx;
-	}
-	.broadcast_details_picBox {
-		width: 75%;
-		margin-left: 24rpx;
-	}
-	.broadcast_details_pic {
-		margin-top: 15rpx;
-		font-size: 24rpx;
-		color: #999999;
-		text-align: left;
-	}
-	.broadcast_details_pic_num {
-		text-decoration: line-through;
-		font-size: 28rpx;
-		color: rgba(0, 0, 0, 0.5);
-		margin-left: 0.1rem;
-	}
-	.broadcast_details_btn {
-		width: 130rpx;
-		height: 50rpx;
-		background: var(--view-theme);
-		opacity: 1;
-		border-radius: 125rpx;
-		color: #fff;
-		font-size: 24rpx;
-		text-align: center;
-		line-height: 50rpx;
-		margin-top: 16px;
-		float: right;
-		&.product_btn{
-			margin-top: 0;
-			float: none;
-		}
-		&.refund_btn{
-			width: 150rpx;
-		}
-	}
-	.p-color {
-		color: var(--view-priceColor);
-	}
-	.broadcast-details .chat {
-		padding: 1rpx 23rpx 0 23rpx;
-		margin-bottom: 3rpx;
-		
-	}
-	.broadcast-details .chat .item {
-		margin-top: 37rpx;
-	}
-	.broadcast-details .create_time {
-		dislay: block;
-		width: 100%;
-		text-align: center;
-		color: #999999;
-		font-size: 22rpx;
-		margin: 30rpx 0;
-	}
-	.broadcast-details .chat .item .pictrue {
-		width: 80rpx;
-		height: 80rpx;
-		margin-top: 10rpx;
-	}
-	.broadcast-details .chat .item .pictrue image {
-		width: 100%;
-		height: 100%;
-		border-radius: 50%;
-	}
-	.broadcast-details .chat .item .text {
-		margin-left: 20rpx;
-	}
-	.broadcast-details .chat .item .text.textR {
-		text-align: right;
-		margin: 0 20rpx 0 0;
-		position: relative;
-		.recall{
-			position: absolute;
-			width: 220rpx;
-			height: 114rpx;
-			border-radius: 6rpx;
-			background: #4C4C4C;
-			color: #fff;
-			top: -140rpx;
-			right: 0;
-			display: flex;
-			align-items: center;
-			justify-content: center;
-			z-index: 200;
-			&.recall00{
-				top: auto;
-				bottom: -130rpx;
-				&::after{
-					border-top-color: transparent;
-					border-bottom-color: rgba(0,0,0,.6);
-					bottom: auto;
-					top: -26rpx;
-				}
-			}
-			&::after{
-				content: "";
-				display: block;
-				border: 14rpx solid transparent;
-				border-top-color: rgba(0,0,0,.6);
-				position: absolute;
-				bottom: -26rpx;
-				right: 30rpx;
-			}
-			.recall-item{
-				text-align: center;
-				margin: 0 30rpx;
-				font-size: 24rpx;
-				.copy-data{
-					color: #fff;
-					margin-left: 0;
-					opacity: 1;
-				}
-				.iconfont{
-					display: block;
-					font-size: 32rpx;
-					margin-bottom: 8rpx;
-				}
-			}
-		}
-	}
-	.broadcast-details .chat .item .text .name {
-		font-size: 24rpx;
-		color: #999;
-	}
-	.broadcast-details .chat .item .text .name .return {
-		color: #509efb;
-		margin-left: 17rpx;
-	}
-	.broadcast-details .chat .item .text.textR .name .return {
-		margin: 0 0.17rem 0 0;
-	}
-	.broadcast-details .chat .item .text .conter {
-		background-color: #fff;
-		border-radius: 8rpx;
-		padding: 16rpx 20rpx;
-		font-size: 30rpx;
-		color: #333;
-		position: relative;
-		max-width: 600rpx;
-		margin-top: 2rpx;
-		word-break: break-all;
-		text-align: left;
-		.em{
-			margin: 0;
-		}	
-	}
-	.recall-msg {
-		display: block;
-		width: 100%;
-		text-align: center;
-		color: #999;
-		font-size: 24rpx;
-		margin: 10rpx 0;
-	}
-	.broadcast-details .chat .item .text .spot {
-		width: 15rpx;
-		height: 15rpx;
-		background-color: #c00000;
-		border-radius: 50%;
-		margin-left: 20rpx;
-	}
-	.broadcast-details .chat .item .text .conter:before {
-		position: absolute;
-		content: "";
-		width: 0;
-		height: 0;
-		border-bottom: 9rpx solid transparent;
-		border-right: 14rpx solid #fff;
-		border-top: 9rpx solid transparent;
-		left: -14rpx;
-		top: 25rpx;
-	}
-	.broadcast-details .chat .item .text.textR .conter:before {
-		left: unset;
-		right: -14rpx;
-		transform: rotateY(180deg);
-	}
-	.broadcast-details .chat .item .text .conter img {
-		/* #ifdef H5 */
-		width: 100%;
-		/* #endif */
-		display: block;
-	}
-	.broadcast-details .chat .item .text .conter .signal {
-		width: 48rpx;
-		height: 48rpx;
-	}
-	.broadcast-details .chat .item .text .conter .signal.signalR {
-		transform: rotate(180deg);
-		-ms-transform: rotate(180deg);
-		-webkit-transform: rotate(180deg);
-	}
-	.broadcast-details .footerCon {
-		height: 100rpx;
-		width: 100%;
-		transition: all 0.005s cubic-bezier(0.25, 0.5, 0.5, 0.9);
-		background-color: #fff;	
-		position: fixed;
-		bottom: 0;
-		height: calc(100rpx+ constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/
-		height: calc(100rpx + env(safe-area-inset-bottom)); ///兼容 IOS>11.2/
-		left: 0;
-	}
+  .noPad {
+    padding: 0 !important;
+    margin-bottom: 0 !important;
+    height: auto !important;
+  }
 
-	.broadcast-details .footerCon .banner {
-		background: #fff;
-		margin-top: calc(0rpx+ constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/
-		margin-top: calc(0rpx + env(safe-area-inset-bottom)); ///兼容 IOS>11.2/
-	}
-	.broadcast-details .footerCon.on {
-		position: relative;
-		top: -300rpx;
-		transform: translate3d(0, 0, 0) !important;
-		.banner{
-			margin-top: 0;
-		}
-	}
-	.broadcast-details .footerCon .banner .swiper-slide {
-		flex-wrap: wrap;
-		-webkit-flex-wrap: wrap;
-		background-color: #fff;
-		padding-bottom: 50rpx;
-		border-top: 1px solid #f5f5f5;
-	}
-	.broadcast-details .footerCon .banner .swiper-slide .emoji-outer,
-	.swiper-slide .em {
-		display: block;
-		width: 50rpx;
-		height: 50rpx;
-		margin: 40rpx 0 0 50rpx;
-	}
-	.broadcast-details .footerCon .banner .swiper-container-horizontal>.swiper-pagination-bullets {
-		bottom: 10rpx;
-	}
-	.broadcast-details .footerCon .slider-banner .swiper-pagination-bullet-active {
-		background-color: #999;
-	}
-	.broadcast-details .recording {
-		width: 300rpx;
-		height: 300rpx;
-		position: fixed;
-		top: 40%;
-		left: 50%;
-		margin-left: -150rpx;
-	}
-	.broadcast-details .recording img {
-		width: 100%;
-		height: 100%;
-	}
-	.broadcast-details .footer {
-		// width: 100%;
-		background-color: #fff;
-		padding: 17rpx 26rpx;
-		align-items: center;
+  .broadcast-details_num {
+    width: 100%;
+    height: 72rpx;
+    line-height: 72rpx;
+    color: #666666;
+    font-size: 26rpx;
+    display: flex;
+    justify-content: space-between;
+    background: #fff;
+    border-bottom: 1px solid #F5F5F5;
+    padding: 0 24rpx;
+    border-radius: 10rpx 10rpx 0 0;
 
-	}
-	.footer_box{
-		margin-top: 260rpx;
-	}
-	.broadcast-details .footer image {
-		width: 61rpx;
-		height: 60rpx;
-		display: block;
-	}
-	.broadcast-details .footer .icon-biaoqing2,.broadcast-details .footer .icon-tupian2 {
-		font-size: 60rpx;
-		display: block;
-	}
-	.broadcast-details .footer .voice {
-		width: 440rpx;
-		border-radius: 10rpx;
-		background-color: #e5e5e5;
-		/* padding: 17rpx 30rpx; */
-		height: 60rpx;
-		padding-left: 20rpx;
-	}
-	.broadcast-details .footer .input_count{
-		margin-left: 20rpx;
-		width: 544rpx;
-		box-sizing: border-box;
-		border-radius: 38rpx;
-		background-color: #F6F6F6;
-		padding: 0 80rpx 0 30rpx;
-		height: 76rpx;
-		position: relative;
-	}
-	.broadcast-details .footer .placeholder{
-		color: #999999;
-		font-size: 26rpx;
-	}
-	.broadcast-details .footer .input{
-		max-height: 150rpx;
-		overflow-y: auto;
-		overflow-x: hidden;
-		color: #999999;
-		height: 76rpx;
-		font-size: 26rpx;
-	}
-	.broadcast-details .footer .send {
-		font-size: 48rpx;
-		color: #cccccc;
-		position: absolute;
-		right: 15rpx;
-		top: 15rpx;
-	}
-	.em {
-		display: inline-block;
-		width: 50rpx;
-		height: 50rpx;
-		margin: 40rpx 0 0 50rpx;
-	}
-	.emoji-outer {
-		position: absolute;
-		right: 70rpx;
-		/* bottom: 12rpx; */
-		width: 50rpx;
-		height: 50rpx;
-		margin: 40rpx 0 0 50rpx;
-	}
-	.broadcast-details {
-		display: flex;
-		flex-direction: column;
-		width: 100%;
-		overflow: hidden;
-		.hd-wrapper {
-			flex: 1;
-			display: flex;
-			flex-direction: column;
-			overflow: hidden;
-			
-			&.on {
-				padding-bottom: 300rpx;
-			}
-		}
-	}
-	.store-wrapper {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 15rpx 20rpx;
-		background-color: #fff;
-		width: 100%;
-		position: fixed;
-		top: 0;
-		left: 0;
-		z-index: 100;
-		image {
-			width: 60rpx;
-			height: 60rpx;
-			margin-right: 10rpx;
-		}
-		.left {
-			display: flex;
-			align-items: center;
-		}
-		.link {
-			width: 80rpx;
-			height: 40rpx;
-			line-height: 38rpx;
-			border: 1px solid var(--view-theme);
-			border-radius: 20px;
-			font-size: 24rpx;
-			color: var(--view-theme);
-			text-align: center;
-		}
-		.store-opeation{
-			align-items: center;
-			.icon-dadianhua01{
-				color: var(--view-theme);
-				margin-left: 28rpx;
-				font-size: 34rpx;
-			}
-		}
-	}
-</style>
+    .line1 {
+      max-width: 203rpx;
+    }
+  }
+
+  uni-swiper-item {
+    background: #fff;
+  }
+
+  .footer_count {
+    margin-top: 20rpx;
+    width: 710rpx;
+    position: fixed;
+    bottom: 120rpx;
+    bottom: calc(120rpx+ constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/
+    bottom: calc(120rpx + env(safe-area-inset-bottom)); ///兼容 IOS>11.2/
+    left: 20rpx;
+
+    .broadcast-details_box,
+    .broadcast_box {
+      margin-bottom: 0;
+      position: relative;
+    }
+
+    .icon-guanbi {
+      font-size: 20rpx;
+      color: #C4C4C4;
+      position: absolute;
+      right: 20rpx;
+      top: 20rpx;
+    }
+  }
+
+  .broadcast-details_order {
+    // padding: 15rpx;
+  }
+
+  .copy {
+    color: var(--view-theme);
+    margin-left: 24rpx;
+    font-size: 22rpx;
+    opacity: .5;
+  }
+
+  .broadcast-details_box {
+    padding: 20rpx;
+    display: flex;
+    background: #fff;
+    border-radius: 0 0 10rpx 10rpx;
+    margin-bottom: 24rpx;
+  }
+
+  .broadcast_details_model {
+    width: 100%;
+    height: 43rpx;
+    background: rgba(0, 0, 0, 0.5);
+    border-radius: 0 0 16rpx 16rpx;
+    position: absolute;
+    z-index: 0;
+    bottom: 0;
+    font-size: 22rpx;
+    color: #fff;
+    text-align: center;
+    line-height: 43rpx;
+  }
+
+  .broadcast_details_img {
+    width: 160rpx;
+    height: 160rpx;
+    border-radius: 10px;
+    overflow: hidden;
+    position: relative;
+  }
+
+  .broadcast_details_img uni-image,
+  .broadcast_details_img image {
+    width: 160rpx;
+    height: 160rpx;
+  }
+
+  .broadcast_details_img_no {
+    width: 456rpx;
+    height: 456rpx;
+    border-radius: 10px 10px 0px 0px;
+    overflow: hidden;
+    margin-bottom: 10rpx;
+  }
+
+  .broadcast_details_picBox_no {
+    width: 100%;
+  }
+
+  .broadcast_details_img_no uni-image,
+  .broadcast_details_img_no img {
+    width: 100%;
+    height: 100%;
+  }
+
+  .broadcast_details_tit {
+    font-size: 30rpx;
+    color: #282828;
+    // height: 30rpx;
+    max-width: 400rpx;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 1;
+    -webkit-box-orient: vertical;
+    text-align: left !important;
+  }
+
+  .product_price {
+    margin-top: 66rpx;
+  }
+
+  .broadcast_details_tit_no {
+    font-size: 28rpx;
+    color: #333333;
+    font-weight: 800;
+    text-align: left;
+    margin-top: 5rpx;
+    max-width: 420rpx;
+  }
+
+  .broadcast_details_picBox {
+    width: 75%;
+    margin-left: 24rpx;
+  }
+
+  .broadcast_details_pic {
+    margin-top: 15rpx;
+    font-size: 24rpx;
+    color: #999999;
+    text-align: left;
+  }
+
+  .broadcast_details_pic_num {
+    text-decoration: line-through;
+    font-size: 28rpx;
+    color: rgba(0, 0, 0, 0.5);
+    margin-left: 0.1rem;
+  }
+
+  .broadcast_details_btn {
+    width: 130rpx;
+    height: 50rpx;
+    background: var(--view-theme);
+    opacity: 1;
+    border-radius: 125rpx;
+    color: #fff;
+    font-size: 24rpx;
+    text-align: center;
+    line-height: 50rpx;
+    margin-top: 16px;
+    float: right;
+
+    &.product_btn {
+      margin-top: 0;
+      float: none;
+    }
+
+    &.refund_btn {
+      width: 150rpx;
+    }
+  }
+
+  .p-color {
+    color: var(--view-priceColor);
+  }
+
+  .broadcast-details .chat {
+    padding: 1rpx 23rpx 0 23rpx;
+    margin-bottom: 3rpx;
+
+  }
+
+  .broadcast-details .chat .item {
+    margin-top: 37rpx;
+  }
+
+  .broadcast-details .create_time {
+    dislay: block;
+    width: 100%;
+    text-align: center;
+    color: #999999;
+    font-size: 22rpx;
+    margin: 30rpx 0;
+  }
+
+  .broadcast-details .chat .item .pictrue {
+    width: 80rpx;
+    height: 80rpx;
+    margin-top: 10rpx;
+  }
+
+  .broadcast-details .chat .item .pictrue image {
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+  }
+
+  .broadcast-details .chat .item .text {
+    margin-left: 20rpx;
+  }
+
+  .broadcast-details .chat .item .text.textR {
+    text-align: right;
+    margin: 0 20rpx 0 0;
+    position: relative;
+
+    .recall {
+      position: absolute;
+      width: 220rpx;
+      height: 114rpx;
+      border-radius: 6rpx;
+      background: #4C4C4C;
+      color: #fff;
+      top: -140rpx;
+      right: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      z-index: 200;
+
+      &.recall00 {
+        top: auto;
+        bottom: -130rpx;
+
+        &::after {
+          border-top-color: transparent;
+          border-bottom-color: rgba(0, 0, 0, .6);
+          bottom: auto;
+          top: -26rpx;
+        }
+      }
+
+      &::after {
+        content: "";
+        display: block;
+        border: 14rpx solid transparent;
+        border-top-color: rgba(0, 0, 0, .6);
+        position: absolute;
+        bottom: -26rpx;
+        right: 30rpx;
+      }
+
+      .recall-item {
+        text-align: center;
+        margin: 0 30rpx;
+        font-size: 24rpx;
+
+        .copy-data {
+          color: #fff;
+          margin-left: 0;
+          opacity: 1;
+        }
+
+        .iconfont {
+          display: block;
+          font-size: 32rpx;
+          margin-bottom: 8rpx;
+        }
+      }
+    }
+  }
+
+  .broadcast-details .chat .item .text .name {
+    font-size: 24rpx;
+    color: #999;
+  }
+
+  .broadcast-details .chat .item .text .name .return {
+    color: #509efb;
+    margin-left: 17rpx;
+  }
+
+  .broadcast-details .chat .item .text.textR .name .return {
+    margin: 0 0.17rem 0 0;
+  }
+
+  .broadcast-details .chat .item .text .conter {
+    background-color: #fff;
+    border-radius: 8rpx;
+    padding: 16rpx 20rpx;
+    font-size: 30rpx;
+    color: #333;
+    position: relative;
+    max-width: 600rpx;
+    margin-top: 2rpx;
+    word-break: break-all;
+    text-align: left;
+
+    .em {
+      margin: 0;
+    }
+  }
+
+  .recall-msg {
+    display: block;
+    width: 100%;
+    text-align: center;
+    color: #999;
+    font-size: 24rpx;
+    margin: 10rpx 0;
+  }
+
+  .broadcast-details .chat .item .text .spot {
+    width: 15rpx;
+    height: 15rpx;
+    background-color: #c00000;
+    border-radius: 50%;
+    margin-left: 20rpx;
+  }
+
+  .broadcast-details .chat .item .text .conter:before {
+    position: absolute;
+    content: "";
+    width: 0;
+    height: 0;
+    border-bottom: 9rpx solid transparent;
+    border-right: 14rpx solid #fff;
+    border-top: 9rpx solid transparent;
+    left: -14rpx;
+    top: 25rpx;
+  }
+
+  .broadcast-details .chat .item .text.textR .conter:before {
+    left: unset;
+    right: -14rpx;
+    transform: rotateY(180deg);
+  }
+
+  .broadcast-details .chat .item .text .conter img {
+    /* #ifdef H5 */
+    width: 100%;
+    /* #endif */
+    display: block;
+  }
+
+  .broadcast-details .chat .item .text .conter .signal {
+    width: 48rpx;
+    height: 48rpx;
+  }
+
+  .broadcast-details .chat .item .text .conter .signal.signalR {
+    transform: rotate(180deg);
+    -ms-transform: rotate(180deg);
+    -webkit-transform: rotate(180deg);
+  }
+
+  .broadcast-details .footerCon {
+    height: 100rpx;
+    width: 100%;
+    transition: all 0.005s cubic-bezier(0.25, 0.5, 0.5, 0.9);
+    background-color: #fff;
+    position: fixed;
+    bottom: 0;
+    height: calc(100rpx+ constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/
+    height: calc(100rpx + env(safe-area-inset-bottom)); ///兼容 IOS>11.2/
+    left: 0;
+  }
+
+  .broadcast-details .footerCon .banner {
+    background: #fff;
+    margin-top: calc(0rpx+ constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/
+    margin-top: calc(0rpx + env(safe-area-inset-bottom)); ///兼容 IOS>11.2/
+  }
+
+  .broadcast-details .footerCon.on {
+    position: relative;
+    top: -300rpx;
+    transform: translate3d(0, 0, 0) !important;
+
+    .banner {
+      margin-top: 0;
+    }
+  }
+
+  .broadcast-details .footerCon .banner .swiper-slide {
+    flex-wrap: wrap;
+    -webkit-flex-wrap: wrap;
+    background-color: #fff;
+    padding-bottom: 50rpx;
+    border-top: 1px solid #f5f5f5;
+  }
+
+  .broadcast-details .footerCon .banner .swiper-slide .emoji-outer,
+  .swiper-slide .em {
+    display: block;
+    width: 50rpx;
+    height: 50rpx;
+    margin: 40rpx 0 0 50rpx;
+  }
+
+  .broadcast-details .footerCon .banner .swiper-container-horizontal>.swiper-pagination-bullets {
+    bottom: 10rpx;
+  }
+
+  .broadcast-details .footerCon .slider-banner .swiper-pagination-bullet-active {
+    background-color: #999;
+  }
+
+  .broadcast-details .recording {
+    width: 300rpx;
+    height: 300rpx;
+    position: fixed;
+    top: 40%;
+    left: 50%;
+    margin-left: -150rpx;
+  }
+
+  .broadcast-details .recording img {
+    width: 100%;
+    height: 100%;
+  }
+
+  .broadcast-details .footer {
+    // width: 100%;
+    background-color: #fff;
+    padding: 17rpx 26rpx;
+    align-items: center;
+
+  }
+
+  .footer_box {
+    margin-top: 260rpx;
+  }
+
+  .broadcast-details .footer image {
+    width: 61rpx;
+    height: 60rpx;
+    display: block;
+  }
+
+  .broadcast-details .footer .icon-biaoqing2,
+  .broadcast-details .footer .icon-tupian2 {
+    font-size: 60rpx;
+    display: block;
+  }
+
+  .broadcast-details .footer .voice {
+    width: 440rpx;
+    border-radius: 10rpx;
+    background-color: #e5e5e5;
+    /* padding: 17rpx 30rpx; */
+    height: 60rpx;
+    padding-left: 20rpx;
+  }
+
+  .broadcast-details .footer .input_count {
+    margin-left: 20rpx;
+    width: 544rpx;
+    box-sizing: border-box;
+    border-radius: 38rpx;
+    background-color: #F6F6F6;
+    padding: 0 80rpx 0 30rpx;
+    height: 76rpx;
+    position: relative;
+  }
+
+  .broadcast-details .footer .placeholder {
+    color: #999999;
+    font-size: 26rpx;
+  }
+
+  .broadcast-details .footer .input {
+    max-height: 150rpx;
+    overflow-y: auto;
+    overflow-x: hidden;
+    color: #999999;
+    height: 76rpx;
+    font-size: 26rpx;
+  }
+
+  .broadcast-details .footer .send {
+    font-size: 48rpx;
+    color: #cccccc;
+    position: absolute;
+    right: 15rpx;
+    top: 15rpx;
+  }
+
+  .em {
+    display: inline-block;
+    width: 50rpx;
+    height: 50rpx;
+    margin: 40rpx 0 0 50rpx;
+  }
+
+  .emoji-outer {
+    position: absolute;
+    right: 70rpx;
+    /* bottom: 12rpx; */
+    width: 50rpx;
+    height: 50rpx;
+    margin: 40rpx 0 0 50rpx;
+  }
+
+  .broadcast-details {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    overflow: hidden;
+
+    .hd-wrapper {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+
+      &.on {
+        padding-bottom: 300rpx;
+      }
+    }
+  }
+
+  .store-wrapper {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 15rpx 20rpx;
+    background-color: #fff;
+    width: 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 100;
+
+    image {
+      width: 60rpx;
+      height: 60rpx;
+      margin-right: 10rpx;
+    }
+
+    .left {
+      display: flex;
+      align-items: center;
+    }
+
+    .link {
+      width: 80rpx;
+      height: 40rpx;
+      line-height: 38rpx;
+      border: 1px solid var(--view-theme);
+      border-radius: 20px;
+      font-size: 24rpx;
+      color: var(--view-theme);
+      text-align: center;
+    }
+
+    .store-opeation {
+      align-items: center;
+
+      .icon-dadianhua01 {
+        color: var(--view-theme);
+        margin-left: 28rpx;
+        font-size: 34rpx;
+      }
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/pages/gather/gather.vue b/pages/gather/gather.vue
index 3492c2e..f4ea2a0 100644
--- a/pages/gather/gather.vue
+++ b/pages/gather/gather.vue
@@ -357,7 +357,12 @@
           }
         })
       },
-      scanQRcode() {
+      async scanQRcode() {
+        // #ifdef APP-PLUS
+        let result = await this.$store.dispatch("permission/requestPermissions",
+          'CAMERA')
+        if (result !== 1) return;
+        // #endif
         uni.scanCode({
           success: (res) => {
             console.log(res);
diff --git a/pages/index/component/homeComb.vue b/pages/index/component/homeComb.vue
index d507a3f..857d1f4 100644
--- a/pages/index/component/homeComb.vue
+++ b/pages/index/component/homeComb.vue
@@ -1,269 +1,272 @@
 <template>
-	<view class="page_count">
-		<!--顶部定位-->
-		<view class="my-main header">
-			<view style="height: var(--status-bar-height);"></view>
-			<view class="location">
-				<view class="box flex_a_c_j_sb">
-					<view class="place_wrapper flex_a_c" @click="changeMap">
-						<view class="iconfont icon-weizhi" style="color:#fff;font-size:40rpx;"></view>
-						<view class="town_name">{{street||'定位中' }}</view>
-					</view>
-					<view class="flex_a_c_j_sb">
-						<view style="margin-right: 30rpx;" @click="scanQRcode"
-							hover-class="none">
-							<view class="iconfont icon-saoma" style="color:#fff;font-size:40rpx;"> </view>
-						</view>
-						<navigator url="/pages/chat/customer_list/index?type=0" hover-class="none">
-							<view class="iconfont icon-xiaoxi" style="color:#fff;font-size:40rpx;"> </view>
-						</navigator>
-					</view>
-				</view>
-			</view>
-		</view>
+  <view class="page_count">
+    <!--顶部定位-->
+    <view class="my-main header">
+      <view style="height: var(--status-bar-height);"></view>
+      <view class="location">
+        <view class="box flex_a_c_j_sb">
+          <view class="place_wrapper flex_a_c" @click="changeMap">
+            <view class="iconfont icon-weizhi" style="color:#fff;font-size:40rpx;"></view>
+            <view class="town_name">{{street||'定位中' }}</view>
+          </view>
+          <view class="flex_a_c_j_sb">
+            <view style="margin-right: 30rpx;" @click="scanQRcode" hover-class="none">
+              <view class="iconfont icon-saoma" style="color:#fff;font-size:40rpx;"> </view>
+            </view>
+            <navigator url="/pages/chat/customer_list/index?type=0" hover-class="none">
+              <view class="iconfont icon-xiaoxi" style="color:#fff;font-size:40rpx;"> </view>
+            </navigator>
+          </view>
+        </view>
+      </view>
+    </view>
 
-		<!--轮播图-->
-		<view class="swiperBg" :style="{ marginTop: (swiperTop + 13)+'px'}">
-			<view class="swiper page_swiper" v-if="imgUrls.length">
-				<swiper :autoplay="true" :circular="circular" :interval="intervals" :duration="duration"
-					indicator-color="rgba(255,255,255,0.6)" indicator-active-color="#fff" :current="swiperCur"
-					style="height:330rpx;margin: 0 auto;width:710rpx;" @change="swiperChange"
-					:class="{ scalex:isScale }">
-					<block v-for="(item,index) in imgUrls" :key="index">
-						<swiper-item :class="{ active: index == swiperCur,scalex:isScale }">
-							<view @click="goDetail(item)" class='slide-navigator acea-row row-between-wrapper'>
-								<image :src="item.img" class="slide-image aa" style="height:330rpx;" mode="aspectFill">
-								</image>
-							</view>
-						</swiper-item>
-					</block>
-				</swiper>
-				<view class="dots">
-					<block v-for="(item,index) in imgUrls" :key="index">
-						<view class="dot" :class="index == swiperCur ? ' active' : ''"></view>
-					</block>
-				</view>
-			</view>
-		</view>
-	</view>
+    <!--轮播图-->
+    <view class="swiperBg" :style="{ marginTop: (swiperTop + 13)+'px'}">
+      <view class="swiper page_swiper" v-if="imgUrls.length">
+        <swiper :autoplay="true" :circular="circular" :interval="intervals" :duration="duration"
+          indicator-color="rgba(255,255,255,0.6)" indicator-active-color="#fff" :current="swiperCur"
+          style="height:330rpx;margin: 0 auto;width:710rpx;" @change="swiperChange" :class="{ scalex:isScale }">
+          <block v-for="(item,index) in imgUrls" :key="index">
+            <swiper-item :class="{ active: index == swiperCur,scalex:isScale }">
+              <view @click="goDetail(item)" class='slide-navigator acea-row row-between-wrapper'>
+                <image :src="item.img" class="slide-image aa" style="height:330rpx;" mode="aspectFill">
+                </image>
+              </view>
+            </swiper-item>
+          </block>
+        </swiper>
+        <view class="dots">
+          <block v-for="(item,index) in imgUrls" :key="index">
+            <view class="dot" :class="index == swiperCur ? ' active' : ''"></view>
+          </block>
+        </view>
+      </view>
+    </view>
+  </view>
 </template>
 
 <script>
-	// +----------------------------------------------------------------------
-	// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
-	// +----------------------------------------------------------------------
-	// | Copyright (c) 2016~2023 https://www.crmeb.com All rights reserved.
-	// +----------------------------------------------------------------------
-	// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
-	// +----------------------------------------------------------------------
-	// | Author: CRMEB Team <admin@crmeb.com>
-	// +----------------------------------------------------------------------
+  // +----------------------------------------------------------------------
+  // | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
+  // +----------------------------------------------------------------------
+  // | Copyright (c) 2016~2023 https://www.crmeb.com All rights reserved.
+  // +----------------------------------------------------------------------
+  // | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
+  // +----------------------------------------------------------------------
+  // | Author: CRMEB Team <admin@crmeb.com>
+  // +----------------------------------------------------------------------
 
-	let statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 'px';
-	import {
-		configMap
-	} from '@/utils';
+  let statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 'px';
+  import {
+    configMap
+  } from '@/utils';
   import {
     getGeocoder
   } from "@/api/store.js"
-	export default {
-		name: 'homeComb',
-		props: {
-			dataConfig: {
-				type: Object,
-				default: () => {}
-			},
-			isScrolled: {
-				type: Boolean,
-				default: false
-			},
-			isScale: {
-				type: Boolean,
-				default: false
-			},
-			isMenu: {
-				type: Boolean,
-				default: false
-			},
-			userInfo: {
-				type: Object,
-				default: () => {}
-			},
-		},
-		computed: configMap({
-			site_logo: ''
-		}),
-		data() {
-			return {
-				statusBarHeight: statusBarHeight,
-				scrollHeight: 0,
-				autoplay: true,
-				interval: this.dataConfig.titleConfig.value * 1000 || 2500,
-				duration: 500,
-				marTop: 50,
-				searchH: 0,
-				logoConfig: this.dataConfig.logoConfig.url,
-				hotWords: this.dataConfig.hotWords.list || [],
-				tabClick: 0, //导航栏被点击
-				isLeft: 0, //导航栏下划线位置
-				isWidth: 0, //每个导航栏占位
-				mainWidth: 0,
-				tabLeft: 0,
-				swiperIndex: 0,
-				childIndex: 0,
-				childID: 0,
-				tabTitle: this.dataConfig.listConfig.list || [],
-				fixedTop: 0,
-				isTop: 0,
-				navHeight: 38,
-				indicatorDots: false,
-				circular: true,
-				autoplay: true,
-				intervals: 3000,
-				duration: 500,
-				imgUrls: [], //图片轮播数据
-				imageH: 0,
-				swiperCur: 0,
-				swiperType: 1,
-				searchVal: this.dataConfig.hotWords && this.dataConfig.hotWords.list[0]['val'] || '',
-				bgColor: this.dataConfig.swiperConfig.list && this.dataConfig.swiperConfig.list[0]['img'],
-				tabId: false,
-				isCategory: false,
-				swiperTop: 0,
-				isFixed: true,
-				street: '未开启定位'
-			};
-		},
-		watch: {
-			imageH(nVal, oVal) {
-				this.imageH = nVal
-			}
-		},
-		created() {
-			var that = this
-			// 获取设备宽度
-			uni.getSystemInfo({
-				success(e) {
-					that.mainWidth = e.windowWidth
-					that.isWidth = (e.windowWidth - 65) / 8
-				}
-			})
-			setTimeout((e) => {
-				const query = uni.createSelectorQuery().in(this);
-				if (that.tabTitle.length > 0) {
-					query.select('.navTabBox').boundingClientRect(data => {
-						that.navHeight = data.height > 42 ? data.height : 42
-					}).exec();
-				} else {
-					that.navHeight = 0
-				}
-				// #ifdef H5
-				query.select('.header').boundingClientRect(data => {
-					that.isTop = data.height
-					that.marTop = data.height
-				}).exec();
-				// #endif
-				// #ifdef MP || APP-PLUS
-				// #ifdef APP-PLUS
-				const menuButton = 0
-				//#endif
-				// #ifdef MP
-				const menuButton = uni.getMenuButtonBoundingClientRect();
-				//#endif
-				query
-					.select('.serch-box')
-					.boundingClientRect(data => {
-						this.marTop = data.height
-					}).exec();
-				//#endif
-			}, 500)
-			that.isTop = (uni.getSystemInfoSync().statusBarHeight + this.marTop)
-			that.imgUrls = that.dataConfig.swiperConfig.list
-			that.$nextTick(function() {
-				setTimeout((e) => {
-					// #ifdef H5
-					that.swiperTop = that.navHeight + that.marTop
-					//#endif
-					// #ifdef MP || APP-PLUS
-					that.swiperTop = that.navHeight + uni.getSystemInfoSync().statusBarHeight + that.marTop
-					//#endif
-				}, 500)
-			})
-		},
-		mounted() {
+  export default {
+    name: 'homeComb',
+    props: {
+      dataConfig: {
+        type: Object,
+        default: () => {}
+      },
+      isScrolled: {
+        type: Boolean,
+        default: false
+      },
+      isScale: {
+        type: Boolean,
+        default: false
+      },
+      isMenu: {
+        type: Boolean,
+        default: false
+      },
+      userInfo: {
+        type: Object,
+        default: () => {}
+      },
+    },
+    computed: configMap({
+      site_logo: ''
+    }),
+    data() {
+      return {
+        statusBarHeight: statusBarHeight,
+        scrollHeight: 0,
+        autoplay: true,
+        interval: this.dataConfig.titleConfig.value * 1000 || 2500,
+        duration: 500,
+        marTop: 50,
+        searchH: 0,
+        logoConfig: this.dataConfig.logoConfig.url,
+        hotWords: this.dataConfig.hotWords.list || [],
+        tabClick: 0, //导航栏被点击
+        isLeft: 0, //导航栏下划线位置
+        isWidth: 0, //每个导航栏占位
+        mainWidth: 0,
+        tabLeft: 0,
+        swiperIndex: 0,
+        childIndex: 0,
+        childID: 0,
+        tabTitle: this.dataConfig.listConfig.list || [],
+        fixedTop: 0,
+        isTop: 0,
+        navHeight: 38,
+        indicatorDots: false,
+        circular: true,
+        autoplay: true,
+        intervals: 3000,
+        duration: 500,
+        imgUrls: [], //图片轮播数据
+        imageH: 0,
+        swiperCur: 0,
+        swiperType: 1,
+        searchVal: this.dataConfig.hotWords && this.dataConfig.hotWords.list[0]['val'] || '',
+        bgColor: this.dataConfig.swiperConfig.list && this.dataConfig.swiperConfig.list[0]['img'],
+        tabId: false,
+        isCategory: false,
+        swiperTop: 0,
+        isFixed: true,
+        street: '未开启定位'
+      };
+    },
+    watch: {
+      imageH(nVal, oVal) {
+        this.imageH = nVal
+      }
+    },
+    created() {
+      var that = this
+      // 获取设备宽度
+      uni.getSystemInfo({
+        success(e) {
+          that.mainWidth = e.windowWidth
+          that.isWidth = (e.windowWidth - 65) / 8
+        }
+      })
+      setTimeout((e) => {
+        const query = uni.createSelectorQuery().in(this);
+        if (that.tabTitle.length > 0) {
+          query.select('.navTabBox').boundingClientRect(data => {
+            that.navHeight = data.height > 42 ? data.height : 42
+          }).exec();
+        } else {
+          that.navHeight = 0
+        }
+        // #ifdef H5
+        query.select('.header').boundingClientRect(data => {
+          that.isTop = data.height
+          that.marTop = data.height
+        }).exec();
+        // #endif
+        // #ifdef MP || APP-PLUS
+        // #ifdef APP-PLUS
+        const menuButton = 0
+        //#endif
+        // #ifdef MP
+        const menuButton = uni.getMenuButtonBoundingClientRect();
+        //#endif
+        query
+          .select('.serch-box')
+          .boundingClientRect(data => {
+            this.marTop = data.height
+          }).exec();
+        //#endif
+      }, 500)
+      that.isTop = (uni.getSystemInfoSync().statusBarHeight + this.marTop)
+      that.imgUrls = that.dataConfig.swiperConfig.list
+      that.$nextTick(function() {
+        setTimeout((e) => {
+          // #ifdef H5
+          that.swiperTop = that.navHeight + that.marTop
+          //#endif
+          // #ifdef MP || APP-PLUS
+          that.swiperTop = that.navHeight + uni.getSystemInfoSync().statusBarHeight + that.marTop
+          //#endif
+        }, 500)
+      })
+    },
+    mounted() {
       this.street = this.$store.state.storage.address.townName;
-			let that = this;
-			if (that.tabTitle.length > 0 && that.tabTitle[0]['value'] != '推荐') {
-				that.tabTitle.unshift({
-					img: '',
-					info: [{
-						value: "推荐"
-					}, {
-						value: false
-					}]
-				})
-			}
-			that.$nextTick(function() {
-				uni.getImageInfo({
-					src: that.setDomain(that.imgUrls[0].img),
-					success: function(res) {
-						if (res && res.height > 0) {
-							let height = res.height * ((750 - 20) / res.width)
-							that.$set(that, 'imageH', height);
-						} else {
-							that.$set(that, 'imageH', 375);
-						}
-					},
-					fail: function(error) {
-						that.$set(that, 'imageH', 375);
-					}
-				})
-			})
-		},
-		methods: {
-      scanQRcode() {
-      	uni.scanCode({
-      		success: (res) => {
-      			console.log(res);
-      			if (res.result && res.result.includes('pages/payment/get_payment')) {
-      				let url = res.result.replace(/.*lihaink.cn/g, '');
-      				uni.navigateTo({
-      					url: url,
-      					fail: () => {
-      						Toast('跳转页面失败')
-      					}
-      				})
-      			} else {
-      				Toast('无效的二维码')
-      			}
-      		}
-      	})
+      let that = this;
+      if (that.tabTitle.length > 0 && that.tabTitle[0]['value'] != '推荐') {
+        that.tabTitle.unshift({
+          img: '',
+          info: [{
+            value: "推荐"
+          }, {
+            value: false
+          }]
+        })
+      }
+      that.$nextTick(function() {
+        uni.getImageInfo({
+          src: that.setDomain(that.imgUrls[0].img),
+          success: function(res) {
+            if (res && res.height > 0) {
+              let height = res.height * ((750 - 20) / res.width)
+              that.$set(that, 'imageH', height);
+            } else {
+              that.$set(that, 'imageH', 375);
+            }
+          },
+          fail: function(error) {
+            that.$set(that, 'imageH', 375);
+          }
+        })
+      })
+    },
+    methods: {
+      async scanQRcode() {
+        // #ifdef APP-PLUS
+        let result = await this.$store.dispatch("permission/requestPermissions",
+          'CAMERA')
+        if (result !== 1) return;
+        // #endif
+        uni.scanCode({
+          success: (res) => {
+            console.log(res);
+            if (res.result && res.result.includes('pages/payment/get_payment')) {
+              let url = res.result.replace(/.*lihaink.cn/g, '');
+              uni.navigateTo({
+                url: url,
+                fail: () => {
+                  Toast('跳转页面失败')
+                }
+              })
+            } else {
+              Toast('无效的二维码')
+            }
+          }
+        })
       },
       // 选择位置
       changeMap() {
-      	uni.navigateTo({
-      		url: `/pages/select_address_n/select_address_n`,
-      		success: () => {
-      			uni.$once('changeAddress', (e) => {
-      				this.street = e.street.name;
-      				this.town = e.street.name;
-      				this.$store.commit('setAddress', {
-      					street_id: e.street.code,
-      					townName: this.town
-      				});
-      				if (e.longitude) {
-      					this.longitude = e.longitude;
-      					this.latitude = e.latitude;
-      					this.$store.commit('setLocation', {
-      						lat: e.latitude,
-      						long: e.longitude,
-      					});
-      				}
-      			})
-      		}
-      	})
+        uni.navigateTo({
+          url: `/pages/select_address_n/select_address_n`,
+          success: () => {
+            uni.$once('changeAddress', (e) => {
+              this.street = e.street.name;
+              this.town = e.street.name;
+              this.$store.commit('setAddress', {
+                street_id: e.street.code,
+                townName: this.town
+              });
+              if (e.longitude) {
+                this.longitude = e.longitude;
+                this.latitude = e.latitude;
+                this.$store.commit('setLocation', {
+                  lat: e.latitude,
+                  long: e.longitude,
+                });
+              }
+            })
+          }
+        })
       },
-      getLocation(){
+      getLocation() {
         uni.getLocation({
           type: 'gcj02',
           success: (res) => {
@@ -271,497 +274,497 @@
             latitude = res.latitude.toString();
             longitude = res.longitude.toString();
             this.$store.commit('setLocation', {
-            	lat: res.latitude.toFixed(6),
-            	long: res.longitude.toFixed(6),
+              lat: res.latitude.toFixed(6),
+              long: res.longitude.toFixed(6),
             });
             getGeocoder({
-            	lat: latitude,
-            	long: longitude
+              lat: latitude,
+              long: longitude
             }).then(res => {
-            	let town = res.data.address_reference.town.title
-            	let street_id = street_id = res.data.address_reference.town.id
-            	this.street = res.data.address_reference.town.title;
-            	this.$store.commit('setAddress', {
-            		street_id: street_id,
-            		townName: town
-            	});
-            	uni.$emit('getLocation_succees', {
+              let town = res.data.address_reference.town.title
+              let street_id = street_id = res.data.address_reference.town.id
+              this.street = res.data.address_reference.town.title;
+              this.$store.commit('setAddress', {
+                street_id: street_id,
+                townName: town
+              });
+              uni.$emit('getLocation_succees', {
                 street_id,
               })
             }).catch(err => {
-            	uni.showToast({
-            		title: err,
-            		icon: 'none'
-            	})
-            	this.street = '定位失败'
+              uni.showToast({
+                title: err,
+                icon: 'none'
+              })
+              this.street = '定位失败'
             })
           }
         })
       },
-			goDetail(url) {
-				let urls = url.info[1].value
-				this.$util.JumpPath(urls);
-			},
-			//替换安全域名
-			setDomain: function(url) {
-				url = url ? url.toString() : '';
-				//本地调试打开,生产请注销
-				if (url.indexOf("https://") > -1) return url;
-				else return url.replace('http://', 'https://');
-			},
-			swiperChange(e) {
-				let {
-					current,
-					source
-				} = e.detail;
-				if (source === 'autoplay' || source === 'touch') {
-					this.swiperCur = e.detail.current;
-					this.bgColor = this.imgUrls[e.detail.current]['img']
-				}
-			},
-			textChange(e) {
-				let {
-					current,
-					source
-				} = e.detail;
-				if (source === 'autoplay' || source === 'touch') {
-					this.searchVal = this.hotWords[e.detail.current]['val']
-				}
-			},
-			/**显示全部分类*/
-			showCategory() {
-				this.isCategory = true;
-			},
-			/*跳转为页面*/
-			changeTab(item, index) {
-				if (this.tabClick == index) return
-				this.tabClick = index //设置导航点击了哪一个
-				this.isLeft = index * this.isWidth + 16 //设置下划线位置
-				this.tabId = item.info[1].value
-				this.bgColor = this.tabId ? item.img : this.dataConfig.swiperConfig.list[0]['img']
-				this.imgUrls = this.tabId ? [{
-					img: item.img
-				}] : this.dataConfig.swiperConfig.list
-				this.$emit('changeDiy', this.tabId);
-			}
-		},
-	}
+      goDetail(url) {
+        let urls = url.info[1].value
+        this.$util.JumpPath(urls);
+      },
+      //替换安全域名
+      setDomain: function(url) {
+        url = url ? url.toString() : '';
+        //本地调试打开,生产请注销
+        if (url.indexOf("https://") > -1) return url;
+        else return url.replace('http://', 'https://');
+      },
+      swiperChange(e) {
+        let {
+          current,
+          source
+        } = e.detail;
+        if (source === 'autoplay' || source === 'touch') {
+          this.swiperCur = e.detail.current;
+          this.bgColor = this.imgUrls[e.detail.current]['img']
+        }
+      },
+      textChange(e) {
+        let {
+          current,
+          source
+        } = e.detail;
+        if (source === 'autoplay' || source === 'touch') {
+          this.searchVal = this.hotWords[e.detail.current]['val']
+        }
+      },
+      /**显示全部分类*/
+      showCategory() {
+        this.isCategory = true;
+      },
+      /*跳转为页面*/
+      changeTab(item, index) {
+        if (this.tabClick == index) return
+        this.tabClick = index //设置导航点击了哪一个
+        this.isLeft = index * this.isWidth + 16 //设置下划线位置
+        this.tabId = item.info[1].value
+        this.bgColor = this.tabId ? item.img : this.dataConfig.swiperConfig.list[0]['img']
+        this.imgUrls = this.tabId ? [{
+          img: item.img
+        }] : this.dataConfig.swiperConfig.list
+        this.$emit('changeDiy', this.tabId);
+      }
+    },
+  }
 </script>
 
 <style lang="scss" scoped>
-	.page_count {
-		position: relative;
-		overflow: hidden;
+  .page_count {
+    position: relative;
+    overflow: hidden;
 
-		.bg-img {
-			position: absolute;
-			width: 100%;
-			height: 100%;
-			top: 0;
-			/* #ifdef MP || APP-PLUS */
-			z-index: -1;
-			/* #endif */
-			/* #ifdef H5 */
-			z-index: 0;
-			/* #endif */
-			z-index: 0;
-			filter: blur(0);
-			overflow: hidden;
+    .bg-img {
+      position: absolute;
+      width: 100%;
+      height: 100%;
+      top: 0;
+      /* #ifdef MP || APP-PLUS */
+      z-index: -1;
+      /* #endif */
+      /* #ifdef H5 */
+      z-index: 0;
+      /* #endif */
+      z-index: 0;
+      filter: blur(0);
+      overflow: hidden;
 
-			img {
-				width: 100%;
-				height: 100%;
-				filter: blur(30rpx);
-				transform: scale(1.5);
-			}
-		}
-	}
+      img {
+        width: 100%;
+        height: 100%;
+        filter: blur(30rpx);
+        transform: scale(1.5);
+      }
+    }
+  }
 
-	.my-main {
-		background-color: #40AE36;
+  .my-main {
+    background-color: #40AE36;
 
-		.location {
-			padding: 0 28rpx;
+    .location {
+      padding: 0 28rpx;
 
-			.box {
-				height: 98rpx;
-			}
+      .box {
+        height: 98rpx;
+      }
 
-			.town_name {
-				color: #fff;
-				margin-left: 18rpx;
-				font-size: 30rpx;
-			}
-		}
-	}
+      .town_name {
+        color: #fff;
+        margin-left: 18rpx;
+        font-size: 30rpx;
+      }
+    }
+  }
 
-	.swiperTxt {
-		width: 300rpx;
-		line-height: 64rpx;
-		height: 64rpx;
-		overflow: hidden;
-	}
+  .swiperTxt {
+    width: 300rpx;
+    line-height: 64rpx;
+    height: 64rpx;
+    overflow: hidden;
+  }
 
-	.swiperTxt .text {
-		width: 480rpx;
-	}
+  .swiperTxt .text {
+    width: 480rpx;
+  }
 
-	.swiperTxt .text .newsTitle {
-		width: 300rpx;
-		font-size: 24rpx;
-		color: #ffffff;
-	}
+  .swiperTxt .text .newsTitle {
+    width: 300rpx;
+    font-size: 24rpx;
+    color: #ffffff;
+  }
 
-	.swiperTxt swiper {
-		height: 100%;
-	}
+  .swiperTxt swiper {
+    height: 100%;
+  }
 
-	.header {
-		z-index: 99;
-		position: fixed;
-		left: 0;
-		width: 100%;
+  .header {
+    z-index: 99;
+    position: fixed;
+    left: 0;
+    width: 100%;
 
-		.btn {
-			position: relative;
-			margin-left: 30rpx;
+    .btn {
+      position: relative;
+      margin-left: 30rpx;
 
-			.iconfont {
-				font-size: 45rpx;
-			}
-		}
+      .iconfont {
+        font-size: 45rpx;
+      }
+    }
 
-		.iconnum {
-			min-width: 14rpx;
-			color: #E93323;
-			background: #fff;
-			border-radius: 15rpx;
-			position: absolute;
-			right: -10rpx;
-			top: -10rpx;
-			font-size: 10px;
-			padding: 0 5px;
-		}
+    .iconnum {
+      min-width: 14rpx;
+      color: #E93323;
+      background: #fff;
+      border-radius: 15rpx;
+      position: absolute;
+      right: -10rpx;
+      top: -10rpx;
+      font-size: 10px;
+      padding: 0 5px;
+    }
 
-		.serch-wrapper {
-			align-items: center;
-			padding: 20rpx 30rpx 20rpx 30rpx;
+    .serch-wrapper {
+      align-items: center;
+      padding: 20rpx 30rpx 20rpx 30rpx;
 
-			.logo {
-				width: 133rpx;
-				margin-right: 20rpx;
-			}
+      .logo {
+        width: 133rpx;
+        margin-right: 20rpx;
+      }
 
-			image {
-				width: 133rpx;
-				height: 66rpx;
-			}
+      image {
+        width: 133rpx;
+        height: 66rpx;
+      }
 
-			.box {
-				flex: 1;
-			}
+      .box {
+        flex: 1;
+      }
 
-			.input,
-			.uninput {
-				line-height: 64rpx;
-				height: 64rpx;
-				padding: 0 0 0 30rpx;
-				background: rgba(0, 0, 0, .2);
-				color: #fff;
-				border-radius: 30rpx;
-				font-size: 28rpx;
-				z-index: 2;
-				position: relative;
-				box-sizing: border-box;
+      .input,
+      .uninput {
+        line-height: 64rpx;
+        height: 64rpx;
+        padding: 0 0 0 30rpx;
+        background: rgba(0, 0, 0, .2);
+        color: #fff;
+        border-radius: 30rpx;
+        font-size: 28rpx;
+        z-index: 2;
+        position: relative;
+        box-sizing: border-box;
 
-				.iconfont {
-					position: absolute;
-					right: 20rpx;
-					top: 0;
-					color: #eeeeee;
-				}
-			}
-		}
-	}
+        .iconfont {
+          position: absolute;
+          right: 20rpx;
+          top: 0;
+          color: #eeeeee;
+        }
+      }
+    }
+  }
 
-	.mp-header {
-		z-index: 99;
-		position: fixed;
-		left: 0;
-		width: 100%;
+  .mp-header {
+    z-index: 99;
+    position: fixed;
+    left: 0;
+    width: 100%;
 
-		.box {
-			flex: 1;
-		}
+    .box {
+      flex: 1;
+    }
 
-		.serch-box {
-			margin-top: 10rpx;
-		}
+    .serch-box {
+      margin-top: 10rpx;
+    }
 
-		.serch-wrapper {
-			display: flex;
-			align-items: center;
-			// padding: 0 50rpx 20rpx 30rpx;
-			padding: 0 28rpx;
-			height: 76rpx;
+    .serch-wrapper {
+      display: flex;
+      align-items: center;
+      // padding: 0 50rpx 20rpx 30rpx;
+      padding: 0 28rpx;
+      height: 76rpx;
 
-			.logo {
-				width: 133rpx;
-				margin-right: 20rpx;
-				line-height: 0;
-			}
+      .logo {
+        width: 133rpx;
+        margin-right: 20rpx;
+        line-height: 0;
+      }
 
-			image {
-				width: 118rpx;
-				height: 42rpx;
-			}
+      image {
+        width: 118rpx;
+        height: 42rpx;
+      }
 
-			.input,
-			.uninput {
-				display: flex;
-				/* #ifdef MP */
-				flex: 0;
-				/* #endif */
-				/* #ifdef APP-PLUS */
-				flex: 1;
-				/* #endif */
-				flex: 1;
-				align-items: center;
-				height: 64rpx;
-				line-height: 64rpx;
-				padding: 0 50rpx 0 30rpx;
-				background: rgba(0, 0, 0, .2);
-				border-radius: 100rpx;
-				color: #ffffff;
-				font-size: 28rpx;
-				position: relative;
-				box-sizing: border-box;
+      .input,
+      .uninput {
+        display: flex;
+        /* #ifdef MP */
+        flex: 0;
+        /* #endif */
+        /* #ifdef APP-PLUS */
+        flex: 1;
+        /* #endif */
+        flex: 1;
+        align-items: center;
+        height: 64rpx;
+        line-height: 64rpx;
+        padding: 0 50rpx 0 30rpx;
+        background: rgba(0, 0, 0, .2);
+        border-radius: 100rpx;
+        color: #ffffff;
+        font-size: 28rpx;
+        position: relative;
+        box-sizing: border-box;
 
-				.iconfont {
-					position: absolute;
-					right: 20rpx;
-					top: 0;
-					color: #eeeeee;
-				}
-			}
+        .iconfont {
+          position: absolute;
+          right: 20rpx;
+          top: 0;
+          color: #eeeeee;
+        }
+      }
 
-			/* #ifdef MP */
-			.uninput {
-				max-width: 500rpx;
-			}
+      /* #ifdef MP */
+      .uninput {
+        max-width: 500rpx;
+      }
 
-			.input {
-				max-width: 340rpx;
-			}
+      .input {
+        max-width: 340rpx;
+      }
 
-			/* #endif */
-		}
-	}
+      /* #endif */
+    }
+  }
 
-	.tabNav {
-		padding-top: 10rpx;
-	}
+  .tabNav {
+    padding-top: 10rpx;
+  }
 
-	.navTabBox {
-		color: rgba(255, 255, 255, 1);
-		padding: 0 30rpx;
-		z-index: 10;
-		left: 0;
-		width: 100%;
-		box-sizing: border-box;
-		position: fixed;
+  .navTabBox {
+    color: rgba(255, 255, 255, 1);
+    padding: 0 30rpx;
+    z-index: 10;
+    left: 0;
+    width: 100%;
+    box-sizing: border-box;
+    position: fixed;
 
-		scroll-view {
-			width: 100%;
-			padding-right: 30rpx;
-			height: 70rpx;
-		}
+    scroll-view {
+      width: 100%;
+      padding-right: 30rpx;
+      height: 70rpx;
+    }
 
-		.click {
-			color: white;
-		}
+    .click {
+      color: white;
+    }
 
-		.longTab {
-			.longItem {
-				height: 50upx;
-				display: inline-block;
-				line-height: 50upx;
-				text-align: center;
-				font-size: 28rpx;
-				color: #FFFFFF;
-				max-width: 160rpx;
-				margin-right: 30rpx;
-				position: relative;
+    .longTab {
+      .longItem {
+        height: 50upx;
+        display: inline-block;
+        line-height: 50upx;
+        text-align: center;
+        font-size: 28rpx;
+        color: #FFFFFF;
+        max-width: 160rpx;
+        margin-right: 30rpx;
+        position: relative;
 
-				&:last-child {
-					margin-right: 0;
-				}
+        &:last-child {
+          margin-right: 0;
+        }
 
-				&.click {
-					font-weight: bold;
-					font-size: 30rpx;
-					color: #FFFFFF;
+        &.click {
+          font-weight: bold;
+          font-size: 30rpx;
+          color: #FFFFFF;
 
-					&::after {
-						content: '';
-						transition: .5s;
-						width: 33rpx;
-						height: 4rpx;
-						background: #FFFFFF;
-						position: absolute;
-						bottom: -4rpx;
-						left: 50%;
-						margin-left: -16rpx;
-					}
-				}
-			}
-		}
-	}
+          &::after {
+            content: '';
+            transition: .5s;
+            width: 33rpx;
+            height: 4rpx;
+            background: #FFFFFF;
+            position: absolute;
+            bottom: -4rpx;
+            left: 50%;
+            margin-left: -16rpx;
+          }
+        }
+      }
+    }
+  }
 
-	.scrolled {
-		z-index: 5000;
-		position: fixed;
-		min-height: 90rpx;
-		left: 0;
-		top: 0;
-		width: 100%;
-		// background: #fff!important;
-		background-image: url('https://lihai001.oss-cn-chengdu.aliyuncs.com/def/23bd9202402271611232730.png');
-		background-color: #f1f1f1;
-		/* 设置背景色 */
-		background-size: 100% 100%;
-		/* 让背景图片铺满整个盒子 */
-		background-repeat: no-repeat;
-		/* 不重复 */
-		transition: background-color .5s ease;
+  .scrolled {
+    z-index: 5000;
+    position: fixed;
+    min-height: 90rpx;
+    left: 0;
+    top: 0;
+    width: 100%;
+    // background: #fff!important;
+    background-image: url('https://lihai001.oss-cn-chengdu.aliyuncs.com/def/23bd9202402271611232730.png');
+    background-color: #f1f1f1;
+    /* 设置背景色 */
+    background-size: 100% 100%;
+    /* 让背景图片铺满整个盒子 */
+    background-repeat: no-repeat;
+    /* 不重复 */
+    transition: background-color .5s ease;
 
-		.longItem,
-		.click,
-		.category text {
-			color: #000000 !important;
-		}
+    .longItem,
+    .click,
+    .category text {
+      color: #000000 !important;
+    }
 
-		.navTabBox,
-		.mp-header,
-		.header {
-			// transition: background-color .5s ease;
-			// background: #ffffff;
-		}
+    .navTabBox,
+    .mp-header,
+    .header {
+      // transition: background-color .5s ease;
+      // background: #ffffff;
+    }
 
-		.btn .iconfont {
-			color: #333333 !important;
-		}
+    .btn .iconfont {
+      color: #333333 !important;
+    }
 
-		.iconnum {
-			background: #333333 !important;
-		}
+    .iconnum {
+      background: #333333 !important;
+    }
 
-		.underline {
-			background: #000000 !important;
-		}
+    .underline {
+      background: #000000 !important;
+    }
 
-		.click {
-			&::after {
-				background-color: #fff !important;
-			}
-		}
-	}
+    .click {
+      &::after {
+        background-color: #fff !important;
+      }
+    }
+  }
 
-	.swiperBg {
-		z-index: 1;
+  .swiperBg {
+    z-index: 1;
 
-		.colorBg {
-			position: absolute;
-			left: 0;
-			top: 0;
-			height: 130rpx;
-			width: 100%;
-		}
+    .colorBg {
+      position: absolute;
+      left: 0;
+      top: 0;
+      height: 130rpx;
+      width: 100%;
+    }
 
-		.page_swiper {
-			position: relative;
-			width: 100%;
-			height: auto;
-			margin: 0 auto;
-			border-radius: 10rpx;
-			overflow-x: hidden;
-			z-index: 8;
-			padding: 0 10rpx;
+    .page_swiper {
+      position: relative;
+      width: 100%;
+      height: auto;
+      margin: 0 auto;
+      border-radius: 10rpx;
+      overflow-x: hidden;
+      z-index: 8;
+      padding: 0 10rpx;
 
-			swiper-item {
-				border-radius: 10rpx;
-			}
+      swiper-item {
+        border-radius: 10rpx;
+      }
 
-			.swiper-item,
-			image,
-			.acea-row.row-between-wrapper {
-				width: 100%;
-				margin: 0 auto;
-				border-radius: 10rpx;
-			}
+      .swiper-item,
+      image,
+      .acea-row.row-between-wrapper {
+        width: 100%;
+        margin: 0 auto;
+        border-radius: 10rpx;
+      }
 
-			swiper {
-				width: 100%;
-				display: block;
-				height: auto;
+      swiper {
+        width: 100%;
+        display: block;
+        height: auto;
 
-				&.scalex {
-					/deep/.uni-swiper-slide-frame {
-						transform: translate(0, 0) !important;
-					}
-				}
-			}
+        &.scalex {
+          /deep/.uni-swiper-slide-frame {
+            transform: translate(0, 0) !important;
+          }
+        }
+      }
 
-			image {
-				transform: scale(0.93);
-				transition: all 0.6s ease;
-			}
+      image {
+        transform: scale(0.93);
+        transition: all 0.6s ease;
+      }
 
-			swiper-item.active,
-			swiper-item.scalex {
-				image {
-					transform: scale(1);
-				}
-			}
+      swiper-item.active,
+      swiper-item.scalex {
+        image {
+          transform: scale(1);
+        }
+      }
 
-			/*用来包裹所有的小圆点  */
-			.dots {
-				width: 156rpx;
-				height: 36rpx;
-				display: flex;
-				flex-direction: row;
-				position: absolute;
-				left: 320rpx;
-				bottom: 0;
-			}
+      /*用来包裹所有的小圆点  */
+      .dots {
+        width: 156rpx;
+        height: 36rpx;
+        display: flex;
+        flex-direction: row;
+        position: absolute;
+        left: 320rpx;
+        bottom: 0;
+      }
 
-			/*未选中时的小圆点样式 */
-			.dot {
-				width: 16rpx;
-				height: 6rpx;
-				border-radius: 6rpx;
-				margin-right: 6rpx;
-				background-color: rgba(255, 255, 255, .4);
+      /*未选中时的小圆点样式 */
+      .dot {
+        width: 16rpx;
+        height: 6rpx;
+        border-radius: 6rpx;
+        margin-right: 6rpx;
+        background-color: rgba(255, 255, 255, .4);
 
-				/*选中以后的小圆点样式  */
-				&.active {
-					width: 32rpx;
-					height: 6rpx;
-					background-color: rgba(255, 255, 255, .4);
-				}
-			}
-		}
-	}
+        /*选中以后的小圆点样式  */
+        &.active {
+          width: 32rpx;
+          height: 6rpx;
+          background-color: rgba(255, 255, 255, .4);
+        }
+      }
+    }
+  }
 
-	/deep/.dot0 .uni-swiper-dots-horizontal {
-		left: 10%;
-	}
+  /deep/.dot0 .uni-swiper-dots-horizontal {
+    left: 10%;
+  }
 
-	/deep/.dot1 .uni-swiper-dots-horizontal {
-		left: 50%;
-	}
+  /deep/.dot1 .uni-swiper-dots-horizontal {
+    left: 50%;
+  }
 
-	/deep/.dot2 .uni-swiper-dots-horizontal {
-		left: 90%;
-	}
+  /deep/.dot2 .uni-swiper-dots-horizontal {
+    left: 90%;
+  }
 </style>
\ No newline at end of file
diff --git a/pages/newActivity/share/share.vue b/pages/newActivity/share/share.vue
index c140828..9e42072 100644
--- a/pages/newActivity/share/share.vue
+++ b/pages/newActivity/share/share.vue
@@ -31,9 +31,14 @@
 				let that = this;
 				uni.downloadFile({
 					url: imageUrl,
-					success(res) {
+					success: async (res)=> {
 						if (res.statusCode === 200) {
 							let tempFilePath = res.tempFilePath; // 临时文件路径
+              // #ifdef APP-PLUS
+              let result = await this.$store.dispatch("permission/requestPermissions",
+                'WRITE_EXTERNAL_STORAGE')
+              if (result !== 1) return;
+              // #endif
 							uni.saveImageToPhotosAlbum({
 								filePath: tempFilePath,
 								success() {
diff --git a/pages/select_address_n/select_address_n.nvue b/pages/select_address_n/select_address_n.nvue
index 95520dd..942f13a 100644
--- a/pages/select_address_n/select_address_n.nvue
+++ b/pages/select_address_n/select_address_n.nvue
@@ -1,8 +1,8 @@
 <template>
   <view class="" style="background-color: #fff;">
-   <u-sticky customNavHeight="0">
+    <u-sticky customNavHeight="0">
       <view class="head_top">
-       <!-- <u-search placeholder="搜索小区、办公楼等" @custom="searchMap"></u-search>
+        <!-- <u-search placeholder="搜索小区、办公楼等" @custom="searchMap"></u-search>
         <view style="height: 20rpx;"></view> -->
         <u-tabs :list="tabsList" itemStyle="font-size: 32rpx;height: 74rpx;" :current="current" @change="changeCurrent"
           lineColor="#FF6D20" lineWidth="105rpx" height="7rpx"></u-tabs>
@@ -97,8 +97,19 @@
       }
     },
     onLoad(options) {
+      // #ifdef APP-PLUS
+      this.$store.dispatch("permission/requestPermissions",
+        'ACCESS_FINE_LOCATION').then(result => {
+        if (result == 1) {
+          this.getLoaction();
+          this.loadArea();
+        }
+      })
+      // #endif
+      // #ifndef APP-PLUS
       this.getLoaction();
       this.loadArea();
+      // #endif
     },
     onShow() {},
     computed: {
@@ -250,7 +261,7 @@
             latitude: this.latitude,
             longitude: this.longitude
           }
-          console.log({...obj});
+          console.log({ ...obj });
           uni.navigateBack({
             success: () => {
               uni.$emit('changeAddress', obj)
@@ -260,7 +271,7 @@
           return Toast('地址有误,请重新选择')
         }
       },
-      searchMap(){
+      searchMap() {
         uni.request({
           url: 'https://restapi.amap.com/v3/place/text?keywords=北京大学&city=beijing&offset=20&page=1&key=0799f37420c0784f1e6cba230a68bdb1&extensions=all',
           success: (res) => {
diff --git a/pages/users/order_confirm/index.vue b/pages/users/order_confirm/index.vue
index 9316d52..168f5f6 100644
--- a/pages/users/order_confirm/index.vue
+++ b/pages/users/order_confirm/index.vue
@@ -1564,7 +1564,7 @@
 								title: '下单成功,请上传支付凭证!'
 							}, {
 								tab: 5,
-								url: "/pages/users/order_list/index"
+								url: "/pages/users/order_list/index?sale_type="+ this.sale_type
 							});
 							break;
 							// #ifdef H5
diff --git a/pages/users/user_info/index.vue b/pages/users/user_info/index.vue
index e6e0b9b..b638fa3 100644
--- a/pages/users/user_info/index.vue
+++ b/pages/users/user_info/index.vue
@@ -245,7 +245,15 @@
 			 * 上传图片文件
 			 *
 			 */
-			uploadpic: function() {
+			uploadpic: async function() {
+        // #ifdef APP-PLUS
+        let result = await this.$store.dispatch("permission/requestPermissions",
+        	'CAMERA')
+        if (result !== 1) return;
+        result = await this.$store.dispatch("permission/requestPermissions",
+        	'READ_EXTERNAL_STORAGE')
+        if (result !== 1) return;
+        // #endif	
 				let that = this;
 				if (that.open_update_info == 0) {
 					return;
diff --git a/store/modules/index.js b/store/modules/index.js
index 6703754..86ed1e9 100644
--- a/store/modules/index.js
+++ b/store/modules/index.js
@@ -9,7 +9,9 @@
 // +----------------------------------------------------------------------
 import app from "./app";
 import storage from "./storage.js";
+import permission from "./permission.js";
 export default {
   app,
-  storage
+  storage,
+  permission
 };
\ No newline at end of file
diff --git a/store/modules/permission.js b/store/modules/permission.js
new file mode 100644
index 0000000..8886a03
--- /dev/null
+++ b/store/modules/permission.js
@@ -0,0 +1,249 @@
+// 权限说明
+
+const state = {
+    WRITE_EXTERNAL_STORAGE: false,
+    READ_EXTERNAL_STORAGE: false,
+    CAMERA: false,
+    CALL_PHONE: false,
+    ACCESS_FINE_LOCATION: false,
+    /* #ifdef APP-PLUS */
+    isIos: plus.os.name == "iOS",
+    /* #endif */
+    mapping: {
+        'WRITE_EXTERNAL_STORAGE': {
+            title: "存储空间/照片权限说明",
+            content: "便于您使用该功能上传您的照片/图片/视频及用于更换头像、发布评论/分享、下载、与客服沟通等场景中读取和写入相册和文件内容。",
+            methods: 'SET_WRITE_EXTERNAL_STORAGE'
+        },
+        'READ_EXTERNAL_STORAGE': {
+            title: "存储空间/照片权限说明",
+            content: "便于您使用该功能上传您的照片/图片/视频及用于更换头像、发布评论/分享、下载、与客服沟通等场景中读取和写入相册和文件内容。",
+            methods: 'SET_READ_EXTERNAL_STORAGE'
+        },
+        'CAMERA': {
+            title: "相机/存储空间/照片权限说明",
+            content: "便于您使用该功能上传您的照片/图片/视频及用于更换头像、发布评论/分享、下载、与客服沟通等场景中读取和写入相册和文件内容。",
+            methods: 'SET_CAMERA'
+        },
+        'CALL_PHONE': {
+            title: "拨打/管理电话权限说明",
+            content: "便于您使用该功能联系商家或者商家与您联系等场景",
+            methods: 'SET_CALL_PHONE'
+        },
+        'ACCESS_FINE_LOCATION': {
+            title: "获取位置权限说明",
+            content: "便于您使用该功能查看附近店铺/附近商品/店铺所在位置等场景",
+            methods: 'SET_ACCESS_FINE_LOCATION'
+        }
+    }
+}
+const mutations = {
+    SET_WRITE_EXTERNAL_STORAGE(state, val) {
+        state.WRITE_EXTERNAL_STORAGE = val
+    },
+    SET_CALL_PHONE(state, val) {
+        state.CALL_PHONE = val
+    },
+    SET_READ_EXTERNAL_STORAGE(state, val) {
+        state.READ_EXTERNAL_STORAGE = val
+    },
+    SET_CAMERA(state, val) {
+        state.CAMERA = val
+    },
+    SET_ACCESS_FINE_LOCATION(state, val) {
+        state.ACCESS_FINE_LOCATION = val
+    },
+}
+const actions = {
+    //权限获取
+    async requestPermissions({
+        state,
+        dispatch,
+        commit
+    }, permissionID) {
+        try {
+            if (!state[permissionID] && !state.isIos) {
+                var viewObj = await dispatch('nativeObjView', permissionID);
+                viewObj.show();
+            }
+            console.log('android.permission.' + permissionID, '当前手机权限');
+            return new Promise(async (resolve, reject) => {
+                 //苹果不需要这个
+                if(state.isIos){
+                    resolve(1);
+                    return
+                }
+                // Android权限查询
+                function requestAndroidPermission(permissionID_) {
+                    return new Promise((resolve, reject) => {
+                        plus.android.requestPermissions(
+                            [
+                                permissionID_
+                            ], // 理论上支持多个权限同时查询，但实际上本函数封装只处理了一个权限的情况。有需要的可自行扩展封装
+                            function (resultObj) {
+                                var result = 0;
+                                for (var i = 0; i < resultObj.granted.length; i++) {
+                                    var grantedPermission = resultObj.granted[i];
+                                    console.log('已获取的权限：' + grantedPermission);
+                                    result = 1
+                                }
+                                for (var i = 0; i < resultObj.deniedPresent
+                                    .length; i++) {
+                                    var deniedPresentPermission = resultObj
+                                        .deniedPresent[
+                                        i];
+                                    console.log('拒绝本次申请的权限：' + deniedPresentPermission);
+                                    result = 0
+                                }
+                                for (var i = 0; i < resultObj.deniedAlways
+                                    .length; i++) {
+                                    var deniedAlwaysPermission = resultObj.deniedAlways[
+                                        i];
+                                    console.log('永久拒绝申请的权限：' + deniedAlwaysPermission);
+                                    result = -1
+                                }
+                                resolve(result);
+                            },
+                            function (error) {
+                                console.log('申请权限错误：' + error.code + " = " + error
+                                    .message);
+                                resolve({
+                                    code: error.code,
+                                    message: error.message
+                                });
+                            }
+                        );
+                    });
+                }
+ 
+                const result = await requestAndroidPermission(
+                    'android.permission.' + permissionID
+                );
+                if (result === 1) {
+                    //'已获得授权'
+                    commit(state.mapping[permissionID].methods, true)
+                } else if (result === 0) {
+                    //'未获得授权'
+                    commit(state.mapping[permissionID].methods, false)
+                } else {
+                    commit(state.mapping[permissionID].methods, true)
+                    uni.showModal({
+                        title: '提示',
+                        content: '操作权限已被拒绝，请手动前往设置',
+                        confirmText: "立即设置",
+                        success: (res) => {
+                            if (res.confirm) {
+                                dispatch('gotoAppPermissionSetting')
+                            }
+                        }
+                    })
+                }
+                if (viewObj) viewObj.close()
+                resolve(result);
+            });
+        } catch (error) {
+            console.log(error);
+            reject(error);
+        }
+    },
+    //提示框
+    nativeObjView({
+        state
+    }, permissionID) {
+        const systemInfo = uni.getSystemInfoSync();
+        const statusBarHeight = systemInfo.statusBarHeight;
+        const navigationBarHeight = systemInfo.platform === 'android' ? 48 :
+            44; // Set the navigation bar height based on the platform
+        const totalHeight = statusBarHeight + navigationBarHeight;
+        let view = new plus.nativeObj.View('per-modal', {
+            top: '0px',
+            left: '0px',
+            width: '100%',
+            backgroundColor: '#444',
+            //opacity: .5;
+        })
+        view.drawRect({
+            color: '#fff',
+            radius: '5px'
+        }, {
+            top: totalHeight + 'px',
+            left: '5%',
+            width: '90%',
+            height: "100px",
+        })
+        view.drawText(state.mapping[permissionID].title, {
+            top: totalHeight + 5 + 'px',
+            left: "8%",
+            height: "30px"
+        }, {
+            align: "left",
+            color: "#000",
+        }, {
+            onClick: function (e) {
+                console.log(e);
+            }
+        })
+        view.drawText(state.mapping[permissionID].content, {
+            top: totalHeight + 35 + 'px',
+            height: "60px",
+            left: "8%",
+            width: "84%"
+        }, {
+            whiteSpace: 'normal',
+            size: "14px",
+            align: "left",
+            color: "#656563"
+        })
+ 
+        function show() {
+            view = plus.nativeObj.View.getViewById('per-modal');
+            view.show()
+            view = null//展示的时候也得清空，不然影响下次的关闭，不知道为啥
+        }
+ 
+        function close() {
+            view = plus.nativeObj.View.getViewById('per-modal');
+            view.close();
+            view = null
+        }
+        return {
+            show,
+            close
+        }
+    },
+ 
+    // 跳转到**应用**的权限页面
+    gotoAppPermissionSetting({
+        state
+    }) {
+        if (state.isIos) {
+            var UIApplication = plus.ios.import("UIApplication");
+            var application2 = UIApplication.sharedApplication();
+            var NSURL2 = plus.ios.import("NSURL");
+            // var setting2 = NSURL2.URLWithString("prefs:root=LOCATION_SERVICES");		
+            var setting2 = NSURL2.URLWithString("app-settings:");
+            application2.openURL(setting2);
+ 
+            plus.ios.deleteObject(setting2);
+            plus.ios.deleteObject(NSURL2);
+            plus.ios.deleteObject(application2);
+        } else {
+            // console.log(plus.device.vendor);
+            var Intent = plus.android.importClass("android.content.Intent");
+            var Settings = plus.android.importClass("android.provider.Settings");
+            var Uri = plus.android.importClass("android.net.Uri");
+            var mainActivity = plus.android.runtimeMainActivity();
+            var intent = new Intent();
+            intent.setAction(Settings.ACTION_APPLICATION_DETAILS_SETTINGS);
+            var uri = Uri.fromParts("package", mainActivity.getPackageName(), null);
+            intent.setData(uri);
+            mainActivity.startActivity(intent);
+        }
+    }
+}
+export default {
+    namespaced: true,
+    state,
+    mutations,
+    actions
+};
\ No newline at end of file