314637581
/
flossom-miniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

.

Browse Source
master
blak-kong 2 years ago
parent 39ebb02d60 557fb4226c
commit c4997697c9
4 changed files with 156 additions and 125 deletions
Show Stats Download Patch File Download Diff File

32
src/moduleIOT/pages/iotCarePlan/FR200.tsx
Unescape Escape View File

@ -231,6 +231,10 @@ class IotCarePlanFR200 extends Component<any, any> {
BaseModeType: string[] = ["face", "eyes"];
async onLoad(option) {
console.log(option, "跳转过来的数据");
if (option.modeId) {
this.setState({ activeModeID: option.modeId });
}
// 保持屏幕常亮
Taro.setKeepScreenOn({
keepScreenOn: true,
@ -238,9 +242,6 @@ class IotCarePlanFR200 extends Component<any, any> {
this.initData();
this.getInstrumentClockSummary();
this.getInstrumentClockDetail();
if (option.modeId) {
this.setState({ activeModeID: option.modeId });
}
}
componentDidMount() {}
@ -373,6 +374,7 @@ class IotCarePlanFR200 extends Component<any, any> {
instrumentId: id,
};
let res = await InstrumentInfo.modeInfoList(params);
if (res.data.code === 200) {
if (res.data.data.length > 0) {
this.setState({
@ -380,18 +382,18 @@ class IotCarePlanFR200 extends Component<any, any> {
ActiveModeItem: res.data.data[0], // 让模式列表正常显示
});
// if (this.state.activeModeID != "") {
// this.state.ModeList.map((item) => {
// if (item.id === this.state.activeModeID) {
// this.setState({
// ActiveModeItem: item,
// });
// }
// });
// }
if (this.state.activeModeID != "") {
this.state.ModeList.map((item) => {
if (item.id === this.state.activeModeID) {
this.setState({
ActiveModeItem: item,
});
}
});
}
let res1 = res.data.data.find((e) => e.id == this.state.activeModeID);
setTimeout(() => {
this.modeCurrentFun(res.data.data[0]);
this.modeCurrentFun(res1);
}, 100);
} else {
this.setState({ ModeList: [] });
@ -433,7 +435,7 @@ class IotCarePlanFR200 extends Component<any, any> {
* @name 选中/切换护理模式
* */
modeCurrentFun = async (data, isNotCheck = false) => {
let { isShowNurse } = this.state;
let { isShowNurse, activeModeID } = this.state;
// 护理检查改变模式，是否提示切换护理模式
// isNotCheck为真时，不进行校验，直接切换
this.tempModeCurrent = data;

4
src/moduleIOT/pages/iotCarePlan/components/ModeList/FR200.tsx
Unescape Escape View File

@ -26,12 +26,14 @@ function Index({
onEmitShowAll,
onModeLockOpen,
}: Props) {
let BaseList = ModeList.filter((item) => item.modeClass === 1); // 基础护理
let ZoneList = ModeList.filter((item) => item.modeClass === 2); // 专区护理
let PermeationList = ModeList.filter((item) => item.modeClass === 3); // 专研促渗
let SensitiveList = ModeList.filter((item) => item.modeClass === 4); // 敏感期护理
let IntelligenceList = ModeList.filter((item) => item.modeClass === 5); // 智能测肤
console.log(activeModeID,'查看id',BaseList,ModeList);
const onItemClick = (item) => {
if (item.lock) {
onModeLockOpen(); // 点击了锁定模式

3
src/recoding/pages/recording/recording.less
Unescape Escape View File

@ -16,7 +16,6 @@ page {
color: #666;
padding: 0 32rpx;
position: sticky;
top: 174rpx;
z-index: 9;
}
@ -74,8 +73,6 @@ page {
background: #f8f8f8;
padding-top: 25rpx;
padding-bottom: 29rpx;
position: sticky;
top: 286rpx;
z-index: 9;
}

242
src/recoding/pages/recording/recording.tsx
Unescape Escape View File

@ -61,6 +61,8 @@ export default class Recording extends Component<any, any> {
clockImageList: [],
clockContent: "",
},
navigationBarHeight: '',
statusBarHeight: ''
};
}
@ -267,13 +269,16 @@ export default class Recording extends Component<any, any> {
this.getLatestClockRecord();
this.getClockStatistics();
this.DayTime();
this.setStatusBar();
}
componentDidShow() { }
componentDidHide() { }
async initData() { }
async initData() {
}
// 选择年份
onChangeYear(event) {
this.setState({ year: event.detail.value });
@ -294,21 +299,17 @@ export default class Recording extends Component<any, any> {
setStorageSync("instrument_detail", instrument);
}
})
switch (item.jumpType) {
case 1:
this.One(item);
break;
case 2:
this.two(item);
break;
case 6:
this.three(item);
break;
default:
this.AllDevice(item);
if ([1,2,3,4,5].includes(item.jumpType)) {
this.One(item);
} else if (item.jumpType === 0) {
this.two(item);
} else if (item.jumpType === 6) {
this.three(item);
} else {
this.AllDevice(item);
}
// let report =false
// go("/pages/face_report/face_report?id=" + id + "&recordId=" + recordId+ "&report=" + report );
}
@ -414,6 +415,25 @@ export default class Recording extends Component<any, any> {
delta: 1,
});
}
setStatusBar() {
Taro.getSystemInfoAsync({
success: (res) => {
const statusBarHeight = res.statusBarHeight || 0;
// 获取微信胶囊的位置信息 width,height,top,right,left,bottom
const custom = Taro.getMenuButtonBoundingClientRect();
// 导航栏高度(标题栏高度) = 胶囊高度 + (顶部距离 - 状态栏高度) * 2
const navigationBarHeight =
custom.height + (custom.top - statusBarHeight) * 2;
this.setState({
statusBarHeight,
navigationBarHeight,
});
},
});
}
render() {
let {
current,
@ -431,12 +451,19 @@ export default class Recording extends Component<any, any> {
monthTime,
show,
punchInInfo,
navigationBarHeight,
statusBarHeight
} = this.state;
const statusBarHeightRpx = statusBarHeight * 2;
const navigationBarHeightRpx = navigationBarHeight * 2;
const height = statusBarHeightRpx + navigationBarHeightRpx
return (
<Block>
<Navbar isBack titleSlot="护理记录"></Navbar>
<View className="tabs">
<Navbar isBack titleSlot='护理记录'></Navbar>
<View className='tabs' style={{
top: height + "rpx", position: 'sticky'
}}
>
<View
className={classnames("tab", {
tab_active: current === 0,
@ -457,7 +484,10 @@ export default class Recording extends Component<any, any> {
</View>
</View>
{current === 0 && (
<ScrollView className="products_list" scroll-x="true">
<ScrollView className='products_list' scroll-x='true' style={{
top: height + 110 + 'rpx', position: 'sticky'
}}
>
<View
className={classnames("all", {
products_item_active: !curIndex,
@ -475,11 +505,11 @@ export default class Recording extends Component<any, any> {
onClick={this.onChangeProduct.bind(this, item.id)}
>
<Image
className="products_cover"
className='products_cover'
src={item.logo}
mode="aspectFill"
mode='aspectFill'
></Image>
<View className="products_title">{item.name}</View>
<View className='products_title'>{item.name}</View>
</View>
))}
</ScrollView>
@ -487,17 +517,17 @@ export default class Recording extends Component<any, any> {
{current === 0 && recordList.length === 0 && (
<View>
<View className="nodata">
<View className='nodata'>
<Image
className="nodata_img"
className='nodata_img'
src={require("@/img/nodata.png")}
></Image>
<View className="nodata_text">暂无数据</View>
<View className='nodata_text'>暂无数据</View>
</View>
</View>
)}
{current === 0 && (
<View style="padding-bottom:200px">
<View style='padding-bottom:200px'>
{/* <View className='instrument_item' >
<View className='instrument_top flex sb aitems'>
<View className='time_box flex aitems'>
@ -524,12 +554,12 @@ export default class Recording extends Component<any, any> {
</View>
</View> */}
<View className="instrument_list ">
<View className='instrument_list '>
{recordList.map((item: any, index: any) => (
<View className="recording-box" key={item.id}>
<View className="box-top">
<View className="top-left">
<View className="date">{item.createTime}</View>
<View className='recording-box' key={item.id}>
<View className='box-top'>
<View className='top-left'>
<View className='date'>{item.createTime}</View>
<View
className={classnames("tip", {
tag_active: item.online === 2,
@ -540,7 +570,7 @@ export default class Recording extends Component<any, any> {
</View>
{item.instrumentType === 2 && (
<View
className="top-right"
className='top-right'
onClick={this.toReport.bind(
this,
item.instrumentId,
@ -550,23 +580,23 @@ export default class Recording extends Component<any, any> {
>
回看报告
<Image
className="arrow_icon"
className='arrow_icon'
src={require("@/img/index/right.png")}
mode="aspectFill"
mode='aspectFill'
></Image>
</View>
)}
</View>
<View className="box-bottom">
<View className='box-bottom'>
<Image
className="recording_img"
className='recording_img'
src={item.modeImage}
></Image>
<View className="bottom-right">
<View className="title">{item.instrumentName}</View>
<View className="subtitle-box">
<View className="subtitle">模式：{item.modeName}</View>
<View className="subtitle">
<View className='bottom-right'>
<View className='title'>{item.instrumentName}</View>
<View className='subtitle-box'>
<View className='subtitle'>模式：{item.modeName}</View>
<View className='subtitle'>
护理时间：{item.nursingTime}
</View>
</View>
@ -578,7 +608,7 @@ export default class Recording extends Component<any, any> {
</View>
)}
{current === 1 && (
<View style="padding-bottom:200px">
<View style='padding-bottom:200px'>
{/* <View className='nodata'>
<Image
className='nodata_img'
@ -586,52 +616,52 @@ export default class Recording extends Component<any, any> {
></Image>
<View className='nodata_text'>暂无数据</View>
</View> */}
<View style="height: 30rpx; background: #F8F8F8"></View>
<View className="clock_in_statistics m-x-30 flex sb">
<View className="flex sb ab">
<View className="clock_in_statistics_title">年度打卡统计</View>
<View style='height: 30rpx; background: #F8F8F8'></View>
<View className='clock_in_statistics m-x-30 flex sb'>
<View className='flex sb ab'>
<View className='clock_in_statistics_title'>年度打卡统计</View>
<Picker
mode="date"
fields="year"
mode='date'
fields='year'
onChange={this.onChangeYear.bind(this)}
value="{{year}}"
end="{{today}}"
value='{{year}}'
end='{{today}}'
>
<View className="clock_in_statistics_date flex aitems">
<View className='clock_in_statistics_date flex aitems'>
<View>{year}年</View>
<Image
className="more_icon"
className='more_icon'
src={require("@/img/arrow-down.png")}
mode="widthFix"
mode='widthFix'
></Image>
</View>
</Picker>
</View>
<View className="chart flex sb">
<View className='chart flex sb'>
{monthTime.map((item) => (
<View className="flex fc aitems" key={item.month}>
<View className='flex fc aitems' key={item.month}>
{item.time > 0 && (
<View className="buoy">{item.time}天</View>
<View className='buoy'>{item.time}天</View>
)}
<View
className="column"
className='column'
style={{ height: `calc(186/31*${item.time}rpx)` }}
></View>
<View className="month">{item.month}</View>
<View className='month'>{item.month}</View>
</View>
))}
</View>
</View>
<View style="padding-bottom: env(safe-area-inset-bottom)">
<View className="month_box m-x-30">
<View style='padding-bottom: env(safe-area-inset-bottom)'>
<View className='month_box m-x-30'>
{clockStatistics.map((item) => (
<View className="month_statistics" key={item.id}>
<View className="flex aitems sb">
<View className="time">
<View className='month_statistics' key={item.id}>
<View className='flex aitems sb'>
<View className='time'>
{item.year}年{item.month}月
</View>
<View
className="more_box flex aitems"
className='more_box flex aitems'
onClick={this.onChangeMore.bind(
this,
item.id,
@ -639,7 +669,7 @@ export default class Recording extends Component<any, any> {
item.month
)}
>
<View className="more_text">
<View className='more_text'>
{" "}
{!item.isMore ? "展开更多" : "收起更多"}
</View>
@ -649,51 +679,51 @@ export default class Recording extends Component<any, any> {
? "rotate(180deg)"
: "rotate(0deg)",
}}
className="more_icon"
className='more_icon'
src={require("@/img/arrow-down.png")}
mode="widthFix"
mode='widthFix'
></Image>
</View>
</View>
<View style="height: 59rpx"></View>
<View className="statistic">
<View className="statistic_item">
<View className="statistic_num">{item.clockNum}</View>
<View className="statistic_desc">本月打卡天数</View>
<View style='height: 59rpx'></View>
<View className='statistic'>
<View className='statistic_item'>
<View className='statistic_num'>{item.clockNum}</View>
<View className='statistic_desc'>本月打卡天数</View>
</View>
<View className="statistic_item">
<View className="statistic_num">
<View className='statistic_item'>
<View className='statistic_num'>
{(item.percentage * 100).toFixed(2)}%
</View>
<View className="statistic_desc">超越花至用户</View>
<View className='statistic_desc'>超越花至用户</View>
</View>
<View className="border"></View>
<View className='border'></View>
</View>
{item.isMore && item.detail && (
<View>
{item.detail.map((obj) => (
<View key={obj.id}>
<View style="height: 57rpx"></View>
<View className="month_item">
<View className="month_item_date">
<View style='height: 57rpx'></View>
<View className='month_item'>
<View className='month_item_date'>
{obj.updateTime}
</View>
<View className="month_image_box flex sb">
<View className='month_image_box flex sb'>
{obj.clockImg.map((img) => (
<Image
key={img}
className="month_item_cover"
className='month_item_cover'
src={img}
></Image>
))}
</View>
<View className="month_item_date">
<View className='month_item_date'>
{/* 小紫弹智能射频仪、花至抗老射频仪PRO{" "} */}
{obj.instrumentName === null
? ""
: obj.instrumentName}
</View>
<View className="month_item_note">
<View className='month_item_note'>
{obj.clockContent}
</View>
</View>
@ -708,8 +738,8 @@ export default class Recording extends Component<any, any> {
</View>
)}
{!clockShow && ViewAddInstrument === "true" && (
<View className="footer flex aitems">
<View className="btn" onClick={this.setShow.bind(this, true)}>
<View className='footer flex aitems'>
<View className='btn' onClick={this.setShow.bind(this, true)}>
前往打卡
</View>
{/* <View className="text" onClick={this.back}>
@ -719,64 +749,64 @@ export default class Recording extends Component<any, any> {
)}
<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>

Write Preview
Loading…
Cancel
Save