integrated_traffic_vue/src/views/enterprise_management/industry_qualifications/view.vue

49 lines
1.4 KiB
Vue

<template>
<layout-card>
<el-descriptions :column="2" border>
<el-descriptions-item label="证书名称">
{{ info.NAME }}
</el-descriptions-item>
<el-descriptions-item label="证书有效期">
{{ info.VALIDITYTIME }}
</el-descriptions-item>
<el-descriptions-item label="证书编号">
{{ info.NUMBER }}
</el-descriptions-item>
<el-descriptions-item label="备注">
{{ info.DESCR }}
</el-descriptions-item>
<el-descriptions-item label="证书图片">
<img
v-for="item in info.file"
:key="item.FILEPATH"
v-viewer
:src="item.url"
width="100"
height="100"
class="ml"
/>
</el-descriptions-item>
</el-descriptions>
</layout-card>
</template>
<script setup>
import { getIndustryQualificationsView } from "@/request/enterprise_management.js";
import { ref } from "vue";
import { useRoute } from "vue-router";
import { addingPrefixToFile } from "@/assets/js/utils.js";
const route = useRoute();
const { QUALIFICATIONS_ID } = route.query;
const info = ref({});
const fnGetData = async () => {
const resData = await getIndustryQualificationsView({ QUALIFICATIONS_ID });
info.value = resData.pd;
info.value.file = addingPrefixToFile(resData.hImgs);
};
fnGetData();
</script>
<style lang="scss" scoped></style>