fix:修复横向滚动条切换item，页面数据刷新导致横向滚动闪动回初始位置问题

src/app.config.ts

@@ -71,9 +71,11 @@ export default defineAppConfig({
     navigationBarBackgroundColor: "#fff",
     navigationBarTitleText: "WeChat",
     navigationBarTextStyle: "black",
+    // pageOrientation: "auto",
     // enablePullDownRefresh: true
   },
   requiredPrivateInfos: ["getLocation"],
+
   subPackages: [
     {
       root: "moduleIOT",

src/instrument/pages/instrument_manage/index.tsx

@@ -204,7 +204,7 @@ export default class InstrumentManage extends Component<any, any> {
             <Block>
               <View className="title">未绑定的仪器</View>
               <View className="scroll">
-                <ScrollView scroll-x="true" className="un_bind_list">
+                <ScrollView scrollX={true} className="un_bind_list">
                   {unBindList.map((item, index) => {
                     if (item.status === 0) {
                       return (

src/moduleIOT/pages/iotCarePlan/FR200.tsx

@@ -508,7 +508,8 @@ class IotCarePlanFR200 extends Component<any, any> {
       currentWorkModeType = 3;
     } else if (
       data.modeType === "maskPenetration" ||
-      data.modeType === "essence"
+      data.modeType === "essence" ||
+      data.modeType === "led"
     ) {
       currentWorkModeType = 2;
     }
@@ -1598,12 +1599,11 @@ class IotCarePlanFR200 extends Component<any, any> {
   executePromises = async () => {
     let waterStepList = this.state.waterStepList;
     let waterStepIndex = this.state.waterStepIndex;
-    let that =this
+    let that = this;
     await new Promise<void>((resolve) => {
       setTimeout(() => {
         waterStepList[waterStepIndex].schedule = 100;
         that.setState({
-              
           waterStepList,
         });
 
@@ -1620,13 +1620,8 @@ class IotCarePlanFR200 extends Component<any, any> {
         }, 2000);
       });
     });
-
-
   };
 
-
-
-
   // 检测并控制工作状态
   handleWorkStatus = async (isBtnClick: boolean, workStatus) => {
     const { DeviceConnectStatus, ActiveModeItem } = this.state;
@@ -1656,20 +1651,22 @@ class IotCarePlanFR200 extends Component<any, any> {
       sendParams.testStatus = "standby"; // 切换为准备
 
       // 3秒定时器，逻辑3秒把进度条弄成100，再加2秒获取最后结果
-
       if (isBtnClick) {
         that.setState({
           isRuningTest: 2,
-          
         });
-        this.executePromises()
+        this.executePromises();
 
         sendParams.testStatus = "start"; // 点击开始再开始
         console.log("点击开始", isBtnClick);
       }
     }
 
-    if (ActiveModeItem.modeType === "maskPenetration") {
+    // 面膜促渗和精华促渗
+    if (
+      ActiveModeItem.modeType === "maskPenetration" ||
+      ActiveModeItem.modeType === "essence"
+    ) {
       sendParams.gear = this.state.currentGear; // 点击开始再开始
     }
 
@@ -2120,7 +2117,12 @@ class IotCarePlanFR200 extends Component<any, any> {
 
       return nursingData;
     }
-    return { nursingData: JSON.stringify({ workMode: nowFR200NursingHistory.workMode, }), showFace: true }
+    return {
+      nursingData: JSON.stringify({
+        workMode: nowFR200NursingHistory.workMode,
+      }),
+      showFace: true,
+    };
   };
 
   // 计算挡位
@@ -2669,7 +2671,7 @@ class IotCarePlanFR200 extends Component<any, any> {
                   showFullscreenBtn={false}
                   onLoadedMetaData={this.GetVideosTime}
                 />
-                <button onClick={this.executePromises}>点击按钮</button>
+                {/* <Button onClick={this.executePromises}>点击按钮</Button> */}
                 {errorTips && (
                   <Block>
                     <View className="msg-tips">
@@ -2683,6 +2685,7 @@ class IotCarePlanFR200 extends Component<any, any> {
                 )}
               </View>
 
+              {ActiveModeItem.modeType !== "moistureTest" && (
                 <View className="fr200-iot-device">
                   <View className="item">
                     <Text className="device-time">
@@ -2691,7 +2694,11 @@ class IotCarePlanFR200 extends Component<any, any> {
                   </View>
                   <View className="line" />
                   <View className="item">
-                  档位：<Text className="gear">{currentGear}</Text>档
+                    档位：
+                    <Text className="gear">
+                      {ActiveModeItem.modeType === "led" ? "-" : currentGear}
+                    </Text>
+                    档
                   </View>
                   <View className="line" />
                   <ElectricityView
@@ -2699,6 +2706,7 @@ class IotCarePlanFR200 extends Component<any, any> {
                     DeviceConnectStatus={DeviceConnectStatus}
                   />
                 </View>
+              )}
             </View>
 
             {ModeList.length > 0 && (
@@ -2714,8 +2722,8 @@ class IotCarePlanFR200 extends Component<any, any> {
                 onModeLockOpen={this.onModeLockOpen}
               />
             )}
-            <button onClick={this.look.bind(this)}>显示echarts </button>
+            {/* <button onClick={this.look.bind(this)}>显示echarts </button>
-            <button onClick={this.updata.bind(this)}>添加数据 </button>
+            <button onClick={this.updata.bind(this)}>添加数据 </button> */}
 
             <View className={classnames({ show: showEcharts })}>
               <Echarts data={echartsData}></Echarts>

src/moduleIOT/pages/iotCarePlan/components/Footer/FR200.tsx

@@ -9,7 +9,7 @@ interface Props {
   onEmitStartNurse: Function; // 每次点击item，回调事件和数据给父组件
   onEmitSwitchChange: Function;
   onEmitEndPlan: Function;
-  onsuccess:Function
+  onsuccess: Function;
 }
 function Index({
   currentWorkModeType,
@@ -18,7 +18,7 @@ function Index({
   onEmitStartNurse,
   onEmitSwitchChange,
   onEmitEndPlan,
-  onsuccess
+  onsuccess,
 }: Props) {
   const onStartNurse = () => {
     onEmitStartNurse();
@@ -31,6 +31,9 @@ function Index({
   const onEndPlan = () => {
     onEmitEndPlan();
   };
+  const onSuccessNurse = () => {
+    onsuccess();
+  };
 
   return (
     <Block>
@@ -44,9 +47,13 @@ function Index({
             ) : isRuningTest === 2 ? (
               <View className="btn">检测中...</View>
             ) : isRuningTest === 3 ? (
-            <View className="btn" onClick={onStartNurse}>重新检测</View>
+              <View className="btn" onClick={onStartNurse}>
+                重新检测
+              </View>
             ) : (
-            <View className="btn" onClick={onsuccess}>检测完成</View>
+              <View className="btn" onClick={onSuccessNurse}>
+                检测完成
+              </View>
             )}
           </Block>
         )}

src/moduleIOT/pages/iotCarePlan/components/ModeList/FR200.tsx

@@ -85,7 +85,9 @@ function Index({
                       <View className="mode-info">
                         <View className="mode-info-title">{item.modeName}</View>
                         <View className="mode-info-time">
-                          {item.modeTimeStr}
+                          {item.modeTimeStr === "00:00"
+                            ? "--:--"
+                            : item.modeTimeStr}
                         </View>
                         <View
                           className={classnames("mode-info-select", {

src/pages/index/index.config.ts

@@ -1,4 +1,5 @@
 export default definePageConfig({
   navigationBarTitleText: '首页',
   enablePullDownRefresh: false,
+  enablePageMeta: true
 })

src/pages/index/index.tsx

@@ -11,6 +11,7 @@ import {
   Swiper,
   SwiperItem,
   RichText,
+  PageMeta,
 } from "@tarojs/components";
 import { Popup } from "@antmjs/vantui";
 /*** redux ***/
@@ -943,6 +944,10 @@ class Index extends Component<any, any> {
     // return;
   }
 
+  goTest() {
+    go("/pages/consultant/consultant");
+  }
+
   //连接完成时数据的回调
   offlineChange = async (e) => {
     console.log("offlineChange", e);
@@ -1122,6 +1127,7 @@ class Index extends Component<any, any> {
 
     return (
       <Block>
+        {/* <PageMeta pageOrientation="landscape"> */}
         <View catchMove>
           <PopupAlert
             isShow={isCommonError}
@@ -1446,6 +1452,13 @@ class Index extends Component<any, any> {
         <Popup show={show} className="custom-popup" overlay={false}>
           <View className="popBox">你已绑定所有设备</View>
         </Popup>
+        {/* </PageMeta> */}
+        {/* <View
+          style="position:fixed;width:100vw;height:100vh"
+          onClick={this.goTest}
+        >
+          横屏了
+        </View> */}
       </Block>
     );
   }

src/recoding/pages/recording/recording.tsx

@@ -1,5 +1,6 @@
 import Taro, { setStorageSync } from "@tarojs/taro";
 import classnames from "classnames";
+import dayjs from "dayjs";
 import { Component, PropsWithChildren, useEffect, useState } from "react";
 
 import {
@@ -40,8 +41,11 @@ export default class Recording extends Component<any, any> {
       curIndex: null,
       clockStatistics: [],
       statistics: [],
+      yearValue: dayjs().format("YYYY-MM-DD"),
       year: new Date().getFullYear(),
-      today: new Date(),
+
+      startYear: "2000-01-01",
+      endYear: dayjs().format("YYYY-MM-DD"),
       monthTime: [
         { month: 1, time: 0 },
         { month: 2, time: 0 },
@@ -264,21 +268,31 @@ export default class Recording extends Component<any, any> {
       ViewAddInstrument: ViewAddInstrument,
     });
 
-    this.getRecord(null);
+    this.initData();
-    this.getBindingInstrumentList();
-    this.getLatestClockRecord();
-    this.getClockStatistics();
-    this.DayTime();
-    this.setStatusBar();
   }
 
   componentDidShow() {}
 
   componentDidHide() {}
 
-  async initData() {}
+  initData = async () => {
+    this.getRecord(null);
+    Taro.showLoading({
+      title: "请求中...",
+      mask: true,
+    });
+    await Promise.all([
+      this.getBindingInstrumentList(),
+      this.getLatestClockRecord(),
+      this.getClockStatistics(),
+      this.DayTime(),
+      this.setStatusBar(),
+    ]);
+    Taro.hideLoading();
+  };
   // 选择年份
   onChangeYear(event) {
+    console.log("event", event);
     this.setState({ year: event.detail.value });
     this.getClockStatistics(event.detail.value);
   }
@@ -510,12 +524,13 @@ export default class Recording extends Component<any, any> {
       clockStatistics,
       statistics,
       year,
-      today,
       monthTime,
       show,
       punchInInfo,
       navigationBarHeight,
       statusBarHeight,
+      startYear,
+      endYear,
     } = this.state;
     const statusBarHeightRpx = statusBarHeight * 2;
     const navigationBarHeightRpx = navigationBarHeight * 2;
@@ -549,16 +564,23 @@ export default class Recording extends Component<any, any> {
             打卡统计
           </View>
         </View>
+        <View>
           {current === 0 && (
+            <Block>
               <ScrollView
                 className="products_list"
-            scroll-x="true"
+                scrollX={true}
+                enhanced={true}
+                bounces={false}
+                // scrollIntoView={"products_item_" + curIndex}
                 style={{
                   top: height + 110 + "rpx",
                   position: "sticky",
                 }}
               >
+                <View>
                   <View
+                    id={"products_item_0"}
                     className={classnames("all", {
                       products_item_active: !curIndex,
                     })}
@@ -566,9 +588,11 @@ export default class Recording extends Component<any, any> {
                   >
                     全部
                   </View>
-            {bindingInstrumentList.map((item: any, index: any) => (
+                  {bindingInstrumentList.map((item: any, index: any) => {
+                    return (
                       <View
                         key={item.id}
+                        id={"products_item_" + item.id}
                         className={classnames("products_item", {
                           products_item_active: curIndex === item.id,
                         })}
@@ -581,11 +605,12 @@ export default class Recording extends Component<any, any> {
                         ></Image>
                         <View className="products_title">{item.name}</View>
                       </View>
-            ))}
+                    );
+                  })}
+                </View>
               </ScrollView>
-        )}
+              <View>
-
+                {recordList.length === 0 && (
-        {current === 0 && recordList.length === 0 && (
                   <View>
                     <View className="nodata">
                       <Image
@@ -596,34 +621,8 @@ export default class Recording extends Component<any, any> {
                     </View>
                   </View>
                 )}
-        {current === 0 && (
+                {recordList.length > 0 && (
                   <View style="padding-bottom:200px">
-            {/* <View className='instrument_item' >
-              <View className='instrument_top flex sb aitems'>
-                <View className='time_box flex aitems'>
-                  <View className='time'>2024.1.23</View>
-                  <View className={classnames("tag", {
-                    tag_active: current === 1,
-                  })}
-                  > 在线</View>
-                </View>
-                <View  className='report_btn flex'>
-                  <View>回看报告</View>
-                  <Image className='arrow_icon' src={require("../../img/index/right.png")} mode='aspectFill'></Image>
-                </View>
-              </View>
-              <View className='instrument_middle flex'>
-                <Image className='instrument_cover' src={require("../../img/test/1706667011027.jpg")}></Image>
-                <View className='instrument_content'>
-                  <View className='instrument_title'>小子弹智能射频仪</View>
-                  <View className='instrument_desc_box flex fc sb'>
-                    <View className='instrument_desc'>模式：基础场景版</View>
-                    <View className='instrument_desc'>护理时间：15分00秒</View>
-                  </View>
-                </View>
-              </View>
-            </View> */}
-
                     <View className="instrument_list ">
                       {recordList.map((item: any, index: any) => (
                         <View className="recording-box" key={item.id}>
@@ -663,9 +662,13 @@ export default class Recording extends Component<any, any> {
                               src={item.modeImage}
                             ></Image>
                             <View className="bottom-right">
-                      <View className="title">{item.instrumentName}</View>
+                              <View className="title">
+                                {item.instrumentName}
+                              </View>
                               <View className="subtitle-box">
-                        <View className="subtitle">模式：{item.modeName}</View>
+                                <View className="subtitle">
+                                  模式：{item.modeName}
+                                </View>
                                 <View className="subtitle">
                                   {item.instrumentType === 2 && (
                                     <Text>护理时间：{item.nursingTime}</Text>
@@ -679,6 +682,10 @@ export default class Recording extends Component<any, any> {
                     </View>
                   </View>
                 )}
+              </View>
+            </Block>
+          )}
+        </View>
         {current === 1 && (
           <View style="padding-bottom:200px">
             {/* <View className='nodata'>
@@ -693,11 +700,13 @@ export default class Recording extends Component<any, any> {
               <View className="flex sb ab">
                 <View className="clock_in_statistics_title">年度打卡统计</View>
                 <Picker
+                  style="color:#000"
                   mode="date"
                   fields="year"
                   onChange={this.onChangeYear.bind(this)}
-                  value="{{year}}"
+                  value={this.state.yearValue}
-                  end="{{today}}"
+                  start={startYear}
+                  end={endYear}
                 >
                   <View className="clock_in_statistics_date flex aitems">
                     <View>{year}年</View>