From 4ebf74ce1111ebe503f1adee45b059c3bdbed183 Mon Sep 17 00:00:00 2001
From: xiaofajia <1665375861@qq.com>
Date: Sun, 15 Dec 2024 16:55:30 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A3=80=E6=B5=8B=E7=95=8C=E9=9D=A2=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 config.js                 |    4 +-
 pages/index/synthesis.vue | 1839 ++++++++++++++++++++-----------------
 static/icons/avatar.png   |  Bin 0 -> 4824 bytes
 static/icons/more.png     |  Bin 0 -> 370 bytes
 static/imgs/msg.png       |  Bin 0 -> 512 bytes
 5 files changed, 973 insertions(+), 870 deletions(-)
 create mode 100644 static/icons/avatar.png
 create mode 100644 static/icons/more.png
 create mode 100644 static/imgs/msg.png

diff --git a/config.js b/config.js
index a9ff85e..436fef7 100644
--- a/config.js
+++ b/config.js
@@ -1,8 +1,8 @@
 // 应用全局配置
 module.exports = {
 	// baseUrl: 'https://www.nuoyunr.com/admin-api',
-	// baseUrl: 'http://127.0.0.1:48080/admin-api',
-	baseUrl: 'http://zjcptv.natappfree.cc/admin-api',
+	baseUrl: 'http://127.0.0.1:48080/admin-api',
+	// baseUrl: 'http://zjcptv.natappfree.cc/admin-api',
 	imagesUrl: 'http://www.nuoyunr.com/lananRsc',
 	baseImageUrl: 'https://www.nuoyunr.com/minio',
 	wsUrl: 'ws://127.0.0.1:48080',
diff --git a/pages/index/synthesis.vue b/pages/index/synthesis.vue
index 01895d4..d72139e 100644
--- a/pages/index/synthesis.vue
+++ b/pages/index/synthesis.vue
@@ -1,900 +1,1003 @@
 <!-- 首页 -->
 <template>
-	<view class="content">
-		<!-- 检测进行中 今日成交金额  今日订单数量 底部为总 -->
-		<view class="c-top">
-			<view style="width: 100%; height: 44px;"></view>
-			<view class="top-ail">
-				<!-- 新增 -->
-				<view class="top-two">
-					<view class="dix">
-						<view class="touxiang">
-							<image :src="baseImageUrl+user.partnerLogo" mode=""></image>
-						</view>
-						<view class="t-title">{{user.partnerName}} 欢迎您</view>
-					</view>
-					<view class="dix">
-						<text class="baizi" v-if="user.isWorking == 1">营业中</text>
-						<text class="baizi" v-if="user.isWorking == 0">休息中</text>
-						<switch :checked="isWorking" @change="getying()" color="#3CBC6F" style="transform:scale(0.7)" />
-					</view>
-				</view>
-				<view class="threebox">
-					<!-- @click="gostatistics()" -->
-					<view class="t-box" @click="ToToday">
-						<view class="xbai">当日订单</view>
-						<view class="dbai">{{threenum.todayOrderNum}}</view>
-					</view>
+  <view class="content">
+    <!-- 检测进行中 今日成交金额  今日订单数量 底部为总 -->
+    <view class="c-top">
+      <view style="width: 100%; height: 44px;"></view>
+      <view class="top-ail">
+        <!-- 新增 -->
+        <view style="text-align: left;margin: 0 32rpx;">
+          <text class="t-title">{{ user.partnerName }}</text>
+        </view>
+        <view class="top-two">
+          <view class="dix" style="margin: 0 32rpx;margin-top: 10rpx">
+            <image @click="showUserDetail" style="width: 104rpx;height: 104rpx;border-radius: 50%;"
+                   v-if="userInfo && userInfo.avatar === null" :src="defaultAvatar" mode="scaleToFill" @error="avatarErr"></image>
+            <image @click="showUserDetail" style="width: 104rpx;height: 104rpx;border-radius: 50%;" v-else
+                   :src="userInfo.avatar" mode="scaleToFill" @error="avatarErr"></image>
+            <view class="userInfo" @click="showUserDetail">
+              <text class="userName">{{ userInfo.nickname }}</text>
+              <text class="userType" >{{ userInfo.roleNames }}</text>
+              <!--          <text class="userType" v-if="ifLeader">班组长</text>-->
+            </view>
+            <!--						<view class="touxiang">-->
+            <!--							<image :src="baseImageUrl+user.partnerLogo" mode=""></image>-->
+            <!--						</view>-->
+            <!--						<view class="t-title">{{user.partnerName}} 欢迎您</view>-->
+          </view>
+          <view class="dix">
+            <view class="msg-box" @click="gotoMsg">
+              <image mode="aspectFita" class="white-image" src="@/static/imgs/msg.png"
+                     style="width: 48rpx;height: 48rpx;"></image>
+              <view class="msg-num" v-if="noReadNum>0">{{ noReadNum }}</view>
+            </view>
+            <image class="white-image" @click="showUserDetail" style="width: 48rpx;height: 48rpx"
+                   src="/static/icons/more.png" mode="aspectFita"></image>
+            <!--						<text class="baizi" v-if="user.isWorking == 1">营业中</text>-->
+            <!--						<text class="baizi" v-if="user.isWorking == 0">休息中</text>-->
+            <!--						<switch :checked="isWorking" @change="getying()" color="#3CBC6F" style="transform:scale(0.7)" />-->
+          </view>
+        </view>
+        <view class="threebox">
+          <!-- @click="gostatistics()" -->
+          <view class="t-box" @click="ToToday">
+            <view class="xbai">当日订单</view>
+            <view class="dbai">{{ threenum.todayOrderNum }}</view>
+          </view>
           <view class="t-box">
             <view class="xbai">合规合格</view>
-            <view class="dbai">{{threenum.hgNum}}</view>
+            <view class="dbai">{{ threenum.hgNum }}</view>
           </view>
-					<view class="t-box">
-						<view class="xbai">双燃料合格</view>
-						<view class="dbai">{{threenum.srlNum}}</view>
+          <view class="t-box">
+            <view class="xbai">双燃料合格</view>
+            <view class="dbai">{{ threenum.srlNum }}</view>
 
-					</view>
-				</view>
+          </view>
+        </view>
 
-				<view class="gangbox">
-					<view class="ang-box1" @click="goindex()">
-						<view class="bs-di">
-							<text>信息管理</text>
-							<uni-icons type="arrow-right" color="#6FA1CD" size="20"></uni-icons>
-						</view>
-						<view class="xzi">
-							<!-- 	<text style="color: #6FA1CD;">检测站的信息管理</text> -->
-							<text>检测站的信息管理</text>
-						</view>
-						<view class="icon-img">
-							<image src="../../static/detection/xxgl.png" mode=""></image>
-						</view>
-					</view>
-					<view class="ang-box2" @click="gostatistics()">
-						<view class="bs-di">
-							<text>业务管理</text>
-							<uni-icons type="arrow-right" color="#CCAC63" size="20"></uni-icons>
-						</view>
-						<view class="xzi">
-							<!-- <text style="color: #CCAC63;">检测站的业务统计</text> -->
-							<text>检测站的业务统计</text>
+        <view class="gangbox">
+          <view class="ang-box1" @click="goindex()">
+            <view class="bs-di">
+              <text>功能管理</text>
+              <uni-icons type="arrow-right" color="#6FA1CD" size="20"></uni-icons>
+            </view>
+            <view class="xzi">
+              <!-- 	<text style="color: #6FA1CD;">检测站的信息管理</text> -->
+              <text>检测站的信息管理</text>
+            </view>
+            <view class="icon-img">
+              <image src="../../static/detection/xxgl.png" mode=""></image>
+            </view>
+          </view>
+          <view class="ang-box2" @click="gostatistics()">
+            <view class="bs-di">
+              <text>业务管理</text>
+              <uni-icons type="arrow-right" color="#CCAC63" size="20"></uni-icons>
+            </view>
+            <view class="xzi">
+              <!-- <text style="color: #CCAC63;">检测站的业务统计</text> -->
+              <text>检测站的业务统计</text>
 
-						</view>
-						<view class="icon-img">
-							<image src="../../static/detection/ywgl.png" mode=""></image>
-						</view>
-					</view>
-					<view class="ang-box3" @click="goxiaoxi()">
-						<view class="bs-di">
-							<text>监管通知</text>
-							<uni-icons type="arrow-right" color="#775FAE" size="20"></uni-icons>
-						</view>
-						<view class="xzi">
-							<!-- 	<text style="color: #775FAE;">查看监管机构下达的通知</text> -->
-							<text>查看监管机构下达的通知</text>
-						</view>
-						<view class="icon-img">
-							<image src="../../static/detection/jgtz.png" mode=""></image>
-						</view>
-					</view>
-					<view class="ang-box4" @click="goshowMenu()">
-						<view class="bs-di">
-							<text>内部管理</text>
-							<uni-icons type="arrow-right" color="#99D685" size="20"></uni-icons>
-						</view>
-						<view class="xzi">
-							<!-- <text style="color: #FFFFFF	;">详细的操作手册</text> -->
-							<text>方便 简单 快捷</text>
-						</view>
-						<view class="icon-img">
-							<image src="../../static/detection/gsjj.png" mode=""></image>
-						</view>
-					</view>
-					<!-- <view class="ang-box">
-					<text>公司简介</text>
-				</view> -->
-				</view>
-				<view class="gangbox">
-					<view class="san-box2" @click="gorwm()">
-						<view class="cnm-icon">
-							<image src="../../static/detection/dddhex.png" mode=""></image>
-						</view>
-						<text>订单核销</text>
-					</view>
-					<view class="san-box" @click="reservations()">
-						<view class="j-icon" v-if="appAndPick.appointNum != 0">
-							<text>{{appAndPick.appointNum }}</text>
-						</view>
-						<!-- 	<view >
-						<view class="jbBox">
-							 <u-badge :type="type" max="99" :value="value"></u-badge>
-						</view>
-					</view> -->
-						<view class="cnm-icon">
-							<image src="../../static/detection/gsjj.png" mode=""></image>
-						</view>
-						<text>预约记录</text>
-					</view>
+            </view>
+            <view class="icon-img">
+              <image src="../../static/detection/ywgl.png" mode=""></image>
+            </view>
+          </view>
+          <view class="ang-box3" @click="goxiaoxi()">
+            <view class="bs-di">
+              <text>通知、提醒</text>
+              <uni-icons type="arrow-right" color="#775FAE" size="20"></uni-icons>
+            </view>
+            <view class="xzi">
+              <!-- 	<text style="color: #775FAE;">查看监管机构下达的通知</text> -->
+              <text>查看监管机构下达的通知</text>
+            </view>
+            <view class="icon-img">
+              <image src="../../static/detection/jgtz.png" mode=""></image>
+            </view>
+          </view>
+          <view class="ang-box4" @click="goshowMenu()">
+            <view class="bs-di">
+              <text>内部管理</text>
+              <uni-icons type="arrow-right" color="#99D685" size="20"></uni-icons>
+            </view>
+            <view class="xzi">
+              <!-- <text style="color: #FFFFFF	;">详细的操作手册</text> -->
+              <text>方便 简单 快捷</text>
+            </view>
+            <view class="icon-img">
+              <image src="../../static/detection/gsjj.png" mode=""></image>
+            </view>
+          </view>
+          <!-- <view class="ang-box">
+          <text>公司简介</text>
+        </view> -->
+        </view>
+        <!--				<view class="gangbox">-->
+        <!--					<view class="san-box2" @click="gorwm()">-->
+        <!--						<view class="cnm-icon">-->
+        <!--							<image src="../../static/detection/dddhex.png" mode=""></image>-->
+        <!--						</view>-->
+        <!--						<text>订单核销</text>-->
+        <!--					</view>-->
+        <!--					<view class="san-box" @click="reservations()">-->
+        <!--						<view class="j-icon" v-if="appAndPick.appointNum != 0">-->
+        <!--							<text>{{appAndPick.appointNum }}</text>-->
+        <!--						</view>-->
+        <!--						&lt;!&ndash; 	<view >-->
+        <!--						<view class="jbBox">-->
+        <!--							 <u-badge :type="type" max="99" :value="value"></u-badge>-->
+        <!--						</view>-->
+        <!--					</view> &ndash;&gt;-->
+        <!--						<view class="cnm-icon">-->
+        <!--							<image src="../../static/detection/gsjj.png" mode=""></image>-->
+        <!--						</view>-->
+        <!--						<text>预约记录</text>-->
+        <!--					</view>-->
 
-					<view class="san-box3" @click="gohomecar()">
-						<view class="j-icon" v-if="appAndPick.pickNum != 0">
-							<text>{{appAndPick.pickNum }}</text>
-						</view>
-						<view class="cnm-icon">
-							<image src="../../static/detection/smqc.png" mode=""></image>
-						</view>
-						<text>上门取车</text>
-					</view>
-				</view>
-				<view class="dqtime">
-					<text>今天是{{dateStr || ''}} {{week || ''}} {{time||''}}</text>
-				</view>
+        <!--					<view class="san-box3" @click="gohomecar()">-->
+        <!--						<view class="j-icon" v-if="appAndPick.pickNum != 0">-->
+        <!--							<text>{{appAndPick.pickNum }}</text>-->
+        <!--						</view>-->
+        <!--						<view class="cnm-icon">-->
+        <!--							<image src="../../static/detection/smqc.png" mode=""></image>-->
+        <!--						</view>-->
+        <!--						<text>上门取车</text>-->
+        <!--					</view>-->
+        <!--				</view>-->
+        <view class="dqtime">
+          <text>今天是{{ dateStr || '' }} {{ week || '' }} {{ time || '' }}</text>
+        </view>
 
-			</view>
+      </view>
 
-		</view>
-		<u-modal :show="show" :title="titlemodeal" confirmText="确定" @confirm="confirms">
-			<scroll-view scroll-y style="height: 400px;">
-				<view v-for="(item,index) in warnMsg " :key="index" style="margin-bottom: 10px;">
-					<view style="font-weight: bold;">{{item.title || '系统维护中'}}: </view>
-					<view style="font-size: 16px; color: #606266;">{{item.content || ''}}</view>
-				</view>
-			</scroll-view>
-		</u-modal>
-		<!-- 底部 -->
-		<view style="width: 100%; height: 50px;"></view>
-		<tabBar :msg="msg "></tabBar>
-	</view>
+    </view>
+    <u-modal :show="show" :title="titlemodeal" confirmText="确定" @confirm="confirms">
+      <scroll-view scroll-y style="height: 400px;">
+        <view v-for="(item,index) in warnMsg " :key="index" style="margin-bottom: 10px;">
+          <view style="font-weight: bold;">{{ item.title || '系统维护中' }}:</view>
+          <view style="font-size: 16px; color: #606266;">{{ item.content || '' }}</view>
+        </view>
+      </scroll-view>
+    </u-modal>
+    <!-- 底部 -->
+    <view style="width: 100%; height: 50px;"></view>
+    <tabBar :msg="msg "></tabBar>
+  </view>
 </template>
 
 <script>
-	import request from '../../utils/request';
-	import tabBar from '../../components/tabBar/tabBar.vue'
-	import config from '@/config'
-	export default {
-		data() {
-			return {
-				msg: '1',
-				warnMsg: [],
-				chuan: '',
-				titlemodeal: '通知',
-				show: false,
-				isWorking: false,
-				user: {},
-				baseUrl: '',
-				animate: false,
-				partnerId: '',
-				threenum: {},
-				showScroll: true,
-				scrollDuration: 3000, // 滚动间隔时间，单位为毫秒
-				items: [],
-				ping: [],
-				dateStr: '',
-				week: '',
-				is_mandatory: false,
-				url: 'http://159.75.168.143:88/apk/lanan.apk',
-				title: '版本升级',
-				contents: '新版本上线了，根据您自己的选择是否升级',
-				appAndPick: {
-					appointNum: 0,
-					pickNum: 0
-				},
-				baseImageUrl:this.$baseImageUrl
+import request from '../../utils/request';
+import tabBar from '../../components/tabBar/tabBar.vue'
+import {getStorageWithExpiry, setStorageWithExpiry} from "../../utils/auth";
+import config from '@/config'
 
-			}
-		},
-		onLoad() {
-			this.baseUrl = this.$baseUrl
-			let times = new Date()
-			this.timeday = this.timeWeekFormat(times)
-		},
-		onShow() {
-			this.getAppointAndPickNum()
-			this.getindex()
-			// this.getwarnMsglist()
-			this.getbottom()
-
-		},
-		components: {
-			tabBar,
-		},
-		methods: {
-      ToToday(){
-        uni.navigateTo({
-          url: '/pages/index/TodayTable'
-        })
+export default {
+  data() {
+    return {
+      msg: '1',
+      warnMsg: [],
+      chuan: '',
+      titlemodeal: '通知',
+      show: false,
+      isWorking: false,
+      user: {},
+      baseUrl: '',
+      animate: false,
+      partnerId: '',
+      threenum: {},
+      showScroll: true,
+      scrollDuration: 3000, // 滚动间隔时间，单位为毫秒
+      items: [],
+      ping: [],
+      dateStr: '',
+      week: '',
+      is_mandatory: false,
+      url: 'http://159.75.168.143:88/apk/lanan.apk',
+      title: '版本升级',
+      contents: '新版本上线了，根据您自己的选择是否升级',
+      appAndPick: {
+        appointNum: 0,
+        pickNum: 0
       },
-			goshowMenu() {
-				uni.navigateTo({
-					url: '/pages/manage/manage'
-				})
+      baseImageUrl: this.$baseImageUrl,
+      noReadNum: 1,
+      userInfo: {},
+      defaultAvatar: require('@/static/icons/avatar.png'),
+    }
+  },
+  onLoad() {
+    this.baseUrl = this.$baseUrl
+    let times = new Date()
+    this.timeday = this.timeWeekFormat(times)
+  },
+  onShow() {
+    this.getAppointAndPickNum()
+    this.getindex()
+    // this.getwarnMsglist()
+    this.getbottom()
+    this.getUserInfo()
+  },
+  components: {
+    tabBar,
+  },
+  methods: {
+    avatarErr(err) {
+      console.log('err', err)
+      this.userInfo.avatar = this.defaultAvatar
+    },
+    getUserInfo() {
+      let roleNames = getStorageWithExpiry("roleNames")
+      if (!roleNames){
+        request({
+          url: '/inspection/util/getRoleName',
+          method: 'get'
+        }).then(res => {
+          roleNames = res.data
+          setStorageWithExpiry("roleNames", roleNames)
+        })
+      }
+      const data = getStorageWithExpiry("userInfo")
+      if (!data) {
+        request({
+          url: '/system/user/profile/get',
+          method: 'get'
+        }).then(res => {
+          this.userInfo = res.data
+          if (this.userInfo.avatar) {
+            this.userInfo.avatar = config.baseImageUrl + this.userInfo.avatar
+          }
+          this.userInfo.roleNames = roleNames
+          setStorageWithExpiry("userInfo", this.userInfo)
+        })
+      } else {
+        this.userInfo = data
+      }
+    },
+    ToToday() {
+      uni.navigateTo({
+        url: '/pages/index/TodayTable'
+      })
+    },
+    goshowMenu() {
+      uni.navigateTo({
+        url: '/pages/manage/manage'
+      })
 
-			},
+    },
 
-			timeWeekFormat(times) {
-				//定义一个日期对象;
-				var dateTime = new Date(times);
-				//获得系统年份;
-				var year = dateTime.getFullYear();
-				//获得系统月份;
-				var month = dateTime.getMonth() + 1;
-				//获得系统当月分天数;
-				var day = dateTime.getDate();
-				//获得系统小时;
-				var hours = dateTime.getHours();
-				//获得系统分钟;
-				var minutes = dateTime.getMinutes();
-				//获得系统秒数;
-				var second = dateTime.getSeconds();
-				//获得系统星期几;
-				var dayCycle = dateTime.getDay();
-				//使用数组更改日期样式;
-				var dayCycleArray = ["日", "一", "二", "三", "四", "五", "六"];
-				for (var i = 0; i < 7; i++) {
-					if (dayCycle == i) {
-						//将dayCycleArray的数赋值到系统星期几里面中去;
-						dayCycle = dayCycleArray[i];
-					}
-				}
-				month < 10 ? month = '0' + month : month;
-				day < 10 ? day = '0' + day : day;
-				hours < 10 ? hours = '0' + hours : hours;
-				minutes < 10 ? minutes = '0' + minutes : minutes;
-				second < 10 ? second = '0' + second : second;
-				//打印完整的系统日期;
-				this.dateStr = year + '-' + month + '-' + day + ' ';
-				this.week = '星期' + dayCycle
-				this.time = hours + ':' + minutes
-				// return dateStr;
-			},
+    timeWeekFormat(times) {
+      //定义一个日期对象;
+      var dateTime = new Date(times);
+      //获得系统年份;
+      var year = dateTime.getFullYear();
+      //获得系统月份;
+      var month = dateTime.getMonth() + 1;
+      //获得系统当月分天数;
+      var day = dateTime.getDate();
+      //获得系统小时;
+      var hours = dateTime.getHours();
+      //获得系统分钟;
+      var minutes = dateTime.getMinutes();
+      //获得系统秒数;
+      var second = dateTime.getSeconds();
+      //获得系统星期几;
+      var dayCycle = dateTime.getDay();
+      //使用数组更改日期样式;
+      var dayCycleArray = ["日", "一", "二", "三", "四", "五", "六"];
+      for (var i = 0; i < 7; i++) {
+        if (dayCycle == i) {
+          //将dayCycleArray的数赋值到系统星期几里面中去;
+          dayCycle = dayCycleArray[i];
+        }
+      }
+      month < 10 ? month = '0' + month : month;
+      day < 10 ? day = '0' + day : day;
+      hours < 10 ? hours = '0' + hours : hours;
+      minutes < 10 ? minutes = '0' + minutes : minutes;
+      second < 10 ? second = '0' + second : second;
+      //打印完整的系统日期;
+      this.dateStr = year + '-' + month + '-' + day + ' ';
+      this.week = '星期' + dayCycle
+      this.time = hours + ':' + minutes
+      // return dateStr;
+    },
 
 
-			// 底部消息
-			async getbottom() {
-				let data = {
-					partnerId: uni.getStorageSync('partnerId')
-				}
-				let res = await request({
-					url: '/appInspection/news/newMsgNum',
-					method: 'get',
-					params: data
-				})
-				if (res.code == 200) {
-					this.chuan = res.data
-				}
-			},
-			async getAppointAndPickNum() {
-				let res = await request({
-					url: '/partnerOwn/partner/getAppointAndPickNum',
-					method: 'get'
-				})
-				if (res.code == 200) {
-					this.appAndPick = res.data
-				}
-			},
-			async getwarnMsglist() {
-				let res = await request({
-					url: '/warnMsg/warnMsg/list',
-					method: 'get',
+    // 底部消息
+    async getbottom() {
+      let data = {
+        partnerId: uni.getStorageSync('partnerId')
+      }
+      let res = await request({
+        url: '/appInspection/news/newMsgNum',
+        method: 'get',
+        params: data
+      })
+      if (res.code == 200) {
+        this.chuan = res.data
+      }
+    },
+    async getAppointAndPickNum() {
+      let res = await request({
+        url: '/partnerOwn/partner/getAppointAndPickNum',
+        method: 'get'
+      })
+      if (res.code == 200) {
+        this.appAndPick = res.data
+      }
+    },
+    async getwarnMsglist() {
+      let res = await request({
+        url: '/warnMsg/warnMsg/list',
+        method: 'get',
 
-				})
-				if (res.code == 200) {
-					this.warnMsg = res.data
-					if (this.warnMsg && this.warnMsg.length > 0) {
-						this.show = true
-					}
-				}
-			},
-			//初始化获取
-			async getindex() {
-				// 首页信息
-				let res = await request({
-					url: '/partnerOwn/partner/shopInfo',
-					method: 'get',
-				})
-				this.user = res.data
-				this.partnerId = res.data.partnerId
-				uni.setStorageSync('partnerId', res.data.partnerId)
-				if (res.data.isWorking == "0") {
+      })
+      if (res.code == 200) {
+        this.warnMsg = res.data
+        if (this.warnMsg && this.warnMsg.length > 0) {
+          this.show = true
+        }
+      }
+    },
+    //初始化获取
+    async getindex() {
+      // 首页信息
+      let res = await request({
+        url: '/partnerOwn/partner/shopInfo',
+        method: 'get',
+      })
+      this.user = res.data
+      this.partnerId = res.data.partnerId
+      uni.setStorageSync('partnerId', res.data.partnerId)
+      if (res.data.isWorking == "0") {
 
-					this.isWorking = false
-				}
-				if (res.data.isWorking == "1") {
-					this.isWorking = true
-				}
-				// 中间统计
-				let reszj = await request({
-					url: '/partnerOwn/partner/statisticsInfo?partnerId=' + this.partnerId,
-					method: 'get',
-				})
-				let nums = {
-					orderAmount: reszj.data.orderAmount / 100,
-					orderNum: reszj.data.orderNum,
-					todayOrderAmount: reszj.data.todayOrderAmount / 100,
-					todayOrderNum: reszj.data.todayOrderNum,
-					workedNum: reszj.data.workedNum,
-					workingNum: reszj.data.workingNum,
-					srlNum: reszj.data.srlNum,
-					hgNum: reszj.data.hgNum,
+        this.isWorking = false
+      }
+      if (res.data.isWorking == "1") {
+        this.isWorking = true
+      }
+      // 中间统计
+      let reszj = await request({
+        url: '/partnerOwn/partner/statisticsInfo?partnerId=' + this.partnerId,
+        method: 'get',
+      })
+      let nums = {
+        orderAmount: reszj.data.orderAmount / 100,
+        orderNum: reszj.data.orderNum,
+        todayOrderAmount: reszj.data.todayOrderAmount / 100,
+        todayOrderNum: reszj.data.todayOrderNum,
+        workedNum: reszj.data.workedNum,
+        workingNum: reszj.data.workingNum,
+        srlNum: reszj.data.srlNum,
+        hgNum: reszj.data.hgNum,
 
-				}
-				this.threenum = nums
+      }
+      this.threenum = nums
 
 
-				// 下方订单信息
-				// let resxf = await request({
-				// 	url:'/partnerOwn/partner/orderInfo?partnerId='+this.partnerId,
-				// 	method: 'get',
-				// })
-				// this.items = resxf.data
-				// 热销产品
-				let resrx = await request({
-					url: '/partnerOwn/partner/hotGoodsList?partnerId=' + this.partnerId,
-					method: 'get',
-				})
-				this.ping = resrx.data
-				// this.getswitch()
-			},
-			goindex() {
-				uni.navigateTo({
-					url: '/pages/index/index'
-				})
-			},
-			reservations() {
-				uni.navigateTo({
-					url: "/pages/order/reservationlist",
+      // 下方订单信息
+      // let resxf = await request({
+      // 	url:'/partnerOwn/partner/orderInfo?partnerId='+this.partnerId,
+      // 	method: 'get',
+      // })
+      // this.items = resxf.data
+      // 热销产品
+      let resrx = await request({
+        url: '/partnerOwn/partner/hotGoodsList?partnerId=' + this.partnerId,
+        method: 'get',
+      })
+      this.ping = resrx.data
+      // this.getswitch()
+    },
+    goindex() {
+      uni.navigateTo({
+        url: '/pages/index/index'
+      })
+    },
+    reservations() {
+      uni.navigateTo({
+        url: "/pages/order/reservationlist",
 
-				})
-			},
-			gostatistics() {
-				uni.navigateTo({
-					url: '/pages/statistics/statistics'
-				})
-			},
-			goxiaoxi() {
-				uni.navigateTo({
-					url: '/pages/xiaoxi/xiaoxi'
-				})
-			},
-			gorwm() {
-				uni.navigateTo({
-					url: '/pages/my/rwm'
-				})
-			},
-			confirms() {
-				this.show = false
-			},
-			gohomecar() {
-				uni.navigateTo({
-					url: '/pages/index/homecar'
-				})
-			},
-			getswitch() {
-				if (this.user.isWorking == "0") {
-					this.isWorking = false
-				}
-				if (this.user.isWorking == "1") {
-					this.isWorking = true
-				}
-			},
-			async getying() {
+      })
+    },
+    gostatistics() {
+      uni.navigateTo({
+        url: '/pages/statistics/statistics'
+      })
+    },
+    goxiaoxi() {
+      uni.navigateTo({
+        url: '/pages/xiaoxi/xiaoxi'
+      })
+    },
+    gorwm() {
+      uni.navigateTo({
+        url: '/pages/my/rwm'
+      })
+    },
+    confirms() {
+      this.show = false
+    },
+    gohomecar() {
+      uni.navigateTo({
+        url: '/pages/index/homecar'
+      })
+    },
+    getswitch() {
+      if (this.user.isWorking == "0") {
+        this.isWorking = false
+      }
+      if (this.user.isWorking == "1") {
+        this.isWorking = true
+      }
+    },
+    async getying() {
 
-				let data = {
-					partnerId: this.partnerId
-				}
-				let res = await request({
-					url: '/partnerOwn/partner/startOrEnd',
-					method: 'post',
-					params: data
-				})
-				this.getindex()
-			},
+      let data = {
+        partnerId: this.partnerId
+      }
+      let res = await request({
+        url: '/partnerOwn/partner/startOrEnd',
+        method: 'post',
+        params: data
+      })
+      this.getindex()
+    },
 
-			startScrolling() {
-				this.showScroll = true;
-				setInterval(() => {
-					this.scrollItems();
-				}, this.scrollDuration);
-			},
-			scrollItems() {
-				this.items.push(this.items.shift());
-			}
-		}
-	}
+    startScrolling() {
+      this.showScroll = true;
+      setInterval(() => {
+        this.scrollItems();
+      }, this.scrollDuration);
+    },
+    scrollItems() {
+      this.items.push(this.items.shift());
+    }
+  }
+}
 </script>
 
 <style scoped lang="scss">
-	.jbBox {
-		width: 100px;
-		height: 100px;
-		background-color: #909193;
-		border-radius: 15px;
-	}
-
-	.content {
-		box-sizing: border-box;
-		width: 100%;
-		height: calc(100vh);
-		// background-color: #F4F4F4;
-		background-color: cornflowerblue;
-		// background: url('http://www.nuoyunr.com/lananRsc/jcbjt.png') center no-repeat;
-		background: url('../../static/detection/mybj.png') no-repeat;
-		background-size: 100% 100%;
-		position: relative;
-	}
-
-	.c-top {
-		width: 100%;
-		height: 283px;
-
-	}
-
-	.cnm-icon {
-		width: 20px;
-		height: 20px;
-		margin-right: 5px;
-
-		image {
-			width: 100%;
-			height: 100%;
-		}
-	}
-
-	.top-ail {
-		width: 100%;
-		box-sizing: border-box;
-		padding: 20px;
-	}
-
-	.dix {
-		display: flex;
-		align-items: center;
-	}
-
-	.top-two {
-		width: 100%;
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-	}
-
-	.xzi {
-		font-size: 12px;
-		// margin-top: 10px;
-
-	}
-
-	.icon-img {
-		margin-top: 10px;
-		margin-left: 80px;
-		width: 50px;
-		height: 50px;
-
-		image {
-			width: 100%;
-			height: 100%;
-		}
-	}
-
-	.touxiang {
-		width: 30px;
-		height: 30px;
-		border-radius: 50%;
-		overflow: hidden;
-		background-color: whitesmoke;
-
-		image {
-			width: 100%;
-			height: 100%;
-		}
-	}
-
-	.t-title {
-		font-size: 18px;
-		font-weight: bold;
-		color: #FFFFFF;
-		margin-left: 5px;
-	}
-
-	.gangbox {
-		width: 100%;
-		display: flex;
-		justify-content: space-between;
-		flex-wrap: wrap;
-		margin-top: 10px;
-
-	}
-
-	.ang-box {
-		width: 49%;
-		box-sizing: border-box;
-		padding: 15px;
-		background-color: white;
-		height: 100px;
-		// display: flex;
-		// align-items: center;
-		// justify-content: center;
-		border-radius: 10px;
-		margin-top: 10px;
-		font-weight: bold;
-	}
-
-	.ang-box1 {
-		width: 49%;
-		box-sizing: border-box;
-		padding: 15px;
-		background-color: #d0e5ff;
-		height: 130px;
-		border-radius: 10px;
-		margin-top: 10px;
-		font-weight: bold;
-	}
-
-	.ang-box2 {
-		width: 49%;
-		box-sizing: border-box;
-		padding: 15px;
-		background-color: #fdfcd4;
-		height: 130px;
-		border-radius: 10px;
-		margin-top: 10px;
-		font-weight: bold;
-	}
-
-	.ang-box3 {
-		width: 49%;
-		box-sizing: border-box;
-		padding: 15px;
-		background-color: #ede6ff;
-		height: 130px;
-		border-radius: 10px;
-		margin-top: 10px;
-		font-weight: bold;
-	}
-
-	.ang-box4 {
-		width: 49%;
-		box-sizing: border-box;
-		padding: 15px;
-		background-color: #c9f9af;
-		height: 130px;
-		border-radius: 10px;
-		margin-top: 10px;
-		font-weight: bold;
-	}
-
-	.san-box {
-		width: 30%;
-		box-sizing: border-box;
-		padding: 5px 0px;
-		background-color: #eaf9e4;
-		height: 60px;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		border-radius: 10px;
-		margin-top: 10px;
-		font-weight: bold;
-		font-size: 12;
-		position: relative;
-
-	}
-
-	.san-box3 {
-		width: 30%;
-		box-sizing: border-box;
-		padding: 5px 0px;
-		background-color: #ffeee6;
-		height: 60px;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		border-radius: 10px;
-		margin-top: 10px;
-		font-weight: bold;
-		position: relative;
-	}
-
-	.j-icon {
-		position: absolute;
-		width: 15px;
-		height: 15px;
-		display: flex;
-		align-items: center;
-		background: red;
-		border-radius: 50%;
-		justify-content: center;
-		color: white;
-		top: -5px;
-		right: -5px;
-		z-index: 999;
-		font-size: 12px;
-
-	}
-
-	.san-box2 {
-		width: 30%;
-		box-sizing: border-box;
-		padding: 5px 0px;
-		background-color: #ffeeef;
-		height: 60px;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		border-radius: 10px;
-		margin-top: 10px;
-		font-weight: bold;
-	}
-
-
-
-	.dqtime {
-		width: 100%;
-		display: flex;
-		align-items: center;
-		justify-content: flex-end;
-		margin-top: 15px;
-		font-weight: bold;
-		position: fixed;
-		bottom: 55px;
-		right: 10px;
-	}
-
-	.baizi {
-		font-size: 14px;
-		font-weight: 400;
-		color: #FFFFFF;
-	}
-
-	.threebox {
-		width: 100%;
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		margin-top: 30px;
-	}
-
-	.t-box {
-		width: 33%;
-		text-align: center;
-	}
-
-	.xbai {
-		font-size: 15px;
-		font-weight: 400;
-		color: #FFFFFF;
-		margin-bottom: 5px;
-	}
-
-	.xxbai {
-		font-size: 13px;
-		font-weight: 400;
-		color: #FFFFFF;
-		margin-bottom: 15px;
-
-	}
-
-	.dbai {
-		font-size: 25px;
-		font-weight: 600;
-		color: #FFFFFF;
-		margin-bottom: 5px;
-	}
-
-	.t-bottom {
-		width: 100%;
-		z-index: 999;
-		background: #FFFFFF;
-		border-radius: 8px;
-		box-sizing: border-box;
-		padding: 15px;
-		background-color: white;
-		margin-top: 8px;
-
-	}
-
-	.x-title {
-		font-size: 16px;
-		font-weight: 600;
-		color: #333333;
-	}
-
-	.jgbox {
-		width: 42px;
-		height: 42px;
-		background: #EFF2FC;
-		border-radius: 50%;
-
-		margin-bottom: 5px;
-		overflow: hidden;
-
-		image {
-			width: 100%;
-			height: 100%;
-
-		}
-	}
-
-	.bs-di {
-		width: 100%;
-		display: flex;
-		align-items: center;
-		font-size: 22px;
-		justify-content: space-between;
-	}
-
-	.f-box {
-		width: 25%;
-		margin-bottom: 10px;
-		text-align: center;
-	}
-
-	.fourbox {
-		width: 100%;
-		display: flex;
-		// justify-content: space-between;
-		align-items: center;
-		flex-wrap: wrap;
-		margin-top: 20px;
-	}
-
-	.h-text {
-		font-size: 13px;
-		font-weight: 400;
-		color: #333333;
-	}
-
-	.bai-box {
-		width: 100%;
-		// height: 121px;
-		background: #FFFFFF;
-		border-radius: 8px;
-		margin: 0 auto;
-
-		box-sizing: border-box;
-		padding: 15px;
-	}
-
-	.hui-box {
-		width: 100%;
-		background: #E7E8FD;
-		border-radius: 8px;
-		margin: 0 auto;
-		box-sizing: border-box;
-		padding: 1px;
-		margin-top: 15px;
-		margin-bottom: 15px;
-		margin-top: 160px;
-	}
-
-	.hui-top {
-		box-sizing: border-box;
-		padding: 15px;
-	}
-
-	.l-bai {
-		width: 100%;
-		height: 220px;
-		box-sizing: border-box;
-		padding: 15px;
-		background: #FFFFFF;
-		border-radius: 5px;
-		white-space: nowrap;
-		overflow: hidden;
-	}
-
-	.l-box {
-		margin-top: 5px;
-		width: 100%;
-		border-bottom: 1px solid #EEEEEE;
-	}
-
-	.l-text {
-		font-size: 15px;
-		font-weight: 400;
-		color: #333333;
-		margin-bottom: 10px;
-	}
-
-	.time {
-		font-size: 14px;
-		font-weight: 400;
-		color: #999999;
-		margin-bottom: 10px;
-	}
-
-	.mubu {
-		background-color: #F4F4F4;
-		box-sizing: border-box;
-		padding: 15px;
-		z-index: -9;
-	}
-
-	.bottom-box {
-		width: 100%;
-		background-color: white;
-		border-radius: 8px;
-		margin: 0 auto;
-		box-sizing: border-box;
-		padding: 15px;
-
-	}
-
-	.x-top {
-		width: 100%;
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		font-size: 14px;
-		font-weight: 400;
-		color: #666666;
-		margin: 15px auto;
-	}
-
-	.x-cont {
-		margin: 10px auto;
-		width: 100%;
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-	}
-
-	.dix-zuo {
-		width: 50%;
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-	}
-
-	.dix-you {
-		width: 50%;
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-
-		.zuo {
-			width: 50%;
-			text-align: center;
-		}
-
-		.you {
-			width: 50%;
-			text-align: center;
-		}
-	}
-
-	.jzuo {
-		width: 50%;
-		font-size: 15px;
-		font-weight: 400;
-		color: #333333;
-		text-align: center;
-	}
-
-	.ju {
-		width: 50%;
-		text-align: left;
-		font-size: 15px;
-		font-weight: 400;
-		color: #FF571A;
-	}
-
-	.paim {
-		width: 15%;
-		text-align: center;
-	}
-
-	.paim-you {
-		width: 80%;
-	}
-
-	.v-icon {
-		width: 30px;
-		height: 30px;
-
-		image {
-			width: 100%;
-			height: 100%;
-		}
-	}
+.jbBox {
+  width: 100px;
+  height: 100px;
+  background-color: #909193;
+  border-radius: 15px;
+}
+
+.content {
+  box-sizing: border-box;
+  width: 100%;
+  height: calc(100vh);
+  // background-color: #F4F4F4;
+  background-color: cornflowerblue;
+  // background: url('http://www.nuoyunr.com/lananRsc/jcbjt.png') center no-repeat;
+  background: url('../../static/detection/mybj.png') no-repeat;
+  background-size: 100% 100%;
+  position: relative;
+}
+
+.c-top {
+  width: 100%;
+  height: 283px;
+
+}
+
+.cnm-icon {
+  width: 20px;
+  height: 20px;
+  margin-right: 5px;
+
+  image {
+    width: 100%;
+    height: 100%;
+  }
+}
+
+.top-ail {
+  width: 100%;
+  box-sizing: border-box;
+  padding: 20px;
+}
+
+.dix {
+  display: flex;
+  align-items: center;
+}
+
+.top-two {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.xzi {
+  font-size: 12px;
+  // margin-top: 10px;
+
+}
+
+.icon-img {
+  margin-top: 10px;
+  margin-left: 80px;
+  width: 50px;
+  height: 50px;
+
+  image {
+    width: 100%;
+    height: 100%;
+  }
+}
+
+.touxiang {
+  width: 30px;
+  height: 30px;
+  border-radius: 50%;
+  overflow: hidden;
+  background-color: whitesmoke;
+
+  image {
+    width: 100%;
+    height: 100%;
+  }
+}
+
+.t-title {
+  font-size: 18px;
+  font-weight: bold;
+  color: #FFFFFF;
+  margin-left: 5px;
+}
+
+.gangbox {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  margin-top: 10px;
+
+}
+
+.ang-box {
+  width: 49%;
+  box-sizing: border-box;
+  padding: 15px;
+  background-color: white;
+  height: 100px;
+  // display: flex;
+  // align-items: center;
+  // justify-content: center;
+  border-radius: 10px;
+  margin-top: 10px;
+  font-weight: bold;
+}
+
+.ang-box1 {
+  width: 49%;
+  box-sizing: border-box;
+  padding: 15px;
+  background-color: #d0e5ff;
+  height: 130px;
+  border-radius: 10px;
+  margin-top: 10px;
+  font-weight: bold;
+}
+
+.ang-box2 {
+  width: 49%;
+  box-sizing: border-box;
+  padding: 15px;
+  background-color: #fdfcd4;
+  height: 130px;
+  border-radius: 10px;
+  margin-top: 10px;
+  font-weight: bold;
+}
+
+.ang-box3 {
+  width: 49%;
+  box-sizing: border-box;
+  padding: 15px;
+  background-color: #ede6ff;
+  height: 130px;
+  border-radius: 10px;
+  margin-top: 10px;
+  font-weight: bold;
+}
+
+.ang-box4 {
+  width: 49%;
+  box-sizing: border-box;
+  padding: 15px;
+  background-color: #c9f9af;
+  height: 130px;
+  border-radius: 10px;
+  margin-top: 10px;
+  font-weight: bold;
+}
+
+.san-box {
+  width: 30%;
+  box-sizing: border-box;
+  padding: 5px 0px;
+  background-color: #eaf9e4;
+  height: 60px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 10px;
+  margin-top: 10px;
+  font-weight: bold;
+  font-size: 12px;
+  position: relative;
+
+}
+
+.san-box3 {
+  width: 30%;
+  box-sizing: border-box;
+  padding: 5px 0px;
+  background-color: #ffeee6;
+  height: 60px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 10px;
+  margin-top: 10px;
+  font-weight: bold;
+  position: relative;
+}
+
+.j-icon {
+  position: absolute;
+  width: 15px;
+  height: 15px;
+  display: flex;
+  align-items: center;
+  background: red;
+  border-radius: 50%;
+  justify-content: center;
+  color: white;
+  top: -5px;
+  right: -5px;
+  z-index: 999;
+  font-size: 12px;
+
+}
+
+.san-box2 {
+  width: 30%;
+  box-sizing: border-box;
+  padding: 5px 0px;
+  background-color: #ffeeef;
+  height: 60px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 10px;
+  margin-top: 10px;
+  font-weight: bold;
+}
+
+
+.dqtime {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  margin-top: 15px;
+  font-weight: bold;
+  position: fixed;
+  bottom: 55px;
+  right: 10px;
+}
+
+.baizi {
+  font-size: 14px;
+  font-weight: 400;
+  color: #FFFFFF;
+}
+
+.threebox {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 30px;
+}
+
+.t-box {
+  width: 33%;
+  text-align: center;
+}
+
+.xbai {
+  font-size: 15px;
+  font-weight: 400;
+  color: #FFFFFF;
+  margin-bottom: 5px;
+}
+
+.xxbai {
+  font-size: 13px;
+  font-weight: 400;
+  color: #FFFFFF;
+  margin-bottom: 15px;
+
+}
+
+.dbai {
+  font-size: 25px;
+  font-weight: 600;
+  color: #FFFFFF;
+  margin-bottom: 5px;
+}
+
+.t-bottom {
+  width: 100%;
+  z-index: 999;
+  background: #FFFFFF;
+  border-radius: 8px;
+  box-sizing: border-box;
+  padding: 15px;
+  background-color: white;
+  margin-top: 8px;
+
+}
+
+.x-title {
+  font-size: 16px;
+  font-weight: 600;
+  color: #333333;
+}
+
+.jgbox {
+  width: 42px;
+  height: 42px;
+  background: #EFF2FC;
+  border-radius: 50%;
+
+  margin-bottom: 5px;
+  overflow: hidden;
+
+  image {
+    width: 100%;
+    height: 100%;
+
+  }
+}
+
+.bs-di {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  font-size: 22px;
+  justify-content: space-between;
+}
+
+.f-box {
+  width: 25%;
+  margin-bottom: 10px;
+  text-align: center;
+}
+
+.fourbox {
+  width: 100%;
+  display: flex;
+  // justify-content: space-between;
+  align-items: center;
+  flex-wrap: wrap;
+  margin-top: 20px;
+}
+
+.h-text {
+  font-size: 13px;
+  font-weight: 400;
+  color: #333333;
+}
+
+.bai-box {
+  width: 100%;
+  // height: 121px;
+  background: #FFFFFF;
+  border-radius: 8px;
+  margin: 0 auto;
+
+  box-sizing: border-box;
+  padding: 15px;
+}
+
+.hui-box {
+  width: 100%;
+  background: #E7E8FD;
+  border-radius: 8px;
+  margin: 0 auto;
+  box-sizing: border-box;
+  padding: 1px;
+  margin-top: 15px;
+  margin-bottom: 15px;
+  margin-top: 160px;
+}
+
+.hui-top {
+  box-sizing: border-box;
+  padding: 15px;
+}
+
+.l-bai {
+  width: 100%;
+  height: 220px;
+  box-sizing: border-box;
+  padding: 15px;
+  background: #FFFFFF;
+  border-radius: 5px;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.l-box {
+  margin-top: 5px;
+  width: 100%;
+  border-bottom: 1px solid #EEEEEE;
+}
+
+.l-text {
+  font-size: 15px;
+  font-weight: 400;
+  color: #333333;
+  margin-bottom: 10px;
+}
+
+.time {
+  font-size: 14px;
+  font-weight: 400;
+  color: #999999;
+  margin-bottom: 10px;
+}
+
+.mubu {
+  background-color: #F4F4F4;
+  box-sizing: border-box;
+  padding: 15px;
+  z-index: -9;
+}
+
+.bottom-box {
+  width: 100%;
+  background-color: white;
+  border-radius: 8px;
+  margin: 0 auto;
+  box-sizing: border-box;
+  padding: 15px;
+
+}
+
+.x-top {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 14px;
+  font-weight: 400;
+  color: #666666;
+  margin: 15px auto;
+}
+
+.x-cont {
+  margin: 10px auto;
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.dix-zuo {
+  width: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.dix-you {
+  width: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+
+  .zuo {
+    width: 50%;
+    text-align: center;
+  }
+
+  .you {
+    width: 50%;
+    text-align: center;
+  }
+}
+
+.jzuo {
+  width: 50%;
+  font-size: 15px;
+  font-weight: 400;
+  color: #333333;
+  text-align: center;
+}
+
+.ju {
+  width: 50%;
+  text-align: left;
+  font-size: 15px;
+  font-weight: 400;
+  color: #FF571A;
+}
+
+.paim {
+  width: 15%;
+  text-align: center;
+}
+
+.paim-you {
+  width: 80%;
+}
+
+.v-icon {
+  width: 30px;
+  height: 30px;
+
+  image {
+    width: 100%;
+    height: 100%;
+  }
+}
+
+.white-image {
+  width: 48rpx;
+  height: 48rpx;
+  filter: invert(100%) grayscale(100%);
+}
+
+.msg-box {
+  position: relative;
+  margin-right: 40rpx;
+
+  .msg-num {
+    position: absolute;
+    right: -15rpx;
+    color: white;
+    background: #d74a43;
+    width: 35rpx;
+    height: 35rpx;
+    line-height: 35rpx;
+    text-align: center;
+    font-weight: 800;
+    font-size: 11px;
+    border-radius: 50%;
+    top: -15rpx;
+  }
+}
+
+.userInfo {
+  flex: 1;
+  //width: 0;
+  .userName {
+    font-weight: bold;
+    font-size: 36rpx;
+    color: white;
+    display: block;
+    margin-bottom: 16rpx;
+    margin-left: 10rpx;
+  }
+
+  .userType {
+    font-size: 24rpx;
+    color: white;
+    display: inline-block;
+    border-radius: 24rpx 24rpx 24rpx 24rpx;
+    border: 1rpx solid white;
+    padding: 8rpx 16rpx;
+    margin-left: 10rpx;
+  }
+}
 </style>
diff --git a/static/icons/avatar.png b/static/icons/avatar.png
new file mode 100644
index 0000000000000000000000000000000000000000..f9a3109e94c01207e8917931b21e5d3ffecad005
GIT binary patch
literal 4824
zcmV;}5-076P)<h;3K|Lk000e1NJLTq003wJ003wR1^@s69UQfx00001b5ch_0Itp)
z=>Px{l1W5CRCr$1U3+j`)p`GY_wMSoE5EgpEMq&eF;4wL#@I1o00FfFwh50!Fo9{(
zPTEeU8JY|&#TnYVolFR!NlMaALo%IYnzj@Zg2BWP3O0_ZTfblUjpYZHZOK}_cURiI
zd%ya-tF>imwR>NCcXej=uRZ5{kKaA#eCIpg`3_->l=djsB@>uW3T6{w7Bi-SFcUzf
z@gqzipo|#=AO@g|fNln&1T+I^(HSR6!C8fHU`hqGj0Mp}n4&A|nbo_ZSf~>2)RJga
z6f`iS7J$zsW;F&bD2%-zY-QksssIiU5xdmCYuywLKqpUf>G-L*TUGE77^?tG6)Bkk
zJ^yNB0xp8^md<!B6u=fDO1P$F2OSk0pvzsng#7pe0FM$Olt~tkK)Onrfp%j2Clmg)
zI!Ff{=+|-6f&j$K)DgqO0G<SJI{+n@Br=KwD36N{;CH%??^jpiZ6Zo~Oy5{gJuA$t
zcJ|{j*0C0Zc~%J*2qc3|0*>mycR~TY>?Kg10n{Gh2Z`{v0B*JlOuD`dAl3oz2hw#M
z?_=PZ>L9&qR}L%f@($4D9-gE4@k21~OMQsWir4GWDBQ|7@|LFK>8a!Bm@|p8w|1<s
z(YoKl>{}SapEK}n*`K&6M3I0bL%Ej;e|IE+7aNH*H)Txsl^1}z`ng`y@iGBR^TD+A
zsTY2#8!Fm1*6@eb6X=xN^12RCILcqVvcvxc7!__aJG{T7*jU9<2z?;@QK*7mb(1C6
z0NS#JeG8Z2IRJm*CWG1fDw?V88k4d%J%28MzggnaM%NX9E;CnB4F5sE8n3`f(<!p4
z&R~lf8~PIX%B)G$?NlF*0TL&s0&HZU!6`F#+85y{GQ=QYhsIb_TS=Gg$mNQW&=KS5
z%=m8rbDS{Yv~4ktqCuIC6QQvxKo{-GXnO>O!#s`34Nq{rUE*%FlZjtID#pT$ld6hF
zyT=>00J<FET9vSkfmy|(ltQ|Ja_N8>M~HAwC`gxb)gAu7Wq?k1@`Q1v*a~2wRbu(9
zU(BOuQ0_g5;;vAL`mE@|5<tvc($S9%gKirubUdkB#A{JXe!^>26=)(N(-X2KfWlG!
z;gzH0Z+N0@8$^oLq8lQL4D|1Yg7hu3;+Y1hBgT(2<KNA8T&Q|QKZ;Tw`G>2=(d%Y(
zWC|d|BkjZfE4$=!Go2Q)&KMX);$-bhYFJP^k<R4ORZf5oGndrFunl>1eCA@(>i<RM
zqZ^HR#)pS@qp`6uyB9nsK<$0JmK1!)s*(y>znD$#>-3`F$xsFTIGe7r0u&zLdC;)~
zj6fk3Zk6_!nC4PeU0;ccMH9+M;`TC@>;T31w_vQWs-R-1KPIL*!HDoiRe&C}4AA8W
zuTlsb-8iOp8?d;>2=_4Bdv$b07`-ta0|_7vilU_A7RvmDDdPxL;}q0RP*CE}IitJH
zs+s=uBw<Z$fHq~SoRMQ@_ILDS4;Tx~Q1GIT&WzSB#_851TDx^<IRc;r#J>J(ocVn~
z-9!a9)v2hPtU#gS0gHj1p#YX=+Q4SyG92MQ0pTSt6rYO*Gvh)h<M25R-BI)LJhBdT
zMl#o*7$n?M@578L1yn3RDR?wgLF<R>V+26Enf)_kI7&s}2$iX8Uvp~2*eN|xhL)vi
z-6RE{o$JH6ikxwicF0?6L)aGz(Bhl`wMY430$#J$yZg02X-{Hrvxc~XSefVmqd!N4
zb(tTyZLS~n)vEhKSnQDqtE&R^o1x7{jG%Cow*y#iv2WL^%ar!fxg?IYIFGU&z7Az$
za`C5BG}QaWsw!Av#=F&(v~pB{E=PE=LfBm>%T3meeWw#Rb;;h8He9n})md4$=1*6#
z?8btEl=J}&lY(?8Ez5P^OE|_q0pm{#^$8t3tKql{BPY$j0Nxd4OF{RG>wReWl&@eT
zi4?q0RY6aW07%YyI%BxVz@$O|bha&togX_`a7JNTMv#?Ft9-GI3ktd>ov#X@K7Bvw
z>ImxS=T)rZtwMk!*4q0A6G%8;c1Ez@8)M7;isA6UttADs?nuSmRpqorgt-b(IKn>%
z;VWJPBu2sSjwH|~w@LF*%vf@n$WEKAVCBsvg_-II{~QX?*RKM!em$%AtVSz<$$8LG
z)-GGZNo+sv{?wKx8jCYxaeGp&xY>{CQ@l6788{nCO>??2g1X~;tEOS6Ju&RJlF{?t
z!Gz&Y%U2mlFd_r?dJl~!tXU$X$aCA9RX-L?E~Uc;<@P>)niM>5PYnC5TDx>(ddp`?
zXpG(=J~=D2L^-RLl%QsU_nrnKe61=#KQRCbNBAv}akJXfvg1So=i1%b^Nhy0mSpru
z)&!enZk>wTKkc{K+CekItDyijr2vYu1k_bK=+1IeU1x0A8MkBtTP6Y^nPhZ30I1Xl
zJaK2K_tPAsIaEorXfVF|w3(aMb`&&Po3<_;Tk|}<3GJlL=#Dz${PRmoj58%q3!$GG
zGimU0uc;6qHyQlsoQ9+4^RV$5#-vquPbL|c&h}y9Ot+GpnAakyxQp7O{3HP{ns4S#
z&F#k%XbI<c{c&pq-B_#Q&UxOiLqzyv>WK0`G4N;ZsNGyI;v;+iV0_dAHFLd~tL4TN
zCsy3*B_-wvx?AhJGJ@Xp`evLM2ygF;BWiPhVnqi|tvI1IAwYQKGh!%Mq3lZCU&tD?
zhX^B1@?7bDluqQU-n1v4^DxZ~9-Qoh()0smK+|odP!*36Vr-*uj8A}ZqZ`UF+lK)3
z_TIQ{7mQgtQqPGeq2K@!4pBJDVR(GRAZyTX_s1cg=6n|?zPL1R<0}YXSYCiBj?gRs
ziLb?T8*=lZIKsX50h0AVCY)Tk<Rm6RKys2Pt7f8t)wg(WBrqc^0NK})gU{cIn<rRC
z_{<z1{3>DJX$_aUGMnqQ6BR6&;e#AGd~i4ciSn^i3T0-?3@rf3ZqegyGH|R#!=bbG
zHmY(YJ-aq_4A33b@$UZ24%g2$l%S$CwXn;^`2SAWJJz^$whxO6uu+u>LX3nc*!z1w
z9lbi<KV;97-B9nt?3xrnVx?`|J<_MADlm=;ltIhu$axLhkJ$t0!KEdb;<c+sgd;=+
zpcZf{Kd6^QCe}B14cLl%n^mJif;-Yhrn!$VUOyUTT9U6my+-}dv4kzxk{o|Oen(j$
z_CP|jMK-F(2)M~haMHB)oJyd%)w;VUP)b<Y;J>;r5wrdHg(N;1Ji3@ZMPjg10Lq6T
zo7G?aZybI7*4LnUH>g;CllN|(6!SPLYml6z-dYHNWSZN2C}Asu;=&m|BM?4YN#9r9
ze@4S@8xccdDate%8t?fMZHPs{E&=Ej08NDeNN8?79JduPB1`}Bn|!F7JUU3?$!>1d
zu;q|u>m!iZ?fVvcZ(a|<;=cr-f?lm}>rNee+cEa#3m0Qy?ljf73pBL!Cm6d<YDNfg
zuD#M|AE%6->H-{hr}-fTKae%(>jY%ICz<cj<z!DJyotp&xl%Elnle;6qdHnU*@!B&
zTg1q?<M#?01}sLx*C^c2E1}~ZyMnmUPBxO_S+E-(m5GPQ02{aN?36$mK}_rN5|5pu
z!<bDbu}Y@6X#||UlKj<kch69ME_Leo@Tfh5VK@jfT}sHWovBT>O`mJ<W9lUD<Kc$M
zp%Gz5I%woPfI2&0o11MuzLdniW_z2-p?o+w1G@dwKFl37(cP5IYF|t^R~?`fK<yEJ
zlgRsYmYJA#;sQ$dXE)qe{Co4K7jz=IrV_&Ip#aHcIwS1rn*e@b73F-?m+7gwHHrPF
zHCt1Zo#{=CjN9h=FlVaIdFFNZl=6*GkX|$Z>Wc8<D_6nyxYxJyo-TDJvHO%}*>JFO
zt4_ES&$tAHi08YAihO4c)j>L703?rIgrhi5gqk8^(l`x0a7M$~%jVrdeKAJdq?3G3
zt%{{{d?WTyMWBNVRRK(s2dA!GKZ)_r!1!trFgJpQaF327=aZwJ`=lF4FiKaBAVm>)
z+7!jOhF=g5wFw0?<EPb?WZZPTc7ZFx_c0-3whI$|dQzo3qNBM@hg@07v}ej@98{D7
zv#M3hnW|!9u&Ac95xQewMRkxQoANb)<cYFLbvOrPeg(@D1WXc<k<t@mw01LkqPlTn
zDu8wNvEg&`t1vd1vf-Q*BqOuP_;R{>He`}ap{li=JBDdXmZY9&yKbx89_1esVBG8)
zYh^5CS~RKCe+&gltZJiN2T)gpmn6x!$mOYzLpGLjRwKXuc<TJdiWflY=1N$ROF80r
zEm2_{kyn-z##N9J^Wbq2QN((?`fgsPL>7{A`Hp-uCLnwg)^Q=M8(FKIWE6??GX|VH
zAg&X+)DPq0*7PbB_0@_eU=i?sRgmr-%19=Fz5u}0Csu|Ml=b3xi-yx}x+`~s+=#u-
z^)dQXKrV8LmqGST`6{MT!5A+zMsdi_BY@c$PajL4Xh~YW7C&0QvYV4>F(23WGtn&Z
z!MKJp{{|I4m#04h4sY3nMNLiDzciWgb7=45CrH6B-TG1_55kTUn(Mb2ta=UHl1GvR
z-m{>@SgYJB1bnF~NG}iXFCzuxIn5Y$x$)$TTom4MGGY5{Cfn$-d!*ooQp-w!dlra`
z$dzM>Js)hsvf-m=gcUcG@%AV`G?<pm_GcmypWBZmTv=;|D>Wa6fmPsSZCbI&@!1ip
zz{<&k8&gvwC|#)|#+x|xyr$*S-jj+ou#zXoERjM@ZJGF!P4WG=IJ(2SF%+Z+Mw313
z=orj6e?aoHnpK|E%f}IRn!apEyJOCR;jPGGrmn0-lH13|5qXcMV_CMhSaVKa;V8?a
zfiIY0RO(3f5Q*Zv*l9mtWAt@LGW;TInoF~Mx?NB5pWeIBT5cZ#o~jB`)^oU=0Lkl)
z3zlI!nG9}}RF-yw)Uzo~OlldKZf{841nTz}`7xu)w9&BbZ~%AbdLTC^Kq7!VT$^MZ
z%Jnv?cn97)kU+1E5Zhdek~lXn?zHCOBisKI1F2{rHP;@A(Z_x)s?L&eK266IKvFpz
zWr;qODAZBQnYJW$*$A=CrIcba3Ucv!ckX0>;&Oj1R5>yQbEdvc12hQIKLB_tQ%5od
zNo-q3pSx?1j7nK|-0d}&n(hBTRl<cEvaUtXhl2EsSqhc_k_XfmMDe=#jD{1C`=;;g
zvzeG}6mG{FI3k94#UJ}@sc{xHybxi-*$OmSd8ODAKtk|jn8!`3z=y-14LET@!+|p<
zg8@u@J_b1bsp}(Stz?R=Bf?H~04pY0e4W@bK%y*pefY|e#AX`uz^$0p7dp%bcVts~
z!Z;rqo8X9CvuYGH&L46sf^l32?x?AxHme_-Er5i`V3sUNd|EGiADP~UK4xK+k#zmB
zWDtxd<K#-hL(59jf1dzwr=2%cjVaTvBGV&D0k-xhc-E%9@tiM`<f7FdXGGmy#&VI&
z%l~q1^3mH%QKHgeQn1qQE5wcgk`CJXxF#CsP4DcD+kR}_*o4OI-$uxbmK}5|0r+3M
zt#ntgoYqtaNs{&2E{;Y}n(FRTJburaftT$#RwY8GZ$RP@Y|Bt|4T<QDS>sBdXlk_f
z>To7OTmeWrUVoTNIxh`8&uso7Tv=}<Bkx$W)JFR%82rNic=_5_hn<Yt{fb-zD9ymX
zycc_%KtId&=BfZ9=~<jc;@A~BPwk=rfB9PvR{YA%{#^%1nEUzG{u|>O{gRoN4QEyo
zPspgT5?1A=!1?KmcTiIK(%MJLMt#lEF5SEUB+R_DoBimHKLy6KSB8B+f<`3z(@A)h
zT_N+;j(`{uJ=?#p^hfK~Wq+{NE)RJFD9zAMH}}pPi2J`E8Q>K<J2UI;3Ymv?OhlVB
z1>gMZHDxFB(Ersg^A1p&()Tt-?oaCKbIiOjp91B(Z-sa-i2weX2Lf;8o0jzN89+iz
z4*zyX5?|Jm$!C}`+Y15Rqd^}jDnGX;w(*r$o0>e^6nF|yT3Ii>wA<e`b-^mulYgl*
z$$NPP;UhPA^7;sW2!(&N_JQ(W1LV2uw&03+?u|%;LiE+7j>iBh$m?Ijfg+%d!LR7V
z|Mu+X1M;R{!AijaN=v?OJ(pCJ58Rv7`4KQyvzPaj2y)7K=}O$iZ%CnESNKXdKY2fS
zkTg0s?nML8P*&HiV<osG(V%Hs<CTNjJ3z`}FxN0(IwB*7=o*MyiIu&wH0nxn>;C?V
z18(j9bF1BajiLl76Z_xZ5WS&PRc=luF`X66Q3-X)q&|~D0V0eiU=jnyAq)ZH6Av?^
y7la-~p);(bg@IEl@G)!pM}PH5g(UAN`ttvoosY@xg)=Vz0000<MNUMnLSTZ}-#?uI

literal 0
HcmV?d00001

diff --git a/static/icons/more.png b/static/icons/more.png
new file mode 100644
index 0000000000000000000000000000000000000000..8218d93d4297108668d1031585a87c7d6ac7fb41
GIT binary patch
literal 370
zcmV-&0ge8NP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00001b5ch_0Itp)
z=>Px$EJ;K`RA@u(m@#U@Pz;78)1gBOjeP-M!S5_RLOK?bF(>HQLdN6>xr%iLpTIAW
z3>gY4*@7{_;#D;de$TR`|NkT-%#``VnfFf+FgHOE0D(jYFhYq2Cco}NpswrZs;YLX
z`bI=gM0Du;e%p23HM!$K0v7=xgfC`Z4{9CSwtde<z?qpB_sy#6Nko>p2#C!5IuLLX
zk(Vq4G)=QFiefbo@GT;nECk$^xGc+0BD#tAQPpFN@gtih{%e;X<#YK8L4d&l5HOhK
z5()xiw&E5t44cacg%EHHO@-h>0JqRo`-$*l%ixtysLKxcv^t&@0{+wOv05O2TPSe`
zT}BAEkb#N|0o+1!6EM_I4s{u!<gN?}Ai!XjODG7q*lI`$0tT~OLbE6E3oF&4G0MWW
QMgRZ+07*qoM6N<$f-^UjU;qFB

literal 0
HcmV?d00001

diff --git a/static/imgs/msg.png b/static/imgs/msg.png
new file mode 100644
index 0000000000000000000000000000000000000000..4e3dbf4e5c83ddc4f875db1bd5c51234f86c4ae3
GIT binary patch
literal 512
zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM3?#3wJbMaAF%}28J29*~C-V}>*&E;!;tHgJ
zz}VPWOG`^dMa96tKu=E($Oei)*g85oMn*<JHV^<AhA;r+0@Xlx5OE+E$bhpUT%ZED
zI7A9gf|ME=A<M!=fPxTl2m``~%fcDL&Pi23*V~l@`2{nuu(GiWh)GB)C@QO{THD&$
zySTb}hJ?k%r=@3P<`q;_R=0F6Sh94@+8z5396NFP%=yb#uHE?f>GO}DzyJOd;d)RG
zG-<h~i(`n!`Q(HJEGJGTil>`jNIx!;I>m4kGgES=TSy_Ft#xdrU}B}MwJl#tVOX%S
zA&2*!GgCx8ovwEAAA7Pn#I@t|jTH(Or?%}W*fxn*deY+@k%u|F!YSOoCJ%jbb5l5F
zb7h2XnM_D{W^N+l!qnFG$0vc4)0#(t^D1M|@>D$)4UL?ItV!G(6lUsVEkAa0WuAJA
rq%xOTS=qI&8%YzQy{2_fn!?E7*DLyeeu#h`DDFI6{an^LB{Ts5+Ps)9

literal 0
HcmV?d00001