integrated_traffic_vue/src/views/keyprojects/inspection/hidden_view.vue

84 lines
2.7 KiB
Vue

<template>
<div>
<layout-card>
<div id="printContent">
<el-divider content-position="left">检查信息</el-divider>
<el-descriptions border :column="2">
<el-descriptions-item label="隐患照片">
<img
v-for="item in data.hiddenImgs"
:key="item.IMGFILES_ID"
v-viewer
:src="VITE_FILE_URL + item.FILEPATH"
alt=""
width="100"
height="100"
class="ml-10"
/>
</el-descriptions-item>
<el-descriptions-item label="隐患描述">
{{ data.info.HIDDENDESCR }}
</el-descriptions-item>
<el-descriptions-item label="隐患部位 ">
{{ data.info.HIDDENPART }}
</el-descriptions-item>
<el-descriptions-item label="隐患级别">
{{ data.info.HIDDENLEVEL_NAME }}
</el-descriptions-item>
<el-descriptions-item label="隐患类型 ">
限期整改
</el-descriptions-item>
<el-descriptions-item label="整改期限">
{{ data.info.RECTIFICATIONDEADLINE }}
</el-descriptions-item>
<el-descriptions-item label="整改部门 ">
{{ data.info.RECTIFICATIONDEPT_NAME }}
</el-descriptions-item>
<el-descriptions-item label="整改人">
{{ data.info.RECTIFICATIONOR_NAME }}
</el-descriptions-item>
<el-descriptions-item label="整改时间">
{{ data.info.RECTIFICATIONTIME }}
</el-descriptions-item>
<el-descriptions-item label="整改照片">
{{ data.info.RECTIFICATIONTIME }}
</el-descriptions-item>
<el-descriptions-item label="验收时间">
{{ data.info.CHECKTIME }}
</el-descriptions-item>
<el-descriptions-item label="验收图片">
{{ data.info.CHECKTIME }}
</el-descriptions-item>
<el-descriptions-item label="是否进行罚款">
{{ data.info.ISPUNISH === "1" ? "是" : "否" }}
</el-descriptions-item>
</el-descriptions>
</div>
</layout-card>
</div>
</template>
<script setup>
import { getKeyprojectcheckFindHidden } from "@/request/keyprojects";
import { reactive } from "vue";
import { useRoute } from "vue-router";
const VITE_FILE_URL = import.meta.env.VITE_FILE_URL;
const route = useRoute();
const data = reactive({
info: {},
hiddenImgs: [],
});
const fnGetData = async () => {
const resData = await getKeyprojectcheckFindHidden({
HIDDEN_ID: route.query.HIDDEN_ID,
});
data.info = resData.pd;
data.hiddenImgs = resData.pd.hiddenImgs;
};
fnGetData();
</script>
<style scoped lang="scss"></style>