|
|
|
|
@ -6,12 +6,10 @@ import { Popup, Progress, Slider } from "@antmjs/vantui";
|
|
|
|
|
import "./index.less";
|
|
|
|
|
|
|
|
|
|
interface Props {
|
|
|
|
|
Electricity: any;
|
|
|
|
|
matrixElectricity: any;
|
|
|
|
|
facialMaskConnectStatus: any;
|
|
|
|
|
isRuningTest: boolean; // 是否已开始水分测试
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function Index() {
|
|
|
|
|
function Index(isRuningTest) {
|
|
|
|
|
const stepIndex = 0;
|
|
|
|
|
const testIndex = 1;
|
|
|
|
|
|
|
|
|
|
@ -33,53 +31,56 @@ function Index() {
|
|
|
|
|
},
|
|
|
|
|
];
|
|
|
|
|
return (
|
|
|
|
|
<Block>
|
|
|
|
|
<View>
|
|
|
|
|
<View className='water_test'>
|
|
|
|
|
<View className='test_step flex aitems sb'>
|
|
|
|
|
<Block>
|
|
|
|
|
<View>
|
|
|
|
|
{!isRuningTest && (
|
|
|
|
|
<View className="water_test">
|
|
|
|
|
<View className="test_step flex aitems sb">
|
|
|
|
|
{stepList.map((item, index) => {
|
|
|
|
|
return (
|
|
|
|
|
<View className='step_block flex aitems' key={index}>
|
|
|
|
|
<View className='step_top flex aitems'>
|
|
|
|
|
<View className='drop'></View>
|
|
|
|
|
<View className='step_num'>{item.value}</View>
|
|
|
|
|
{index != 2 && <View className='line'></View>}
|
|
|
|
|
<View className="step_block flex aitems" key={index}>
|
|
|
|
|
<View className="step_top flex aitems">
|
|
|
|
|
<View className="drop"></View>
|
|
|
|
|
<View className="step_num">{item.value}</View>
|
|
|
|
|
{index != 2 && <View className="line"></View>}
|
|
|
|
|
</View>
|
|
|
|
|
<View className='step_name'>{item.name}</View>
|
|
|
|
|
<View className="step_name">{item.name}</View>
|
|
|
|
|
</View>
|
|
|
|
|
);
|
|
|
|
|
})}
|
|
|
|
|
</View>
|
|
|
|
|
<View className='test_txt'>
|
|
|
|
|
<View className="test_txt">
|
|
|
|
|
通过小紫弹的水分测试功能,对脸部的额头、左脸颊、右脸颊三个区域进行水分检测,并定制适合您的促渗档位方案
|
|
|
|
|
</View>
|
|
|
|
|
</View>
|
|
|
|
|
)}
|
|
|
|
|
|
|
|
|
|
<View className='testing'>
|
|
|
|
|
<View className='testing_header flex aitems'>
|
|
|
|
|
{isRuningTest && (
|
|
|
|
|
<View className="testing">
|
|
|
|
|
<View className="testing_header flex aitems">
|
|
|
|
|
{stepList.map((item, index) => {
|
|
|
|
|
return (
|
|
|
|
|
<View
|
|
|
|
|
className='items flex aitems jcenter'
|
|
|
|
|
className="items flex aitems jcenter"
|
|
|
|
|
key={index}
|
|
|
|
|
style={stepIndex == index ? "background: #fff" : ""}
|
|
|
|
|
>
|
|
|
|
|
{stepIndex > index && (
|
|
|
|
|
<Image
|
|
|
|
|
className='finish_img'
|
|
|
|
|
className="finish_img"
|
|
|
|
|
src={require("@/img/full-scran.png")}
|
|
|
|
|
mode='aspectFill'
|
|
|
|
|
mode="aspectFill"
|
|
|
|
|
></Image>
|
|
|
|
|
)}
|
|
|
|
|
<View className='value'>{item.value}</View>
|
|
|
|
|
<View className='name'>{item.name}</View>
|
|
|
|
|
<View className="value">{item.value}</View>
|
|
|
|
|
<View className="name">{item.name}</View>
|
|
|
|
|
</View>
|
|
|
|
|
);
|
|
|
|
|
})}
|
|
|
|
|
</View>
|
|
|
|
|
<View className='testing_content'>
|
|
|
|
|
<View className='progress_box flex aitems'>
|
|
|
|
|
<View className='title'>
|
|
|
|
|
<View className="testing_content">
|
|
|
|
|
<View className="progress_box flex aitems">
|
|
|
|
|
<View className="title">
|
|
|
|
|
{stepList[stepIndex].name + "水分测试"}
|
|
|
|
|
</View>
|
|
|
|
|
{/* <view class='progress_block flex aitems'> */}
|
|
|
|
|
@ -87,22 +88,22 @@ function Index() {
|
|
|
|
|
style={{
|
|
|
|
|
width: "300rpx",
|
|
|
|
|
}}
|
|
|
|
|
percentage='80'
|
|
|
|
|
strokeWidth='14'
|
|
|
|
|
percentage="80"
|
|
|
|
|
strokeWidth="14"
|
|
|
|
|
showPivot={false}
|
|
|
|
|
color='#C2E5F3'
|
|
|
|
|
color="#C2E5F3"
|
|
|
|
|
></Progress>
|
|
|
|
|
{stepList[stepIndex].finish && 80 >= 99 ? (
|
|
|
|
|
<Image
|
|
|
|
|
className='finish_img'
|
|
|
|
|
className="finish_img"
|
|
|
|
|
src={require("@/img/finished.png")}
|
|
|
|
|
mode='aspectFill'
|
|
|
|
|
mode="aspectFill"
|
|
|
|
|
></Image>
|
|
|
|
|
) : (
|
|
|
|
|
<Image
|
|
|
|
|
className='finish_img'
|
|
|
|
|
className="finish_img"
|
|
|
|
|
src={require("@/img/no-finish.png")}
|
|
|
|
|
mode='aspectFill'
|
|
|
|
|
mode="aspectFill"
|
|
|
|
|
></Image>
|
|
|
|
|
)}
|
|
|
|
|
{/* </view> */}
|
|
|
|
|
@ -110,7 +111,7 @@ function Index() {
|
|
|
|
|
{/* <view class='tips' wx:if='{{!finish}}'> */}
|
|
|
|
|
{/* 请参考视频指引,将仪器紧贴<text style='color: #000000'>额头区域</text> */}
|
|
|
|
|
{/* </view> */}
|
|
|
|
|
<View className='tips flex sb'>
|
|
|
|
|
<View className="tips flex sb">
|
|
|
|
|
<View>
|
|
|
|
|
请参考视频指引,将仪器紧贴
|
|
|
|
|
{(testIndex == 1 || testIndex == 2 || testIndex == 4) && (
|
|
|
|
|
@ -129,10 +130,9 @@ function Index() {
|
|
|
|
|
</View>
|
|
|
|
|
</View>
|
|
|
|
|
</View>
|
|
|
|
|
</View>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</Block>
|
|
|
|
|
)}
|
|
|
|
|
</View>
|
|
|
|
|
</Block>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|