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

医废处置公司小程序

Browse Source
This commit is contained in:
liuning
2025-06-12 11:58:01 +08:00
parent 575bc6b568
commit bcde35513c
70 changed files with 13158 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
mwims-disposal-app/packagePage/pages/today_trans_trans_list/today_trans_trans_list.vue
+213
View File
@@ -0,0 +1,213 @@
<template>
<view class="container">
<!--内容部分-->
<tui-list-view>
<tui-list-cell :lineLeft="false" @click="detail">
<view class="tui-item-box">
<view class="tui-msg-box">
<view class="tui-msg-item">
<view class="tui-msg-name">批次: 0001</view>
<view class="tui-msg-content">转运重量：1000kg 箱数：50</view>
</view>
</view>
<view class="tui-msg-right">
<view class="tui-msg-time">10:22</view>
<!-- <tui-badge type="danger" class="tui-badge">9</tui-badge> -->
</view>
</view>
</tui-list-cell>
<tui-list-cell :lineLeft="false" @click="detail">
<view class="tui-item-box">
<view class="tui-msg-box">
<view class="tui-msg-item">
<view class="tui-msg-name">批次: 0002</view>
<view class="tui-msg-content">转运重量：800kg 箱数：20</view>
</view>
</view>
<view class="tui-msg-right">
<view class="tui-msg-time">09:08</view>
<!-- <tui-badge type="gray" class="tui-badge">2</tui-badge> -->
</view>
</view>
</tui-list-cell>
<tui-list-cell :lineLeft="false" @click="detail">
<view class="tui-item-box">
<view class="tui-msg-box">
<view class="tui-msg-item">
<view class="tui-msg-name">批次: 0003</view>
<view class="tui-msg-content">转运重量：600kg 箱数：10</view>
</view>
</view>
<view class="tui-msg-right tui-right-dot">
<view class="tui-msg-time">08:16</view>
<!-- <tui-badge type="danger" :dot="true"></tui-badge> -->
</view>
</view>
</tui-list-cell>
<tui-list-cell :lineLeft="false" @click="detail">
<view class="tui-item-box">
<view class="tui-msg-box">
<view class="tui-msg-item">
<view class="tui-msg-name">批次: 0004</view>
<view class="tui-msg-content">转运重量：300kg 箱数：5</view>
</view>
</view>
<view class="tui-msg-right">
<view class="tui-msg-time">07:13</view>
<!-- <tui-badge type="danger" class="tui-badge">2</tui-badge> -->
</view>
</view>
</tui-list-cell>
<tui-list-cell :lineLeft="false" @click="detail">
<view class="tui-item-box">
<view class="tui-msg-box">
<view class="tui-msg-item">
<view class="tui-msg-name">批次: 0005</view>
<view class="tui-msg-content">转运重量：100kg 箱数：2</view>
</view>
</view>
<view class="tui-msg-right">
<view class="tui-msg-time">06:00</view>
<!-- <tui-badge type="danger" class="tui-badge">3</tui-badge> -->
</view>
</view>
</tui-list-cell>
<tui-list-cell :lineLeft="false" @click="detail" unlined>
<view class="tui-item-box">
<view class="tui-msg-box">
<view class="tui-msg-item">
<view class="tui-msg-name">批次: 0005</view>
<view class="tui-msg-content">转运重量：50kg 箱数：1</view>
</view>
</view>
<view class="tui-msg-right">
<view class="tui-msg-time">05:03</view>
<!-- <tui-badge type="danger" class="tui-badge">2</tui-badge> -->
</view>
</view>
</tui-list-cell>
</tui-list-view>
<!--内容部分-->
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
detail: function() {
this.tui.toast("click~")
}
}
}
</script>
<style>
.container {
padding-bottom: env(safe-area-inset-bottom);
}
.tui-item-box {
width: 100%;
display: flex;
align-items: center;
}
.tui-list-cell_name {
padding-left: 20rpx;
display: flex;
align-items: center;
justify-content: center;
}
.tui-ml-auto {
margin-left: auto;
}
.tui-right {
margin-left: auto;
margin-right: 34rpx;
font-size: 26rpx;
color: #999;
}
.tui-logo {
height: 52rpx;
width: 52rpx;
flex-shrink: 0;
}
.tui-flex {
display: flex;
align-items: center;
}
.tui-msg-box {
display: flex;
align-items: center;
}
.tui-msg-pic {
width: 100rpx;
height: 100rpx;
border-radius: 50%;
display: block;
margin-right: 24rpx;
flex-shrink: 0;
}
.tui-msg-item {
max-width: 500rpx;
min-height: 80rpx;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.tui-msg-name {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 34rpx;
line-height: 1;
color: #262b3a;
}
.tui-msg-content {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 26rpx;
line-height: 1;
color: #9397a4;
}
.tui-msg-right {
max-width: 120rpx;
height: 88rpx;
margin-left: auto;
text-align: right;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
}
.tui-right-dot {
height: 76rpx !important;
padding-bottom: 10rpx !important;
}
.tui-msg-time {
width: 100%;
font-size: 24rpx;
line-height: 24rpx;
color: #9397a4;
}
</style>