。

src/components/AlreadyUsedMolded/style.less

@@ -4,8 +4,6 @@
   display: flex;
   position: relative;
   margin: 30px auto;
-  // box-shadow: 0px 8px 38px 0px rgba(0, 0, 0, 0.12);
-  // filter: drop-shadow(5px 8px 6px rgb(202, 202, 202));
   filter: drop-shadow(0 0 0.9rem rgba(0, 0, 0, 0.12));
 
   .left-complete-one {
@@ -19,7 +17,6 @@
       radial-gradient(circle at bottom right, transparent 15px, #fff 0) bottom
         right;
     background-size: 100% 60%;
-    background-repeat: no-repeat;
 
     width: 100%;
     border-radius: 15px 0px 0px 15px;

src/components/CompoentsOrder/AlreadyUsed/index.jsx

@@ -1,7 +1,10 @@
 import { useState, useEffect } from 'react'
+import Taro from '@tarojs/taro'
+import { View, Text } from '@tarojs/components'
 import starOn from '@/assets/icons/GuideCheck/starOn.png'
 import starOff from '@/assets/icons/GuideCheck/starOff.png'
-import AlreadyUsedMolded from '@/components/AlreadyUsedMolded'
+import formatTime from '@/utils/formatTime'
+import food from '@/assets/icons/ProCard/food.png'
 import Popup from '@/components/Popup'
 import './style.less'
 
@@ -30,7 +33,43 @@ export default (props) => {
 
   return (
     <Popup show={showCutover} maskClosable={maskClosable} onClose={onClose} className='box-content' >
-      <AlreadyUsedMolded list={list} />
+      {/* <AlreadyUsedMolded list={list} /> */}
+      {
+        list.map((item, index) => {
+          return (
+            <View class='left-complete-one'  >
+              <View className='v1'>
+                <View className='left-viewText'>
+                  返现￥{(item.cashback / 100)?.toFixed(2)}
+                </View>
+              </View>
+              <View className='v2'>
+                <View className='title-image' >
+                  <image className='image-1' mode='scaleToFill' src={item.poster || []}></image>
+                  <image className='image-2' src={food}></image>
+                </View>
+                <View className='title-content'>
+                  <View className='Pro-title'  >
+                    <View className='title-text'>
+                      {item.packageDescription}
+                    </View>
+                    <View className='title-money-2'>
+                      数量：{item.amount}张
+                    </View>
+                  </View>
+                  <text className='title-money' >￥{(item.unitPrice / 100)?.toFixed(2)}元</text><text className='title-money-3'>订单编号：{item.orderId}</text>
+                  <View className='title-time'>
+                    核销时间：{" "}
+                    {formatTime(item.verifiedDate, "yyyy/MM/dd hh:mm")}
+                  </View>
+                </View>
+              </View>
+            </View>
+          )
+
+        })
+      }
+      <View className='pjLine'></View>
       <view className='item-center-Number' >
         {/* 评分 */}
         <view className='card-box-star'>

src/components/CompoentsOrder/AlreadyUsed/style.less

@@ -1,39 +1,95 @@
 @whiteColor: #fff;
-
-// .box-content {
-
-
-  .item-center-Number {
-    .card-box-star {
-      margin-top: 23px;
-      width: auto;
-      height: 44.3px;
-      font-size: 20px;
-      color: @whiteColor;
-      .card-box-star-text {
-        display: inline-block;
-        height: 22px;
-        font-size: 24px;
-        font-weight: 400;
-        color: #666666;
+.box-content{
+  .weui-dialog__bd{
+    padding: 30px 20px 28px 20px;
+  }
+  .left-complete-one{
+    .v1{    
+      flex: none;
+      box-sizing: border-box;
+      width: 160px;
+      position: relative;
+      padding-bottom:20px;
+      .left-viewText{
+        box-sizing: border-box;
+        background: url('~@/assets/icons/ProCard/ProCard_hot.png') no-repeat;
+        background-size: 100% 100%;
+        padding: 16px 25px 10px 10px;
+        font-size: 20px;
+        color: #fff;
+        line-height: 1em;
       }
-      .card-star-image {
-        padding-left: 30px;
-        width: 21px;
-        height: 21px;
+    }
+    .v2{
+      display: flex;
+      padding-bottom: 20px;
+      .title-image{
+        opacity: none;
+        width: 144px;
+        height: 144px;
+        border-radius: 24px;
+        position: relative;
+        overflow: hidden;
+        flex: none;
+        .image-1{
+          width: 100%;
+          height: 100%;
+          display: block;
+        }
+        .image-2{
+          box-sizing: border-box;
+          position: absolute;
+          width: 99px;
+          height: 36px;
+          left: 0;
+          top: 0;
+        }
       }
-      .card-star-text {
-        padding-left: 10px;
-        font-size: 20px;
-        color: #333;
-        font-weight: 700;
+      .title-content {
+        padding-left: 18px;
+        flex: auto;
+        text-align: left;
+        .Pro-title {
+          display: flex;
+          .title-text {
+            flex: auto;
+            font-size: 24px;
+            padding-bottom: 10px;          
+          }
+          .title-money-2 {
+            flex: none;
+            font-size: 20px;
+            color: #333333;
+            padding-left: 40px;
+          }
+        }
+        .title-money {
+          font-size: 24px;
+          font-weight: bold;
+          color: #333333;
+        }
+        .title-time {
+          font-size: 24px;
+          padding-top: 20px;
+          color: #c0c8d3;
+        }
+        .title-money-3 {
+          font-size: 20px;
+          padding-left: 10px;
+          color: #666;
+        }
       }
     }
   }
-
+  .pjLine{
+    height: 2px;
+    background: #000;
+    width: 100%;
+    opacity: 0.1;
+  }
   .buy-button-box {
     width: 100%;
-    margin: 40px 0 0 0;
+    margin-top: 53px;
 
     .button-Cancel {
       display: inline-block;
@@ -48,7 +104,6 @@
     }
     .button-OK {
       display: inline-block;
-
       width: 236px;
       height: 78px;
       background: #274291;
@@ -58,5 +113,21 @@
       color: #ffffff;
     }
   }
+  .item-center-Number {
+    .card-box-star {
+      margin: 23px 0 7px 0;
+      .card-box-star-text {
+        font-size: 24px;
+        color: #666;
+      }
+      .card-star-image {
+        padding-left: 35px;
+        width: 22px;
+        height: 21px;
+      }
+    }
+  }
+}
+
+
 
-// }

src/components/CompoentsOrder/OrderCard/index.jsx

@@ -77,9 +77,12 @@ export default (props) => {
               <Text className='cpn-card-text_mn'>￥{`${(item.unitPrice / 100)?.toFixed(2)}元`}</Text>
             </View>
             <View className='cpn-md-act'>
-              <view className='title-time'>
-                有效期：{formatTime(item?.startTime, "yyyy/MM/dd")}-
-                {formatTime(item.endTime, "yyyy/MM/dd")}
+              <view className={item.isVerified == 1 ?'title-time':''}>
+                {
+                  item.isVerified == 1 ? '核销时间 :'+ formatTime(item?.verifiedDate, "yyyy/MM/dd"):
+                '有效期：'+formatTime(item?.startTime, "yyyy/MM/dd")+'-'+
+                formatTime(item.endTime, "yyyy/MM/dd")
+              }
               </view>
             </View>
           </CouponMedia.Body>

src/components/CompoentsOrder/OrderCard/style.less

@@ -33,10 +33,10 @@
   display: flex;
   margin-top: 10px;
   position: relative;
+  font-size: 22px;
+  color: #c0c8d3;
   .title-time {
-    font-size: 22px;
-    // padding-top: 20px;
-    color: #c0c8d3;
+    font-size: 28px;
   }
 }
 .OrderNumber {

src/components/CompoentsOrder/complete/style.less

@@ -20,64 +20,4 @@
     margin-top: 40px;
     text-align: center;
   }
-  .AlreadyUsed-box {
-    margin: 40px auto;
-    padding: 0 30px;
-
-    .item-center-Number {
-      .card-box-star {
-        margin-top: 23px;
-        width: auto;
-        height: 44.3px;
-        font-size: 20px;
-        color: @whiteColor;
-        .card-box-star-text {
-          display: inline-block;
-          height: 22px;
-          font-size: 24px;
-          font-weight: 400;
-          color: #666666;
-        }
-        .card-star-image {
-          padding-left: 30px;
-          width: 21px;
-          height: 21px;
-        }
-        .card-star-text {
-          padding-left: 10px;
-          font-size: 20px;
-          color: #333;
-          font-weight: 700;
-        }
-      }
-    }
-
-    .buy-button-box {
-      width: 100%;
-      margin: 40px 0 0 0;
-
-      .button-Cancel {
-        display: inline-block;
-        width: 236px;
-        height: 78px;
-        border: 2px solid #274291;
-        font-size: 30px;
-        font-weight: bold;
-        color: #274291;
-        border-radius: 12px;
-        margin-right: 80px;
-      }
-      .button-OK {
-        display: inline-block;
-
-        width: 236px;
-        height: 78px;
-        background: #274291;
-        border-radius: 12px;
-        font-size: 30px;
-        font-weight: bold;
-        color: #ffffff;
-      }
-    }
-  }
 }

src/components/foodCards/foodCards.jsx

@@ -1,4 +1,3 @@
-import useSave from "@/utils/hooks/useSave"
 import Taro from '@tarojs/taro'
 import { View, Text } from '@tarojs/components'
 import CouponCard from '@/components/CouponCard'