提醒

pages.json

@@ -169,9 +169,44 @@
 		         "navigationStyle": "custom",
 		        "enablePullDownRefresh": true
 		    }
+		},
+		{
+		    "path" : "pages/remind/index",
+		    "style" :                                                                                    
+		    {
+		         "navigationStyle": "custom",
+		        "enablePullDownRefresh": true
+		    }
+		},
+		{
+			"path": "pages/remind/maintenance",
+			"style": {
+				"navigationBarTitleText": "保养提醒",
+				"enablePullDownRefresh": true
+			}
+		},
+		{
+			"path": "pages/remind/maintenanceDetail",
+			"style": {
+				"navigationBarTitleText": "保养提醒",
+				"enablePullDownRefresh": true
+			}
+		},
+		{
+			"path": "pages/remind/detection",
+			"style": {
+				"navigationBarTitleText": "检测异常提醒",
+				"enablePullDownRefresh": true
+			}
+		},
+		{
+			"path": "pages/remind/detectionDetail",
+			"style": {
+				"navigationStyle": "custom",
+				"enablePullDownRefresh": true
+			}
 		}
 		
-		
 	],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",

pages/index/index.vue

@@ -7,6 +7,7 @@
 		<view>
 			{{longitude}}-----{{latitude}}
 		</view>
+		<view @click="goRemind">客户提醒</view>
 	</view>
 </template>
 
@@ -44,6 +45,11 @@
 			
 		},
 		methods: {
+			goRemind(){
+				uni.navigateTo({
+					url:'../remind/index'
+				})
+			},
 			gojkorder(){
 				uni.navigateTo({
 					url:'../myOrder/myOrder'

pages/remind/detection.vue

@@ -0,0 +1,537 @@
+<template>
+	<view class="content">
+		<view class="top">
+			<view class="tabBox">
+				  <view class="tabline" :class="{tabActive:tabIndex==1}" @click="tbFn(1)">我的</view>
+				  <view class="tabline" :class="{tabActive:tabIndex==2}" @click="tbFn(2)">全部</view>
+			</view>
+			<view class="qiehuanBOx">
+				<view class="tabBox2">
+					<view class="tabline2 " :class="{tabActive2:tabIndex2==1}" @click="tbFn2(1)">未处理 (7)</view>
+					<view class="tabline2"  :class="{tabActive2:tabIndex2==2}" @click="tbFn2(2)">处理中 (99+)</view>
+					<view class="tabline2"  :class="{tabActive2:tabIndex2==3}" @click="tbFn2(3)">已完成</view>
+					<view class="tabline2"  :class="{tabActive2:tabIndex2==4}" @click="tbFn2(4)">全部</view>
+				</view>
+			</view>
+			<view class="topPadding">
+				<view class="searchBox">
+				  <view class="searchInputBox">
+					  <image src="../../static/img/icon_search.png" mode="" class="searchIcon"></image>
+					  <input type="text" placeholder="单号、车牌号、客户姓名、手机号 " class="searchInput">
+				  </view>
+				  <view class="searchBtnBox" @click="sxShowFn">
+					  <image src="../../static/img/shaixuan.png" v-show="!sxShow" mode="" class="shaixuan"></image>
+					   <image src="../../static/img/icon_shaix.png" v-show="sxShow" mode="" class="shaixuan"></image>
+				       <span class="searchBtnSpan" :class="{searchBtnSpanActive:sxShow}">筛选</span>
+				  </view>
+				</view>
+				<view class="sxBox" v-show="!sxShow">
+					<view class="sxLine">
+						<span>检测门店</span>
+						<image src="../../static/img/arrow_down.png" mode="" class="downIcon"></image>
+					</view>
+					<view class="sxLine">
+						<span>下次服务日期</span>
+						<image src="../../static/img/arrow_down.png" mode="" class="downIcon"></image>
+					</view>
+				</view>
+			</view>
+			
+			
+		</view>
+	 <view class="heightView"></view>
+	<view class="lineBox">
+		<view class="line" @click="goDetail()">
+			<view class="codeBox">
+				<view class="code">TX202209090009</view>
+				<view class="linestate">提醒单状态</view>
+			</view>
+			<view class="lineCont">
+				<view class="lineCtop">
+					<view class="lineCtopLeft">
+						<view class="name">鲁A29090</view>
+						<view class="name" style="padding-left: 30rpx;">张珊</view>
+						<image src="../../static/img/wechat.png" mode="" class="weChat"></image>
+						<image src="../../static/img/wx1.png" mode="" class="weChat"></image>
+					</view>
+					<image src="../../static/img/lanCall.png" mode="" class="call"></image>
+				</view>
+				<view class="lineMs1">东风日产-轩逸-2022款 e-POWER 超智PLUS</view>
+				<view class="lineMs1">上次到店：2019-05-12</view>
+				<view class="lineMs2">
+					<view>下次服务：2016-06-25</view>
+					<view class="day">剩15天到期</view>
+				</view>
+				<view class="lineMs3">
+					<view>检测部位：机油滤清器备份</view>
+					<view>处理人：张三</view>
+				</view>
+				<view class="jianche">
+					<view class="jcLine">检测结果：长了换 行检测结果：长了换行
+					  检测结果：长了换行检测结果：长了换行检测结果：长了换行检测结果：长了换行
+					</view>
+					<view class="jcLine">检测日期：2024-01-12</view>
+					<view class="jcLine">检测门店：这是门店名称</view>
+				</view>
+			</view>
+			<view class="lineBottom">
+			  <view class="lineB">
+				  <image src="../../static/img/bcall.png" mode="" class="lineBIcon"></image>
+				  <view class="lineBtxt">电话</view>
+			  </view>
+			  <view class="lineB">
+				  <image src="../../static/img/duanxin.png" mode="" class="lineBIcon"></image>
+				  <view class="lineBtxt">短信</view>
+			  </view>
+			  <view class="lineB">
+				  <image src="../../static/img/bwx.png" mode="" class="lineBIcon"></image>
+				  <view class="lineBtxt">微信</view>
+			  </view>
+			  <view class="lineB">
+				  <image src="../../static/img/bwc.png" mode="" class="lineBIcon"></image>
+				  <view class="lineBtxt">完成</view>
+			  </view>
+			</view>
+		</view>
+		
+	</view>
+	
+	<!-- 筛选 -->
+	<view class="sxY" v-if="sxShow" @click="sxHdie">
+		<view class="sxTkBox" @click.stop="">
+		  <view class="sxTitle">处理人</view>
+		  <picker @change="bindPickerChange" :value="index" :range="array">
+		  		<view class="sxInputBox">
+				  <view class="sxLineCont">{{array[index]}}</view>
+				  <image src="../../static/img/jt2.png" mode="" class="sxJt"></image>
+		  		</view>
+		</picker>
+
+		  <view class="sxTitle" >检测部位</view>
+		  <picker @change="bindPickerChange" :value="index" :range="array">
+		      <view class="sxInputBox">
+		  		  <view class="sxLineCont">{{array[index]}}</view>
+		  		  <image src="../../static/img/jt2.png" mode="" class="sxJt"></image>
+		      </view>
+		  </picker>
+		  <view class="sxTitle" >检测日期</view>
+		  <view class="sxTimeBox">
+		  			  <view class="sxtimeLine">请选择</view>
+		  			  <view class="sxTimeHx"></view>
+		  			  <view class="sxtimeLine">请选择</view>
+		  </view>
+		  <view class="sxTitle" style="padding-top: 40rpx;">客户所属门店</view>
+		  <picker @change="bindPickerChange" :value="index" :range="array">
+		      <view class="sxInputBox">
+		  		  <view class="sxLineCont">{{array[index]}}</view>
+		  		  <image src="../../static/img/jt2.png" mode="" class="sxJt"></image>
+		      </view>
+		  </picker>
+		  <view class="sxTitle" >电话提醒</view>
+		  <view class="scCklineBox">
+			  <view class="scCkline" @click="sxIndex1=1" :class="{scCklineActive:sxIndex1==1}">未提醒</view>
+			  <view class="scCkline" @click="sxIndex1=2" :class="{scCklineActive:sxIndex1==2}">已提醒</view>
+		  </view>
+		  <view class="sxTitle" style="padding-top: 40rpx;">短信提醒</view>
+		  <view class="scCklineBox">
+			  <view class="scCkline" @click="sxIndex2=1" :class="{scCklineActive:sxIndex2==1}">未提醒</view>
+			  <view class="scCkline " @click="sxIndex2=2" :class="{scCklineActive:sxIndex2==2}">已提醒</view>
+		  </view>
+		  <view class="sxTitle" style="padding-top: 40rpx;">发放优惠券</view>
+		  <view class="scCklineBox">
+			  <view class="scCkline" @click="sxIndex3=1" :class="{scCklineActive:sxIndex3==1}">未发放</view>
+			  <view class="scCkline" @click="sxIndex3=2" :class="{scCklineActive:sxIndex3==2}">已发放</view>
+		  </view>
+		  <view class="sxTitle" style="padding-top: 40rpx;">处理人</view>
+		  <view class="scCklineBox">
+		  			  <view class="scCkline" @click="sxIndex4=1" :class="{scCklineActive:sxIndex4==1}">未分配</view>
+		  			  <view class="scCkline" @click="sxIndex4=2" :class="{scCklineActive:sxIndex4==2}">已分配</view>
+		  </view>
+		  
+		  <view class="sxBottom">
+			  <view class="chongzhi">重置</view>
+			  <view class="sxSure">确定</view>
+		  </view>
+		  
+		</view>
+	</view>
+	
+		
+	</view>
+</template>
+
+<script>
+
+	export default {
+		data() {
+			return {
+			    iStatusBarHeight:'',
+				token:'',
+				uid:'',
+				sxShow:false,
+				 array: ['请选择','中国', '美国', '巴西', '日本'],
+				 index: 0,
+				 sxIndex1:'',
+				 sxIndex2:'',
+				 sxIndex3:'',
+				 sxIndex4:'',
+				 tabIndex:1,
+				 tabIndex2:1,
+			}
+		},
+		onLoad(opt) {
+		
+			console.log(window.location.origin)
+			//this.url=window.location.origin
+           this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight;
+		   this.token=opt.token;
+		   this.uid=opt.uid
+		   
+		},
+		
+		methods: {
+			tbFn(num){
+			  this.tabIndex=num	
+			},
+			tbFn2(num){
+				 this.tabIndex2=num	
+			},
+			sxShowFn(){
+					this.sxShow=!this.sxShow;
+			},
+			sxHdie(){
+			  	this.sxShow=false;
+			},
+			bindPickerChange: function(e) {
+			            console.log('picker发送选择改变，携带值为', e.detail.value)
+			            this.index = e.detail.value
+			  },
+			getList(){
+				//console.log("list")
+			},
+			goDetail(){
+				uni.navigateTo({
+					url:'detectionDetail'
+				})
+			}
+		
+		},
+		onPullDownRefresh() {
+			this.page = 1;
+			this.getList()
+			setTimeout(function() {
+				uni.stopPullDownRefresh();
+			}, 1000);
+		}
+	}
+</script>
+
+<style scoped>
+.sxBottom{
+	display: flex;justify-content: space-between;padding-top: 50rpx;
+}
+.chongzhi{
+	width: 334rpx;
+	height: 70rpx;
+	border-radius: 10rpx;
+	border: 1px solid #DDDDDD;
+	line-height: 70rpx;
+	font-size: 26rpx;
+	color: #333333;
+	text-align: center;
+	
+}
+.sxSure{
+	width: 334rpx;
+	height: 70rpx;
+	border-radius: 10rpx;
+	line-height: 70rpx;
+	font-size: 26rpx;
+	color: #FFFFFF;
+	text-align: center;
+	background: #FF8113;
+}
+.sxTimeBox{
+	display: flex;justify-content: space-between;
+}
+.sxtimeLine{
+	width: 317rpx;
+	height: 54rpx;
+	background: #F7F7F7;
+	border-radius: 6rpx;
+	font-size: 22rpx;
+	color: #999999;
+	padding-left: 20rpx;
+	line-height:54rpx ;
+}
+.sxTimeHx{
+	width: 13rpx;
+	height: 4rpx;
+	background: #DDDDDD;
+	margin-top: 26rpx;
+}
+.scCklineBox{
+	display: flex;
+}
+.scCkline{
+	width: 160rpx;
+	height: 54rpx;
+	background: #F7F7F7;
+	border-radius: 6rpx;
+	line-height: 54rpx;
+	text-align: center;
+	font-size: 22rpx;
+	color: #3C3C3C;
+	margin-right: 20rpx;
+}
+.scCklineActive{
+	background: rgba(255,129,19,0.1);
+	border-radius: 6rpx;
+	border: 2rpx solid #FF8113;
+	width: 156rpx;
+	height: 50rpx;
+	color: #FF8113;
+	line-height: 50rpx
+}
+ .content{
+ 	min-height: 100vh;
+ 	background: #F6F6F6;
+ }
+ .tabBox{
+	 display: flex;justify-content: space-around;
+ }
+ .tabline{
+	 font-size: 30rpx;
+	 color: #666666;
+	 width: 134rpx;
+	 text-align: center;
+	 line-height: 76rpx;
+ }
+.top{
+	background: #ffffff;
+	position: fixed;
+	width:750rpx;
+	left: 0;
+	top: 44px;
+	z-index: 11;
+}
+.heightView{
+	height: calc(260rpx + 44px);
+}
+.tabActive{
+	color: #3F90F7;border-bottom: 4rpx solid #3F90F7;
+}
+.tabBox2{
+	display: flex;
+	line-height: 58rpx;
+	border: 1px solid #EEEEEE;
+	border-radius: 6rpx;
+	overflow: hidden;
+}
+.qiehuanBOx{
+	padding: 20rpx 34rpx 0 34rpx;
+}
+.tabline2{
+	width: 25%;text-align: center;
+	font-size: 26rpx;
+	color: #333333;
+}
+.tabActive2{
+	color: #3F90F7;background: rgba(63,144,247,0.08);
+}
+.topPadding{
+	padding: 20rpx 24rpx;
+}
+.shaixuan{
+	width: 32rpx;
+	height: 32rpx;
+}
+.searchBox{
+	display: flex;
+}
+.searchInputBox{
+	display: flex;
+	width: 572rpx;
+	height: 72rpx;
+	background: #F4F5F7;
+	border-radius: 36rpx;
+}
+.searchIcon{
+	width: 40rpx;height: 40rpx;
+	margin-top: 16rpx;
+	margin-left: 20rpx;
+}
+.searchInput{
+	height: 72rpx;
+	line-height: 73rpx;
+	padding-left: 11px;
+	font-size: 26rpx;
+	color: #9999;
+	width: 400rpx;
+}
+.searchBtnBox{
+	display: flex;
+	padding: 20rpx;
+}
+.searchBtnSpan{
+	line-height: 32rpx;padding-left:10rpx ;
+	font-size: 26rpx;
+	color: #333333;
+}
+.downIcon{
+	width: 24rpx;height: 24rpx;
+	margin-top: 6rpx;margin-left: 6rpx;
+}
+.sxLine{
+	display: flex;
+	font-size: 26rpx;
+	color: #3C3C3C;
+	line-height: 36rpx;
+}
+.sxBox{
+	display: flex;justify-content: space-around;
+	padding-top: 36rpx;
+}
+.line{
+	background: #FFFFFF;
+	border-radius: 10rpx;
+	margin-top: 20rpx;
+}
+.lineBox{
+	padding: 0 24rpx;
+}
+.codeBox{
+	border-bottom: 1px solid #EEEEEE;
+	padding: 20rpx;
+	display: flex;
+	justify-content: space-between;
+	font-size: 26rpx;
+	color: #999999;
+	line-height: 37rpx;
+}
+.linestate{
+	color: #3F90F7;
+}
+.lineCtopLeft{
+	display: flex;
+	font-weight: 500;
+	font-size: 30rpx;
+	color: #3C3C3C;
+	line-height: 38rpx;
+}
+.weChat{
+	width: 38rpx;height: 31rpx;
+	margin-left: 16rpx;
+	margin-top: 2rpx;
+}
+.lineCont{
+	padding: 20rpx;
+	border-bottom: 1px solid #EEEEEE;
+}
+.lineMs1{
+	font-size: 24rpx;
+	color: #999999;
+	padding-top: 10rpx;
+}
+.lineMs2{
+	display: flex;
+	padding-top: 10rpx;
+	line-height: 36rpx;
+	font-weight: 500;
+	font-size: 24rpx;
+	color: #3C3C3C;
+}
+.day{
+	background: #FEF8EB;
+	border-radius: 4rpx;
+	height: 36rpx;
+	font-size: 22rpx;
+	color: #F19D01;
+	line-height: 36rpx;
+	padding: 0 10rpx;
+	font-weight: 400;
+	margin-left: 20rpx;
+}
+.lineMs3{
+	display: flex;
+	padding-top: 10rpx;
+	line-height: 36rpx;
+	font-weight: 500;
+	font-size: 24rpx;
+	color: #3C3C3C;
+	justify-content: space-between;
+}
+.call{
+	width: 40rpx;height: 40rpx;
+}
+.lineCtop{
+	display: flex;justify-content: space-between;
+}
+.lineBottom{
+	display: flex;
+	justify-content: space-between;
+	padding: 26rpx 30rpx;
+}
+.lineBIcon{
+	width: 32rpx;height: 32rpx;
+}
+.lineB{
+	display: flex;line-height: 32rpx;
+}
+.lineBtxt{
+	font-size: 26rpx;
+	color: #333333;
+	padding-left: 6rpx;
+}
+.jianche{
+	background: #FAFAFA;
+	border-radius: 10rpx;
+	padding: 0 20rpx;
+	padding-bottom: 20rpx;
+	margin-top: 20rpx;
+}
+.jcLine{
+	font-size: 24rpx;
+	color: #999999;
+	padding-top: 20rpx;
+}
+.sxY{
+	width: 750rpx;
+	height: 100vh;
+	position: fixed;
+	left: 0;
+	top: 0;
+	background: rgba(0,0,0,0.5);
+}
+.sxTkBox{
+	padding: 24rpx;
+	background: #ffffff;
+	margin-top: 350rpx;
+}
+.sxTitle{
+	font-weight: 500;
+	font-size: 26rpx;
+	color: #3C3C3C;
+    padding-bottom: 15rpx;
+}
+.sxJt{
+	width: 14rpx;height: 23rpx;
+	margin-top: 16rpx;
+	margin-right: 20rpx;
+}
+.sxInputBox{
+	display: flex;
+	height: 54rpx;
+	background: #F7F7F7;
+	border-radius: 6rpx;
+	margin-bottom: 40rpx;
+	line-height: 54rpx;
+	padding-left: 22rpx;
+	justify-content: space-between;
+	font-size: 22rpx;
+	color: #999999;
+}
+.searchBtnSpanActive{
+	color: #FF8113;
+}
+</style>

pages/remind/detectionDetail.vue

@@ -0,0 +1,622 @@
+<template>
+	<view class="content">
+		<view class="titleBox">
+			<image @click="goback" src="../../static/img/kackup.png" mode="" class="backIcon"></image>
+			<view class="title">检测异常提醒</view>
+			<view class="titleRight"></view>
+		</view>
+		<view class="top">
+			<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
+			<view style="height: 44px;"></view>
+			<view class="ztBox">
+				<image src="../../static/img/zt.png" mode="" class="ztImg"></image>
+				<view class="ztTxt">提醒单状态</view>
+			</view>
+			
+		</view>
+	<!-- 	<view style="height: 360rpx;"></view> -->
+		<view class="contBox">
+			<view class="infoBox">
+				<view class="lineCtop">
+					<view class="lineCtopLeft">
+						<view class="plateNumber">这是客户姓名</view>
+						<image src="../../static/img/wechat.png" mode="" class="weChat"></image>
+						<image src="../../static/img/wx1.png" mode="" class="weChat"></image>
+					</view>
+					<view class="lineCtopRight">
+						<image src="../../static/img/lanCall.png" mode="" class="call"></image>
+						<image src="../../static/img/jt.png" mode="" class="callJt"></image>
+					</view>
+				</view>
+				<view class="vipBox">
+					<view class="vip">普通会员</view>
+					<view class="nameBox">
+					 	 <image src="../../static/img/rentou.png" mode="" class="rentouIcon"></image>
+					     <view class="name">姜金远</view>
+					</view>
+				</view>
+				<view class="ms">
+					<view class="msTxt">客户来源：推荐</view>
+					<view class="msTxt">生日：2002-10-22</view>
+				</view>
+				<view class="biaoqian">
+					<view class="bqBox">客户标签</view>
+					<view class="bqBox">客户标签</view>
+					<view class="bqBox">客户标签</view>
+				</view>
+				<view class="ms2">
+					<view class="msLeft">客户备注</view>
+					<view class="msRgiht">客户备注：这是客户备注这是客户备注</view>
+				</view>
+				<view class="ms2">
+					<view class="msLeft">所属门店：</view>
+					<view class="msRgiht">连锁店过长长长长长长长长长长长这是客户备注这是客户备注</view>
+				</view>
+			</view>
+			<view class="carBox">
+				<view class="carTop">
+					<view class="plateNumber">鲁A29090</view>
+					<image src="../../static/img/jt.png" mode="" class="carJt"></image>
+				</view>
+				<view class="carModel">东风日产-轩逸-2022款 e-POWE</view>
+			</view>
+			<view class="txCont">
+				<view class="txTitlebox">
+					<view class="txTitle">提醒信息</view>
+					<view class="txState">未完成提醒单</view>
+				</view>
+				<view class="txLine">
+					<span class="txLineSpan">提醒单号：</span>
+					<span>TX202401020001</span>
+				</view>
+				<view class="txLine">
+					<span class="txLineSpan">提醒类型：</span>
+					<span>TX202401020001</span>
+				</view>
+				<view class="txLine">
+					<span class="txLineSpan">检测部位：</span>
+					<span>TX202401020001</span>
+				</view>
+				<view class="txLine">
+					<span class="txLineSpan">提醒结果：</span>
+					<span>TX202401020001</span>
+				</view>
+				<view class="txLine">
+					<span class="txLineSpan">检测门店：</span>
+					<span>TX202401020001</span>
+				</view>
+				<view class="txLine">
+					<span class="txLineSpan">检测日期：</span>
+					<span>TX202401020001</span>
+				</view>
+				<view class="txLine">
+					<span class="txLineSpan">上次进厂里程：</span>
+					<span>TX202401020001</span>
+				</view>
+				<view class="txLine" style="display: flex;">
+					<span class="txLineSpan">下次服务：</span>
+					<span>TX202401020001</span>
+					<view class="txdq">剩15天到期</view>
+				</view>
+				<view class="txLine">
+					<span class="txLineSpan">处理人：</span>
+					<span>TX202401020001</span>
+				</view>
+				<view class="txLine">
+					<span class="txLineSpan">提醒生成：</span>
+					<span>TX202401020001</span>
+				</view>
+				<view class="txLine">
+					<span class="txLineSpan">提醒失效：</span>
+					<span>TX202401020001</span>
+				</view>
+			</view>
+			
+			<view class="txCont">
+				<view class="txTitlebox">
+					<view class="txTitle">检测单信息</view>
+				</view>
+				<view class="txLine">
+					<span class="txLineSpan">检测单号：</span>
+					<span style="color: #3F90F7;">TX202401020001</span>
+				</view>
+				<view class="txLine">
+					<span class="txLineSpan">服务顾问：</span>
+					<span>TX202401020001</span>
+				</view>
+				<view class="txLine">
+					<span class="txLineSpan">检测套餐：</span>
+					<span>TX202401020001</span>
+				</view>
+				<view class="jcBottom">
+				  <view class="jcbLine">
+					  <view class="jcbLineNum">33</view>
+					  <view class="jcbLineTxt">状态良好</view>
+				  </view>
+				  <view class="jcbLine">
+					  <view class="jcbLineNum">33</view>
+					  <view class="jcbLineTxt">密切关注</view>
+				  </view>
+				  <view class="jcbLine">
+					  <view class="jcbLineNum">33</view>
+					  <view class="jcbLineTxt">急需处理</view>
+				  </view>
+				  <view class="jcbLine">
+					  <view class="jcbLineNum">33</view>
+					  <view class="jcbLineTxt">本店施工</view>
+				  </view>
+				</view>
+			</view>
+			<!--添加跟进记录  -->
+			<view class="txCont">
+				<view class="txTitlebox">
+					<view class="txTitle">添加跟进记录</view>
+				</view>
+				<view class="textareaBox">
+					<textarea class="textarea" placeholder-style="color:#999999" placeholder="请输入跟进内容，100字以内~"/>
+				</view>
+				<view class="kjBox">
+					<view class="kjLine">这是快捷输入这是快捷输入</view>
+					<view class="kjLine">这是快捷输入这是快捷输入</view>
+					<view class="kjLine">这是快捷输入这是快捷输入这是快捷输入</view>
+					<view class="kjLine">这是快捷输入这是快捷输入这是快捷输入这是快捷输入输入</view>
+				</view>
+				<view class="gjBtnBox">
+					<view class="hjBtn">确认添加</view>
+				</view>
+			</view>
+			<!-- 跟进记录 -->
+			<view class="txCont">
+				<view class="txTitlebox">
+					<view class="txTitle">跟进记录</view>
+				</view>
+				<view class="jinduBox">
+					<view class="jinduLine">
+						<view class="yuan"></view>
+						<view class="jdTime">2022-06-13 15:18:52 刘璐</view>
+						<view class="jdCont">
+							<view class="jdState1">提醒</view>
+							<view class="jdMs">这是跟进标记内容这是跟进标记内容这是跟
+							进标记内容 <span style="color: #3F90F7;">（查看跟进内容）</span>
+							</view>
+						</view>
+					</view>
+					<view class="jinduLine">
+						<view class="yuan"></view>
+						<view class="jdTime">2022-06-13 15:18:52 刘璐</view>
+						<view class="jdCont">
+							<view class="jdState2">转交</view>
+							<view class="jdMs">这是跟进标记内容这是跟进标记内容这是跟
+							进标记内容 
+							</view>
+						</view>
+					</view>
+					<view class="jinduLine">
+						<view class="yuan"></view>
+						<view class="jdTime">2022-06-13 15:18:52 刘璐</view>
+						<view class="jdCont">
+							<view class="jdState3">已完成</view>
+							<view class="jdMs">这是跟进标记内容这是跟进标记内容这是跟
+							进标记内容 
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+			
+		</view>
+		<view style="height: 150rpx;"></view>
+		
+		<view class="bottom">
+			<view class="moreBtn">
+				更多
+				<image src="../../static/img/shang.png" mode="" class="moreIcon"></image>
+			</view>
+			<view class="bright">
+				<view class="brLine">发微信</view>
+				<view class="brLine">发短信</view>
+				<view class="brLine brLine2">完成</view>
+			</view>
+		</view>
+		
+	</view>
+</template>
+
+<script>
+
+	export default {
+		data() {
+			return {
+			    iStatusBarHeight:'',
+				token:'',
+				uid:'',
+			}
+		},
+		onLoad(opt) {
+		
+           this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight;
+		
+		   
+		},
+		
+		methods: {
+			getList(){
+				//console.log("list")
+			},
+			goback(){
+				uni.navigateBack()
+			}
+		
+		},
+		onPullDownRefresh() {
+			this.page = 1;
+			this.getList()
+			setTimeout(function() {
+				uni.stopPullDownRefresh();
+			}, 1000);
+		}
+	}
+</script>
+
+<style scoped>
+ .content{
+ 	min-height: 100vh;
+ 	background: #F6F6F6;
+ }
+ .contBox{
+	 padding: 0 24rpx;
+	 position: relative;
+	 margin-top: -120rpx;
+ }
+ .carBox{
+	 background: #ffffff;
+	 padding: 30rpx 20rpx;
+	 border-radius: 10rpx;
+	 margin-top: 20rpx;
+ }
+ .plateNumber{
+	 font-size: 30rpx;
+	 color: #3C3C3C;
+	 font-weight: 600;
+ }
+ .carJt{
+	 width: 24rpx;
+	 height: 24rpx;
+ }
+ .top{
+	 width: 100vw;
+	 height: 360rpx;
+	 background: url(../../static/img/paysuc_bg.png) no-repeat;
+	 background-size: 100% 100%;
+	/* position: fixed;
+	 left: 0;
+	 top: 0; */
+ }
+ .backIcon{
+	 width: 22rpx;height: 35rpx;
+	 padding-left: 24rpx;
+ }
+ .titleRight{
+	 width: 46rpx;
+ }
+ .titleBox{
+	 height: 44px;
+	 line-height: 44px;
+	 font-weight: 500;
+	 font-size: 36rpx;
+	 color: #FFFFFF;
+	 display: flex;
+	 justify-content: space-between;
+	 align-items: center;
+	 background: url(../../static/img/paysuc_bg.png) no-repeat;
+	 background-size: 100% ;
+	 position: fixed;
+	 width: 750rpx;
+	 top: 0;
+	 left: 0;
+	 z-index: 11;
+ }
+ .ztBox{
+	 display: flex;justify-content: center;
+	 padding-top: 50rpx;
+ }
+ .ztImg{
+	 width: 50rpx;height: 50rpx;
+ }
+ .ztTxt{
+	 font-weight: 500;
+	 font-size: 36rpx;
+	 color: #FFFFFF;
+	 line-height: 50rpx;
+	 padding-left: 20rpx;
+ }
+ .lineCtopLeft{
+ 	display: flex;
+ 	font-weight: 500;
+ 	font-size: 30rpx;
+ 	color: #3C3C3C;
+ 	line-height: 38rpx;
+ }
+ .weChat{
+ 	width: 38rpx;height: 31rpx;
+ 	margin-left: 16rpx;
+ 	margin-top: 2rpx;
+ }
+ .lineCtop{
+ 	display: flex;justify-content: space-between;
+ }
+ .call{
+ 	width: 40rpx;height: 40rpx;
+ }
+ .infoBox{
+	 background: #FFFFFF;
+	 border-radius: 10rpx;
+	 padding: 30rpx 20rpx;
+ }
+ .callJt{
+	 width: 24rpx;height: 24rpx;
+	 margin-top: 8rpx;
+ }
+ .lineCtopRight{
+	 display: flex;
+ }
+ .vipBox{
+	 display: flex;justify-content: space-between;
+	 padding-top: 16rpx;
+ }
+ .rentouIcon{
+	 width: 28rpx;height: 28rpx;
+	 margin-top: 4rpx;
+ }
+ .nameBox{
+	 display: flex;
+	  line-height: 33rpx;
+ }
+ .name{
+	 font-size: 24rpx;
+	 color: #999999;padding-left: 10rpx;
+ }
+ .vip{
+	 font-weight: 500;
+	 font-size: 24rpx;
+	 color: #F19D01;
+	 line-height: 33rpx;
+	 padding: 2rpx 8rpx;
+	 background: #FFF8EB;
+ }
+ .ms{
+	 display: flex;justify-content: space-between;
+	 font-size: 24rpx;
+	 color: #999999;
+	 padding-top: 16rpx;
+ }
+ .biaoqian{
+	 display: flex;flex-wrap: wrap;padding-top: 16rpx;
+ }
+ .bqBox{
+	 height: 36rpx;
+	 border-radius: 5rpx;
+	 border: 1rpx solid #F19D01;
+	 line-height: 36rpx;
+	 padding: 0 8rpx;
+	 font-size: 24rpx;
+	 color: #F19D01;
+ }
+ .ms2{
+	 display: flex;
+	 font-size: 24rpx;
+	 color: #999999;
+	 line-height: 33rpx;
+	 padding-top: 16rpx;
+ }
+ .msLeft{
+	 width: 120rpx;
+ }
+ .msRgiht{
+  width: 550rpx;	 
+ }
+ .carTop{
+	 display: flex;justify-content: space-between;
+ }
+ .carModel{
+	color: #999999;padding-top: 15rpx;
+	line-height: 34rpx; font-size: 24rpx;
+ }
+ .txCont{
+	background: #FFFFFF;
+	border-radius: 10rpx;
+	margin-top: 20rpx;
+	padding-bottom: 20rpx;
+ }
+ .txTitlebox{
+	 display: flex;justify-content: space-between;
+	 padding: 26rpx 20rpx;border-bottom: 1px solid #EEEEEE;
+ }
+ .txTitle{
+	font-weight: 500;
+	font-size: 30rpx;
+	color: #3C3C3C;
+	line-height: 46rpx; 
+ }
+ .txState{
+	 font-size: 26rpx;
+	 color: #3F90F7;
+	 line-height: 46rpx; 
+ }
+ .txLine{
+	 font-size: 26rpx;
+	 color: #333333;
+	 line-height: 37rpx;
+	 padding-top: 20rpx;
+	 padding-left: 20rpx;
+ }
+ .txLineSpan{
+	 color: #666666;
+ }
+ .txdq{
+	 height: 36rpx;
+	 background: #FEF8EB;
+	 border-radius: 4rpx;
+	 font-size: 22rpx;
+	 color: #F19D01;
+	 line-height: 36rpx;
+	 padding: 0 10rpx;
+	 margin-left: 26rpx;
+ }
+ .jcBottom{
+	 display: flex;
+	 justify-content: space-around;
+	 border-top: 1px solid #EEEEEE;
+	 padding-top: 24rpx;
+	 margin-top: 24rpx;
+ }
+ .jcbLine{
+	 text-align: center;
+ }
+ .jcbLineNum{
+	 font-size: 28rpx;
+	 color: #333333;
+ }
+ .jcbLineTxt{
+	 font-size: 24rpx;
+	 color: #666666;
+	 padding-top: 6rpx;
+ }
+ .textareaBox{
+	 padding: 22rpx 20rpx;font-size: 26rpx;
+ }
+ .textarea{
+	 height: 150rpx;font-size: 26rpx;
+ }
+ .kjBox{
+	 display: flex;flex-wrap: wrap;
+	 padding-left: 20rpx;
+ }
+ .kjLine{
+	 font-size: 24rpx;
+	 color: #3C3C3C;
+	 line-height: 33rpx;
+	 padding: 10rpx 16rpx;
+	 background: #FAFAFA;
+	 border-radius: 6rpx;
+	 margin-bottom: 16rpx;
+ }
+ .hjBtn{
+	 font-size: 26rpx;
+	 color: #FF8113;
+	 width: 144rpx;
+	 height: 60rpx;
+	 border-radius: 10rpx;
+	 border: 2rpx solid #FF8113;
+	 text-align: center;
+	 line-height: 60rpx;
+ }
+ .gjBtnBox{
+	 display: flex;justify-content: flex-end;
+	 padding-top: 30rpx;padding-right: 20rpx;
+ }
+ .jinduLine{
+	 padding-left: 30rpx;
+	 border-left:1px solid #F4F5F7 ;
+	 position: relative;
+ }
+ .jinduBox{
+	 padding: 0 36rpx;
+	 padding-top: 30rpx;
+ }
+ .yuan{
+	 width: 16rpx;
+	 height: 16rpx;
+	 background: #DDDDDD;
+	 border-radius: 50%;
+	 position: absolute;
+	 top: 2rpx;
+	 left: -8rpx;
+ }
+ .jdTime{
+	 font-size: 24rpx;
+	 color: #999999;
+	 line-height: 33rpx;
+ }
+ .jdCont{
+	 display: flex;
+	 padding-top: 10rpx;
+	 padding-bottom: 37rpx;
+ }
+ .jdState1{
+	 width: 52rpx;
+	 height: 30rpx;
+	 background: rgba(241,157,1,0.08);
+	 border-radius: 4rpx;
+	 font-size: 22rpx;
+	 color: #F19D01;
+	 text-align: center;
+	  line-height: 30rpx;
+ }
+ .jdMs{
+	 width: 520rpx;
+	 font-size: 26rpx;
+	 color: #3C3C3C;
+	  line-height: 30rpx;
+	  padding-left: 20rpx;
+ }
+ .jdState2{
+	 width: 52rpx;
+	 height: 30rpx;
+	background: #FEF8EB;
+	 border-radius: 4rpx;
+	 font-size: 22rpx;
+	 color: #F19D01;
+	 text-align: center;
+	 line-height: 30rpx;
+ }
+ .jdState3{
+	 width: 74rpx;
+	 height: 30rpx;
+	 border-radius: 4rpx;
+	 border: 1rpx solid #DDDDDD;
+	  line-height: 30rpx;
+	  text-align: center;
+	  font-size: 22rpx;
+	  color: #999999;
+ }
+ .moreIcon{
+	 width: 20rpx;height: 11rpx;margin-top: 56rpx;margin-left: 6rpx;
+ }
+ .bottom{
+	 width: 750rpx;
+	 height: 120rpx;
+	 background: #FFFFFF;
+	 position: fixed;
+	 left: 0;
+	 bottom: 0;
+	 display: flex;
+ }
+ .moreBtn{
+	 display: flex;
+	 line-height: 120rpx;
+	 padding-left: 28rpx;
+	 font-size: 26rpx;
+	 color: #333333;
+ }
+ .bright{
+	 border-radius: 10rpx;
+	 border: 1px solid #EEEEEE;
+	 display: flex;
+	 margin-top: 22rpx;
+	 height: 75rpx;
+	 overflow: hidden;
+	 margin-left: 28rpx;
+ }
+ .brLine{
+	 width: 196rpx;
+	 height: 75rpx;
+	 line-height: 75rpx;
+	 text-align: center;
+	 font-size: 30rpx;
+	 color: #333333;
+ }
+ .brLine2{
+	 background: #3F90F7;color: #ffffff;
+ }
+</style>

pages/remind/index.vue

@@ -0,0 +1,230 @@
+<template>
+	<view class="content">
+		
+		<!-- 自定义导航 -->
+		<view class="zdyNavBox">
+			<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
+			<view class="zdyNav">
+				<view class="zdyNavLeft">
+					<image src="../../static/img/nav_icon_back.png" mode="aspectFit" class="backImg" @click="goback">
+					</image>
+		
+				</view>
+				<view class="zdyNavTitle">客户提醒</view>
+				<view style="width: 50px;"></view>
+			</view>
+		</view>
+		<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
+		<view style="height: 44px;"></view>
+		<view class="lineBox">
+			<view class="line" @click="goRouter('maintenance')">
+				<view class="lineTop">
+					<view class="title">保养提醒</view>
+					<view class="genjin">
+						<span>去跟进</span>
+						<image src="../../static/img/tixingJt.png" mode="" class="tixingJt"></image>
+					</view>
+				</view>
+				<view class="lineCont">
+					<view class="lineContView">
+						<span>待我处理：</span>
+						<span class="lcNum">10</span>
+						<span>条</span>
+					</view>
+					<view class="lineContView">
+						<span>所有待处理：</span>
+						<span class="lcNum">10</span>
+						<span>条</span>
+					</view>
+				</view>
+			</view>
+			<view class="line" @click="goRouter('detection')">
+				<view class="lineTop">
+					<view class="title">检测异常提醒</view>
+					<view class="genjin">
+						<span>去跟进</span>
+						<image src="../../static/img/tixingJt.png" mode="" class="tixingJt"></image>
+					</view>
+				</view>
+				<view class="lineCont">
+					<view class="lineContView">
+						<span>待我处理：</span>
+						<span class="lcNum">10</span>
+						<span>条</span>
+					</view>
+					<view class="lineContView">
+						<span>所有待处理：</span
+						<span class="lcNum">10</span>
+						<span>条</span>
+					</view>
+				</view>
+			</view>
+			
+		</view>
+
+		
+		
+	</view>
+</template>
+
+<script>
+
+	export default {
+		data() {
+			return {
+			    iStatusBarHeight:'',
+				
+				token:'',
+				uid:'',
+			}
+		},
+		onLoad(opt) {
+			console.log(window.location.origin)
+			//this.url=window.location.origin
+           this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight;
+		   this.token=opt.token;
+		   this.uid=opt.uid
+		   
+		},
+		
+		methods: {
+			getList(){
+				
+			},
+			goRouter(url){
+			  uni.navigateTo({
+			  	url:url
+			  })	
+			},
+			goback(){
+				
+					//app交互
+					var standalone = window.navigator.standalone
+					var userAgent = window.navigator.userAgent.toLowerCase()
+					var safari = /safari/.test(userAgent)
+					var ios = /iphone|ipod|ipad|mac/.test(userAgent)
+					var android = /android/.test(userAgent)
+					if (ios) {
+									 if ( true) {//!standalone&& !safari
+									   window.webkit.messageHandlers.goMyNav.postMessage(null)
+									 }
+					} else if (android) {
+									 window.android.postMessage()
+					}
+				
+			   
+			},
+		},
+		onPullDownRefresh() {
+			this.page = 1;
+			this.getList()
+			setTimeout(function() {
+				uni.stopPullDownRefresh();
+			}, 1000);
+		}
+	}
+</script>
+
+<style scoped>
+   .lineBox{
+	   padding: 0 24rpx;
+   }
+   .line{
+	   background: #FFFFFF;
+	   border-radius: 10rpx;
+	   margin-top: 20rpx;
+	   padding: 30rpx 20rpx;
+   }
+.tixingJt{
+	width: 10rpx;height: 19rpx;
+	margin-top: 14rpx;
+	margin-left: 10rpx;
+}
+.lineTop{
+	display: flex;justify-content: space-between;
+}
+.title{
+	font-weight: 500;
+	font-size: 30rpx;
+	color: #3C3C3C;
+	line-height: 42rpx;
+}
+.genjin{
+	display: flex;
+	line-height: 42rpx;
+	font-size: 24rpx;
+	color: #FF4F00;
+}
+.lineCont{
+	display: flex;
+	justify-content: space-between;
+	background: #FAFAFA;
+	border-radius: 10rpx;
+	padding:14rpx 20rpx ;
+	font-size: 24rpx;
+	color: #3C3C3C;
+	line-height: 33rpx;
+	margin-top: 20rpx;
+}
+.lcNum{
+	font-weight: 500;
+	font-size: 28rpx;
+	color: #FF4F00;
+}
+.lineContView{
+	width: 50%;
+}
+	.content{
+		min-height: 100vh;
+		background: #F6F6F6;
+	}
+	.zdyNavBox {
+		width: 100vw;
+		background: #FFFFFF;
+		position: fixed;
+		top: 0;
+		left: 0;
+		z-index: 99;
+	
+	
+	}
+	
+	.zdyNav {
+		height: 44px;
+		display: flex;
+		justify-content: space-between;
+	
+		align-items: center;
+	
+	}
+	
+	.backImg {
+		width: 44rpx;
+		height: 44rpx;
+		margin-left: 10rpx;
+		margin-right: 20rpx;
+	}
+	
+	.homeImg {
+		width: 44rpx;
+		height: 44rpx;
+	
+	}
+	
+	.zdyNavLeft {
+		display: flex;
+		align-items: center;
+	}
+	
+	.zdyNavTitle {
+	
+		height: 44px;
+		background: #FFFFFF;
+		text-align: center;
+		font-size: 34rpx;
+		line-height: 44px;
+	}
+	
+	
+	
+</style>

pages/remind/maintenance.vue

@@ -0,0 +1,322 @@
+<template>
+	<view class="content">
+		<view class="top">
+			<view class="tabBox">
+				  <view class="tabline tabActive" >我的</view>
+				  <view class="tabline" >全部</view>
+			</view>
+			<view class="qiehuanBOx">
+				<view class="tabBox2">
+					<view class="tabline2 tabActive2">未处理 (7)</view>
+					<view class="tabline2">处理中 (99+)</view>
+					<view class="tabline2">已完成</view>
+					<view class="tabline2">全部</view>
+				</view>
+			</view>
+			<view class="topPadding">
+				<view class="searchBox">
+				  <view class="searchInputBox">
+					  <image src="../../static/img/icon_search.png" mode="" class="searchIcon"></image>
+					  <input type="text" placeholder="单号、车牌号、客户姓名、手机号 " class="searchInput">
+				  </view>
+				  <view class="searchBtnBox">
+					  <image src="../../static/img/shaixuan.png" mode="" class="shaixuan"></image>
+				      <span class="searchBtnSpan">筛选</span>
+				  </view>
+				</view>
+				<view class="sxBox">
+					<view class="sxLine">
+						<span>提醒类别</span>
+						<image src="../../static/img/arrow_down.png" mode="" class="downIcon"></image>
+					</view>
+					<view class="sxLine">
+						<span>下次服务日期</span>
+						<image src="../../static/img/arrow_down.png" mode="" class="downIcon"></image>
+					</view>
+					<view class="sxLine">
+						<span>上次消费门店</span>
+						<image src="../../static/img/arrow_down.png" mode="" class="downIcon"></image>
+					</view>
+				</view>
+			</view>
+			
+			
+		</view>
+	 
+	<view class="lineBox">
+		<view class="line" @click="goDetail()">
+			<view class="codeBox">
+				<view class="code">TX202209090009</view>
+				<view class="linestate">提醒单状态</view>
+			</view>
+			<view class="lineCont">
+				<view class="lineCtop">
+					<view class="lineCtopLeft">
+						<view class="name">鲁A29090</view>
+						<view class="name" style="padding-left: 30rpx;">张珊</view>
+						<image src="../../static/img/wechat.png" mode="" class="weChat"></image>
+						<image src="../../static/img/wx1.png" mode="" class="weChat"></image>
+					</view>
+					<image src="../../static/img/lanCall.png" mode="" class="call"></image>
+				</view>
+				<view class="lineMs1">东风日产-轩逸-2022款 e-POWER 超智PLUS</view>
+				<view class="lineMs1">上次到店：2019-05-12</view>
+				<view class="lineMs2">
+					<view>下次保养：2016-06-25</view>
+					<view class="day">剩15天到期</view>
+				</view>
+				<view class="lineMs3">
+					<view>提醒类别：机油滤清器备份</view>
+					<view>处理人：张三</view>
+				</view>
+			</view>
+			<view class="lineBottom">
+			  <view class="lineB">
+				  <image src="../../static/img/bcall.png" mode="" class="lineBIcon"></image>
+				  <view class="lineBtxt">电话</view>
+			  </view>
+			  <view class="lineB">
+				  <image src="../../static/img/duanxin.png" mode="" class="lineBIcon"></image>
+				  <view class="lineBtxt">短信</view>
+			  </view>
+			  <view class="lineB">
+				  <image src="../../static/img/bwx.png" mode="" class="lineBIcon"></image>
+				  <view class="lineBtxt">微信</view>
+			  </view>
+			  <view class="lineB">
+				  <image src="../../static/img/bwc.png" mode="" class="lineBIcon"></image>
+				  <view class="lineBtxt">完成</view>
+			  </view>
+			</view>
+		</view>
+		
+	</view>
+		
+	</view>
+</template>
+
+<script>
+
+	export default {
+		data() {
+			return {
+			    iStatusBarHeight:'',
+				token:'',
+				uid:'',
+			}
+		},
+		onLoad(opt) {
+		
+			console.log(window.location.origin)
+			//this.url=window.location.origin
+           this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight;
+		   this.token=opt.token;
+		   this.uid=opt.uid
+		   
+		},
+		
+		methods: {
+			getList(){
+				//console.log("list")
+			},
+			goDetail(){
+				uni.navigateTo({
+					url:'maintenanceDetail'
+				})
+			}
+		
+		},
+		onPullDownRefresh() {
+			this.page = 1;
+			this.getList()
+			setTimeout(function() {
+				uni.stopPullDownRefresh();
+			}, 1000);
+		}
+	}
+</script>
+
+<style scoped>
+ .content{
+ 	min-height: 100vh;
+ 	background: #F6F6F6;
+ }
+ .tabBox{
+	 display: flex;justify-content: space-around;
+ }
+ .tabline{
+	 font-size: 30rpx;
+	 color: #666666;
+	 width: 134rpx;
+	 text-align: center;
+	 line-height: 76rpx;
+ }
+.top{
+	background: #ffffff;
+}
+.tabActive{
+	color: #3F90F7;border-bottom: 4rpx solid #3F90F7;
+}
+.tabBox2{
+	display: flex;
+	line-height: 58rpx;
+	border: 1px solid #EEEEEE;
+	border-radius: 6rpx;
+	overflow: hidden;
+}
+.qiehuanBOx{
+	padding: 20rpx 34rpx 0 34rpx;
+}
+.tabline2{
+	width: 25%;text-align: center;
+	font-size: 26rpx;
+	color: #333333;
+}
+.tabActive2{
+	color: #3F90F7;background: rgba(63,144,247,0.08);
+}
+.topPadding{
+	padding: 20rpx 24rpx;
+}
+.shaixuan{
+	width: 32rpx;
+	height: 32rpx;
+}
+.searchBox{
+	display: flex;
+}
+.searchInputBox{
+	display: flex;
+	width: 572rpx;
+	height: 72rpx;
+	background: #F4F5F7;
+	border-radius: 36rpx;
+}
+.searchIcon{
+	width: 40rpx;height: 40rpx;
+	margin-top: 16rpx;
+	margin-left: 20rpx;
+}
+.searchInput{
+	height: 72rpx;
+	line-height: 73rpx;
+	padding-left: 11px;
+	font-size: 26rpx;
+	color: #999999;
+	width: 400rpx;
+}
+.searchBtnBox{
+	display: flex;
+	padding: 20rpx;
+}
+.searchBtnSpan{
+	line-height: 32rpx;padding-left:10rpx ;
+	font-size: 26rpx;
+	color: #333333;
+}
+.downIcon{
+	width: 24rpx;height: 24rpx;
+	margin-top: 6rpx;margin-left: 6rpx;
+}
+.sxLine{
+	display: flex;
+	font-size: 26rpx;
+	color: #3C3C3C;
+	line-height: 36rpx;
+}
+.sxBox{
+	display: flex;justify-content: space-between;
+	padding-top: 36rpx;
+}
+.line{
+	background: #FFFFFF;
+	border-radius: 10rpx;
+	margin-top: 20rpx;
+}
+.lineBox{
+	padding: 0 24rpx;
+}
+.codeBox{
+	border-bottom: 1px solid #EEEEEE;
+	padding: 20rpx;
+	display: flex;
+	justify-content: space-between;
+	font-size: 26rpx;
+	color: #999999;
+	line-height: 37rpx;
+}
+.linestate{
+	color: #3F90F7;
+}
+.lineCtopLeft{
+	display: flex;
+	font-weight: 500;
+	font-size: 30rpx;
+	color: #3C3C3C;
+	line-height: 38rpx;
+}
+.weChat{
+	width: 38rpx;height: 31rpx;
+	margin-left: 16rpx;
+	margin-top: 2rpx;
+}
+.lineCont{
+	padding: 20rpx;
+	border-bottom: 1px solid #EEEEEE;
+}
+.lineMs1{
+	font-size: 24rpx;
+	color: #999999;
+	padding-top: 10rpx;
+}
+.lineMs2{
+	display: flex;
+	padding-top: 10rpx;
+	line-height: 36rpx;
+	font-weight: 500;
+	font-size: 24rpx;
+	color: #3C3C3C;
+}
+.day{
+	background: #FEF8EB;
+	border-radius: 4rpx;
+	height: 36rpx;
+	font-size: 22rpx;
+	color: #F19D01;
+	line-height: 36rpx;
+	padding: 0 10rpx;
+	font-weight: 400;
+	margin-left: 20rpx;
+}
+.lineMs3{
+	display: flex;
+	padding-top: 10rpx;
+	line-height: 36rpx;
+	font-weight: 500;
+	font-size: 24rpx;
+	color: #3C3C3C;
+	justify-content: space-between;
+}
+.call{
+	width: 40rpx;height: 40rpx;
+}
+.lineCtop{
+	display: flex;justify-content: space-between;
+}
+.lineBottom{
+	display: flex;
+	justify-content: space-between;
+	padding: 26rpx 30rpx;
+}
+.lineBIcon{
+	width: 32rpx;height: 32rpx;
+}
+.lineB{
+	display: flex;line-height: 32rpx;
+}
+.lineBtxt{
+	font-size: 26rpx;
+	color: #333333;
+	padding-left: 6rpx;
+}
+</style>

pages/remind/maintenanceDetail.vue

@@ -0,0 +1,74 @@
+<template>
+	<view class="content">
+		
+		
+		<view class="contBox">
+			
+			<view class="carBox">
+				<view class="carTop">
+					<view class="plateNumber">鲁A29090</view>
+					<image src="../../static/img/jt.png" mode="" class="carJt"></image>
+				</view>
+				<view class="carModel">东风日产-轩逸-2022款 e-POWE</view>
+			</view>
+			
+		</view>
+	</view>
+</template>
+
+<script>
+
+	export default {
+		data() {
+			return {
+			    iStatusBarHeight:'',
+				token:'',
+				uid:'',
+			}
+		},
+		onLoad(opt) {
+		
+           this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight;
+		
+		   
+		},
+		
+		methods: {
+			getList(){
+				//console.log("list")
+			},
+		
+		},
+		onPullDownRefresh() {
+			this.page = 1;
+			this.getList()
+			setTimeout(function() {
+				uni.stopPullDownRefresh();
+			}, 1000);
+		}
+	}
+</script>
+
+<style scoped>
+ .content{
+ 	min-height: 100vh;
+ 	background: #F6F6F6;
+ }
+ .contBox{
+	 padding: 0 24rpx;
+ }
+ .carBox{
+	 background: #ffffff;
+	 padding: 30rpx 20rpx;
+	 border-radius: 10rpx;
+	 margin-top: 20rpx;
+ }
+ .plateNumber{
+	 font-size: 30rpx;
+	 color: #3C3C3C;
+ }
+ .carJt{
+	 width: 24rpx;
+	 height: 24rpx;
+ }
+</style>

utils/request.js

@@ -12,7 +12,8 @@ const baseUrl = 'http://api.dms.66km.com.cn/'
  //const baseUrl = '//store-api.qdbtl.cn/' 
  //首配
 //const baseUrl = 'http://dms.shoupeiyun.com/'
- 
+ //驰湃
+ //const baseUrl = 'http://chipaiapidms.betterchain.com.cn/'
 import $store from '../store'
 
 const http = (url = '', date = {}, type = 'POST', header = {