Browse Source

ui update

2.0
kola-web 2 weeks ago
parent
commit
8258f667ab
  1. 2
      project.config.json
  2. 15
      src/app.ts
  3. 44
      src/doctor/pages/patientDetail/index.scss
  4. 112
      src/doctor/pages/patientDetail/index.wxml
  5. BIN
      src/images/icon121.png
  6. BIN
      src/images/icon122.png
  7. BIN
      src/images/icon123.png
  8. 10
      src/pages/my/index.wxml
  9. 2
      src/patient/pages/askPatient/index.scss
  10. 2
      src/patient/pages/casesAdd/index.scss

2
project.config.json

@ -66,7 +66,7 @@
], ],
"include": [] "include": []
}, },
"appid": "wx96104303877e3fd9", "appid": "wxa4ece062e60e93a5",
"scripts": { "scripts": {
"beforeCompile": "pnpm run beforeCompile", "beforeCompile": "pnpm run beforeCompile",
"beforePreview": "pnpm run beforeCompile", "beforePreview": "pnpm run beforeCompile",

15
src/app.ts

@ -25,15 +25,16 @@ App<IAppOption>({
globalData: { globalData: {
// dev // dev
// appid:wxa4ece062e60e93a5 // appid:wxa4ece062e60e93a5
// url: 'https://m.wtx.hbraas.com', url: 'https://m.wtx.hbraas.com',
// upFileUrl: 'https://m.wtx.hbraas.com/', upFileUrl: 'https://m.wtx.hbraas.com/',
// imageUrl: 'https://m.wtx.hbraas.com/GeneB/', imageUrl: 'https://m.wtx.hbraas.com/GeneB/',
// pro // pro
// appid:wx96104303877e3fd9 // appid:wx96104303877e3fd9 老的正式环境,已弃用
url: 'https://m.gene.hbsaas.com', // appid:wxfc95e2961d481f58
upFileUrl: 'https://m.gene.hbsaas.com/', // url: 'https://m.hbgene.hbsaas.com',
imageUrl: 'https://m.gene.hbsaas.com/GeneB/', // upFileUrl: 'https://m.hbgene.hbsaas.com/',
// imageUrl: 'https://m.hbgene.hbsaas.com/GeneB/',
Timestamp: new Date().getTime(), Timestamp: new Date().getTime(),

44
src/doctor/pages/patientDetail/index.scss

@ -236,8 +236,46 @@ page {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
.status { .status {
width: 154rpx; width: 144rpx;
height: 40rpx; height: 40rpx;
font-size: 26rpx;
box-sizing: border-box;
display: flex;
align-items: center;
.icon {
position: relative;
z-index: 1;
width: 40rpx;
height: 40rpx;
}
.content {
margin-left: -24rpx;
padding-right: 20rpx;
height: 32rpx;
border-radius: 50rpx;
line-height: 32rpx;
flex: 1;
text-align: right;
border: 1px solid #a1a4ac;
}
&.status1 {
color: #0ed1a7;
.content {
border-color: #0ed1a7;
}
}
&.status2 {
color: #1c6bff;
.content {
border-color: #1c6bff;
}
}
&.status3 {
color: #a1a4ac;
.content {
border-color: #a1a4ac;
}
}
} }
.detail { .detail {
font-size: 28rpx; font-size: 28rpx;
@ -281,7 +319,6 @@ page {
} }
.m-body { .m-body {
.status { .status {
color: rgba(14, 209, 167, 1);
.icon { .icon {
opacity: 1; opacity: 1;
} }
@ -310,9 +347,6 @@ page {
} }
} }
.m-body { .m-body {
.status {
color: rgba(34, 34, 34, 1);
}
.detail { .detail {
color: rgba(28, 107, 255, 1); color: rgba(28, 107, 255, 1);
} }

112
src/doctor/pages/patientDetail/index.wxml

@ -92,21 +92,18 @@
</view> </view>
</view> </view>
<view class="m-body"> <view class="m-body">
<image <view class="status status3" wx:if="{{patientArchiveInfo.periodOneStatus==1}}">
wx:if="{{patientArchiveInfo.periodOneStatus==1}}" <image class="icon" src="{{imageUrl}}icon123.png?t={{Timestamp}}"></image>
class="status" <view class="content">待启动</view>
src="{{imageUrl}}icon103.png?t={{Timestamp}}" </view>
></image> <view class="status status2" wx:elif="{{patientArchiveInfo.pperiodOneStatus==2}}">
<image <image class="icon" src="{{imageUrl}}icon122.png?t={{Timestamp}}"></image>
wx:elif="{{patientArchiveInfo.periodOneStatus==2}}" <view class="content">进行中</view>
class="status" </view>
src="{{imageUrl}}icon102.png?t={{Timestamp}}" <view class="status status1" wx:elif="{{patientArchiveInfo.periodOneStatus==3}}">
></image> <image class="icon" src="{{imageUrl}}icon121.png?t={{Timestamp}}"></image>
<image <view class="content">已完成</view>
wx:elif="{{patientArchiveInfo.periodOneStatus==3}}" </view>
class="status"
src="{{imageUrl}}icon101.png?t={{Timestamp}}"
></image>
<view class="detail" wx:if="{{patientArchiveInfo.periodOneStatus==3}}">查看详情</view> <view class="detail" wx:if="{{patientArchiveInfo.periodOneStatus==3}}">查看详情</view>
</view> </view>
</view> </view>
@ -139,21 +136,18 @@
</view> </view>
</view> </view>
<view class="m-body"> <view class="m-body">
<image <view class="status status3" wx:if="{{patientArchiveInfo.periodTwoStatus==1}}">
wx:if="{{patientArchiveInfo.periodTwoStatus==1}}" <image class="icon" src="{{imageUrl}}icon123.png?t={{Timestamp}}"></image>
class="status" <view class="content">待启动</view>
src="{{imageUrl}}icon103.png?t={{Timestamp}}" </view>
></image> <view class="status status2" wx:elif="{{patientArchiveInfo.periodTwoStatus==2}}">
<image <image class="icon" src="{{imageUrl}}icon122.png?t={{Timestamp}}"></image>
wx:elif="{{patientArchiveInfo.periodTwoStatus==2}}" <view class="content">进行中</view>
class="status" </view>
src="{{imageUrl}}icon102.png?t={{Timestamp}}" <view class="status status1" wx:elif="{{patientArchiveInfo.periodTwoStatus==3}}">
></image> <image class="icon" src="{{imageUrl}}icon121.png?t={{Timestamp}}"></image>
<image <view class="content">已完成</view>
wx:elif="{{patientArchiveInfo.periodTwoStatus==3}}" </view>
class="status"
src="{{imageUrl}}icon101.png?t={{Timestamp}}"
></image>
<view class="detail" wx:if="{{patientArchiveInfo.periodTwoStatus==3}}">查看详情</view> <view class="detail" wx:if="{{patientArchiveInfo.periodTwoStatus==3}}">查看详情</view>
</view> </view>
</view> </view>
@ -175,24 +169,23 @@
注射日 注射日
<view class="tag" wx:if="{{!patientArchiveInfo.injectionDate}}">还未确定注射日</view> <view class="tag" wx:if="{{!patientArchiveInfo.injectionDate}}">还未确定注射日</view>
</view> </view>
<div class="date" wx:if="{{patientArchiveInfo.injectionDate}}">{{patientArchiveInfo.injectionDate}}</div> <view class="date" wx:if="{{patientArchiveInfo.injectionDate}}">
{{patientArchiveInfo.injectionDate}}
</view>
</view> </view>
<view class="m-body"> <view class="m-body">
<image <view class="status status3" wx:if="{{patientArchiveInfo.periodThreeStatus==1}}">
wx:if="{{patientArchiveInfo.periodThreeStatus==1}}" <image class="icon" src="{{imageUrl}}icon123.png?t={{Timestamp}}"></image>
class="status" <view class="content">待启动</view>
src="{{imageUrl}}icon103.png?t={{Timestamp}}" </view>
></image> <view class="status status2" wx:elif="{{patientArchiveInfo.periodThreeStatus==2}}">
<image <image class="icon" src="{{imageUrl}}icon122.png?t={{Timestamp}}"></image>
wx:elif="{{patientArchiveInfo.periodThreeStatus==2}}" <view class="content">进行中</view>
class="status" </view>
src="{{imageUrl}}icon102.png?t={{Timestamp}}" <view class="status status1" wx:elif="{{patientArchiveInfo.periodThreeStatus==3}}">
></image> <image class="icon" src="{{imageUrl}}icon121.png?t={{Timestamp}}"></image>
<image <view class="content">已完成</view>
wx:elif="{{patientArchiveInfo.periodThreeStatus==3}}" </view>
class="status"
src="{{imageUrl}}icon101.png?t={{Timestamp}}"
></image>
<view class="detail" wx:if="{{patientArchiveInfo.periodThreeStatus==3}}">查看详情</view> <view class="detail" wx:if="{{patientArchiveInfo.periodThreeStatus==3}}">查看详情</view>
</view> </view>
</view> </view>
@ -213,21 +206,18 @@
<view class="title">随访计划</view> <view class="title">随访计划</view>
</view> </view>
<view class="m-body"> <view class="m-body">
<image <view class="status status3" wx:if="{{patientArchiveInfo.periodFourStatus==1}}">
wx:if="{{patientArchiveInfo.periodFourStatus==1}}" <image class="icon" src="{{imageUrl}}icon123.png?t={{Timestamp}}"></image>
class="status" <view class="content">待启动</view>
src="{{imageUrl}}icon103.png?t={{Timestamp}}" </view>
></image> <view class="status status2" wx:elif="{{patientArchiveInfo.periodFourStatus==2}}">
<image <image class="icon" src="{{imageUrl}}icon122.png?t={{Timestamp}}"></image>
wx:elif="{{patientArchiveInfo.periodFourStatus==2}}" <view class="content">进行中</view>
class="status" </view>
src="{{imageUrl}}icon102.png?t={{Timestamp}}" <view class="status status1" wx:elif="{{patientArchiveInfo.periodFourStatus==3}}">
></image> <image class="icon" src="{{imageUrl}}icon121.png?t={{Timestamp}}"></image>
<image <view class="content">已完成</view>
wx:elif="{{patientArchiveInfo.periodFourStatus==3}}" </view>
class="status"
src="{{imageUrl}}icon101.png?t={{Timestamp}}"
></image>
<view class="detail" wx:if="{{patientArchiveInfo.periodFourStatus==3}}">查看详情</view> <view class="detail" wx:if="{{patientArchiveInfo.periodFourStatus==3}}">查看详情</view>
</view> </view>
<!-- <view class="btn">待启动</view> --> <!-- <view class="btn">待启动</view> -->

BIN
src/images/icon121.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
src/images/icon122.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
src/images/icon123.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

10
src/pages/my/index.wxml

@ -33,17 +33,11 @@
src="{{imageUrl}}index-apply-label.png?t={{Timestamp}}" src="{{imageUrl}}index-apply-label.png?t={{Timestamp}}"
></image> ></image>
</view> </view>
<view class="list"> <view class="list" wx:if="{{showPatient}}">
<view class="list-header"> <view class="list-header">
<view class="name">切换身份</view> <view class="name">切换身份</view>
</view> </view>
<view <view class="item" bind:tap="routerTo" data-url="/patient/pages/login/index" data-pname="BTN_MY_SWITCHPATIENT">
wx:if="{{showPatient}}"
class="item"
bind:tap="routerTo"
data-url="/patient/pages/login/index"
data-pname="BTN_MY_SWITCHPATIENT"
>
<image class="icon" src="{{imageUrl}}icon13.png?t={{Timestamp}}"></image> <image class="icon" src="{{imageUrl}}icon13.png?t={{Timestamp}}"></image>
<view class="wrap"> <view class="wrap">
<view class="name">我已开启基因治疗</view> <view class="name">我已开启基因治疗</view>

2
src/patient/pages/askPatient/index.scss

@ -106,7 +106,7 @@ page {
line-height: 48rxp; line-height: 48rxp;
padding: 20rpx 32rpx; padding: 20rpx 32rpx;
background-color: #fff; background-color: #fff;
border-radius: 84rpx; border-radius: 24rpx;
} }
} }
.doctor { .doctor {

2
src/patient/pages/casesAdd/index.scss

@ -197,7 +197,6 @@ page {
border-radius: 24rpx 24rpx 24rpx 24rpx; border-radius: 24rpx 24rpx 24rpx 24rpx;
.row { .row {
display: flex; display: flex;
align-items: center;
border-bottom: 1px solid rgba(247, 247, 250, 1); border-bottom: 1px solid rgba(247, 247, 250, 1);
flex-wrap: wrap; flex-wrap: wrap;
line-height: 1.4; line-height: 1.4;
@ -415,6 +414,7 @@ page {
} }
} }
.footer { .footer {
margin-top: 20rpx;
flex-shrink: 0; flex-shrink: 0;
display: flex; display: flex;
align-items: center; align-items: center;

Loading…
Cancel
Save