f

src/pages/MineUserAll/RefundMoney/CheckRefund/index.jsx

@@ -2,7 +2,7 @@ import BlackSpot from "@/assets/icons/GuideCheck/BlackSpot.png";
 import Taro from "@tarojs/taro";
 import { Button, Icon, Text, Textarea } from "@tarojs/components";
 import formatPrice from "@/utils/formatPrice";
-
+import formatTime from "@/utils/formatTime";
 import { useState, useEffect } from "react";
 import withLayout from "@/layouts";
 import { getOrderSub, refund } from "@/services/payOrder";
@@ -11,7 +11,6 @@ import food from "@/assets/icons/ProCard/food.png";
 import ProCard_hot from "@/assets/icons/ProCard/ProCard_hot.png";
 import CustomNav from "@/components/CustomNav";
 import "./style.less";
-import formatTime from "@/utils/formatTime";
 
 const options = [
   {
@@ -43,12 +42,7 @@ const options = [
 export default withLayout((props) => {
   const { router, person } = props;
   const { id } = props.router.params;
-  const [view, setView] = useState(true);
-  const [view2, setView2] = useState(false);
-  const [view3, setView3] = useState(false);
-  const [view4, setView4] = useState(false);
-  const [view5, setView5] = useState(false);
-  const [view6, setView6] = useState(false);
+
   // 说明
   const [explain, setExplain] = useState();
 
@@ -113,59 +107,59 @@ export default withLayout((props) => {
   }, [list]);
 
   return (
-    <view className="box-content">
-      <CustomNav title="售后退款" />
-      <view className="Refund-Content-box">
-        <view className="title-image">
+    <view className='box-content'>
+      <CustomNav title='售后退款' />
+      <view className='Refund-Content-box'>
+        <view className='title-image'>
           <image
-            mode="scaleToFill"
-            className="title-image-cup"
+            mode='scaleToFill'
+            className='title-image-cup'
             src={BlackSpot}
           />
-          <text className="title-title-boss">商品信息</text>
+          <text className='title-title-boss'>商品信息</text>
         </view>
       </view>
       {/* 商品信息结束 */}
       <view>
         {(list || []).map((item) => {
           return (
-            <view class="wrapper" key={item.orderId}>
-              <view class="left-complete-one">
-                <image className="left-image-1" src={ProCard_hot}></image>
-                <view className="left-viewText">
+            <view class='wrapper' key={item.orderId}>
+              <view class='left-complete-one'>
+                <image className='left-image-1' src={ProCard_hot}></image>
+                <view className='left-viewText'>
                   返现￥{formatPrice(item.cashback)}
                 </view>
-                <view className="title-image">
+                <view className='title-image'>
                   <image
-                    className="image-1"
-                    mode="scaleToFill"
+                    className='image-1'
+                    mode='scaleToFill'
                     src={item.poster}
                   ></image>
-                  <image className="image-2" src={food}></image>
+                  <image className='image-2' src={food}></image>
                 </view>
-                <view className="title-content">
-                  <view className="Pro-title">
-                    <view className="title-text">
+                <view className='title-content'>
+                  <view className='Pro-title'>
+                    <view className='title-text'>
                       {item.packageDescription}
-                      <text className="title-money-2">
+                      <text className='title-money-2'>
                         数量：{item.amount}张
                       </text>
                     </view>
                   </view>
-                  <text className="title-money">
+                  <text className='title-money'>
                     ￥{formatPrice(item.unitPrice)}元
-                    <text className="title-money-2">
+                    <text className='title-money-2'>
                       门市价{formatPrice(item.standardPrice)}元
                     </text>
                   </text>
-                  <view className="title-time">
+                  <view className='title-time'>
                     有效期：{formatTime(item?.startTime, "yyyy/MM/dd")}-
                     {formatTime(item.endTime, "yyyy/MM/dd")}
                   </view>
                 </view>
               </view>
-              <view class="right-complete-two">
-                <view className="right-content"></view>
+              <view class='right-complete-two'>
+                <view className='right-content'></view>
               </view>
             </view>
           );
@@ -173,24 +167,24 @@ export default withLayout((props) => {
       </view>
 
       {/* 卡片结束 */}
-      <view className="Refund-Content-box">
-        <view className="title-image">
+      <view className='Refund-Content-box'>
+        <view className='title-image'>
           <image
-            mode="scaleToFill"
-            className="title-image-cup"
+            mode='scaleToFill'
+            className='title-image-cup'
             src={BlackSpot}
           />
-          <text className="title-title-boss">退款原因</text>
+          <text className='title-title-boss'>退款原因</text>
         </view>
         {/* 退款结束 */}
       </view>
-      <view className="Refund-content">
+      <view className='Refund-content'>
         {options.map((x) => {
           return (
             <text
               className={`Refund-star-view${x.key} ${checkeds.indexOf(x.key) > -1
-                  ? "bg2"
-                  : `Refund-star-view${x.key}`
+                ? "bg2"
+                : `Refund-star-view${x.key}`
                 }`}
               key={x.key}
               onClick={() => viewOK(x)}
@@ -201,52 +195,52 @@ export default withLayout((props) => {
         })}
       </view>
 
-      <view className="Refund-Content-box">
-        <view className="title-image">
+      <view className='Refund-Content-box'>
+        <view className='title-image'>
           <image
-            mode="scaleToFill"
-            className="title-image-cup"
+            mode='scaleToFill'
+            className='title-image-cup'
             src={BlackSpot}
           />
-          <text className="title-title-boss">退款说明</text>
+          <text className='title-title-boss'>退款说明</text>
         </view>
       </view>
-      <view class="section">
+      <view class='section'>
         <Textarea
-          placeholder="请补充退款说明（选填）!"
+          placeholder='请补充退款说明（选填）!'
           onInput={(e) => setExplain(e.detail.value)}
-          confirm-type="done"
+          confirm-type='done'
         />
       </view>
-      <view className="money-title">
+      <view className='money-title'>
         实付金额:{" "}
-        <text className="money-name">{formatPrice(totalPrice.charges)}元</text>
+        <text className='money-name'>{formatPrice(totalPrice.charges)}元</text>
       </view>
-      <view className="money-title">
+      <view className='money-title'>
         已获返现:{" "}
-        <text className="money-name">{formatPrice(totalPrice.cashback)}元</text>
+        <text className='money-name'>{formatPrice(totalPrice.cashback)}元</text>
       </view>
-      <view className="money-title">
+      <view className='money-title'>
         退款金额:{" "}
-        <text className="money-name">{formatPrice(totalPrice.refundPrice)}元</text>
+        <text className='money-name'>{formatPrice(totalPrice.refundPrice)}元</text>
       </view>
-      <view className="ul-li-text">
-        <view className="ul-li-view"></view>
-        <text className="ul-li-textname">退款金额不可修改</text>
+      <view className='ul-li-text'>
+        <view className='ul-li-view'></view>
+        <text className='ul-li-textname'>退款金额不可修改</text>
       </view>
-      <view className="ul-li-text">
-        <view className="ul-li-view"></view>
-        <text className="ul-li-textname">
+      <view className='ul-li-text'>
+        <view className='ul-li-view'></view>
+        <text className='ul-li-textname'>
           下单获得返现金额，会在退款时被扣除；
         </text>
       </view>
-      <view className="ul-li-text">
-        <view className="ul-li-view"></view>
-        <text className="ul-li-textname">退款将在七个工作日内原路退还。</text>
+      <view className='ul-li-text'>
+        <view className='ul-li-view'></view>
+        <text className='ul-li-textname'>退款将在七个工作日内原路退还。</text>
       </view>
 
-      <view className="button-info">
-        <Button className="button-box" onClick={() => onRefund()}>
+      <view className='button-info'>
+        <Button className='button-box' onClick={() => onRefund()}>
           提交申请
         </Button>
       </view>

src/pages/MineUserAll/RefundMoney/style.less

@@ -78,14 +78,23 @@
       }
       //图片
       .title-image {
-        width: 145px;
+        // width: 145px;
+        // margin-left: 20px;
+        // border-radius: 24px;
+        // overflow: hidden;
+        // position: relative;
+        height: 144px;
         margin-left: 20px;
         border-radius: 24px;
         overflow: hidden;
         position: relative;
+
         .image-1 {
-          width: 100%;
-          height: 145px;
+          // width: 100%;
+          // height: 145px;
+          width: 144px;
+          height: 144px;
+          margin: 0;
         }
         .image-2 {
           width: 89px;