159 lines
4.0 KiB
Vue
159 lines
4.0 KiB
Vue
<template>
|
||
<view class="container">
|
||
<tui-list-view>
|
||
<!--居中消息-->
|
||
<tui-tips position="center" ref="toast"></tui-tips>
|
||
<!--居中消息-->
|
||
<tui-list-cell :lineLeft="false">
|
||
<view class="tui-item-box" style="height: 60rpx;">
|
||
<view class="tui-msg-box">
|
||
<view class="tui-list-cell_name_1">总计重量：<p style="color: #939DE1;font-size:28rpx;">302kg</p></view>
|
||
</view>
|
||
<view class="tui-msg-box" style="margin-left: 40rpx;">
|
||
<view class="tui-list-cell_name_1">总计箱数：<p style="color: #939DE1;font-size:28rpx;">34</p></view>
|
||
</view>
|
||
</view>
|
||
</tui-list-cell>
|
||
<tui-list-cell :lineLeft="false">
|
||
<view class="tui-item-box">
|
||
<view class="tui-msg-box">
|
||
<view class="tui-list-cell_name">机构名称</view>
|
||
</view>
|
||
<view class="tui-right">钦州市第一人民医院</view>
|
||
</view>
|
||
</tui-list-cell>
|
||
<tui-list-cell :lineLeft="false">
|
||
<view class="tui-item-box">
|
||
<view class="tui-msg-box">
|
||
<view class="tui-list-cell_name">机构地址</view>
|
||
</view>
|
||
<view class="tui-right">广西壮族自治区钦州市</view>
|
||
</view>
|
||
</tui-list-cell>
|
||
<tui-list-cell :lineLeft="false">
|
||
<view class="tui-item-box">
|
||
<view class="tui-msg-box">
|
||
<view class="tui-list-cell_name">计划批次</view>
|
||
</view>
|
||
<view class="tui-right">202209020001</view>
|
||
</view>
|
||
</tui-list-cell>
|
||
<tui-list-cell :lineLeft="false">
|
||
<view class="tui-item-box">
|
||
<view class="tui-msg-box">
|
||
<view class="tui-list-cell_name">转运时间</view>
|
||
</view>
|
||
<view class="tui-right">2022-10-14 17:23:00</view>
|
||
</view>
|
||
</tui-list-cell>
|
||
<view class="bar"></view>
|
||
<!--内容部分-->
|
||
<tui-list-cell :lineLeft="false">
|
||
<view class="tui-item-box">
|
||
<view class="tui-msg-box">
|
||
<view class="tui-list-cell_name">感染性废物</view>
|
||
</view>
|
||
<view class="tui-right">68kg 1箱</view>
|
||
</view>
|
||
</tui-list-cell>
|
||
<tui-list-cell :lineLeft="false">
|
||
<view class="tui-item-box">
|
||
<view class="tui-msg-box">
|
||
<view class="tui-list-cell_name">损伤性废物</view>
|
||
</view>
|
||
<view class="tui-right">68kg 1箱</view>
|
||
</view>
|
||
</tui-list-cell>
|
||
<tui-list-cell>
|
||
<view class="tui-item-box">
|
||
<text class="tui-list-cell_name">病理性废物</text>
|
||
<view class="tui-right">68kg 1箱</view>
|
||
</view>
|
||
</tui-list-cell>
|
||
</tui-list-view>
|
||
<view class="tui-btn-box" style="margin-top: 400rpx;"><tui-button shape="circle" plain type="blue" @click="checkList">查看转运联单</tui-button></view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import myapp from '@/common/js/myapp.js'
|
||
export default {
|
||
data() {
|
||
return {
|
||
apiHost: myapp.apiHost
|
||
}
|
||
},
|
||
onShow: function() {
|
||
let user = myapp.checkLogin()
|
||
uni.setStorageSync('lastPagePath', '/packagePage/pages/basic_info/basic_info')
|
||
this.showTips();
|
||
},
|
||
methods: {
|
||
checkList: function() {
|
||
uni.navigateTo({
|
||
url:'/packagePage/pages/doc_content/doc_content'
|
||
})
|
||
},
|
||
showTips: function() {
|
||
let options = {
|
||
msg: '转运成功！',
|
||
duration: 2000,
|
||
type: 'translucent'
|
||
};
|
||
this.$refs.toast.showTips(options);
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style>
|
||
.container {
|
||
padding-bottom: env(safe-area-inset-bottom);
|
||
}
|
||
.bar{
|
||
height:10px;
|
||
background-color:whitesmoke;
|
||
}
|
||
.tui-item-box {
|
||
width: 100%;
|
||
display: flex;
|
||
align-items: center;
|
||
/* border:1px solid red; */
|
||
}
|
||
|
||
.tui-list-cell_name {
|
||
font-size: 24rpx;
|
||
padding-left: 20rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
color:#868686;
|
||
font-weight: 600;
|
||
/* border:1px solid red; */
|
||
}
|
||
|
||
.tui-ml-auto {
|
||
margin-left: auto;
|
||
}
|
||
|
||
.tui-right {
|
||
margin-right: auto;
|
||
margin-left: 20rpx;
|
||
font-size: 24rpx;
|
||
}
|
||
|
||
.tui-list-cell_name_1 {
|
||
font-size: 26rpx;
|
||
padding-left: 20rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
color:#5C5C5C;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.tui-btn-box{
|
||
padding:10rpx 50rpx !important;
|
||
}
|
||
</style>
|