| | |
| | | v-model="queryParams.dataTime" |
| | | type="month" |
| | | :clearable="false" |
| | | value-format="yyyy-MM" |
| | | value-format="YYYY-MM" |
| | | placeholder="选择日期" |
| | | > |
| | | </el-date-picker> |
| | |
| | | </el-form> |
| | | </div> |
| | | |
| | | <div class="table-bg-style"> |
| | | <div class="table-bg-style" style="padding-bottom: 12px"> |
| | | <div class="table-box"> |
| | | <el-table :data="energyList" v-loading="loading" border max-height="380px"> |
| | | <el-table :data="energyList" v-loading="loading" border max-height="380px" height="380"> |
| | | <el-table-column fixed prop="indexName" label="指标名称" width="210px"> |
| | | <template #default="scope"> |
| | | <div style="width: 100%; text-align: left"> |
| | |
| | | style="margin-right: 8px" |
| | | ></el-button> |
| | | <el-tooltip |
| | | v-if="scope.row.indexName.length > 9" |
| | | v-if="scope.row.indexName && scope.row.indexName.length > 9" |
| | | class="item" |
| | | effect="dark" |
| | | :content="scope.row.indexName" |
| | |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column v-for="index in 31" :key="index" :label="index + '日'" align="center" min-width="100"> |
| | | <template #default="scope">{{ numFilter(scope.row[`value${index - 1}`]) }}</template> |
| | | <el-table-column v-for="index in 31" :key="index" :label="index + '日'" align="center" min-width="100px"> |
| | | <template #default="scope">{{ numFilter(scope.row[`value${index}`]) }}</template> |
| | | </el-table-column> |
| | | </el-table> |
| | | |
| | | <div> |
| | | <line-chart ref="LineChartRef" :chartData="lineChartData" /> |
| | | </div> |
| | |
| | | getDataList({ |
| | | ...queryParams.value, |
| | | }).then((response) => { |
| | | console.log("1111111111", response) |
| | | energyList.value = response.data.tabledata |
| | | if (energyList.value && energyList.value.length !== 0) { |
| | | selectChange(energyList.value[0]) |
| | | } else { |
| | | lineChartData.value = {} |
| | | } |
| | | }) |
| | | } |
| | |
| | | console.log(expectedData) |
| | | |
| | | lineChartData.value = { |
| | | // xData: [ |
| | | // "0时", |
| | | // "1时", |
| | | // "2时", |
| | | // "3时", |
| | | // "4时", |
| | | // "5时", |
| | | // "6时", |
| | | // "7时", |
| | | // "8时", |
| | | // "9时", |
| | | // "10时", |
| | | // "11时", |
| | | // "12时", |
| | | // "13时", |
| | | // "14时", |
| | | // "15时", |
| | | // "16时", |
| | | // "17时", |
| | | // "18时", |
| | | // "19时", |
| | | // "20时", |
| | | // "21时", |
| | | // "22时", |
| | | // "23时", |
| | | // ], |
| | | xData: actualData, |
| | | yData: expectedData, |
| | | title, |