应急空间点击显示图片

linwe

2024-11-21 7fc39e1acd7e8e436eae76250399a64179428620

 src/views/companyInfo/components/box/fireTrend.vue

@@ -4,9 +4,9 @@
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2023-03-13 15:00:55
 * @FilePath: \forest-fire\src\views\statistics\components\box\dataContent.vue
 * @Description: 
 * 
 * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved. 
 * @Description:
 *
 * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved.
-->
<script setup>
import publicContent from "./publicContent.vue"
@@ -130,7 +130,7 @@
                </div>
                `
    //   }
    // } else 
    // } else
    // {
    //   iconEl = `<div class="marsBlueGradientPnl">
    //               <div>${row.name}</div>
@@ -164,12 +164,14 @@
  arr.forEach(i => {
    addTileLayers[i] && window.$viewer.removeLayer(addTileLayers[i])
  })
  addTileLayers = {}
}

onUnmounted(() => {
  console.log('销毁***************************')
  destroy()
})
import { Search, Refresh } from '@element-plus/icons-vue'
</script>

<template>
@@ -178,11 +180,12 @@
      <el-form-item label="" class="form-item-input">
        <el-input v-model="formInline.name" placeholder="请输入名称" clearable style="width: 120px" />
      </el-form-item>
      <el-form-item class="search-btn">
        <el-button type="primary" @click="onSubmit">查询</el-button>
        <el-button type="primary" @click="clearBtn">重置</el-button>
      <el-form-item>
        <el-button type="primary" :icon="Search" @click="onSubmit">查 询</el-button>
        <el-button class="reset-btn" :icon="Refresh" @click="clearBtn">重 置</el-button>
      </el-form-item>
    </el-form>
    <!-- <global-search :options="options" @searchBtn="searchBtn" @resetBtn="resetBtn" ref="SeachBarCondition"></global-search> -->
    <div class="table-box">
      <el-table :data="tableData" empty-text="" style="width: 100%" :header-cell-style="headerCellStyle"
        :cell-style="tableCellStyle" element-loading-background="rgba(122, 122, 122, 0.1)">
@@ -213,6 +216,12 @@
  }
}

.reset-btn {
  color: #D4E8F8;
  background: #43779B;
  border-color: #43779B;
}

.search-box .table-box {
  height: 700px;
  overflow: scroll;
@@ -236,7 +245,7 @@
    .el-input__wrapper {
      font-size: 16px;
      font-weight: 400;
      border-radius: 0;
      border-radius: 5px;
      background: rgba(135, 158, 199, 0.3);
      box-shadow: inset 0px 3px 7px 0px rgba(42, 138, 236, 0.95);

@@ -249,14 +258,14 @@
}

.search-btn {
  ::v-deep .el-button--primary {
    background-color: transparent;
    border-color: none;
    border: none;
    cursor: pointer;
    color: #edffff;
    background: rgba(135, 158, 199, 0.3);
    box-shadow: inset 0px 3px 7px 0px rgba(42, 138, 236, 0.95);
  }
  // ::v-deep .el-button--primary {
  //   background-color: transparent;
  //   border-color: none;
  //   border: none;
  //   cursor: pointer;
  //   color: #edffff;
  //   background: rgba(135, 158, 199, 0.3);
  //   box-shadow: inset 0px 3px 7px 0px rgba(42, 138, 236, 0.95);
  // }
}
</style>