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/history_trans_details/history_trans_details.vue
+208
View File
@@ -0,0 +1,208 @@
<template>
<view class="container">
<tui-sticky-wxs :scrollTop="scrollTop" stickyHeight="104rpx" container>
<template v-slot:header>
<view class="sticky-item">
<view class="date">本次转运概览</view>
</view>
</template>
<template v-slot:content>
<!--内容 start-->
<view class="list-view">
<view class="tui-list-item" hover-class="tui-hover" :hover-stay-time="150" @tap="detail">
<view class="content-box">
<view class="des-box">
<view class="tit">累计转运批次</view>
<view class="sources">20</view>
<view class="time">
<text calss="weight">总重量 1568.71kg</text>
<text calss="box" style="margin-left:20px;">数量：72箱</text>
</view>
</view>
</view>
</view>
</view>
<!--内容 end-->
</template>
</tui-sticky-wxs>
<tui-sticky-wxs :scrollTop="scrollTop" stickyHeight="104rpx" container>
<template v-slot:header>
<view class="sticky-item ">
<view class="date">转运明细</view>
</view>
</template>
<template v-slot:content>
<!--内容 start-->
<view class="tui-list-view">
<view class="tui-list-item" hover-class="tui-hover" :hover-stay-time="150" @tap="detail">
<view class="content-box">
<view class="des-box">
<view class="tit">肿瘤医院</view>
<view class="source">
<text calss="weight">总重量 1568.71kg</text>
<text calss="box" style="margin-left:20px;">数量：72箱</text>
</view>
<view class="time">地址：北京市海淀区阜成路52号</view>
</view>
</view>
<view class="money">
2022-09-26
</view>
</view>
<view class="bar"></view>
</view>
<view class="tui-list-view">
<view class="tui-list-item" hover-class="tui-hover" :hover-stay-time="150" @tap="detail">
<view class="content-box">
<view class="des-box">
<view class="tit">肿瘤医院</view>
<view class="source">
<text calss="weight">总重量 1568.71kg</text>
<text calss="box" style="margin-left:20px;">数量：72箱</text>
</view>
<view class="time">地址：北京市海淀区阜成路52号</view>
</view>
</view>
<view class="money">
2022-09-26
</view>
</view>
<view class="bar"></view>
</view>
<!--内容 end-->
</template>
</tui-sticky-wxs>
</view>
</template>
<script>
export default {
data() {
return {
scrollTop: 0
}
},
methods: {
detail(e) {
this.tui.toast("功能开发中~")
},
sticky(e){
//通知事件
console.log(e)
}
},
//页面滚动执行方式
onPageScroll(e) {
this.scrollTop = e.scrollTop
}
}
</script>
<style>
.container {
padding-bottom: env(safe-area-inset-bottom);
}
.bar{
background-color: #fafafa;
height:10px;
/* border:1px solid red; */
}
.sources{
font-size: 24px;
}
/* sticky 容器 start sticky-item */
.sticky-item {
width: 100%;
height: 104rpx;
padding: 20rpx 30rpx;
background-color: #fafafa;
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
}
/* sticky 容器 end */
.date {
height: 54rpx;
font-size: 32rpx;
/* background-color: #fff; */
/* padding: 0 28rpx; */
/* border-radius: 25rpx; */
display: flex;
align-items: center;
justify-content: center;
position: relative;
/* box-shadow: 0 0 1rpx #7A7A7A; */
}
.list-view {
position: relative;
width: 100%;
overflow: hidden;
}
.tui-list-item {
width: 100%;
padding: 30rpx 28rpx;
box-sizing: border-box;
background-color: #fff;
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.content-box {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.des-box {
min-height: 130rpx;
padding-left: 28rpx;
box-sizing: border-box;
vertical-align: top;
color: #333;
font-size: 24rpx;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.tit {
font-size: 32rpx;
max-width: 420rpx;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.time {
color: #888
}
.money {
font-size: 38rpx;
font-weight: 500;
color: #cac4c4;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-left: 20rpx;
}
</style>