zmc
2023-08-15 d58be9584f409e7d198fd34982155331d6710f1f
src/views/HistoryFume.vue
@@ -23,6 +23,10 @@
},
  data() {
    return {
      button:{
        // 查询的按钮
        queryButton:false,
      },
      // 空状态
      isNoData:false,
      // 下拉框一开始展示的名字
@@ -312,6 +316,7 @@
      params['endTime'] = this.endTime;
    }
    this.loading=true
    this.button.queryButton = true
    axiosInstanceInstance
      .get('/fume/history', { params: params })
      .then((response) => {
@@ -319,7 +324,7 @@
        // 保存返回的
        this.exceedingData = response.data.data;
        this.loading=false
        this.button.queryButton = false
        if(response.data.data.length==0){
          ElMessage('该时段无数据')
          this.isNoData = true
@@ -327,13 +332,10 @@
        }
        // 移除空数据状态
        this.isNoData = false
        // this.displayData = response.data.data   //表格渲染
        // 分页
        this.total = this.exceedingData.length;
        // 默认显示第一页
        this.handleCurrentChange(1);
        // 展示折线图
        // this.drawChart();
      })
  },
@@ -488,7 +490,7 @@
      <!-- <el-date-picker v-model="beginTime" type="datetime" placeholder="开始时间" value-format="YYYY-MM-DD HH:mm:ss" />
      <el-date-picker v-model="endTime" type="datetime" placeholder="结束时间" value-format="YYYY-MM-DD HH:mm:ss" /> -->
      <TimeSelect @submit-time="giveTime"></TimeSelect>
      <el-button type="primary" plain @click="lineChart">查询</el-button>
      <el-button type="primary" plain :loading="button.queryButton" @click="lineChart">查询</el-button>
      <el-tooltip
@@ -672,20 +674,12 @@
.container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
:deep().el-dialog {
  border-radius: 9px;
}
@media screen and (max-width: 768px) {
  /* 在小屏幕上应用的样式 */
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* 在中等屏幕上应用的样式 */
}
@media screen and (min-width: 1025px) {
  /* 在大屏幕上应用的样式 */
.el-table {
  color: #000000;
}
</style>