add file
This commit is contained in:
@@ -0,0 +1,32 @@
|
||||
// Pages/home.js
|
||||
const app = getApp()
|
||||
Page({
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
active: 0,
|
||||
active_color: "rgb(116,162,250)",
|
||||
navbarData: {
|
||||
showCapsule: 1, //是否显示左上角图标 1表示显示 0表示不显示
|
||||
title: '药师端', //导航栏 中间的标题
|
||||
},
|
||||
// 此页面 页面内容距最顶部的距离
|
||||
height: app.globalData.height
|
||||
},
|
||||
|
||||
onLoad() {
|
||||
console.log(this.data.height)
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow: function () {
|
||||
if (typeof this.getTabBar === 'function' && this.getTabBar()) {
|
||||
this.getTabBar().setData({
|
||||
currentTab: 0 //数字是当前页面在tabbar的索引,如我的查询页索引是2,因此这边为2,同理首页就为0,审批页面为1
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
@@ -0,0 +1,10 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"te-nav-bar": "/commpents/te_navbar",
|
||||
"van-tab": "@vant/weapp/tab/index",
|
||||
"van-tabs": "@vant/weapp/tabs/index",
|
||||
"t-avatar": "tdesign-miniprogram/avatar/avatar",
|
||||
"van-button": "@vant/weapp/button/index"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,101 @@
|
||||
<te-nav-bar navbar-data='{{navbarData}}' ></te-nav-bar>
|
||||
<view class="container">
|
||||
<view class="main title">
|
||||
<view class="photo">
|
||||
<t-avatar class="avatar-example" width="20" image="https://gdxz-hospital.oss-cn-chengdu.aliyuncs.com/applet/doctor/static/images/default_photo.png" />
|
||||
</view>
|
||||
<view class="name">
|
||||
<view class="realname">李四</view>
|
||||
<view class="today_num">今日审方 9</view>
|
||||
</view>
|
||||
<view class="status">
|
||||
<view class="status_text status_offline">离线</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="main content">
|
||||
<van-tabs active="{{ active }}" color="{{ active_color }}" bind:change="onChange">
|
||||
<van-tab title="待审核处方">
|
||||
<view class="item">
|
||||
<view class="item_txt">
|
||||
<view class="pre_content">处方订单号:2023010510324649</view>
|
||||
<view class="end_content">
|
||||
<navigator url="/Pages/yaoshi/medicalrecord/medicalrecord" open-type="navigate" hover-class="other-navigator-hover">
|
||||
<van-button type="primary" size="small">查看病例</van-button>
|
||||
</navigator>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="item_txt">
|
||||
<view class="pre_content">开方时间:2023-01-16 08:52</view>
|
||||
<view class="end_content">
|
||||
<navigator url="/Pages/yaoshi/medicalrecord/medicalrecord" open-type="navigate" hover-class="other-navigator-hover">
|
||||
<van-button type="primary" size="small">查看病例</van-button>
|
||||
</navigator>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="item_txt">
|
||||
<view class="pre_content">张三/男/45岁</view>
|
||||
<view class="end_content">
|
||||
<van-button type="primary" color="linear-gradient(to bottom, #5EA8D5, #63CFEA)" size="small">去审方</van-button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="item">
|
||||
<view class="item_txt">
|
||||
<view class="pre_content">处方订单号:2023010510324649</view>
|
||||
<view class="end_content">
|
||||
<van-button type="primary" size="small">查看病例</van-button>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="item_txt">
|
||||
<view class="pre_content">开方时间:2023-01-16 08:52</view>
|
||||
<view class="end_content">
|
||||
<van-button type="primary" size="small">查看病例</van-button>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="item_txt">
|
||||
<view class="pre_content">张三/男/45岁</view>
|
||||
<view class="end_content">
|
||||
<van-button type="primary" color="linear-gradient(to bottom, #5EA8D5, #63CFEA)" size="small">去审方</van-button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</van-tab>
|
||||
<van-tab title="已审核处方">
|
||||
<view class="item">
|
||||
<view class="pre_content">
|
||||
处方订单号 2023010510324649
|
||||
</view>
|
||||
<view class="end_content">
|
||||
<van-button type="primary" size="mini">迷你按钮</van-button>
|
||||
</view>
|
||||
</view>
|
||||
</van-tab>
|
||||
<van-tab title="驳回处方">
|
||||
<view class="item">
|
||||
<view class="pre_content">
|
||||
处方订单号 2023010510324649
|
||||
</view>
|
||||
<view class="end_content">
|
||||
<van-button type="primary" size="mini">迷你按钮</van-button>
|
||||
</view>
|
||||
</view>
|
||||
</van-tab>
|
||||
<van-tab title="不通过">
|
||||
<view class="item">
|
||||
<view class="pre_content">
|
||||
处方订单号 2023010510324649
|
||||
</view>
|
||||
<view class="end_content">
|
||||
<van-button type="primary" size="mini">迷你按钮</van-button>
|
||||
</view>
|
||||
</view>
|
||||
</van-tab>
|
||||
</van-tabs>
|
||||
</view>
|
||||
</view>
|
||||
@@ -0,0 +1,93 @@
|
||||
.container{
|
||||
background-color: #F4F5F7;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
.main{
|
||||
width: 90vw;
|
||||
margin: 30rpx auto 0 auto;
|
||||
background-color: #ffffff;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.title{
|
||||
height: 200rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.photo{
|
||||
flex: 1;
|
||||
/* background-color: cyan; */
|
||||
}
|
||||
.name{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 2;
|
||||
font-size: 30rpx;
|
||||
line-height: 50rpx;
|
||||
/* background-color: burlywood; */
|
||||
}
|
||||
.today_num{
|
||||
font-size: 28rpx;
|
||||
color: rgb(116,162,250);
|
||||
}
|
||||
.status{
|
||||
flex: 1;
|
||||
/* background-color: #ace247; */
|
||||
height: 70%;
|
||||
}
|
||||
.status_offline{
|
||||
background-color: #BFBFBF;
|
||||
}
|
||||
.status_text{
|
||||
display: inline-block;
|
||||
padding: 10rpx 20rpx;
|
||||
border-radius: 20rpx;
|
||||
word-spacing: 10rpx;
|
||||
letter-spacing: 10rpx;
|
||||
float: right;
|
||||
margin-right: 25rpx;
|
||||
font-size: 20rpx;
|
||||
}
|
||||
.custom-tabs {
|
||||
margin-bottom: 32rpx;
|
||||
}
|
||||
.avatar-example {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.external-class-content {
|
||||
color: #fff;
|
||||
background-color: #0052d9;
|
||||
font-weight: 400;
|
||||
}
|
||||
.avatar-example--medium:not(:last-child) {
|
||||
margin-right: 96rpx;
|
||||
}
|
||||
.item{
|
||||
border-top: solid rgb(187, 185, 185) 1rpx;
|
||||
width: 95%;
|
||||
margin: 10rpx auto;
|
||||
}
|
||||
.item_txt{
|
||||
display: flex;
|
||||
/* background-color: #0052d9; */
|
||||
padding: 10rpx 0;
|
||||
}
|
||||
.pre_content{
|
||||
display: flex;
|
||||
flex: 3;
|
||||
/* background-color: chartreuse; */
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
margin-left: 20rpx;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
.end_content{
|
||||
display: flex;
|
||||
flex: 1;
|
||||
justify-content:center;
|
||||
align-items: center;
|
||||
/* background-color: coral; */
|
||||
}
|
||||
Reference in New Issue
Block a user