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

添加弹窗

Browse Source
master
rongweikang 2 years ago
parent 1b4607ab01
commit 3f7e7fa9d8
2 changed files with 187 additions and 141 deletions
Show Stats Download Patch File Download Diff File

73
src/pages/index/index.less
Unescape Escape View File

@ -519,9 +519,19 @@ page {
.MembraneCloth { .MembraneCloth {
position: relative; position: relative;
width: 670rpx; width: 670rpx;
height: 840rpx;
border-radius: 30rpx; border-radius: 30rpx;
background: #fff; background: #fff;
padding: 52rpx 20rpx 46rpx;
box-sizing: border-box;
.title {
font-weight: bold;
text-align: center;
font-size: 36rpx;
margin-bottom: 36rpx;
color: #030000;
}
.btn1 { .btn1 {
font-style: normal; font-style: normal;
width: 270rpx; width: 270rpx;
@ -532,28 +542,57 @@ page {
border-radius: 45rpx; border-radius: 45rpx;
font-size: 32rpx; font-size: 32rpx;
font-weight: bold; font-weight: bold;
margin-top: 55rpx;
color: #ffffff; color: #ffffff;
} }
.center{ .center {
height: 70%; margin-bottom: 44rpx;
background-color: red; .list {
.list{
width: 100%; width: 100%;
height: 117rpx; height: 150rpx;
background-color: #41a9fc; background: linear-gradient(90deg, #efdcc2, #fff2df);
border-bottom: 2rpx solid black; border-radius: 30rpx;
display: flex; margin-bottom: 20rpx;
padding: 20rpx 31rpx 20rpx 20rpx;
box-sizing: border-box;
justify-content: space-between;
Image {
width: 120rpx;
height: 120rpx;
border-radius: 20rpx;
}
.name_box {
margin-left: 24rpx;
.name {
font-family: PingFang SC;
font-weight: bold;
font-size: 26rpx;
color: #000000;
margin-bottom: 12rpx;
}
.subTitle {
font-family: PingFang SC;
font-weight: 500;
font-size: 22rpx;
color: #666666;
}
}
.buy {
font-family: PingFang SC;
font-weight: 500;
font-size: 26rpx;
color: #666666;
display: flex;
align-items: center;
Image {
height: 20rpx;
width: 20rpx;
margin-left: 10rpx;
}
}
} }
} }
} }
.MembraneCloth .title {
font-weight: bold;
text-align: center;
font-size: 36rpx;
color: #030000;
padding-top: 39rpx;
}
.popbox .title { .popbox .title {
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;

255
src/pages/index/index.tsx
Unescape Escape View File

@ -1,5 +1,4 @@
import classnames from "classnames"; import classnames from "classnames";
setSerial;
import dayjs from "dayjs"; import dayjs from "dayjs";
import Taro from "@tarojs/taro"; import Taro from "@tarojs/taro";
import { Component } from "react"; import { Component } from "react";
@ -12,8 +11,9 @@ import {
SwiperItem, SwiperItem,
RichText, RichText,
PageMeta, PageMeta,
Radio
} from "@tarojs/components"; } from "@tarojs/components";
import { Popup,Radio } from "@antmjs/vantui"; import { Popup } from "@antmjs/vantui";
/*** redux ***/ /*** redux ***/
import { connect } from "react-redux"; import { connect } from "react-redux";
import { userRefresh, tokenRefresh } from "@/store/features/userInfo"; import { userRefresh, tokenRefresh } from "@/store/features/userInfo";
@ -84,23 +84,14 @@ class Index extends Component<any, any> {
mobile: Taro.getStorageSync("mobile"), mobile: Taro.getStorageSync("mobile"),
}, },
// 膜布列表 // 膜布列表
MembraneClothList:[ { MembraneClothList: [{
name:'mox名字' name: '集体美容仪'
}, },
{ {
name:'mox名字' name: 'M02美容仪'
}, }],
{ checkedMembraneCloth: '',
name:'mox名字' list: [],
}, {
name:'mox名字'
}, {
name:'mox名字'
},],
checkedMembraneCloth:'',
list: [
],
params: "", params: "",
messageCount: Taro.getStorageSync("messageCount") || 0, messageCount: Taro.getStorageSync("messageCount") || 0,
offlineDialogType: 1, //1离线弹窗 2升级弹窗 offlineDialogType: 1, //1离线弹窗 2升级弹窗
@ -204,7 +195,7 @@ class Index extends Component<any, any> {
} }
} }
componentDidMount() {} componentDidMount() { }
componentWillUnmount() { componentWillUnmount() {
// 页面卸载监听 // 页面卸载监听
@ -278,7 +269,7 @@ class Index extends Component<any, any> {
this.isSancQrcodeEnter(); this.isSancQrcodeEnter();
} }
}, },
fail: () => {}, fail: () => { },
complete: () => { complete: () => {
// 授权完成运行页面初始化 // 授权完成运行页面初始化
}, },
@ -535,7 +526,7 @@ class Index extends Component<any, any> {
this.setState({ isShowSiteSwiper: false }); this.setState({ isShowSiteSwiper: false });
}; };
bannerSwiperchange() {} bannerSwiperchange() { }
gobanner(item) { gobanner(item) {
// 跳转类型：0无跳转、1跳转内部链接、3跳转外部链接、4跳转小程序、5导向视频号、6导向视频号直播间', // 跳转类型：0无跳转、1跳转内部链接、3跳转外部链接、4跳转小程序、5导向视频号、6导向视频号直播间',
@ -1109,6 +1100,8 @@ class Index extends Component<any, any> {
isCommonError, isCommonError,
commonErrorText, commonErrorText,
MembraneClothList, MembraneClothList,
checkedMembraneCloth,
list,
calendarComplete, calendarComplete,
calendarInComplete, calendarInComplete,
currentDate, currentDate,
@ -1153,7 +1146,7 @@ class Index extends Component<any, any> {
<View catchMove> <View catchMove>
<PopupAlert <PopupAlert
isShow={isCommonError} isShow={isCommonError}
title="提示" title='提示'
content={ content={
<Block> <Block>
{commonErrorText.map((item) => { {commonErrorText.map((item) => {
@ -1161,60 +1154,60 @@ class Index extends Component<any, any> {
})} })}
</Block> </Block>
} }
confirmButtonText="知道了" confirmButtonText='知道了'
textAlgin="center" textAlgin='center'
close={this.onCommonErrorFun} close={this.onCommonErrorFun}
confirm={this.onCommonErrorFun} confirm={this.onCommonErrorFun}
/> />
<PopupConfirm <PopupConfirm
isShow={isShowReConnectDeviceRecordWL200} isShow={isShowReConnectDeviceRecordWL200}
isClose isClose
title="提示" title='提示'
zIndex={10020} zIndex={10020}
myClassName="level-up" myClassName='level-up'
content={ content={
<Block> <Block>
<View>检测到您上一次护理的记录未生成，</View> <View>检测到您上一次护理的记录未生成，</View>
<View>是否重新读取</View> <View>是否重新读取</View>
</Block> </Block>
} }
cancelButtonText="取消" cancelButtonText='取消'
confirmButtonText="连接设备" confirmButtonText='连接设备'
textAlgin="center" textAlgin='center'
close={this.closeReConnectDeviceRecordWL200} close={this.closeReConnectDeviceRecordWL200}
confirm={this.confirmReConnectDeviceRecordWL200} confirm={this.confirmReConnectDeviceRecordWL200}
/> />
<PopupAlert <PopupAlert
isShow={isBindingError} isShow={isBindingError}
title="提示" title='提示'
content={ content={
<Block> <Block>
<View>序列号信息仍在更新，请联系微信小助理</View> <View>序列号信息仍在更新，请联系微信小助理</View>
<View>协助您绑定仪器</View> <View>协助您绑定仪器</View>
</Block> </Block>
} }
confirmButtonText="知道了" confirmButtonText='知道了'
textAlgin="center" textAlgin='center'
close={this.onBindErrorClose} close={this.onBindErrorClose}
confirm={this.onBindErrorConfirm} confirm={this.onBindErrorConfirm}
/> />
<PopupAlert <PopupAlert
isShow={isNotRegister} isShow={isNotRegister}
isClose isClose
title="提示" title='提示'
content="暂未授权注册，请点击注册" content='暂未授权注册，请点击注册'
confirmButtonText="确定" confirmButtonText='确定'
textAlgin="center" textAlgin='center'
type="1" type='1'
close={this.closeAlert} close={this.closeAlert}
confirm={this.closeAlert} confirm={this.closeAlert}
/> />
<PopupAlert <PopupAlert
isShow={isDev} isShow={isDev}
title="提示" title='提示'
content="页面正在开发中" content='页面正在开发中'
confirmButtonText="确定" confirmButtonText='确定'
textAlgin="center" textAlgin='center'
close={this.closeDev} close={this.closeDev}
confirm={this.closeDev} confirm={this.closeDev}
/> />
@ -1233,54 +1226,54 @@ class Index extends Component<any, any> {
/> />
<PopupAlert <PopupAlert
isShow={isBindingError} isShow={isBindingError}
title="提示" title='提示'
content={ content={
<Block> <Block>
<View>序列号信息仍在更新，请联系微信小助理</View> <View>序列号信息仍在更新，请联系微信小助理</View>
<View>协助您绑定仪器</View> <View>协助您绑定仪器</View>
</Block> </Block>
} }
confirmButtonText="知道了" confirmButtonText='知道了'
textAlgin="center" textAlgin='center'
close={this.onBindErrorClose} close={this.onBindErrorClose}
confirm={this.onBindErrorConfirm} confirm={this.onBindErrorConfirm}
/> />
<PopupAlert <PopupAlert
isShow={isBeforeBindingError} isShow={isBeforeBindingError}
title="提示" title='提示'
content={ content={
BeforeBindingErrorText || "您选择的仪器有误，请重新确认选择" BeforeBindingErrorText || "您选择的仪器有误，请重新确认选择"
} }
confirmButtonText="知道了" confirmButtonText='知道了'
textAlgin="center" textAlgin='center'
close={this.onBeforeBindClose} close={this.onBeforeBindClose}
confirm={this.onBeforeBindConfirm} confirm={this.onBeforeBindConfirm}
/> />
<PopupAlert <PopupAlert
isShow={isBindingError203} isShow={isBindingError203}
title="提示" title='提示'
content="序列码已被别人绑定，请联系微信助手" content='序列码已被别人绑定，请联系微信助手'
confirmButtonText="知道了" confirmButtonText='知道了'
textAlgin="center" textAlgin='center'
close={this.onBindErrorClose203} close={this.onBindErrorClose203}
confirm={this.onBindErrorConfirm203} confirm={this.onBindErrorConfirm203}
></PopupAlert> ></PopupAlert>
<PopupAlert <PopupAlert
isShow={showEquipment} isShow={showEquipment}
title="提示" title='提示'
content={ content={
<Block> <Block>
<View className="mb10"> <View className='mb10'>
仪器：{instrumentInfo.instrumentName} 仪器：{instrumentInfo.instrumentName}
</View> </View>
<View className="mb10">序列号：{instrumentInfo.serial}</View> <View className='mb10'>序列号：{instrumentInfo.serial}</View>
<View className="mb10">您需要完成注册登录才能进行一起绑定</View> <View className='mb10'>您需要完成注册登录才能进行一起绑定</View>
</Block> </Block>
} }
confirmButtonText="知道了" confirmButtonText='知道了'
textAlgin="center" textAlgin='center'
close={this.onUnloginClose.bind(this)} close={this.onUnloginClose.bind(this)}
confirm={this.onUnloginConfirm.bind(this)} confirm={this.onUnloginConfirm.bind(this)}
></PopupAlert> ></PopupAlert>
@ -1288,9 +1281,9 @@ class Index extends Component<any, any> {
<PopupSiteSwiper <PopupSiteSwiper
isShow={isShowSiteSwiper} isShow={isShowSiteSwiper}
siteData={sitePopupList} siteData={sitePopupList}
size="middle" size='middle'
confirmButtonText="确定" confirmButtonText='确定'
textAlgin="center" textAlgin='center'
close={this.closeSiteSwiper} close={this.closeSiteSwiper}
confirm={this.closeSiteSwiper} confirm={this.closeSiteSwiper}
/> />
@ -1310,15 +1303,15 @@ class Index extends Component<any, any> {
isLarge isLarge
isClose isClose
isShow={isShowUpdateVersionTip} isShow={isShowUpdateVersionTip}
title="提示" title='提示'
content={ content={
<Block> <Block>
<View>检测到设备有升级请求</View> <View>检测到设备有升级请求</View>
<View>是否进行升级？</View> <View>是否进行升级？</View>
</Block> </Block>
} }
textAlgin="center" textAlgin='center'
confirmButtonText="确定" confirmButtonText='确定'
close={this.cancelUpdateVersionTip} close={this.cancelUpdateVersionTip}
confirm={this.confirmUpdateVersionTip} confirm={this.confirmUpdateVersionTip}
/> />
@ -1331,16 +1324,16 @@ class Index extends Component<any, any> {
)} )}
<PopupAlert <PopupAlert
isShow={isShowVersionUpgradFinish} isShow={isShowVersionUpgradFinish}
title="升级内容公告" title='升级内容公告'
content={ content={
<Block> <Block>
<View className="nodes"> <View className='nodes'>
<RichText nodes={versionUpgradFinishNodes} /> <RichText nodes={versionUpgradFinishNodes} />
</View> </View>
</Block> </Block>
} }
confirmButtonText="知道了" confirmButtonText='知道了'
textAlgin="left" textAlgin='left'
isClose isClose
close={this.onVersionUpgradFinish} close={this.onVersionUpgradFinish}
confirm={this.onVersionUpgradFinish} confirm={this.onVersionUpgradFinish}
@ -1352,29 +1345,29 @@ class Index extends Component<any, any> {
leftSlot={ leftSlot={
<Block> <Block>
<View <View
className="message" className='message'
onClick={this.gourl} onClick={this.gourl}
data-url="/pages/message/message" data-url='/pages/message/message'
> >
<Image <Image
className="message-img" className='message-img'
src={require("../../img/index/message.png")} src={require("../../img/index/message.png")}
mode="aspectFill" mode='aspectFill'
/> />
{messagecount ? <View className="tip" /> : ""} {messagecount ? <View className='tip' /> : ""}
</View> </View>
</Block> </Block>
} }
/> />
<View className="index"> <View className='index'>
<View className="date-title" onClick={this.toNursingRecords}> <View className='date-title' onClick={this.toNursingRecords}>
<Text className="text">护理记录</Text> <Text className='text'>护理记录</Text>
<Image <Image
src={require("../../img/index/right.png")} src={require("../../img/index/right.png")}
style="width: 20rpx;height: 20rpx;" style='width: 20rpx;height: 20rpx;'
/> />
</View> </View>
<View className="bg-while"> <View className='bg-while'>
<AtCalendar <AtCalendar
hideArrow hideArrow
isSwiper={false} isSwiper={false}
@ -1386,40 +1379,40 @@ class Index extends Component<any, any> {
/> />
</View> </View>
</View> </View>
<View className="index-infobox5"> <View className='index-infobox5'>
{instrumentList.length > 0 && ( {instrumentList.length > 0 && (
<Block> <Block>
<View className="nurse_plan_box flex aitems sb"> <View className='nurse_plan_box flex aitems sb'>
<View className="title">前往护理</View> <View className='title'>前往护理</View>
<View <View
className="txt_box flex jcenter aitems" className='txt_box flex jcenter aitems'
data-url="/instrument/pages/instrument/instrument" data-url='/instrument/pages/instrument/instrument'
onClick={this.gourl} onClick={this.gourl}
> >
<Image <Image
className="right_icon" className='right_icon'
src={require("../../img/black-add.png")} src={require("../../img/black-add.png")}
mode="aspectFill" mode='aspectFill'
/> />
<View className="txt">添加新设备</View> <View className='txt'>添加新设备</View>
</View> </View>
</View> </View>
<View style="overflow-x: auto;"> <View style='overflow-x: auto;'>
<View className="device_list flex"> <View className='device_list flex'>
{instrumentList.map((item, index) => { {instrumentList.map((item, index) => {
return ( return (
<View <View
key={"instrumentList" + index} key={"instrumentList" + index}
className="device_item" className='device_item'
onClick={this.goNursing.bind(this, item)} onClick={this.goNursing.bind(this, item)}
> >
<Image <Image
className="banner_img" className='banner_img'
src={item.banner} src={item.banner}
mode="aspectFill" mode='aspectFill'
/> />
<View className="device_name ellipsis1"> <View className='device_name ellipsis1'>
{item.name} {item.name}
</View> </View>
</View> </View>
@ -1431,28 +1424,28 @@ class Index extends Component<any, any> {
)} )}
{instrumentList.length === 0 && ( {instrumentList.length === 0 && (
<Block> <Block>
<View className="nurse_plan_box flex aitems sb"> <View className='nurse_plan_box flex aitems sb'>
<View className="title">前往护理</View> <View className='title'>前往护理</View>
</View> </View>
<View className="add_device flex jcenter aitems bg-while"> <View className='add_device flex jcenter aitems bg-while'>
<View className="add_device_btn"> <View className='add_device_btn'>
<View className="txt_box flex jcenter aitems"> <View className='txt_box flex jcenter aitems'>
<View <View
className="at-icon at-icon-add" className='at-icon at-icon-add'
style="color: #fff;font-size: 30rpx;" style='color: #fff;font-size: 30rpx;'
></View> ></View>
<View className="txt" onClick={this.addNewDevice}> <View className='txt' onClick={this.addNewDevice}>
添加新设备 添加新设备
</View> </View>
</View> </View>
</View> </View>
<View className="tips">您暂时还没有绑定任何设备</View> <View className='tips'>您暂时还没有绑定任何设备</View>
</View> </View>
</Block> </Block>
)} )}
</View> </View>
<View className="infobox3"> <View className='infobox3'>
<Swiper <Swiper
autoplay autoplay
onAnimationFinish={this.bannerSwiperchange.bind(this)} onAnimationFinish={this.bannerSwiperchange.bind(this)}
@ -1464,42 +1457,56 @@ class Index extends Component<any, any> {
key={"banner_" + index} key={"banner_" + index}
onClick={this.gobanner.bind(this, item)} onClick={this.gobanner.bind(this, item)}
> >
<Image style="width:100%;height:100%" src={item.fileUrl} /> <Image style='width:100%;height:100%' src={item.fileUrl} />
</SwiperItem> </SwiperItem>
); );
})} })}
</Swiper> </Swiper>
</View> </View>
<View style="height:200rpx"></View> <View style='height:200rpx'></View>
<Popup show={show} className="custom-popup" overlay={false}> <Popup show={show} className='custom-popup' overlay={false}>
<View className="popBox">你已绑定所有设备</View> <View className='popBox'>你已绑定所有设备</View>
</Popup> </Popup>
<Popup show={false} > <Popup show={false}>
<View className="MembraneCloth"> <View className='MembraneCloth'>
<View className="title">膜布选择</View> <View className='title'>膜布选择</View>
<View className="center"> <View className='center '>
{MembraneClothList.map((item, index) => { {MembraneClothList.map((item, index) => {
return ( return (
<View <View
key={index} key={index}
className="list" className='list flex aitems'
> >
<Radio name="1" v-model={this.state.checkedMembraneCloth}>{item.name}</Radio> <View className='flex aitems'>
<Radio v-model={checkedMembraneCloth} />
</View> <Image src={require('@/img/avater.png')}></Image>
); <View className='name_box'>
})} <View className='name'>
{item.name}
</View>
<View className='subTitle'>
描述描述描述描述
</View>
</View>
</View>
<View className='buy flex aitems'>
前往购买
<Image src={require('@/img/index-right.png')}></Image>
</View>
</View>
);
})}
</View> </View>
<View className="popbtnbox flex aitems jcenter"> <View className='popbtnbox flex aitems jcenter'>
<View className="btn1" > <View className='btn1' >
确认 确认
</View> </View>
</View> </View>
</View> </View>
</Popup> </Popup>
{/* </PageMeta> */} {/* </PageMeta> */}
{/* <View {/* <View
style="position:fixed;width:100vw;height:100vh" style="position:fixed;width:100vw;height:100vh"

Write Preview
Loading…
Cancel
Save