From 3589191eef974aae25d45f117596e18352f8f366 Mon Sep 17 00:00:00 2001
From: rongweikang <1174906669@qq.com>
Date: Fri, 29 Mar 2024 13:51:01 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=A3=B0=E9=9F=B3=E6=8E=A7?=
 =?UTF-8?q?=E5=88=B6=E5=B9=B6=E4=BF=AE=E6=94=B9ui=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/moduleIOT/pages/iotCarePlan/WL200.less |  24 ++--
 src/moduleIOT/pages/iotCarePlan/WL200.tsx  | 128 +++++++++++----------
 2 files changed, 78 insertions(+), 74 deletions(-)

diff --git a/src/moduleIOT/pages/iotCarePlan/WL200.less b/src/moduleIOT/pages/iotCarePlan/WL200.less
index 5b0d95d..c3385c4 100644
--- a/src/moduleIOT/pages/iotCarePlan/WL200.less
+++ b/src/moduleIOT/pages/iotCarePlan/WL200.less
@@ -10,33 +10,29 @@
     height: 790rpx;
     background-color: #fff;
     border-radius: 30rpx;
-    .music-btn {
-      position: absolute;
-      top: 17rpx;
-      right: 17rpx;
+    .music {
       width: 54rpx;
       height: 54rpx;
-      background: #f8f8f8;
+      background: rgba(255, 255, 255, 0.6);
       border-radius: 50%;
-      z-index: 10;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      .music-btn_icon {
-        width: 54rpx;
-        height: 54rpx;
+      position: absolute;
+      right: 20rpx;
+      top: 20rpx;
+      image {
+        width: 100%;
+        height: 100%;
       }
     }
     .video-or-image {
       display: block;
       width: 690rpx;
-      height: 640rpx;
+      height: 690rpx;
       border-radius: 30rpx;
       animation-iteration-count: 1; // gif只播放一次
     }
     .iot-device {
       width: 690rpx;
-      height: 150rpx;
+      height: 100rpx;
       display: flex;
       align-items: center;
       justify-content: center;
diff --git a/src/moduleIOT/pages/iotCarePlan/WL200.tsx b/src/moduleIOT/pages/iotCarePlan/WL200.tsx
index 32cc37f..86815d7 100644
--- a/src/moduleIOT/pages/iotCarePlan/WL200.tsx
+++ b/src/moduleIOT/pages/iotCarePlan/WL200.tsx
@@ -241,9 +241,9 @@ class IotCarePlanWL200 extends Component<any, any> {
     this.getWL200NursingHistory();
     this.initData();
   }
-  componentDidMount() {}
+  componentDidMount() { }
 
-  componentWillUnmount() {}
+  componentWillUnmount() { }
 
   componentDidShow() {
     console.log("页面显示了");
@@ -588,7 +588,7 @@ class IotCarePlanWL200 extends Component<any, any> {
         this.onNursingTap();
         // 倒计时弹窗: 倒计时完成后，自动开始，并判断弹窗
         let downNum = CountDownTime[this.state.ActiveModeItem.modeType] || 3;
-        this.showCountdownFun(downNum, () => {});
+        this.showCountdownFun(downNum, () => { });
       }, 500);
 
       return;
@@ -620,7 +620,7 @@ class IotCarePlanWL200 extends Component<any, any> {
   };
 
   // 绘制能量图
-  drawProwerPicture() {}
+  drawProwerPicture() { }
 
   /** 切换光照 */
   onSwitchChange = async () => {
@@ -1385,7 +1385,7 @@ class IotCarePlanWL200 extends Component<any, any> {
     // 仅在切换模式的时候，弹窗倒计时.
     if (type === "switch") {
       let downNum = CountDownTime[ActiveModeItem.modeType] || 3;
-      this.showCountdownFun(downNum, () => {}); // 倒计时弹窗
+      this.showCountdownFun(downNum, () => { }); // 倒计时弹窗
     }
 
     // 开始执行护理
@@ -1935,7 +1935,7 @@ class IotCarePlanWL200 extends Component<any, any> {
     if (currentTimeTimer) clearInterval(currentTimeTimer);
     go(
       "/recording/pages/face_report/face_report?id=" +
-        this.state.currentDevice.id
+      this.state.currentDevice.id
     );
   };
 
@@ -2128,11 +2128,11 @@ class IotCarePlanWL200 extends Component<any, any> {
           <PopupAlert
             isShow={isModeLock}
             zIndex={10020}
-            myClassName="level-up"
-            title="提示"
-            content="该模式即将上线，敬请期待"
-            confirmButtonText="我知道了"
-            textAlgin="center"
+            myClassName='level-up'
+            title='提示'
+            content='该模式即将上线，敬请期待'
+            confirmButtonText='我知道了'
+            textAlgin='center'
             isClose={false}
             close={this.onModeLockClose}
             confirm={this.onModeLockClose}
@@ -2140,8 +2140,8 @@ class IotCarePlanWL200 extends Component<any, any> {
           <PopupInstrumentUploadTips
             isShow={isFirstTipShow}
             zIndex={10020}
-            myClassName="level-up"
-            title="打卡介绍"
+            myClassName='level-up'
+            title='打卡介绍'
             data={nurseInfo}
             close={this.onTipShowClose}
             confirm={this.onTipShowClose}
@@ -2153,11 +2153,11 @@ class IotCarePlanWL200 extends Component<any, any> {
             isLarge
             isClose
             isShow={isEndCarePlan}
-            title="提示"
-            content="是否结束护理"
-            textAlgin="center"
-            cancelButtonText="取消"
-            confirmButtonText="确定"
+            title='提示'
+            content='是否结束护理'
+            textAlgin='center'
+            cancelButtonText='取消'
+            confirmButtonText='确定'
             close={this.cancelEndBtn}
             confirm={this.confirmEndBtn}
           />
@@ -2165,7 +2165,7 @@ class IotCarePlanWL200 extends Component<any, any> {
             isLarge
             isClose
             isShow={isSwitchActiveMode}
-            title="护理模式切换"
+            title='护理模式切换'
             content={
               <ModeListView
                 ModeID={ModeID}
@@ -2179,9 +2179,9 @@ class IotCarePlanWL200 extends Component<any, any> {
                 onModeLockOpen={this.onModeLockOpen}
               />
             }
-            textAlgin="center"
-            cancelButtonText="取消"
-            confirmButtonText="确定"
+            textAlgin='center'
+            cancelButtonText='取消'
+            confirmButtonText='确定'
             close={this.cancelModeSwitchBtn}
             confirm={this.confirmModeSwitchBtn}
           />
@@ -2191,7 +2191,7 @@ class IotCarePlanWL200 extends Component<any, any> {
               isShow={isShowStepTips}
               isLarge
               isFirstEntry={false}
-              confirmButtonText="知道了"
+              confirmButtonText='知道了'
               data={ActiveModeItem.openSourceData}
               close={this.closeStepTips}
             />
@@ -2200,10 +2200,10 @@ class IotCarePlanWL200 extends Component<any, any> {
           <PopupAlert
             isShow={isNotEnoughTime}
             isClose
-            title="提示"
-            content="您的本次护理时间不足，请重新护理"
-            confirmButtonText="确认"
-            textAlgin="center"
+            title='提示'
+            content='您的本次护理时间不足，请重新护理'
+            confirmButtonText='确认'
+            textAlgin='center'
             close={this.closeNotEnoughTime}
             confirm={this.closeNotEnoughTime}
           />
@@ -2212,11 +2212,11 @@ class IotCarePlanWL200 extends Component<any, any> {
             isShow={isShowErrorTipsText}
             isClose
             zIndex={10020}
-            myClassName="level-up"
-            title="提示"
+            myClassName='level-up'
+            title='提示'
             content={errorTipsText}
-            confirmButtonText="知道了"
-            textAlgin="center"
+            confirmButtonText='知道了'
+            textAlgin='center'
             close={this.closeErrorTipsText}
             confirm={this.closeErrorTipsText}
           />
@@ -2225,17 +2225,17 @@ class IotCarePlanWL200 extends Component<any, any> {
             isShow={isShowTipsSave}
             isClose
             zIndex={10020}
-            myClassName="level-up"
-            title="提示"
+            myClassName='level-up'
+            title='提示'
             content={
               <Block>
                 <View>当前模式已护理部分时间</View>
                 <View>是否保存护理记录</View>
               </Block>
             }
-            cancelButtonText="取消"
-            confirmButtonText="确认"
-            textAlgin="center"
+            cancelButtonText='取消'
+            confirmButtonText='确认'
+            textAlgin='center'
             close={this.closeTipsSave}
             cancel={this.cancelTipsSave}
             confirm={this.confirmTipsSave}
@@ -2244,11 +2244,11 @@ class IotCarePlanWL200 extends Component<any, any> {
           <PopupStatus
             isShow={isShowNursingSuccess}
             isClose
-            title="您已结束本次护理"
-            type="success"
-            content="正在上传护理记录……"
-            confirmButtonText="知道了"
-            textAlgin="center"
+            title='您已结束本次护理'
+            type='success'
+            content='正在上传护理记录……'
+            confirmButtonText='知道了'
+            textAlgin='center'
             close={() => {
               /*不需要做处理*/
             }}
@@ -2259,31 +2259,31 @@ class IotCarePlanWL200 extends Component<any, any> {
               deviceInfo={currentDevice}
               close={this.connectionClose}
               isDisconnect={!isConnectionBlutoot}
-              offlineChange={() => {}}
+              offlineChange={() => { }}
               pairingChange={this.pairingChange}
-              upgradeFun={() => {}}
+              upgradeFun={() => { }}
             />
           )}
 
           <Popup
             show={isShowHistoryMsg}
-            className="custom-popup"
+            className='custom-popup'
             overlay={false}
           >
-            <View className="sync-history-msg">正在同步护理记录...</View>
+            <View className='sync-history-msg'>正在同步护理记录...</View>
           </Popup>
         </View>
 
         <View>
-          <View className="iot-main">
-            <View className="banner-box">
+          <View className='iot-main'>
+            <View className='banner-box'>
               <View>
                 {!isShowNurse && (
                   <Video
-                    className="video-or-image"
+                    className='video-or-image'
                     src={ActiveModeItem.modeVideo}
                     loop
-                    id="myVideo"
+                    id='myVideo'
                     onPlay={this.onPlay}
                     muted={isMuted}
                     onTimeUpdate={this.GetVideosTime}
@@ -2296,12 +2296,12 @@ class IotCarePlanWL200 extends Component<any, any> {
                   <Block>
                     {isStopNurse ? (
                       <Image
-                        className="video-or-image"
+                        className='video-or-image'
                         src={currentServiceData.stopSource}
                       />
                     ) : (
                       <Image
-                        className="video-or-image"
+                        className='video-or-image'
                         src={currentServiceData.startSource}
                       />
                     )}
@@ -2309,25 +2309,33 @@ class IotCarePlanWL200 extends Component<any, any> {
                 )}
                 {errorTips && (
                   <Block>
-                    <View className="msg-tips">
+                    <View className='msg-tips'>
                       <Image
-                        className="msg-tips-img"
+                        className='msg-tips-img'
                         src={require("@/img/tips.png")}
                       />
-                      <View className="msg-tips-content">{errorTips}</View>
+                      <View className='msg-tips-content'>{errorTips}</View>
                     </View>
                   </Block>
                 )}
               </View>
-
-              <View className="iot-device">
-                <View className="item">
-                  <Text className="device-time">
+              <View
+                className='music flex aitems jcenter'
+                onClick={this.handleClicksound.bind(this)}
+              >
+                <Image
+                  src={require(`@/img/${isMuted ? 'mute' : 'play'}.png`)}
+                  mode='aspectFill'
+                ></Image>
+              </View>
+              <View className='iot-device'>
+                <View className='item'>
+                  <Text className='device-time'>
                     护理时间：
-                    <Text className="time">{currentTime}</Text>
+                    <Text className='time'>{currentTime}</Text>
                   </Text>
                 </View>
-                <View className="line" />
+                <View className='line' />
                 <ElectricityView
                   Electricity={Electricity}
                   matrixElectricity={matrixElectricity}