添加水分测试页

src/app.config.ts

@@ -1,42 +1,43 @@
 export default defineAppConfig({
   __usePrivacyCheck__: true,
   pages: [
-    'pages/index/index',
-    'pages/login/login',
-    'pages/initiate/initiate',
-    'pages/entry/entry',
-    'pages/activity/activity',
+    "pages/index/index",
+    "pages/login/login",
+    "pages/initiate/initiate",
+    "pages/entry/entry",
+    "pages/activity/activity",
     "pages/detect/detect",
     "pages/shop/shop",
     "pages/user/user",
     "pages/userInfo/userInfo",
-    'pages/userInfoDetail/userInfoDetail',
+    "pages/userInfoDetail/userInfoDetail",
     "pages/register/register",
-    'pages/instrument/instrument',
+    "pages/instrument/instrument",
     "pages/instrument/intro",
     "pages/instrument_manage/index",
     "pages/instrument_detail/index",
     "pages/instrumentClickinUpload/index",
-    'pages/privacyPolicy/privacyPolicy',
-    'pages/userPolicy/userPolicy',
-    'pages/about/about',
-    'pages/message/message',
-    'pages/consultant/consultant',
-    'pages/integral_list/integral_list',
+    "pages/privacyPolicy/privacyPolicy",
+    "pages/userPolicy/userPolicy",
+    "pages/about/about",
+    "pages/message/message",
+    "pages/consultant/consultant",
+    "pages/integral_list/integral_list",
     "pages/recording/recording",
     "pages/webViewPage/webViewPage",
-    'pages/template/template',
-    'pages/face_report/face_report',
+    "pages/template/template",
+    "pages/face_report/face_report",
     "pages/connection_help/connection_help",
     "pages/errorpage/errorpage",
+    "pages/moisture_test_report/moisture_test_report",
   ],
-  "tabBar": {
-    "custom": true,
-    "color": "#707070",
-    "selectedColor": "#CAB18C",
-    "backgroundColor": "#ffffff",
-    "borderStyle": "black",
-    "list": [
+  tabBar: {
+    custom: true,
+    color: "#707070",
+    selectedColor: "#CAB18C",
+    backgroundColor: "#ffffff",
+    borderStyle: "black",
+    list: [
       {
         pagePath: "pages/index/index",
         text: "主页",
@@ -67,28 +68,23 @@ export default defineAppConfig({
         iconPath: "img/tabar/5.png",
         selectedIconPath: "img/tabar/55.png",
       },
-    ]
+    ],
   },
-  usingComponents: {
-
-  },
-  lazyCodeLoading: 'requiredComponents',
+  usingComponents: {},
+  lazyCodeLoading: "requiredComponents",
   window: {
-    backgroundTextStyle: 'light',
-    navigationStyle: 'custom',
-    navigationBarBackgroundColor: '#fff',
-    navigationBarTitleText: 'WeChat',
-    navigationBarTextStyle: 'black',
+    backgroundTextStyle: "light",
+    navigationStyle: "custom",
+    navigationBarBackgroundColor: "#fff",
+    navigationBarTitleText: "WeChat",
+    navigationBarTextStyle: "black",
     // enablePullDownRefresh: true
   },
   requiredPrivateInfos: ["getLocation"],
   subPackages: [
     {
-      root: 'moduleIOT',
-      pages: [
-        "pages/iotCarePlan/WL200",
-        "pages/iotCarePlan/FR200",
-      ]
-    }
-  ]
-})
+      root: "moduleIOT",
+      pages: ["pages/iotCarePlan/WL200", "pages/iotCarePlan/FR200"],
+    },
+  ],
+});

src/pages/moisture_test_report/moisture_test_report.tsx

@@ -12,7 +12,7 @@ import { setMobile } from "../../store/features/userInfo";
 
 import { WCUserLogin } from "../../utils/Interface";
 
-import "./login.less";
+import "./moisture_test_report.less";
 
 class MoistureTestReport extends Component<any, any> {
   constructor(props) {
@@ -60,6 +60,63 @@ class MoistureTestReport extends Component<any, any> {
 
   async initData() { }
 
+  getStatusData(level) {
+    var bgCssData = {
+      serious: 'background: #FFE3E3',
+      moderate: 'background: #FFEBDC',
+      slight: 'background: #F6FCFF',
+      normal: 'background: #F8F8F8',
+      sufficient: 'background: #F8F8F8'
+    }
+    var progressBgData = {
+      serious: 'background: #FF9393',
+      moderate: 'background: #FFC58C',
+      slight: 'background: #E5F3F9',
+      normal: 'background: #C2E5F3',
+      sufficient: 'background: #9FDBF3'
+    }
+    if (level >= 1 && level <= 2) {
+      return {
+        bg: bgCssData.serious,
+        title: '严重缺水',
+        gear: 1,
+        img: 'serious',
+        progressBg: progressBgData.serious
+      }
+    } else if (level >= 3 && level <= 4) {
+      return {
+        bg: bgCssData.moderate,
+        title: '中度缺水',
+        gear: 2,
+        img: 'moderate',
+        progressBg: progressBgData.moderate
+      }
+    } else if (level >= 5 && level <= 6) {
+      return {
+        bg: bgCssData.slight,
+        title: '轻微缺水',
+        gear: 3,
+        img: 'slight',
+        progressBg: progressBgData.slight
+      }
+    } else if (level >= 7 && level <= 8) {
+      return {
+        bg: bgCssData.normal,
+        title: '水分正常',
+        gear: 4,
+        img: 'normal',
+        progressBg: progressBgData.normal
+      }
+    } else if (level >= 9 && level <= 10) {
+      return {
+        bg: bgCssData.sufficient,
+        title: '水分充足',
+        gear: 5,
+        img: 'sufficient',
+        progressBg: progressBgData.sufficient
+      }
+    }
+  }
 
   render() {
     let { name, imgUrl, reportData, bgCssData, isClock, xinde, imglist, id, show } = this.state
@@ -70,24 +127,29 @@ class MoistureTestReport extends Component<any, any> {
 
           <View className='report_data'>
             <View className='forehead moisture_block flex' style='{util.getStatusData(reportData.shuifenLevel.head).bg}'>
-              <Image className='moisture_img'  src={require("/img/fr200/{util.getStatusData(reportData.shuifenLevel.head).img}.png")} mode='aspectFill'></Image>
+              <Image className='moisture_img' src={`/img/fr200/${this.getStatusData(reportData.shuifenLevel.head)}.img}.png`} mode='aspectFill'></Image>
               <View className='pos_info'>
                 <View className='top'>额头</View>
-                <View className='bottom'>{util.getStatusData(reportData.shuifenLevel.head).title}</View>
+                {/* <View className='bottom'>{this.getStatusData(7).title}</View> */}
+                <View className='bottom'></View>
+
               </View>
             </View>
             <View className='left_face moisture_block flex' style='{util.getStatusData(reportData.shuifenLevel.leftFace).bg}'>
               <Image className='moisture_img' src='/img/fr200/{util.getStatusData(reportData.shuifenLevel.leftFace).img}.png' mode='aspectFill'></Image>
               <View className='pos_info'>
                 <View className='top'>左脸颊</View>
-                <View className='bottom'>{util.getStatusData(reportData.shuifenLevel.leftFace).title}</View>
+                {/* <View className='bottom'>{this.getStatusData(reportData.shuifenLevel.leftFace).title}</View> */}
+                <View className='bottom'></View>
+
               </View>
             </View>
             <View className='right_face moisture_block flex' style='{util.getStatusData(reportData.shuifenLevel.rightFace).bg}'>
               <Image className='moisture_img' src='/img/fr200/{util.getStatusData(reportData.shuifenLevel.rightFace).img}.png' mode='aspectFill'></Image>
               <View className='pos_info'>
                 <View className='top'>右脸颊</View>
-                <View className='bottom'>{util.getStatusData(reportData.shuifenLevel.rightFace).title}</View>
+                {/* <View className='bottom'>{this.getStatusData(reportData.shuifenLevel.rightFace).title}</View> */}
+                <View className='bottom'></View>
               </View>
             </View>
             <View className='example_box'>
@@ -213,4 +275,4 @@ const mapDispatchToProps = (dispatch) => ({
     dispatch(setMobile(value));
   },
 });
-export default connect(mapStateToProps, mapDispatchToProps)(Login);
+export default connect(mapStateToProps, mapDispatchToProps)(MoistureTestReport);