绑定流程临时提交
blak-kong
2 years ago
parent
30a84112b7
commit
92c3ed2fd1
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,78 @@
|
|||||||
|
.footer {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
background: #fff;
|
||||||
|
flex-direction: column;
|
||||||
|
width: 100%;
|
||||||
|
padding-bottom: 20rpx;
|
||||||
|
/*padding-bottom: env(safe-area-inset-bottom);*/
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer .btn {
|
||||||
|
width: 690rpx;
|
||||||
|
height: 90rpx;
|
||||||
|
background: #000;
|
||||||
|
border-radius: 45rpx;
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 90rpx;
|
||||||
|
font-size: 32rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer .text {
|
||||||
|
background: transparent;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main {
|
||||||
|
height: 100vh;
|
||||||
|
text-align: center;
|
||||||
|
margin: 48rpx 45rpx 0;
|
||||||
|
padding-bottom: calc(env(safe-area-inset-bottom) + 180rpx);
|
||||||
|
}
|
||||||
|
|
||||||
|
.cover {
|
||||||
|
width: 660rpx;
|
||||||
|
height: 922rpx;
|
||||||
|
border-radius: 50rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
width: 660rpx;
|
||||||
|
height: 474rpx;
|
||||||
|
background: linear-gradient(rgba(204, 204, 204, 0.4), #fff);
|
||||||
|
border-radius: 50rpx;
|
||||||
|
margin-top: 7rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-size: 48rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #000;
|
||||||
|
text-align: center;
|
||||||
|
padding-bottom: 48rpx;
|
||||||
|
padding-top: 96rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text {
|
||||||
|
font-size: 26rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
|
||||||
|
.indicator {
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
top: 960rpx;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
width: 120rpx;
|
||||||
|
height: 1rpx;
|
||||||
|
background: #ccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dot {
|
||||||
|
height: 100%;
|
||||||
|
background: #000;
|
||||||
|
transition-property: all;
|
||||||
|
transition-duration: 0.8s;
|
||||||
|
}
|
||||||
@ -0,0 +1,153 @@
|
|||||||
|
import Taro from "@tarojs/taro";
|
||||||
|
import classnames from "classnames";
|
||||||
|
|
||||||
|
import { Component, PropsWithChildren, useEffect, useState } from "react";
|
||||||
|
import {
|
||||||
|
Block,
|
||||||
|
View,
|
||||||
|
Text,
|
||||||
|
Image,
|
||||||
|
Video,
|
||||||
|
Input,
|
||||||
|
Button,
|
||||||
|
Swiper,
|
||||||
|
SwiperItem,
|
||||||
|
} from "@tarojs/components";
|
||||||
|
|
||||||
|
import { InstrumentInfo } from "../../utils/Interface";
|
||||||
|
import { setStorageSync, getStorageSync, go } from "../../utils/traoAPI";
|
||||||
|
import util from "../../utils/utilhtml";
|
||||||
|
|
||||||
|
import "./intro.less";
|
||||||
|
|
||||||
|
export default class Intro extends Component<any, any> {
|
||||||
|
constructor(props) {
|
||||||
|
super(props);
|
||||||
|
this.state = {
|
||||||
|
name: "template模板页",
|
||||||
|
current: 0,
|
||||||
|
info: {},
|
||||||
|
introList: [],
|
||||||
|
isNursing: false,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
async onLoad() {}
|
||||||
|
componentDidMount() {}
|
||||||
|
componentWillMount() {
|
||||||
|
console.log("Taro.Current", Taro.Current);
|
||||||
|
let params = Taro.Current?.router?.params;
|
||||||
|
if (params) {
|
||||||
|
this.getInstrumentInfo(params.id);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
componentWillUnmount() {}
|
||||||
|
|
||||||
|
componentDidShow() {}
|
||||||
|
|
||||||
|
componentDidHide() {}
|
||||||
|
|
||||||
|
async initData() {}
|
||||||
|
|
||||||
|
onChange(event) {
|
||||||
|
console.info("onchange", event);
|
||||||
|
const current = event.detail.current;
|
||||||
|
this.setState({ current });
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取设备信息
|
||||||
|
async getInstrumentInfo(id) {
|
||||||
|
// const { data: res } = await InstrumentInfo({ id });
|
||||||
|
let { data: res } = await InstrumentInfo.instructionInfo({
|
||||||
|
instrumentId: id,
|
||||||
|
});
|
||||||
|
console.log("instrumentId", res);
|
||||||
|
// if (res.code === 200) {
|
||||||
|
// const { intro_json } = res.data.info;
|
||||||
|
// if (intro_json) {
|
||||||
|
// try {
|
||||||
|
// res.data.info.intro_json = JSON.parse(intro_json);
|
||||||
|
// } catch (e) {
|
||||||
|
// console.log(e);
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// this.setState({
|
||||||
|
// info: res.data?.info,
|
||||||
|
// introList: res.data?.info?.intro_json,
|
||||||
|
// });
|
||||||
|
// }
|
||||||
|
}
|
||||||
|
|
||||||
|
toNursing() {
|
||||||
|
if (this.state.info.iot === 2) {
|
||||||
|
this.setState({ isNursing: true }, () => {
|
||||||
|
this.toHomePage();
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
go("/pages/clock_in2/clock_in2?iid=" + this.state.info.id);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
toHomePage() {
|
||||||
|
const { isNursing, info } = this.state;
|
||||||
|
if (isNursing) {
|
||||||
|
// isNursing ? '/pages/index/index?instrument_id=' + info.id
|
||||||
|
setStorageSync("introduceId", info.id);
|
||||||
|
}
|
||||||
|
const url = "/pages/index/index";
|
||||||
|
Taro.switchTab({
|
||||||
|
url,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
render() {
|
||||||
|
let { name, current, introList, info } = this.state;
|
||||||
|
return (
|
||||||
|
<Block>
|
||||||
|
<View style="position: relative">
|
||||||
|
<Swiper className="main" current={current} onChange={this.onChange}>
|
||||||
|
{introList.map((item: any, index: number) => {
|
||||||
|
return (
|
||||||
|
<SwiperItem key={index}>
|
||||||
|
{item.fileType === "video" ? (
|
||||||
|
<Video className="cover" src={item.file} />
|
||||||
|
) : (
|
||||||
|
<Image
|
||||||
|
className="cover"
|
||||||
|
src={item.file}
|
||||||
|
mode="aspectFill"
|
||||||
|
></Image>
|
||||||
|
)}
|
||||||
|
|
||||||
|
<View className="content">
|
||||||
|
<View className="title">{info.titile}</View>
|
||||||
|
<View className="text">{item.title}</View>
|
||||||
|
</View>
|
||||||
|
</SwiperItem>
|
||||||
|
);
|
||||||
|
})}
|
||||||
|
</Swiper>
|
||||||
|
<View className="indicator">
|
||||||
|
<View
|
||||||
|
className="dot"
|
||||||
|
style={{
|
||||||
|
transform:
|
||||||
|
"translateX(" + (current * 120) / introList.length + "rpx)",
|
||||||
|
width: "calc(100% / " + introList.length + ")",
|
||||||
|
}}
|
||||||
|
></View>
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
|
||||||
|
<View className="footer flex aitems jcenter">
|
||||||
|
<View className="btn" onClick={this.toNursing}>
|
||||||
|
马上护理
|
||||||
|
</View>
|
||||||
|
<View className="btn text" onClick={this.toHomePage}>
|
||||||
|
暂不护理
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
</Block>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue