46 lines
1.9 KiB
Vue
46 lines
1.9 KiB
Vue
<template>
|
||
<view class="page-container">
|
||
<scroll-view class="page-body" scroll-y>
|
||
<view class="filter-bar">
|
||
<input class="filter-input" v-model="startDate" placeholder="起始日期" />
|
||
<input class="filter-input" v-model="endDate" placeholder="结束日期" />
|
||
<button class="filter-btn" @click="handleQuery">查询</button>
|
||
</view>
|
||
<view class="tip-bar tip-bar-warning">📌 出库台账仅查询展示，不可编辑</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 orange">已出库</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.weight }}</text></view>
|
||
<view class="data-card-row"><text>出库时间</text><text class="val">{{ item.time }}</text></view>
|
||
<view class="data-card-row"><text>去向</text><text class="val">{{ item.destination }}</text></view>
|
||
</view>
|
||
</view>
|
||
</scroll-view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import { api } from '@/api/index'
|
||
import { getMonthStartDate, getDate } from '@/utils/common.js'
|
||
export default {
|
||
data() {
|
||
return {
|
||
startDate: getMonthStartDate(),
|
||
endDate: getDate(),
|
||
dataList: [
|
||
{ name: '感染性废物', code: 'CK20260513001', weight: '5.60 KG', time: '05-13 16:30', destination: '外运处置' },
|
||
{ name: '损伤性废物', code: 'CK20260513002', weight: '3.10 KG', time: '05-13 16:45', destination: '自行处置' }
|
||
]
|
||
}
|
||
},
|
||
methods: {
|
||
|
||
handleQuery() { uni.showToast({ title: '查询中...', icon: 'none' }) }
|
||
}
|
||
}
|
||
</script>
|