| | |
| | | ></My-bread> |
| | | <el-divider /> |
| | | <div class="contentBox"> |
| | | <div class="content_Left subpage_Div"> |
| | | <div class="content_Left subpage_Div" style="border: 1px solid #dcdfe6;"> |
| | | <el-tree |
| | | :data="treeData" |
| | | @node-click="handleNodeClick" |
| | |
| | | > |
| | | </el-tree> |
| | | </div> |
| | | <div class="content_Right subpage_Div"> |
| | | <div class="iquery subpage_Div"> |
| | | <div class="content_Right subpage_Div" style="border: 1px solid #dcdfe6;"> |
| | | <div class="iquery subpage_Div" style="padding-bottom: 14px"> |
| | | <div> |
| | | <el-button |
| | | icon="el-icon-c-scale-to-original" |
| | | size="small" |
| | | type="warning" |
| | | @click="setCountFlagChange(1)" |
| | | >报表</el-button |
| | | >{{ $t("shuJuGuanLi.butten.Report") }}</el-button |
| | | > |
| | | <el-button |
| | | icon="el-icon-pie-chart" |
| | | size="small" |
| | | type="primary" |
| | | @click="setCountFlagChange(2)" |
| | | >柱状图</el-button |
| | | >{{ $t("shuJuGuanLi.butten.Histogram") }}</el-button |
| | | > |
| | | <el-button |
| | | icon="el-icon-download" |
| | | size="small" |
| | | type="success" |
| | | @click="setCountFlagChange(3)" |
| | | >下载</el-button |
| | | >{{ $t("shuJuGuanLi.butten.Download") }}</el-button |
| | | > |
| | | </div> |
| | | </div> |
| | | <div class="dividing-line"></div> |
| | | <div class="contentTable subpage_Div" v-show="setCountFlag"> |
| | | <el-table |
| | | :data="tableData" |
| | |
| | | tooltip: { |
| | | //提示框组件 |
| | | trigger: "axis", //坐标轴触发,主要在柱状图,折线图等会使用类目轴的图表中使用 |
| | | axisPointer: { animation: false }, |
| | | // axisPointer: { animation: false }, |
| | | axisPointer: { |
| | | // 坐标轴指示器,坐标轴触发有效 |
| | | type: "line", // 默认为直线,可选为:'line' | 'shadow' |
| | |
| | | width: 98%; |
| | | padding: 1%; |
| | | .contentBox { |
| | | padding-top: 10px; |
| | | height: calc(98% - 63px); |
| | | width: 100%; |
| | | display: flex; |
| | |
| | | border-radius: 5px; |
| | | padding: 1%; |
| | | .iquery { |
| | | padding: 1%; |
| | | //padding: 1%; |
| | | border-radius: 5px; |
| | | display: flex; |
| | | justify-content: flex-end; |
| | |
| | | height: 82%; |
| | | padding: 1%; |
| | | border-radius: 5px; |
| | | margin-top: 1%; |
| | | //margin-top: 1%; |
| | | .el-table, |
| | | .el-table /deep/ .el-table__expanded-cell { |
| | | background-color: transparent !important; |
| | | } |
| | | .el-table /deep/ th, |
| | | .el-table /deep/ tr { |
| | | background-color: transparent !important; |
| | | } |
| | | } |
| | | } |
| | | } |