<script setup>
|
import { ref ,onMounted} from 'vue';
|
import { searchExamineApi } from '../../api/index.js'
|
|
const examineList = ref([])
|
async function searchExamine(){
|
await searchExamineApi({limit:10000,page:1}).then((res) =>{
|
if(res.code == 200){
|
examineList.value = res.data.list
|
}
|
})
|
}
|
onMounted(async() =>{
|
await searchExamine()
|
})
|
</script>
|
<template>
|
<view class="container">
|
<navbar title = '巡检管理'></navbar>
|
<view class="content">
|
<view v-if="examineList.length > 0" class="main">
|
<view v-for="(item,index) in examineList" class="item">
|
<view class="item-child">
|
<text>巡检人：</text>
|
<text></text>
|
</view>
|
<view class="item-child">
|
<view>巡检内容</view>
|
<textarea :maxlength="1000"></textarea>
|
</view>
|
<view class="item-child">
|
<text>巡检图片：</text>
|
<!-- <image src=""></image> -->
|
</view>
|
<view class="item-child">
|
<text>备注：</text>
|
<text></text>
|
</view>
|
</view>
|
</view>
|
<view class="nodata" v-else>
|
<image class="nodata-img" src="../../static/images/other/nodata.png" mode="widthFix"></image>
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<style lang="scss" scoped>
|
.container{
|
width:100%;
|
box-sizing: border-box;
|
.content{
|
height:calc(100vh - 176rpx);
|
background: linear-gradient(to bottom,#8BC1FC 0%,#D2F2FE 30%,#D2F2FE 100%);
|
padding:30rpx 30rpx 100rpx;
|
box-sizing: border-box;
|
.main{
|
width:100%;
|
height:100%;
|
padding:20rpx;
|
box-sizing: border-box;
|
background: #f3f3f5;
|
border-radius:10rpx;
|
overflow: scroll;
|
}
|
.nodata{
|
width:100%;
|
height:100%;
|
display: flex;
|
justify-content: center;
|
background: rgba(255,255,255,0.6);
|
border-radius:10rpx;
|
padding-top:150rpx;
|
box-sizing: border-box;
|
.nodata-img{
|
width: 520rpx;
|
}
|
}
|
}
|
}
|
|
</style>
|
