今日巡检-前端搭建

This commit is contained in:
Zy
2026-04-29 07:52:05 +08:00
parent 716c0ab220
commit 152cad43e5
4 changed files with 539 additions and 410 deletions

View File

@@ -0,0 +1,59 @@
<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>