|
|
|
|
@ -17,12 +17,12 @@ import { go } from "@/utils/traoAPI";
|
|
|
|
|
import { Tab, Tabs, Dialog, Popup } from "@antmjs/vantui";
|
|
|
|
|
|
|
|
|
|
/** 自定义组件 **/
|
|
|
|
|
import Navbar from "../../components/navbar/navbar";
|
|
|
|
|
import PopupClock from "../../components/popup/popup-clock";
|
|
|
|
|
import Navbar from "@/components/navbar/navbar";
|
|
|
|
|
import PopupClock from "@/components/popup/popup-clock";
|
|
|
|
|
/** 自定义组件 **/
|
|
|
|
|
import { InstrumentInfo } from "../../utils/Interface";
|
|
|
|
|
import { date, getdates, previewImage } from "../../utils/util";
|
|
|
|
|
import { showModal } from "../../utils/traoAPI.js";
|
|
|
|
|
import { InstrumentInfo } from "@/utils/Interface";
|
|
|
|
|
import { date, getdates, previewImage } from "@/utils/util";
|
|
|
|
|
import { showModal } from "@/utils/traoAPI.js";
|
|
|
|
|
|
|
|
|
|
import "./recording.less";
|
|
|
|
|
|
|
|
|
|
@ -294,16 +294,16 @@ export default class Recording extends Component<any, any> {
|
|
|
|
|
};
|
|
|
|
|
// 跳转到护理报告
|
|
|
|
|
toReport(id, recordId, item) {
|
|
|
|
|
console.log(item, '查看类型', item.jumpType );
|
|
|
|
|
item.jumpType =1
|
|
|
|
|
switch (item.jumpType ) {
|
|
|
|
|
console.log(item, '查看类型', item.jumpType);
|
|
|
|
|
item.jumpType = 1
|
|
|
|
|
switch (item.jumpType) {
|
|
|
|
|
case 1:
|
|
|
|
|
this.One(item);
|
|
|
|
|
break;
|
|
|
|
|
case 2:
|
|
|
|
|
|
|
|
|
|
this.two(item); break;
|
|
|
|
|
case 3:
|
|
|
|
|
case 3:
|
|
|
|
|
|
|
|
|
|
this.three(item); break;
|
|
|
|
|
default:
|
|
|
|
|
@ -315,19 +315,19 @@ export default class Recording extends Component<any, any> {
|
|
|
|
|
// 打开第一种类型
|
|
|
|
|
One = async (item) => {
|
|
|
|
|
console.log('打开第一种类型', item);
|
|
|
|
|
let report =false
|
|
|
|
|
go("/pages/face_report_one/face_report_one?id=" + item.id + "&recordId=" + item.recordId+ "&report=" + report );
|
|
|
|
|
let report = false
|
|
|
|
|
go("/recoding/pages/face_report_one/face_report_one?id=" + item.id + "&recordId=" + item.recordId + "&report=" + report);
|
|
|
|
|
}
|
|
|
|
|
// 打开第二种类型
|
|
|
|
|
// 打开第二种类型
|
|
|
|
|
two = async (item) => {
|
|
|
|
|
console.log('打开第二种类型', item);
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
// 打开第二种类型
|
|
|
|
|
three = async (item) => {
|
|
|
|
|
console.log('打开第二种类型', item);
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
// 打开第二种类型
|
|
|
|
|
three = async (item) => {
|
|
|
|
|
console.log('打开第二种类型', item);
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
// 打开其他类型
|
|
|
|
|
AllDevice = async (item) => {
|
|
|
|
|
console.log('打开其他类型', item);
|
|
|
|
|
@ -427,8 +427,8 @@ export default class Recording extends Component<any, any> {
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<Block>
|
|
|
|
|
<Navbar isBack titleSlot="护理记录"></Navbar>
|
|
|
|
|
<View className="tabs">
|
|
|
|
|
<Navbar isBack titleSlot='护理记录'></Navbar>
|
|
|
|
|
<View className='tabs'>
|
|
|
|
|
<View
|
|
|
|
|
className={classnames("tab", {
|
|
|
|
|
tab_active: current === 0,
|
|
|
|
|
@ -449,7 +449,7 @@ 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'>
|
|
|
|
|
<View
|
|
|
|
|
className={classnames("all", {
|
|
|
|
|
products_item_active: !curIndex,
|
|
|
|
|
@ -467,11 +467,11 @@ export default class Recording extends Component<any, any> {
|
|
|
|
|
onClick={this.onChangeProduct.bind(this, item.id)}
|
|
|
|
|
>
|
|
|
|
|
<Image
|
|
|
|
|
className="products_cover"
|
|
|
|
|
src={require("../../img/test/1706692819894.jpg")}
|
|
|
|
|
mode="aspectFit"
|
|
|
|
|
className='products_cover'
|
|
|
|
|
src={require("@/img/test/1706692819894.jpg")}
|
|
|
|
|
mode='aspectFit'
|
|
|
|
|
></Image>
|
|
|
|
|
<View className="products_title">画质抗老射频仪</View>
|
|
|
|
|
<View className='products_title'>画质抗老射频仪</View>
|
|
|
|
|
</View>
|
|
|
|
|
))}
|
|
|
|
|
</ScrollView>
|
|
|
|
|
@ -479,17 +479,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"
|
|
|
|
|
src={require("../../img/nodata.png")}
|
|
|
|
|
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'>
|
|
|
|
|
@ -516,12 +516,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,
|
|
|
|
|
@ -532,7 +532,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,
|
|
|
|
|
@ -542,23 +542,23 @@ export default class Recording extends Component<any, any> {
|
|
|
|
|
>
|
|
|
|
|
回看报告
|
|
|
|
|
<Image
|
|
|
|
|
className="arrow_icon"
|
|
|
|
|
src={require("../../img/index/right.png")}
|
|
|
|
|
mode="aspectFill"
|
|
|
|
|
className='arrow_icon'
|
|
|
|
|
src={require("@/img/index/right.png")}
|
|
|
|
|
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>
|
|
|
|
|
@ -570,7 +570,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'
|
|
|
|
|
@ -578,52 +578,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"
|
|
|
|
|
src={require("../../img/arrow-down.png")}
|
|
|
|
|
mode="widthFix"
|
|
|
|
|
className='more_icon'
|
|
|
|
|
src={require("@/img/arrow-down.png")}
|
|
|
|
|
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,
|
|
|
|
|
@ -631,7 +631,7 @@ export default class Recording extends Component<any, any> {
|
|
|
|
|
item.month
|
|
|
|
|
)}
|
|
|
|
|
>
|
|
|
|
|
<View className="more_text">
|
|
|
|
|
<View className='more_text'>
|
|
|
|
|
{" "}
|
|
|
|
|
{!item.isMore ? "展开更多" : "收起更多"}
|
|
|
|
|
</View>
|
|
|
|
|
@ -641,49 +641,49 @@ export default class Recording extends Component<any, any> {
|
|
|
|
|
? "rotate(180deg)"
|
|
|
|
|
: "rotate(0deg)",
|
|
|
|
|
}}
|
|
|
|
|
className="more_icon"
|
|
|
|
|
src={require("../../img/arrow-down.png")}
|
|
|
|
|
mode="widthFix"
|
|
|
|
|
className='more_icon'
|
|
|
|
|
src={require("@/img/arrow-down.png")}
|
|
|
|
|
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}>
|
|
|
|
|
<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>
|
|
|
|
|
@ -699,8 +699,8 @@ export default class Recording extends Component<any, any> {
|
|
|
|
|
)}
|
|
|
|
|
{
|
|
|
|
|
!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}>
|
|
|
|
|
@ -711,65 +711,65 @@ 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"
|
|
|
|
|
src={require("../../img/close.png")}
|
|
|
|
|
mode="widthFix"
|
|
|
|
|
className='close_icon'
|
|
|
|
|
src={require("@/img/close.png")}
|
|
|
|
|
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"
|
|
|
|
|
src={require("../../img/close1.png")}
|
|
|
|
|
mode="widthFix"
|
|
|
|
|
className='closeImg'
|
|
|
|
|
src={require("@/img/close1.png")}
|
|
|
|
|
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"
|
|
|
|
|
src={require("../../img/clock_in_upload/add-image.png")}
|
|
|
|
|
mode="widthFix"
|
|
|
|
|
className='showImg'
|
|
|
|
|
src={require("@/img/clock_in_upload/add-image.png")}
|
|
|
|
|
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>
|
rongweikang
2 years ago