| | |
| | | <template> |
| | | <div> |
| | | <el-container> |
| | | <!-- <el-header style="text-align:right; font-size:15px "> |
| | | <i class="el-icon-s-data" style="font-size: 15px;color:rgb(226,207,207);margin-right:10px;"></i> |
| | | <span style="color:rgb(226,207,207);">数据超标率</span> |
| | | </el-header> --> |
| | | |
| | | <el-main> |
| | | <el-form :inline="true" :model="form" class="demo-form-inline"> |
| | | <el-form-item label="店铺名和设备编号"> |
| | | <!-- <el-select class="checkbox" v-model="devId" placeholder="请选择设备编号"> |
| | | <el-option |
| | | v-for="item in options" |
| | | :key="item.label" |
| | | :label="item.label" |
| | | :value="item.label"> |
| | | </el-option> |
| | | </el-select> --> |
| | | |
| | | <el-cascader |
| | | :options="options" |
| | | :show-all-levels="false" |
| | |
| | | </el-form-item> |
| | | |
| | | <el-form-item> |
| | | <el-button type="primary" @click="fetchData">展示图</el-button> |
| | | <el-button type="primary" :loading="button.showChartButton" @click="fetchData">展示图</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | |
| | |
| | | export default { |
| | | data() { |
| | | return { |
| | | button:{ |
| | | // 展示图的按钮 |
| | | showChartButton:false, |
| | | }, |
| | | isNoData:false, |
| | | loading: false, |
| | | chartData: [], //保存查询的结果 |
| | |
| | | params['end'] = this.end; |
| | | } |
| | | this.loading = true; |
| | | this.button.showChartButton = true |
| | | axiosInstanceInstance |
| | | .get('/data/id', { params: params }) |
| | | .then((response) => { |
| | | |
| | | this.chartData = response.data.data; |
| | | this.loading = false; |
| | | this.button.showChartButton = false |
| | | if(response.data.data.length==0){ |
| | | alert('该时段无数据') |
| | | this.isNoData = true |