修改失效图标样式

src/pages/Shower/ShowerAppointment.tsx

@@ -143,7 +143,7 @@ function ShowerAppointment() {
       {showState == 1 && showerControlConfig.balances.length && (
         <View className='ShowerAppointment-Account'>
           {showerControlConfig.balances.map(item => (
-            <View className='ShowerAppointment-Account-item'>
+            <View key={item.serviceId} className='ShowerAppointment-Account-item'>
               <Text className='name'>{item.serviceName}</Text>
               <Text>{item.amount.toFixed(2)}</Text>
             </View>

src/pages/Shower/components/AppointermentCard/AppointermentCard.scss

@@ -13,13 +13,13 @@
     .AppointermentCard-Time {
       background-color: #e2e2e6;
     }
-    .AppointermentCard-Dis-Icon {
-      position: absolute;
-      width: 262px;
-      height: 246px;
-      right: 0;
-      bottom: 0;
-    }
+  }
+  .AppointermentCard-Dis-Icon {
+    position: absolute;
+    width: 262px;
+    height: 246px;
+    right: 0;
+    bottom: 0;
   }
   .AppointermentCard-Title {
     line-height: 40px;
@@ -56,7 +56,7 @@
     color: #6180f4;
     background-color: #fafafe;
     border-radius: 0 0 16px 16px;
-    text:last-child{
+    text:last-child {
       display: inline-block;
       margin-left: 20px;
       width: 300px;

src/pages/Shower/components/AppointermentCard/AppointermentCard.tsx

@@ -11,7 +11,9 @@ const AppointermentCard = (props: PageOwnProps) => {
   const { data } = props;
   return (
     <View
-      className={`AppointermentCard ${data.status === 5 ? 'disabled' : ''}`}>
+      className={`AppointermentCard ${
+        data.status === 5 || data.status === 8 ? 'disabled' : ''
+      }`}>
       <View className='AppointermentCard-Title'>我的预约</View>
       <View className='AppointermentCard-row'>
         <Text>设备编码:</Text>