Merge branch 'feature-code-refactoring' and 'feature-002'

riku

2023-12-21 c24a5a2a99515b365ebc343b04538bb862790de1

 src/views/data_management/DataAccessManagement.vue

@@ -1,25 +1,146 @@
<script>
  export default {
    data() {
      return{

      }
import getHistoryApi from '@/api/py/getHistoryApi.js'
import { ElMessage } from 'element-plus'
import exceptionApi from '@/api/exceptionApi.js'
export default {
  data() {
    return {
      async: '未完成....',
      normal: '未变化....',
      count:0
    }
  },
  mounted() {
    // this.query()
    // this.getAnalysisData()
  },
  methods: {
    getData() {
      getHistoryApi.fetchDustHistoryData().then((res) => {
        print(res)
      })
      setTimeout(() => {
        ElMessage.success('数据获取中')
      }, 600)
    },
    mounted() {
    // async query() {
    // await  exceptionApi.analysisdata('','2023-08-01','2023-10-01', 'day').then((response) => {
    //     const chartData = response.data.data
    //     this.async = '完成'
    //   })
    //   this.normal= '变化'
    // },
    //  query() {
    //   exceptionApi.analysisdata('','2023-08-01','2023-10-01', 'day').then((response) => {
    //     const chartData = response.data.data
    //     this.async = '完成'
    //   })
    //   this.normal= '变化'
    // },

    //    query() {
    //   exceptionApi.analysisdata('','2023-08-01','2023-10-01', 'day')
    //   .then((response) => {
    //     return response.data.data
    //   }).then((res)=>{
    //     a = exceptionApi.analysisdataByType('2023-09-01','month')

    //   })
    // },

    // getd1(){
    //   return exceptionApi.analysisdataByType('2023-09-01','month')
    // },
    // async query() {
    //  const  analysis =   await  exceptionApi.analysisdata('','2023-08-01','2023-10-01', 'day')
    //  console.log('分析数据为：',analysis);
    //  const exception = await exceptionApi.analysisdataByType('2023-09-01','month')
    //  console.log('异常数据为：',exception);
    // }
    getAnalysisData() {
      const analysis = exceptionApi.analysisdata(
        this.form.name,
        this.form.beginTime,
        this.form.endTime,
        'day'
      )
      const exception = exceptionApi.exceptiondata1({
        siteName: this.form.name,
        beginTime: this.form.beginTime,
        endTime: this.form.endTime
      })
      this.loading = true
      this.queryButton = true
      Promise.all([analysis, exception]).then((res) => {
        this.chartData = res[0].data.data
        let exceptionData = res[1].data.data
        // console.log('分析数据：',analysisData);
        // console.log('异常数据：',exceptionData);
        // 得到有效数据的起始时间
        this.begin = this.chartData[0].lst
        this.end = this.chartData[this.chartData.length - 1].lst
        // 移除空数据状态
        this.isNoData = false
        // 生成折线图数据配置
        this.setChart()

        //  日统计数据
        let temp = index.calBillData(this.chartData, this.begin, this.end)
        // 异常数据
        let obj = index.calRecur(exceptionData)

        this.bill.min = temp['min']
        this.bill.max = temp['max']
        this.bill.avg = temp['avg']
        this.bill.online = temp['online']
        this.bill.valid = temp['valid']
        this.bill.exceeding = temp['exceeding']

        this.bill.exceptionRecurrence = obj['exceptionRecurrence']
        this.bill.exceptionTypeAggregation = obj['exceptionTypeAggregation']
      })
    },
    methods: {

     }

 increment(){
    this.count++
    console.log(document.getElementById('but').textContent)
    nextTick(()=>{
      console.log('abc',document.getElementById('but').textContent)
    })
    
  }
  }
}
</script>

<template>
  <el-button id="but" @click="increment" >{{count}} </el-button>
  <div>
    数据接入管理
    <!-- 点击"获取数据"后,每隔一个小时执行一次 -->
  </div>

  <el-descriptions title="数据获取详情" direction="vertical" :column="4" :size="size" border>
    <el-descriptions-item label="数据来源">扬尘</el-descriptions-item>
    <el-descriptions-item label="数据获取频率">1小时</el-descriptions-item>
    <el-descriptions-item label="自动异常分析" :span="2"
      ><el-tag size="small">是</el-tag></el-descriptions-item
    >
    <el-descriptions-item label="站点基本信息数据">
      <el-tag size="small">是</el-tag>
    </el-descriptions-item>
    <el-descriptions-item label="浓度数据"><el-tag size="small">是</el-tag> </el-descriptions-item>
  </el-descriptions>

  <el-button type="primary" @click="getData"> 自动获取 </el-button>
  <div>异步函数：{{ async }}</div>
  <div style="margin-bottom: 20px"></div>
  <div>后面： {{ normal }}</div>
</template>

<style  scoped>

</style>
<style scoped>
.el-descriptions,
.el-button {
  margin: 20px;
}
</style>