55 lines
1.8 KiB
Vue
55 lines
1.8 KiB
Vue
<template>
|
|
<view class="page-container">
|
|
<scroll-view class="page-body" scroll-y>
|
|
<view class="search-bar">
|
|
<input class="search-input" v-model="searchKey" placeholder="输入编号/名称查询" />
|
|
</view>
|
|
<view style="padding: 4px 16px;">
|
|
<button class="filter-btn" @click="handleScan">📷 扫码查询</button>
|
|
</view>
|
|
<view class="data-list">
|
|
<view class="data-card" v-for="(item, index) in dataList" :key="index">
|
|
<view class="data-card-header">
|
|
<text class="data-card-title">{{ item.name }}</text>
|
|
<text class="data-card-tag green">已处置</text>
|
|
</view>
|
|
<view class="data-card-row"><text>处置编号</text><text class="val">{{ item.code }}</text></view>
|
|
<view class="data-card-row"><text>处置方式</text><text class="val">{{ item.method }}</text></view>
|
|
<view class="data-card-row"><text>处置净重</text><text class="val">{{ item.weight }}</text></view>
|
|
<view class="data-card-row"><text>处置时间</text><text class="val">{{ item.time }}</text></view>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import { api } from '@/api/index'
|
|
export default {
|
|
data() {
|
|
return {
|
|
searchKey: '',
|
|
dataList: [
|
|
{ name: '感染性废物', code: 'CZ20260512001', method: '高压灭菌', weight: '4.20 KG', time: '05-12 15:30' },
|
|
{ name: '损伤性废物', code: 'CZ20260511001', method: '焚烧处置', weight: '3.10 KG', time: '05-11 16:00' }
|
|
]
|
|
}
|
|
},
|
|
methods: {
|
|
|
|
handleScan() { uni.showToast({ title: '扫码查询', icon: 'none' }) }
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.filter-btn {
|
|
height: 32px;
|
|
background: $primary-color;
|
|
color: #ffffff;
|
|
border: none;
|
|
border-radius: $border-radius-sm;
|
|
font-size: $font-size-sm;
|
|
}
|
|
</style>
|