| | |
|---|
| | | * @Author: shuishen 1109946754@qq.com |
|---|
| | | * @Date: 2023-03-13 14:54:26 |
|---|
| | | * @LastEditors: shuishen 1109946754@qq.com |
|---|
| | | * @LastEditTime: 2024-11-28 19:28:35 |
|---|
| | | * @LastEditTime: 2024-12-02 21:23:17 |
|---|
| | | * @FilePath: \bigScreen\src\views\companyInfo\components\box\fireTrend.vue |
|---|
| | | * @Description: |
|---|
| | | * |
|---|
| | |
|---|
| | | |
|---|
| | | let image = ref(VITE_APP_BASE + 'img/mapicon/yjwz.png') |
|---|
| | | |
|---|
| | | |
|---|
| | | const TableContent = ref(null) |
|---|
| | | const curTableHeight = ref(0) |
|---|
| | | const loading = ref(false) |
|---|
| | | |
|---|
| | | const tableData = ref([]) |
|---|
| | |
|---|
| | | }) |
|---|
| | | |
|---|
| | | onMounted(() => { |
|---|
| | | curTableHeight.value = TableContent.value.offsetHeight |
|---|
| | | data.companyInfo = JSON.parse(localStorage.getItem('companyInfo')) |
|---|
| | | getLists() |
|---|
| | | }) |
|---|
| | | // 表格样式 |
|---|
| | | const tableCellStyle = ({ row, column }) => { |
|---|
| | | return { background: "#152851", color: "#fff" } |
|---|
| | | } |
|---|
| | | // 表格表头样式 |
|---|
| | | const headerCellStyle = ({ }) => { |
|---|
| | | return { |
|---|
| | | background: "#152851", |
|---|
| | | color: "#fff", |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | // 搜索条件 |
|---|
| | | const formInline = reactive({ |
|---|
| | | name: "", |
|---|
| | |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <template> |
|---|
| | | <div class="search-box w100 h100"> |
|---|
| | | <div class="search-box w100 h100 flex f-d-c"> |
|---|
| | | <el-form :inline="true" :model="formInline" class="demo-form-inline"> |
|---|
| | | <el-form-item label="" class="form-item-input"> |
|---|
| | | <el-input v-model="formInline.name" placeholder="请输入名称" clearable style="width: 120px" /> |
|---|
| | |
|---|
| | | <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"> |
|---|
| | | <div class="table-box h0 flex-1" ref="TableContent"> |
|---|
| | | <el-table empty-text="暂无数据" border :data="tableData" @row-click="rowClick" style="width: 100%" |
|---|
| | | :header-cell-style="headerCellStyle" :cell-style="tableCellStyle" |
|---|
| | | element-loading-background="rgba(122, 122, 122, 0.1)"> |
|---|
| | | element-loading-background="rgba(122, 122, 122, 0.1)" :height="curTableHeight"> |
|---|
| | | <el-table-column prop="name" label="名称" width="240" /> |
|---|
| | | <el-table-column prop="numUnit" label="数量" /> |
|---|
| | | <el-table-column prop="personInCha" label="负责人" /> |
|---|
| | |
|---|
| | | color: #fff !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .search-box { |
|---|
| | | padding: 10px; |
|---|
| | | |
|---|
| | | ::v-deep .el-table__body-wrapper { |
|---|
| | | background-color: #152851; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .reset-btn { |
|---|
| | | color: #D4E8F8; |
|---|
| | | background: #43779B; |
|---|
| | | border-color: #43779B; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .search-box .table-box { |
|---|
| | | height: 700px; |
|---|
| | | overflow: scroll; |
|---|
| | | // 隐藏滚动条 |
|---|
| | | scrollbar-width: none; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* 当表格没有数据时，修改表格的背景颜色 */ |
|---|
