diff --git a/my/order/revenueDetails.vue b/my/order/revenueDetails.vue
index 0bf2ca4..b7984c6 100644
--- a/my/order/revenueDetails.vue
+++ b/my/order/revenueDetails.vue
@@ -19,10 +19,9 @@
 						<view class="mian-top-head">
 							<image v-if="order && order.ordersMassageList"
 								:src="(order.ordersMassageList[0].massageType || {}).massageImg"
-								 class="mian-top-head-img"></image>
+								class="mian-top-head-img"></image>
 							<view class="mian-top-head-right">
 								<view class="mian-title" v-if="order && order.ordersMassageList">
-									
 									<view class="mian-title-view">{{order.entryName}}</view>
 									<!-- <view class="nav-btn" v-if="order.status ==1">待支付</view> -->
 									<view class="nav-btn" v-if="order.status ==2">待服务</view>
@@ -35,20 +34,19 @@
 									<view class="nav-btn" v-if="order.status ==9">确认接单</view>
 								</view>
 								<view class="mian-time" v-if="order && order.ordersMassageList">
-									<text class="title-font">服务时长：</text><text class="value-font">{{order.duration}}分钟</text>
+									<text class="title-font">服务时长：</text><text
+										class="value-font">{{order.duration}}分钟</text>
 								</view>
-								
 								<view class="mian-money" style="justify-content: space-between;">
 									<view class="flex" style="flex-direction: row;align-items: center;">
-										<view class="mian-money-title">项目价格：</view>
-										<view class="mian-money-num">
+										<view class="title-font">项目价格：</view>
+										<view class="value-font">
 											<span class="fuhao">￥</span>
 											<span class="number">
 												{{order.priceMarkup}}
 											</span>
 										</view>
 									</view>
-									
 									<view class="jiajian">
 										<view class="jian">-</view>
 										<view class="view-num">{{order.massageNum}}</view>
@@ -60,9 +58,10 @@
 						</view>
 						<view class="mian-top-foot" @tap="bindGps(order.latitude,order.longitude,order.address)">
 							<view class="mian-top-foot-view">
-								<view class="title-font">客户信息: </view>
+								<view class="title-font">客户信息：</view>
 								<view class="value-font">
-									<span @tap.stop="copyAddress()" v-if="order.status !=1 && order.status !=5 && order.status !=3 && order.status !=4">
+									<span @tap.stop="copyAddress()"
+										v-if="order.status !=1 && order.status !=5 && order.status !=3 && order.status !=4">
 										{{order.userName}}
 										{{order.phone ? order.phone.substring(0,3) + '****' + order.phone.substring(7,11) : ''}}
 										<u-icon name="file-text"></u-icon>
@@ -75,219 +74,205 @@
 								</view>
 							</view>
 							<view class="mian-top-foot-view" style="margin-top: 5px;">
-								<view class="mian-top-foot-view-title title-font">服务地址: </view>
-								<view class="mian-top-foot-view-text" style="width: 70%;text-align: right;">
+								<view class="title-font">服务地址：</view>
+								<view class="value-font" style="width: 75%;text-align: right;">
 									{{order.address}}
 								</view>
 							</view>
 						</view>
 					</view>
-					<view class="mina-title">
-						<span class="mina-title-text">项目信息</span>
-						<span class="mina-title-bor"></span>
-					</view>
 					<view class="mian-view">
+						<view class="mina-title">
+							<span class="mina-title-text">订单信息</span>
+							<span class="mina-title-bor"></span>
+						</view>
 						<view class="mian-view-list" @tap="copy(order.ordersNo)">
-							<span class="mian-view-list-title">订单编号</span>
-							<span class="mian-view-list-text">
+							<span class="title-font">订单编号</span>
+							<span class="value-font">
 								{{order.ordersNo}}
-								<u-icon name="file-text"/>
+								<u-icon name="file-text" />
 							</span>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">预约时间</span>
-							<span class="mian-view-list-text">{{order.serveTime}}</span>
+							<span class="title-font">预约时间</span>
+							<span class="value-font">{{order.serveTime}}</span>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">下单时间</span>
-							<span class="mian-view-list-text">{{order.createTime}}</span>
+							<span class="title-font">下单时间</span>
+							<span class="value-font">{{order.createTime}}</span>
 						</view>
-					</view>
-					<view class="mina-title">
-						<span class="mina-title-text">订单费用</span>
-						<span class="mina-title-bor"></span>
-					</view>
-					<view class="mian-view">
-						<view class="mian-view-list" v-if="order.oldOrdersMassageList[0].userPackageDetail">
-							<view class="mian-view-list-title">{{order.packageType=='104'?'套餐':order.packageType=='105'?'次卡':order.packageType=='106'?'疗程':'其他'}}名称</view>
-							<span class="mian-view-list-text">
-								{{order.oldOrdersMassageList[0].userPackageDetail.mainTitle}}
-							</span>
+						<view class="mian-content-textarea" v-if="order.remark!=null&&order.remark!=''">
+							<span class="title-font">服务备注</span>
+							<textarea class="textarea-mian" :disabled="true" v-model="order.remark"></textarea>
 						</view>
+						<view class="mian-content-textarea" v-if="order.earlyFinishReason!=null&&order.remark!=''">
+							<span class="title-font">提前结束原因</span>
+							<textarea class="textarea-mian" :disabled="true"
+								v-model="order.earlyFinishReason"></textarea>
+						</view>
+						<view class="jusitify-line-end"></view>
+						<view class="mina-title">
+							<span class="mina-title-text">订单费用</span>
+							<span class="mina-title-bor"></span>
+						</view>
+						<!--						<view class="mian-view-list" v-if="order.oldOrdersMassageList[0].userPackageDetail">-->
+						<!--							<view class="title-font">{{order.packageType=='104'?'套餐':order.packageType=='105'?'次卡':order.packageType=='106'?'疗程':'其他'}}名称</view>-->
+						<!--							<span class="value-font">-->
+						<!--								{{order.oldOrdersMassageList[0].userPackageDetail.mainTitle}}-->
+						<!--							</span>-->
+						<!--						</view>-->
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">服务项目</span>
-							<span class="mian-view-list-text" v-if="order && order.ordersMassageList">
+							<span class="title-font">服务项目</span>
+							<span class="value-font" v-if="order && order.ordersMassageList">
 								{{order.oldEntryName}}
 							</span>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">项目金额</span>
-							<span class="mian-view-list-text">￥{{order.oldMassagePrice}}</span>
+							<span class="title-font">服务时长</span>
+							<span class="value-font">{{order.oldMassageDuration}}分钟</span>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">项目收益</span>
-							<span class="mian-view-list-text" v-if="order.isSupplement">￥{{order.oldProjectBenefits}}</span>
-							<span class="mian-view-list-text" v-else>￥{{order.projectBenefits}}</span>
+							<span class="title-font">项目金额</span>
+							<span class="value-font">￥{{order.oldPriceMarkup}}</span>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">会员减免</span>
-							<span class="mian-view-list-text" style="color: #FF6000;">-￥{{order.vipReductionMoney}}</span>
+							<span class="title-font">会员减免</span>
+							<span class="value-font" style="color: #FF6000;">-￥{{order.oldVipReductionMoney}}</span>
+						</view>
+						<view class="mian-view-list" style="justify-content: flex-end;">
+							<view class="title-font">项目小计：</view>
+							<view class="value-font" style="font-weight: bold;">￥<text>{{order.oldMassageMoney}}</text>
+							</view>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">是否提前结束</span>
-							<span class="mian-view-list-text">{{order.earlyFinishReason!=null?'是':'-'}}</span>
+							<span class="title-font">优惠券</span>
+							<span class="value-font" style="color: #FF6000;"
+								v-if="order.couponMoney">-￥{{order.couponMoney}}</span>
+							<span class="value-font" v-else>-</span>
 						</view>
-						<view class="mian-content-textarea">
-							<span class="mian-view-list-title"  style="margin: 10px 0px;">提前结束原因</span>
-							<textarea class="textarea-mian" :disabled="true"  v-model="order.earlyFinishReason"  maxlength="100" name="" id=""></textarea>
+						<view class="mian-view-list" style="justify-content: flex-end;">
+							<view class="title-font">收益小计：</view>
+							<view class="value-font" style="font-weight: bold;" v-if="order.isSupplement">
+								￥<text>{{order.oldProjectBenefits}}</text></view>
+							<view class="value-font" style="font-weight: bold;" v-else>
+								￥<text>{{order.projectBenefits}}</text></view>
+						</view>
+						<view class="jusitify-line-end"></view>
+						<view class="mina-title">
+							<span class="mina-title-text">出行费用</span>
+							<span class="mina-title-bor"></span>
 						</view>
-					</view>
-					<view class="mina-title">
-						<span class="mina-title-text">出行费用</span>
-						<span class="mina-title-bor"></span>
-					</view>
-					<view class="mian-view">
 						<view class="mian-view-list" v-if="order.tripWay">
-							<view class="mian-view-list-title">出行方式</view>
-							<view v-if="order.tripWay == 1" class="mian-view-list-text">公交</view>
-							<view v-if="order.tripWay == 2" class="mian-view-list-text">出租</view>
-							<view v-if="order.tripWay == 3" class="mian-view-list-text">免费</view>
+							<view class="title-font">出行方式</view>
+							<view v-if="order.tripWay == 1" class="value-font">公交</view>
+							<view v-if="order.tripWay == 2" class="value-font">出租</view>
+							<view v-if="order.tripWay == 3" class="value-font">免费</view>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">全程距离</span>
-							<span class="mian-view-list-text">{{order.km}}km</span>
+							<span class="title-font">全程距离</span>
+							<span class="value-font">{{order.km}}km</span>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">车费收益</span>
-							<span class="mian-view-list-text">￥{{order.artificerTaxiMoney}}</span>			
+							<view class="title-font">出行费用</view>
+							<view class="value-font">￥{{order.usualTravelMoney}}</view>
 						</view>
-					</view>
-					<view class="mina-title">
-						<span class="mina-title-text">优惠卷信息</span>
-						<span class="mina-title-bor"></span>
-					</view>
-					<view class="mian-view">
-						<view class="mian-view-list">
-							<span class="mian-view-list-title">优惠券</span>
-							<span class="mian-view-list-text" style="color: #FF6000;" v-if="order.couponMoney">-￥{{order.couponMoney}}</span>
-							<span class="mian-view-list-text" v-else>-</span>
+						<view class="mian-view-list" v-if="order.nightTravelMoney">
+							<view class="title-font">夜间出行</view>
+							<view class="value-font">￥{{order.nightTravelMoney}}</view>
 						</view>
-					</view>
-					<view class="mina-title" v-if="order.addNum!=null">
-						<span class="mina-title-text">加钟信息</span>
-						<span class="mina-title-bor"></span>
-					</view>
-					<view class="mian-view" v-if="order.addNum!=null">
-						<view class="mian-view-list">
-							<span class="mian-view-list-title">是否加钟</span>
-							<span class="mian-view-list-text">{{order.addNum!=null?'是':'否'}}</span>
+						<view class="mian-view-list" style="justify-content: flex-end;">
+							<span class="title-font">收益小计：</span>
+							<span class="value-font" style="font-weight: bold;">￥{{order.artificerTaxiMoney}}</span>
+						</view>
+						<view class="jusitify-line-end"></view>
+						<view class="mina-title">
+							<span class="mina-title-text">升级服务</span>
+							<span class="mina-title-bor"></span>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">服务项目</span>
-							<span class="mian-view-list-text">{{order.addEntryName!=null?order.addEntryName:'-'}}</span>
+							<span class="title-font">服务项目</span>
+							<span class="value-font">{{order.entryName}}</span>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">项目价格</span>
-							<span class="mian-view-list-text" v-if="order.addPrice!=null">￥{{order.addPrice}}</span>
-							<span class="mian-view-list-text" v-else>-</span>
+							<view class="title-font">服务时长</view>
+							<view class="value-font">{{order.duration}}分钟</view>
 						</view>
 						<view class="mian-view-list">
-							<view class="mian-view-list-title">会员减免</view>
-							<view class="mian-view-list-text" style="color: #FF6000;">-￥{{order.addVipReductionMoney}}</view>
+							<span class="title-font">项目金额</span>
+							<span class="value-font" v-if="order.priceMarkup!=null">￥{{order.priceMarkup}}</span>
+							<span class="value-font" v-else>-</span>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">服务时长</span>
-							<span class="mian-view-list-text">{{order.addTime}}分钟</span>
+							<span class="title-font">升级差价</span>
+							<span class="value-font">￥{{(order.priceMarkup - order.oldPriceMarkup).toFixed(0)}}</span>
 						</view>
-<!-- 						<view class="mian-view-list">
-							<span class="mian-view-list-title">加钟数量</span>
-							<span class="mian-view-list-text">{{order.addNum!=null?order.addNum:'-'}}</span>
-						</view> -->					
-						<!-- <view class="mian-view-list">
-							<span class="mian-view-list-title">加钟费用</span>
-							<span class="mian-view-list-text" v-if="order.addArtificerMoney!=null">￥{{order.addArtificerMoney}}</span>
-							<span class="mian-view-list-text" v-else>-</span>
-						</view> -->
-						<view class="yingde" style="background: #EBEBEB;">
-							<view class="yingde-title">加钟收益</view>
-							<view class="yingde-money" v-if="order.addArtificerMoney!=null">
-								<span class="fuhao-hei">￥</span>
-								<span class="num-hei">{{order.addArtificerMoney}}</span>
+						<view class="mian-view-list">
+							<view class="title-font">会员减免</view>
+							<view class="value-font" style="color: #FF6000;">-￥{{order.vipReductionMoney}}</view>
+						</view>
+						<view class="mian-view-list" style="justify-content: flex-end;">
+							<view class="title-font">收益小计：</view>
+							<view class="value-font" style="font-weight: bold;">￥<text>{{order.artificerMoney}}</text>
 							</view>
-							<span class="mian-view-list-text" v-else>-</span>
 						</view>
-					</view>
-					<view class="mina-title">
-						<span class="mina-title-text">服务升级</span>
-						<span class="mina-title-bor"></span>
-					</view>
-					<view class="mian-view">
-						<view class="mian-view-list">
-							<span class="mian-view-list-title">是否升级</span>
-							<span class="mian-view-list-text">{{order.oldOrdersId!=null?'是':'否'}}</span>
-						</view>
-						<view class="mian-view-list">
-							<span class="mian-view-list-title">升级前项目</span>
-							<span class="mian-view-list-text">{{order.oldEntryName}}</span>
-						</view>
-						<view class="mian-view-list">
-							<span class="mian-view-list-title">升级前价格</span>
-							<span class="mian-view-list-text" v-if="order.oldMassagePrice!=null">￥{{order.oldMassagePrice}}</span>
-							<span class="mian-view-list-text" v-else>-</span>
-						</view>
-						<view class="mian-view-list">
-							<span class="mian-view-list-title">升级后价格</span>
-							<span class="mian-view-list-text" v-if="order.massagePrice!=null">￥{{order.massagePrice}}</span>
-							<span class="mian-view-list-text" v-else>-</span>
-						</view>
-						<view class="mian-view-list">
-							<view class="mian-view-list-title">会员减免</view>
-							<view class="mian-view-list-text" style="color: #FF6000;">-￥{{order.vipReductionMoney}}</view>
-						</view>
-						<view class="mian-view-list">
-							<span class="mian-view-list-title">支付差价</span>
-							<span class="mian-view-list-text" v-if="order.payMoney!=null">￥{{order.payMoney}}</span>
-							<span class="mian-view-list-text" v-else>-</span>
-						</view>
-						<view class="yingde" style="background: #EBEBEB;">
-							<view class="yingde-title">升级收益</view>
-							<view class="yingde-money" v-if="order.artificerMoney!=null">
-								<span class="fuhao-hei">￥</span>
-								<span class="num-hei">{{order.artificerMoney}}</span>
+						<view v-if="order.addNum!=null">
+							<view class="jusitify-line-end"></view>
+							<view class="mina-title">
+								<span class="mina-title-text">加钟信息</span>
+								<span class="mina-title-bor"></span>
+							</view>
+							<view class="mian-view-list">
+								<span class="title-font">服务项目</span>
+								<span class="value-font">{{order.addEntryName!=null?order.addEntryName:'-'}}</span>
+							</view>
+							<view class="mian-view-list">
+								<span class="title-font">服务时长</span>
+								<span class="value-font">{{order.addTime}}分钟</span>
+							</view>
+							<view class="mian-view-list">
+								<span class="title-font">项目金额</span>
+								<span class="value-font"
+									v-if="order.addPriceMarkup!=null">￥{{order.addPriceMarkup}}</span>
+								<span class="value-font" v-else>-</span>
+							</view>
+							<view class="mian-view-list">
+								<view class="title-font">会员减免</view>
+								<view class="value-font" style="color: #FF6000;">-￥{{order.addVipReductionMoney}}</view>
+							</view>
+							<view class="mian-view-list" style="justify-content: flex-end;">
+								<view class="title-font">收益小计：</view>
+								<view class="value-font" style="font-weight: bold;">
+									￥<text>{{order.addArtificerMoney}}</text></view>
 							</view>
-							<span class="mian-view-list-text" v-else>-</span>
 						</view>
-					</view>
-					<view class="mina-title">
-						<span class="mina-title-text">预计收益</span>
-						<span class="mina-title-bor"></span>
-					</view>
-					<view class="mian-content" style="margin-bottom: 10px;">
-						<view class="mian-view-list">
-							<span class="mian-view-list-title">提成比例</span>
-							<span class="mian-view-list-text">{{order.artificerRate*100}}%</span>
+						<view class="jusitify-line-end"></view>
+						<view class="mina-title">
+							<span class="mina-title-text">预计收益</span>
+							<span class="mina-title-bor"></span>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">项目收益</span>
-							<span class="mian-view-list-text" v-if="order.isSupplement">￥{{order.oldProjectBenefits}}</span>
-							<span class="mian-view-list-text" v-else>￥{{order.projectBenefits}}</span>
+							<span class="title-font">提成比例</span>
+							<span class="value-font" style="font-weight: bold;">{{order.artificerRate*100}}%</span>
 						</view>
-						<!-- <view class="mian-view-list">
-							<span class="mian-view-list-title">优惠券</span>
-							<span class="mian-view-list-text" style="color: #FF6000;" v-if="order.couponMoney">-￥{{order.couponMoney}}</span>
-							<span class="mian-view-list-text" style="color: #FF6000;" v-else>-</span>
-						</view> -->
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">车费收益</span>
-							<span class="mian-view-list-text">￥{{order.artificerTaxiMoney}}</span>
+							<span class="title-font">项目收益</span>
+							<span class="value-font" style="font-weight: bold;"
+								v-if="order.isSupplement">￥{{order.oldProjectBenefits}}</span>
+							<span class="value-font" style="font-weight: bold;" v-else>￥{{order.projectBenefits}}</span>
+						</view>
+						<view class="mian-view-list">
+							<span class="title-font">车费收益</span>
+							<span class="value-font" style="font-weight: bold;">￥{{order.artificerTaxiMoney}}</span>
+						</view>
+						<view class="mian-view-list">
+							<span class="title-font">升级收益</span>
+							<span class="value-font"
+								style="font-weight: bold;">￥{{order.artificerMoney!=null?order.artificerMoney:'-'}}</span>
 						</view>
 						<view class="mian-view-list" v-if="order.addNum!=null">
-							<span class="mian-view-list-title">加钟收益</span>
-							<span class="mian-view-list-text"> ￥{{order.addArtificerMoney!=null?order.addArtificerMoney:'-'}}</span>
-						</view>
-						<view class="mian-view-list">
-							<span class="mian-view-list-title">升级收益</span>
-							<span class="mian-view-list-text"> ￥{{order.artificerMoney!=null?order.artificerMoney:'-'}}</span>
+							<span class="title-font">加钟收益</span>
+							<span class="value-font"
+								style="font-weight: bold;">￥{{order.addArtificerMoney!=null?order.addArtificerMoney:'-'}}</span>
 						</view>
 					</view>
 					<view class="yiji">
@@ -300,60 +285,67 @@
 							</span>
 						</view>
 					</view>
-					<view v-if="order.startRemark&&order.status!='8'">
-						<view class="mina-title">
-							<span class="mina-title-text">备注</span>
-							<span class="mina-title-bor"></span>
-						</view>
-						<view class="mian-view" style="height: 110px;">
-							<textarea @input="textareaData" v-model="order.startRemark" :disabled="true" placeholder="请输入备注信息" name="" id="" cols="30" rows="10"></textarea>
-						</view>
-					</view>
-					<view v-if="order.status=='8'">
-						<view class="mina-title">
-							<span class="mina-title-text">备注</span>
-							<span class="mina-title-bor"></span>
-						</view>
-						<view class="mian-view" style="height: 110px;">
-							<textarea @input="textareaData" v-model="order.startRemark" placeholder="请输入备注信息" name="" id="" cols="30" rows="10"></textarea>
-						</view>
-					</view>
-					<view class="bg padding radius margin-top" v-if="order.status!='8'&&order.startImg">
-						<view class="" style="font-size: 30rpx;color: #000000;font-weight: bold;margin-bottom: 20rpx;">服务前照片
-						</view>
-						<view class="flex flex-wrap justify-between">
-							<view class="flex margin-bottom-sm"
-								style="width: 48%;height: 200rpx;margin-right: 5rpx;position: relative;"
-								v-for="(image,index) in order.startImg" :key="index"
-								@click="saveImg( order.startImg,index)">
-								<image :src="image" style="width: 100%;height: 100%;border-radius: 10upx;"
-									mode="aspectFill">
-								</image>
+					<view class="mian-view"
+						v-if="order.status=='3'||order.status=='5'||order.status=='6'||order.status=='8'">
+						<view v-if="order.startRemark&&order.status!='8'">
+							<view class="mina-title">
+								<span class="mina-title-text">开始备注</span>
+								<span class="mina-title-bor"></span>
+							</view>
+							<view class="textarea-mian" style="height: 110px;">
+								<textarea @input="textareaData" v-model="order.startRemark" :disabled="true"
+									placeholder="请输入备注信息" name="" id="" cols="30" rows="10"></textarea>
 							</view>
 						</view>
-					</view>
-					<view class="bg padding radius margin-top" v-if="order.status==8 && startImgSel != '否'">
-						<view class="" style="font-size: 30rpx;color: #000000;font-weight: bold;margin-bottom: 20rpx;">服务前照片
+						<view v-if="order.status=='8'">
+							<view class="mina-title">
+								<span class="mina-title-text">开始备注</span>
+								<span class="mina-title-bor"></span>
+							</view>
+							<view class="textarea-mian" style="height: 110px;">
+								<textarea @input="textareaData" v-model="order.startRemark" placeholder="请输入备注信息"
+									name="" id="" cols="30" rows="10"></textarea>
+							</view>
 						</view>
-						<view class="flex flex-wrap">
-							<view v-if="startImgs.length">
-								<view class="flex margin-right-sm flex-wrap">
-									<view class="flex"
-										style="width: 200rpx;height: 200rpx;margin-right: 5rpx;position: relative;"
-										v-for="(image,index) in startImgs" :key="index">
-										<image :src="pictureEcho[0]" style="width: 100%;height: 100%;"></image>
-										<view style="z-index: 0;position: absolute;top: -15rpx;right: -15rpx;"
-											@click="removeImg(index,1)">
-											<u-icon name="close-circle-fill" color="#2979ff" size="50rpx"></u-icon>
+						<view class="bg padding radius margin-top" v-if="order.status!='8'&&order.startImg">
+							<view class=""
+								style="font-size: 30rpx;color: #000000;font-weight: bold;margin-bottom: 20rpx;">服务前照片
+							</view>
+							<view class="flex flex-wrap justify-between">
+								<view class="flex margin-bottom-sm"
+									style="width: 48%;height: 200rpx;margin-right: 5rpx;position: relative;"
+									v-for="(image,index) in order.startImg" :key="index"
+									@click="saveImg( order.startImg,index)">
+									<image :src="image" style="width: 100%;height: 100%;border-radius: 10upx;"
+										mode="aspectFill">
+									</image>
+								</view>
+							</view>
+						</view>
+						<view class="bg padding radius margin-top" v-if="order.status==8 && startImgSel != '否'">
+							<view class=""
+								style="font-size: 30rpx;color: #000000;font-weight: bold;margin-bottom: 20rpx;">服务前照片
+							</view>
+							<view class="flex flex-wrap">
+								<view v-if="startImgs.length">
+									<view class="flex margin-right-sm flex-wrap">
+										<view class="flex"
+											style="width: 200rpx;height: 200rpx;margin-right: 5rpx;position: relative;"
+											v-for="(image,index) in startImgs" :key="index">
+											<image :src="pictureEcho[0]" style="width: 100%;height: 100%;"></image>
+											<view style="z-index: 0;position: absolute;top: -15rpx;right: -15rpx;"
+												@click="removeImg(index,1)">
+												<u-icon name="close-circle-fill" color="#2979ff" size="50rpx"></u-icon>
+											</view>
 										</view>
 									</view>
 								</view>
-							</view>
-							<view class="flex align-center justify-center padding-tb "
-								style="background: #f5f5f5;width: 200rpx;height: 200rpx;">
-								<view class="text-center" @click="addImage(1)">
-									<image src="../static/photo.png" style="width:60upx;height: 50upx;"></image>
-									<view class="text-sm">上传照片</view>
+								<view class="flex align-center justify-center padding-tb "
+									style="background: #f5f5f5;width: 200rpx;height: 200rpx;">
+									<view class="text-center" @click="addImage(1)">
+										<image src="../static/photo.png" style="width:60upx;height: 50upx;"></image>
+										<view class="text-sm">上传照片</view>
+									</view>
 								</view>
 							</view>
 						</view>
@@ -369,10 +361,9 @@
 						<view class="mian-top-head">
 							<image v-if="order && order.ordersMassageList"
 								:src="(order.ordersMassageList[0].massageType || {}).massageImg"
-								 class="mian-top-head-img"></image>
+								class="mian-top-head-img"></image>
 							<view class="mian-top-head-right">
 								<view class="mian-title" v-if="order && order.ordersMassageList">
-									
 									<view class="mian-title-view">{{order.entryName}}</view>
 									<!-- <view class="nav-btn" v-if="order.status ==1">待支付</view> -->
 									<view class="nav-btn" v-if="order.status ==2">待服务</view>
@@ -385,20 +376,19 @@
 									<view class="nav-btn" v-if="order.status ==9">确认接单</view>
 								</view>
 								<view class="mian-time" v-if="order && order.ordersMassageList">
-									<text class="title-font">服务时长：</text><text class="value-font">{{order.duration}}分钟</text>
+									<text class="title-font">服务时长：</text><text
+										class="value-font">{{order.duration}}分钟</text>
 								</view>
-								
 								<view class="mian-money" style="justify-content: space-between;">
 									<view class="flex" style="flex-direction: row;align-items: center;">
-										<view class="mian-money-title">项目价格：</view>
-										<view class="mian-money-num">
+										<view class="title-font">项目价格：</view>
+										<view class="value-font">
 											<span class="fuhao">￥</span>
 											<span class="number">
-												{{order.massagePrice}}
+												{{order.priceMarkup}}
 											</span>
 										</view>
 									</view>
-									
 									<view class="jiajian">
 										<view class="jian">-</view>
 										<view class="view-num">{{order.massageNum}}</view>
@@ -410,9 +400,10 @@
 						</view>
 						<view class="mian-top-foot" @tap="bindGps(order.latitude,order.longitude,order.address)">
 							<view class="mian-top-foot-view">
-								<view class="title-font">客户信息: </view>
+								<view class="title-font">客户信息：</view>
 								<view class="value-font">
-									<span @tap.stop="copyAddress()" v-if="order.status !=1 && order.status !=5 && order.status !=3 && order.status !=4">
+									<span @tap.stop="copyAddress()"
+										v-if="order.status !=1 && order.status !=5 && order.status !=3 && order.status !=4">
 										{{order.userName}}
 										{{order.phone ? order.phone.substring(0,3) + '****' + order.phone.substring(7,11) : ''}}
 										<u-icon name="file-text"></u-icon>
@@ -425,151 +416,160 @@
 								</view>
 							</view>
 							<view class="mian-top-foot-view" style="margin-top: 5px;">
-								<view class="mian-top-foot-view-title title-font">服务地址: </view>
-								<view class="mian-top-foot-view-text" style="width: 70%;text-align: right;">
+								<view class="title-font">服务地址：</view>
+								<view class="value-font" style="width: 75%;text-align: right;">
 									{{order.address}}
 								</view>
 							</view>
 						</view>
 					</view>
-					<view class="mina-title">
-						<span class="mina-title-text">项目信息</span>
-						<span class="mina-title-bor"></span>
-					</view>
 					<view class="mian-view">
+						<view class="mina-title">
+							<span class="mina-title-text">订单信息</span>
+							<span class="mina-title-bor"></span>
+						</view>
 						<view class="mian-view-list" @tap="copy(order.ordersNo)">
-							<span class="mian-view-list-title">订单编号</span>
-							<span class="mian-view-list-text">
+							<span class="title-font">订单编号</span>
+							<span class="value-font">
 								{{order.ordersNo}}
-								<u-icon name="file-text"/>
+								<u-icon name="file-text" />
 							</span>
 						</view>
-						
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">下单时间</span>
-							<span class="mian-view-list-text">{{order.createTime}}</span>
+							<span class="title-font">预约时间</span>
+							<span class="value-font">{{order.serveTime}}</span>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">预约时间</span>
-							<span class="mian-view-list-text">{{order.serveTime}}</span>
+							<span class="title-font">下单时间</span>
+							<span class="value-font">{{order.createTime}}</span>
 						</view>
-						<view class="mian-view-list" v-if="order.tripWay">
-							<view class="mian-view-list-title">出行方式</view>
-							<view v-if="order.tripWay == 1" class="mian-view-list-text">公交</view>
-							<view v-if="order.tripWay == 2" class="mian-view-list-text">出租</view>
-							<view v-if="order.tripWay == 3" class="mian-view-list-text">免费</view>
+						<view class="mian-content-textarea" v-if="order.remark!=null&&order.remark!=''">
+							<span class="title-font">服务备注</span>
+							<textarea class="textarea-mian" :disabled="true" v-model="order.remark"></textarea>
+						</view>
+						<view class="mian-content-textarea" v-if="order.earlyFinishReason!=null&&order.remark!=''">
+							<span class="title-font">提前结束原因</span>
+							<textarea class="textarea-mian" :disabled="true"
+								v-model="order.earlyFinishReason"></textarea>
+						</view>
+						<view class="jusitify-line-end"></view>
+						<view class="mina-title">
+							<span class="mina-title-text">订单费用</span>
+							<span class="mina-title-bor"></span>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">全程距离</span>
-							<span class="mian-view-list-text">{{order.km}}km</span>
-						</view>
-						<view class="mian-view-list">
-							<span class="mian-view-list-title">车费收益</span>
-							<span class="mian-view-list-text">￥{{order.artificerTaxiMoney}}</span>
-						</view>
-						<view class="mian-view-list">
-							<span class="mian-view-list-title">服务项目</span>
-							<span class="mian-view-list-text">
+							<span class="title-font">服务项目</span>
+							<span class="value-font">
 								{{order.entryName}}
 							</span>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">项目金额</span>
-							<span class="mian-view-list-text">￥{{order.massagePrice}}</span>
+							<view class="title-font">服务时长</view>
+							<view class="value-font">{{order.duration}}分钟</view>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">优惠券</span>
-							<span class="mian-view-list-text" style="color: #FF6000;" v-if="order.couponMoney">-￥{{order.couponMoney}}</span>
-							<span class="mian-view-list-text" v-else>-</span>
+							<span class="title-font">项目金额</span>
+							<span class="value-font">￥{{order.priceMarkup}}</span>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">项目收益</span>
-							<span class="mian-view-list-text" v-if="order.isSupplement">￥{{order.oldProjectBenefits}}</span>
-							<span class="mian-view-list-text" v-else>￥{{order.projectBenefits}}</span>
+							<span class="title-font">会员减免</span>
+							<span class="value-font" style="color: #FF6000;">-￥{{order.vipReductionMoney}}</span>
 						</view>
-						<view class="mian-view-list">
-							<span class="mian-view-list-title">会员减免</span>
-							<span class="mian-view-list-text" style="color: #FF6000;">-￥{{order.vipReductionMoney}}</span>
-						</view>
-						<view class="mian-view-list">
-							<span class="mian-view-list-title">是否提前结束</span>
-							<span class="mian-view-list-text">{{order.earlyFinishReason!=null?'是':'-'}}</span>
-						</view>
-						<view class="mian-content-textarea">
-							<span class="mian-view-list-title" style="margin: 10px 0px;">提前结束原因</span>
-							<textarea class="textarea-mian" :disabled="true"  v-model="order.earlyFinishReason"  maxlength="100" name="" id=""></textarea>
-						</view>
-					</view>
-					<view class="mina-title">
-						<span class="mina-title-text">加钟信息</span>
-						<span class="mina-title-bor"></span>
-					</view>
-					<view class="mian-view">
-						<view class="mian-view-list">
-							<span class="mian-view-list-title">是否加钟</span>
-							<span class="mian-view-list-text">{{order.addNum!=null?'是':'-'}}</span>
-						</view>
-						<view class="mian-view-list">
-							<span class="mian-view-list-title">服务项目</span>
-							<span class="mian-view-list-text">{{order.addEntryName}}</span>
-						</view>
-						<view class="mian-view-list">
-							<span class="mian-view-list-title">项目价格</span>
-							<span class="mian-view-list-text" v-if="order.addPrice!=null">￥{{order.addPrice}}</span>
-							<span class="mian-view-list-text" v-else>-</span>
-						</view>
-						<view class="mian-view-list">
-							<view class="mian-view-list-title">会员减免</view>
-							<view class="mian-view-list-text" style="color: #FF6000;">-￥{{order.addVipReductionMoney}}</view>
-						</view>
-						<view class="mian-view-list">
-							<span class="mian-view-list-title">服务时长</span>
-							<span class="mian-view-list-text">{{order.addTime}}分钟</span>
-						</view>
-<!-- 						<view class="mian-view-list">
-							<span class="mian-view-list-title">加钟数量</span>
-							<span class="mian-view-list-text">{{order.addNum!=null?order.addNum:'-'}}</span>
-						</view> -->				
-						<view class="mian-view-list">
-							<span class="mian-view-list-title">加钟费用</span>
-							<span class="mian-view-list-text" v-if="order.addMoney!=null">￥{{order.addMoney}}</span>
-							<span class="mian-view-list-text" v-else>-</span>
-						</view>
-						<view class="yingde" style="background: #EBEBEB;">
-							<view class="yingde-title">小计</view>
-							<view class="yingde-money" v-if="order.addArtificerMoney!=null">
-								<span class="fuhao-hei">￥</span>
-								<span class="num-hei">{{order.addArtificerMoney}}</span>
+						<view class="mian-view-list" style="justify-content: flex-end;">
+							<view class="title-font">项目小计：</view>
+							<view class="value-font" style="font-weight: bold;">￥<text>{{order.massageMoney}}</text>
 							</view>
-							<span class="mian-view-list-text" v-else>-</span>
-						</view>
-					</view>
-					<view class="mina-title">
-						<span class="mina-title-text">预计收益</span>
-						<span class="mina-title-bor"></span>
-					</view>
-					<view class="mian-content" style="margin-bottom: 10px;">
-						<view class="mian-view-list">
-							<span class="mian-view-list-title">提成比例</span>
-							<span class="mian-view-list-text">{{order.artificerRate*100}}%</span>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">项目收益</span>
-							<span class="mian-view-list-text" v-if="order.isSupplement">￥{{order.oldProjectBenefits}}</span>
-							<span class="mian-view-list-text" v-else>￥{{order.projectBenefits}}</span>
+							<span class="title-font">优惠券</span>
+							<span class="value-font" style="color: #FF6000;"
+								v-if="order.couponMoney">-￥{{order.couponMoney}}</span>
+							<span class="value-font" v-else>-</span>
 						</view>
-						<!-- <view class="mian-view-list">
-							<span class="mian-view-list-title">优惠券</span>
-							<span class="mian-view-list-text" style="color: #FF6000;" v-if="order.couponMoney">-￥{{order.couponMoney}}</span>
-							<span class="mian-view-list-text" v-else>-</span>
-						</view> -->
-						<view class="mian-view-list">
-							<span class="mian-view-list-title">车费收益</span>
-							<span class="mian-view-list-text">￥{{order.artificerTaxiMoney}}</span>
+						<view class="mian-view-list" style="justify-content: flex-end;">
+							<view class="title-font">收益小计：</view>
+							<view class="value-font" style="font-weight: bold;" v-if="order.isSupplement">
+								￥<text>{{order.oldProjectBenefits}}</text></view>
+							<view class="value-font" style="font-weight: bold;" v-else>
+								￥<text>{{order.projectBenefits}}</text></view>
+						</view>
+						<view class="jusitify-line-end"></view>
+						<view class="mina-title">
+							<span class="mina-title-text">出行费用</span>
+							<span class="mina-title-bor"></span>
+						</view>
+						<view class="mian-view-list" v-if="order.tripWay">
+							<view class="title-font">出行方式</view>
+							<view v-if="order.tripWay == 1" class="value-font">公交</view>
+							<view v-if="order.tripWay == 2" class="value-font">出租</view>
+							<view v-if="order.tripWay == 3" class="value-font">免费</view>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">加钟收益</span>
-							<span class="mian-view-list-text">￥{{order.addArtificerMoney!=null?order.addArtificerMoney:'-'}}</span>
+							<span class="title-font">全程距离</span>
+							<span class="value-font">{{order.km}}km</span>
+						</view>
+						<view class="mian-view-list">
+							<view class="title-font">出行费用</view>
+							<view class="value-font">￥{{order.usualTravelMoney}}</view>
+						</view>
+						<view class="mian-view-list" v-if="order.nightTravelMoney">
+							<view class="title-font">夜间出行</view>
+							<view class="value-font">￥{{order.nightTravelMoney}}</view>
+						</view>
+						<view class="mian-view-list" style="justify-content: flex-end;">
+							<span class="title-font">收益小计：</span>
+							<span class="value-font" style="font-weight: bold;">￥{{order.artificerTaxiMoney}}</span>
+						</view>
+						<view class="jusitify-line-end"></view>
+						<view class="mina-title">
+							<span class="mina-title-text">加钟信息</span>
+							<span class="mina-title-bor"></span>
+						</view>
+						<view class="mian-view-list">
+							<span class="title-font">服务项目</span>
+							<span class="value-font">{{order.addEntryName}}</span>
+						</view>
+						<view class="mian-view-list">
+							<span class="title-font">服务时长</span>
+							<span class="value-font">{{order.addTime}}分钟</span>
+						</view>
+						<view class="mian-view-list">
+							<span class="title-font">项目金额</span>
+							<span class="value-font" v-if="order.addPriceMarkup!=null">￥{{order.addPriceMarkup}}</span>
+							<span class="value-font" v-else>-</span>
+						</view>
+						<view class="mian-view-list">
+							<view class="title-font">会员减免</view>
+							<view class="value-font" style="color: #FF6000;">-￥{{order.addVipReductionMoney}}</view>
+						</view>
+						<view class="mian-view-list" style="justify-content: flex-end;">
+							<view class="title-font">收益小计：</view>
+							<view class="value-font" style="font-weight: bold;">
+								￥<text>{{order.addArtificerMoney}}</text></view>
+						</view>
+						<view class="jusitify-line-end"></view>
+						<view class="mina-title">
+							<span class="mina-title-text">预计收益</span>
+							<span class="mina-title-bor"></span>
+						</view>
+						<view class="mian-view-list">
+							<span class="title-font">提成比例</span>
+							<span class="value-font" style="font-weight: bold;">{{order.artificerRate*100}}%</span>
+						</view>
+						<view class="mian-view-list">
+							<span class="title-font">项目收益</span>
+							<span class="value-font" style="font-weight: bold;"
+								v-if="order.isSupplement">￥{{order.oldProjectBenefits}}</span>
+							<span class="value-font" style="font-weight: bold;" v-else>￥{{order.projectBenefits}}</span>
+						</view>
+						<view class="mian-view-list">
+							<span class="title-font">车费收益</span>
+							<span class="value-font" style="font-weight: bold;">￥{{order.artificerTaxiMoney}}</span>
+						</view>
+						<view class="mian-view-list">
+							<span class="title-font">加钟收益</span>
+							<span class="value-font"
+								style="font-weight: bold;">￥{{order.addArtificerMoney!=null?order.addArtificerMoney:'-'}}</span>
 						</view>
 					</view>
 					<view class="yiji">
@@ -581,67 +581,72 @@
 							</span>
 						</view>
 					</view>
-					<view v-if="order.startRemark&&order.status!='8'">
-						<view class="mina-title">
-							<span class="mina-title-text">备注</span>
-							<span class="mina-title-bor"></span>
-						</view>
-						<view class="mian-view" style="height: 110px;">
-							<textarea @input="textareaData" v-model="order.startRemark" :disabled="true" placeholder="请输入备注信息" name="" id="" cols="30" rows="10"></textarea>
-						</view>
-					</view>
-					<view v-if="order.status=='8'">
-						<view class="mina-title">
-							<span class="mina-title-text">备注</span>
-							<span class="mina-title-bor"></span>
-						</view>
-						<view class="mian-view" style="height: 110px;">
-							<textarea @input="textareaData" v-model="order.startRemark" placeholder="请输入备注信息" name="" id="" cols="30" rows="10"></textarea>
-						</view>
-					</view>
-					<view class="bg padding radius margin-top" v-if="order.status!='8'&&order.startImg">
-						<view class="" style="font-size: 30rpx;color: #000000;font-weight: bold;margin-bottom: 20rpx;">服务前照片
-						</view>
-						<view class="flex flex-wrap justify-between">
-							<view class="flex margin-bottom-sm"
-								style="width: 48%;height: 200rpx;margin-right: 5rpx;position: relative;"
-								v-for="(image,index) in order.startImg" :key="index"
-								@click="saveImg( order.startImg,index)">
-								<image :src="image" style="width: 100%;height: 100%;border-radius: 10upx;"
-									mode="aspectFill">
-								</image>
+					<view class="mian-view"
+						v-if="order.status=='3'||order.status=='5'||order.status=='6'||order.status=='8'">
+						<view v-if="order.startRemark&&order.status!='8'">
+							<view class="mina-title">
+								<span class="mina-title-text">开始备注</span>
+								<span class="mina-title-bor"></span>
+							</view>
+							<view class="textarea-mian" style="height: 110px;">
+								<textarea @input="textareaData" v-model="order.startRemark" :disabled="true"
+									placeholder="请输入备注信息" name="" id="" cols="30" rows="10"></textarea>
 							</view>
 						</view>
-					</view>
-					<view class="bg padding radius margin-top" v-if="order.status==8 && startImgSel != '否'">
-						<view class="" style="font-size: 30rpx;color: #000000;font-weight: bold;margin-bottom: 20rpx;">服务前照片
+						<view v-if="order.status=='8'">
+							<view class="mina-title">
+								<span class="mina-title-text">开始备注</span>
+								<span class="mina-title-bor"></span>
+							</view>
+							<view class="textarea-mian" style="height: 110px;">
+								<textarea @input="textareaData" v-model="order.startRemark" placeholder="请输入备注信息"
+									name="" id="" cols="30" rows="10"></textarea>
+							</view>
 						</view>
-						<view class="flex flex-wrap">
-							<view v-if="startImgs.length">
-								<view class="flex margin-right-sm flex-wrap">
-									<view class="flex"
-										style="width: 200rpx;height: 200rpx;margin-right: 5rpx;position: relative;"
-										v-for="(image,index) in startImgs" :key="index">
-										<image :src="pictureEcho[0]" style="width: 100%;height: 100%;"></image>
-										<view style="z-index: 0;position: absolute;top: -15rpx;right: -15rpx;"
-											@click="removeImg(index,1)">
-											<u-icon name="close-circle-fill" color="#2979ff" size="50rpx"></u-icon>
+						<view class="bg padding radius margin-top" v-if="order.status!='8'&&order.startImg">
+							<view class=""
+								style="font-size: 30rpx;color: #000000;font-weight: bold;margin-bottom: 20rpx;">服务前照片
+							</view>
+							<view class="flex flex-wrap justify-between">
+								<view class="flex margin-bottom-sm"
+									style="width: 48%;height: 200rpx;margin-right: 5rpx;position: relative;"
+									v-for="(image,index) in order.startImg" :key="index"
+									@click="saveImg( order.startImg,index)">
+									<image :src="image" style="width: 100%;height: 100%;border-radius: 10upx;"
+										mode="aspectFill">
+									</image>
+								</view>
+							</view>
+						</view>
+						<view class="bg padding radius margin-top" v-if="order.status==8 && startImgSel != '否'">
+							<view class=""
+								style="font-size: 30rpx;color: #000000;font-weight: bold;margin-bottom: 20rpx;">服务前照片
+							</view>
+							<view class="flex flex-wrap">
+								<view v-if="startImgs.length">
+									<view class="flex margin-right-sm flex-wrap">
+										<view class="flex"
+											style="width: 200rpx;height: 200rpx;margin-right: 5rpx;position: relative;"
+											v-for="(image,index) in startImgs" :key="index">
+											<image :src="pictureEcho[0]" style="width: 100%;height: 100%;"></image>
+											<view style="z-index: 0;position: absolute;top: -15rpx;right: -15rpx;"
+												@click="removeImg(index,1)">
+												<u-icon name="close-circle-fill" color="#2979ff" size="50rpx"></u-icon>
+											</view>
 										</view>
 									</view>
 								</view>
-							</view>
-							<view class="flex align-center justify-center padding-tb "
-								style="background: #f5f5f5;width: 200rpx;height: 200rpx;">
-								<view class="text-center" @click="addImage(1)">
-									<image src="../static/photo.png" style="width:60upx;height: 50upx;"></image>
-									<view class="text-sm">上传照片</view>
+								<view class="flex align-center justify-center padding-tb "
+									style="background: #f5f5f5;width: 200rpx;height: 200rpx;">
+									<view class="text-center" @click="addImage(1)">
+										<image src="../static/photo.png" style="width:60upx;height: 50upx;"></image>
+										<view class="text-sm">上传照片</view>
+									</view>
 								</view>
 							</view>
 						</view>
 					</view>
-				
 				</view>
-			
 				<!-- 普通订单 没有加钟 没有升级 -->
 				<view v-if="order.isSupplement!='2'&&order.addNum==null">
 					<view class="mian-top">
@@ -652,10 +657,9 @@
 						<view class="mian-top-head">
 							<image v-if="order && order.ordersMassageList"
 								:src="(order.ordersMassageList[0].massageType || {}).massageImg"
-								 class="mian-top-head-img"></image>
+								class="mian-top-head-img"></image>
 							<view class="mian-top-head-right">
 								<view class="mian-title" v-if="order && order.ordersMassageList">
-									
 									<view class="mian-title-view">{{order.entryName}}</view>
 									<!-- <view class="nav-btn" v-if="order.status ==1">待支付</view> -->
 									<view class="nav-btn" v-if="order.status ==2">待服务</view>
@@ -668,20 +672,19 @@
 									<view class="nav-btn" v-if="order.status ==9">确认接单</view>
 								</view>
 								<view class="mian-time" v-if="order && order.ordersMassageList">
-									<text class="title-font">服务时长：</text><text class="value-font">{{order.duration}}分钟</text>
+									<text class="title-font">服务时长：</text><text
+										class="value-font">{{order.duration}}分钟</text>
 								</view>
-								
 								<view class="mian-money" style="justify-content: space-between;">
 									<view class="flex" style="flex-direction: row;align-items: center;">
-										<view class="mian-money-title">项目价格：</view>
-										<view class="mian-money-num">
+										<view class="title-font">项目价格：</view>
+										<view class="value-font">
 											<span class="fuhao">￥</span>
 											<span class="number">
 												{{order.priceMarkup}}
 											</span>
 										</view>
 									</view>
-									
 									<view class="jiajian">
 										<view class="jian">-</view>
 										<view class="view-num">{{order.massageNum}}</view>
@@ -692,9 +695,10 @@
 						</view>
 						<view class="mian-top-foot" @tap="bindGps(order.latitude,order.longitude,order.address)">
 							<view class="mian-top-foot-view">
-								<view class="title-font">客户信息: </view>
+								<view class="title-font">客户信息：</view>
 								<view class="value-font">
-									<span @tap.stop="copyAddress()" v-if="order.status !=1 && order.status !=5 && order.status !=3 && order.status !=4">
+									<span @tap.stop="copyAddress()"
+										v-if="order.status !=1 && order.status !=5 && order.status !=3 && order.status !=4">
 										{{order.userName}}
 										{{order.phone ? order.phone.substring(0,3) + '****' + order.phone.substring(7,11) : ''}}
 										<u-icon name="file-text"></u-icon>
@@ -707,102 +711,128 @@
 								</view>
 							</view>
 							<view class="mian-top-foot-view" style="margin-top: 5px;">
-								<view class="mian-top-foot-view-title title-font">服务地址: </view>
-								<view class="mian-top-foot-view-text" style="width: 70%;text-align: right;">
+								<view class="title-font">服务地址：</view>
+								<view class="value-font" style="width: 75%;text-align: right;">
 									{{order.address}}
 								</view>
 							</view>
 						</view>
 					</view>
-					<view class="mina-title">
-						<span class="mina-title-text">项目信息</span>
-						<span class="mina-title-bor"></span>
-					</view>
 					<view class="mian-view">
+						<view class="mina-title">
+							<span class="mina-title-text">订单信息</span>
+							<span class="mina-title-bor"></span>
+						</view>
 						<view class="mian-view-list" @tap="copy(order.ordersNo)">
-							<span class="mian-view-list-title">订单编号</span>
-							<span class="mian-view-list-text">
+							<span class="title-font">订单编号</span>
+							<span class="value-font">
 								{{order.ordersNo}}
-								<u-icon name="file-text"/>
+								<u-icon name="file-text" />
 							</span>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">服务项目</span>
-							<span class="mian-view-list-text">
+							<span class="title-font">预约时间</span>
+							<span class="value-font">{{order.serveTime}}</span>
+						</view>
+						<view class="mian-view-list">
+							<span class="title-font">下单时间</span>
+							<span class="value-font">{{order.createTime}}</span>
+						</view>
+						<view class="mian-content-textarea" v-if="order.remark!=null&&order.remark!=''">
+							<span class="title-font">服务备注</span>
+							<textarea class="textarea-mian" :disabled="true" v-model="order.remark"></textarea>
+						</view>
+						<view class="mian-content-textarea" v-if="order.earlyFinishReason!=null&&order.remark!=''">
+							<span class="title-font">提前结束原因</span>
+							<textarea class="textarea-mian" :disabled="true"
+								v-model="order.earlyFinishReason"></textarea>
+						</view>
+						<view class="jusitify-line-end"></view>
+						<view class="mina-title">
+							<span class="mina-title-text">订单费用</span>
+							<span class="mina-title-bor"></span>
+						</view>
+						<view class="mian-view-list">
+							<span class="title-font">服务项目</span>
+							<span class="value-font">
 								{{order.entryName}}
 							</span>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">下单时间</span>
-							<span class="mian-view-list-text">{{order.createTime}}</span>
+							<view class="title-font">服务时长</view>
+							<view class="value-font">{{order.duration}}分钟</view>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">预约时间</span>
-							<span class="mian-view-list-text">{{order.serveTime}}</span>
+							<span class="title-font">项目金额</span>
+							<span class="value-font">￥{{order.priceMarkup}}</span>
+						</view>
+						<view class="mian-view-list">
+							<span class="title-font">会员减免</span>
+							<span class="value-font" style="color: #FF6000;">-￥{{order.vipReductionMoney}}</span>
+						</view>
+						<view class="mian-view-list" style="justify-content: flex-end;">
+							<view class="title-font">项目小计：</view>
+							<view class="value-font" style="font-weight: bold;">￥<text>{{order.massageMoney}}</text>
+							</view>
+						</view>
+						<view class="mian-view-list">
+							<span class="title-font">优惠券</span>
+							<span class="value-font" style="color: #FF6000;"
+								v-if="order.couponMoney">-￥{{order.couponMoney}}</span>
+							<span class="value-font" v-else>-</span>
+						</view>
+						<view class="mian-view-list" style="justify-content: flex-end;">
+							<view class="title-font">收益小计：</view>
+							<view class="value-font" style="font-weight: bold;" v-if="order.isSupplement">
+								￥<text>{{order.oldProjectBenefits}}</text></view>
+							<view class="value-font" style="font-weight: bold;" v-else>
+								￥<text>{{order.projectBenefits}}</text></view>
+						</view>
+						<view class="jusitify-line-end"></view>
+						<view class="mina-title">
+							<span class="mina-title-text">出行费用</span>
+							<span class="mina-title-bor"></span>
 						</view>
 						<view class="mian-view-list" v-if="order.tripWay">
-							<view class="mian-view-list-title">出行方式</view>
-							<view v-if="order.tripWay == 1" class="mian-view-list-text">公交</view>
-							<view v-if="order.tripWay == 2" class="mian-view-list-text">出租</view>
-							<view v-if="order.tripWay == 3" class="mian-view-list-text">免费</view>
+							<view class="title-font">出行方式</view>
+							<view v-if="order.tripWay == 1" class="value-font">公交</view>
+							<view v-if="order.tripWay == 2" class="value-font">出租</view>
+							<view v-if="order.tripWay == 3" class="value-font">免费</view>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">全程距离</span>
-							<span class="mian-view-list-text">{{order.km}}km</span>
+							<span class="title-font">全程距离</span>
+							<span class="value-font">{{order.km}}km</span>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">车费收益</span>
-							<span class="mian-view-list-text">￥{{order.artificerTaxiMoney}}</span>
+							<view class="title-font">出行费用</view>
+							<view class="value-font">￥{{order.usualTravelMoney}}</view>
+						</view>
+						<view class="mian-view-list" v-if="order.nightTravelMoney">
+							<view class="title-font">夜间出行</view>
+							<view class="value-font">￥{{order.nightTravelMoney}}</view>
+						</view>
+						<view class="mian-view-list" style="justify-content: flex-end;">
+							<span class="title-font">收益小计：</span>
+							<span class="value-font" style="font-weight: bold;">￥{{order.artificerTaxiMoney}}</span>
+						</view>
+						<view class="jusitify-line-end"></view>
+						<view class="mina-title">
+							<span class="mina-title-text">预计收益</span>
+							<span class="mina-title-bor"></span>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">项目金额</span>
-							<span class="mian-view-list-text">￥{{order.priceMarkup}}</span>
+							<span class="title-font">提成比例</span>
+							<span class="value-font" style="font-weight: bold;">{{order.artificerRate*100}}%</span>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">优惠券</span>
-							<span class="mian-view-list-text" style="color: #FF6000;" v-if="order.couponMoney">-￥{{order.couponMoney}}</span>
-							<span class="mian-view-list-text" v-else>-</span>
+							<span class="title-font">项目收益</span>
+							<span class="value-font" style="font-weight: bold;"
+								v-if="order.isSupplement">￥{{order.oldProjectBenefits}}</span>
+							<span class="value-font" style="font-weight: bold;" v-else>￥{{order.projectBenefits}}</span>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">项目收益</span>
-							<span class="mian-view-list-text" v-if="order.isSupplement">￥{{order.oldProjectBenefits}}</span>
-							<span class="mian-view-list-text" v-else>￥{{order.projectBenefits}}</span>
-						</view>
-						<view class="mian-view-list">
-							<span class="mian-view-list-title">会员减免</span>
-							<span class="mian-view-list-text" style="color: #FF6000;">-￥{{order.vipReductionMoney}}</span>
-						</view>
-						<view class="mian-view-list">
-							<span class="mian-view-list-title">是否提前结束</span>
-							<span class="mian-view-list-text">{{order.earlyFinishReason!=null?'是':'-'}}</span>
-						</view>
-						<view class="mian-content-textarea">
-							<span class="mian-view-list-title" style="margin: 10px 0px;">提前结束原因</span>
-							<textarea class="textarea-mian" :disabled="true"  v-model="order.earlyFinishReason"  maxlength="100" name="" id=""></textarea>
-						</view>
-					</view>
-					<view class="mina-title">
-						<span class="mina-title-text">预计收益</span>
-						<span class="mina-title-bor"></span>
-					</view>
-					<view class="mian-content" style="margin-bottom: 10px;">
-						<view class="mian-view-list">
-							<span class="mian-view-list-title">提成比例</span>
-							<span class="mian-view-list-text">{{order.artificerRate*100}}%</span>
-						</view>
-						<view class="mian-view-list">
-							<span class="mian-view-list-title">项目收益</span>
-							<span class="mian-view-list-text" v-if="order.isSupplement">￥{{order.oldProjectBenefits}}</span>
-							<span class="mian-view-list-text" v-else>￥{{order.projectBenefits}}</span>
-						</view>
-						<!-- <view class="mian-view-list">
-							<span class="mian-view-list-title">优惠券</span>
-							<span class="mian-view-list-text" style="color: #FF6000;" v-if="order.couponMoney">-￥{{order.couponMoney}}</span>
-							<span class="mian-view-list-text" v-else>-</span>
-						</view> -->
-						<view class="mian-view-list">
-							<span class="mian-view-list-title">车费收益</span>
-							<span class="mian-view-list-text">￥{{order.artificerTaxiMoney}}</span>
+							<span class="title-font">车费收益</span>
+							<span class="value-font" style="font-weight: bold;">￥{{order.artificerTaxiMoney}}</span>
 						</view>
 					</view>
 					<view class="yiji">
@@ -814,65 +844,71 @@
 							</span>
 						</view>
 					</view>
-					<view v-if="order.startRemark&&order.status!='8'">
-						<view class="mina-title">
-							<span class="mina-title-text">备注</span>
-							<span class="mina-title-bor"></span>
-						</view>
-						<view class="mian-view" style="height: 110px;">
-							<textarea @input="textareaData" v-model="order.startRemark" :disabled="true" placeholder="请输入备注信息" name="" id="" cols="30" rows="10"></textarea>
-						</view>
-					</view>
-					<view v-if="order.status=='8'">
-						<view class="mina-title">
-							<span class="mina-title-text">备注</span>
-							<span class="mina-title-bor"></span>
-						</view>
-						<view class="mian-view" style="height: 110px;">
-							<textarea @input="textareaData" v-model="order.startRemark" placeholder="请输入备注信息" name="" id="" cols="30" rows="10"></textarea>
-						</view>
-					</view>
-					<view class="bg padding radius margin-top" v-if="order.status!='8'&&order.startImg">
-						<view class="" style="font-size: 30rpx;color: #000000;font-weight: bold;margin-bottom: 20rpx;">服务前照片
-						</view>
-						<view class="flex flex-wrap justify-between">
-							<view class="flex margin-bottom-sm"
-								style="width: 48%;height: 200rpx;margin-right: 5rpx;position: relative;"
-								v-for="(image,index) in order.startImg" :key="index"
-								@click="saveImg( order.startImg,index)">
-								<image :src="image" style="width: 100%;height: 100%;border-radius: 10upx;"
-									mode="aspectFill">
-								</image>
+					<view class="mian-view"
+						v-if="order.status=='3'||order.status=='5'||order.status=='6'||order.status=='8'">
+						<view v-if="order.startRemark&&order.status!='8'">
+							<view class="mina-title">
+								<span class="mina-title-text">开始备注</span>
+								<span class="mina-title-bor"></span>
+							</view>
+							<view class="textarea-mian" style="height: 110px;">
+								<textarea @input="textareaData" v-model="order.startRemark" :disabled="true"
+									placeholder="请输入备注信息" name="" id="" cols="30" rows="10"></textarea>
 							</view>
 						</view>
-					</view>
-					<view class="bg padding radius margin-top" v-if="order.status==8 && startImgSel != '否'">
-						<view class="" style="font-size: 30rpx;color: #000000;font-weight: bold;margin-bottom: 20rpx;">服务前照片
+						<view v-if="order.status=='8'">
+							<view class="mina-title">
+								<span class="mina-title-text">开始备注</span>
+								<span class="mina-title-bor"></span>
+							</view>
+							<view class="textarea-mian" style="height: 110px;">
+								<textarea @input="textareaData" v-model="order.startRemark" placeholder="请输入备注信息"
+									name="" id="" cols="30" rows="10"></textarea>
+							</view>
 						</view>
-						<view class="flex flex-wrap">
-							<view v-if="startImgs.length">
-								<view class="flex margin-right-sm flex-wrap">
-									<view class="flex"
-										style="width: 200rpx;height: 200rpx;margin-right: 5rpx;position: relative;"
-										v-for="(image,index) in startImgs" :key="index">
-										<image :src="pictureEcho[0]" style="width: 100%;height: 100%;"></image>
-										<view style="z-index: 0;position: absolute;top: -15rpx;right: -15rpx;"
-											@click="removeImg(index,1)">
-											<u-icon name="close-circle-fill" color="#2979ff" size="50rpx"></u-icon>
+						<view class="bg padding radius margin-top" v-if="order.status!='8'&&order.startImg">
+							<view class=""
+								style="font-size: 30rpx;color: #000000;font-weight: bold;margin-bottom: 20rpx;">服务前照片
+							</view>
+							<view class="flex flex-wrap justify-between">
+								<view class="flex margin-bottom-sm"
+									style="width: 48%;height: 200rpx;margin-right: 5rpx;position: relative;"
+									v-for="(image,index) in order.startImg" :key="index"
+									@click="saveImg( order.startImg,index)">
+									<image :src="image" style="width: 100%;height: 100%;border-radius: 10upx;"
+										mode="aspectFill">
+									</image>
+								</view>
+							</view>
+						</view>
+						<view class="bg padding radius margin-top" v-if="order.status==8 && startImgSel != '否'">
+							<view class=""
+								style="font-size: 30rpx;color: #000000;font-weight: bold;margin-bottom: 20rpx;">服务前照片
+							</view>
+							<view class="flex flex-wrap">
+								<view v-if="startImgs.length">
+									<view class="flex margin-right-sm flex-wrap">
+										<view class="flex"
+											style="width: 200rpx;height: 200rpx;margin-right: 5rpx;position: relative;"
+											v-for="(image,index) in startImgs" :key="index">
+											<image :src="pictureEcho[0]" style="width: 100%;height: 100%;"></image>
+											<view style="z-index: 0;position: absolute;top: -15rpx;right: -15rpx;"
+												@click="removeImg(index,1)">
+												<u-icon name="close-circle-fill" color="#2979ff" size="50rpx"></u-icon>
+											</view>
 										</view>
 									</view>
 								</view>
-							</view>
-							<view class="flex align-center justify-center padding-tb "
-								style="background: #f5f5f5;width: 200rpx;height: 200rpx;">
-								<view class="text-center" @click="addImage(1)">
-									<image src="../static/photo.png" style="width:60upx;height: 50upx;"></image>
-									<view class="text-sm">上传照片</view>
+								<view class="flex align-center justify-center padding-tb "
+									style="background: #f5f5f5;width: 200rpx;height: 200rpx;">
+									<view class="text-center" @click="addImage(1)">
+										<image src="../static/photo.png" style="width:60upx;height: 50upx;"></image>
+										<view class="text-sm">上传照片</view>
+									</view>
 								</view>
 							</view>
 						</view>
 					</view>
-				
 				</view>
 			</view>
 			<!-- 套餐疗程次卡订单 -->
@@ -887,10 +923,9 @@
 						<view class="mian-top-head">
 							<image v-if="order && order.ordersMassageList"
 								:src="(order.ordersMassageList[0].userPackageDetail || {}).massageImg"
-								 class="mian-top-head-img"></image>
+								class="mian-top-head-img"></image>
 							<view class="mian-top-head-right">
 								<view class="mian-title" v-if="order && order.ordersMassageList">
-									
 									<view class="mian-title-view">{{order.entryName}}</view>
 									<!-- <view class="nav-btn" v-if="order.status ==1">待支付</view> -->
 									<view class="nav-btn" v-if="order.status ==2">待服务</view>
@@ -903,20 +938,19 @@
 									<view class="nav-btn" v-if="order.status ==9">确认接单</view>
 								</view>
 								<view class="mian-time" v-if="order && order.ordersMassageList">
-									<text class="title-font">服务时长：</text><text class="value-font">{{order.duration}}分钟</text>
+									<text class="title-font">服务时长：</text><text
+										class="value-font">{{order.duration}}分钟</text>
 								</view>
-								
 								<view class="mian-money" style="justify-content: space-between;">
 									<view class="flex" style="flex-direction: row;align-items: center;">
-										<view class="mian-money-title">项目价格：</view>
-										<view class="mian-money-num">
+										<view class="title-font">项目价格：</view>
+										<view class="value-font">
 											<span class="fuhao">￥</span>
 											<span class="number">
 												{{order.massagePrice}}
 											</span>
 										</view>
 									</view>
-									
 									<view class="jiajian">
 										<view class="jian">-</view>
 										<view class="view-num">{{order.massageNum}}</view>
@@ -928,9 +962,10 @@
 						</view>
 						<view class="mian-top-foot" @tap="bindGps(order.latitude,order.longitude,order.address)">
 							<view class="mian-top-foot-view">
-								<view class="title-font">客户信息: </view>
+								<view class="title-font">客户信息：</view>
 								<view class="value-font">
-									<span @tap.stop="copyAddress()" v-if="order.status !=1 && order.status !=5 && order.status !=3 && order.status !=4">
+									<span @tap.stop="copyAddress()"
+										v-if="order.status !=1 && order.status !=5 && order.status !=3 && order.status !=4">
 										{{order.userName}}
 										{{order.phone ? order.phone.substring(0,3) + '****' + order.phone.substring(7,11) : ''}}
 										<u-icon name="file-text"></u-icon>
@@ -943,106 +978,117 @@
 								</view>
 							</view>
 							<view class="mian-top-foot-view" style="margin-top: 5px;">
-								<view class="mian-top-foot-view-title title-font">服务地址: </view>
-								<view class="mian-top-foot-view-text" style="width: 70%;text-align: right;">
+								<view class="title-font">服务地址：</view>
+								<view class="value-font" style="width: 75%;text-align: right;">
 									{{order.address}}
 								</view>
 							</view>
 						</view>
 					</view>
-					<view class="mina-title">
-						<span class="mina-title-text">项目信息</span>
-						<span class="mina-title-bor"></span>
-					</view>
 					<view class="mian-view">
+						<view class="mina-title">
+							<span class="mina-title-text">订单信息</span>
+							<span class="mina-title-bor"></span>
+						</view>
 						<view class="mian-view-list" @tap="copy(order.ordersNo)">
-							<span class="mian-view-list-title">订单编号</span>
-							<span class="mian-view-list-text">
+							<span class="title-font">订单编号</span>
+							<span class="value-font">
 								{{order.ordersNo}}
-								<u-icon name="file-text"/>
+								<u-icon name="file-text" />
 							</span>
 						</view>
-						
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">下单时间</span>
-							<span class="mian-view-list-text">{{order.createTime}}</span>
+							<span class="title-font">预约时间</span>
+							<span class="value-font">{{order.serveTime}}</span>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">预约时间</span>
-							<span class="mian-view-list-text">{{order.serveTime}}</span>
+							<span class="title-font">下单时间</span>
+							<span class="value-font">{{order.createTime}}</span>
 						</view>
-						<view class="mian-view-list" v-if="order.tripWay">
-							<view class="mian-view-list-title">出行方式</view>
-							<view v-if="order.tripWay == 1" class="mian-view-list-text">公交</view>
-							<view v-if="order.tripWay == 2" class="mian-view-list-text">出租</view>
-							<view v-if="order.tripWay == 3" class="mian-view-list-text">免费</view>
+						<view class="mian-content-textarea" v-if="order.remark!=null&&order.remark!=''">
+							<span class="title-font">服务备注</span>
+							<textarea class="textarea-mian" :disabled="true" v-model="order.remark"></textarea>
+						</view>
+						<view class="mian-content-textarea" v-if="order.earlyFinishReason!=null&&order.remark!=''">
+							<span class="title-font">提前结束原因</span>
+							<textarea class="textarea-mian" :disabled="true"
+								v-model="order.earlyFinishReason"></textarea>
+						</view>
+						<view class="jusitify-line-end"></view>
+						<view class="mina-title">
+							<span class="mina-title-text">订单费用</span>
+							<span class="mina-title-bor"></span>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">全程距离</span>
-							<span class="mian-view-list-text">{{order.km}}km</span>
-						</view>
-						<view class="mian-view-list">
-							<span class="mian-view-list-title">车费收益</span>
-							<span class="mian-view-list-text">￥{{order.artificerTaxiMoney}}</span>
-						</view>
-						
-						<view class="mian-view-list">
-							<view class="mian-view-list-title">{{order.packageType=='104'?'套餐':order.packageType=='105'?'次卡':order.packageType=='106'?'疗程':'其他'}}名称</view>			
-							<span class="mian-view-list-text">
+							<view class="title-font">
+								{{order.packageType=='104'?'套餐':order.packageType=='105'?'次卡':order.packageType=='106'?'疗程':order.packageType=='111'?'团购':order.packageType=='112'?'秒杀':'其他'}}名称
+							</view>
+							<span class="value-font">
 								{{order.ordersMassageList[0].userPackageDetail.mainTitle}}
 							</span>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">服务项目</span>
-							<span class="mian-view-list-text">
+							<span class="title-font">服务项目</span>
+							<span class="value-font">
 								{{order.entryName}}
 							</span>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">项目金额</span>
-							<span class="mian-view-list-text">￥{{order.massagePrice}}</span>
-						</view>
-<!-- 						<view class="mian-view-list">
-							<span class="mian-view-list-title">优惠券</span>
-							<span class="mian-view-list-text" style="color: #FF6000;" v-if="order.couponMoney">-￥{{order.couponMoney}}</span>
-							<span class="mian-view-list-text" v-else>-</span>
-						</view> -->
-						<view class="mian-view-list">
-							<span class="mian-view-list-title">项目收益</span>
-							<span class="mian-view-list-text" v-if="order.isSupplement">￥{{order.oldProjectBenefits}}</span>
-							<span class="mian-view-list-text" v-else>￥{{order.projectBenefits}}</span>
+							<view class="title-font">服务时长</view>
+							<view class="value-font">{{order.duration}}分钟</view>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">是否提前结束</span>
-							<span class="mian-view-list-text">{{order.earlyFinishReason!=null?'是':'-'}}</span>
+							<span class="title-font">项目金额</span>
+							<span class="value-font">￥{{order.priceMarkup}}</span>
 						</view>
-						<view class="mian-content-textarea">
-							<span class="mian-view-list-title" style="margin: 10px 0px;">提前结束原因</span>
-							<textarea class="textarea-mian" :disabled="true"  v-model="order.earlyFinishReason"  maxlength="100" name="" id=""></textarea>
+						<view class="mian-view-list" style="justify-content: flex-end;">
+							<view class="title-font">收益小计：</view>
+							<view class="value-font" style="font-weight: bold;">￥<text>{{order.projectBenefits}}</text>
+							</view>
 						</view>
-					</view>
-					<view class="mina-title">
-						<span class="mina-title-text">预计收益</span>
-						<span class="mina-title-bor"></span>
-					</view>
-					<view class="mian-content" style="margin-bottom: 10px;">
-						<view class="mian-view-list">
-							<span class="mian-view-list-title">提成比例</span>
-							<span class="mian-view-list-text">{{order.artificerRate*100}}%</span>
+						<view class="jusitify-line-end"></view>
+						<view class="mina-title">
+							<span class="mina-title-text">出行费用</span>
+							<span class="mina-title-bor"></span>
+						</view>
+						<view class="mian-view-list" v-if="order.tripWay">
+							<view class="title-font">出行方式</view>
+							<view v-if="order.tripWay == 1" class="value-font">公交</view>
+							<view v-if="order.tripWay == 2" class="value-font">出租</view>
+							<view v-if="order.tripWay == 3" class="value-font">免费</view>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">项目收益</span>
-							<span class="mian-view-list-text" v-if="order.isSupplement">￥{{order.oldProjectBenefits}}</span>
-							<span class="mian-view-list-text" v-else>￥{{order.projectBenefits}}</span>
+							<span class="title-font">全程距离</span>
+							<span class="value-font">{{order.km}}km</span>
 						</view>
-						<!-- <view class="mian-view-list">
-							<span class="mian-view-list-title">优惠券</span>
-							<span class="mian-view-list-text" style="color: #FF6000;" v-if="order.couponMoney">-￥{{order.couponMoney}}</span>
-							<span class="mian-view-list-text" v-else>-</span>
-						</view> -->
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">车费收益</span>
-							<span class="mian-view-list-text">￥{{order.artificerTaxiMoney}}</span>
+							<view class="title-font">出行费用</view>
+							<view class="value-font">￥{{order.usualTravelMoney}}</view>
+						</view>
+						<view class="mian-view-list" v-if="order.nightTravelMoney">
+							<view class="title-font">夜间出行</view>
+							<view class="value-font">￥{{order.nightTravelMoney}}</view>
+						</view>
+						<view class="mian-view-list" style="justify-content: flex-end;">
+							<span class="title-font">收益小计：</span>
+							<span class="value-font" style="font-weight: bold;">￥{{order.artificerTaxiMoney}}</span>
+						</view>
+						<view class="jusitify-line-end"></view>
+						<view class="mina-title">
+							<span class="mina-title-text">预计收益</span>
+							<span class="mina-title-bor"></span>
+						</view>
+						<view class="mian-view-list">
+							<span class="title-font">提成比例</span>
+							<span class="value-font" style="font-weight: bold;">{{order.artificerRate*100}}%</span>
+						</view>
+						<view class="mian-view-list">
+							<span class="title-font">项目收益</span>
+							<span class="value-font" style="font-weight: bold;">￥{{order.projectBenefits}}</span>
+						</view>
+						<view class="mian-view-list">
+							<span class="title-font">车费收益</span>
+							<span class="value-font" style="font-weight: bold;">￥{{order.artificerTaxiMoney}}</span>
 						</view>
 					</view>
 					<view class="yiji">
@@ -1054,64 +1100,71 @@
 							</span>
 						</view>
 					</view>
-					<view v-if="order.startRemark&&order.status!='8'">
-						<view class="mina-title">
-							<span class="mina-title-text">备注</span>
-							<span class="mina-title-bor"></span>
-						</view>
-						<view class="mian-view" style="height: 110px;">
-							<textarea @input="textareaData" v-model="order.startRemark" :disabled="true" placeholder="请输入备注信息" name="" id="" cols="30" rows="10"></textarea>
-						</view>
-					</view>
-					<view v-if="order.status=='8'">
-						<view class="mina-title">
-							<span class="mina-title-text">备注</span>
-							<span class="mina-title-bor"></span>
-						</view>
-						<view class="mian-view" style="height: 110px;">
-							<textarea @input="textareaData" v-model="order.startRemark" placeholder="请输入备注信息" name="" id="" cols="30" rows="10"></textarea>
-						</view>
-					</view>
-					<view class="bg padding radius margin-top" v-if="order.status!='8'&&order.startImg">
-						<view class="" style="font-size: 30rpx;color: #000000;font-weight: bold;margin-bottom: 20rpx;">服务前照片
-						</view>
-						<view class="flex flex-wrap justify-between">
-							<view class="flex margin-bottom-sm"
-								style="width: 48%;height: 200rpx;margin-right: 5rpx;position: relative;"
-								v-for="(image,index) in order.startImg" :key="index"
-								@click="saveImg( order.startImg,index)">
-								<image :src="image" style="width: 100%;height: 100%;border-radius: 10upx;"
-									mode="aspectFill">
-								</image>
+					<view class="mian-view"
+						v-if="order.status=='3'||order.status=='5'||order.status=='6'||order.status=='8'">
+						<view v-if="order.startRemark&&order.status!='8'">
+							<view class="mina-title">
+								<span class="mina-title-text">开始备注</span>
+								<span class="mina-title-bor"></span>
+							</view>
+							<view class="textarea-mian" style="height: 110px;">
+								<textarea @input="textareaData" v-model="order.startRemark" :disabled="true"
+									placeholder="请输入备注信息" name="" id="" cols="30" rows="10"></textarea>
 							</view>
 						</view>
-					</view>
-					<view class="bg padding radius margin-top" v-if="order.status==8 && startImgSel != '否'">
-						<view class="" style="font-size: 30rpx;color: #000000;font-weight: bold;margin-bottom: 20rpx;">服务前照片
+						<view v-if="order.status=='8'">
+							<view class="mina-title">
+								<span class="mina-title-text">开始备注</span>
+								<span class="mina-title-bor"></span>
+							</view>
+							<view class="textarea-mian" style="height: 110px;">
+								<textarea @input="textareaData" v-model="order.startRemark" placeholder="请输入备注信息"
+									name="" id="" cols="30" rows="10"></textarea>
+							</view>
 						</view>
-						<view class="flex flex-wrap">
-							<view v-if="startImgs.length">
-								<view class="flex margin-right-sm flex-wrap">
-									<view class="flex"
-										style="width: 200rpx;height: 200rpx;margin-right: 5rpx;position: relative;"
-										v-for="(image,index) in startImgs" :key="index">
-										<image :src="pictureEcho[0]" style="width: 100%;height: 100%;"></image>
-										<view style="z-index: 0;position: absolute;top: -15rpx;right: -15rpx;"
-											@click="removeImg(index,1)">
-											<u-icon name="close-circle-fill" color="#2979ff" size="50rpx"></u-icon>
+						<view class="bg padding radius margin-top" v-if="order.status!='8'&&order.startImg">
+							<view class=""
+								style="font-size: 30rpx;color: #000000;font-weight: bold;margin-bottom: 20rpx;">服务前照片
+							</view>
+							<view class="flex flex-wrap justify-between">
+								<view class="flex margin-bottom-sm"
+									style="width: 48%;height: 200rpx;margin-right: 5rpx;position: relative;"
+									v-for="(image,index) in order.startImg" :key="index"
+									@click="saveImg( order.startImg,index)">
+									<image :src="image" style="width: 100%;height: 100%;border-radius: 10upx;"
+										mode="aspectFill">
+									</image>
+								</view>
+							</view>
+						</view>
+						<view class="bg padding radius margin-top" v-if="order.status==8 && startImgSel != '否'">
+							<view class=""
+								style="font-size: 30rpx;color: #000000;font-weight: bold;margin-bottom: 20rpx;">服务前照片
+							</view>
+							<view class="flex flex-wrap">
+								<view v-if="startImgs.length">
+									<view class="flex margin-right-sm flex-wrap">
+										<view class="flex"
+											style="width: 200rpx;height: 200rpx;margin-right: 5rpx;position: relative;"
+											v-for="(image,index) in startImgs" :key="index">
+											<image :src="pictureEcho[0]" style="width: 100%;height: 100%;"></image>
+											<view style="z-index: 0;position: absolute;top: -15rpx;right: -15rpx;"
+												@click="removeImg(index,1)">
+												<u-icon name="close-circle-fill" color="#2979ff" size="50rpx"></u-icon>
+											</view>
 										</view>
 									</view>
 								</view>
-							</view>
-							<view class="flex align-center justify-center padding-tb "
-								style="background: #f5f5f5;width: 200rpx;height: 200rpx;">
-								<view class="text-center" @click="addImage(1)">
-									<image src="../static/photo.png" style="width:60upx;height: 50upx;"></image>
-									<view class="text-sm">上传照片</view>
+								<view class="flex align-center justify-center padding-tb "
+									style="background: #f5f5f5;width: 200rpx;height: 200rpx;">
+									<view class="text-center" @click="addImage(1)">
+										<image src="../static/photo.png" style="width:60upx;height: 50upx;"></image>
+										<view class="text-sm">上传照片</view>
+									</view>
 								</view>
 							</view>
 						</view>
-					</view>				
+					</view>
 				</view>
 				<!-- 套餐疗程次卡 加钟 没有升级 -->
 				<view v-if="order.isSupplement!='2'&&order.addNum!=null">
@@ -1123,10 +1176,9 @@
 						<view class="mian-top-head">
 							<image v-if="order && order.ordersMassageList"
 								:src="(order.ordersMassageList[0].userPackageDetail || {}).massageImg"
-								 class="mian-top-head-img"></image>
+								class="mian-top-head-img"></image>
 							<view class="mian-top-head-right">
 								<view class="mian-title" v-if="order && order.ordersMassageList">
-									
 									<view class="mian-title-view">{{order.entryName}}</view>
 									<!-- <view class="nav-btn" v-if="order.status ==1">待支付</view> -->
 									<view class="nav-btn" v-if="order.status ==2">待服务</view>
@@ -1139,20 +1191,19 @@
 									<view class="nav-btn" v-if="order.status ==9">确认接单</view>
 								</view>
 								<view class="mian-time" v-if="order && order.ordersMassageList">
-									<text class="title-font">服务时长：</text><text class="value-font">{{order.duration}}分钟</text>
+									<text class="title-font">服务时长：</text><text
+										class="value-font">{{order.duration}}分钟</text>
 								</view>
-								
 								<view class="mian-money" style="justify-content: space-between;">
 									<view class="flex" style="flex-direction: row;align-items: center;">
-										<view class="mian-money-title">项目价格：</view>
-										<view class="mian-money-num">
+										<view class="title-font">项目价格：</view>
+										<view class="value-font">
 											<span class="fuhao">￥</span>
 											<span class="number">
 												{{order.massagePrice}}
 											</span>
 										</view>
 									</view>
-									
 									<view class="jiajian">
 										<view class="jian">-</view>
 										<view class="view-num">{{order.massageNum}}</view>
@@ -1164,9 +1215,10 @@
 						</view>
 						<view class="mian-top-foot" @tap="bindGps(order.latitude,order.longitude,order.address)">
 							<view class="mian-top-foot-view">
-								<view class="title-font">客户信息: </view>
+								<view class="title-font">客户信息：</view>
 								<view class="value-font">
-									<span @tap.stop="copyAddress()" v-if="order.status !=1 && order.status !=5 && order.status !=3 && order.status !=4">
+									<span @tap.stop="copyAddress()"
+										v-if="order.status !=1 && order.status !=5 && order.status !=3 && order.status !=4">
 										{{order.userName}}
 										{{order.phone ? order.phone.substring(0,3) + '****' + order.phone.substring(7,11) : ''}}
 										<u-icon name="file-text"></u-icon>
@@ -1179,153 +1231,151 @@
 								</view>
 							</view>
 							<view class="mian-top-foot-view" style="margin-top: 5px;">
-								<view class="mian-top-foot-view-title title-font">服务地址: </view>
-								<view class="mian-top-foot-view-text" style="width: 70%;text-align: right;">
+								<view class="title-font">服务地址：</view>
+								<view class="value-font" style="width: 75%;text-align: right;">
 									{{order.address}}
 								</view>
 							</view>
 						</view>
 					</view>
-					<view class="mina-title">
-						<span class="mina-title-text">项目信息</span>
-						<span class="mina-title-bor"></span>
-					</view>
 					<view class="mian-view">
+						<view class="mina-title">
+							<span class="mina-title-text">订单信息</span>
+							<span class="mina-title-bor"></span>
+						</view>
 						<view class="mian-view-list" @tap="copy(order.ordersNo)">
-							<span class="mian-view-list-title">订单编号</span>
-							<span class="mian-view-list-text">
+							<span class="title-font">订单编号</span>
+							<span class="value-font">
 								{{order.ordersNo}}
-								<u-icon name="file-text"/>
+								<u-icon name="file-text" />
 							</span>
-						</view>					
-						<view class="mian-view-list">
-							<span class="mian-view-list-title">下单时间</span>
-							<span class="mian-view-list-text">{{order.createTime}}</span>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">预约时间</span>
-							<span class="mian-view-list-text">{{order.serveTime}}</span>
-						</view>
-						<view class="mian-view-list" v-if="order.tripWay">
-							<view class="mian-view-list-title">出行方式</view>
-							<view v-if="order.tripWay == 1" class="mian-view-list-text">公交</view>
-							<view v-if="order.tripWay == 2" class="mian-view-list-text">出租</view>
-							<view v-if="order.tripWay == 3" class="mian-view-list-text">免费</view>
+							<span class="title-font">预约时间</span>
+							<span class="value-font">{{order.serveTime}}</span>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">全程距离</span>
-							<span class="mian-view-list-text">{{order.km}}km</span>
+							<span class="title-font">下单时间</span>
+							<span class="value-font">{{order.createTime}}</span>
+						</view>
+						<view class="mian-content-textarea" v-if="order.remark!=null&&order.remark!=''">
+							<span class="title-font">服务备注</span>
+							<textarea class="textarea-mian" :disabled="true" v-model="order.remark"></textarea>
+						</view>
+						<view class="mian-content-textarea" v-if="order.earlyFinishReason!=null&&order.remark!=''">
+							<span class="title-font">提前结束原因</span>
+							<textarea class="textarea-mian" :disabled="true"
+								v-model="order.earlyFinishReason"></textarea>
+						</view>
+						<view class="jusitify-line-end"></view>
+						<view class="mina-title">
+							<span class="mina-title-text">订单费用</span>
+							<span class="mina-title-bor"></span>
 						</view>
 						<view class="mian-view-list">
-							<view class="mian-view-list-title">{{order.packageType=='104'?'套餐':order.packageType=='105'?'次卡':order.packageType=='106'?'疗程':'其他'}}名称</view>
-							<span class="mian-view-list-text">
+							<view class="title-font">
+								{{order.packageType=='104'?'套餐':order.packageType=='105'?'次卡':order.packageType=='106'?'疗程':order.packageType=='111'?'团购':order.packageType=='112'?'秒杀':'其他'}}名称
+							</view>
+							<span class="value-font">
 								{{order.ordersMassageList[0].userPackageDetail.mainTitle}}
 							</span>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">服务项目</span>
-							<span class="mian-view-list-text">
+							<span class="title-font">服务项目</span>
+							<span class="value-font">
 								{{order.entryName}}
 							</span>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">车费收益</span>
-							<span class="mian-view-list-text">￥{{order.artificerTaxiMoney}}</span>
+							<span class="title-font">服务时长</span>
+							<span class="value-font">{{order.duration}}分钟</span>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">项目金额</span>
-							<span class="mian-view-list-text">￥{{order.massagePrice}}</span>
+							<span class="title-font">项目金额</span>
+							<span class="value-font">￥{{order.priceMarkup}}</span>
 						</view>
-<!-- 						<view class="mian-view-list">
-							<span class="mian-view-list-title">优惠券</span>
-							<span class="mian-view-list-text" style="color: #FF6000;" v-if="order.couponMoney">-￥{{order.couponMoney}}</span>
-							<span class="mian-view-list-text" v-else>-</span>
-						</view> -->
-						<view class="mian-view-list">
-							<span class="mian-view-list-title">项目收益</span>
-							<span class="mian-view-list-text" v-if="order.isSupplement">￥{{order.oldProjectBenefits}}</span>
-							<span class="mian-view-list-text" v-else>￥{{order.projectBenefits}}</span>
-						</view>
-						<view class="mian-view-list">
-							<span class="mian-view-list-title">是否提前结束</span>
-							<span class="mian-view-list-text">{{order.earlyFinishReason!=null?'是':'-'}}</span>
-						</view>
-						<view class="mian-content-textarea">
-							<span class="mian-view-list-title" style="margin: 10px 0px;">提前结束原因</span>
-							<textarea class="textarea-mian" :disabled="true"  v-model="order.earlyFinishReason"  maxlength="100" name="" id=""></textarea>
-						</view>
-					</view>
-					<view class="mina-title">
-						<span class="mina-title-text">加钟信息</span>
-						<span class="mina-title-bor"></span>
-					</view>
-					<view class="mian-view">
-						<view class="mian-view-list">
-							<span class="mian-view-list-title">是否加钟</span>
-							<span class="mian-view-list-text">{{order.addNum!=null?'是':'-'}}</span>
-						</view>
-						<view class="mian-view-list">
-							<span class="mian-view-list-title">服务项目</span>
-							<span class="mian-view-list-text">{{order.addEntryName!=null?order.addEntryName:'-'}}</span>
-						</view>
-						<view class="mian-view-list">
-							<span class="mian-view-list-title">项目价格</span>
-							<span class="mian-view-list-text" v-if="order.addPrice!=null">￥{{order.addPrice}}</span>
-							<span class="mian-view-list-text" v-else>-</span>
-						</view>
-						<view class="mian-view-list">
-							<view class="mian-view-list-title">会员减免</view>
-							<view class="mian-view-list-text" style="color: #FF6000;">-￥{{order.addVipReductionMoney}}</view>
-						</view>
-						<view class="mian-view-list">
-							<span class="mian-view-list-title">服务时长</span>
-							<span class="mian-view-list-text">{{order.addTime}}分钟</span>
-						</view>
-<!-- 						<view class="mian-view-list">
-							<span class="mian-view-list-title">加钟数量</span>
-							<span class="mian-view-list-text">{{order.addNum!=null?order.addNum:'-'}}</span>
-						</view> -->
-						<view class="mian-view-list">
-							<span class="mian-view-list-title">加钟费用</span>
-							<span class="mian-view-list-text" v-if="order.addMoney!=null">￥{{order.addMoney}}</span>
-							<span class="mian-view-list-text" v-else>-</span>
-						</view>
-						<view class="yingde" style="background: #EBEBEB;">
-							<view class="yingde-title">加钟收益</view>
-							<view class="yingde-money" v-if="order.addArtificerMoney!=null">
-								<span class="fuhao-hei">￥</span>
-								<span class="num-hei">{{order.addArtificerMoney}}</span>
+						<view class="mian-view-list" style="justify-content: flex-end;">
+							<view class="title-font">收益小计：</view>
+							<view class="value-font" style="font-weight: bold;">￥<text>{{order.projectBenefits}}</text>
 							</view>
-							<span class="mian-view-list-text" v-else>-</span>
 						</view>
-					</view>
-					<view class="mina-title">
-						<span class="mina-title-text">预计收益</span>
-						<span class="mina-title-bor"></span>
-					</view>
-					<view class="mian-content" style="margin-bottom: 10px;">
-						<view class="mian-view-list">
-							<span class="mian-view-list-title">提成比例</span>
-							<span class="mian-view-list-text">{{order.artificerRate*100}}%</span>
+						<view class="jusitify-line-end"></view>
+						<view class="mina-title">
+							<span class="mina-title-text">出行费用</span>
+							<span class="mina-title-bor"></span>
+						</view>
+						<view class="mian-view-list" v-if="order.tripWay">
+							<view class="title-font">出行方式</view>
+							<view v-if="order.tripWay == 1" class="value-font">公交</view>
+							<view v-if="order.tripWay == 2" class="value-font">出租</view>
+							<view v-if="order.tripWay == 3" class="value-font">免费</view>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">项目收益</span>
-							<span class="mian-view-list-text" v-if="order.isSupplement">￥{{order.oldProjectBenefits}}</span>
-							<span class="mian-view-list-text" v-else>￥{{order.projectBenefits}}</span>
-						</view>
-						
-						<!-- <view class="mian-view-list">
-							<span class="mian-view-list-title">优惠券</span>
-							<span class="mian-view-list-text" style="color: #FF6000;" v-if="order.couponMoney">-￥{{order.couponMoney}}</span>
-							<span class="mian-view-list-text" v-else>-</span>
-						</view> -->
-						<view class="mian-view-list">
-							<span class="mian-view-list-title">车费收益</span>
-							<span class="mian-view-list-text">￥{{order.artificerTaxiMoney}}</span>
+							<span class="title-font">全程距离</span>
+							<span class="value-font">{{order.km}}km</span>
 						</view>
 						<view class="mian-view-list">
-							<span class="mian-view-list-title">加钟收益</span>
-							<span class="mian-view-list-text">￥{{order.addArtificerMoney!=null?order.addArtificerMoney:0}}</span>
+							<view class="title-font">出行费用</view>
+							<view class="value-font">￥{{order.usualTravelMoney}}</view>
+						</view>
+						<view class="mian-view-list" v-if="order.nightTravelMoney">
+							<view class="title-font">夜间出行</view>
+							<view class="value-font">￥{{order.nightTravelMoney}}</view>
+						</view>
+						<view class="mian-view-list" style="justify-content: flex-end;">
+							<span class="title-font">收益小计：</span>
+							<span class="value-font" style="font-weight: bold;">￥{{order.artificerTaxiMoney}}</span>
+						</view>
+						<view class="jusitify-line-end"></view>
+						<view class="mina-title">
+							<span class="mina-title-text">加钟信息</span>
+							<span class="mina-title-bor"></span>
+						</view>
+						<view class="mian-view-list">
+							<span class="title-font">服务项目</span>
+							<span class="value-font">{{order.addEntryName!=null?order.addEntryName:'-'}}</span>
+						</view>
+						<view class="mian-view-list">
+							<span class="title-font">服务时长</span>
+							<span class="value-font">{{order.addTime}}分钟</span>
+						</view>
+						<view class="mian-view-list">
+							<span class="title-font">项目金额</span>
+							<span class="value-font" v-if="order.addPriceMarkup!=null">￥{{order.addPriceMarkup}}</span>
+							<span class="value-font" v-else>-</span>
+						</view>
+						<view class="mian-view-list">
+							<view class="title-font">会员减免</view>
+							<view class="value-font" style="color: #FF6000;">-￥{{order.addVipReductionMoney}}</view>
+						</view>
+						<view class="mian-view-list" style="justify-content: flex-end;">
+							<view class="title-font">收益小计：</view>
+							<view class="value-font" style="font-weight: bold;">
+								￥<text>{{order.addArtificerMoney}}</text></view>
+						</view>
+						<view class="jusitify-line-end"></view>
+						<view class="mina-title">
+							<span class="mina-title-text">预计收益</span>
+							<span class="mina-title-bor"></span>
+						</view>
+						<view class="mian-view-list">
+							<span class="title-font">提成比例</span>
+							<span class="value-font" style="font-weight: bold;">{{order.artificerRate*100}}%</span>
+						</view>
+						<view class="mian-view-list">
+							<span class="title-font">项目收益</span>
+							<span class="value-font" style="font-weight: bold;"
+								v-if="order.isSupplement">￥{{order.oldProjectBenefits}}</span>
+							<span class="value-font" style="font-weight: bold;" v-else>￥{{order.projectBenefits}}</span>
+						</view>
+						<view class="mian-view-list">
+							<span class="title-font">车费收益</span>
+							<span class="value-font" style="font-weight: bold;">￥{{order.artificerTaxiMoney}}</span>
+						</view>
+						<view class="mian-view-list">
+							<span class="title-font">加钟收益</span>
+							<span class="value-font"
+								style="font-weight: bold;">￥{{order.addArtificerMoney!=null?order.addArtificerMoney:0}}</span>
 						</view>
 					</view>
 					<view class="yiji">
@@ -1337,69 +1387,73 @@
 							</span>
 						</view>
 					</view>
-					<view v-if="order.startRemark&&order.status!='8'">
-						<view class="mina-title">
-							<span class="mina-title-text">备注</span>
-							<span class="mina-title-bor"></span>
-						</view>
-						<view class="mian-view" style="height: 110px;">
-							<textarea @input="textareaData" v-model="order.startRemark" :disabled="true" placeholder="请输入备注信息" name="" id="" cols="30" rows="10"></textarea>
-						</view>
-					</view>
-					<view v-if="order.status=='8'">
-						<view class="mina-title">
-							<span class="mina-title-text">备注</span>
-							<span class="mina-title-bor"></span>
-						</view>
-						<view class="mian-view" style="height: 110px;">
-							<textarea @input="textareaData" v-model="order.startRemark" placeholder="请输入备注信息" name="" id="" cols="30" rows="10"></textarea>
-						</view>
-					</view>
-					<view class="bg padding radius margin-top" v-if="order.status!='8'&&order.startImg">
-						<view class="" style="font-size: 30rpx;color: #000000;font-weight: bold;margin-bottom: 20rpx;">服务前照片
-						</view>
-						<view class="flex flex-wrap justify-between">
-							<view class="flex margin-bottom-sm"
-								style="width: 48%;height: 200rpx;margin-right: 5rpx;position: relative;"
-								v-for="(image,index) in order.startImg" :key="index"
-								@click="saveImg( order.startImg,index)">
-								<image :src="image" style="width: 100%;height: 100%;border-radius: 10upx;"
-									mode="aspectFill">
-								</image>
+					<view class="mian-view"
+						v-if="order.status=='3'||order.status=='5'||order.status=='6'||order.status=='8'">
+						<view v-if="order.startRemark&&order.status!='8'">
+							<view class="mina-title">
+								<span class="mina-title-text">开始备注</span>
+								<span class="mina-title-bor"></span>
+							</view>
+							<view class="textarea-mian" style="height: 110px;">
+								<textarea @input="textareaData" v-model="order.startRemark" :disabled="true"
+									placeholder="请输入备注信息" name="" id="" cols="30" rows="10"></textarea>
 							</view>
 						</view>
-					</view>
-					<view class="bg padding radius margin-top" v-if="order.status==8 && startImgSel != '否'">
-						<view class="" style="font-size: 30rpx;color: #000000;font-weight: bold;margin-bottom: 20rpx;">服务前照片
+						<view v-if="order.status=='8'">
+							<view class="mina-title">
+								<span class="mina-title-text">开始备注</span>
+								<span class="mina-title-bor"></span>
+							</view>
+							<view class="textarea-mian" style="height: 110px;">
+								<textarea @input="textareaData" v-model="order.startRemark" placeholder="请输入备注信息"
+									name="" id="" cols="30" rows="10"></textarea>
+							</view>
 						</view>
-						<view class="flex flex-wrap">
-							<view v-if="startImgs.length">
-								<view class="flex margin-right-sm flex-wrap">
-									<view class="flex"
-										style="width: 200rpx;height: 200rpx;margin-right: 5rpx;position: relative;"
-										v-for="(image,index) in startImgs" :key="index">
-										<image :src="pictureEcho[0]" style="width: 100%;height: 100%;"></image>
-										<view style="z-index: 0;position: absolute;top: -15rpx;right: -15rpx;"
-											@click="removeImg(index,1)">
-											<u-icon name="close-circle-fill" color="#2979ff" size="50rpx"></u-icon>
+						<view class="bg padding radius margin-top" v-if="order.status!='8'&&order.startImg">
+							<view class=""
+								style="font-size: 30rpx;color: #000000;font-weight: bold;margin-bottom: 20rpx;">服务前照片
+							</view>
+							<view class="flex flex-wrap justify-between">
+								<view class="flex margin-bottom-sm"
+									style="width: 48%;height: 200rpx;margin-right: 5rpx;position: relative;"
+									v-for="(image,index) in order.startImg" :key="index"
+									@click="saveImg( order.startImg,index)">
+									<image :src="image" style="width: 100%;height: 100%;border-radius: 10upx;"
+										mode="aspectFill">
+									</image>
+								</view>
+							</view>
+						</view>
+						<view class="bg padding radius margin-top" v-if="order.status==8 && startImgSel != '否'">
+							<view class=""
+								style="font-size: 30rpx;color: #000000;font-weight: bold;margin-bottom: 20rpx;">服务前照片
+							</view>
+							<view class="flex flex-wrap">
+								<view v-if="startImgs.length">
+									<view class="flex margin-right-sm flex-wrap">
+										<view class="flex"
+											style="width: 200rpx;height: 200rpx;margin-right: 5rpx;position: relative;"
+											v-for="(image,index) in startImgs" :key="index">
+											<image :src="pictureEcho[0]" style="width: 100%;height: 100%;"></image>
+											<view style="z-index: 0;position: absolute;top: -15rpx;right: -15rpx;"
+												@click="removeImg(index,1)">
+												<u-icon name="close-circle-fill" color="#2979ff" size="50rpx"></u-icon>
+											</view>
 										</view>
 									</view>
 								</view>
-							</view>
-							<view class="flex align-center justify-center padding-tb "
-								style="background: #f5f5f5;width: 200rpx;height: 200rpx;">
-								<view class="text-center" @click="addImage(1)">
-									<image src="../static/photo.png" style="width:60upx;height: 50upx;"></image>
-									<view class="text-sm">上传照片</view>
+								<view class="flex align-center justify-center padding-tb "
+									style="background: #f5f5f5;width: 200rpx;height: 200rpx;">
+									<view class="text-center" @click="addImage(1)">
+										<image src="../static/photo.png" style="width:60upx;height: 50upx;"></image>
+										<view class="text-sm">上传照片</view>
+									</view>
 								</view>
 							</view>
 						</view>
 					</view>
-				
 				</view>
-							
 			</view>
-			
 			<view class="footers" v-if="order.refusalContent==null">
 				<view @click="cxOrder(order)" class="footers-btn footers-true" v-if="order.status == 2">
 					现在出发
@@ -1407,21 +1461,19 @@
 				<view @click="cxOrder(order)" class="footers-btn footers-bor" v-if="order.status == 7">
 					我已到达
 				</view>
-				<view @click="fuwuOrder(order)" class="footers-btn footers-true"v-if="order.status == 8">
+				<view @click="fuwuOrder(order)" class="footers-btn footers-true" v-if="order.status == 8">
 					开始服务
 				</view>
-				<view @click="toggle('bottom',order)" class="footers-btn footers-bor" v-if="order.status == 6&&(order.earlyFinishReason!=null||endOfServiceTimer<0)">
+				<view @click="toggle('bottom',order)" class="footers-btn footers-bor"
+					v-if="order.status == 6&&(order.earlyFinishReason!=null||endOfServiceTimer<0)">
 					服务完成
 				</view>
-				
 				<view class="footers-btn footers-true" @click="nineState(order.ordersId)"
-					 v-if="order.status == 9&&!order.refusalContentl"
-					>
+					v-if="order.status == 9&&!order.refusalContentl">
 					确认接单
 				</view>
-				<view class="footers-btn footers-bor"  v-if="order.status == 9&&!order.refusalContentl"
-					@click="toggleJ('bottom',order.ordersId)"
-				>
+				<view class="footers-btn footers-bor" v-if="order.status == 9&&!order.refusalContentl"
+					@click="toggleJ('bottom',order.ordersId)">
 					拒单申请
 				</view>
 				<!-- <view class="footers-btn footers-bor" @click="goMsg">联系客服11</view> -->
@@ -1436,7 +1488,8 @@
 		</view>
 		<!-- <u-skeleton :loading="loading" :animation="true" bgColor="#FFF"></u-skeleton> -->
 		<!-- #ifndef H5 -->
-		<image v-if="order.status == 6" src="../../static/images/index/jinji.png" class="bj_view" @tap="goBaoJing"></image>
+		<image v-if="order.status == 6" src="../../static/images/index/jinji.png" class="bj_view" @tap="goBaoJing">
+		</image>
 		<!-- #endif -->
 		<!-- 支付方式 -->
 		<u-popup v-model="showpay" mode="bottom" :closeable="closeable">
@@ -1478,24 +1531,23 @@
 							<view class="fuwu">
 								<view class="popup-title">服务承诺</view>
 								<view class="fuwu-check">
-									<uni-data-checkbox @change="change" selectedColor="#049F89" class="fuwu-checkbox" multiple v-model="checkbox1" :localdata="hobby"></uni-data-checkbox>
+									<uni-data-checkbox @change="change" selectedColor="#049F89" class="fuwu-checkbox"
+										multiple v-model="checkbox1" :localdata="hobby"></uni-data-checkbox>
 								</view>
 							</view>
 							<view class="guke">
 								<view class="popup-title">顾客评价</view>
 								<view class="guke-list">
-									<view class="guke-btn huiBtn" 
-									:class="{ lanBtn: selected.includes(item) }" 
-									@click="gukeBtn(item)" 
-									v-for="(item,index) in fuwuBtn" 
-									:key="index">
+									<view class="guke-btn huiBtn" :class="{ lanBtn: selected.includes(item) }"
+										@click="gukeBtn(item)" v-for="(item,index) in fuwuBtn" :key="index">
 										{{item.title}}
 									</view>
 								</view>
 							</view>
 							<view class="beizhu">
 								<view class="popup-title">特殊情况备注</view>
-								<textarea @input="textareaData" class="beizhu-textarea" placeholder="本次服务中出现的特殊情况，请在此输入" name="" id="" cols="30" rows="10"></textarea>
+								<textarea @input="textareaData" class="beizhu-textarea" placeholder="本次服务中出现的特殊情况，请在此输入"
+									name="" id="" cols="30" rows="10"></textarea>
 							</view>
 						</view>
 						<view class="popup-mian-btn">
@@ -1519,13 +1571,14 @@
 						<span @click="closePopupJ(type)">x</span>
 					</view>-->
 					<view class="popup-head">
-						<image src="../../static/closeimg.png" class="popup-img"  @click="closePopupJ(type)"></image>
+						<image src="../../static/closeimg.png" class="popup-img" @click="closePopupJ(type)"></image>
 					</view>
 					<view class="popup-mian">
 						<view class="popup-view">
 							<view class="beizhu">
 								<view class="popup-title">拒单申请原因</view>
-								<textarea class="beizhu-textarea" @input="refusa" placeholder="拒绝申请原因，请在此输入" name="" id="" cols="30" rows="10"></textarea>
+								<textarea class="beizhu-textarea" @input="refusa" placeholder="拒绝申请原因，请在此输入" name=""
+									id="" cols="30" rows="10"></textarea>
 							</view>
 						</view>
 						<view class="popup-mian-btn">
@@ -1541,20 +1594,22 @@
 			</uni-popup>
 		</view>
 	</view>
-
 </template>
 
 <script>
 	import * as websocketUtils from 'utils/websocketUtils.js';
-	import {getXZX,post,} from "@/common/httpRequest.js";
+	import {
+		getXZX,
+		post,
+	} from "@/common/httpRequest.js";
 	export default {
 		// components: {
 		// 	CountDown,
 		// },
-		data(){
-			return{
+		data() {
+			return {
 				//老 订单详情
-				jordersId:'',
+				jordersId: '',
 				goods: {},
 				startImgs: [],
 				startImg: '',
@@ -1566,14 +1621,14 @@
 				customStyle: {
 					// backgroundColor: '#e5e5e5',
 					// color: '#FFFFFF',
-				
+
 					// #ifdef MP-WEIXIN
 					width: "330upx",
 					// #endif
 					// #ifndef MP-WEIXIN
 					width: '111px',
-				
-					// #endif	
+
+					// #endif
 					margin: '0 20upx',
 				},
 				customStyle2: {
@@ -1584,8 +1639,8 @@
 					// #endif
 					// #ifndef MP-WEIXIN
 					width: '111px',
-				
-					// #endif	
+
+					// #endif
 					margin: '0 20upx',
 				},
 				id: '',
@@ -1614,10 +1669,10 @@
 				currentPage: null,
 				pageSize: null,
 				//新订单详情
-				selected:[],
-				selectedString:'',
+				selected: [],
+				selectedString: '',
 				headImg: [],
-				type:'bottom',
+				type: 'bottom',
 				checkbox1: [0],
 				hobby: [{
 					text: '价格透明',
@@ -1628,24 +1683,24 @@
 				}, {
 					text: '最快不满意重做分钟上门',
 					value: '2'
-				},{
+				}, {
 					text: '7*24 小时客服',
 					value: '3'
-				},{
+				}, {
 					text: '最快 30 分钟上门',
 					value: '4'
 				}],
-				fuwuBtn:[],
-				textareaTxt:'',
-				checkbox2:[],
-				refusalContent:'',
-				imgList:[],
-				koufeiMoney:'',
-				xiangmuMoney:'',
-				jishishouyi:''
+				fuwuBtn: [],
+				textareaTxt: '',
+				checkbox2: [],
+				refusalContent: '',
+				imgList: [],
+				koufeiMoney: '',
+				xiangmuMoney: '',
+				jishishouyi: ''
 			}
 		},
-		
+
 		watch: {
 			formatTimeStamp(newValue, oldValue) {
 				console.log(newValue);
@@ -1658,7 +1713,7 @@
 			this.startImgSel = this.$queue.getData('startImgSel');
 			uni.showLoading({
 				title: '加载中......'
-		
+
 			})
 			let that = this;
 			uni.getLocation({
@@ -1692,7 +1747,7 @@
 			if (uni.getStorageSync('token')) {
 				this.getIsVip()
 			}
-		
+
 			// #ifdef APP
 			this.openLists = [{
 					image: '../../static/images/icon_weixin.png',
@@ -1709,7 +1764,7 @@
 				}],
 				this.openWay = 1;
 			// #endif
-		
+
 			// #ifdef MP-WEIXIN
 			this.openLists = [{
 					image: '../../static/images/icon_weixin.png',
@@ -1722,7 +1777,7 @@
 				}],
 				this.openWay = 1;
 			// #endif
-		
+
 			// #ifdef H5
 			this.openLists = [{
 					image: '../../static/images/lingqian.png',
@@ -1746,11 +1801,11 @@
 					this.innerAudioContext.destroy();
 					this.innerAudioContext = null;
 				} catch (e) {
-		
+
 				}
 			}
 		},
-		methods:{
+		methods: {
 			getOrder() {
 				let data = {
 					ordersId: this.ordersId
@@ -1762,13 +1817,17 @@
 						uni.hideLoading()
 						this.order = res.data;
 						//扣费明细 小计
-						this.koufeiMoney=this.order.channelDeduction+this.order.valueStorageDeduction+this.order.pingMoney
+						this.koufeiMoney = this.order.channelDeduction + this.order.valueStorageDeduction + this
+							.order.pingMoney
 						//预计收益下面 实际金额
-						this.xiangmuMoney=this.order.massagePrice*this.order.ordersMassageList[0].num*(this.order.vipRate/100)*(1+this.order.technicianRate/100)
-						//技师的总共收益   
+						this.xiangmuMoney = this.order.massagePrice * this.order.ordersMassageList[0].num * (this
+							.order.vipRate / 100) * (1 + this.order.technicianRate / 100)
+						//技师的总共收益
 						//技师收益（升级）=（升级后项目价格（488）*会议折扣（0.9）-优惠卷（14））* 分成比例（0.65）* 用户余额比例（0.9) + 车费（14）
 						// this.jishishouyi=((this.xiangmuMoney-this.order.couponMoney)*this.order.artificerRate*(this.order.walletRate/100)+this.order.taxiMoney+order.addMoney).toFixed(2)
-						this.jishishouyi=(((this.xiangmuMoney+this.order.addMoney+this.order.taxiMoney-this.order.couponMoney)-this.order.couponMoney)*this.order.artificerRate*(this.order.walletRate/100)+this.order.taxiMoney).toFixed(2)
+						this.jishishouyi = (((this.xiangmuMoney + this.order.addMoney + this.order.taxiMoney - this
+							.order.couponMoney) - this.order.couponMoney) * this.order.artificerRate * (
+							this.order.walletRate / 100) + this.order.taxiMoney).toFixed(2)
 						this.formatEndTime = res.data.endTime;
 						if (this.order.artificerTaxiMoney && this.order.sumArtificerMoney) {
 							this.sumMoney = parseFloat(parseFloat(this.order.sumArtificerMoney) - parseFloat(this
@@ -1791,7 +1850,7 @@
 							let currentTimeStamp = new Date().getTime() / 1000;
 							let formatTimeStamp = Math.floor(afterTimeStamp - currentTimeStamp);
 							this.endOfServiceTimer = formatTimeStamp;
-							console.log("eeee",this.endOfServiceTimer);
+							console.log("eeee", this.endOfServiceTimer);
 						}
 						this.goods = res.data;
 						// if (this.$refs.countDownEl) this.$refs.countDownEl.update();
@@ -1799,55 +1858,55 @@
 					}
 				})
 			},
-			goBack(){//返回上一页
-					console.log("asdsad")
+			goBack() { //返回上一页
+				console.log("asdsad")
 				uni.switchTab({
-					url:'/pages/order/index'
+					url: '/pages/order/index'
 				})
 			},
-			refusa(e){//拒绝接单 原因
-				this.refusalContent=e.detail.value
+			refusa(e) { //拒绝接单 原因
+				this.refusalContent = e.detail.value
 			},
-			closePopupJ(type){//    关闭弹出框
+			closePopupJ(type) { //    关闭弹出框
 				this.type = type
 				this.$refs.popup.close(type);
 			},
-			toggleJ(type,ordersId) {// 弹出框
+			toggleJ(type, ordersId) { // 弹出框
 				this.jordersId = ordersId;
-				this.type=type;
+				this.type = type;
 				// open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
 				this.$refs.popup.open(type)
 			},
-			juJueState(){
-				var that=this
-				if(that.refusalContent){
-					that.$Request.getT("/app/artificer/jishiJdsq",{
-						ordersId:that.jordersId,
-						refusalContent:that.refusalContent
+			juJueState() {
+				var that = this
+				if (that.refusalContent) {
+					that.$Request.getT("/app/artificer/jishiJdsq", {
+						ordersId: that.jordersId,
+						refusalContent: that.refusalContent
 					}).then(res => {
 						if (res.code == 0) {
 							that.$queue.showToast(res.msg);
 							this.$refs.popup.close(this.type);
 							uni.switchTab({
-								url:'/pages/order/index'
+								url: '/pages/order/index'
 							})
-							
+
 						} else {
 							that.$queue.showToast(res.msg);
 						}
 					});
-				}else{
+				} else {
 					uni.showToast({
-						icon:"error",
-						title:'请填写拒单原因'
+						icon: "error",
+						title: '请填写拒单原因'
 					})
 				}
-				
+
 			},
-			nineState(ordersId){//确认接单
-				var that=this;
-				this.$Request.getT("/app/artificer/jishiQueren",{
-					ordersId:ordersId
+			nineState(ordersId) { //确认接单
+				var that = this;
+				this.$Request.getT("/app/artificer/jishiQueren", {
+					ordersId: ordersId
 				}).then(res => {
 					if (res.code == 200) {
 						that.getOrder()
@@ -1857,43 +1916,43 @@
 					}
 				});
 			},
-			gukeBtn(item){
+			gukeBtn(item) {
 				var index = this.selected.indexOf(item);
-				  if (index === -1) {
+				if (index === -1) {
 					this.selected.push(item);
-				  } else {
+				} else {
 					this.selected.splice(index, 1);
-				  }
-				  var data=[];
-				  for(var i=0;i<this.selected.length;i++){
-					  data.push(this.selected[i].title)
-				  }
-				  this.selectedString=data.join(",")
+				}
+				var data = [];
+				for (var i = 0; i < this.selected.length; i++) {
+					data.push(this.selected[i].title)
+				}
+				this.selectedString = data.join(",")
 			},
-			textareaData(e){
-				this.textareaTxt=e.detail.value
+			textareaData(e) {
+				this.textareaTxt = e.detail.value
 			},
-			change(e) {//选服务承诺
-				var data=e.detail.data;
-				var chec=[];
-					for(var i=0;i<data.length;i++){
-						chec[i]=data[i].text
-					}
-					this.checkbox2=chec.join(',');
+			change(e) { //选服务承诺
+				var data = e.detail.data;
+				var chec = [];
+				for (var i = 0; i < data.length; i++) {
+					chec[i] = data[i].text
+				}
+				this.checkbox2 = chec.join(',');
 			},
-			toggle(type,order) {// 弹出框
+			toggle(type, order) { // 弹出框
 				this.type = type
 				// open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
 				this.$refs.popupW.open(type);
 				this.$Request.getT('/app/artificer/getPingjiaTagList').then(res => {
 					if (res.code == 0) {
-						this.fuwuBtn=res.data;
+						this.fuwuBtn = res.data;
 					} else {
 						this.$queue.showToast(res.msg);
 					}
 				});
 			},
-			fuwuOrder(e) {//开始服务
+			fuwuOrder(e) { //开始服务
 				let startImg = '';
 				if (this.startImgSel === '是') {
 					if (this.startImgs.length == 0) {
@@ -1914,7 +1973,7 @@
 								startLongitude: that.longitude,
 								startLatitude: that.latitude,
 								startImg: startImg,
-								startRemark:that.textareaTxt
+								startRemark: that.textareaTxt
 							}
 							that.$queue.showLoading('提交中...')
 							that.$Request.post('/app/artificer/startOrders', data).then(res => {
@@ -1949,33 +2008,33 @@
 								accomplishLatitude: '43.880721',
 								// accomplishLongitude: that.longitude,
 								// accomplishLatitude: that.latitude,
-								jsFwcn:that.checkbox2,
-								jsPjtag:that.selectedString,
-								jsTsbz:that.textareaTxt
+								jsFwcn: that.checkbox2,
+								jsPjtag: that.selectedString,
+								jsTsbz: that.textareaTxt
 							}
 							that.$queue.showLoading('提交中...')
-							
+
 							let resA = await post('/app/artificer/accomplishOrders', data);
-							if(resA.code==0||resA.code==200){
-									that.$refs.popupW.close("bottom");
-									that.getOrder();
-									websocketUtils.uploadAudioEnd(); //关闭音频上传
-									uni.showToast({
-										title:'操作成功！'
-									});
-									uni.hideLoading();
-									// uni.switchTab({
-									// 	url:'/pages/order/index'
-									// })
-							}else{
-									uni.showToast({
-										icon:'error',
-										title:resA.msg
-									})
-									uni.hideLoading();
+							if (resA.code == 0 || resA.code == 200) {
+								that.$refs.popupW.close("bottom");
+								that.getOrder();
+								websocketUtils.uploadAudioEnd(); //关闭音频上传
+								uni.showToast({
+									title: '操作成功！'
+								});
+								uni.hideLoading();
+								// uni.switchTab({
+								// 	url:'/pages/order/index'
+								// })
+							} else {
+								uni.showToast({
+									icon: 'error',
+									title: resA.msg
+								})
+								uni.hideLoading();
 							}
-								
-							
+
+
 							// let resB = await getXZX("/app/material/selectMaterialArtificer?artificerId=" +
 							// 	artificerId + "&page=" +
 							// 	(this
@@ -2015,7 +2074,7 @@
 							this.innerAudioContext.destroy();
 							this.innerAudioContext = null;
 						} catch (e) {
-			
+
 						}
 					}
 					this.innerAudioContext = uni.createInnerAudioContext();
@@ -2040,7 +2099,7 @@
 				});
 			},
 			goChat() {
-				let kefu = this.$queue.getData('kefu'); // 用户端联系方式 1 手机号 2企业微信 
+				let kefu = this.$queue.getData('kefu'); // 用户端联系方式 1 手机号 2企业微信
 				let kefuPhone = this.$queue.getData('kefuPhone');
 				if (uni.getStorageSync('token')) {
 					if (kefu == 1) {
@@ -2147,7 +2206,7 @@
 			bindGps(latitude, longitude, name, detailsadd) {
 				console.log(latitude, longitude, name, detailsadd)
 				uni.openLocation({
-					latitude: latitude - 0, //要去的纬度-地址       
+					latitude: latitude - 0, //要去的纬度-地址
 					longitude: longitude - 0, //要去的经度-地址
 					name: name, //地址名称
 					address: detailsadd, //详细地址名称
@@ -2189,7 +2248,7 @@
 					}
 				});
 			},
-			
+
 			delOrder(e) {
 				let that = this
 				uni.showModal({
@@ -2260,7 +2319,7 @@
 								console.log('用户点击取消');
 							}
 						}
-			
+
 					})
 				} else if (that.openWay == 2) { //微信支付
 					// #ifdef MP-WEIXIN
@@ -2287,7 +2346,7 @@
 									})
 									that.getOrder()
 									// this.$queue.showToast('支付成功');
-			
+
 									// uni.switchTab({
 									// 	url: '/pages/my/index'
 									// })
@@ -2304,7 +2363,7 @@
 						}
 					});
 					// #endif
-			
+
 					// #ifdef H5
 					let data = {
 						orderId: that.order.ordersId,
@@ -2315,7 +2374,7 @@
 						that.callPay(rea);
 					});
 					// #endif
-			
+
 					// #ifdef APP
 					let data = {
 						orderId: that.order.ordersId,
@@ -2344,7 +2403,7 @@
 							document.forms[0].submit()
 						});
 					// #endif
-			
+
 					// #ifdef APP-PLUS
 					let data = {
 						ordersId: that.order.ordersId,
@@ -2369,7 +2428,7 @@
 				} else {
 					this.onBridgeReady(response);
 				}
-			},  
+			},
 			onBridgeReady: function(response) {
 				let that = this;
 				if (!response.package) {
@@ -2389,7 +2448,7 @@
 							// 使用以上方式判断前端返回,微信团队郑重提示：
 							//res.err_msg将在用户支付成功后返回ok，但并不保证它绝对可靠。
 							uni.hideLoading();
-			
+
 							uni.showToast({
 								title: '支付成功',
 								icon: 'none'
@@ -2462,7 +2521,7 @@
 					}
 				});
 			},
-			
+
 			// 取消订单
 			cancelOrder(e) {
 				let that = this
@@ -2480,7 +2539,7 @@
 								if (res.code == 0) {
 									that.getOrder();
 									uni.showToast({
-										title:'操作成功！'
+										title: '操作成功！'
 									})
 								} else {
 									that.$queue.showToast(res.msg);
@@ -2568,7 +2627,7 @@
 					}
 				})
 			},
-			
+
 			goMsg() {
 				let data = {
 					userId: uni.getStorageSync('userId'),
@@ -2586,19 +2645,19 @@
 				})
 			},
 			//新订单 方法
-			
-			
-			closePopup(type){//    关闭弹出框
+
+
+			closePopup(type) { //    关闭弹出框
 				this.type = type
 				this.$refs.popupW.close(type);
 			},
-			
+
 		}
 	}
 </script>
 
 <style scoped>
-	.view-num{
+	.view-num {
 		margin: 0 2px;
 		height: 26px;
 		text-align: center;
@@ -2609,10 +2668,13 @@
 		width: 27px;
 		line-height: 26px;
 	}
-	.jia{
+
+	.jia {
 		line-height: 28px !important;
 	}
-	.jian,.jia{
+
+	.jian,
+	.jia {
 		height: 28px;
 		line-height: 28px;
 		color: #c0c0c0 !important;
@@ -2625,12 +2687,14 @@
 		border-top-left-radius: 2px;
 		border-bottom-left-radius: 2px;
 	}
-	.jiajian{
+
+	.jiajian {
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 	}
-	.nav-text{
+
+	.nav-text {
 		font-weight: 700;
 		font-size: 16px;
 		line-height: 30px;
@@ -2642,35 +2706,39 @@
 		opacity: 1;
 		color: #000;
 	}
-	.nav-img,.kong{
+
+	.nav-img,
+	.kong {
 		width: 25px;
 		height: 25px;
 	}
-	.nav-view{
-			position: fixed;
-		    left: var(--window-left);
-		    right: var(--window-right);
-		    height: 60px;
-		    height: calc(60px + constant(safe-area-inset-top));
-		    height: calc(60px + env(safe-area-inset-top));
-		    padding: 7px 3px;
-		    padding-top: calc(7px + constant(safe-area-inset-top));
-		    padding-top: calc(7px + env(safe-area-inset-top));
-		    display: -webkit-box;
-		    display: -webkit-flex;
-		    display: flex;
-			flex-direction: row;
-			align-items: flex-end;
-		    overflow: hidden;
-		    -webkit-box-pack: justify;
-		    -webkit-justify-content: space-between;
-		    justify-content: space-between;
-		    box-sizing: border-box;
-		    z-index: 998;
-		    background-color: #fff;
-		    -webkit-transition-property: all;
-		    transition-property: all;
+
+	.nav-view {
+		position: fixed;
+		left: var(--window-left);
+		right: var(--window-right);
+		height: 60px;
+		height: calc(60px + constant(safe-area-inset-top));
+		height: calc(60px + env(safe-area-inset-top));
+		padding: 7px 3px;
+		padding-top: calc(7px + constant(safe-area-inset-top));
+		padding-top: calc(7px + env(safe-area-inset-top));
+		display: -webkit-box;
+		display: -webkit-flex;
+		display: flex;
+		flex-direction: row;
+		align-items: flex-end;
+		overflow: hidden;
+		-webkit-box-pack: justify;
+		-webkit-justify-content: space-between;
+		justify-content: space-between;
+		box-sizing: border-box;
+		z-index: 998;
+		background-color: #fff;
+		-webkit-transition-property: all;
+		transition-property: all;
 	}
+
 	.bj_view {
 		width: 100rpx;
 		height: 100rpx;
@@ -2679,14 +2747,16 @@
 		right: 30rpx;
 		bottom: 180rpx;
 	}
-	.beizhu-textarea{
+
+	.beizhu-textarea {
 		width: 100%;
 		height: 199rpx;
 		background-color: rgba(226, 226, 226, 0.3);
 		border-radius: 14rpx;
 		padding: 10px;
 	}
-	.guke-list{
+
+	.guke-list {
 		width: 100%;
 		display: flex;
 		flex-direction: row;
@@ -2694,15 +2764,18 @@
 		flex-wrap: wrap;
 		box-sizing: border-box;
 	}
-	.huiBtn{
+
+	.huiBtn {
 		background: #f6f6f6;
 		color: #333333;
 	}
-	.lanBtn{
+
+	.lanBtn {
 		background-color: #049F89;
 		color: #fff;
 	}
-	.guke-btn{
+
+	.guke-btn {
 		width: 23%;
 		height: 55rpx;
 		margin-left: 5px;
@@ -2713,55 +2786,64 @@
 		border-radius: 14rpx;
 		margin-bottom: 10px;
 	}
-	/deep/.uni-data-checklist .checklist-group .checklist-box .checkbox__inner .checkbox__inner-icon{
+
+	/deep/.uni-data-checklist .checklist-group .checklist-box .checkbox__inner .checkbox__inner-icon {
 		top: 0px;
 		left: 5px;
 		height: 13px;
 		width: 8px;
 	}
-	/deep/.uni-data-checklist 
-	.checklist-group 
-	.checklist-box 
-	.checklist-content 
-	.checklist-text{
+
+	/deep/.uni-data-checklist .checklist-group .checklist-box .checklist-content .checklist-text {
 		font-size: 28rpx;
 	}
-	/deep/.uni-data-checklist .checklist-group .checklist-box .checkbox__inner{
+
+	/deep/.uni-data-checklist .checklist-group .checklist-box .checkbox__inner {
 		width: 44.44rpx;
 		height: 44.44rpx;
 		border-radius: 50%;
 	}
-	/deep/.uni-data-checklist{
+
+	/deep/.uni-data-checklist {
 		display: flex;
 		flex-direction: column;
 	}
-	/deep/.uni-data-checklist /deep/.checklist-group{
+
+	/deep/.uni-data-checklist /deep/.checklist-group {
 		flex-direction: column;
 	}
-	.popup-title{
+
+	.popup-title {
 		font-weight: bold;
 		font-size: 29rpx;
 		color: #333333;
 		margin-bottom: 10px;
 	}
-	.fuwu,.guke,.beizhu{
+
+	.fuwu,
+	.guke,
+	.beizhu {
 		width: 100%;
 		display: flex;
 		margin-top: 20px;
 		flex-direction: column;
 	}
-	.popup-view{
+
+	.popup-view {
 		width: 100%;
 		display: flex;
 		flex-direction: column;
 	}
-	.popup-mian-btn span:nth-child(1){
+
+	.popup-mian-btn span:nth-child(1) {
 		background: linear-gradient(90deg, #FE912E, #FF9970);
 	}
-	.popup-mian-btn span:nth-child(2){
+
+	.popup-mian-btn span:nth-child(2) {
 		background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
 	}
-	.popup-mian-btn span{
+
+	.popup-mian-btn span {
 		width: 247rpx;
 		height: 77rpx;
 		line-height: 77rpx;
@@ -2771,7 +2853,8 @@
 		color: #FFFEFE;
 		border-radius: 39rpx;
 	}
-	.popup-mian-btn{
+
+	.popup-mian-btn {
 		width: 100%;
 		display: flex;
 		flex-direction: row;
@@ -2779,38 +2862,43 @@
 		align-items: center;
 		margin-top: 10px;
 	}
-	
-	.popup-mian{
+
+	.popup-mian {
 		width: 88%;
 		display: flex;
 		flex-direction: column;
 		margin: 5px auto 0px auto;
 	}
-	.popup-head span:nth-child(2){
+
+	.popup-head span:nth-child(2) {
 		width: 50rpx;
 		height: 50rpx;
 	}
-	.popup-img{
+
+	.popup-img {
 		width: 55rpx;
 		height: 55rpx;
 		position: absolute;
-		right:22rpx;
+		right: 22rpx;
 	}
-	.popup-head span:nth-child(1){
+
+	.popup-head span:nth-child(1) {
 		font-weight: bold;
 		font-size: 32rpx;
 		color: #333333;
 	}
-	.popup-head{
+
+	.popup-head {
 		width: 100%;
 		background-color: rgba(21, 171, 141, 0.09);
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 		justify-content: space-between;
-		padding:42rpx 20rpx;
+		padding: 42rpx 20rpx;
 	}
-	.popup-content{
+
+	.popup-content {
 		width: 100%;
 		height: 600px;
 		background: #FFFFFF;
@@ -2819,7 +2907,8 @@
 		display: flex;
 		flex-direction: column;
 	}
-	.item-view-bottom-btn{
+
+	.item-view-bottom-btn {
 		text-align: center;
 		width: 131rpx;
 		height: 50rpx;
@@ -2830,7 +2919,8 @@
 		font-size: 24rpx;
 		color: #FFFFFF;
 	}
-	.dian{
+
+	.dian {
 		width: 33px;
 		height: 33px;
 		line-height: 16px;
@@ -2842,16 +2932,19 @@
 		font-weight: bold;
 		color: #029D88;
 	}
-	.footers-bor{
+
+	.footers-bor {
 		border: 1px solid #029D88;
 		background-color: #fff;
 		color: #029D88;
 	}
-	.footers-true{
+
+	.footers-true {
 		background: #029D88;
 		color: #fff;
 	}
-	.footers-btn{
+
+	.footers-btn {
 		width: 204rpx;
 		height: 82rpx;
 		text-align: center;
@@ -2863,7 +2956,8 @@
 		font-size: 29rpx;
 		margin-right: 8rpx;
 	}
-	.footers{
+
+	.footers {
 		width: 100%;
 		display: flex;
 		flex-direction: row;
@@ -2871,15 +2965,18 @@
 		justify-content: space-between;
 		margin-top: 30px;
 	}
-	.margin-top-view{
+
+	.margin-top-view {
 		width: 189rpx;
 		height: 189rpx;
 		background: #EBEBEB;
 		border-radius: 21rpx;
 	}
+
 	.item_view {
 		margin-top: 30rpx;
 	}
+
 	.item_view input {
 		margin-top: 20rpx;
 		height: 40rpx;
@@ -2888,37 +2985,44 @@
 		font-weight: 400;
 		color: #333333;
 	}
+
 	.xian {
 		width: 100%;
 		border-bottom: 1rpx solid #f7f7f7;
 		margin-top: 10rpx;
 	}
+
 	.item_title {
 		font-weight: 400;
 		font-size: 22rpx;
 		color: #666666;
 		font-family: PingFang SC Heavy, PingFang SC Heavy-Heavy;
 	}
-	.fuhao-heis{
+
+	.fuhao-heis {
 		color: #fff;
-		font-size:25rpx;
+		font-size: 25rpx;
 	}
-	.num-heis{
+
+	.num-heis {
 		color: #fff;
-		font-size:34.72rpx;
+		font-size: 34.72rpx;
 		font-weight: bold;
 	}
-	.yingde-money{
+
+	.yingde-money {
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 	}
-	.yuji-title{
+
+	.yuji-title {
 		font-weight: 400;
 		font-size: 28rpx;
 		color: #FFFFFF;
 	}
-	.yiji{
+
+	.yiji {
 		width: 100%;
 		height: 88rpx;
 		background: linear-gradient(-90deg, #2EC5AC, #08A28A);
@@ -2931,24 +3035,29 @@
 		height: 72rpx;
 		margin-top: 10px;
 	}
-	.fuhao-hei{
+
+	.fuhao-hei {
 		font-size: 25rpx;
 		color: #333333;
 	}
-	.num-hei{
-		font-size:31.25rpx;
+
+	.num-hei {
+		font-size: 31.25rpx;
 		color: #333333;
 	}
-	.yingde-money{
+
+	.yingde-money {
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 	}
-	.yingde-title{
+
+	.yingde-title {
 		font-size: 32rpx;
 		color: #333333;
 	}
-	.yingde{
+
+	.yingde {
 		width: 100%;
 		display: flex;
 		flex-direction: row;
@@ -2960,24 +3069,28 @@
 		border-bottom-left-radius: 16rpx;
 		border-bottom-right-radius: 16rpx;
 	}
-	.mian-content-textarea{
+
+	.mian-content-textarea {
 		width: 100%;
 		display: flex;
 		flex-direction: column;
 		height: 105px;
-		border-bottom: 1px solid #e5e5e5;
+		/* border-bottom: 1px solid #e5e5e5; */
 		padding: 0px 10px;
-		margin-bottom: 10px;
+		margin-top: 10px;
 	}
-	.mian-content-list-title{
+
+	.mian-content-list-title {
 		font-size: 22rpx;
 		color: #333333;
 	}
-	.mian-content-list-title{
+
+	.mian-content-list-title {
 		font-size: 22rpx;
 		color: #555555;
 	}
-	.mian-content{
+
+	.mian-content {
 		width: 100%;
 		display: flex;
 		flex-direction: column;
@@ -2986,7 +3099,8 @@
 		padding: 10px;
 		margin-top: 20px;
 	}
-	.mian-content-list{
+
+	.mian-content-list {
 		width: 100%;
 		display: flex;
 		flex-direction: row;
@@ -2996,79 +3110,90 @@
 		border-bottom: 1px solid #e5e5e5;
 		padding: 0px 5px;
 	}
-	.textarea-mian{
+
+	.textarea-mian {
 		width: 100%;
 		height: 126rpx;
 		background: #F3F3F3;
 		border-radius: 14rpx;
 		padding: 5px;
 	}
-	.mian-view-list-text{
+
+	.value-font {
 		font-size: 30rpx;
 		color: #333333;
 	}
-	.mian-content-list-title{
+
+	.mian-content-list-title {
 		font-size: 30rpx;
 		color: #999;
 	}
-	.mian-view-list-title{
+
+	.title-font {
 		font-size: 30rpx;
 		color: #999;
 	}
-	.mian-view-list:last-child{
+
+	.mian-view-list:last-child {
 		border: 0px !important;
 	}
-	
-	.mian-view-list{
+
+	.mian-view-list {
 		width: 100%;
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 		justify-content: space-between;
-		height: 50px;
-		border-bottom: 1px solid #e5e5e5;
-		padding: 0px 10px;
+		/* height: 44px; */
+		/* border-bottom: 1px solid #e5e5e5; */
+		padding: 11px 10px;
 	}
-	
-	.mian-view{
+
+	.mian-view {
 		width: 100%;
 		display: flex;
 		flex-direction: column;
 		background: #fff;
 		border-radius: 24rpx;
 		padding: 10px;
-		}
-	.mina-title-bor{
-		width: 111rpx;
-		height: 16rpx;
-		background: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(32, 169, 143, 0.4));
-		border-radius: 8rpx;
-		position: absolute;
-		bottom: 0px;
-		margin-bottom: -2px;
 	}
-	.mina-title-text{
+
+	.mina-title-bor {
+		width: 64px;
+		height: 5px;
+		border-radius: 3px;
+		position: absolute;
+		bottom: 0;
+		background: linear-gradient(90deg, rgba(234, 248, 245, 0.7), rgba(132, 211, 196, 0.7));
+	}
+
+	.mina-title-text {
 		font-weight: bold;
 		font-size: 32rpx;
 		color: #333333;
 	}
-	.mina-title{
-		width: 100%;
-		text-align: center;
+
+	.mina-title {
+		width: 90%;
+		/* text-align: center; */
 		display: flex;
 		flex-direction: column;
 		position: relative;
-		align-items: center;
+		/* 		align-items: center;
 		justify-content: center;
-		margin:40rpx 0;
+		margin:40rpx 0; */
+		margin: 10px 10px;
 	}
-	.mian-view{
+
+	.mian-view {
 		width: 100%;
 		padding: 10px;
 		display: flex;
 		flex-direction: column;
+		margin-top: 24rpx;
 	}
-	.diandan-num{
+
+	.diandan-num {
 		width: 100%;
 		height: 74rpx;
 		line-height: 74rpx;
@@ -3079,89 +3204,106 @@
 		border-radius: 24rpx;
 		margin: 15px 0px 20px 0px;
 	}
-	.mian-top-foot-view-img span,.mian-top-foot-view-text{
+
+	.mian-top-foot-view-img span,
+	.mian-top-foot-view-text {
 		font-size: 29rpx;
 		color: #333;
 	}
-	.mian-top-foot-view-img image{
+
+	.mian-top-foot-view-img image {
 		width: 26.39rpx;
 		height: 25.69rpx;
 		margin-left: 5px;
 	}
-	.mian-top-foot-view-img{
+
+	.mian-top-foot-view-img {
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 	}
-	.mian-top-foot-view-title{
+
+	.mian-top-foot-view-title {
 		font-size: 29rpx;
 		color: #999;
 	}
-	.mian-top-foot-view{
+
+	.mian-top-foot-view {
 		width: 100%;
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 		justify-content: space-between;
 	}
-	.mian-top-foot{
+
+	.mian-top-foot {
 		width: 100%;
 		display: flex;
 		flex-direction: column;
 	}
-	.number{
-		color: #FF6000;
-		font-size:35.42rpx;
+
+	.number {
+		color: #FF1200;
+		font-size: 32rpx;
 		font-weight: bold;
 	}
-	.fuhao{
+
+	.fuhao {
 		color: #FF6000;
-		font-size:28.47rpx;
+		font-size: 30rpx;
 		font-weight: bold;
 	}
-	.mian-money-num{
+
+	.mian-money-num {
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 	}
-	.mian-money-title{
+
+	.mian-money-title {
 		font-size: 25rpx;
 		color: #666666;
 	}
-	.mian-money{
+
+	.mian-money {
 		width: 100%;
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 	}
-	.mian-time{
-		font-size: 25rpx;
-		color: #666666;
+
+	.mian-time {
+		margin-top: 4px;
 	}
-	.mian-title-view{
+
+	.mian-title-view {
 		font-weight: bold;
 		font-size: 32rpx;
 		color: #333333;
 	}
-	.mian-title{
+
+	.mian-title {
 		width: 100%;
 		display: flex;
 		flex-direction: row;
 		justify-content: space-between;
 		align-items: center;
 	}
-	.mian-top-head-right{
+
+	.mian-top-head-right {
 		width: 75%;
 		display: flex;
 		flex-direction: column;
 		justify-content: space-between;
 	}
-	.mian-top-head-img{
+
+	.mian-top-head-img {
 		width: 145rpx;
 		height: 146rpx;
 		border-radius: 14rpx;
 	}
-	.mian-top-head{
+
+	.mian-top-head {
 		width: 100%;
 		display: flex;
 		flex-direction: row;
@@ -3171,14 +3313,16 @@
 		margin-bottom: 15px;
 		margin-top: 5px;
 	}
-	.mian-top{
+
+	.mian-top {
 		width: 100%;
 		/* height: 331rpx; */
 		padding: 30rpx;
 		background: #FFFFFF;
 		border-radius: 24rpx;
 	}
-	.mian{
+
+	.mian {
 		width: 92%;
 		display: flex;
 		flex-direction: column;
@@ -3187,39 +3331,44 @@
 		margin-top: 85px;
 		overflow: scroll;
 		background: #f7f7f7;
-		padding-bottom:30px;
+		padding-bottom: 30px;
 		border-radius: 24rpx;
 	}
-	.header{
+
+	.header {
 		width: 100%;
 		height: 300rpx;
 		background: linear-gradient(-36deg, #11957C, #20A98F, #019C88, #029D88);
 		margin-top: 45px;
 	}
-	.nav-btn{
+
+	.nav-btn {
 		font-size: 30rpx;
 		color: #019c88;
 		font-weight: bold;
 	}
-	.nav-title{
+
+	.nav-title {
 		font-weight: bold;
 		font-size: 38rpx;
 		color: #17181C;
 	}
-	.nav-tab image{
+
+	.nav-tab image {
 		width: 15.42rpx;
 		height: 27.64rpx;
 	}
-	.nav-tab{
+
+	.nav-tab {
 		width: 100%;
 		display: flex;
 		flex-direction: row;
 		align-items: center;
 		justify-content: space-between;
-		padding:10px;
+		padding: 10px;
 	}
-	
-	.content{
+
+	.content {
 		width: 100%;
 		height: 100vh;
 		background-color: #f7f7f7;
@@ -3230,12 +3379,20 @@
 		padding-bottom: 30px;
 		overflow: scroll;
 	}
-	.title-font{
+
+	.title-font {
 		font-size: 30rpx;
 		color: #666666;
 	}
-	.value-font{
+
+	.value-font {
 		font-size: 30rpx;
 		color: #333333;
 	}
+
+	.jusitify-line-end {
+		height: 1px;
+		border-bottom: 1px #e5e5e5 solid;
+		margin: 30rpx 0;
+	}
 </style>
\ No newline at end of file
diff --git a/pages/index/index.vue b/pages/index/index.vue
index b8f3fa2..cb9cd1e 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -2,20 +2,20 @@
 	<!-- 技师实际收益公式：实付金额=（项目金额*会员比例-优惠卷）*分成比例*余额支付比例+车费 -->
 	<view style="padding-bottom: 17px;">
 		<view class="jishi-index">
-			<view class=" u-flex padding-lr justify-between" style="padding-top: 30px;">
-				<view class="u-m-r-10 back-img" 
+			<view class="u-flex justify-between avatar-section">
+				<view class="back-img" 
 				:style="{'background-image':
-							technicianType=='3'?'url(../../static/grade1.png)':
+							technicianType=='3'?'url(../../static/grade1.gif)':
 							technicianType=='4'?'url(../../static/grade2.png)':
 							technicianType=='5'?'url(../../static/grade3.png)':''
 						}">
 					<image :src="avatar" class="head-port"
 						@click="goNav('/pages/my/userinfo')"></image>
 				</view>
-				<view style="position: relative;" class="u-flex-1 margin-left-sm text-white" v-if="isLogin && userName">
+				<view style="position: relative;" class="u-flex-1 margin-left-sm" v-if="isLogin && userName">
 					<view class="flex align-center justify-between">
 						<view class="">
-							<view class="u-font-18 text-white" @click="goNav('/pages/my/user')">
+							<view class="u-font-18 avatar-section-text" @click="goNav('/pages/my/user')">
 								欢迎，{{ userName }}
 							</view>
 							<view class="labe margin-top-xs" @tap="stateSave" v-if="XCXIsSelect != '否'">
@@ -85,69 +85,70 @@
 					<view>访客人数</view>
 				</view>
 			</view> -->
-		</view>
-		<view style="margin-top: -156px;padding: 30rpx;">
-			<view class="dengjibox">
-				<view class="djtit">当前等级</view>
-				<view class="djimg" @click="level">{{ currentGrade ? currentGrade : "A0" }}</view>
-				<view class="" style="margin-top: 20px;">
-					<!-- <text style="font-size: 30px;font-weight: bold;">当前业绩：{{ currentWholeIncome ? currentWholeIncome : 0 }}</text> -->
-					<!-- <text style="font-size: 16px;">/{{ totalIncomeRange ? totalIncomeRange : 4000 }}</text> -->
-				</view>
-				
-				<!-- <u-line-progress active-color="#46a396" :show-percent="false" :height="38" inactive-color="#098f7a"
-					:percent="lineProgressData" :striped-active="true"></u-line-progress>
-
-				<view v-if="!maxStatus && longUpgradeDescriptionSet.differenceOutstandingAchievement" class="dengji-text">
-					还差{{ longUpgradeDescriptionSet.differenceOutstandingAchievement }}业绩;{{ longUpgradeDescriptionSet.differenceIntegral }}积分;可以升级{{ longUpgradeDescriptionSet.differenceGrade }}<u-icon
-						style="padding-left: 2px;" size="30" color="#ffffff" name="question-circle-fill"
-						@click="clickIcon" index="0"></u-icon>
-				</view>
-				<view v-if="maxStatus" class=" dengji-text">
-					您已达到最高等级
-				</view>
-				<view>
-					<u-popup v-model="showIconPopup" mode="center" border-radius="14" width="90%" height="240rpx"
-						closeable>
-						<view class="import" style="padding: 0px 10px;">
-							<view class="innerPopup">
-								<view class="" style="font-size: 18px;font-weight: bold;">
-									当前{{ currentGrade }}等级，距离{{ longUpgradeDescriptionSet.differenceGrade }}等级还需:
-								</view>
-								<view class="innerOfPopup">
-									<view class="firstInnerOfPopup">
-										{{ longUpgradeDescriptionSet.differenceOutstandingAchievement }}业绩&nbsp;&nbsp;{{ longUpgradeDescriptionSet.differenceIntegral }}积分&nbsp;&nbsp;{{ longUpgradeDescriptionSet.differenceClockRate }}加钟率
+			<view >
+				<view class="dengjibox">
+					<view class="djtit">当前等级</view>
+					<view class="djimg" @click="level">{{ currentGrade ? currentGrade : "A0" }}</view>
+					<view class="" style="margin-top: 20px;">
+						<!-- <text style="font-size: 30px;font-weight: bold;">当前业绩：{{ currentWholeIncome ? currentWholeIncome : 0 }}</text> -->
+						<!-- <text style="font-size: 16px;">/{{ totalIncomeRange ? totalIncomeRange : 4000 }}</text> -->
+					</view>
+					
+					<!-- <u-line-progress active-color="#46a396" :show-percent="false" :height="38" inactive-color="#098f7a"
+						:percent="lineProgressData" :striped-active="true"></u-line-progress>
+			
+					<view v-if="!maxStatus && longUpgradeDescriptionSet.differenceOutstandingAchievement" class="dengji-text">
+						还差{{ longUpgradeDescriptionSet.differenceOutstandingAchievement }}业绩;{{ longUpgradeDescriptionSet.differenceIntegral }}积分;可以升级{{ longUpgradeDescriptionSet.differenceGrade }}<u-icon
+							style="padding-left: 2px;" size="30" color="#ffffff" name="question-circle-fill"
+							@click="clickIcon" index="0"></u-icon>
+					</view>
+					<view v-if="maxStatus" class=" dengji-text">
+						您已达到最高等级
+					</view>
+					<view>
+						<u-popup v-model="showIconPopup" mode="center" border-radius="14" width="90%" height="240rpx"
+							closeable>
+							<view class="import" style="padding: 0px 10px;">
+								<view class="innerPopup">
+									<view class="" style="font-size: 18px;font-weight: bold;">
+										当前{{ currentGrade }}等级，距离{{ longUpgradeDescriptionSet.differenceGrade }}等级还需:
 									</view>
-									<view class="firstInnerOfPopup">
-										{{ longUpgradeDescriptionSet.differenceDurationOnline }}小时在线时长&nbsp;&nbsp;
+									<view class="innerOfPopup">
+										<view class="firstInnerOfPopup">
+											{{ longUpgradeDescriptionSet.differenceOutstandingAchievement }}业绩&nbsp;&nbsp;{{ longUpgradeDescriptionSet.differenceIntegral }}积分&nbsp;&nbsp;{{ longUpgradeDescriptionSet.differenceClockRate }}加钟率
+										</view>
+										<view class="firstInnerOfPopup">
+											{{ longUpgradeDescriptionSet.differenceDurationOnline }}小时在线时长&nbsp;&nbsp;
+										</view>
 									</view>
 								</view>
 							</view>
+						</u-popup>
+					</view> -->
+					<view class="flex align-center"
+						style="justify-content: space-evenly;text-align: center;">
+						<view class="" @click="handleYeji">
+							<view class="money_text1">{{ currentWholeIncome ? currentWholeIncome : 0 }}</view>
+							<text class="money_text2">当前业绩</text>
+							<!-- <text style="font-size: 16px;">/{{ totalIncomeRange ? totalIncomeRange : 4000 }}</text> -->
 						</view>
-					</u-popup>
-				</view> -->
-				<view class="flex align-center"
-					style="justify-content: space-evenly;text-align: center;">
-					<view class="" @click="handleYeji">
-						<view  style="font-size: 24px;font-weight: bold;">{{ currentWholeIncome ? currentWholeIncome : 0 }}</view>
-						<text style="font-size: 14px; ">当前业绩</text>
-						<!-- <text style="font-size: 16px;">/{{ totalIncomeRange ? totalIncomeRange : 4000 }}</text> -->
-					</view>
-					<view class="shuxian"></view>
-					<view class="" @click="dangqian">
-						<view class="" style="font-size: 24px;font-weight: bold;">
-							{{ currentRealIncome ? currentRealIncome : 0 }}
+						<view class="shuxian"></view>
+						<view class="" @click="dangqian">
+							<view class="money_text1">
+								{{ currentRealIncome ? currentRealIncome : 0 }}
+							</view>
+							<view class="money_text2">当期项目收益(元)</view>
 						</view>
-						<view class="" style="font-size: 14px;">当期项目收益(元)</view>
-					</view>
-					<view class="shuxian"></view>
-					<view class="" @tap="goNav('/pages/index/currentPoints')">
-						<view class="" style="font-size: 24px;font-weight: bold;">{{ currentIntegral ? currentIntegral : 0 }}
+						<view class="shuxian"></view>
+						<view class="" @tap="goNav('/pages/index/currentPoints')">
+							<view class="money_text1">{{ currentIntegral ? currentIntegral : 0 }}
+							</view>
+							<view class="money_text2" >当期积分</view>
 						</view>
-						<view class="" style="font-size: 14px;" >当期积分</view>
 					</view>
 				</view>
-			</view>
+		</view>
+
 			<view class="csda">
 				<view class="flex align-center" style="font-size: 16px;font-weight: bold;color: #fff;margin-top: 8px; margin-left: 15rpx;">
 					物料记录
@@ -1567,8 +1568,6 @@ export default {
 	.back-img{
 		background-repeat: no-repeat;
 		background-size: 100%;
-		width: 84px;
-		height: 84px;
 		border-radius: 50%;
 		display: flex;
 		align-items: center;
@@ -1579,9 +1578,10 @@ export default {
 		width: 61px;
 		height: 30px;
 		line-height: 30px;
-		border: 1px solid #fff;
-		color: #fff;
-		font-size: 12px;
+		background-image: linear-gradient(-48deg, #ffcb51,#ffc24a,#fe7416);
+		border: 1px solid #ffbf49;
+		color: #ffffb2;
+		font-size: 28rpx;
 		text-align: center;
 		position: absolute;
 		top: 0;
@@ -1669,15 +1669,16 @@ page {
 
 .gxbox {
 	display: flex;
-	font-size: 20rpx;
-	width: 100%;
-	background-color: #019c88;
+	font-size: 24rpx;
+	width: 96%;
+	margin: 0 auto;
 	color: #fff;
 	border-radius: 15px 15px 0 0;
 	padding: 0 30rpx;
 	height: 60rpx;
 	margin-top: 2rpx;
 	justify-content: space-between;
+	background: linear-gradient(-48deg,rgba(104, 206, 190, 0.35),rgba(50, 191, 173, 0.7));
 }
 
 .wztext {
@@ -1686,15 +1687,13 @@ page {
 	//text-overflow: ellipsis;
 	white-space: nowrap;
 }
-
-
 .dengjibox {
 	position: relative;
 	width: 100%;
 	height: 276rpx;
 	background: linear-gradient(-45deg, #88d7c9, #1BB9A5, #88d7c9);
 	//box-shadow: 0rpx 0rpx 16rpx 0rpx rgba(26,25,26,0.3);
-	border-radius: 20rpx 20rpx 0 0;
+	border-radius: 20rpx;
 	padding: 30rpx;
 	color: #ffffff;
 	display: flex;
@@ -1723,10 +1722,10 @@ page {
 	background: url(../../static/images/index/vip.png) no-repeat center;
 	background-size: cover;
 	width: 220rpx;
-	height: 77px;
+	height: 85px;
 	font-size: 22px;
 	text-align: center;
-	line-height: 90px;
+	line-height:100px;
 }
 
 .xianb {
@@ -1770,10 +1769,9 @@ page {
 	border: 2px #ededed solid;
 	border-radius: 10px;
 	padding: 30rpx;
-	background: #fff;
 	text-align:center;
+	background: #fff;
 }
-
 .tapDsalk {
 	width: 31%;
 	border: 2px #ededed solid;
@@ -1782,7 +1780,6 @@ page {
 	border: 2px solid rgb(207, 237, 225);
 	background-color: rgb(246, 252, 250);
 }
-
 .sda {
 	height: 36px;
 	line-height: 30px;
@@ -1799,8 +1796,8 @@ page {
 }
 
 .online-tag {
-	color: #ffffff;
-	font-size: 29rpx;
+	color: #019c88;
+	font-size: 26rpx;
 }
 
 .img-avatar {
@@ -2051,10 +2048,9 @@ uni-switch::before {
 	width: 75%;
 }
 .head-port{
-	width: 55px;
-	height: 55px;
+	width:64px;
+	height:64px;
 	border-radius: 50%;
-	margin-bottom: 5px;
 }
 
 .title-font{
@@ -2073,5 +2069,19 @@ uni-switch::before {
 .padding-sm{
   padding: 11px 11px 0px 11px;
 }
-
+.avatar-section{
+	padding:50rpx 0  30rpx 0;
+}
+.avatar-section-text{
+	font-size: 32rpx;
+	color: #019c88;
+	font-weight: bold;
+}
+.money_text1{
+	font-size:46rpx;
+	font-weight: bold;
+}
+.money_text2{
+	font-size:26rpx;
+}
 </style>
\ No newline at end of file
diff --git a/pages/my/index.vue b/pages/my/index.vue
index 4b871a2..46d4726 100644
--- a/pages/my/index.vue
+++ b/pages/my/index.vue
@@ -2,8 +2,8 @@
 	<view class="" style="padding-bottom: 17px;">
 		<view class="headtop">
 			<view class="headbox">
-				<view class=" u-flex padding-lr justify-between" style="padding-top: 30px;">
-					<view class="u-m-r-10 back-img"
+				<view class=" u-flex justify-between avatar-section">
+					<view class="back-img"
 						:style="{'background-image':
 								technicianType=='3'?'url(../../static/grade1.png)':
 								technicianType=='4'?'url(../../static/grade2.png)':
@@ -12,10 +12,10 @@
 						<image :src="avatar" class="head-port"
 							@click="goNav('/pages/my/userinfo')"></image>
 					</view>
-					<view class="u-flex-1" v-if="isLogin && userName" style="color: #ffffff;">
-						<view class="u-font-18 ">
-							<view class="flex align-center" style="margin-bottom: 5px;">
-								<view class="margin-left-sm">{{ userName }}</view>
+					<view class="u-flex-1" v-if="isLogin && userName">
+						<view class="u-font-18">
+							<view class="flex align-center">
+								<view class="margin-left-sm avatar-section-text">{{ userName }}</view>
 								<view class="flex align-center" style="font-size: 14px;">
 									<image src="../../static/images/my/start.png"
 										style="width: 13px;height: 12px;margin: 0 6rpx 0 20rpx;"></image>
@@ -26,16 +26,16 @@
 
 							<view class="flex margin-left-sm margin-top-xs" v-if="XCXIsSelect != '否'"
 								style="font-size: 22rpx;">
-								<view v-if="renzheng == 0" @click.stop="goNav('/my/renzheng/rzType')">
+								<view class="online-tag" v-if="renzheng == 0" @click.stop="goNav('/my/renzheng/rzType')">
 									暂未实名认证
 								</view>
-								<view v-if="renzheng == 1" @click.stop="goNav('/my/renzheng/index')">
+								<view class="online-tag" v-if="renzheng == 1" @click.stop="goNav('/my/renzheng/index')">
 									审核中
 								</view>
-								<view v-if="renzheng == 2" @click.stop="goNav('/my/renzheng/index')">
+								<view class="online-tag" v-if="renzheng == 2" @click.stop="goNav('/my/renzheng/index')">
 									已实名认证
 								</view>
-								<view v-if="renzheng == 3" @click.stop="goNav('/my/renzheng/index')">
+								<view class="online-tag" v-if="renzheng == 3" @click.stop="goNav('/my/renzheng/index')">
 									已拒绝
 								</view>
 							</view>
@@ -64,46 +64,46 @@
 					</view>
 				</view> -->
 				<view class="moneybox" v-if="XCXIsSelect != '否'">
-					<view class="">
+					<view class="dengjibox">
 						<view class="flex flex-wrap">
-							<view class="flex align-center justify-between" style="width: 100%;">
+							<view class="flex align-center justify-between money-bk" style="width: 100%;">
 								<view class="">
-									<view style="color: #ffffff;font-size: 12px; margin-left: 9px;">账户余额(元)</view>
-									<view class="margin-top-xs" style="font-size: 32px;color: #ffffff; margin-left: 8px; margin-top: 1px;">
+									<view class="djtit">账户余额(元)</view>
+									<view class="margin-top-xs money-name">
 										<text class="money_text">{{ money ? money : '0' }}</text>
 									</view>
 								</view>
 								<view class="btnyt" @click="goQian()">立即提现</view>
 							</view>
-							<view class="flex align-center justify-between" style="width: 100%;">
+							<view class="flex align-center justify-between" style="width: 100%; margin-top:40rpx;">
 								<view class="" style="text-align: center;width: 23%;"
 									@click="goNav('/my/wallet/myshouyidetail?fundType=1')">
-									<view class="margin-top-xs wode-view">
+									<view class="margin-top-xs ">
 										<text class="money_text1">{{ dailyEarnings ? dailyEarnings : '0' }}</text>
 									</view>
-									<view style="color: #fff;font-size: 26rpx;margin-top: 5px;">当日收益</view>
+									<view class="money_text2">当日收益</view>
 								</view>
 								<view class="" style="text-align: center;width: 23%;"
 									@click="goNav('/my/wallet/myshouyidetail?fundType=2')">
-									<view class="margin-top-xs wode-view">
+									<view class="margin-top-xs">
 										<text class="money_text1">{{ earnings ? earnings : '0' }}</text>
 									</view>
-									<view style="color: #fff;font-size: 26rpx;margin-top: 5px;">当期收益</view>
+									<view class="money_text2">当期收益</view>
 								</view>
 								<view class="" style="text-align: center;width: 23%;"
 									@click="goNav('/my/wallet/myshouyidetail?fundType=3')">
-									<view class="margin-top-xs wode-view">
+									<view class="margin-top-xs">
 										<text
 											class="money_text1">{{ currentMonthsIncome ? currentMonthsIncome : '0' }}</text>
 									</view>
-									<view style="color: #fff;font-size: 26rpx;margin-top: 5px;">当月收益</view>
+									<view class="money_text2">当月收益</view>
 								</view>
 								<view class="" style="text-align: center;width: 23%;">
-									<view class="margin-top-xs wode-view">
-										<text class="money_text1" style="font-size: 24rpx;">
+									<view class="margin-top-xs">
+										<text class="money_text3" style="font-size: 24rpx;">
 										{{ currentEndDate ?currentEndDate : "暂无数据" }}</text>
 									</view>
-									<view style="color: #fff;font-size: 26rpx;margin-top: 5px;">当期结束日</view>
+									<view class="money_text2">当期结束日</view>
 								</view>
 							</view>
 						</view>
@@ -199,6 +199,7 @@
 					常用功能
 				</view>
 				<view class="flex margin-top" style="width: 100%;flex-wrap: wrap;justify-content: end;">
+
 					<!-- <view class="box">
 						<image src="../../static/images/my/yjian.png"></image>
 						<view class="box_text">我的项目</view>
@@ -861,13 +862,10 @@
 	color:#019c88;
 	font-size: 26rpx;
 	padding: 8rpx 20rpx;
-		
 	}
 	.back-img{
 		background-repeat: no-repeat;
 		background-size: 100%;
-		width: 84px;
-		height: 84px;
 		border-radius: 50%;
 		display: flex;
 		align-items: center;
@@ -883,7 +881,6 @@
 	.wode-view{
 		width: 150rpx;
 		height: 80rpx;
-		background: #007B6A;
 		border-radius: 20rpx;
 		color: #fff;
 		line-height: 80rpx;
@@ -907,10 +904,11 @@
 
 	.headbox {
 		width: 100%;
-		padding: 0 40rpx;
-		height: 315px;
+		height: 320px;
+		padding: 0 20px;
 		background-image: url('../../static/index/technician15.png');
-		background-size: cover;
+		background-repeat: no-repeat;
+		background-size: 100%;
 	}
 
 	.xyf {
@@ -941,27 +939,32 @@
 		color: #fff;
 	}
 
-	.money_text1 {
+	.money_text1{
+		font-size:46rpx;
 		font-weight: bold;
-		font-size: 32rpx;
-		color: #fff;
 	}
-
+	.money_text2{
+		font-size:24rpx;
+	}
+	.money_text3{
+		font-size:30rpx;
+		font-weight: bold;
+		line-height: 56rpx;
+	}
 	.moneybox {
 		width: 100%;
-		margin-top: 10px;
 	}
-
 	.btnyt {
-		background-color: #ffffff;
-		width: 240rpx;
+		background-image: linear-gradient(-48deg, #d5fff8,#eefffc,#c7f9f0);
+		border: 1px solid #c7f9f0;
+		color: #ffffb2;
+		width: 200rpx;
 		height: 70rpx;
 		line-height: 70rpx;
 		text-align: center;
-		color: #333333;
+		color: #019c88;
 		font-size: 28rpx;
 		border-radius: 40rpx;
-		color: #333333;
 	}
 
 	.xflist {
@@ -1027,9 +1030,40 @@
 		margin-left: 10rpx;
 	}
 	.head-port{
-		width: 55px;
-		height: 55px;
+		width:64px;
+		height:64px;
 		border-radius: 50%;
-		margin-bottom: 5px;
+	}
+	.avatar-section{
+		padding:50rpx 0  30rpx 0;
+	}
+	.avatar-section-text{
+		font-size: 32rpx;
+		color: #019c88;
+		font-weight: bold;
+	}
+	.online-tag {
+		color: #019c88;
+		font-size: 26rpx;
+	}
+	.dengjibox {
+		position: relative;
+		width: 100%;
+		height: 300rpx;
+		background: linear-gradient(-45deg, #83e5d4, #25bca8, #3acdb9);
+		//box-shadow: 0rpx 0rpx 16rpx 0rpx rgba(26,25,26,0.3);
+		border-radius: 20rpx;
+		color: #ffffff;
+		display: flex;
+		flex-direction: column;
+		justify-content: space-between;
+	}
+	.money-name{
+		font-size: 40rpx;
+	}
+	.money-bk{
+		background: linear-gradient(-45deg, #83e5d4, #4fd3c2, #3acdb9);
+		border-radius: 20rpx 20rpx 0 0;
+		padding: 16rpx 20rpx;
 	}
 </style>
\ No newline at end of file
diff --git a/pages/order/index.vue b/pages/order/index.vue
index dec01f9..bc4a4ee 100644
--- a/pages/order/index.vue
+++ b/pages/order/index.vue
@@ -6,37 +6,41 @@
 
 		<!-- sticky吸顶悬浮的菜单, 父元素必须是 mescroll -->
 		<view class="jishi-index">
-			<view class=" u-flex padding-lr justify-between" style="padding-top: 30px;">
-				<view class="u-m-r-10 back-img"
+			<view class=" u-flex justify-between avatar-section">
+				<!--<view class="back-img"
 					:style="{'background-image':
 								technicianType=='3'?'url(../../static/grade1.png)':
 								technicianType=='4'?'url(../../static/grade2.png)':
-								technicianType=='5'?'url(../../static/grade3.png)':''
+								technicianType=='5'?'url(../../static/grade3.gif)':''
 						}">
 					<image :src="avatar" class="head-port"
 						@click="goNav('/pages/my/userinfo')"></image>
+				</view>-->
+				
+				<view class="back-img">
+					<image :src="avatar" class="head-port" @click="goNav('/pages/my/userinfo')"></image>
+					<image class="popop-kuang" src="../../static/grade3.gif"></image>
 				</view>
-				<view class="u-flex-1 " v-if="isLogin && userName">
+				<view class="u-flex-1" v-if="isLogin && userName">
 					<view class="u-font-18">
-						<view class="flex align-center" style="margin-top: 35rpx;">
-							<view class="margin-left-sm u-font-18" style="color: #ffffff;">{{ userName }}</view>
+						<view class="flex align-center">
+							<view class="margin-left-sm avatar-section-text">{{ userName }}</view>
 							<view class="labe zhuangtai" @tap="stateSave">
 								<view v-if="isTrue">已上线</view>
 								<view v-if="!isTrue">已离线</view>
 							</view>
 						</view>
-						<view class="flex margin-left-sm margin-top-xs"
-							style="font-size: 22rpx;font-weight: 500;color: #ffffff;">
-							<view v-if="renzheng == 0" @click.stop="goNav('/my/renzheng/index?classify=' + 1)">
+						<view class="flex margin-left-sm  margin-top-xs">
+							<view class="online-tag" v-if="renzheng == 0" @click.stop="goNav('/my/renzheng/index?classify=' + 1)">
 								暂未实名认证
 							</view>
-							<view v-if="renzheng == 1" @click.stop="goNav('/my/renzheng/index?classify=' + 1)">
+							<view class="online-tag" v-if="renzheng == 1" @click.stop="goNav('/my/renzheng/index?classify=' + 1)">
 								实名审核中
 							</view>
-							<view v-if="renzheng == 2">
+							<view class="online-tag" v-if="renzheng == 2">
 								已实名认证
 							</view>
-							<view v-if="renzheng == 3" @click.stop="goNav('/my/renzheng/index?classify=' + 1)">
+							<view class="online-tag" v-if="renzheng == 3" @click.stop="goNav('/my/renzheng/index?classify=' + 1)">
 								实名已拒绝
 							</view>
 						</view>
@@ -127,7 +131,7 @@
 						【{{ item.ordersNo }}】
 					</view>
 				</view>
-				<view class="flex u-p-t-20 justify-between align-center padding-sm">
+				<view class="flex u-p-t-20 u-p-b-20 justify-between align-center padding-sm">
 					
 					<view class="flex text-right" style="width: 100%;flex-direction: column;">
 						<!-- <u-button v-if="item.status == 1" :custom-style="customStyle" shape="circle" :plain="true"
@@ -318,15 +322,15 @@
 					border: "8rpx",
 					width: '180rpx',
 					height: '54rpx',
-					margin: "0 0 0 20rpx"
+					margin: "0 16rpx 0  0rpx"
 				},
 				customStyle1: {
-					color: '#096f4b',
-					border: '2rpx solid #096f4b',
+					color: '#019c88',
+					border: '2rpx solid #019c88',
 					border: "8rpx",
 					width: '180rpx',
 					height: '54rpx',
-					margin: "0 0 0 20rpx"
+					margin: " 0 16rpx 0 0rpx"
 				},
 				latitude: '',
 				longitude: '',
@@ -885,16 +889,7 @@
 	font-size: 26rpx;
 	padding: 8rpx 20rpx;
 	}
-	.back-img{
-		background-repeat: no-repeat;
-		background-size: 100%;
-		width: 84px;
-		height: 84px;
-		border-radius: 50%;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
+	
 	/deep/.u-scroll-box{
 		margin-top: 26rpx;
 	}
@@ -909,7 +904,7 @@
 	.showBtn-view{
 		display: flex;
 		flex-direction: row;
-		align-items: center;
+		justify-content: flex-start;
 	}
 	.order-status{
 		display: flex;
@@ -1022,7 +1017,6 @@
 	.popup-img{
 		width: 55rpx;
 		height: 55rpx;
-		position: absolute;
 		right:22rpx;
 	}
 	.popup-head{
@@ -1034,7 +1028,7 @@
 		align-items: center;
 		justify-content: space-between;
 		padding: 0 15px;
-		position: relative;
+		position:relative;
 	}
 	.popup-content{
 		width: 100%;
@@ -1066,7 +1060,7 @@
 		height: 220rpx;
 		// background: #F7F7F7 !important;
 		border-radius: 21rpx 21rpx 0 0;
-		margin: -113px auto 8px auto;
+		margin: -180px auto 8px auto;
 		position: relative;
 	}
 
@@ -1140,7 +1134,7 @@
 		font-size: 20upx;
 		display: flex;
 		padding-right: 18upx;
-		background: #5abfb2 ;
+		background-image: linear-gradient(to right,#30c1ad, #1bb9a5);
 		padding: 10rpx;
 		border-radius: 10rpx;
 	}
@@ -1178,10 +1172,9 @@
 		}
 	}
 	.head-port{
-		width: 55px;
-		height: 55px;
+		width:64px;
+		height:64px;
 		border-radius: 50%;
-		margin-bottom: 5px;
 	}
 	/deep/.radius {
 		border-radius: 20rpx;
@@ -1200,7 +1193,7 @@
 		border-radius:20rpx 8rpx 20rpx 8rpx ;
 		padding: 4rpx 10rpx;
 		background-image: linear-gradient(to bottom, #fe9130, #ff9868);
-		font-size: 30rpx;
+		font-size: 26rpx;
 	}
 	
 	.progress-status-chaoshi{
@@ -1229,9 +1222,9 @@
 	}
 	.jishi-index{
 		width: 100%;
-		height: 230px;
+		height: 286px;
 		padding: 0 20px;
-		background:url('../../static/index/technician15.png');
+		background-image: url('../../static/index/technician15.png');
 		background-repeat: no-repeat;
 		background-size: 100%;
 	}
@@ -1263,7 +1256,7 @@
 		font-weight: bold;
 	}
 	.title-font{
-		font-size: 30rpx;
+		font-size: 28rpx;
 		color: #666666;
 	}
 	.title-font2{
@@ -1278,4 +1271,37 @@
 	.padding-sm{
 	  padding: 11px 11px 0px 11px;
 	}
+	.avatar-section{
+		padding:30rpx 0  50rpx 0;
+		position: relative;
+	}
+	.back-img{
+	padding: 15rpx;
+	border-radius: 50%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	position: relative;
+	}
+	.popop-kuang{
+		width: 150rpx;
+		height: 150rpx;
+		position: absolute;
+	}
+	.avatar-section-text{
+		font-size: 32rpx;
+		color: #019c88;
+		font-weight: bold;
+	}
+	.money_text1{
+		font-size:46rpx;
+		font-weight: bold;
+	}
+	.money_text2{
+		font-size:26rpx;
+	}
+	.online-tag {
+		color: #019c88;
+		font-size: 26rpx;
+	}
 </style>
\ No newline at end of file
diff --git a/pages/video/index.vue b/pages/video/index.vue
index 85a0227..283a155 100644
--- a/pages/video/index.vue
+++ b/pages/video/index.vue
@@ -2,13 +2,14 @@
 	<view>
 		<view class="page-head">
 			<view class="page-head-hd">
-				<view class="page-head-btn" @click="fanhui">
+				<!--<view class="page-head-btn" @click="fanhui">
 					<i class="btn-icon"></i>
+				</view>-->
+				<view class="service-head-top-left">
+					<image class="service-back" src="../../static/fanhui.png"></image>
+					<image class="page-head-img" src="../../static/videoimg.png"></image>
 				</view>
 				<view class="page-head-mian">
-					<view class="page-head__title">
-						 视频 
-					</view>	
 					<view class="page-head-ft">
 						<view class="page-head-xuan" @click="xuanzhe">
 							选择
@@ -457,4 +458,20 @@
 		    transition-property: all;
 			color: rgb(0, 0, 0);
 	}
+	.service-back{
+		width: 20px;
+		height: 36rpx;
+		margin-right:5px;
+		margin-left: 10rpx;
+	}
+	.service-head-top-left{
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+	}
+	.page-head-img{
+		width: 120rpx;
+		height: 40rpx;
+	}
 </style>
diff --git a/static/grade1.gif b/static/grade1.gif
new file mode 100644
index 0000000..6e42b89
Binary files /dev/null and b/static/grade1.gif differ
diff --git a/static/grade2.gif b/static/grade2.gif
new file mode 100644
index 0000000..6baf69c
Binary files /dev/null and b/static/grade2.gif differ
diff --git a/static/grade3.gif b/static/grade3.gif
new file mode 100644
index 0000000..ff59e41
Binary files /dev/null and b/static/grade3.gif differ
diff --git a/static/index/technician15.png b/static/index/technician15.png
index d724251..93dddc2 100644
Binary files a/static/index/technician15.png and b/static/index/technician15.png differ
diff --git a/static/videoimg.png b/static/videoimg.png
new file mode 100644
index 0000000..1ca5c3c
Binary files /dev/null and b/static/videoimg.png differ