From 91becf3a69aad2f4c3d4d2453994f95b5975cf29 Mon Sep 17 00:00:00 2001
From: blak-kong <546598185@qq.com>
Date: Fri, 29 Mar 2024 17:56:58 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=B4=E6=97=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/calendar/controller/index.tsx  |  32 +-
 src/{img => moduleIOT}/m01/custom.png         | Bin
 src/{img => moduleIOT}/m01/electric.png       | Bin
 src/{img => moduleIOT}/m01/m01-avatar.png     | Bin
 src/{img => moduleIOT}/m01/selected.png       | Bin
 src/{img => moduleIOT}/m01/unselected.png     | Bin
 .../img/face-report/Head_lift_Pro.png         | Bin
 .../img/face-report/Mandibular_Pro.png        | Bin
 src/{ => recoding}/img/face-report/eye.png    | Bin
 src/{ => recoding}/img/face-report/face.png   | Bin
 .../img/face-report/nasolabial_Pro.png        | Bin
 .../pages/face_report_one/face_report_one.tsx | 328 ++++++++++--------
 12 files changed, 192 insertions(+), 168 deletions(-)
 rename src/{img => moduleIOT}/m01/custom.png (100%)
 rename src/{img => moduleIOT}/m01/electric.png (100%)
 rename src/{img => moduleIOT}/m01/m01-avatar.png (100%)
 rename src/{img => moduleIOT}/m01/selected.png (100%)
 rename src/{img => moduleIOT}/m01/unselected.png (100%)
 rename src/{ => recoding}/img/face-report/Head_lift_Pro.png (100%)
 rename src/{ => recoding}/img/face-report/Mandibular_Pro.png (100%)
 rename src/{ => recoding}/img/face-report/eye.png (100%)
 rename src/{ => recoding}/img/face-report/face.png (100%)
 rename src/{ => recoding}/img/face-report/nasolabial_Pro.png (100%)

diff --git a/src/components/calendar/controller/index.tsx b/src/components/calendar/controller/index.tsx
index b89783d..5d7f787 100644
--- a/src/components/calendar/controller/index.tsx
+++ b/src/components/calendar/controller/index.tsx
@@ -91,7 +91,7 @@ export default class AtCalendarController extends React.Component<any, any> {
 
     return (
       <Block>
-        <View className='at-calendar__controller controller flex-justify-sb'>
+        <View className="at-calendar__controller controller flex-justify-sb">
           {hideArrow ? null : (
             <View
               className={classnames(
@@ -103,9 +103,9 @@ export default class AtCalendarController extends React.Component<any, any> {
               onClick={this.props.onPreMonth.bind(this, isMinMonth)}
             />
           )}
-          <View className='calendar-top-date-btn'>
+          <View className="calendar-top-date-btn">
             <View
-              style='display: flex;align-items: center;'
+              style="display: flex;align-items: center;"
               onClick={this.openDate}
             >
               {/* <Text className="controller__info"></Text> */}
@@ -113,10 +113,10 @@ export default class AtCalendarController extends React.Component<any, any> {
               <Text style={{ fontSize: "32rpx", fontWeight: "600" }}>
                 {dayjsDate.format("YYYY.MM.DD")}
               </Text>
-              <View style='margin-left: 34rpx;'>
+              <View style="margin-left: 34rpx;">
                 <Image
                   src={require("../img/calendar.png")}
-                  style='width:28rpx;height:28rpx;'
+                  style="width:28rpx;height:28rpx;"
                 />
               </View>
             </View>
@@ -127,33 +127,33 @@ export default class AtCalendarController extends React.Component<any, any> {
 
         <Popup
           show={showDatePicker}
-          position='bottom'
+          position="bottom"
           // close-icon="/img/fr200/close.png"
           round
           onClick={this.onClickStop}
-          // onClose={this.onPopupClose}
+          onClose={this.onPopupClose}
         >
-          <View className='toolbar'>
-            <View className='toolbar_title'>
+          <View className="toolbar">
+            <View className="toolbar_title">
               <Text>选择日期</Text>
               <View
-                style='margin-left: 20rpx;color:#666;font-size: 34rpx'
-                className='at-icon at-icon-close popup-date-close'
+                style="margin-left: 20rpx;color:#666;font-size: 34rpx"
+                className="at-icon at-icon-close popup-date-close"
                 onClick={this.onPopupClose}
               ></View>
             </View>
-            <View className='select_box'>
-              <View className='text'>已选择日期</View>
-              <View className='date'>{currentDate}</View>
+            <View className="select_box">
+              <View className="text">已选择日期</View>
+              <View className="date">{currentDate}</View>
             </View>
           </View>
           <DatetimePicker
-            type='date'
+            type="date"
             value={curDate}
             maxDate={maxDate}
             onInput={_.throttle(this.onInput.bind(this), 500)}
           />
-          <View className='btn_confirm' onClick={this.onSelectDate}>
+          <View className="btn_confirm" onClick={this.onSelectDate}>
             确定
           </View>
         </Popup>
diff --git a/src/img/m01/custom.png b/src/moduleIOT/m01/custom.png
similarity index 100%
rename from src/img/m01/custom.png
rename to src/moduleIOT/m01/custom.png
diff --git a/src/img/m01/electric.png b/src/moduleIOT/m01/electric.png
similarity index 100%
rename from src/img/m01/electric.png
rename to src/moduleIOT/m01/electric.png
diff --git a/src/img/m01/m01-avatar.png b/src/moduleIOT/m01/m01-avatar.png
similarity index 100%
rename from src/img/m01/m01-avatar.png
rename to src/moduleIOT/m01/m01-avatar.png
diff --git a/src/img/m01/selected.png b/src/moduleIOT/m01/selected.png
similarity index 100%
rename from src/img/m01/selected.png
rename to src/moduleIOT/m01/selected.png
diff --git a/src/img/m01/unselected.png b/src/moduleIOT/m01/unselected.png
similarity index 100%
rename from src/img/m01/unselected.png
rename to src/moduleIOT/m01/unselected.png
diff --git a/src/img/face-report/Head_lift_Pro.png b/src/recoding/img/face-report/Head_lift_Pro.png
similarity index 100%
rename from src/img/face-report/Head_lift_Pro.png
rename to src/recoding/img/face-report/Head_lift_Pro.png
diff --git a/src/img/face-report/Mandibular_Pro.png b/src/recoding/img/face-report/Mandibular_Pro.png
similarity index 100%
rename from src/img/face-report/Mandibular_Pro.png
rename to src/recoding/img/face-report/Mandibular_Pro.png
diff --git a/src/img/face-report/eye.png b/src/recoding/img/face-report/eye.png
similarity index 100%
rename from src/img/face-report/eye.png
rename to src/recoding/img/face-report/eye.png
diff --git a/src/img/face-report/face.png b/src/recoding/img/face-report/face.png
similarity index 100%
rename from src/img/face-report/face.png
rename to src/recoding/img/face-report/face.png
diff --git a/src/img/face-report/nasolabial_Pro.png b/src/recoding/img/face-report/nasolabial_Pro.png
similarity index 100%
rename from src/img/face-report/nasolabial_Pro.png
rename to src/recoding/img/face-report/nasolabial_Pro.png
diff --git a/src/recoding/pages/face_report_one/face_report_one.tsx b/src/recoding/pages/face_report_one/face_report_one.tsx
index 7f8d8b6..9b4926d 100644
--- a/src/recoding/pages/face_report_one/face_report_one.tsx
+++ b/src/recoding/pages/face_report_one/face_report_one.tsx
@@ -1,11 +1,17 @@
 import Taro from "@tarojs/taro";
 import classnames from "classnames";
 import { Component, PropsWithChildren, useEffect, useState } from "react";
-import { Progress , Tab, Tabs, Dialog, Popup } from "@antmjs/vantui";
+import { Progress, Tab, Tabs, Dialog, Popup } from "@antmjs/vantui";
 import { showModal } from "@/utils/traoAPI";
 
 import {
-  Block, View, Text, Image, Input, Button, Textarea,
+  Block,
+  View,
+  Text,
+  Image,
+  Input,
+  Button,
+  Textarea,
 } from "@tarojs/components";
 import { date, getdates, previewImage } from "@/utils/util";
 
@@ -16,8 +22,7 @@ import { InstrumentInfo } from "@/utils/Interface";
 
 // 引入ecahrts图表
 // import EchartsForm from '@/moduleIOT/pages/iotCarePlan/components/Echart_face'
-import EchartsForm from '../../../moduleIOT/pages/iotCarePlan/components/Echart_face'
-
+import EchartsForm from "../../../moduleIOT/pages/iotCarePlan/components/Echart_face";
 
 /** 自定义组件 **/
 import "./face_report_one.less";
@@ -26,19 +31,19 @@ export default class Index extends Component<any, any> {
   constructor(props) {
     super(props);
     this.state = {
-      EchartsData:{},
+      EchartsData: {},
       reportShow: true,
       name: "template模板页",
       statistics: {},
       recordList: [],
-      modeImage: require("@/img/face-report/face.png"),
+      modeImage: require("../../img/face-report/face.png"),
       recordData: {
-        modeName: '基础班脸部',
-        filtered:111,
-        faceEnergy:222,
-        average:2222,
-        max:33,
-        min:7
+        modeName: "基础班脸部",
+        filtered: 111,
+        faceEnergy: 222,
+        average: 2222,
+        max: 33,
+        min: 7,
       },
       year: new Date().getFullYear(),
       show: false,
@@ -64,9 +69,9 @@ export default class Index extends Component<any, any> {
     };
   }
 
-  componentDidMount() { }
+  componentDidMount() {}
 
-  componentWillUnmount() { }
+  componentWillUnmount() {}
 
   // 打开/关闭弹窗
   setShow(show: boolean) {
@@ -74,14 +79,13 @@ export default class Index extends Component<any, any> {
   }
   // 查询用户护理记录的当月统计信息
   async getStatistics(id) {
-   
-    let ids = Number(id)
+    let ids = Number(id);
     let data = {};
     if (ids != null) {
       data["nursingId"] = ids;
     }
     let res = await InstrumentInfo.apiNursingLog.getStatisticsFace(data);
-    
+
     if (res.data.code === 200) {
       this.setState({ statistics: res.data.data });
     }
@@ -116,7 +120,9 @@ export default class Index extends Component<any, any> {
   // 文本框输入文字
   handleTextareaInput = (e) => {
     const punchInInfo = this.state.punchInInfo;
-    this.setState({ punchInInfo: { ...punchInInfo, clockContent: e.detail.value } });
+    this.setState({
+      punchInInfo: { ...punchInInfo, clockContent: e.detail.value },
+    });
   };
   async submit() {
     let punchInInfo = this.state.punchInInfo || {};
@@ -139,33 +145,29 @@ export default class Index extends Component<any, any> {
         t2: "您已完成今日打卡",
         btn1show: false,
       }).then(() => {
-        let data = new Date
-        Taro.setStorageSync('DayTime', data.toISOString())
+        let data = new Date();
+        Taro.setStorageSync("DayTime", data.toISOString());
         this.setState({
-          clockShow: true
-        })
+          clockShow: true,
+        });
         this.getClockStatistics();
         this.setShow(false);
-
       });
     });
   }
   /**分页获取用户的打卡记录 page size*/
   async getClockStatistics(year = this.state.year) {
     let res = await InstrumentInfo.apiClock.getClockStatistics({ year });
-    console.log(res, '查看返回', year);
+    console.log(res, "查看返回", year);
 
     if (res.data.code === 200) {
-
       res.data.data.reverse();
       if (res.data.data.length > 0) {
-       let clockStatistics = this.state.clockStatistics
-       clockStatistics=res.data.data
-       
-        
+        let clockStatistics = this.state.clockStatistics;
+        clockStatistics = res.data.data;
+
         this.setState({ clockStatistics });
-      } 
-      
+      }
     }
   }
   // 获取当月打卡记录
@@ -176,9 +178,7 @@ export default class Index extends Component<any, any> {
     };
     let res = await InstrumentInfo.apiClock.getList(data);
     if (res.data.code === 200) {
-   
       this.state.clockStatistics.map((item) => {
-       
         if (item.id === id) {
           item.detail = res.data.data;
           item.detail.map((obj) => {
@@ -225,23 +225,18 @@ export default class Index extends Component<any, any> {
     this.setState({ punchInInfo });
   }
   async getRouteId() {
-    let punchInInfo =this.state.punchInInfo
+    let punchInInfo = this.state.punchInInfo;
     const searchParams = new URLSearchParams(window.location.search);
     const id = searchParams.get("id");
     const recordId = searchParams.get("recordId");
     this.getStatistics(id);
     let res1 = await InstrumentInfo.apiClock.getLatestClockRecord();
-    punchInInfo.clockContent =res1.data.data.clockContent
-    punchInInfo.clockImageList =res1.data.data.clockImg
-   
-    
+    punchInInfo.clockContent = res1.data.data.clockContent;
+    punchInInfo.clockImageList = res1.data.data.clockImg;
+
     this.setState({ punchInInfo });
-    
-setTimeout(function() {
- 
-}, )
-   
-    
+
+    setTimeout(function () {});
   }
   getTime(time) {
     const hour = time.slice(0, 2);
@@ -254,198 +249,227 @@ setTimeout(function() {
       return minute + "分" + second + "秒";
     }
   }
-   onLoad(options) {
-    
-    let Bool = JSON.parse(options?.report)
+  onLoad(options) {
+    let Bool = JSON.parse(options?.report);
     if (!Bool) {
       this.setState({
-        reportShow: Bool
-      })
+        reportShow: Bool,
+      });
     }
-    this.init(options)
+    this.init(options);
     this.getRouteId();
-    this.getClockStatistics()
+    this.getClockStatistics();
   }
-  init(options){
+  init(options) {
+    let obj = JSON.parse(options.obj);
 
-    let obj =JSON.parse(options.obj)
+    let recordData = this.state.recordData;
+    let modeImage = this.state.modeImage;
 
-    let recordData =this.state.recordData
-    let modeImage =this.state.modeImage
-    
-    switch(obj.modeName) {
-      case '基础班脸部':
-        modeImage =require("@/img/face-report/face.png")
-          break;
-      case '基础版眼部':
-        modeImage =require("@/img/face-report/eye.png")
-          break;
-          case '法令纹Pro':
-        modeImage =require("@/img/face-report/nasolabial_Pro.png")
-          break;
-          case '下颌线Pro':
-        modeImage =require("@/img/face-report/Mandibular_Pro.png")
-          break;
-          case '抬头纹Pro':
-        modeImage =require("@/img/face-report/Head_lift_Pro.png")
-          break;
+    switch (obj.modeName) {
+      case "基础班脸部":
+        modeImage = require("../../img/face-report/face.png");
+        break;
+      case "基础版眼部":
+        modeImage = require("../../img/face-report/eye.png");
+        break;
+      case "法令纹Pro":
+        modeImage = require("../../img/face-report/nasolabial_Pro.png");
+        break;
+      case "下颌线Pro":
+        modeImage = require("../../img/face-report/Mandibular_Pro.png");
+        break;
+      case "抬头纹Pro":
+        modeImage = require("../../img/face-report/Head_lift_Pro.png");
+        break;
       default:
-           
-    } 
-     recordData ={
-      ...obj,
-      ...obj.data
     }
-    this.setState({recordData,modeImage,EchartsData:{...obj}})
+    recordData = {
+      ...obj,
+      ...obj.data,
+    };
+    this.setState({ recordData, modeImage, EchartsData: { ...obj } });
   }
-  componentDidShow() { }
+  componentDidShow() {}
 
-  componentDidHide() { }
+  componentDidHide() {}
 
-  async initData() { }
+  async initData() {}
 
   GoIndex = () => {
     Taro.switchTab({ url: "/pages/index/index" });
   };
 
   render() {
-    let { name, statistics, modeImage, recordData, show, clockStatistics, punchInInfo, monthTime, reportShow,EchartsData } = this.state;
+    let {
+      name,
+      statistics,
+      modeImage,
+      recordData,
+      show,
+      clockStatistics,
+      punchInInfo,
+      monthTime,
+      reportShow,
+      EchartsData,
+    } = this.state;
     return (
       <Block>
-        <Navbar isBack titleSlot='护理报告'></Navbar>
-        <View className='statistic m-x-30 flex aitems'>
-          <View className='statistic_item'>
-            <View className='statistic_title'>
+        <Navbar isBack titleSlot="护理报告"></Navbar>
+        <View className="statistic m-x-30 flex aitems">
+          <View className="statistic_item">
+            <View className="statistic_title">
               <text>{statistics.nursingNum}</text>
-              <text className='num'>天</text>
+              <text className="num">天</text>
             </View>
-            <View className='statistic_desc'>本月护理天数</View>
+            <View className="statistic_desc">本月护理天数</View>
           </View>
-          <View className='statistic_item'>
-            <View className='statistic_title'>{statistics.nursingTime}</View>
-            <View className='statistic_desc'>本月护理时间</View>
+          <View className="statistic_item">
+            <View className="statistic_title">{statistics.nursingTime}</View>
+            <View className="statistic_desc">本月护理时间</View>
           </View>
-        
         </View>
-        <View className='main m-x-30'>
-          <View className='products_item' style='border: none'>
-            <View className='products_middle flex'>
-              <View className='left'>
+        <View className="main m-x-30">
+          <View className="products_item" style="border: none">
+            <View className="products_middle flex">
+              <View className="left">
                 <Image
-                  className='cover'
+                  className="cover"
                   src={modeImage}
-                  mode='aspectFill'
+                  mode="aspectFill"
                 ></Image>
-                <View className='face_type'>{recordData.modeName}</View>
+                <View className="face_type">{recordData.modeName}</View>
               </View>
-              <View className='content'>
-                <View className='content_top'>
-
-                  <View className='desc_box'>
-                    <View className='desc'>能量发数{recordData.modeName === '下颌线Pro'?<View className="itemStyel">[1]</View>:null}&nbsp;&nbsp;：{recordData.filtered}发</View>
-                    <View className='desc'>
-                      脸部能量{recordData.modeName === '下颌线Pro'?<View className="itemStyel">[2]</View>:null}&nbsp;&nbsp;：≈{recordData.faceEnergy}焦耳
+              <View className="content">
+                <View className="content_top">
+                  <View className="desc_box">
+                    <View className="desc">
+                      能量发数
+                      {recordData.modeName === "下颌线Pro" ? (
+                        <View className="itemStyel">[1]</View>
+                      ) : null}
+                      &nbsp;&nbsp;：{recordData.filtered}发
                     </View>
-                    <View className='desc'>
-                      平均能量等级&nbsp;&nbsp;<View className="itemStyelone">[3]</View>：{recordData.average}
+                    <View className="desc">
+                      脸部能量
+                      {recordData.modeName === "下颌线Pro" ? (
+                        <View className="itemStyel">[2]</View>
+                      ) : null}
+                      &nbsp;&nbsp;：≈{recordData.faceEnergy}焦耳
                     </View>
-                    <View className='desc'>
-                      最大等级&nbsp;&nbsp;<View className="itemStyel">[4]</View>：{recordData.max}级 最小等级&nbsp;&nbsp;<View className="itemStyeltwo">[5]</View>：{recordData.min}级
+                    <View className="desc">
+                      平均能量等级&nbsp;&nbsp;
+                      <View className="itemStyelone">[3]</View>：
+                      {recordData.average}
+                    </View>
+                    <View className="desc">
+                      最大等级&nbsp;&nbsp;<View className="itemStyel">[4]</View>
+                      ：{recordData.max}级 最小等级&nbsp;&nbsp;
+                      <View className="itemStyeltwo">[5]</View>：
+                      {recordData.min}级
                     </View>
                   </View>
                 </View>
-
               </View>
             </View>
           </View>
-          <View className='main_title'>能量等级图谱-{recordData.modeName}</View>
-          <View className='eacharts'>
-          <EchartsForm EchartsData={EchartsData}></EchartsForm>
-        
+          <View className="main_title">能量等级图谱-{recordData.modeName}</View>
+          <View className="eacharts">
+            <EchartsForm EchartsData={EchartsData}></EchartsForm>
           </View>
-
         </View>
-        <View className='bottom-title'>
-          <View className='text-title'>[1] 能量发数:指小程序每秒以1发能量呈现,当次使用仪器所呈现的能量总数量。“1发”指仪器1秒内仪器持续输出的平均能量。
+        <View className="bottom-title">
+          <View className="text-title">
+            [1]
+            能量发数:指小程序每秒以1发能量呈现,当次使用仪器所呈现的能量总数量。“1发”指仪器1秒内仪器持续输出的平均能量。
+          </View>
+          <View className="text-title">
+            [2]能量总值:
+            指单次使用时长、仪器每秒输出的实际能量综合计算的能量总值
+          </View>
+          <View className="text-title">
+            [3]平均能量等级:指单次使用时长，根据花至精准能量算法根据不同皮肤所输出的平均能量等级。
+            <br />
+          </View>
+          <View className="text-title">
+            [4]最大能量:指根据花至精准能量算法根据不同皮肤所输出的能量最高等级
+            <br />
+          </View>
+          <View className="text-title">
+            [5]最小能量:指根据花至精准能量算法根据不同皮肤所输出的能量最低等级。
           </View>
-          <View className='text-title'>[2]能量总值: 指单次使用时长、仪器每秒输出的实际能量综合计算的能量总值</View>
-          <View className='text-title'>[3]平均能量等级:指单次使用时长，根据花至精准能量算法根据不同皮肤所输出的平均能量等级。<br /></View>
-          <View className='text-title'>[4]最大能量:指根据花至精准能量算法根据不同皮肤所输出的能量最高等级<br /></View>
-          <View className='text-title'>
-            [5]最小能量:指根据花至精准能量算法根据不同皮肤所输出的能量最低等级。</View>
         </View>
 
         {reportShow ? (
-          <View className='footer flex aitems'>
-            <View className='btn' onClick={this.setShow.bind(this, true)}>前往打卡</View>
-            <View className='text flex aitems'>
+          <View className="footer flex aitems">
+            <View className="btn" onClick={this.setShow.bind(this, true)}>
+              前往打卡
+            </View>
+            <View className="text flex aitems">
               <View onClick={this.GoIndex}>跳过</View>
-              <Image
-                src={require("@/img/right.png")}
-                mode='aspectFill'
-              ></Image>
+              <Image src={require("@/img/right.png")} mode="aspectFill"></Image>
             </View>
           </View>
         ) : null}
         <Popup show={show} onClose={() => this.setState({ show: false })}>
-          <View className='popBox'>
+          <View className="popBox">
             <Image
-              className='close_icon'
+              className="close_icon"
               src={require("@/img/close.png")}
-              mode='widthFix'
+              mode="widthFix"
               onClick={this.setShow.bind(this, false)}
             ></Image>
-            <View className='popTitle'>今日打卡</View>
-            <View className='popSubtitle'>
+            <View className="popTitle">今日打卡</View>
+            <View className="popSubtitle">
               本月您已打卡
-              <View className='bold'>{clockStatistics[0]?.clockNum}</View>{" "}
+              <View className="bold">{clockStatistics[0]?.clockNum}</View>{" "}
               天，超越
-              <View className='bold'>
+              <View className="bold">
                 {(clockStatistics[0]?.percentage * 100).toFixed(1)}%
               </View>
               花至用户
             </View>
-            <View className='img_box'>
+            <View className="img_box">
               {punchInInfo.clockImageList.map((item, index) => (
-                <View key={item} className='img'>
-                  <Image className='showImg' src={item} mode='widthFix'></Image>
+                <View key={item} className="img">
+                  <Image className="showImg" src={item} mode="widthFix"></Image>
                   <Image
-                    className='closeImg'
+                    className="closeImg"
                     src={require("@/img/close1.png")}
-                    mode='widthFix'
+                    mode="widthFix"
                     onClick={this.delImg.bind(this, index)}
                   ></Image>
                 </View>
               ))}
               {punchInInfo.clockImageList.length < 3 && (
                 <View
-                  className='addBox'
+                  className="addBox"
                   onClick={this.handleChooseImage.bind(this)}
                 >
                   <Image
-                    className='showImg'
+                    className="showImg"
                     src={require("@/img/clock_in_upload/add-image.png")}
-                    mode='widthFix'
+                    mode="widthFix"
                   ></Image>
                 </View>
               )}
             </View>
-            <View className='info4'>
-              <View className='content'>
+            <View className="info4">
+              <View className="content">
                 <Textarea
-                  placeholderStyle='color: #ccc; font-size: 26rpx;font-weight: 400;font-family: PingFang SC;'
-                  placeholder='请记录一下今天的护理心得吧'
+                  placeholderStyle="color: #ccc; font-size: 26rpx;font-weight: 400;font-family: PingFang SC;"
+                  placeholder="请记录一下今天的护理心得吧"
                   maxlength={120}
                   onInput={this.handleTextareaInput.bind(this)}
                   value={punchInInfo.clockContent}
                 ></Textarea>
               </View>
-              <View className='tip'>
+              <View className="tip">
                 {"（" + (punchInInfo.clockContent.length || 0) + "/120）"}
               </View>
             </View>
-            <View className='popbtnbox flex aitems jcenter'>
-              <View className='btn1' onClick={this.submit.bind(this)}>
+            <View className="popbtnbox flex aitems jcenter">
+              <View className="btn1" onClick={this.submit.bind(this)}>
                 确认提交
               </View>
             </View>