fix: 自测问题修复。
This commit is contained in:
@@ -82,7 +82,7 @@
|
||||
<view class="item-header">
|
||||
<view class="card-name-section">
|
||||
<view class="card-icon">
|
||||
<uni-icons type="compose" size="20" color="#ffffff"></uni-icons>
|
||||
<uni-icons type="folder-add-filled" size="20" color="#ffffff"></uni-icons>
|
||||
</view>
|
||||
<view class="card-info">
|
||||
<text class="card-name">{{ item.name }}</text>
|
||||
|
||||
@@ -69,7 +69,7 @@
|
||||
<view class="item-header">
|
||||
<view class="card-name-section">
|
||||
<view class="card-icon">
|
||||
<uni-icons type="person-filled" size="20" color="#ffffff"></uni-icons>
|
||||
<uni-icons type="staff" size="20" color="#ffffff"></uni-icons>
|
||||
</view>
|
||||
<view class="card-info">
|
||||
<text class="card-name">{{ item.personName }}</text>
|
||||
|
||||
@@ -70,29 +70,29 @@ import auth from "@/plugins/auth"; // 建议使用auth进行鉴权操作
|
||||
import { ref } from "vue";
|
||||
|
||||
const healthGridList = ref([
|
||||
{ path: '/pages/health/person/list', text: '成员管理', icon: 'staff-filled', color: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)', permission: 'health:person:list' },
|
||||
{ path: '/pages/health/healthRecord/list', text: '健康档案', icon: 'bars', color: 'linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)', permission: 'health:healthRecord:list' },
|
||||
{ path: '/pages/health/processRecord/list', text: '过程记录', icon: 'list', color: 'linear-gradient(135deg, #fa709a 0%, #fee140 100%)', permission: 'health:processRecord:list' },
|
||||
{ path: '/pages/health/doctorRecord/list', text: '就医记录', icon: 'medical-filled', color: 'linear-gradient(135deg, #f093fb 0%, #f5576c 100%)', permission: 'health:doctorRecord:list' },
|
||||
{ path: '/pages/health/marRecord/list', text: '用药记录', icon: 'notification-filled', color: 'linear-gradient(135deg, #d38cff 0%, #9d50bb 100%)', permission: 'health:marRecord:list' },
|
||||
{ path: '/pages/health/person/list', text: '成员管理', icon: 'person-filled', color: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)', permission: 'health:person:list' },
|
||||
{ path: '/pages/health/healthRecord/list', text: '健康档案', icon: 'folder-add-filled', color: 'linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)', permission: 'health:healthRecord:list' },
|
||||
{ path: '/pages/health/processRecord/list', text: '过程记录', icon: 'compose', color: 'linear-gradient(135deg, #fa709a 0%, #fee140 100%)', permission: 'health:processRecord:list' },
|
||||
{ path: '/pages/health/doctorRecord/list', text: '就医记录', icon: 'heart-filled', color: 'linear-gradient(135deg, #f093fb 0%, #f5576c 100%)', permission: 'health:doctorRecord:list' },
|
||||
{ path: '/pages/health/marRecord/list', text: '用药记录', icon: 'color', color: 'linear-gradient(135deg, #d38cff 0%, #9d50bb 100%)', permission: 'health:marRecord:list' },
|
||||
{ path: '/pages/health/temperatureRecord/list', text: '体温记录', icon: 'fire-filled', color: 'linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%)', permission: 'health:temperatureRecord:list' },
|
||||
{ path: '/pages/health/heightWeightRecord/list', text: '身高体重记录', icon: 'person-filled', color: 'linear-gradient(135deg, #11998e 0%, #38ef7d 100%)', permission: 'health:heightWeightRecord:list' },
|
||||
{ path: '/pages/health/heightWeightRecord/list', text: '身高体重记录', icon: 'staff', color: 'linear-gradient(135deg, #11998e 0%, #38ef7d 100%)', permission: 'health:heightWeightRecord:list' },
|
||||
{ path: '/pages/health/activity/list', text: '活动记录', icon: 'flag-filled', color: 'linear-gradient(135deg, #f6d365 0%, #fda085 100%)', permission: 'health:activity:list' },
|
||||
{ path: '/pages/health/medicineBasic/list', text: '药品基础信息', icon: 'folder-add-filled', color: 'linear-gradient(135deg, #5f72bd 0%, #9b23ea 100%)', permission: 'health:medicineBasic:list' },
|
||||
{ path: '/pages/health/medicineBasic/list', text: '药品基础信息', icon: 'locked', color: 'linear-gradient(135deg, #5f72bd 0%, #9b23ea 100%)', permission: 'health:medicineBasic:list' },
|
||||
{ path: '/pages/health/medicineStockIn/list', text: '药品入库清单', icon: 'download-filled', color: 'linear-gradient(135deg, #17c0eb 0%, #f368e0 100%)', permission: 'health:medicineStockIn:list' },
|
||||
{ path: '/pages/health/medicineStock/list', text: '药品实时库存', icon: 'color', color: 'linear-gradient(135deg, #0be881 0%, #0fbcf9 100%)', permission: 'health:medicineStockIn:list' }
|
||||
{ path: '/pages/health/medicineStock/list', text: '药品实时库存', icon: 'shop', color: 'linear-gradient(135deg, #0be881 0%, #0fbcf9 100%)', permission: 'health:medicineStockIn:list' }
|
||||
])
|
||||
|
||||
const babycareGridList = ref([
|
||||
{ path: '/pages/health/milkPowderRecord/list', text: '吃奶记录', icon: 'wine', color: 'linear-gradient(135deg, #fa8231 0%, #f7971e 100%)', permission: 'health:milkPowderRecord:list' },
|
||||
{ path: '/pages/health/statistic/milkPowderStatistic/index', text: '吃奶量统计', icon: 'pie-chart', color: 'linear-gradient(135deg, #00d2ff 0%, #3a7bd5 100%)', permission: 'health:milkPowderStatistic:list' }
|
||||
{ path: '/pages/health/milkPowderRecord/list', text: '吃奶记录', icon: 'gift-filled', color: 'linear-gradient(135deg, #fa8231 0%, #f7971e 100%)', permission: 'health:milkPowderRecord:list' },
|
||||
{ path: '/pages/health/statistic/milkPowderStatistic/index', text: '吃奶量统计', icon: 'bars', color: 'linear-gradient(135deg, #00d2ff 0%, #3a7bd5 100%)', permission: 'health:milkPowderStatistic:list' }
|
||||
])
|
||||
|
||||
const healthStaticGridList = ref([
|
||||
{ path: '/pages/health/statistic/healthStatistic/index', text: '档案统计', icon: 'map', color: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)', permission: 'health:healthRecord:list' },
|
||||
{ path: '/pages/health/statistic/doctorStatistic/index', text: '就医统计', icon: 'eye-filled', color: 'linear-gradient(135deg, #fc5c65 0%, #fd79a8 100%)', permission: 'health:doctorRecord:list' },
|
||||
{ path: '/pages/health/statistic/marStatistic/index', text: '用药统计', icon: 'heart-filled', color: 'linear-gradient(135deg, #fd79a8 0%, #e84393 100%)', permission: 'health:marRecord:list' },
|
||||
{ path: '/pages/health/statistic/temperatureStatistic/index', text: '体温统计', icon: 'fire', color: 'linear-gradient(135deg, #f6d365 0%, #fda085 100%)', permission: 'health:temperatureRecord:list' }
|
||||
{ path: '/pages/health/statistic/healthStatistic/index', text: '档案统计', icon: 'paperplane-filled', color: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)', permission: 'health:healthRecord:list' },
|
||||
{ path: '/pages/health/statistic/doctorStatistic/index', text: '就医统计', icon: 'home-filled', color: 'linear-gradient(135deg, #fc5c65 0%, #fd79a8 100%)', permission: 'health:doctorRecord:list' },
|
||||
{ path: '/pages/health/statistic/marStatistic/index', text: '用药统计', icon: 'wallet-filled', color: 'linear-gradient(135deg, #fd79a8 0%, #e84393 100%)', permission: 'health:marRecord:list' },
|
||||
{ path: '/pages/health/statistic/temperatureStatistic/index', text: '体温统计', icon: 'loop', color: 'linear-gradient(135deg, #f6d365 0%, #fda085 100%)', permission: 'health:temperatureRecord:list' }
|
||||
])
|
||||
function navigateTo(path) {
|
||||
uni.navigateTo({
|
||||
|
||||
@@ -94,13 +94,15 @@
|
||||
<view class="item-header">
|
||||
<view class="card-name-section">
|
||||
<view class="card-icon">
|
||||
<uni-icons type="heart-filled" size="20" color="#ffffff"></uni-icons>
|
||||
<uni-icons type="color" size="20" color="#ffffff"></uni-icons>
|
||||
</view>
|
||||
<view class="card-info">
|
||||
<text class="card-name">{{ item.name }}</text>
|
||||
<text class="card-code">{{ item.dosage }} {{ dictStr(item.unit, unitList) }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="dosage-section">
|
||||
<text class="dosage-value">{{ item.dosage }} {{ dictStr(item.unit, unitList) }}</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="card-body">
|
||||
@@ -708,26 +710,31 @@ page {
|
||||
|
||||
.card-name {
|
||||
color: #ffffff;
|
||||
font-size: 30rpx;
|
||||
font-size: 26rpx;
|
||||
font-weight: 700;
|
||||
line-height: 1.3;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
flex-shrink: 0;
|
||||
flex: 1;
|
||||
letter-spacing: 0.5rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.dosage-section {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-shrink: 0;
|
||||
|
||||
.card-code {
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
font-size: 24rpx;
|
||||
font-weight: 500;
|
||||
.dosage-value {
|
||||
color: rgba(255, 255, 255, 0.95);
|
||||
font-size: 26rpx;
|
||||
font-weight: 600;
|
||||
line-height: 1.3;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
padding: 8rpx 16rpx;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
border-radius: 8rpx;
|
||||
letter-spacing: 0.3rpx;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -79,7 +79,7 @@
|
||||
<view class="item-header">
|
||||
<view class="card-name-section">
|
||||
<view class="card-icon">
|
||||
<uni-icons type="plusempty" size="20" color="#ffffff"></uni-icons>
|
||||
<uni-icons type="locked" size="20" color="#ffffff"></uni-icons>
|
||||
</view>
|
||||
<view class="card-info">
|
||||
<text class="card-name">{{ item.shortName }}-{{ item.brand }}({{ item.packaging }})</text>
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
<view class="item-header" @click="enterDetails(item)">
|
||||
<view class="card-name-section">
|
||||
<view class="card-icon">
|
||||
<uni-icons type="bars" size="20" color="#ffffff"></uni-icons>
|
||||
<uni-icons type="shop" size="20" color="#ffffff"></uni-icons>
|
||||
</view>
|
||||
<view class="card-info">
|
||||
<text class="card-name">{{ item.medicineName }} - 库存{{ item.leftCount }}{{ dictStr(item.unit, unitList) }}</text>
|
||||
|
||||
@@ -79,7 +79,7 @@
|
||||
<view class="item-header">
|
||||
<view class="card-name-section">
|
||||
<view class="card-icon">
|
||||
<uni-icons type="arrow-down" size="20" color="#ffffff"></uni-icons>
|
||||
<uni-icons type="download-filled" size="20" color="#ffffff"></uni-icons>
|
||||
</view>
|
||||
<view class="card-info">
|
||||
<text class="card-name">{{ item.medicineName }} - 入库{{ item.quantity }}{{ dictStr(item.packageUnit, packageUnitList) }}</text>
|
||||
|
||||
@@ -74,7 +74,7 @@
|
||||
<view class="item-header">
|
||||
<view class="card-name-section">
|
||||
<view class="card-icon">
|
||||
<uni-icons type="star-filled" size="20" color="#ffffff"></uni-icons>
|
||||
<uni-icons type="gift-filled" size="20" color="#ffffff"></uni-icons>
|
||||
</view>
|
||||
<view class="card-info">
|
||||
<text class="card-name">{{ item.personName }} - {{ item.sucklesTime }}</text>
|
||||
|
||||
@@ -610,7 +610,7 @@ page {
|
||||
|
||||
.card-code {
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
font-size: 28rpx;
|
||||
font-size: 26rpx;
|
||||
font-weight: 500;
|
||||
line-height: 1.3;
|
||||
white-space: nowrap;
|
||||
|
||||
@@ -25,7 +25,7 @@
|
||||
<view class="header-con" ref="searchHeightRef">
|
||||
<view class="item">
|
||||
<view class="item-icon" style="background: linear-gradient(135deg, #5b51d8 0%, #6b21a8 100%);">
|
||||
<uni-icons type="heart-filled" size="20" color="#ffffff"></uni-icons>
|
||||
<uni-icons type="home-filled" size="20" color="#ffffff"></uni-icons>
|
||||
</view>
|
||||
<view class="info-sum">
|
||||
<view class="title">就医次数</view>
|
||||
@@ -54,7 +54,7 @@
|
||||
</view>
|
||||
<view class="item">
|
||||
<view class="item-icon" style="background: linear-gradient(135deg, #059669 0%, #0d9488 100%);">
|
||||
<uni-icons type="star-filled" size="20" color="#ffffff"></uni-icons>
|
||||
<uni-icons type="home-filled" size="20" color="#ffffff"></uni-icons>
|
||||
</view>
|
||||
<view class="info-sum">
|
||||
<view class="title">常去科室</view>
|
||||
@@ -235,20 +235,51 @@
|
||||
</view>
|
||||
|
||||
<!-- 列表展示 -->
|
||||
<div style="margin:8px" v-show="listData.length>0 && viewMode === 'list'">
|
||||
<button :type="firstType" style="margin-right:5px" size=mini @click="btFirstClick">明细</button>
|
||||
<button :type="secondType" size=mini @click="btSecondClick">医院</button>
|
||||
<button :type="thirdType" size=mini @click="btThirdClick">科室</button>
|
||||
<button :type="fourType" size=mini @click="btFourClick">大夫</button>
|
||||
<button :type="fiveType" size=mini @click="btFiveClick">费用</button>
|
||||
</div>
|
||||
<!-- 列表展示 -->
|
||||
<view class="tab-switch" v-show="listData.length>0 && viewMode === 'list'">
|
||||
<view
|
||||
:class="['tab-item', { 'active': firstTabShow }]"
|
||||
@click="btFirstClick"
|
||||
>
|
||||
<uni-icons type="list" size="14" :color="firstTabShow ? '#667eea' : '#999'"></uni-icons>
|
||||
<text>明细</text>
|
||||
</view>
|
||||
<view
|
||||
:class="['tab-item', { 'active': secondTabShow }]"
|
||||
@click="btSecondClick"
|
||||
>
|
||||
<uni-icons type="home" size="14" :color="secondTabShow ? '#667eea' : '#999'"></uni-icons>
|
||||
<text>医院</text>
|
||||
</view>
|
||||
<view
|
||||
:class="['tab-item', { 'active': thirdTabShow }]"
|
||||
@click="btThirdClick"
|
||||
>
|
||||
<uni-icons type="flag" size="14" :color="thirdTabShow ? '#667eea' : '#999'"></uni-icons>
|
||||
<text>科室</text>
|
||||
</view>
|
||||
<view
|
||||
:class="['tab-item', { 'active': fourTabShow }]"
|
||||
@click="btFourClick"
|
||||
>
|
||||
<uni-icons type="person" size="14" :color="fourTabShow ? '#667eea' : '#999'"></uni-icons>
|
||||
<text>大夫</text>
|
||||
</view>
|
||||
<view
|
||||
:class="['tab-item', { 'active': fiveTabShow }]"
|
||||
@click="btFiveClick"
|
||||
>
|
||||
<uni-icons type="wallet" size="14" :color="fiveTabShow ? '#667eea' : '#999'"></uni-icons>
|
||||
<text>费用</text>
|
||||
</view>
|
||||
</view>
|
||||
<u-list v-show="firstTabShow && viewMode === 'list'" :spaceHeight="720" lowerThreshold="100">
|
||||
<u-list-item v-for="(item, index) in listData" :key="index">
|
||||
<view class="list-item">
|
||||
<view class="item-header">
|
||||
<view class="record-name-section">
|
||||
<view class="record-icon">
|
||||
<uni-icons type="heart-filled" size="20" color="#ffffff"></uni-icons>
|
||||
<uni-icons type="list" size="20" color="#ffffff"></uni-icons>
|
||||
</view>
|
||||
<view class="record-info">
|
||||
<text class="record-name">{{ item.hospitalName }}</text>
|
||||
@@ -295,7 +326,7 @@
|
||||
<view class="item-header">
|
||||
<view class="record-name-section">
|
||||
<view class="record-icon">
|
||||
<uni-icons type="home-filled" size="20" color="#ffffff"></uni-icons>
|
||||
<uni-icons type="home" size="20" color="#ffffff"></uni-icons>
|
||||
</view>
|
||||
<view class="record-info">
|
||||
<text class="record-name">{{ item.hospitalName }}</text>
|
||||
@@ -316,7 +347,7 @@
|
||||
<view class="item-header">
|
||||
<view class="record-name-section">
|
||||
<view class="record-icon">
|
||||
<uni-icons type="star-filled" size="20" color="#ffffff"></uni-icons>
|
||||
<uni-icons type="flag" size="20" color="#ffffff"></uni-icons>
|
||||
</view>
|
||||
<view class="record-info">
|
||||
<text class="record-name">{{ item.departments }}</text>
|
||||
@@ -1194,6 +1225,57 @@ page {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tab-switch {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8rpx;
|
||||
padding: 12rpx 16rpx;
|
||||
background-color: #f5f7fa;
|
||||
overflow-x: auto;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tab-item {
|
||||
flex-shrink: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 6rpx;
|
||||
padding: 12rpx 20rpx;
|
||||
background: #ffffff;
|
||||
border-radius: 20rpx;
|
||||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.08);
|
||||
transition: all 0.3s ease;
|
||||
cursor: pointer;
|
||||
min-width: fit-content;
|
||||
|
||||
text {
|
||||
font-size: 24rpx;
|
||||
color: #999999;
|
||||
font-weight: 500;
|
||||
line-height: 1;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
&.active {
|
||||
background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
|
||||
border: 2rpx solid rgba(102, 126, 234, 0.3);
|
||||
box-shadow: 0 2rpx 12rpx rgba(102, 126, 234, 0.2);
|
||||
|
||||
text {
|
||||
color: #667eea;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
&:active {
|
||||
transform: scale(0.96);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.list-item {
|
||||
margin: 10rpx 24rpx;
|
||||
background-color: #fff;
|
||||
|
||||
@@ -232,9 +232,21 @@
|
||||
</view>
|
||||
|
||||
<!-- 列表展示 -->
|
||||
<view style="margin:8px" v-show="listData.length>0 && viewMode === 'list'">
|
||||
<button :type="firstType" style="margin-right:5px" size=mini @click="btFirstClick">档案明细</button>
|
||||
<button :type="secondType" type="primary" size=mini @click="btSecondClick">费用明细</button>
|
||||
<view class="tab-switch" v-show="listData.length>0 && viewMode === 'list'">
|
||||
<view
|
||||
:class="['tab-item', { 'active': !tabShow }]"
|
||||
@click="btFirstClick"
|
||||
>
|
||||
<uni-icons type="folder-add" size="16" :color="!tabShow ? '#667eea' : '#999'"></uni-icons>
|
||||
<text>档案明细</text>
|
||||
</view>
|
||||
<view
|
||||
:class="['tab-item', { 'active': tabShow }]"
|
||||
@click="btSecondClick"
|
||||
>
|
||||
<uni-icons type="wallet" size="16" :color="tabShow ? '#667eea' : '#999'"></uni-icons>
|
||||
<text>费用明细</text>
|
||||
</view>
|
||||
</view>
|
||||
<u-list v-show="!tabShow && viewMode === 'list'" :spaceHeight="720" lowerThreshold="100">
|
||||
<u-list-item v-for="(item, index) in listData" :key="index">
|
||||
@@ -242,7 +254,7 @@
|
||||
<view class="item-header">
|
||||
<view class="record-name-section">
|
||||
<view class="record-icon">
|
||||
<uni-icons type="folder-add-filled" size="20" color="#ffffff"></uni-icons>
|
||||
<uni-icons type="paperplane-filled" size="20" color="#ffffff"></uni-icons>
|
||||
</view>
|
||||
<view class="record-info">
|
||||
<text class="record-name">{{ item.name }}</text>
|
||||
@@ -296,7 +308,7 @@
|
||||
<view class="item-header">
|
||||
<view class="record-name-section">
|
||||
<view class="record-icon">
|
||||
<uni-icons type="folder-add-filled" size="20" color="#ffffff"></uni-icons>
|
||||
<uni-icons type="paperplane-filled" size="20" color="#ffffff"></uni-icons>
|
||||
</view>
|
||||
<view class="record-info">
|
||||
<text class="record-name">{{ item.time }}</text>
|
||||
@@ -1074,11 +1086,55 @@ page {
|
||||
border-radius: 16rpx;
|
||||
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
|
||||
width: calc(100% - 48rpx);
|
||||
height: 500rpx;
|
||||
height: 480rpx;
|
||||
overflow: visible;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tab-switch {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12rpx;
|
||||
padding: 16rpx 24rpx;
|
||||
background-color: #f5f7fa;
|
||||
|
||||
.tab-item {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 8rpx;
|
||||
padding: 16rpx 24rpx;
|
||||
background: #ffffff;
|
||||
border-radius: 12rpx;
|
||||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.08);
|
||||
transition: all 0.3s ease;
|
||||
cursor: pointer;
|
||||
|
||||
text {
|
||||
font-size: 26rpx;
|
||||
color: #999999;
|
||||
font-weight: 500;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
&.active {
|
||||
background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);
|
||||
border: 2rpx solid rgba(102, 126, 234, 0.3);
|
||||
box-shadow: 0 2rpx 12rpx rgba(102, 126, 234, 0.2);
|
||||
|
||||
text {
|
||||
color: #667eea;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
&:active {
|
||||
transform: scale(0.98);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.list-item {
|
||||
margin: 10rpx 24rpx;
|
||||
background-color: #fff;
|
||||
|
||||
@@ -339,7 +339,7 @@
|
||||
<view class="item-header">
|
||||
<view class="record-name-section">
|
||||
<view class="record-icon">
|
||||
<uni-icons type="color" size="20" color="#ffffff"></uni-icons>
|
||||
<uni-icons type="wallet-filled" size="20" color="#ffffff"></uni-icons>
|
||||
</view>
|
||||
<view class="record-info">
|
||||
<text class="record-name">{{ item.medicalName }} - {{ item.useDays || 0 }}天</text>
|
||||
@@ -370,7 +370,7 @@
|
||||
<view class="item-header">
|
||||
<view class="record-name-section">
|
||||
<view class="record-icon">
|
||||
<uni-icons type="color" size="20" color="#ffffff"></uni-icons>
|
||||
<uni-icons type="wallet-filled" size="20" color="#ffffff"></uni-icons>
|
||||
</view>
|
||||
<view class="record-info">
|
||||
<text class="record-name">{{ item.time }}</text>
|
||||
@@ -1080,7 +1080,7 @@ page {
|
||||
border-radius: 16rpx;
|
||||
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
|
||||
width: calc(100% - 48rpx);
|
||||
height: 500rpx;
|
||||
height: 480rpx;
|
||||
overflow: visible;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
@@ -236,7 +236,7 @@
|
||||
<view class="item-header">
|
||||
<view class="record-name-section">
|
||||
<view class="record-icon">
|
||||
<uni-icons type="color" size="20" color="#ffffff"></uni-icons>
|
||||
<uni-icons type="bars" size="20" color="#ffffff"></uni-icons>
|
||||
</view>
|
||||
<view class="record-info">
|
||||
<text class="record-name">{{ item.time }}</text>
|
||||
@@ -919,10 +919,10 @@ page {
|
||||
}
|
||||
|
||||
.list-item {
|
||||
margin: 0 0 24rpx;
|
||||
padding: 24rpx 32rpx;
|
||||
background: linear-gradient(135deg, #ffffff 0%, #f8f9fb 100%);
|
||||
margin: 0 0 16rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 16rpx;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
|
||||
transition: all 0.3s ease;
|
||||
|
||||
@@ -935,53 +935,63 @@ page {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 20rpx 24rpx;
|
||||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||
|
||||
.record-name-section {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
margin-right: 16rpx;
|
||||
}
|
||||
|
||||
.record-icon {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
background: rgba(255, 255, 255, 0.25);
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-right: 16rpx;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.record-info {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
|
||||
.record-icon {
|
||||
width: 64rpx;
|
||||
height: 64rpx;
|
||||
border-radius: 12rpx;
|
||||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-right: 16rpx;
|
||||
box-shadow: 0 4rpx 12rpx rgba(102, 126, 234, 0.3);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.record-info {
|
||||
flex: 1;
|
||||
|
||||
.record-name {
|
||||
font-size: 30rpx;
|
||||
font-weight: 600;
|
||||
color: #2c3e50;
|
||||
line-height: 1.4;
|
||||
}
|
||||
.record-name {
|
||||
color: #ffffff;
|
||||
font-size: 28rpx;
|
||||
font-weight: 600;
|
||||
line-height: 1.3;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
|
||||
.cost-section {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-end;
|
||||
align-items: center;
|
||||
flex-shrink: 0;
|
||||
white-space: nowrap;
|
||||
|
||||
.cost-value {
|
||||
color: #ffffff;
|
||||
font-size: 36rpx;
|
||||
font-weight: 700;
|
||||
color: #667eea;
|
||||
line-height: 1;
|
||||
white-space: nowrap;
|
||||
text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.1);
|
||||
|
||||
.cost-label {
|
||||
font-size: 22rpx;
|
||||
color: #95a5a6;
|
||||
margin-left: 4rpx;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
font-size: 24rpx;
|
||||
font-weight: 500;
|
||||
margin-left: 4rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -220,7 +220,7 @@
|
||||
<view class="item-header">
|
||||
<view class="header-left">
|
||||
<view class="time-badge">
|
||||
<uni-icons type="calendar" size="16" color="#ffffff"></uni-icons>
|
||||
<uni-icons type="loop" size="16" color="#ffffff"></uni-icons>
|
||||
<text>{{ item.time }}</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@@ -87,9 +87,11 @@
|
||||
<view class="card-info">
|
||||
<text class="card-name">{{ item.personName }}</text>
|
||||
<text class="card-time">{{ item.measureTime }}</text>
|
||||
<text class="card-code">测量体温 <text :class="getTemperatureClass(item.temperature)">{{ item.temperature }}℃</text></text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="temperature-section">
|
||||
<text :class="['temperature-value', getTemperatureClass(item.temperature)]">{{ item.temperature }}℃</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="card-body">
|
||||
<view class="info-row">
|
||||
@@ -603,31 +605,38 @@ page {
|
||||
line-height: 1.3;
|
||||
white-space: nowrap;
|
||||
flex-shrink: 0;
|
||||
margin-right: 8rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.temperature-section {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-shrink: 0;
|
||||
|
||||
.card-code {
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
font-size: 28rpx;
|
||||
font-weight: 500;
|
||||
.temperature-value {
|
||||
font-size: 32rpx;
|
||||
font-weight: 700;
|
||||
line-height: 1.3;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
letter-spacing: 0.3rpx;
|
||||
padding: 10rpx 20rpx;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
border-radius: 10rpx;
|
||||
letter-spacing: 0.5rpx;
|
||||
|
||||
.temp-normal {
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
&.temp-normal {
|
||||
color: rgba(255, 255, 255, 0.95);
|
||||
}
|
||||
|
||||
.temp-warning {
|
||||
&.temp-warning {
|
||||
color: #ff7875;
|
||||
background: rgba(255, 120, 117, 0.15);
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.temp-danger {
|
||||
&.temp-danger {
|
||||
color: #ff4d4f;
|
||||
background: rgba(255, 77, 79, 0.15);
|
||||
font-weight: 800;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user