You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
95 lines
2.4 KiB
95 lines
2.4 KiB
<template>
|
|
<view class="mine-page btPadding">
|
|
<view class="info-wrapper">
|
|
<img class="avatar" src="https://qny.xmz.yitongtang66.com/uploads/20240202/4c91b27887ee12a29beb015ef4dfe71f.jpg" alt="" @click="enlargePicture('https://qny.xmz.yitongtang66.com/uploads/20240202/4c91b27887ee12a29beb015ef4dfe71f.jpg')"/>
|
|
<view class="ft40 name">李静医生</view>
|
|
</view>
|
|
<view class="box-wrapper">
|
|
<box :title="'医生信息'" :icon-name="'mine-icon-doctor.svg'" />
|
|
<box :title="'医院管理'" :icon-name="'mine-icon-hospital.svg'" />
|
|
<box :title="'出诊安排'" :icon-name="'mine-icon-schedule.svg'"/>
|
|
<box :title="'诊疗设置'" :icon-name="'mine-icon-setting.svg'"/>
|
|
</view>
|
|
<view class="bar-wrapper">
|
|
<bar :title="'患者预约'" :icon-name="'mine-bar-prebook.svg'" />
|
|
<bar :title="'助手管理'" :icon-name="'mine-bar-assistant.svg'" />
|
|
<bar :title="'挂号管理'" :icon-name="'mine-bar-registration.svg'" />
|
|
<bar :title="'导出针灸记录'" :icon-name="'mine-bar-records.svg'" />
|
|
<bar :title="'邀请新医生'" :icon-name="'mine-bar-invite.svg'" />
|
|
</view>
|
|
<tabbar current="2" leftButtonText="就诊表"></tabbar>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import Box from '@/components/mineBox.vue';
|
|
import Bar from '@/components/mineBar.vue';
|
|
import tabbar from '@/components/tabbar.vue';
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
cssUrl:this.cssUrl
|
|
}
|
|
},
|
|
components:{
|
|
Box,
|
|
Bar,
|
|
tabbar
|
|
},
|
|
methods: {
|
|
enlargePicture(imgUrl) {
|
|
var list = new Array();
|
|
list[0] = imgUrl;
|
|
uni.previewImage({
|
|
loop: true,
|
|
urls: list
|
|
});
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.mine-page{
|
|
.info-wrapper {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding-top: 17rpx;
|
|
padding-bottom: 35rpx;
|
|
|
|
.avatar {
|
|
width: 160rpx;
|
|
height: 160rpx;
|
|
background: #D8D8D8;
|
|
border-radius: 100%;
|
|
}
|
|
.name {
|
|
font-weight: 500;
|
|
color: #000000;
|
|
line-height: 56rpx;
|
|
margin-top: 8rpx;
|
|
}
|
|
}
|
|
.box-wrapper {
|
|
background-color: #FFFFFF;
|
|
border-radius: 0 0 8rpx 8rpx;
|
|
box-shadow: 0 2rpx 24rpx 0rpx rgba(0,0,0,0.03);
|
|
box-sizing: border-box;
|
|
margin: 0 18rpx;
|
|
padding: 36rpx 24rpx;
|
|
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.bar-wrapper {
|
|
background: #FFFFFF;
|
|
box-shadow: 0rpx 2rpx 24rpx 0rpx rgba(0,0,0,0.03);
|
|
border-radius: 0rpx 0rpx 8rpx 8rpx;
|
|
margin: 20rpx 18rpx 133rpx;
|
|
padding: 38rpx 20rpx 51rpx 26rpx;
|
|
}
|
|
}
|
|
</style>
|
|
|