|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<view class="content">
|
|
|
|
|
|
- <view class="nodataBox" v-show="nodataShow">
|
|
|
+ <view class="nodataBox" v-show="nodataShow||carList.length==0">
|
|
|
<image src="http://dmsphoto.66km.com.cn/thFiles/3C95A4C5-73F8-4B34-902B-703B8A0825C9.png" mode="widthFix" class="nodataImg"></image>
|
|
|
<view class="noTxt">暂无数据</view>
|
|
|
</view>
|
|
@@ -24,13 +24,15 @@
|
|
|
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view>
|
|
|
+ <view v-if="item.carDetailInfo.NextAuditTime&&item.carDetailInfo.InsuranceExpireDate">
|
|
|
<image class="carUpimg" v-if="item.show" src="../../static/img/icon_arrow_up.png" mode=""></image>
|
|
|
<image class="carUpimg" v-if="!item.show" src="../../static/img/icon_arrow_down.png" mode=""></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="carData">
|
|
|
- <view class="carDataLine">最新里程:{{item.Milage}}km</view>
|
|
|
+ <view class="carDataLine" > 最新里程:
|
|
|
+ <span v-if="item.Milage">{{item.Milage}}km</span>
|
|
|
+ </view>
|
|
|
<view class="carDataLine">累计消费:{{item.checkoutMoneySum}}</view>
|
|
|
|
|
|
</view>
|
|
@@ -44,9 +46,12 @@
|
|
|
<view class="lineTop1">
|
|
|
<view class="lineTopNs">
|
|
|
<view class="nsTxt">年审日期</view>
|
|
|
- <view class="nsStatus" v-if="!isDateGreater(item.carDetailInfo.NextAuditTime)">
|
|
|
- <span v-if="daysUntilDate(item.carDetailInfo.NextAuditTime)>30">已过期</span>
|
|
|
- <span v-else>即将过期</span>
|
|
|
+ <view v-if="isDateGreater(item.carDetailInfo.NextAuditTime)">
|
|
|
+ <span v-if="daysUntilDate(item.carDetailInfo.NextAuditTime)>30"></span>
|
|
|
+ <view class="nsStatus" v-else>即将过期</view>
|
|
|
+ </view>
|
|
|
+ <view class="nsStatus" v-else>
|
|
|
+ <span>已过期</span>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="lineTimeBox">
|
|
@@ -56,11 +61,19 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="lineTop2" v-show="item.show2">
|
|
|
+ <view class="chaoqi" v-if="isDateGreater(item.carDetailInfo.NextAuditTime)">
|
|
|
+ <span >距离天数:</span>
|
|
|
+ {{daysUntilDate(item.carDetailInfo.NextAuditTime)}}天
|
|
|
+ </view>
|
|
|
+
|
|
|
<view class="chaoqi">
|
|
|
<span v-if="!isDateGreater(item.carDetailInfo.NextAuditTime)">超期天数:{{daysUntilDate(item.carDetailInfo.NextAuditTime)}}天</span>
|
|
|
|
|
|
</view>
|
|
|
- <view class="lineBtn">发送提醒</view>
|
|
|
+ <view>
|
|
|
+ <view class="lineBtn" @click.stop="sendChat(item,1)">发送提醒</view>
|
|
|
+ </view>
|
|
|
+
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="lineCont" v-show="item.carDetailInfo.InsuranceExpireDate" @click.stop="carDfn2(item)">
|
|
@@ -68,9 +81,9 @@
|
|
|
<view class="lineTop1">
|
|
|
<view class="lineTopNs">
|
|
|
<view class="nsTxt">保险提醒</view>
|
|
|
- <view class="nsStatus" v-if="isDateGreater(item.carDetailInfo.InsuranceExpireDate)">
|
|
|
+ <view v-if="isDateGreater(item.carDetailInfo.InsuranceExpireDate)">
|
|
|
<span v-if="daysUntilDate(item.carDetailInfo.InsuranceExpireDate)>30"></span>
|
|
|
- <span v-else>即将过期</span>
|
|
|
+ <view class="nsStatus" v-else>即将过期</view>
|
|
|
</view>
|
|
|
<view class="nsStatus" v-else>
|
|
|
<span>已过期</span>
|
|
@@ -97,7 +110,9 @@
|
|
|
<span >超期天数:</span>
|
|
|
{{daysUntilDate(item.carDetailInfo.InsuranceExpireDate)}}天
|
|
|
</view>
|
|
|
- <view class="lineBtn">发送提醒</view>
|
|
|
+ <view>
|
|
|
+ <view class="lineBtn" @click.stop="sendChat(item,2)">发送提醒</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
@@ -135,7 +150,9 @@
|
|
|
<view class="carnotes">上次到店:2022-01-21</view>
|
|
|
<view class="lineTop2">
|
|
|
<view class="chaoqi">超期天数:</view>
|
|
|
- <view class="lineBtn">发送提醒</view>
|
|
|
+ <view>
|
|
|
+ <view class="lineBtn">发送提醒</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="lcLine">
|
|
@@ -151,7 +168,9 @@
|
|
|
<view class="carnotes">上次到店:2022-01-21</view>
|
|
|
<view class="lineTop2">
|
|
|
<view class="chaoqi">超期天数:10</view>
|
|
|
- <view class="lineBtn">发送提醒</view>
|
|
|
+ <view>
|
|
|
+ <view class="lineBtn">发送提醒</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
@@ -206,7 +225,7 @@
|
|
|
</view>
|
|
|
|
|
|
|
|
|
-
|
|
|
+ <view style="height: 40rpx;background-color: #fff;"></view>
|
|
|
|
|
|
</view>
|
|
|
</template>
|
|
@@ -248,6 +267,65 @@
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ sendChat(item,num){
|
|
|
+ /* 保险:InsuranceExpireDate
|
|
|
+未过期:您的爱车桂A2AQ02车险到期时间为2022-12-04,还有26天即将到期,请及时续保~
|
|
|
+过期:您的爱车桂A2AQ02车险已于2022-11-05到期了,为了不影响车辆使用,请及时续保~
|
|
|
+年审:NextAuditTime
|
|
|
+未过期:您的爱车桂A2AQ02年审到期时间为2022-12-04,还有26天即将到期,请及时处理~
|
|
|
+过期:您的爱车桂A2AQ02年审已于2022-11-05到期了,为了不影响车辆使用,请及时处理~*/
|
|
|
+ var txt='';
|
|
|
+ if(num==1){
|
|
|
+ var state= this.isDateGreater(item.carDetailInfo.NextAuditTime)
|
|
|
+ var day= this.daysUntilDate(item.carDetailInfo.NextAuditTime)
|
|
|
+ if(state){
|
|
|
+ txt='您的爱车'+item.PlateNumber+'车险到期时间为'+item.carDetailInfo.NextAuditTime+',还有'+day+'天即将到期,请及时续保~'
|
|
|
+ }else{
|
|
|
+ txt='您的爱车'+item.PlateNumber+'车险已于'+item.carDetailInfo.NextAuditTime+'为了不影响车辆使用,请及时续保~'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if(num==2){ //保险
|
|
|
+ var state= this.isDateGreater(item.carDetailInfo.InsuranceExpireDate)
|
|
|
+ var day= this.daysUntilDate(item.carDetailInfo.InsuranceExpireDate)
|
|
|
+ if(state){
|
|
|
+ txt='您的爱车'+item.PlateNumber+'车险到期时间为'+item.carDetailInfo.InsuranceExpireDate+',还有'+day+'天即将到期,请及时续保~'
|
|
|
+ }else{
|
|
|
+ txt='您的爱车'+item.PlateNumber+'车险已于'+item.carDetailInfo.InsuranceExpireDate+'为了不影响车辆使用,请及时续保~'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ console.log(txt)
|
|
|
+
|
|
|
+
|
|
|
+ //console.log(this.isDateGreater(item.NextAuditTime))
|
|
|
+ // if(item.)
|
|
|
+
|
|
|
+
|
|
|
+ this.$wx.invoke('sendChatMessage', {
|
|
|
+ msgtype:"text", //消息类型,必填
|
|
|
+ enterChat: true, //为true时表示发送完成之后顺便进入会话,仅移动端3.1.10及以上版本支持该字段
|
|
|
+ text: {
|
|
|
+ content:txt, //文本内容
|
|
|
+ },
|
|
|
+ /* news:
|
|
|
+ {
|
|
|
+ link: "http://qw.66km.com.cn", //H5消息页面url 必填
|
|
|
+ title: "2", //H5消息标题
|
|
|
+ desc: "23", //H5消息摘要
|
|
|
+ imgUrl: "", //H5消息封面图片URL
|
|
|
+ }, */
|
|
|
+
|
|
|
+ }, function(res) {
|
|
|
+ if (res.err_msg == 'sendChatMessage:ok') {
|
|
|
+ //发送成功
|
|
|
+ }else{
|
|
|
+ uni.showToast({
|
|
|
+ title: '发送失败',
|
|
|
+ icon: 'none',
|
|
|
+ duration: 3000
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
carlineFn(item){
|
|
|
item.show=!item.show
|
|
|
},
|
|
@@ -349,7 +427,7 @@
|
|
|
color: #FFFFFF;
|
|
|
line-height: 38rpx;
|
|
|
padding: 0 10rpx;
|
|
|
- margin-left: 20rpx;
|
|
|
+ margin-left: 10rpx;
|
|
|
}
|
|
|
.carA{
|
|
|
height: 36rpx;
|
|
@@ -359,12 +437,12 @@
|
|
|
color: #2A2623;
|
|
|
line-height: 38rpx;
|
|
|
padding: 0 10rpx;
|
|
|
- margin-left: 20rpx;
|
|
|
+ margin-left: 10rpx;
|
|
|
}
|
|
|
.carMcTxt{
|
|
|
font-size: 24rpx;
|
|
|
color: #666666;
|
|
|
- padding-top: 16rpx;
|
|
|
+ padding-top: 12rpx;
|
|
|
|
|
|
white-space: nowrap; /* 不换行 */
|
|
|
overflow: hidden; /* 隐藏超出的内容 */
|
|
@@ -378,13 +456,13 @@
|
|
|
|
|
|
}
|
|
|
.carTitle{
|
|
|
- height: 36rpx;
|
|
|
+ /* height: 36rpx; */
|
|
|
border-radius: 4rpx;
|
|
|
border: 1px solid #FF8113;
|
|
|
- line-height: 34rpx;
|
|
|
+ /* line-height: 34rpx; */
|
|
|
font-size: 24rpx;
|
|
|
color: #FF8113;
|
|
|
- padding: 0 8rpx;
|
|
|
+ padding: 2rpx 8rpx;
|
|
|
margin-right: 10rpx;
|
|
|
margin-bottom: 10rpx;
|
|
|
}
|
|
@@ -431,6 +509,7 @@
|
|
|
font-size: 30rpx;
|
|
|
color: #3C3C3C;
|
|
|
line-height: 36rpx;
|
|
|
+ font-weight: 600;
|
|
|
}
|
|
|
.nsStatus{
|
|
|
font-size: 24rpx;
|
|
@@ -451,13 +530,14 @@
|
|
|
.lineTop2{
|
|
|
display: flex;justify-content: space-between;
|
|
|
padding-bottom: 20rpx;
|
|
|
+ margin-top: 4rpx;
|
|
|
}
|
|
|
.lineBtn{
|
|
|
- height: 52rpx;
|
|
|
+ /* height: 52rpx; */
|
|
|
border-radius: 28rpx;
|
|
|
- border: 1rpx solid #DDDDDD;
|
|
|
- line-height: 54rpx;
|
|
|
- padding: 0 20rpx;
|
|
|
+ border: 1px solid #DDDDDD;
|
|
|
+ /* line-height: 56rpx; */
|
|
|
+ padding: 10rpx 20rpx;
|
|
|
font-size: 26rpx;
|
|
|
color: #3C3C3C;
|
|
|
}
|
|
@@ -490,6 +570,7 @@ color: #FF0000;
|
|
|
}
|
|
|
.nodataBox{
|
|
|
text-align: center;
|
|
|
+ background: #fff;
|
|
|
}
|
|
|
.carLine{
|
|
|
margin-bottom: 20rpx;
|