huxuejian/ykt-wxapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix:优化显示

Browse Source
This commit is contained in:
Jafeng 2026-01-28 20:01:28 +08:00
parent f16e28c7f0
commit 7da14980a4
10 changed files with 333 additions and 334 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

98
components/archive-detail/health-profile-tab.vue
View File

@ -381,57 +381,57 @@ watch(
<style scoped> <style scoped>
.wrap { .wrap {
padding: 12px 0 96px; padding: 24rpx 0 192rpx;
} }
.filters { .filters {
display: flex; display: flex;
gap: 10px; gap: 20rpx;
padding: 10px 14px; padding: 20rpx 28rpx;
background: #f5f6f8; background: #f5f6f8;
border-bottom: 1px solid #f2f2f2; border-bottom: 2rpx solid #f2f2f2;
} }
.filter-pill { .filter-pill {
background: #fff; background: #fff;
border: 1px solid #e6e6e6; border: 2rpx solid #e6e6e6;
border-radius: 6px; border-radius: 12rpx;
padding: 10px 12px; padding: 20rpx 24rpx;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
gap: 10px; gap: 20rpx;
flex: 1; flex: 1;
} }
.pill-text { .pill-text {
font-size: 13px; font-size: 26rpx;
color: #333; color: #333;
max-width: 180px; max-width: 360rpx;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
.share-tip { .share-tip {
padding: 10px 14px 0; padding: 20rpx 28rpx 0;
} }
.share-tip-text { .share-tip-text {
display: inline-block; display: inline-block;
background: #eef2ff; background: #eef2ff;
color: #4338ca; color: #4338ca;
font-size: 12px; font-size: 24rpx;
padding: 6px 10px; padding: 12rpx 20rpx;
border-radius: 6px; border-radius: 12rpx;
} }
.list { .list {
padding: 0 14px; padding: 0 28rpx;
} }
.card { .card {
background: #fff; background: #fff;
border-radius: 10px; border-radius: 20rpx;
margin-top: 10px; margin-top: 20rpx;
overflow: hidden; overflow: hidden;
box-shadow: 0 6px 14px rgba(0, 0, 0, 0.06); box-shadow: 0 12rpx 28rpx rgba(0, 0, 0, 0.06);
} }
.record { .record {
padding: 0; padding: 0;
@ -439,28 +439,28 @@ watch(
.record-head { .record-head {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 12px 12px 10px; padding: 24rpx 24rpx 20rpx;
gap: 8px; gap: 16rpx;
} }
.record-title { .record-title {
font-size: 15px; font-size: 30rpx;
font-weight: 600; font-weight: 600;
color: #1f1f1f; color: #1f1f1f;
} }
.record-date { .record-date {
font-size: 14px; font-size: 28rpx;
font-weight: 600; font-weight: 600;
color: #333; color: #333;
} }
.record-body { .record-body {
padding: 0 12px 12px; padding: 0 24rpx 24rpx;
} }
.line { .line {
display: flex; display: flex;
padding-top: 10px; padding-top: 20rpx;
font-size: 13px; font-size: 26rpx;
color: #333; color: #333;
line-height: 18px; line-height: 36rpx;
} }
.line-label { .line-label {
flex-shrink: 0; flex-shrink: 0;
@ -475,47 +475,47 @@ watch(
} }
.thumbs { .thumbs {
padding-top: 10px; padding-top: 20rpx;
display: flex; display: flex;
gap: 10px; gap: 20rpx;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
} }
.thumb { .thumb {
width: 84px; width: 168rpx;
height: 64px; height: 128rpx;
border-radius: 6px; border-radius: 12rpx;
overflow: hidden; overflow: hidden;
background: #f3f4f6; background: #f3f4f6;
border: 1px solid #e5e7eb; border: 2rpx solid #e5e7eb;
} }
.thumb-img { .thumb-img {
width: 84px; width: 168rpx;
height: 64px; height: 128rpx;
} }
.thumb-more { .thumb-more {
font-size: 12px; font-size: 24rpx;
color: #6b7280; color: #6b7280;
} }
.record-foot { .record-foot {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding: 12px 12px; padding: 24rpx 24rpx;
border-top: 1px solid #f2f2f2; border-top: 2rpx solid #f2f2f2;
font-size: 12px; font-size: 24rpx;
color: #999; color: #999;
} }
.foot-left { .foot-left {
flex-shrink: 0; flex-shrink: 0;
margin-right: 10px; margin-right: 20rpx;
} }
.record-tag { .record-tag {
font-size: 12px; font-size: 24rpx;
color: #fff; color: #fff;
padding: 4px 8px; padding: 8rpx 16rpx;
border-radius: 8px; border-radius: 16rpx;
} }
.bg-blue { .bg-blue {
background: #4f6ef7; background: #4f6ef7;
@ -537,23 +537,23 @@ watch(
} }
.empty { .empty {
padding: 120px 0; padding: 240rpx 0;
text-align: center; text-align: center;
color: #9aa0a6; color: #9aa0a6;
font-size: 13px; font-size: 26rpx;
} }
.fab { .fab {
position: fixed; position: fixed;
right: 16px; right: 32rpx;
width: 52px; width: 104rpx;
height: 52px; height: 104rpx;
border-radius: 26px; border-radius: 52rpx;
background: #4f6ef7; background: #4f6ef7;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
box-shadow: 0 10px 18px rgba(79, 110, 247, 0.35); box-shadow: 0 20rpx 36rpx rgba(79, 110, 247, 0.35);
z-index: 20; z-index: 20;
} }
</style> </style>

118
components/archive-detail/service-info-tab.vue
View File

@ -420,16 +420,16 @@ watch(
<style scoped> <style scoped>
.wrap { .wrap {
padding: 8px 0 96px; padding: 16rpx 0 192rpx;
} }
.filters { .filters {
padding: 10px 14px; padding: 20rpx 28rpx;
background: #fff; background: #fff;
border-bottom: 1px solid #f0f0f0; border-bottom: 2rpx solid #f0f0f0;
display: flex; display: flex;
align-items: center; align-items: center;
gap: 12px; gap: 24rpx;
} }
.filter-item { .filter-item {
display: block; display: block;
@ -442,18 +442,18 @@ watch(
/* Removed old deep selectors */ /* Removed old deep selectors */
.filter-pill { .filter-pill {
background: #f7f8fa; background: #f7f8fa;
border: 1px solid #e5e7eb; border: 2rpx solid #e5e7eb;
border-radius: 6px; border-radius: 12rpx;
padding: 10px 12px; padding: 20rpx 24rpx;
display: flex; display: flex;
align-items: center; align-items: center;
gap: 8px; gap: 16rpx;
width: 100%; width: 100%;
min-width: 0; min-width: 0;
box-sizing: border-box; /* Ensure padding doesn't overflow width */ box-sizing: border-box; /* Ensure padding doesn't overflow width */
} }
.pill-text { .pill-text {
font-size: 13px; font-size: 26rpx;
color: #333; color: #333;
flex: 1; flex: 1;
min-width: 0; min-width: 0;
@ -478,11 +478,11 @@ watch(
.timeline { .timeline {
background: #fff; background: #fff;
margin-top: 6px; margin-top: 12rpx;
padding: 10px 0 70px; padding: 20rpx 0 140rpx;
} }
.cell { .cell {
padding: 0 14px; padding: 0 28rpx;
position: relative; position: relative;
} }
.head { .head {
@ -490,48 +490,48 @@ watch(
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
height: 44px; height: 88rpx;
padding-left: 18px; padding-left: 36rpx;
} }
.dot { .dot {
position: absolute; position: absolute;
left: 0; left: 0;
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
width: 8px; width: 16rpx;
height: 8px; height: 16rpx;
border-radius: 50%; border-radius: 50%;
background: #4f6ef7; background: #4f6ef7;
} }
.time { .time {
font-size: 14px; font-size: 28rpx;
font-weight: 600; font-weight: 600;
color: #1f1f1f; color: #1f1f1f;
} }
.file-link { .file-link {
font-size: 13px; font-size: 26rpx;
color: #4f6ef7; color: #4f6ef7;
} }
.meta { .meta {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 10px; gap: 20rpx;
padding-left: 18px; padding-left: 36rpx;
margin-bottom: 6px; margin-bottom: 12rpx;
} }
.tag { .tag {
font-size: 12px; font-size: 24rpx;
color: #4f6ef7; color: #4f6ef7;
border: 1px solid #4f6ef7; border: 2rpx solid #4f6ef7;
border-radius: 999px; border-radius: 999rpx;
padding: 4px 8px; padding: 8rpx 16rpx;
} }
.meta-text { .meta-text {
font-size: 13px; font-size: 26rpx;
color: #333; color: #333;
} }
.truncate { .truncate {
max-width: 160px; max-width: 320rpx;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
@ -540,15 +540,15 @@ watch(
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
justify-content: space-between; justify-content: space-between;
padding-left: 18px; padding-left: 36rpx;
padding-bottom: 12px; padding-bottom: 24rpx;
} }
.content { .content {
flex: 1; flex: 1;
font-size: 13px; font-size: 26rpx;
color: #666; color: #666;
line-height: 18px; line-height: 36rpx;
margin-right: 10px; margin-right: 20rpx;
} }
.content.clamp { .content.clamp {
display: -webkit-box; display: -webkit-box;
@ -557,81 +557,81 @@ watch(
overflow: hidden; overflow: hidden;
} }
.pen { .pen {
width: 18px; width: 36rpx;
height: 18px; height: 36rpx;
margin-top: 2px; margin-top: 4rpx;
} }
.line { .line {
position: absolute; position: absolute;
left: 18px; left: 36rpx;
top: 34px; top: 68rpx;
bottom: 0; bottom: 0;
width: 2px; width: 4rpx;
background: #4f6ef7; background: #4f6ef7;
opacity: 0.6; opacity: 0.6;
} }
.empty { .empty {
padding: 120px 0; padding: 240rpx 0;
text-align: center; text-align: center;
color: #9aa0a6; color: #9aa0a6;
font-size: 13px; font-size: 26rpx;
} }
.fab { .fab {
position: fixed; position: fixed;
right: 16px; right: 32rpx;
width: 52px; width: 104rpx;
height: 52px; height: 104rpx;
border-radius: 26px; border-radius: 52rpx;
background: #4f6ef7; background: #4f6ef7;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
box-shadow: 0 10px 18px rgba(79, 110, 247, 0.35); box-shadow: 0 20rpx 36rpx rgba(79, 110, 247, 0.35);
z-index: 20; z-index: 20;
} }
.popup { .popup {
background: #fff; background: #fff;
border-top-left-radius: 10px; border-top-left-radius: 20rpx;
border-top-right-radius: 10px; border-top-right-radius: 20rpx;
overflow: hidden; overflow: hidden;
} }
.popup-title { .popup-title {
position: relative; position: relative;
padding: 14px; padding: 28rpx;
border-bottom: 1px solid #f0f0f0; border-bottom: 2rpx solid #f0f0f0;
} }
.popup-title-text { .popup-title-text {
text-align: center; text-align: center;
font-size: 16px; font-size: 32rpx;
font-weight: 600; font-weight: 600;
color: #333; color: #333;
} }
.popup-close { .popup-close {
position: absolute; position: absolute;
right: 12px; right: 24rpx;
top: 0; top: 0;
height: 100%; height: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
} }
.popup-body2 { .popup-body2 {
padding: 14px; padding: 28rpx;
} }
.desc { .desc {
font-size: 14px; font-size: 28rpx;
color: #333; color: #333;
line-height: 20px; line-height: 40rpx;
word-break: break-all; word-break: break-all;
margin-bottom: 14px; margin-bottom: 28rpx;
} }
.btn { .btn {
width: 100%; width: 100%;
height: 44px; height: 88rpx;
line-height: 44px; line-height: 88rpx;
border-radius: 6px; border-radius: 12rpx;
font-size: 15px; font-size: 30rpx;
} }
.btn::after { .btn::after {
border: none; border: none;

19
components/form-template/form-cell/form-diagnosis-picker.vue
View File

@ -64,34 +64,34 @@ function open() {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding: 12px 14px; padding: 24rpx 28rpx;
border-bottom: 1px solid #eee; border-bottom: 2rpx solid #eee;
} }
.left { .left {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 6px; gap: 12rpx;
} }
.label { .label {
font-size: 14px; font-size: 28rpx;
color: #111827; color: #111827;
font-weight: 700; font-weight: 700;
} }
.required { .required {
color: #ff4d4f; color: #ff4d4f;
font-size: 14px; font-size: 28rpx;
} }
.right { .right {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 8px; gap: 16rpx;
min-width: 120px; min-width: 240rpx;
justify-content: flex-end; justify-content: flex-end;
} }
.value { .value {
font-size: 14px; font-size: 28rpx;
color: #111827; color: #111827;
max-width: 220px; max-width: 440rpx;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
@ -100,4 +100,3 @@ function open() {
color: #9aa0a6; color: #9aa0a6;
} }
</style> </style>

29
components/form-template/form-cell/form-positive-find.vue
View File

@ -101,8 +101,8 @@ function remove(idx) {
<style scoped> <style scoped>
.wrap { .wrap {
padding: 12px 14px; padding: 24rpx 28rpx;
border-bottom: 1px solid #eee; border-bottom: 2rpx solid #eee;
} }
.head { .head {
display: flex; display: flex;
@ -112,31 +112,31 @@ function remove(idx) {
.head-left { .head-left {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 6px; gap: 12rpx;
} }
.label { .label {
font-size: 14px; font-size: 28rpx;
font-weight: 700; font-weight: 700;
color: #111827; color: #111827;
} }
.required { .required {
color: #ff4d4f; color: #ff4d4f;
font-size: 14px; font-size: 28rpx;
} }
.list { .list {
margin-top: 10px; margin-top: 20rpx;
} }
.item { .item {
padding: 10px 0; padding: 20rpx 0;
} }
.item-title { .item-title {
font-size: 14px; font-size: 28rpx;
color: #111827; color: #111827;
font-weight: 600; font-weight: 600;
} }
.item-sub { .item-sub {
margin-top: 6px; margin-top: 12rpx;
font-size: 13px; font-size: 26rpx;
color: #6b7280; color: #6b7280;
white-space: pre-wrap; white-space: pre-wrap;
} }
@ -146,11 +146,11 @@ function remove(idx) {
align-items: stretch; align-items: stretch;
} }
.action { .action {
width: 70px; width: 140rpx;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
font-size: 13px; font-size: 26rpx;
color: #fff; color: #fff;
} }
.action.edit { .action.edit {
@ -160,9 +160,8 @@ function remove(idx) {
background: #ff4d4f; background: #ff4d4f;
} }
.empty { .empty {
margin-top: 10px; margin-top: 20rpx;
font-size: 13px; font-size: 26rpx;
color: #9aa0a6; color: #9aa0a6;
} }
</style> </style>

1
components/form-template/form-cell/index.vue
View File

@ -13,6 +13,7 @@
:disableChange="disableChange" :disableChange="disableChange"
@change="change" @change="change"
/> />
<form-input v-else-if="attrs.type === 'hisCardNo' || attrs.title === 'hisCardNo'" v-bind="attrs" :form="form" :disableChange="disableChange" @change="change" />
<form-surgical-history <form-surgical-history
v-else-if="attrs.title === 'surgicalHistory'" v-else-if="attrs.title === 'surgicalHistory'"
v-bind="attrs" v-bind="attrs"

224
pages/case/archive-detail.vue
View File

@ -762,7 +762,7 @@ const saveAddGroup = async () => {
.page { .page {
min-height: 100vh; min-height: 100vh;
background: #f5f6f8; background: #f5f6f8;
padding-bottom: calc(80px + env(safe-area-inset-bottom)); padding-bottom: calc(160rpx + env(safe-area-inset-bottom));
} }
.card { .card {
@ -772,69 +772,69 @@ const saveAddGroup = async () => {
.header { .header {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
padding: 14px 14px 10px; padding: 28rpx 28rpx 20rpx;
border-bottom: 1px solid #f2f2f2; border-bottom: 2rpx solid #f2f2f2;
} }
.avatar { .avatar {
width: 56px; width: 112rpx;
height: 56px; height: 112rpx;
border-radius: 6px; border-radius: 12rpx;
border: 1px solid #e8e8e8; border: 2rpx solid #e8e8e8;
background: #fafafa; background: #fafafa;
overflow: hidden; overflow: hidden;
flex-shrink: 0; flex-shrink: 0;
} }
.avatar-img { .avatar-img {
width: 56px; width: 112rpx;
height: 56px; height: 112rpx;
} }
.header-main { .header-main {
flex: 1; flex: 1;
min-width: 0; min-width: 0;
padding: 0 10px; padding: 0 20rpx;
} }
.name-row { .name-row {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 8px; gap: 16rpx;
padding-top: 2px; padding-top: 4rpx;
} }
.name { .name {
font-size: 18px; font-size: 36rpx;
font-weight: 600; font-weight: 600;
color: #1f1f1f; color: #1f1f1f;
max-width: 220px; max-width: 440rpx;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
.meta { .meta {
font-size: 13px; font-size: 26rpx;
color: #666; color: #666;
} }
.sub-line { .sub-line {
margin-top: 6px; margin-top: 12rpx;
font-size: 12px; font-size: 24rpx;
color: #666; color: #666;
} }
.id-rows { .id-rows {
margin-top: 6px; margin-top: 12rpx;
} }
.id-row { .id-row {
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 12px; font-size: 24rpx;
color: #666; color: #666;
line-height: 18px; line-height: 36rpx;
} }
.id-label { .id-label {
@ -849,58 +849,58 @@ const saveAddGroup = async () => {
} }
.create-row { .create-row {
margin-top: 6px; margin-top: 12rpx;
} }
.create-text { .create-text {
font-size: 12px; font-size: 24rpx;
color: #999; color: #999;
} }
.header-right { .header-right {
width: 28px; width: 56rpx;
height: 28px; height: 56rpx;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-shrink: 0; flex-shrink: 0;
margin-top: 6px; margin-top: 12rpx;
} }
.cells { .cells {
background: #fff; background: #fff;
padding: 0 14px; padding: 0 28rpx;
} }
.border-bottom { .border-bottom {
border-bottom: 1px solid #f2f2f2; border-bottom: 2rpx solid #f2f2f2;
} }
.info-row { .info-row {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding: 16px 0; padding: 32rpx 0;
min-height: 24px; min-height: 48rpx;
} }
.info-block { .info-block {
padding: 16px 0; padding: 32rpx 0;
} }
.block-header { .block-header {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin-bottom: 8px; margin-bottom: 16rpx;
} }
.block-content { .block-content {
min-height: 20px; min-height: 40rpx;
} }
.input-label { .input-label {
font-size: 15px; font-size: 30rpx;
color: #666; color: #666;
} }
@ -912,15 +912,15 @@ const saveAddGroup = async () => {
.phone-area { .phone-area {
display: flex; display: flex;
align-items: center; align-items: center;
margin-right: 12px; margin-right: 24rpx;
} }
.mr-4 { .mr-4 {
margin-right: 4px; margin-right: 8rpx;
} }
.phone-text { .phone-text {
font-size: 16px; font-size: 32rpx;
color: #4f6ef7; color: #4f6ef7;
font-weight: 500; font-weight: 500;
} }
@ -929,17 +929,17 @@ const saveAddGroup = async () => {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 24px; width: 48rpx;
height: 24px; height: 48rpx;
} }
.placeholder { .placeholder {
font-size: 14px; font-size: 28rpx;
color: #999; color: #999;
} }
.note-content { .note-content {
font-size: 14px; font-size: 28rpx;
color: #333; color: #333;
line-height: 1.5; line-height: 1.5;
word-break: break-all; word-break: break-all;
@ -948,16 +948,16 @@ const saveAddGroup = async () => {
.tags-wrap { .tags-wrap {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 8px; gap: 16rpx;
} }
.tag-item { .tag-item {
height: 24px; height: 48rpx;
line-height: 22px; line-height: 44rpx;
padding: 0 10px; padding: 0 20rpx;
border: 1px solid #4f6ef7; border: 2rpx solid #4f6ef7;
border-radius: 12px; border-radius: 24rpx;
font-size: 12px; font-size: 24rpx;
color: #4f6ef7; color: #4f6ef7;
box-sizing: border-box; box-sizing: border-box;
} }
@ -968,11 +968,11 @@ const saveAddGroup = async () => {
} }
.tabs { .tabs {
margin-top: 10px; margin-top: 20rpx;
background: #fff; background: #fff;
display: flex; display: flex;
border-top: 1px solid #f2f2f2; border-top: 2rpx solid #f2f2f2;
border-bottom: 1px solid #f2f2f2; border-bottom: 2rpx solid #f2f2f2;
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 30; z-index: 30;
@ -981,9 +981,9 @@ const saveAddGroup = async () => {
.tab { .tab {
flex: 1; flex: 1;
text-align: center; text-align: center;
height: 44px; height: 88rpx;
line-height: 44px; line-height: 88rpx;
font-size: 14px; font-size: 28rpx;
color: #333; color: #333;
position: relative; position: relative;
} }
@ -998,11 +998,11 @@ const saveAddGroup = async () => {
position: absolute; position: absolute;
left: 50%; left: 50%;
bottom: 0; bottom: 0;
width: 32px; width: 64rpx;
height: 3px; height: 6rpx;
background: #4f6ef7; background: #4f6ef7;
transform: translateX(-50%); transform: translateX(-50%);
border-radius: 2px; border-radius: 4rpx;
} }
.content { .content {
@ -1017,14 +1017,14 @@ const saveAddGroup = async () => {
} }
.empty-img { .empty-img {
width: 160px; width: 320rpx;
height: 160px; height: 320rpx;
opacity: 0.9; opacity: 0.9;
} }
.empty-text { .empty-text {
margin-top: 10px; margin-top: 20rpx;
font-size: 13px; font-size: 26rpx;
color: #9aa0a6; color: #9aa0a6;
} }
@ -1034,21 +1034,21 @@ const saveAddGroup = async () => {
right: 0; right: 0;
bottom: 0; bottom: 0;
background: #fff; background: #fff;
padding: 12px 14px calc(12px + env(safe-area-inset-bottom)); padding: 24rpx 28rpx calc(24rpx + env(safe-area-inset-bottom));
box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.06); box-shadow: 0 -8rpx 24rpx rgba(0, 0, 0, 0.06);
} }
.bind-btn { .bind-btn {
width: 100%; width: 100%;
height: 44px; height: 88rpx;
background: #4f6ef7; background: #4f6ef7;
color: #fff; color: #fff;
border-radius: 6px; border-radius: 12rpx;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
gap: 8px; gap: 16rpx;
font-size: 15px; font-size: 30rpx;
} }
.bind-text { .bind-text {
@ -1057,52 +1057,52 @@ const saveAddGroup = async () => {
/* ===== 弹窗样式（居中） ===== */ /* ===== 弹窗样式（居中） ===== */
.modal { .modal {
width: 320px; width: 640rpx;
background: #fff; background: #fff;
border-radius: 8px; border-radius: 16rpx;
overflow: hidden; overflow: hidden;
} }
.modal-title { .modal-title {
font-size: 16px; font-size: 32rpx;
font-weight: 600; font-weight: 600;
text-align: center; text-align: center;
padding: 14px 12px; padding: 28rpx 24rpx;
color: #333; color: #333;
border-bottom: 1px solid #f0f0f0; border-bottom: 2rpx solid #f0f0f0;
} }
.modal-body { .modal-body {
padding: 14px 14px 8px; padding: 28rpx 28rpx 16rpx;
} }
.modal-input { .modal-input {
width: 100%; width: 100%;
height: 40px; height: 80rpx;
border: 1px solid #e6e6e6; border: 2rpx solid #e6e6e6;
border-radius: 4px; border-radius: 8rpx;
padding: 0 10px; padding: 0 20rpx;
font-size: 14px; font-size: 28rpx;
box-sizing: border-box; box-sizing: border-box;
} }
.modal-actions { .modal-actions {
display: flex; display: flex;
gap: 12px; gap: 24rpx;
padding: 12px 14px 14px; padding: 24rpx 28rpx 28rpx;
} }
.modal-btn { .modal-btn {
flex: 1; flex: 1;
height: 40px; height: 80rpx;
line-height: 40px; line-height: 80rpx;
text-align: center; text-align: center;
border-radius: 4px; border-radius: 8rpx;
font-size: 14px; font-size: 28rpx;
} }
.modal-btn.cancel { .modal-btn.cancel {
border: 1px solid #4f6ef7; border: 2rpx solid #4f6ef7;
color: #4f6ef7; color: #4f6ef7;
background: #fff; background: #fff;
} }
@ -1115,69 +1115,69 @@ const saveAddGroup = async () => {
/* ===== 底部弹层样式 ===== */ /* ===== 底部弹层样式 ===== */
.sheet { .sheet {
background: #fff; background: #fff;
border-top-left-radius: 10px; border-top-left-radius: 20rpx;
border-top-right-radius: 10px; border-top-right-radius: 20rpx;
overflow: hidden; overflow: hidden;
} }
.sheet-header { .sheet-header {
height: 48px; height: 96rpx;
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0 14px; padding: 0 28rpx;
border-bottom: 1px solid #f0f0f0; border-bottom: 2rpx solid #f0f0f0;
} }
.sheet-title { .sheet-title {
flex: 1; flex: 1;
text-align: center; text-align: center;
font-size: 16px; font-size: 32rpx;
font-weight: 600; font-weight: 600;
color: #333; color: #333;
} }
.sheet-close { .sheet-close {
width: 24px; width: 48rpx;
height: 24px; height: 48rpx;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.sheet-header-left { .sheet-header-left {
width: 24px; width: 48rpx;
} }
.sheet-link { .sheet-link {
min-width: 60px; min-width: 120rpx;
text-align: right; text-align: right;
font-size: 14px; font-size: 28rpx;
color: #4f6ef7; color: #4f6ef7;
} }
.sheet-body { .sheet-body {
padding: 14px; padding: 28rpx;
} }
.notes-textarea { .notes-textarea {
width: 100%; width: 100%;
height: 140px; height: 280rpx;
border: 1px solid #e6e6e6; border: 2rpx solid #e6e6e6;
border-radius: 4px; border-radius: 8rpx;
padding: 10px; padding: 20rpx;
font-size: 14px; font-size: 28rpx;
box-sizing: border-box; box-sizing: border-box;
} }
.counter { .counter {
text-align: right; text-align: right;
margin-top: 8px; margin-top: 16rpx;
font-size: 12px; font-size: 24rpx;
color: #999; color: #999;
} }
.group-list { .group-list {
padding: 8px 14px 14px; padding: 16rpx 28rpx 28rpx;
max-height: 55vh; max-height: 55vh;
overflow: auto; overflow: auto;
} }
@ -1185,26 +1185,26 @@ const saveAddGroup = async () => {
.group-item { .group-item {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 12px 0; padding: 24rpx 0;
} }
.group-name { .group-name {
margin-left: 10px; margin-left: 20rpx;
font-size: 14px; font-size: 28rpx;
color: #333; color: #333;
} }
.sheet-footer { .sheet-footer {
padding: 12px 14px calc(12px + env(safe-area-inset-bottom)); padding: 24rpx 28rpx calc(24rpx + env(safe-area-inset-bottom));
} }
.primary-btn { .primary-btn {
width: 100%; width: 100%;
height: 44px; height: 88rpx;
background: #4f6ef7; background: #4f6ef7;
color: #fff; color: #fff;
border-radius: 4px; border-radius: 8rpx;
font-size: 15px; font-size: 30rpx;
line-height: 44px; line-height: 88rpx;
} }
</style> </style>

48
pages/case/visit-record-detail.vue
View File

@ -28,7 +28,7 @@
</view> </view>
</view> </view>
<view style="height: 120px;"></view> <view style="height: 240rpx;"></view>
</scroll-view> </scroll-view>
<view class="footer"> <view class="footer">
@ -328,7 +328,7 @@ function previewFile(idx) {
.page { .page {
min-height: 100vh; min-height: 100vh;
background: #f5f6f8; background: #f5f6f8;
padding-bottom: calc(76px + env(safe-area-inset-bottom)); padding-bottom: calc(152rpx + env(safe-area-inset-bottom));
} }
.body { .body {
height: 100vh; height: 100vh;
@ -340,24 +340,24 @@ function previewFile(idx) {
} }
.header { .header {
background: #fff; background: #fff;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06); box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.06);
} }
.header-title { .header-title {
padding: 14px 14px; padding: 28rpx 28rpx;
font-size: 16px; font-size: 32rpx;
font-weight: 600; font-weight: 600;
color: #333; color: #333;
} }
.form-wrap { .form-wrap {
background: #fff; background: #fff;
margin-top: 10px; margin-top: 20rpx;
padding: 4px 0; padding: 8rpx 0;
} }
.upload-wrap { .upload-wrap {
background: #fff; background: #fff;
padding: 24rpx 30rpx; padding: 24rpx 30rpx;
border-bottom: 1px solid #eee; border-bottom: 2rpx solid #eee;
} }
.upload-row { .upload-row {
display: flex; display: flex;
@ -384,7 +384,7 @@ function previewFile(idx) {
width: 180rpx; width: 180rpx;
height: 140rpx; height: 140rpx;
position: relative; position: relative;
border: 1px solid #e5e7eb; border: 2rpx solid #e5e7eb;
border-radius: 8rpx; border-radius: 8rpx;
overflow: hidden; overflow: hidden;
background: #f9fafb; background: #f9fafb;
@ -408,7 +408,7 @@ function previewFile(idx) {
.upload-add { .upload-add {
width: 180rpx; width: 180rpx;
height: 140rpx; height: 140rpx;
border: 1px dashed #d1d5db; border: 2rpx dashed #d1d5db;
border-radius: 8rpx; border-radius: 8rpx;
display: flex; display: flex;
align-items: center; align-items: center;
@ -425,17 +425,17 @@ function previewFile(idx) {
right: 0; right: 0;
bottom: 0; bottom: 0;
background: #fff; background: #fff;
padding: 12px 14px calc(12px + env(safe-area-inset-bottom)); padding: 24rpx 28rpx calc(24rpx + env(safe-area-inset-bottom));
display: flex; display: flex;
gap: 12px; gap: 24rpx;
box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.06); box-shadow: 0 -8rpx 24rpx rgba(0, 0, 0, 0.06);
} }
.btn { .btn {
flex: 1; flex: 1;
height: 44px; height: 88rpx;
line-height: 44px; line-height: 88rpx;
border-radius: 6px; border-radius: 12rpx;
font-size: 15px; font-size: 30rpx;
} }
.btn::after { .btn::after {
border: none; border: none;
@ -443,7 +443,7 @@ function previewFile(idx) {
.btn.plain { .btn.plain {
background: #fff; background: #fff;
color: #4f6ef7; color: #4f6ef7;
border: 1px solid #4f6ef7; border: 2rpx solid #4f6ef7;
} }
.btn.primary { .btn.primary {
background: #4f6ef7; background: #4f6ef7;
@ -452,16 +452,16 @@ function previewFile(idx) {
.delete-fab { .delete-fab {
position: fixed; position: fixed;
right: 16px; right: 32rpx;
bottom: calc(96px + env(safe-area-inset-bottom)); bottom: calc(192rpx + env(safe-area-inset-bottom));
width: 52px; width: 104rpx;
height: 52px; height: 104rpx;
border-radius: 26px; border-radius: 52rpx;
background: #fff; background: #fff;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
box-shadow: 0 10px 18px rgba(0, 0, 0, 0.12); box-shadow: 0 20rpx 36rpx rgba(0, 0, 0, 0.12);
z-index: 30; z-index: 30;
} }
</style> </style>

60
pages/case/visit-record-view.vue
View File

@ -267,70 +267,70 @@ function remove() {
.page { .page {
min-height: 100vh; min-height: 100vh;
background: #fff; background: #fff;
padding-bottom: calc(76px + env(safe-area-inset-bottom)); padding-bottom: calc(152rpx + env(safe-area-inset-bottom));
} }
.topbar { .topbar {
background: #5d6df0; background: #5d6df0;
padding: 10px 14px; padding: 20rpx 28rpx;
} }
.topbar-text { .topbar-text {
color: #fff; color: #fff;
font-size: 14px; font-size: 28rpx;
text-align: center; text-align: center;
} }
.content { .content {
padding: 14px 14px 0; padding: 28rpx 28rpx 0;
} }
.section { .section {
margin-bottom: 14px; margin-bottom: 28rpx;
} }
.row { .row {
display: flex; display: flex;
padding: 10px 0; padding: 20rpx 0;
} }
.label { .label {
width: 90px; width: 180rpx;
font-size: 14px; font-size: 28rpx;
font-weight: 600; font-weight: 600;
color: #111827; color: #111827;
} }
.value { .value {
flex: 1; flex: 1;
font-size: 14px; font-size: 28rpx;
color: #111827; color: #111827;
word-break: break-all; word-break: break-all;
} }
.h2 { .h2 {
font-size: 14px; font-size: 28rpx;
font-weight: 700; font-weight: 700;
color: #111827; color: #111827;
padding: 8px 0; padding: 16rpx 0;
} }
.p { .p {
font-size: 14px; font-size: 28rpx;
color: #111827; color: #111827;
line-height: 20px; line-height: 40rpx;
white-space: pre-wrap; white-space: pre-wrap;
} }
.files { .files {
display: flex; display: flex;
gap: 10px; gap: 20rpx;
flex-wrap: wrap; flex-wrap: wrap;
} }
.file { .file {
width: 90px; width: 180rpx;
height: 70px; height: 140rpx;
border: 1px solid #d1d5db; border: 2rpx solid #d1d5db;
background: #f9fafb; background: #f9fafb;
} }
.thumb { .thumb {
width: 90px; width: 180rpx;
height: 70px; height: 140rpx;
} }
.files-empty { .files-empty {
font-size: 13px; font-size: 26rpx;
color: #9aa0a6; color: #9aa0a6;
padding: 8px 0; padding: 16rpx 0;
} }
.footer { .footer {
position: fixed; position: fixed;
@ -338,18 +338,18 @@ function remove() {
right: 0; right: 0;
bottom: 0; bottom: 0;
background: #fff; background: #fff;
padding: 12px 14px calc(12px + env(safe-area-inset-bottom)); padding: 24rpx 28rpx calc(24rpx + env(safe-area-inset-bottom));
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
gap: 14px; gap: 28rpx;
box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.06); box-shadow: 0 -8rpx 24rpx rgba(0, 0, 0, 0.06);
} }
.btn { .btn {
width: 120px; width: 240rpx;
height: 44px; height: 88rpx;
line-height: 44px; line-height: 88rpx;
border-radius: 6px; border-radius: 12rpx;
font-size: 15px; font-size: 30rpx;
} }
.btn::after { .btn::after {
border: none; border: none;
@ -357,7 +357,7 @@ function remove() {
.btn.danger { .btn.danger {
background: #fff; background: #fff;
color: #ff4d4f; color: #ff4d4f;
border: 1px solid #ff4d4f; border: 2rpx solid #ff4d4f;
} }
.btn.primary { .btn.primary {
background: #4f6ef7; background: #4f6ef7;

34
pages/library/diagnosis-list.vue
View File

@ -10,7 +10,7 @@
<uni-icons :type="selectedMap[item.label] ? 'checkmarkempty' : ''" size="22" color="#007aff" /> <uni-icons :type="selectedMap[item.label] ? 'checkmarkempty' : ''" size="22" color="#007aff" />
</view> </view>
<view v-if="showList.length === 0" class="empty">暂无诊断数据</view> <view v-if="showList.length === 0" class="empty">暂无诊断数据</view>
<view style="height: 120px;"></view> <view style="height: 240rpx;"></view>
</scroll-view> </scroll-view>
<view class="footer"> <view class="footer">
@ -132,32 +132,32 @@ function save() {
.page { .page {
min-height: 100vh; min-height: 100vh;
background: #fff; background: #fff;
padding-bottom: calc(76px + env(safe-area-inset-bottom)); padding-bottom: calc(152rpx + env(safe-area-inset-bottom));
} }
.top { .top {
padding: 12px 14px; padding: 24rpx 28rpx;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06); box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.06);
} }
.scroll { .scroll {
height: calc(100vh - 140px); height: calc(100vh - 280rpx);
} }
.row { .row {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding: 14px 14px; padding: 28rpx 28rpx;
border-bottom: 1px solid #f2f2f2; border-bottom: 2rpx solid #f2f2f2;
} }
.label { .label {
font-size: 14px; font-size: 28rpx;
color: #111827; color: #111827;
margin-right: 10px; margin-right: 20rpx;
} }
.empty { .empty {
padding: 60px 0; padding: 120rpx 0;
text-align: center; text-align: center;
color: #9aa0a6; color: #9aa0a6;
font-size: 13px; font-size: 26rpx;
} }
.footer { .footer {
position: fixed; position: fixed;
@ -165,15 +165,15 @@ function save() {
right: 0; right: 0;
bottom: 0; bottom: 0;
background: #fff; background: #fff;
padding: 12px 14px calc(12px + env(safe-area-inset-bottom)); padding: 24rpx 28rpx calc(24rpx + env(safe-area-inset-bottom));
box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.06); box-shadow: 0 -8rpx 24rpx rgba(0, 0, 0, 0.06);
} }
.btn { .btn {
width: 100%; width: 100%;
height: 44px; height: 88rpx;
line-height: 44px; line-height: 88rpx;
border-radius: 6px; border-radius: 12rpx;
font-size: 15px; font-size: 30rpx;
} }
.btn::after { .btn::after {
border: none; border: none;

36
pages/others/edit-positive-find.vue
View File

@ -23,7 +23,7 @@
/> />
</view> </view>
<view style="height: 120px;"></view> <view style="height: 240rpx;"></view>
</scroll-view> </scroll-view>
<view class="footer"> <view class="footer">
@ -68,28 +68,28 @@ function save() {
.page { .page {
min-height: 100vh; min-height: 100vh;
background: #fff; background: #fff;
padding-bottom: calc(76px + env(safe-area-inset-bottom)); padding-bottom: calc(152rpx + env(safe-area-inset-bottom));
} }
.scroll { .scroll {
height: 100vh; height: 100vh;
} }
.section { .section {
padding: 16px 14px 0; padding: 32rpx 28rpx 0;
} }
.title { .title {
font-size: 15px; font-size: 30rpx;
font-weight: 700; font-weight: 700;
color: #111827; color: #111827;
margin-bottom: 10px; margin-bottom: 20rpx;
} }
.textarea { .textarea {
width: 100%; width: 100%;
min-height: 120px; min-height: 240rpx;
border: 1px solid #e5e7eb; border: 2rpx solid #e5e7eb;
border-radius: 8px; border-radius: 16rpx;
padding: 10px; padding: 20rpx;
box-sizing: border-box; box-sizing: border-box;
font-size: 14px; font-size: 28rpx;
color: #111827; color: #111827;
} }
.placeholder { .placeholder {
@ -101,17 +101,17 @@ function save() {
right: 0; right: 0;
bottom: 0; bottom: 0;
background: #fff; background: #fff;
padding: 12px 14px calc(12px + env(safe-area-inset-bottom)); padding: 24rpx 28rpx calc(24rpx + env(safe-area-inset-bottom));
display: flex; display: flex;
gap: 12px; gap: 24rpx;
box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.06); box-shadow: 0 -8rpx 24rpx rgba(0, 0, 0, 0.06);
} }
.btn { .btn {
flex: 1; flex: 1;
height: 44px; height: 88rpx;
line-height: 44px; line-height: 88rpx;
border-radius: 6px; border-radius: 12rpx;
font-size: 15px; font-size: 30rpx;
} }
.btn::after { .btn::after {
border: none; border: none;
@ -119,7 +119,7 @@ function save() {
.btn.plain { .btn.plain {
background: #fff; background: #fff;
color: #4f6ef7; color: #4f6ef7;
border: 1px solid #4f6ef7; border: 2rpx solid #4f6ef7;
} }
.btn.primary { .btn.primary {
background: #4f6ef7; background: #4f6ef7;