今日巡检-前端搭建
This commit is contained in:
@@ -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>
|
||||
Reference in New Issue
Block a user