liuning/mwims-mtx-mini-program
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

小程序完成（账号密码登录、风格修改、签字功能）

Browse Source
This commit is contained in:
liuning
2026-03-06 18:47:52 +08:00
parent 6f7604897f
commit 96be55b0be
13 changed files with 1173 additions and 186 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/main/inventory.vue
+172 -18
View File
@@ -1,37 +1,58 @@
<template>
<view>
<scroll-view scroll-y class="page">
<cu-custom bgColor="bg-cyan" :isBack="true"><block slot="backText">返回</block><block slot="content">科室汇总</block></cu-custom>
<cu-custom bgColor="bg-blue" :isBack="true"><block slot="backText">返回</block><block slot="content">科室汇总</block></cu-custom>
<!-- <view class="cu-bar bg-white">
<view class="action">
<text class="cuIcon-title text-green" style="color:#2CC9EA;"></text>
<text style="color:#73828B;">科室汇总</text>
</view>
</view> -->
<view class="cu-bar bg-white margin-top solid-bottom">
<!-- <view class="cu-bar bg-white margin-top solid-bottom">
<view class="action">
<text class="cuIcon-title text-green" style="color:#2CC9EA;"></text>
<text class="cuIcon-title text-blue" style="color:#4a90e2;"></text>
<text style="color:#73828B;">本日医废明细数据</text>
</view>
</view> -->
<!-- 空数据提示 -->
<view v-if="!stockDetailsInfo || stockDetailsInfo.length === 0" class="empty-container">
<text class="empty-icon">📭</text>
<text class="empty-text">本日医废数据为空</text>
</view>
<view class="cu-list menu" v-for="(value,index) in stockDetailsInfo" :key="index">
<view class="cu-item">
<view class="content">
<text class="cuIcon-title text-green" style="color:#2CC9EA;"></text>
<text class="text-grey" style="color:#73828B;">{{value.department}}--（{{value.departmentCount}}袋-{{value.departmentWeight}}kg)</text>
<!-- 数据展示 -->
<view v-else class="data-wrapper" v-for="(value,index) in stockDetailsInfo" :key="index">
<!-- 科室汇总行 -->
<view class="dept-summary-row">
<view class="summary-cell summary-cell-dept">
<text class="dept-icon">🏥</text>
<text class="dept-name">{{value.department}}</text>
</view>
<view class="summary-cell summary-cell-count">
<text class="summary-value">{{value.departmentCount}}</text>
<text class="summary-unit">袋</text>
</view>
<view class="summary-cell summary-cell-weight">
<text class="summary-value">{{value.departmentWeight}}</text>
<text class="summary-unit">kg</text>
</view>
</view>
<view class="cu-list menu-avatar">
<view class="cu-item" v-for="(val,ind) in value.content" :key="ind">
<!-- <view class="cu-avatar round lg" :style="'width:20px;height:20px;background-image:url('+val.image+');'"></view> -->
<view class="content" style="left:28px;">
<img :src="val.image" style="width:20px;height:20px;">
<text class="text-grey" style="color:#73828B;margin-left:13px;">{{val.type}}</text>
<text class="text-grey" style="color:#73828B;margin-left:20px;">{{val.totalCount}}袋</text>
<text class="text-grey" style="color:#73828B;margin-left:20px;">{{val.totalWeight}}kg</text>
<!-- 表格形式展示分类 -->
<view class="table-container">
<view class="table-header">
<view class="table-cell table-cell-type">类型</view>
<view class="table-cell table-cell-count">袋数</view>
<view class="table-cell table-cell-weight">重量</view>
</view>
<view class="table-row" v-for="(val,ind) in value.content" :key="ind">
<view class="table-cell table-cell-type">
<img :src="val.image" class="type-icon">
<text>{{val.type}}</text>
</view>
<view class="table-cell table-cell-count">{{val.totalCount}}袋</view>
<view class="table-cell table-cell-weight">{{val.totalWeight}}kg</view>
</view>
</view>
</view>
@@ -125,4 +146,137 @@
.no-show {
display: none;
}
/* 空数据容器 */
.empty-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 200rpx 0;
}
.empty-icon {
font-size: 120rpx;
margin-bottom: 30rpx;
}
.empty-text {
font-size: 32rpx;
color: #999;
}
/* 数据包裹层 */
.data-wrapper {
margin-bottom: 40rpx;
}
/* 科室汇总行 */
.dept-summary-row {
display: flex;
align-items: center;
margin: 20rpx;
padding: 20rpx;
background: linear-gradient(135deg, #4a90e2 0%, #357abd 100%);
border-radius: 12rpx 12rpx 0 0;
box-shadow: 0 4rpx 20rpx rgba(74, 144, 226, 0.3);
}
.summary-cell {
display: flex;
align-items: center;
color: #fff;
font-size: 28rpx;
}
.summary-cell-dept {
flex: 2;
}
.dept-icon {
font-size: 36rpx;
margin-right: 12rpx;
}
.dept-name {
font-size: 30rpx;
font-weight: 600;
}
.summary-cell-count,
.summary-cell-weight {
flex: 1;
justify-content: center;
flex-direction: column;
align-items: center;
}
.summary-value {
font-size: 32rpx;
font-weight: 700;
margin-bottom: 4rpx;
}
.summary-unit {
font-size: 22rpx;
opacity: 0.9;
}
/* 表格容器 */
.table-container {
margin: 0 20rpx 20rpx 20rpx;
border-radius: 0 0 12rpx 12rpx;
overflow: hidden;
background-color: #fff;
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
}
/* 表头 */
.table-header {
display: flex;
background: linear-gradient(90deg, #4a90e2 0%, #357abd 100%);
color: #fff;
font-weight: 600;
}
/* 表格行 */
.table-row {
display: flex;
border-bottom: 1px solid #f0f0f0;
}
.table-row:last-child {
border-bottom: none;
}
/* 表格单元格 */
.table-cell {
padding: 24rpx 20rpx;
font-size: 28rpx;
color: #333;
display: flex;
align-items: center;
}
.table-cell-type {
flex: 2;
}
.table-cell-count {
flex: 1;
justify-content: center;
}
.table-cell-weight {
flex: 1;
justify-content: center;
}
/* 类型图标 */
.type-icon {
width: 32rpx;
height: 32rpx;
margin-right: 12rpx;
border-radius: 4rpx;
}
</style>