临时提交

src/pages/iotCarePlan/components/ModeList/index.less

@@ -1,13 +1,18 @@
 .mode-list-box {
   width: 100%;
-  height: 160rpx;
+  height: 180rpx;
+  padding: 10rpx 26rpx;
   margin-bottom: 20rpx;
+  background-color: #f2f2f2;
+  border-radius: 30rpx;
+  box-sizing: border-box;
   &:last-child {
     margin-bottom: 0;
   }
   .mode-list {
     display: flex;
     align-items: center;
+
     .mode-item-title {
       display: flex;
       align-items: center;
@@ -18,7 +23,7 @@
       font-family: PingFang SC;
       font-weight: bold;
       color: #000000;
-      margin: 0 20rpx;
+      margin-right: 20rpx;
     }
     .mode-item {
       display: flex;

src/pages/iotCarePlan/components/ModeList/index.tsx

@@ -11,17 +11,17 @@ interface Props {
 let scrollIntoView = "0";
 
 function Index({ ModeList }: any) {
-  let VisorList = ModeList.filter((item) => item.modeType === 1); // 面罩模式
-  let CabinList = ModeList.filter((item) => item.modeType === 2); // 舱体模式
-  let YimeishList = ModeList.filter((item) => item.modeType === 3); // 医美术后
+  let VisorList = ModeList.filter((item) => item.modeClass === 1); // 面罩模式
+  let CabinList = ModeList.filter((item) => item.modeClass === 2); // 舱体模式
+  let YimeishList = ModeList.filter((item) => item.modeClass === 3); // 医美术后
   return (
     <Block>
-      <ScrollView
-        className="mode-list-box"
-        scroll-x="true"
-        scrollIntoView={scrollIntoView}
-      >
-        {VisorList.length > 0 && (
+      {VisorList.length > 0 && (
+        <ScrollView
+          className="mode-list-box"
+          scroll-x="true"
+          scrollIntoView={scrollIntoView}
+        >
           <View className="mode-list">
             <View className="mode-item-title">面罩模式</View>
             {VisorList.map((item: any, index: any) => {
@@ -41,14 +41,14 @@ function Index({ ModeList }: any) {
               );
             })}
           </View>
-        )}
-      </ScrollView>
-      <ScrollView
-        className="mode-list-box"
-        scrollX={true}
-        scrollIntoView={scrollIntoView}
-      >
-        {CabinList.length > 0 && (
+        </ScrollView>
+      )}
+      {CabinList.length > 0 && (
+        <ScrollView
+          className="mode-list-box"
+          scrollX={true}
+          scrollIntoView={scrollIntoView}
+        >
           <View className="mode-list">
             <View className="mode-item-title">舱体模式</View>
             {CabinList.map((item: any, index: any) => {
@@ -68,14 +68,15 @@ function Index({ ModeList }: any) {
               );
             })}
           </View>
-        )}
-      </ScrollView>
-      <ScrollView
-        className="mode-list-box"
-        scrollX={true}
-        scrollIntoView={scrollIntoView}
-      >
-        {YimeishList.length > 0 && (
+        </ScrollView>
+      )}
+
+      {YimeishList.length > 0 && (
+        <ScrollView
+          className="mode-list-box"
+          scrollX={true}
+          scrollIntoView={scrollIntoView}
+        >
           <View className="mode-list">
             <View className="mode-item-title">医美术后</View>
             {YimeishList.map((item: any, index: any) => {
@@ -95,8 +96,8 @@ function Index({ ModeList }: any) {
               );
             })}
           </View>
-        )}
-      </ScrollView>
+        </ScrollView>
+      )}
     </Block>
   );
 }

src/pages/iotCarePlan/iotCarePlan.less

@@ -49,4 +49,7 @@
       }
     }
   }
+  .mode-box {
+    // background-color: #fff;
+  }
 }

src/pages/iotCarePlan/iotCarePlan.tsx

@@ -36,50 +36,6 @@ class IotCarePlan extends Component<any, any> {
     this.state = {
       name: "iotCarePlan",
       musicStatus: false, // 声音播放状态
-      // visorList: [
-      //   {
-      //     title: "visorList",
-      //     time: "2024-02-04",
-      //     banner: "",
-      //   },
-      //   {
-      //     title: "visorList",
-      //     time: "2024-02-04",
-      //     banner: "",
-      //   },
-      //   {
-      //     title: "visorList",
-      //     time: "2024-02-04",
-      //     banner: "",
-      //   },
-      //   {
-      //     title: "visorList",
-      //     time: "2024-02-04",
-      //     banner: "",
-      //   },
-      // ],
-      // cabinList: [
-      //   {
-      //     title: "cabinList",
-      //     time: "2024-02-04",
-      //     banner: "",
-      //   },
-      //   {
-      //     title: "cabinList",
-      //     time: "2024-02-04",
-      //     banner: "",
-      //   },
-      //   {
-      //     title: "cabinList",
-      //     time: "2024-02-04",
-      //     banner: "",
-      //   },
-      //   {
-      //     title: "cabinList",
-      //     time: "2024-02-04",
-      //     banner: "",
-      //   },
-      // ],
 
       ModeList: [],
     };
@@ -109,7 +65,6 @@ class IotCarePlan extends Component<any, any> {
       instrumentId: id,
     };
     let res = await InstrumentInfo.modeInfoList(params);
-    console.log("GetModeList", res);
     if (res.data.code === 200) {
       this.setState({ ModeList: res.data.data });
     }