|
|
|
@ -71,7 +71,7 @@
|
|
|
|
|
isSurgery.value = e.detail.value
|
|
|
|
|
}
|
|
|
|
|
const single = ref('')
|
|
|
|
|
function maskClick(e){
|
|
|
|
|
function maskClick(e){
|
|
|
|
|
}
|
|
|
|
|
const hValue = ref('') // 医院
|
|
|
|
|
const hValueId = ref('') // 医院id
|
|
|
|
@ -181,59 +181,73 @@
|
|
|
|
|
</script>
|
|
|
|
|
<template>
|
|
|
|
|
<view class="content page-box">
|
|
|
|
|
<!-- 背景图 -->
|
|
|
|
|
<view class="bg-imgs-card">
|
|
|
|
|
<image src="../../static/style/bg.png" mode="aspectFill"></image>
|
|
|
|
|
</view>
|
|
|
|
|
<!-- 轮播图 -->
|
|
|
|
|
<mySwiper :indicatorDots="true" :isRadius="true" height="160" class="index-siwper margin-b-card" :lbt_list="lbt_list" style="width: 100%;" />
|
|
|
|
|
<view class="main-cards" @tap="toExam">
|
|
|
|
|
<!-- <view class="main-cards" @tap="toExam">
|
|
|
|
|
<view class="mc-row">
|
|
|
|
|
<view>视力测试</view>
|
|
|
|
|
<uni-icons type="forward" color="#9bc027" size="20"></uni-icons>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view> -->
|
|
|
|
|
<view class="attention-card">
|
|
|
|
|
<view class="part-title">
|
|
|
|
|
<!-- <view class="part-title">
|
|
|
|
|
测试记录
|
|
|
|
|
</view>
|
|
|
|
|
<view class="ac-parts">
|
|
|
|
|
</view> -->
|
|
|
|
|
<!-- <view class="ac-parts">
|
|
|
|
|
<view @tap="toVisionList" class="ac-part" style="color: gray;" >
|
|
|
|
|
视力测试记录
|
|
|
|
|
<uni-icons type="forward" color="gray" size="20"></uni-icons>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view> -->
|
|
|
|
|
</view>
|
|
|
|
|
<view class="attention-card">
|
|
|
|
|
<!-- <view class="attention-card">
|
|
|
|
|
<view class="part-title">
|
|
|
|
|
事务处理
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view> -->
|
|
|
|
|
<view class="main-cards">
|
|
|
|
|
<view @tap="todoFunc(0)" class="mc-part" style="margin-left: 0;">
|
|
|
|
|
<image class="mc-bg-card" src="../../static/style/done.png" mode=""></image>
|
|
|
|
|
<view class="mc-part-text">已完成事项</view>
|
|
|
|
|
<image src="../../static/done.png" mode="widthFix"></image>
|
|
|
|
|
<!-- <image src="../../static/done.png" mode="widthFix"></image> -->
|
|
|
|
|
</view>
|
|
|
|
|
<view @tap="todoFunc(1)" class="mc-part mc-part2" style="margin-right: 0;">
|
|
|
|
|
<image class="mc-bg-card" src="../../static/style/undone.png" mode=""></image>
|
|
|
|
|
<view class="mc-part-text">待完成事项</view>
|
|
|
|
|
<image style="transform: rotate(0deg);" src="../../static/undone.png" mode="widthFix"></image>
|
|
|
|
|
<!-- <image style="transform: rotate(0deg);" src="../../static/undone.png" mode="widthFix"></image> -->
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="attention-card">
|
|
|
|
|
<view class="part-title">
|
|
|
|
|
<!-- <view class="part-title">
|
|
|
|
|
注意事项
|
|
|
|
|
</view>
|
|
|
|
|
</view> -->
|
|
|
|
|
<view class="ac-parts">
|
|
|
|
|
<view @tap="toNote(0)" class="ac-part" style="background: linear-gradient(45deg, #ffa2a2,#ffd3d3, #ffffff00);">
|
|
|
|
|
<!-- <view @tap="toNote(0)" class="ac-part" style="background: linear-gradient(45deg, #ffa2a2,#ffd3d3, #ffffff00);">
|
|
|
|
|
术前注意事项
|
|
|
|
|
<uni-icons type="forward" color="#ffa2a2" size="20"></uni-icons>
|
|
|
|
|
</view> -->
|
|
|
|
|
<view @tap="toNote(0)" class="ac-part" >
|
|
|
|
|
<view class="note-text">术前注意事项</view>
|
|
|
|
|
<image class="note-bg" src="../../static/style/note1.png" mode=""></image>
|
|
|
|
|
</view>
|
|
|
|
|
<view @tap="toNote(1)" class="ac-part" style="background: linear-gradient(45deg, #f9b275,#fff3e9, #ffffff00);">
|
|
|
|
|
术中注意事项
|
|
|
|
|
<uni-icons type="forward" color="#f9b275" size="20"></uni-icons>
|
|
|
|
|
<view @tap="toNote(1)" class="ac-part" >
|
|
|
|
|
<view class="note-text">术中注意事项</view>
|
|
|
|
|
<image class="note-bg" src="../../static/style/note3.png" mode=""></image>
|
|
|
|
|
</view>
|
|
|
|
|
<view @tap="toNote(2)" class="ac-part" style="background: linear-gradient(45deg, #8fdc8a,#fdfdfd, #ffffff00);">
|
|
|
|
|
术后注意事项
|
|
|
|
|
<uni-icons type="forward" color="#8fdc8a" size="20"></uni-icons>
|
|
|
|
|
<view @tap="toNote(2)" class="ac-part" >
|
|
|
|
|
<view class="note-text">术后注意事项</view>
|
|
|
|
|
<image class="note-bg" src="../../static/style/note2.png" mode=""></image>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="test-card" @tap="toExam">
|
|
|
|
|
<view class="test-text">视力自测小助手</view>
|
|
|
|
|
<image class="test-img" src="../../static/style/test.png" mode=""></image>
|
|
|
|
|
</view>
|
|
|
|
|
<uni-popup ref="inputDialog" @tap="toBlur" :is-mask-click='false'>
|
|
|
|
|
<view class="pop-box">
|
|
|
|
|
<view class="pb-title">完善手术信息</view>
|
|
|
|
@ -282,6 +296,37 @@
|
|
|
|
|
</view>
|
|
|
|
|
</template>
|
|
|
|
|
<style scoped lang="scss">
|
|
|
|
|
.test-card{
|
|
|
|
|
padding: 30rpx 20rpx;
|
|
|
|
|
margin: 20rpx 0;
|
|
|
|
|
margin-top: 60rpx;
|
|
|
|
|
position: relative;
|
|
|
|
|
width: 50%;
|
|
|
|
|
.test-text{
|
|
|
|
|
position: relative;
|
|
|
|
|
z-index: 2;
|
|
|
|
|
}
|
|
|
|
|
.test-img{
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0px;
|
|
|
|
|
left: 0px;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
z-index: 1;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.bg-imgs-card{
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0px;
|
|
|
|
|
left: 0px;
|
|
|
|
|
image{
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
}
|
|
|
|
|
z-index: -1;
|
|
|
|
|
}
|
|
|
|
|
.pb-item-btn{
|
|
|
|
|
padding: 20rpx 0;
|
|
|
|
|
text-align: center;
|
|
|
|
@ -354,17 +399,31 @@
|
|
|
|
|
font-weight: 900;
|
|
|
|
|
}
|
|
|
|
|
.attention-card{
|
|
|
|
|
margin-top: 20rpx;
|
|
|
|
|
// margin-top: 20rpx;
|
|
|
|
|
width: 100%;
|
|
|
|
|
.ac-parts{
|
|
|
|
|
margin-top: 20rpx;
|
|
|
|
|
.ac-part{
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
// display: flex;
|
|
|
|
|
// align-items: center;
|
|
|
|
|
// justify-content: space-between;
|
|
|
|
|
padding:30rpx 20rpx;
|
|
|
|
|
color: white;
|
|
|
|
|
// color: white;
|
|
|
|
|
margin: 20rpx 0;
|
|
|
|
|
position: relative;
|
|
|
|
|
.note-text{
|
|
|
|
|
position: relative;
|
|
|
|
|
z-index: 2;
|
|
|
|
|
}
|
|
|
|
|
.note-bg{
|
|
|
|
|
position: absolute;
|
|
|
|
|
/* z-index: 1; */
|
|
|
|
|
height: 100%;
|
|
|
|
|
width: 100%;
|
|
|
|
|
right: 0px;
|
|
|
|
|
top: 0px;
|
|
|
|
|
z-index: 1;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
@ -373,13 +432,17 @@
|
|
|
|
|
.mc-part-text{
|
|
|
|
|
position: relative;
|
|
|
|
|
z-index: 10;
|
|
|
|
|
font-size: 36rpx;
|
|
|
|
|
font-size: 28rpx;
|
|
|
|
|
font-weight: 900;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
height: 100%;
|
|
|
|
|
}
|
|
|
|
|
width: 50%;
|
|
|
|
|
/* text-align: center; */
|
|
|
|
|
background: linear-gradient(200deg, #82d8f2, #ddecf0);
|
|
|
|
|
color: white;
|
|
|
|
|
background: linear-gradient(220deg, #9cd2bc, #fff);
|
|
|
|
|
// color: white;
|
|
|
|
|
color: #484848;
|
|
|
|
|
padding: 40rpx 20rpx;
|
|
|
|
|
margin: 0 20rpx;
|
|
|
|
|
border-radius: 20rpx;
|
|
|
|
@ -388,16 +451,20 @@
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
image{
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 66%;
|
|
|
|
|
right: 0;
|
|
|
|
|
bottom: -20%;
|
|
|
|
|
z-index: 1;
|
|
|
|
|
// transform: rotate(315deg);
|
|
|
|
|
transform: rotate(45deg);
|
|
|
|
|
left: 0;
|
|
|
|
|
top: 0px;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
// position: absolute;
|
|
|
|
|
// width: 66%;
|
|
|
|
|
// right: 0;
|
|
|
|
|
// bottom: -20%;
|
|
|
|
|
// z-index: 1;
|
|
|
|
|
// transform: rotate(45deg);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.mc-part2{
|
|
|
|
|
background: linear-gradient(200deg,#bbf4d5, #50c053);
|
|
|
|
|
background: linear-gradient(220deg, #9cd2bc, #fff);
|
|
|
|
|
// text-align: right;
|
|
|
|
|
}
|
|
|
|
|
display: flex;
|
|
|
|
@ -423,14 +490,16 @@
|
|
|
|
|
margin-top: 20rpx;
|
|
|
|
|
}
|
|
|
|
|
.page-box{
|
|
|
|
|
padding: 20rpx;
|
|
|
|
|
padding: 0 20rpx;
|
|
|
|
|
min-height: unset;
|
|
|
|
|
}
|
|
|
|
|
.content {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
align-items: center;
|
|
|
|
|
// align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
position: relative;
|
|
|
|
|
height: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.logo {
|
|
|
|
@ -451,6 +520,7 @@
|
|
|
|
|
font-size: 36rpx;
|
|
|
|
|
color: #8f8f94;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
image{will-change: transform}
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|