样式修改

common/config.js

@@ -172,5 +172,8 @@ var config = {
 	API_FLK_REMOVE_SHARE_USER: api_web_url + '?r=flk/car/remove-share-user',
 	//中控
 	API_FLK_CAR_REMOTE_CONTROL: api_web_url + '?r=flk/car/remote-control',
+	//
+	//消息换成已读
+	API_MESSAGE_READ_MESSAGE: api_web_url + '?r=flk/message/read-message',
 };
 module.exports = config;

component/uploader/uploader.css

@@ -60,7 +60,7 @@
     font-family: PingFangSC, PingFang SC;
     font-weight: 500;
     font-size: 28rpx;
-    color: #FFFFFF;
+    color: #333;
     line-height: 28rpx;
     /* text-align: center; */
     font-style: normal;

pages/message/index.vue

@@ -4,7 +4,7 @@
             <view class="row">
                 <view class="title">
                     <view>{{ $t('设备消息') }}</view>
-                    <view class="bage">{{ item.unread }}</view>
+                    <view v-if="item.unread > 0" class="bage">{{ item.unread }}</view>
                 </view>
                 <view class="time">{{item.message_date}}</view>
             </view>
@@ -17,7 +17,7 @@
             </view>
         </view>
         
-        <view class="sys-msg-wrap base-wrap">
+        <view style="margin-top: 20rpx;" class="sys-msg-wrap base-wrap">
             <view class="title">{{ $t('系统消息') }}</view>
             <view class="msg-item" v-for="(item, index) in sysMsgList" :key="index">
                 <view class="msg">
@@ -34,6 +34,7 @@
 <script>
 const config = require('@/common/config.js');
 const http = require('@/common/http.js');
+const request = require('@/common/request.js');
 const common = require('@/common/common.js');
 export default {
     data() {
@@ -47,10 +48,12 @@ export default {
     created() {
         this.querySysMsgList()
         this.queryDeviceMsg()
-        // http.postApi(config.API_MESSAGE_DTL, { id: '7' }, res => {
-        // })
+		this.readMessage()
     },
     methods: {
+		async readMessage(){
+			await request.postApi(config.API_MESSAGE_READ_MESSAGE,{msg_type:2,car_id:0})
+		},
         toDeviceMsgPage(itemData) {
             const { car_id } = itemData
             uni.navigateTo({ url: `/pages/message/deviceInfo?car_id=${car_id}` })

pages/my/my.scss

@@ -3,12 +3,12 @@
 .container-view {
     padding: 36rpx 32rpx 264rpx;
     box-sizing: border-box;
-
     .user-switch-row {
         display: flex;
         align-items: center;
         justify-content: flex-end;
-
+		padding: 20rpx;
+		margin-top: 20rpx;
         .name-wrap {
             font-family: DIN, DIN;
             font-weight: 500;
@@ -16,11 +16,9 @@
             color: #060809;
             display: flex;
             align-items: center;
-
             &:active {
                 opacity: .8;
             }
-
             &::before {
                 content: "";
                 width: 48rpx;
@@ -29,7 +27,6 @@
                 background: url('https://qiniu.bms16.com/FghCVNMWDBKJpqbIrqoxT-de9Has');
                 background-size: 100%;
             }
-
             &::after {
                 content: "";
                 width: 28rpx;
@@ -39,7 +36,6 @@
                 background-size: 100%;
             }
         }
-
         .message {
             width: 48rpx;
             height: 48rpx;

pages/my/my.vue

@@ -7,11 +7,11 @@
 		<view :style="{height: `${statusBarHeight}px`}"></view>
 		<!-- #endif -->
 		
-		<view class="user-switch-row">
-			<view class="news">
+		<view  class="user-switch-row">
+			<view  @click="routerLink({ url: '/pages/message/index' })" class="news">
 				<view v-if="(newsList.plate_count + newsList.device_count) > 0" class="num">{{newsList.plate_count + newsList.device_count}}</view>
 				<image :src="QINIU_URL + 'FlL5BtEdMES2-mntjR9D3CX_LWYv'" class="message"
-					@tap="routerLink({ url: '/pages/message/index' })" />
+					 />
 			</view>
 		</view>
 		<view class="user-info-wrap" @tap="loginHandle">
@@ -181,6 +181,7 @@ var request = require('@/common/request.js');
 				jumpCheck,
 				statues
 			}) {
+				console.log(url)
 				if(statues){
 					return
 				}
@@ -188,7 +189,7 @@ var request = require('@/common/request.js');
 					this[`checkHandle_${jumpCheck}`]()
 					return
 				}
-				console.log(url)
+				
 				uni.navigateTo({
 					url
 				})
@@ -215,6 +216,7 @@ var request = require('@/common/request.js');
 			line-height: 1;
 			background-color: #FA2918;
 			border-radius: 50%;
+			z-index: 9999;
 		}
 	}
 </style>

pages/service/components/leaseType/leaseType.vue

@@ -1,6 +1,6 @@
 <template>
     <view class="container-view-contril">
-		<u-popup v-model="showLeaseType" :closeable="false" mode="bottom" border-radius="32">
+		<u-popup v-model="showLeaseType" :mask-close-able='false' :closeable="false" mode="bottom" border-radius="32">
 		    <view class="bottom-popup">
 		        <view class="title">{{ selectType == 'cabinet' ? '车辆类型' : '用车方案' }}</view>
 		        <view class="item-wrap">

pages/service/service.css

@@ -126,7 +126,7 @@
 	align-items: center;
 }
 .control-icon-view{
-	position: fixed;
+	position: absolute;
 	top:43vh ;
 	padding: 0 24rpx;
 	width: 95%;

pages/service/service.vue

@@ -19,7 +19,7 @@
 		<!-- #endif -->
 
 		<!-- 地图控件 -->
-		<cover-view :class="[
+		<cover-view @click="isSearch = false" :class="[
         'control-icon-view',
         'flex-row',
         isSearch ? 'flex-between' : 'flex-end',
@@ -30,6 +30,7 @@
 					class="current-location-icon"
 					src="https://qiniu.bms16.com/FgLe8FKDOzgt3wxi2lZt-yQGmbP3"></cover-image></cover-view> -->
 		</cover-view>
+		
 		<view class="store-cabinet-block">
 			<view class="block-p"></view>
 			<view v-if="isSearch" class="search-view flex-row">
@@ -68,6 +69,7 @@
 		</view>
 		<leaseType :showLeaseType="showLeaseType" :selectType="selectType" :modelTypeList="modelTypeList"
 			@closeSelectType="closeSelectType" @checkCabinetType="checkCabinetType" />
+			
 		<CustomTabbar curt-tab="service" />
 	</view>
 </template>
@@ -110,7 +112,7 @@
 				polylines: [],
 				mapContext: null, // map上下文
 				isSearch: false, //是否处于搜索状态
-				inputSearchValue: "123",
+				inputSearchValue: "",
 				isFocused: false,
 				showLeaseType: false,
 				modelTypeList: [],