From e8bd41ad75aa70dc27d8ef97f158d0b168e01b4a Mon Sep 17 00:00:00 2001
From: qsj <731458905@qq.com>
Date: Sat, 16 Mar 2024 14:31:57 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E8=8A=82=E5=99=A8=E7=9A=84=E5=B0=81?=
 =?UTF-8?q?=E8=A3=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 project.private.config.json                   |  14 +
 src/moduleIOT/pages/iotCarePlan/FR200.tsx     |  28 ++
 .../iotCarePlan/components/Gears/index.less   |   3 +
 .../iotCarePlan/components/Gears/index.tsx    | 416 +++++++++---------
 src/pages/index/index.tsx                     |   4 +-
 5 files changed, 252 insertions(+), 213 deletions(-)

diff --git a/project.private.config.json b/project.private.config.json
index f22c5fe..0d68e04 100644
--- a/project.private.config.json
+++ b/project.private.config.json
@@ -3,6 +3,20 @@
   "condition": {
     "miniprogram": {
       "list": [
+        {
+          "name": "moduleIOT/pages/iotCarePlan/WL200",
+          "pathName": "moduleIOT/pages/iotCarePlan/WL200",
+          "query": "",
+          "launchMode": "default",
+          "scene": null
+        },
+        {
+          "name": "pages/index/index",
+          "pathName": "pages/index/index",
+          "query": "",
+          "launchMode": "default",
+          "scene": null
+        },
         {
           "name": "pages/face_report_one/face_report_one",
           "pathName": "pages/face_report_one/face_report_one",
diff --git a/src/moduleIOT/pages/iotCarePlan/FR200.tsx b/src/moduleIOT/pages/iotCarePlan/FR200.tsx
index 25eed0d..1d6ab2d 100644
--- a/src/moduleIOT/pages/iotCarePlan/FR200.tsx
+++ b/src/moduleIOT/pages/iotCarePlan/FR200.tsx
@@ -11,6 +11,7 @@ import React, {
 } from "react";
 
 import Echarts from "./components/Echart/index";
+import Gears from "./components/Gears/index"
 import {
   Block,
   View,
@@ -126,6 +127,12 @@ class IotCarePlanFR200 extends Component<any, any> {
       matrixElectricity: 4, // WE200发箍电量
 
       workMode: "", //当前模式
+      // 挡位调节组件参数
+      GearData:[
+        {name:'额头',forehead:5,Total:10},
+        {name:'左脸颊',forehead:6,Total:10},
+        {name:'右脸颊',forehead:2,Total:10},
+      ],
 
       gear: { gear: 1 },
       currentShowDialog: "",
@@ -497,6 +504,22 @@ class IotCarePlanFR200 extends Component<any, any> {
     }
     return false;
   }
+  //  加减组件- 减号操作
+handleMinus = async (data,inde) => {
+  let GearData =this.state.GearData
+  if(GearData[inde].forehead !== 1){
+    GearData[inde].forehead = GearData[inde].forehead - 1
+    this.setState({GearData})
+  }
+};
+//  加减组件- 加号操作
+handleAdd = async (data,inde) => {
+  let GearData =this.state.GearData
+  if(GearData[inde].forehead !== GearData[inde].Total){
+    GearData[inde].forehead = GearData[inde].forehead + 1
+    this.setState({GearData})
+  }
+};
 
   /** 切换护理模式 */
   switchModeCurrentFun = async (data) => {
@@ -1990,6 +2013,7 @@ class IotCarePlanFR200 extends Component<any, any> {
     let {
       title,
       isConnectShow,
+      GearData,
       isShowStepTips,
       isShowNurse,
       isStopNurse,
@@ -2249,6 +2273,10 @@ class IotCarePlanFR200 extends Component<any, any> {
             )}
 
             <Echarts></Echarts>
+            <Gears 
+             onEmitMinus={this.handleMinus}
+             onEmitAdd={this.handleAdd}
+            GearData={GearData}></Gears>
           </View>
 
           <Footer
diff --git a/src/moduleIOT/pages/iotCarePlan/components/Gears/index.less b/src/moduleIOT/pages/iotCarePlan/components/Gears/index.less
index a25487c..97badc4 100644
--- a/src/moduleIOT/pages/iotCarePlan/components/Gears/index.less
+++ b/src/moduleIOT/pages/iotCarePlan/components/Gears/index.less
@@ -71,6 +71,9 @@ page {
             height: 28rpx;
           }
         }
+        .button_minus_zero {
+          background: unset !important;
+        }
 
         .button_plus {
           width: 90rpx;
diff --git a/src/moduleIOT/pages/iotCarePlan/components/Gears/index.tsx b/src/moduleIOT/pages/iotCarePlan/components/Gears/index.tsx
index cfcc78b..e6004ac 100644
--- a/src/moduleIOT/pages/iotCarePlan/components/Gears/index.tsx
+++ b/src/moduleIOT/pages/iotCarePlan/components/Gears/index.tsx
@@ -2,230 +2,222 @@ import Taro from "@tarojs/taro";
 import classnames from "classnames";
 import { Block, View, Image, Text, Input } from "@tarojs/components";
 import { Popup, Progress, Slider } from "@antmjs/vantui";
-
+import React, { useState } from 'react';
 import "./index.less";
 
 interface Props {
-  Electricity: any;
-  matrixElectricity: any;
-  facialMaskConnectStatus: any;
+  // Electricity: any;
+  // matrixElectricity: any;
+  // facialMaskConnectStatus: any;
+  onEmitMinus:Function
+  onEmitAdd:Function
+  GearData:any
 }
 
-function Index() {
-  const gearLevel = {
-    currentGear: null,
-    //现在工作的档位
-    currentGearMode: "forehead",
-    //现在工作模式
-    forehead: 5,
-    leftCheek: 5,
-    rightCheek: 5,
-  };
+function Index({
+  GearData,
+  onEmitMinus,
+  onEmitAdd
+}:Props) {
+  // 挡位调节
+//   const gearLevel = {
+//     currentGear: null,
+//     //现在工作的档位
+//     currentGearMode: "forehead",
+//     //现在工作模式
+//     forehead: 5,
+//     leftCheek: 5,
+//     rightCheek: 5,
+//   };
+
+// // //  挡位调节
+// const hangeGearAdjustment =(value) =>{
+//   console.log(value,'查看');
+  
+// }
+// const gearLevelViews =() =>{
+//   return (
+//     <> <View>
+//     <View className='gear_adjust'>
+//       <View className='title'>档位调节</View>
+//       <View className='gear_box'>
+//         <View className='gear flex aitems'>
+//           <View className='pos'>额头</View>
+//           <Slider
+//             style={{
+//               flex: "1",
+//             }}
+//             value={gearLevel.forehead}
+//             min={1}
+//             max={10}
+//             inactiveColor='#F8F8F8'
+//             activeColor={
+//               gearLevel.currentGearMode == "forehead"
+//                 ? "#EECDA1"
+//                 : "#CCCCCC"
+//             }
+//             disabled={gearLevel.currentGearMode !== "forehead"}
+//             barHeight={6}
+//             // useButtonSlot
+//             data-key='forehead'
+//             // onDrag={this.onDrag}
+//             onChange={hangeGearAdjustment}
+//             renderButton={
+//               <Block>
+//                 <View
+//                   className={
+//                     "custom-button " +
+//                     (gearLevel.currentGearMode !== "forehead" &&
+//                       "current-button")
+//                   }
+//                 >
+//                   <View className='circle'></View>
+//                   <View className='level'>
+//                     {gearLevel.forehead + "档"}
+//                   </View>
+//                 </View>
+//               </Block>
+//             }
+//           ></Slider>
+//         </View>
+//         <View className='gear flex aitems'>
+//           <View className='pos'>左脸颊</View>
+//           <Slider
+//             style={{
+//               flex: "1",
+//             }}
+//             value={gearLevel.leftCheek}
+//             min={1}
+//             max={10}
+//             inactiveColor='#F8F8F8'
+//             activeColor={
+//               gearLevel.currentGearMode == "leftCheek"
+//                 ? "#EECDA1"
+//                 : "#CCCCCC"
+//             }
+//             disabled={gearLevel.currentGearMode !== "leftCheek"}
+//             barHeight={6}
+//             // useButtonSlot
+//             data-key='leftCheek'
+//             // onDrag={this.onDrag}
+//             // onChange={this.onChange}
+//             onChange={hangeGearAdjustment}
+//             renderButton={
+//               <Block>
+//                 <View
+//                   className={
+//                     "custom-button " +
+//                     (gearLevel.currentGearMode !== "leftCheek" &&
+//                       "current-button")
+//                   }
+//                 >
+//                   <View className='circle'></View>
+//                   <View className='level'>
+//                     {gearLevel.leftCheek + "档"}
+//                   </View>
+//                 </View>
+//               </Block>
+//             }
+//           ></Slider>
+//         </View>
+//         <View className='gear flex aitems'>
+//           <View className='pos'>右脸颊</View>
+//           <Slider
+//             style={{
+//               flex: "1",
+//             }}
+//             value={gearLevel.rightCheek}
+//             min={1}
+//             max={10}
+//             inactiveColor='#F8F8F8'
+//             activeColor={
+//               gearLevel.currentGearMode == "rightCheek"
+//                 ? "#EECDA1"
+//                 : "#CCCCCC"
+//             }
+//             disabled={gearLevel.currentGearMode !== "rightCheek"}
+//             barHeight={6}
+//             // useButtonSlot
+//             data-key='rightCheek'
+//             // onDrag={this.onDrag}
+//             // onChange={this.onChange}
+//             renderButton={
+//               <Block>
+//                 <View
+//                   className={
+//                     "custom-button flex jcenter aitems " +
+//                     (gearLevel.currentGearMode !== "rightCheek" &&
+//                       "current-button")
+//                   }
+//                 >
+//                   <View className='circle'></View>
+//                   <View className='level'>
+//                     {gearLevel.rightCheek + "档"}
+//                   </View>
+//                 </View>
+//               </Block>
+//             }
+//           ></Slider>
+//         </View>
+
+
 
+//         {/* <View className='level_box flex aitems'>
+//           {(10).map((item, index) => {
+//             return (
+//               <View key={item}
+//                 className='level_num'
+//                 style={{
+//                   marginRight: '1.225rem',
+//                 }}
+//               >
+//                 {item + 1}
+//               </View>
+//             )
+//           })}
+//         </View> */}
+//       </View>
+//     </View>
+//   </View></>
+//   );
+// }
 
+
+// 使用 map() 方法创建动态循环
+const gearViews = GearData.map((gear, index) => (
+  <View key={index} className='gear flex aitems'>
+    <View className='pos'>{gear.name}</View>
+    <View className='gear_button flex aitems'>
+      <View className={gear.forehead === 1 ? 'button_minus button_minus_zero' : 'button_minus'}>
+        <Image
+          className='image'
+          src={require('@/img/fr200/minus.png')}
+          onClick={() => onEmitMinus(gear,index)}
+        ></Image>
+      </View>
+      <View className='button_value'>
+        <View className='number'>{gear.forehead}</View>档
+      </View>
+      <View className={gear.forehead === gear.Total ? 'button_plus button_minus_zero' : 'button_plus'}>
+        <Image
+          className='image'
+          src={require('@/img/fr200/add.png')}
+          onClick={() => onEmitAdd(gear,index)}
+        ></Image>
+      </View>
+    </View>
+  </View>
+));
+ 
   return (
       <Block>
-        <View>
-          <View className='gear_adjust'>
-            <View className='title'>档位调节</View>
-            <View className='gear_box'>
-              <View className='gear flex aitems'>
-                <View className='pos'>额头</View>
-                <Slider
-                  style={{
-                    flex: "1",
-                  }}
-                  value={gearLevel.forehead}
-                  min={1}
-                  max={10}
-                  inactiveColor='#F8F8F8'
-                  activeColor={
-                    gearLevel.currentGearMode == "forehead"
-                      ? "#EECDA1"
-                      : "#CCCCCC"
-                  }
-                  disabled={gearLevel.currentGearMode !== "forehead"}
-                  barHeight={6}
-                  // useButtonSlot
-                  data-key='forehead'
-                  // onDrag={this.onDrag}
-                  // onChange={this.onChange}
-                  renderButton={
-                    <Block>
-                      <View
-                        className={
-                          "custom-button " +
-                          (gearLevel.currentGearMode !== "forehead" &&
-                            "current-button")
-                        }
-                      >
-                        <View className='circle'></View>
-                        <View className='level'>
-                          {gearLevel.forehead + "档"}
-                        </View>
-                      </View>
-                    </Block>
-                  }
-                ></Slider>
-              </View>
-              <View className='gear flex aitems'>
-                <View className='pos'>左脸颊</View>
-                <Slider
-                  style={{
-                    flex: "1",
-                  }}
-                  value={gearLevel.leftCheek}
-                  min={1}
-                  max={10}
-                  inactiveColor='#F8F8F8'
-                  activeColor={
-                    gearLevel.currentGearMode == "leftCheek"
-                      ? "#EECDA1"
-                      : "#CCCCCC"
-                  }
-                  disabled={gearLevel.currentGearMode !== "leftCheek"}
-                  barHeight={6}
-                  // useButtonSlot
-                  data-key='leftCheek'
-                  // onDrag={this.onDrag}
-                  // onChange={this.onChange}
-                  renderButton={
-                    <Block>
-                      <View
-                        className={
-                          "custom-button " +
-                          (gearLevel.currentGearMode !== "leftCheek" &&
-                            "current-button")
-                        }
-                      >
-                        <View className='circle'></View>
-                        <View className='level'>
-                          {gearLevel.leftCheek + "档"}
-                        </View>
-                      </View>
-                    </Block>
-                  }
-                ></Slider>
-              </View>
-              <View className='gear flex aitems'>
-                <View className='pos'>右脸颊</View>
-                <Slider
-                  style={{
-                    flex: "1",
-                  }}
-                  value={gearLevel.rightCheek}
-                  min={1}
-                  max={10}
-                  inactiveColor='#F8F8F8'
-                  activeColor={
-                    gearLevel.currentGearMode == "rightCheek"
-                      ? "#EECDA1"
-                      : "#CCCCCC"
-                  }
-                  disabled={gearLevel.currentGearMode !== "rightCheek"}
-                  barHeight={6}
-                  // useButtonSlot
-                  data-key='rightCheek'
-                  // onDrag={this.onDrag}
-                  // onChange={this.onChange}
-                  renderButton={
-                    <Block>
-                      <View
-                        className={
-                          "custom-button flex jcenter aitems " +
-                          (gearLevel.currentGearMode !== "rightCheek" &&
-                            "current-button")
-                        }
-                      >
-                        <View className='circle'></View>
-                        <View className='level'>
-                          {gearLevel.rightCheek + "档"}
-                        </View>
-                      </View>
-                    </Block>
-                  }
-                ></Slider>
-              </View>
-              {/* <View className='level_box flex aitems'>
-                {(10).map((item, index) => {
-                  return (
-                    <View key={item}
-                      className='level_num'
-                      style={{
-                        marginRight: '1.225rem',
-                      }}
-                    >
-                      {item + 1}
-                    </View>
-                  )
-                })}
-              </View> */}
-            </View>
-          </View>
-        </View>
+       {/* {gearLevelViews} */}
 
         <View className='gear_adjustment'>
           <View className='gear_box'>
-            <View className='gear flex aitems'>
-              <View className='pos'>额头</View>
-              <View className='gear_button flex aitems'>
-                <View className='button_minus'>
-                  <Image
-                    className='image'
-                    src={require("@/img/fr200/minus.png")}
-                  ></Image>
-                </View>
-                <View className='button_value'>
-                  <View className='number'>1</View>档
-                </View>
-                <View className='button_plus'>
-                  <Image
-                    className='image'
-                    src={require("@/img/fr200/add.png")}
-                  ></Image>
-                </View>
-              </View>
-            </View>
-            <View className='gear flex aitems'>
-              <View className='pos'>左脸颊</View>
-              <View className='gear_button flex aitems'>
-                <View className='button_minus'>
-                  <Image
-                    className='image'
-                    src={require("@/img/fr200/minus.png")}
-                  ></Image>
-                </View>
-                <View className='button_value'>
-                  <View className='number'>1</View>档
-                </View>
-                <View className='button_plus'>
-                  <Image
-                    className='image'
-                    src={require("@/img/fr200/add.png")}
-                  ></Image>
-                </View>
-              </View>
-            </View>
-            <View className='gear flex aitems'>
-              <View className='pos'>右脸颊</View>
-              <View className='gear_button flex aitems'>
-                <View className='button_minus'>
-                  <Image
-                    className='image'
-                    src={require("@/img/fr200/minus.png")}
-                  ></Image>
-                </View>
-                <View className='button_value'>
-                  <View className='number'>1</View>档
-                </View>
-                <View className='button_plus'>
-                  <Image
-                    className='image'
-                    src={require("@/img/fr200/add.png")}
-                  ></Image>
-                </View>
-              </View>
-            </View>
+            {gearViews}
+           
+          
           </View>
         </View>
       </Block>
diff --git a/src/pages/index/index.tsx b/src/pages/index/index.tsx
index 54fcc5e..60f17b6 100644
--- a/src/pages/index/index.tsx
+++ b/src/pages/index/index.tsx
@@ -839,7 +839,9 @@ class Index extends Component<any, any> {
   };
 
   // 跳转仪器介绍页
-  goNursing = (item) => {
+  goNursing = (item) => { 
+    console.log(item,'查看item');
+    
     // 仅开发者工具调试使用
     const platform = Taro.getSystemInfoSync().platform;
     if (platform === "devtools") {