0602
This commit is contained in:
@@ -0,0 +1,56 @@
|
||||
<template>
|
||||
<view class="page-container">
|
||||
<scroll-view class="page-body" scroll-y>
|
||||
<view class="filter-bar">
|
||||
<picker mode="date" :value="date" :start="startDate" :end="endDate" @change="startDateChange">
|
||||
<view class="filter-input">{{startDateVal}}</view>
|
||||
</picker>
|
||||
<picker mode="date" :value="date" :start="startDate" :end="endDate" @change="startDateChange">
|
||||
<view class="filter-input">{{endDateVal}}</view>
|
||||
</picker>
|
||||
<button class="btn filter-btn" @click="handleQuery">查询</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 blue">产生记录</text>
|
||||
</view>
|
||||
<view class="data-card-row"><text>产生科室</text><text class="val">{{ item.department }}</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.operator }}</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'
|
||||
import { getMonthStartDate, getDate } from '@/utils/common.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
startDate: getMonthStartDate(),
|
||||
endDate: getDate(),
|
||||
startDateVal: getMonthStartDate(),
|
||||
endDateVal: getDate(),
|
||||
dataList: [
|
||||
{ name: '感染性废物', department: '内科门诊', weight: '2.35 KG', operator: '李伟', time: '05-14 09:30' },
|
||||
{ name: '损伤性废物', department: '外科病房', weight: '1.50 KG', operator: '张明', time: '05-14 10:15' }
|
||||
]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleQuery() { uni.showToast({ title: '查询中...', icon: 'none' }) },
|
||||
startDateChange() {
|
||||
console.log('startDateChange', this.startDate)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user