<!--
|
* @Author: shuishen 1109946754@qq.com
|
* @Date: 2023-03-13 14:54:26
|
* @LastEditors: shuishen 1109946754@qq.com
|
* @LastEditTime: 2024-11-27 15:40:42
|
* @FilePath: \bigScreen\src\views\companyInfo\components\box\fireSource.vue
|
* @Description:
|
*
|
* Copyright (c) 2023 by ${git_name_email}, All Rights Reserved.
|
-->
|
|
<template>
|
<div class="data-content w100 h100">
|
|
<div class="clearfix">
|
<div class="content-firmIntro">
|
<el-image :src="data.companyInfo.imageUrls" :zoom-rate="1.2" :max-scale="7" :min-scale="0.2"
|
:preview-src-list="[data.companyInfo.imageUrls]" :initial-index="4" fit="cover">
|
<template #error>
|
<div class="image-slot">
|
<el-icon><Picture /></el-icon>
|
</div>
|
</template>
|
</el-image>
|
<span> {{ data.companyInfo.firmIntro }} </span>
|
</div>
|
</div>
|
|
<div class="company-info">
|
<div class="" style="text-align: center;margin-top: 10px;">基本信息</div>
|
<div class="company-info-item" v-for="item in companyInfoList" :key="item.id">
|
<el-row>
|
<el-col :span="6">
|
<div class="company-info-title">{{ item.title }}</div>
|
</el-col>
|
<el-col :span="18">
|
<div class="company-info-content">{{ item.content }}</div>
|
</el-col>
|
</el-row>
|
</div>
|
</div>
|
|
<div class="company-info">
|
<div class="" style="text-align: center;margin-top: 10px;">救援队伍</div>
|
<div class="company-info-item" v-for="item in rescueTeamList" :key="item.id">
|
<el-row>
|
<el-col :span="6">
|
<div class="company-info-title">{{ item.title }}</div>
|
</el-col>
|
<el-col :span="18">
|
<div class="company-info-content">{{ item.content }}</div>
|
</el-col>
|
</el-row>
|
</div>
|
</div>
|
|
<!-- <div class="company-info-image">
|
<div class="" style="text-align: center;margin-top: 10px;">企业图片</div>
|
</div> -->
|
|
|
</div>
|
</template>
|
|
<script setup>
|
import { Picture } from '@element-plus/icons-vue'
|
|
import publicContent from './publicContent.vue'
|
import { getAssetsFile } from 'utils/utils'
|
import { getfirmInfoDetail } from '@/api/indParkInfo'
|
|
let data = reactive({
|
companyInfo: {}
|
})
|
|
let companyInfoList = ref([
|
{
|
id: 1,
|
name: 'address',
|
title: '单位所在地',
|
content: '',
|
},
|
{
|
id: 2,
|
name: 'lng',
|
title: '中心经度',
|
content: '',
|
|
},
|
{
|
id: 3,
|
name: 'lat',
|
title: '中心纬度',
|
content: '',
|
},
|
{
|
id: 4,
|
name: 'name',
|
title: '行业体制',
|
content: '',
|
},
|
{
|
id: 5,
|
name: 'personInCha',
|
title: '负责人',
|
content: '',
|
},
|
{
|
id: 6,
|
name: 'personInChaPhone',
|
title: '联系电话',
|
content: '',
|
}
|
])
|
|
let rescueTeamList = ref([
|
{
|
id: 5,
|
name: 'rescuePerName',
|
title: '姓名',
|
content: '',
|
},
|
{
|
id: 6,
|
name: 'rescuePerPhone',
|
title: '联系电话',
|
content: '',
|
}
|
])
|
|
|
onMounted(() => {
|
data.companyInfo = JSON.parse(localStorage.getItem('companyInfo'))
|
getDetail()
|
})
|
|
function getDetail() {
|
getfirmInfoDetail({
|
id: data.companyInfo.id
|
}).then(res => {
|
data.companyInfo = res.data.data
|
companyInfoList.value.forEach(item => {
|
data.companyInfo[item.name] && (item.content = data.companyInfo[item.name])
|
})
|
rescueTeamList.value.forEach(item => {
|
data.companyInfo[item.name] && (item.content = data.companyInfo[item.name])
|
})
|
}).catch(err => {
|
})
|
}
|
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
.data-content {
|
padding: 10px;
|
color: #fff;
|
}
|
|
.clearfix::after {
|
content: '';
|
display: block;
|
clear: both;
|
}
|
|
.content-firmIntro {
|
height: 300px;
|
overflow-x: hidden;
|
// 隐藏滚动条
|
scrollbar-width: none;
|
}
|
|
.content-firmIntro .el-image {
|
float: left;
|
margin-right: 10px;
|
margin-top: 5px;
|
width: 90px;
|
height: 90px;
|
}
|
|
.content-firmIntro span {
|
line-height: 25px;
|
letter-spacing: 1px;
|
}
|
|
.company-info {
|
margin-top: 10px;
|
border-top: #dfdcdc 2px solid;
|
}
|
|
.company-info-item {
|
// margin-top: 13px;
|
}
|
|
.company-info-title {
|
// font-weight: bold;
|
margin: 4px 0;
|
}
|
|
.company-info-content {
|
// font-size: 13px;
|
margin: 4px 0;
|
|
}
|
|
.company-info-jydw {
|
margin-top: 10px;
|
border-top: #dfdcdc 2px solid;
|
}
|
|
.company-info-jydw div {
|
text-align: center;
|
margin-top: 10px;
|
}
|
</style>
|
