rongtong_301_app/wasteCheck/unusualDealList.vue

<template>
	<view class="content">
		<view class="status_bar">
			<view class="left" @click="goBack"><u-icon name="arrow-left"></u-icon>返回</view>
			<span style="font-size: 36rpx;">异常医废</span>
			<view class="right"></view>
		</view>
		<view class="mainCont">
			<view class="card" v-for="(item, index) in tableList" :key="index">
				<view class="top">
					<view class="left"> 2021-05-23 第一批次(9/12)</view>
				</view>
				<view class="bottom">
					<view>科&emsp;&emsp;室：脑科<span style="float: right">24.5kg</span></view>
					<view>医废分类：脑科<span style="float: right">损伤性废物</span></view>
					<view>打&ensp;包&ensp;人：王晓华<span style="float: right">2021-03-23 12:09:00</span></view>
					<view class="bButton">
						<span @click.stop="toDeal()">异常处理</span>
						<span @click.stop="scan()" style="margin-right: 10px;background: #fff;color: #5976ba">扫码</span>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tableList: [{}]
			}
		},
		methods: {
			goBack() {
				uni.navigateBack({
					delta: 1
				});
			},
			toDeal() {},
			scan() {}
		}
	}
</script>

<style lang="scss">
	.mainCont {
		height: calc(100% - 80rpx);
		padding-bottom: 10px;
		padding-top: 10px;
		overflow-y: scroll;
	}
</style>