| | |
| | | } |
| | | |
| | | .title-container { |
| | | position: absolute; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | z-index: 2; |
| | | |
| | | padding: 15px 20px; /* 内边距控制高度和边距 */ |
| | | background: #fff; |
| | | border-bottom: 1px solid #eee; /* 分隔线增强视觉分离 */ |
| | | .more-button { |
| | | cursor: pointer; |
| | | font-size: 16px; |
| | |
| | | .chart-container { |
| | | |
| | | width: 100%; |
| | | height: 100%; |
| | | height: 80%; |
| | | |
| | | #chartContent { |
| | | width: 100%; |
| | |
| | | } |
| | | |
| | | .title-container { |
| | | position: absolute; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | z-index: 2; |
| | | |
| | | padding: 15px 20px; /* 内边距控制高度和边距 */ |
| | | background: #fff; |
| | | border-bottom: 1px solid #eee; /* 分隔线增强视觉分离 */ |
| | | .more-button { |
| | | cursor: pointer; |
| | | font-size: 16px; |
| | |
| | | .chart-container { |
| | | |
| | | width: 100%; |
| | | height: 100%; |
| | | height: 80%; |
| | | |
| | | #chartContent { |
| | | width: 100%; |
| | |
| | | } |
| | | }, |
| | | grid: { |
| | | left: 10, |
| | | left: 15, |
| | | right: 0, |
| | | bottom: 0, |
| | | top: '20%', |
| | | top:'10%', |
| | | containLabel: true |
| | | }, |
| | | legend: { |
| | |
| | | .data-chart-container { |
| | | height: 400px; |
| | | margin-bottom: 20px; |
| | | |
| | | .data-card { |
| | | height: 100%; |
| | | |
| | |
| | | } |
| | | |
| | | .title-container { |
| | | position: absolute; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | z-index: 2; |
| | | |
| | | padding: 15px 20px; /* 内边距控制高度和边距 */ |
| | | background: #fff; |
| | | border-bottom: 1px solid #eee; /* 分隔线增强视觉分离 */ |
| | | .more-button { |
| | | cursor: pointer; |
| | | font-size: 16px; |
| | |
| | | } |
| | | |
| | | .chart-container { |
| | | |
| | | width: 100%; |
| | | height: 100%; |
| | | height: 80%; |
| | | |
| | | #chartContent { |
| | | width: 100%; |
| | |
| | | <el-button type="primary" plain icon="el-icon-top" v-loading="download" size="mini" @click="handleExport" |
| | | v-hasPermi="['point:export']">导出点位</el-button> |
| | | </el-col> |
| | | |
| | | <el-col :span="1.5"> |
| | | <el-popover> |
| | | <div class="bottom_"> |
| | |
| | | <el-button class="bottom_" type="primary" size="small" v-loading="upload" @click="handleImport" |
| | | v-hasPermi="['point:import']">导入</el-button> |
| | | </div> |
| | | <el-button type="primary" size="mini" plain icon="el-icon-bottom" slot="reference" v-hasPermi="['point:import']">导入点位</el-button> |
| | | <el-button type="primary" size="mini" plain icon="el-icon-bottom" slot="reference" v-hasPermi="['point:import']"></el-button> |
| | | </el-popover> |
| | | </el-col> |
| | | <!-- <el-col :span="1.5">--> |