From a07f79573d52f61ba6ec97766e9abc12309eadee Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Tue, 17 Dec 2024 19:05:58 +0800
Subject: [PATCH] 事件模拟更新
---
src/views/companyInfo/components/box/fireSource.vue | 145 +++++++++++++++++++++++++----------------------
1 files changed, 77 insertions(+), 68 deletions(-)
diff --git a/src/views/companyInfo/components/box/fireSource.vue b/src/views/companyInfo/components/box/fireSource.vue
index 1005209..46c78af 100644
--- a/src/views/companyInfo/components/box/fireSource.vue
+++ b/src/views/companyInfo/components/box/fireSource.vue
@@ -2,13 +2,69 @@
* @Author: shuishen 1109946754@qq.com
* @Date: 2023-03-13 14:54:26
* @LastEditors: shuishen 1109946754@qq.com
- * @LastEditTime: 2023-03-13 15:00:55
- * @FilePath: \forest-fire\src\views\statistics\components\box\dataContent.vue
+ * @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'
@@ -96,56 +152,7 @@
</script>
-<template>
- <div class="data-content w100 h100">
- <div class="content-firmIntro">
- <span> {{ data.companyInfo.firmIntro }}</span>
- </div>
-
- <div class="company-info">
- <div class="company-info-item" v-for="item in companyInfoList" :key="item.id">
- <el-row>
- <el-col :span="8">
- <div class="company-info-title">{{ item.title }}</div>
- </el-col>
- <el-col :span="16">
- <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="8">
- <div class="company-info-title">{{ item.title }}</div>
- </el-col>
- <el-col :span="16">
- <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>
- <!-- <img :src="data.companyInfo.image_urls" alt=""> -->
- <el-image style="width: 100px; height: 100px" :src="data.companyInfo.image_urls" :zoom-rate="1.2" :max-scale="7"
- :min-scale="0.2" :preview-src-list="[data.companyInfo.image_urls]" :initial-index="4" fit="cover">
- <template #error>
- <div class="image-slot">
- <el-icon><icon-picture /></el-icon>
- </div>
- </template>
- </el-image>
- </div>
-
-
- </div>
-</template>
<style lang="scss" scoped>
.data-content {
@@ -153,11 +160,25 @@
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 {
@@ -171,15 +192,17 @@
}
.company-info-item {
- margin-top: 13px;
+ // margin-top: 13px;
}
.company-info-title {
- font-weight: bold;
+ // font-weight: bold;
+ margin: 4px 0;
}
.company-info-content {
- font-size: 13px;
+ // font-size: 13px;
+ margin: 4px 0;
}
@@ -191,19 +214,5 @@
.company-info-jydw div {
text-align: center;
margin-top: 10px;
-}
-
-.company-info-jydw ul li {
- // text-align: center;
- // margin-top: 10px;
-}
-
-.company-info-image {
- margin-top: 20px;
- width: 100%;
- height: 200px;
- // background-color: pink;
- border-top: #dfdcdc 2px solid;
- text-align: center;
}
</style>
\ No newline at end of file
--
Gitblit v1.9.3