添加首页图片

master
阿怪 8 months ago
parent c36401baf6
commit 2e387bc71f

@ -3,9 +3,9 @@
<!-- 这是ai客服!!!! --> <!-- 这是ai客服!!!! -->
<unFab ref="fab" :pattern="pattern" horizontal="left" vertical="bottom" <unFab ref="fab" :pattern="pattern" horizontal="left" vertical="bottom"
direction="horizontal" @fabClick="fabClick" /> direction="horizontal" @fabClick="fabClick" />
</view> </view>
</template> </template>
<script setup> <script setup>
import unFab from '@/uni_modules/uni-fab/components/uni-fab/uni-fab.vue' import unFab from '@/uni_modules/uni-fab/components/uni-fab/uni-fab.vue'
import { onLoad } from "@dcloudio/uni-app" import { onLoad } from "@dcloudio/uni-app"
@ -23,11 +23,11 @@
iconColor: '#fff', iconColor: '#fff',
icon:'headphones' icon:'headphones'
}) })
// const content = ref([{ // const content = ref([{
// iconPath: '/static/image.png', // iconPath: '/static/image.png',
// selectedIconPath: '/static/image-active.png', // selectedIconPath: '/static/image-active.png',
// text: '', // text: '',
// active: false // active: false
// }]) // }])
function fabClick() { function fabClick() {
// uni.showToast({ // uni.showToast({
@ -37,11 +37,11 @@
uni.navigateTo({ uni.navigateTo({
url:"/pages/index/aikefu" url:"/pages/index/aikefu"
}) })
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.aikefuBox{ .aikefuBox{
margin-top: 200rpx; margin-top: 200rpx;
} }
</style> </style>

@ -3,7 +3,9 @@
{ {
"path": "pages/index/index", "path": "pages/index/index",
"style": { "style": {
"navigationBarTitleText": "首页" "navigationBar":"custom",
"navigationBarTitleText":"",
"navigationBarBackgroundImage":"/static/style/bg.png"
} }
}, },
{ {

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

@ -99,7 +99,10 @@
uni.showLoading({ uni.showLoading({
mask:true mask:true
}) })
let operation_info = JSON.parse(uni.getStorageSync('operation_info')) let operation_info = null
if(uni.getStorageSync('operation_info')) {
operation_info = JSON.parse(uni.getStorageSync('operation_info'))
}
if(operation_info && operation_info.hospitalId) { if(operation_info && operation_info.hospitalId) {
const res = await api.getHospitalInfo2({ const res = await api.getHospitalInfo2({
hospitalId:operation_info.hospitalId, hospitalId:operation_info.hospitalId,

@ -149,7 +149,7 @@
const params = { const params = {
leftEyeVision:vision_info.value.left+'', leftEyeVision:vision_info.value.left+'',
rightEyeVision:vision_info.value.right+'', rightEyeVision:vision_info.value.right+'',
userId:userInfo.value.userId userId:userInfo.value?.userId || 0
} }
const res = await api.saveVision(params) const res = await api.saveVision(params)
uni.hideLoading() uni.hideLoading()

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 39 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 206 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 93 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 87 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 82 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 121 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 184 KiB

Loading…
Cancel
Save