fix: 自测问题修复。

This commit is contained in:
tianyongbao
2025-11-26 13:16:54 +08:00
parent aa2b470219
commit 49e8de2722
23 changed files with 266 additions and 4788 deletions

View File

@@ -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>

View File

@@ -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>

View File

@@ -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({

View File

@@ -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;
}
}

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;

View File

@@ -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;
}

View File

@@ -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;
}
}
}

View File

@@ -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>

View File

@@ -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;
}
}
}