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 {
position: relative;
width: 670rpx;
height: 840rpx;
border-radius: 30rpx;
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 {
font-style: normal;
width: 270rpx;
@ -532,28 +542,57 @@ page {
border-radius: 45rpx;
font-size: 32rpx;
font-weight: bold;
margin-top: 55rpx;
color: #ffffff;
}
.center{
height: 70%;
background-color: red;
.list{
.center {
margin-bottom: 44rpx;
.list {
width: 100%;
height: 117rpx;
background-color: #41a9fc;
border-bottom: 2rpx solid black;
display: flex;
height: 150rpx;
background: linear-gradient(90deg, #efdcc2, #fff2df);
border-radius: 30rpx;
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 {
font-weight: bold;
text-align: center;

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

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

Write Preview
Loading…
Cancel
Save