<template>
|
<el-form :inline="true">
|
<FYOptionTime :initValue="true" type="date" v-model:value="updateTime"></FYOptionTime>
|
<el-form-item>
|
<el-button type="primary" :loading="loading" @click="fetchNewConstruction"
|
>查询新工地</el-button
|
>
|
</el-form-item>
|
</el-form>
|
<el-row>
|
<el-col :span="12">
|
<el-text>新工地</el-text>
|
<div v-for="item in constructionList" :key="item.id">
|
<div>{{ item.id }}</div>
|
<div>{{ item.code }}</div>
|
<div>{{ item.name }}</div>
|
<div>{{ item.address }}</div>
|
<div>{{ item.status }}</div>
|
<span>{{ item.createTime }} |</span>
|
<span>{{ item.updateTime }} |</span>
|
<span>{{ item.remark }} |</span>
|
<span>{{ item.lon }} |</span>
|
<span>{{ item.lat }}</span>
|
</div>
|
</el-col>
|
<el-col :span="12">
|
<el-text>监管工地</el-text>
|
<div v-for="item in sceneList" :key="item.id">
|
<div>{{ item.id }}</div>
|
<div>{{ item.code }}</div>
|
<div>{{ item.name }}</div>
|
<div>{{ item.address }}</div>
|
<div>{{ item.street }}</div>
|
<div>{{ item.status }}</div>
|
<span>{{ item.lon }} |</span>
|
<span>{{ item.lat }}</span>
|
<span>{{ item.score }} |</span>
|
<span>{{ item.grade }}</span>
|
<span>{{ item.subTaskId }} |</span>
|
<span>{{ item.createTime }} |</span>
|
</div>
|
</el-col>
|
</el-row>
|
</template>
|
<script setup>
|
import { ref } from 'vue';
|
import dayjs from 'dayjs';
|
import constructionApi from '@/api/additional-jingan/constructionApi';
|
import { useFetchData } from '@/composables/fetchData';
|
|
const { loading, fetchData } = useFetchData();
|
|
const updateTime = ref();
|
const constructionList = ref([]);
|
const sceneList = ref([])
|
|
// 查询新建工地
|
function fetchNewConstruction() {
|
const param = dayjs(updateTime.value).format('YYYY-MM-DD HH:mm:ss');
|
fetchData(() => {
|
return constructionApi.queryGdNew(param).then((res) => {
|
constructionList.value = res.data;
|
});
|
});
|
}
|
</script>
|
<style scoped></style>
|
