|
|
|
|
@ -191,84 +191,84 @@ class MoistureTestReport extends Component<any, any> {
|
|
|
|
|
};
|
|
|
|
|
return (
|
|
|
|
|
<Block>
|
|
|
|
|
<Navbar isBack titleSlot="水分测试报告"></Navbar>
|
|
|
|
|
<View className="moisture_test_report">
|
|
|
|
|
<View className="time">{reportData.curDate}</View>
|
|
|
|
|
<View className="report_data">
|
|
|
|
|
<Navbar isBack titleSlot='水分测试报告'></Navbar>
|
|
|
|
|
<View className='moisture_test_report'>
|
|
|
|
|
<View className='time'>{reportData.curDate}</View>
|
|
|
|
|
<View className='report_data'>
|
|
|
|
|
<View
|
|
|
|
|
className="forehead moisture_block flex"
|
|
|
|
|
className='forehead moisture_block flex'
|
|
|
|
|
style={getStatusData(reportData.shuifenLevel.head)!.bg}
|
|
|
|
|
>
|
|
|
|
|
<Image
|
|
|
|
|
className="moisture_img"
|
|
|
|
|
className='moisture_img'
|
|
|
|
|
src={require(`@/img/fr200/${
|
|
|
|
|
getStatusData(reportData.shuifenLevel.head)!.img
|
|
|
|
|
}.png`)}
|
|
|
|
|
mode="aspectFill"
|
|
|
|
|
mode='aspectFill'
|
|
|
|
|
></Image>
|
|
|
|
|
<View className="pos_info">
|
|
|
|
|
<View className="top">额头</View>
|
|
|
|
|
<View className="bottom">
|
|
|
|
|
<View className='pos_info'>
|
|
|
|
|
<View className='top'>额头</View>
|
|
|
|
|
<View className='bottom'>
|
|
|
|
|
{getStatusData(reportData.shuifenLevel.head)!.title}
|
|
|
|
|
</View>
|
|
|
|
|
<View className="bottom"></View>
|
|
|
|
|
<View className='bottom'></View>
|
|
|
|
|
</View>
|
|
|
|
|
</View>
|
|
|
|
|
<View
|
|
|
|
|
className="left_face moisture_block flex"
|
|
|
|
|
className='left_face moisture_block flex'
|
|
|
|
|
style={getStatusData(reportData.shuifenLevel.leftFace)!.bg}
|
|
|
|
|
>
|
|
|
|
|
<Image
|
|
|
|
|
className="moisture_img"
|
|
|
|
|
className='moisture_img'
|
|
|
|
|
src={require(`@/img/fr200/${
|
|
|
|
|
getStatusData(reportData.shuifenLevel.leftFace)!.img
|
|
|
|
|
}.png`)}
|
|
|
|
|
mode="aspectFill"
|
|
|
|
|
mode='aspectFill'
|
|
|
|
|
></Image>
|
|
|
|
|
<View className="pos_info">
|
|
|
|
|
<View className="top">左脸颊</View>
|
|
|
|
|
<View className="bottom">
|
|
|
|
|
<View className='pos_info'>
|
|
|
|
|
<View className='top'>左脸颊</View>
|
|
|
|
|
<View className='bottom'>
|
|
|
|
|
{getStatusData(reportData.shuifenLevel.leftFace)!.title}
|
|
|
|
|
</View>
|
|
|
|
|
<View className="bottom"></View>
|
|
|
|
|
<View className='bottom'></View>
|
|
|
|
|
</View>
|
|
|
|
|
</View>
|
|
|
|
|
<View
|
|
|
|
|
className="right_face moisture_block flex"
|
|
|
|
|
className='right_face moisture_block flex'
|
|
|
|
|
style={getStatusData(reportData.shuifenLevel.rightFace)!.bg}
|
|
|
|
|
>
|
|
|
|
|
<Image
|
|
|
|
|
className="moisture_img"
|
|
|
|
|
className='moisture_img'
|
|
|
|
|
src={require(`@/img/fr200/${
|
|
|
|
|
getStatusData(reportData.shuifenLevel.rightFace)!.img
|
|
|
|
|
}.png`)}
|
|
|
|
|
mode="aspectFill"
|
|
|
|
|
mode='aspectFill'
|
|
|
|
|
></Image>
|
|
|
|
|
<View className="pos_info">
|
|
|
|
|
<View className="top">右脸颊</View>
|
|
|
|
|
<View className="bottom">
|
|
|
|
|
<View className='pos_info'>
|
|
|
|
|
<View className='top'>右脸颊</View>
|
|
|
|
|
<View className='bottom'>
|
|
|
|
|
{getStatusData(reportData.shuifenLevel.rightFace)!.title}
|
|
|
|
|
</View>
|
|
|
|
|
<View className="bottom"></View>
|
|
|
|
|
<View className='bottom'></View>
|
|
|
|
|
</View>
|
|
|
|
|
</View>
|
|
|
|
|
<View className="example_box">
|
|
|
|
|
<View className='example_box'>
|
|
|
|
|
<Image
|
|
|
|
|
className="banner_img"
|
|
|
|
|
src="@/img/fr200/shuifen.png"
|
|
|
|
|
mode="aspectFill"
|
|
|
|
|
className='banner_img'
|
|
|
|
|
src='@/img/fr200/shuifen.png'
|
|
|
|
|
mode='aspectFill'
|
|
|
|
|
></Image>
|
|
|
|
|
<View className="line1"></View>
|
|
|
|
|
<View className="line2"></View>
|
|
|
|
|
<View className="line3"></View>
|
|
|
|
|
<View className='line1'></View>
|
|
|
|
|
<View className='line2'></View>
|
|
|
|
|
<View className='line3'></View>
|
|
|
|
|
</View>
|
|
|
|
|
<View className="moisture_level_info">
|
|
|
|
|
<View className="level_info">
|
|
|
|
|
<View className="items flex aitems">
|
|
|
|
|
<View className="pos_name">额头</View>
|
|
|
|
|
<View className="progress">
|
|
|
|
|
<View className='moisture_level_info'>
|
|
|
|
|
<View className='level_info'>
|
|
|
|
|
<View className='items flex aitems'>
|
|
|
|
|
<View className='pos_name'>额头</View>
|
|
|
|
|
<View className='progress'>
|
|
|
|
|
<View
|
|
|
|
|
className="progress_width"
|
|
|
|
|
className='progress_width'
|
|
|
|
|
style={{
|
|
|
|
|
width: `${reportData.shuifenLevel.head * 10}%`,
|
|
|
|
|
backgroundColor: getStatusData(
|
|
|
|
|
@ -278,15 +278,15 @@ class MoistureTestReport extends Component<any, any> {
|
|
|
|
|
></View>
|
|
|
|
|
{/* style='{width: {reportData.shuifenLevel.head * 10}%;{util.getStatusData(reportData.shuifenLevel.head).progressBg}}' */}
|
|
|
|
|
</View>
|
|
|
|
|
<View className="level">
|
|
|
|
|
<View className='level'>
|
|
|
|
|
{reportData.shuifenLevel.head}级
|
|
|
|
|
</View>
|
|
|
|
|
</View>
|
|
|
|
|
<View className="items flex aitems">
|
|
|
|
|
<View className="pos_name">左脸颊</View>
|
|
|
|
|
<View className="progress">
|
|
|
|
|
<View className='items flex aitems'>
|
|
|
|
|
<View className='pos_name'>左脸颊</View>
|
|
|
|
|
<View className='progress'>
|
|
|
|
|
<View
|
|
|
|
|
className="progress_width left_face_progress"
|
|
|
|
|
className='progress_width left_face_progress'
|
|
|
|
|
style={{
|
|
|
|
|
width: `${reportData.shuifenLevel.leftFace * 10}%`,
|
|
|
|
|
backgroundColor: getStatusData(
|
|
|
|
|
@ -295,15 +295,15 @@ class MoistureTestReport extends Component<any, any> {
|
|
|
|
|
}}
|
|
|
|
|
></View>
|
|
|
|
|
</View>
|
|
|
|
|
<View className="level">
|
|
|
|
|
<View className='level'>
|
|
|
|
|
{reportData.shuifenLevel.leftFace}级
|
|
|
|
|
</View>
|
|
|
|
|
</View>
|
|
|
|
|
<View className="items flex aitems">
|
|
|
|
|
<View className="pos_name">右脸颊</View>
|
|
|
|
|
<View className="progress">
|
|
|
|
|
<View className='items flex aitems'>
|
|
|
|
|
<View className='pos_name'>右脸颊</View>
|
|
|
|
|
<View className='progress'>
|
|
|
|
|
<View
|
|
|
|
|
className="progress_width right_face_progress"
|
|
|
|
|
className='progress_width right_face_progress'
|
|
|
|
|
style={{
|
|
|
|
|
width: `${reportData.shuifenLevel.rightFace * 10}%`,
|
|
|
|
|
backgroundColor: getStatusData(
|
|
|
|
|
@ -312,120 +312,120 @@ class MoistureTestReport extends Component<any, any> {
|
|
|
|
|
}}
|
|
|
|
|
></View>
|
|
|
|
|
</View>
|
|
|
|
|
<View className="level">
|
|
|
|
|
<View className='level'>
|
|
|
|
|
{reportData.shuifenLevel.rightFace}级
|
|
|
|
|
</View>
|
|
|
|
|
</View>
|
|
|
|
|
</View>
|
|
|
|
|
<View className="moisture_level">
|
|
|
|
|
<View className="level_txt flex aitems jcenter">
|
|
|
|
|
<View className="circle normal"></View>
|
|
|
|
|
<View className="txt">水分等级</View>
|
|
|
|
|
<View className='moisture_level'>
|
|
|
|
|
<View className='level_txt flex aitems jcenter'>
|
|
|
|
|
<View className='circle normal'></View>
|
|
|
|
|
<View className='txt'>水分等级</View>
|
|
|
|
|
</View>
|
|
|
|
|
<View className="level_list flex">
|
|
|
|
|
<View className="items flex aitems">
|
|
|
|
|
<View className="circle serious"></View>
|
|
|
|
|
<View className="txt">严重缺水:1-2级</View>
|
|
|
|
|
<View className='level_list flex'>
|
|
|
|
|
<View className='items flex aitems'>
|
|
|
|
|
<View className='circle serious'></View>
|
|
|
|
|
<View className='txt'>严重缺水:1-2级</View>
|
|
|
|
|
</View>
|
|
|
|
|
<View className="items flex aitems">
|
|
|
|
|
<View className="circle moderate"></View>
|
|
|
|
|
<View className="txt">中度缺水:3-4级</View>
|
|
|
|
|
<View className='items flex aitems'>
|
|
|
|
|
<View className='circle moderate'></View>
|
|
|
|
|
<View className='txt'>中度缺水:3-4级</View>
|
|
|
|
|
</View>
|
|
|
|
|
<View className="items flex aitems">
|
|
|
|
|
<View className="circle slight"></View>
|
|
|
|
|
<View className="txt">轻微缺水:5-6级</View>
|
|
|
|
|
<View className='items flex aitems'>
|
|
|
|
|
<View className='circle slight'></View>
|
|
|
|
|
<View className='txt'>轻微缺水:5-6级</View>
|
|
|
|
|
</View>
|
|
|
|
|
<View className="items flex aitems">
|
|
|
|
|
<View className="circle normal"></View>
|
|
|
|
|
<View className="txt">水分正常:7-8级</View>
|
|
|
|
|
<View className='items flex aitems'>
|
|
|
|
|
<View className='circle normal'></View>
|
|
|
|
|
<View className='txt'>水分正常:7-8级</View>
|
|
|
|
|
</View>
|
|
|
|
|
<View className="items flex aitems">
|
|
|
|
|
<View className="circle sufficient"></View>
|
|
|
|
|
<View className="txt">水分充足:9-10级</View>
|
|
|
|
|
<View className='items flex aitems'>
|
|
|
|
|
<View className='circle sufficient'></View>
|
|
|
|
|
<View className='txt'>水分充足:9-10级</View>
|
|
|
|
|
</View>
|
|
|
|
|
</View>
|
|
|
|
|
<View className="pour">
|
|
|
|
|
<View className='pour'>
|
|
|
|
|
注:各水分等级依据测量得出肌肤含水量划分
|
|
|
|
|
</View>
|
|
|
|
|
</View>
|
|
|
|
|
</View>
|
|
|
|
|
</View>
|
|
|
|
|
</View>
|
|
|
|
|
<View className="report_chart">
|
|
|
|
|
<View className="chart_title common_title">肌肤整体水分测试报告</View>
|
|
|
|
|
<View className="container">
|
|
|
|
|
<View className='report_chart'>
|
|
|
|
|
<View className='chart_title common_title'>肌肤整体水分测试报告</View>
|
|
|
|
|
<View className='container'>
|
|
|
|
|
<Echarts echartsData={echartsData}></Echarts>
|
|
|
|
|
</View>
|
|
|
|
|
</View>
|
|
|
|
|
|
|
|
|
|
<View className="gear_recommend">
|
|
|
|
|
<View className="gear_header flex aitems sb">
|
|
|
|
|
<View className="gear_title common_title">促渗档位推荐</View>
|
|
|
|
|
{reportShow ? <View className="gear_btn">前往护理</View> : null}
|
|
|
|
|
<View className='gear_recommend'>
|
|
|
|
|
<View className='gear_header flex aitems sb'>
|
|
|
|
|
<View className='gear_title common_title'>促渗档位推荐</View>
|
|
|
|
|
{reportShow ? <View className='gear_btn'>前往护理</View> : null}
|
|
|
|
|
</View>
|
|
|
|
|
<View className="gear_content flex aitems sb">
|
|
|
|
|
<View className="left_content">
|
|
|
|
|
<View className='gear_content flex aitems sb'>
|
|
|
|
|
<View className='left_content'>
|
|
|
|
|
<Image
|
|
|
|
|
className="banner_img"
|
|
|
|
|
src="@/img/fr200/mian-mo.png"
|
|
|
|
|
mode="aspectFill"
|
|
|
|
|
className='banner_img'
|
|
|
|
|
src='@/img/fr200/mian-mo.png'
|
|
|
|
|
mode='aspectFill'
|
|
|
|
|
></Image>
|
|
|
|
|
<View className="type">面膜促渗</View>
|
|
|
|
|
<View className='type'>面膜促渗</View>
|
|
|
|
|
</View>
|
|
|
|
|
</View>
|
|
|
|
|
|
|
|
|
|
<View className="gear_recommend">
|
|
|
|
|
<View className="gear_header flex aitems sb">
|
|
|
|
|
<View className="gear_title common_title">促渗档位推荐</View>
|
|
|
|
|
<View className="gear_btn">前往护理</View>
|
|
|
|
|
<View className='gear_recommend'>
|
|
|
|
|
<View className='gear_header flex aitems sb'>
|
|
|
|
|
<View className='gear_title common_title'>促渗档位推荐</View>
|
|
|
|
|
<View className='gear_btn'>前往护理</View>
|
|
|
|
|
</View>
|
|
|
|
|
<View className="gear_content flex aitems sb">
|
|
|
|
|
<View className="left_content">
|
|
|
|
|
<View className='gear_content flex aitems sb'>
|
|
|
|
|
<View className='left_content'>
|
|
|
|
|
<Image
|
|
|
|
|
className="banner_img"
|
|
|
|
|
src="@/img/fr200/mian-mo.png"
|
|
|
|
|
mode="aspectFill"
|
|
|
|
|
className='banner_img'
|
|
|
|
|
src='@/img/fr200/mian-mo.png'
|
|
|
|
|
mode='aspectFill'
|
|
|
|
|
></Image>
|
|
|
|
|
<View className="type">面膜促渗</View>
|
|
|
|
|
<View className='type'>面膜促渗</View>
|
|
|
|
|
</View>
|
|
|
|
|
<View className="right_content flex aitems">
|
|
|
|
|
<View className="gear_list flex aitems sa">
|
|
|
|
|
<View className="items flex aitems jcenter">
|
|
|
|
|
<View className='right_content flex aitems'>
|
|
|
|
|
<View className='gear_list flex aitems sa'>
|
|
|
|
|
<View className='items flex aitems jcenter'>
|
|
|
|
|
<Image
|
|
|
|
|
className="gear_img"
|
|
|
|
|
className='gear_img'
|
|
|
|
|
src={require(`@/img/fr200/${
|
|
|
|
|
getStatusData(reportData.shuifenLevel.head)!.gear
|
|
|
|
|
}.png`)}
|
|
|
|
|
mode="aspectFill"
|
|
|
|
|
mode='aspectFill'
|
|
|
|
|
></Image>
|
|
|
|
|
<View className="name">额头</View>
|
|
|
|
|
<View className="level">
|
|
|
|
|
<View className='name'>额头</View>
|
|
|
|
|
<View className='level'>
|
|
|
|
|
{reportData.shuifenGear.head}档
|
|
|
|
|
</View>
|
|
|
|
|
</View>
|
|
|
|
|
<View className="items flex aitems jcenter">
|
|
|
|
|
<View className='items flex aitems jcenter'>
|
|
|
|
|
<Image
|
|
|
|
|
className="gear_img"
|
|
|
|
|
className='gear_img'
|
|
|
|
|
src={require(`@/img/fr200/${
|
|
|
|
|
getStatusData(reportData.shuifenLevel.leftFace)!.gear
|
|
|
|
|
}.png`)}
|
|
|
|
|
mode="aspectFill"
|
|
|
|
|
mode='aspectFill'
|
|
|
|
|
></Image>
|
|
|
|
|
<View className="name">左脸颊</View>
|
|
|
|
|
<View className="level">
|
|
|
|
|
<View className='name'>左脸颊</View>
|
|
|
|
|
<View className='level'>
|
|
|
|
|
{reportData.shuifenGear.leftFace}档
|
|
|
|
|
</View>
|
|
|
|
|
</View>
|
|
|
|
|
<View className="items flex aitems jcenter">
|
|
|
|
|
<View className='items flex aitems jcenter'>
|
|
|
|
|
<Image
|
|
|
|
|
className="gear_img"
|
|
|
|
|
className='gear_img'
|
|
|
|
|
src={require(`@/img/fr200/${
|
|
|
|
|
getStatusData(reportData.shuifenLevel.rightFace)!.gear
|
|
|
|
|
}.png`)}
|
|
|
|
|
mode="aspectFill"
|
|
|
|
|
mode='aspectFill'
|
|
|
|
|
></Image>
|
|
|
|
|
<View className="name">右脸颊</View>
|
|
|
|
|
<View className="level">
|
|
|
|
|
<View className='name'>右脸颊</View>
|
|
|
|
|
<View className='level'>
|
|
|
|
|
{reportData.shuifenGear.rightFace}档
|
|
|
|
|
</View>
|
|
|
|
|
</View>
|
|
|
|
|
@ -436,13 +436,13 @@ class MoistureTestReport extends Component<any, any> {
|
|
|
|
|
</View>
|
|
|
|
|
|
|
|
|
|
{reportShow ? (
|
|
|
|
|
<View className="go_clock_in flex sb aitems">
|
|
|
|
|
<View className="go_clock_btn" onClick={this.toNursing.bind(this)}>
|
|
|
|
|
<View className='go_clock_in flex sb aitems'>
|
|
|
|
|
<View className='go_clock_btn' onClick={this.toNursing.bind(this)}>
|
|
|
|
|
继续护理
|
|
|
|
|
</View>
|
|
|
|
|
<View className="jump_box flex aitems" onClick={this.toIndex}>
|
|
|
|
|
<View className="txt">主页</View>
|
|
|
|
|
<Image src="@/img/fr200/right.png" mode="aspectFill"></Image>
|
|
|
|
|
<View className='jump_box flex aitems' onClick={this.toIndex}>
|
|
|
|
|
<View className='txt'>主页</View>
|
|
|
|
|
<Image src='@/img/fr200/right.png' mode='aspectFill'></Image>
|
|
|
|
|
</View>
|
|
|
|
|
</View>
|
|
|
|
|
) : null}
|
|
|
|
|
|