60 lines
1.4 KiB
Vue
60 lines
1.4 KiB
Vue
<template>
|
||
<view class="page_container inspection_record_box">
|
||
<TabsComponents :tabslist="tabslist" @update="handleChangeTabs"></TabsComponents>
|
||
<view class="">
|
||
<view class="record_item">
|
||
<view class="time">
|
||
<view>10月11日</view>
|
||
</view>
|
||
<view class="record_list_box">
|
||
<view class="record_list_item">
|
||
<view class="title">
|
||
<view class="title_name"> 标题 </view>
|
||
<view class="title_status"> 已巡检 </view>
|
||
</view>
|
||
<view class="items">
|
||
<view class="item">
|
||
<text>设备巡检</text>
|
||
</view>
|
||
</view>
|
||
<view class="time">
|
||
<text>巡检时间：</text>
|
||
<text>09:00:00 - 12:00:00</text>
|
||
</view>
|
||
<view class="time user">
|
||
<text>巡检人：</text>
|
||
<text>李相龙</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import TabsComponents from '@/components/tabs/tabs.vue'
|
||
const tabslist = [
|
||
{
|
||
name: '全部',
|
||
value: 0
|
||
},
|
||
{
|
||
name: '未巡检',
|
||
value: 1
|
||
},
|
||
{
|
||
name: ' 已巡检',
|
||
value: 2
|
||
}
|
||
]
|
||
function handleChangeTabs(val: number) {
|
||
console.log('选择了：', val)
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.inspection_record_box {
|
||
}
|
||
</style>
|