diff --git a/fuintBackend/fuint-application/src/main/java/com/fuint/business/marketingActivity/cardCoupon/entity/CardCouponUser.java b/fuintBackend/fuint-application/src/main/java/com/fuint/business/marketingActivity/cardCoupon/entity/CardCouponUser.java
index a664367bb..2de072d41 100644
--- a/fuintBackend/fuint-application/src/main/java/com/fuint/business/marketingActivity/cardCoupon/entity/CardCouponUser.java
+++ b/fuintBackend/fuint-application/src/main/java/com/fuint/business/marketingActivity/cardCoupon/entity/CardCouponUser.java
@@ -2,6 +2,7 @@ package com.fuint.business.marketingActivity.cardCoupon.entity;
 
 import java.util.Date;
 import com.baomidou.mybatisplus.extension.activerecord.Model;
+import com.fasterxml.jackson.annotation.JsonFormat;
 import lombok.Data;
 
 import java.io.Serializable;
@@ -32,8 +33,10 @@ public class CardCouponUser extends Model<CardCouponUser> {
     //优惠券id
     private Integer cardCouponId;
     //有效期开始时间
+    @JsonFormat(pattern = "yyyy-MM-dd" , timezone = "GMT+8")
     private Date startTime;
     //有效期结束时间
+    @JsonFormat(pattern = "yyyy-MM-dd" , timezone = "GMT+8")
     private Date endTime;
     //0未使用1已核销
     private String status;
diff --git a/gasStation-uni/pagesMy/Coupons/Coupons.vue b/gasStation-uni/pagesMy/Coupons/Coupons.vue
index b552665ac..d9c7248c0 100644
--- a/gasStation-uni/pagesMy/Coupons/Coupons.vue
+++ b/gasStation-uni/pagesMy/Coupons/Coupons.vue
@@ -16,25 +16,15 @@
 					<view class="">{{item.name}}</view>
 				</view>
 			</view>
-			<view class="card-box" v-for="(item,index) in cardsList" :key="index">
-				<view class="left-img">
-					<view class="huiz" v-if="item.couponType == '优惠券'">￥{{item.couponAmount}}</view>
-					<view class="hui-icon" v-if="item.couponType != '优惠券'">
-						<image src="../../static/imgs/iconcar.png" mode="aspectFit"></image>
-					</view>
-					<view class="cbai">{{item.couponType}}</view>
-				</view>
+			<view class="card-box" v-for="(item,index) in cardsList" :key="index"
+				:style="'background: url('+item.bgImg+') no-repeat;background-size: 100% 100%;  '"
+				@click="goRecharge(item.id,item.cardRecordId)">
+				<view style="width: 20%;"></view>
 				<view class="right-box">
 					<view class="title">{{item.couponName}}</view>
-					<view class="hui-size">{{item.couponContent}}</view>
-					<view class="hui-size">使用条件:{{item.couponContent}}</view>
-					<view class="hui-size">使用说明:{{item.instruction}}</view>
+					<view class="hui-size">{{item.useCondition}}</view>
 					<view class="dis-bt">
-						<view class="hui-size">有效期：{{item.endTime || ''}}</view>
-						<view class="anniu" v-if="item.couponType == '优惠券'" <!--
-							@click="goRecharge(item.id,item.cardRecordId)">
-							<text>立即使用</text> -->
-						</view>
+						有效期：{{item.startTime}} ~ {{item.endTime}}
 					</view>
 				</view>
 			</view>
@@ -266,9 +256,10 @@
 	.card-box {
 		width: 95%;
 		background: #ffffff;
-		border-radius: 8px;
+		height: 90px;
 		box-sizing: border-box;
 		padding: 15px;
+
 		margin: 10px auto;
 		display: flex;
 	}
@@ -287,22 +278,17 @@
 	}
 
 	.dis-bt {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		box-sizing: border-box;
-		padding-top: 5px;
-		border-top: 1px solid #f4f5f6;
-		margin-top: 5px;
+		font-size: 12px;
+		color: #E02020;
 	}
 
 	.hui-size {
-		font-size: 14px;
+		font-size: 12px;
 		color: #999999;
 		white-space: nowrap;
 		text-overflow: ellipsis;
 		overflow: hidden;
-
+		margin: 5px 0;
 	}
 
 	.title {