Default Changelist

马宇豪

2024-03-13 ce115e4c67e98c143159039494f14c7bcda59415

 src/views/specialWorkSystem/specialIndex/index.vue

@@ -416,7 +416,7 @@
      },
      chartSearch2: {
        depId: 1,
        startTime: '',
        // startTime: '',
        type: null
      },
      chartSearch3: {
@@ -523,9 +523,6 @@
      getTypePie()
      getWorkDep()
      getDepMonth()
      initZyfb()
      initSlfx()
      initZyqs()
    });
    const initTime =()=>{
      state.chartSearch1.startTime = getPeriod(30)
@@ -575,10 +572,12 @@
      }else{
        state.themeColor = '#333'
      }
      initZyfb()
      initSlfx()
      initZyqs()
      initTime()
      getMydepList()
      getAllDepartment();
      getTypePie()
      getWorkDep()
      getDepMonth()
    }
    const getTypePie = async ()=>{
      const data = {
@@ -590,7 +589,7 @@
      if (res.data.code === '200') {
        // console.log('饼图数据>>>', res.data.data)
        state.pieData = JSON.parse(JSON.stringify(res.data.data))
        // initZyfb()
        initZyfb()
      } else {
        ElMessage({
          type: 'warning',
@@ -600,16 +599,17 @@
    }
    const getWorkDep = async ()=>{
      const data = {
        startTime: state.chartSearch2.startTime,
        endTime: state.endTime,
        // startTime: state.chartSearch2.startTime,
        // endTime: state.endTime,
        depId:state.chartSearch2.depId,
        type: state.chartSearch2.type
      }
      let res = await specialIndexApi().analyseAllWork(data);
      if (res.data.code === '200') {
        // console.log('条形图数据>>>', res.data.data)
        state.squareData = JSON.parse(JSON.stringify(res.data.data))
        // initSlfx()
        let names = state.squareData.map(i=>i.name)
        let vals = state.squareData.map(i=>i.value)
        initSlfx(names,vals)
      } else {
        ElMessage({
          type: 'warning',
@@ -620,9 +620,10 @@
    const getDepMonth = async ()=>{
      let res = await specialIndexApi().analyseDepMonth(state.chartSearch3.depId);
      if (res.data.code === '200') {
        // console.log('折线图数据>>>', res.data.data)
        state.squareData = JSON.parse(JSON.stringify(res.data.data))
        // initSlfx()
        let names = state.squareData.map(i=>i.name)
        let vals = state.squareData.map(i=>i.value)
        initZyqs(names,vals)
      } else {
        ElMessage({
          type: 'warning',
@@ -706,16 +707,7 @@
                shadowColor: 'rgba(0, 0, 0, 0.5)'
              },
            },
            data: [
              { value: 0, name: '动火作业' },
              { value: 0, name: '受限空间作业' },
              { value: 0, name: '吊装作业' },
              { value: 0, name: '动土作业' },
              { value: 0, name: '断路作业' },
              { value: 0, name: '高处作业' },
              { value: 0, name: '临时用电作业' },
              { value: 0, name: '盲板抽堵作业' }
            ]
            data: state.pieData
          }
        ]
      }
@@ -725,7 +717,7 @@
        myChart.resize();
      });
    }
    const initSlfx =()=>{
    const initSlfx =(names:Array<string>,vals:Array<any>)=>{
      let dom = document.getElementById(slfx.value);
      let myChart = echarts.init(dom);
      let option: EChartsOption;
@@ -745,7 +737,7 @@
        xAxis: [
          {
            type: 'category',
            data: ['部门一','部门二','部门三'],
            data: names,
            axisTick: {
              alignWithLabel: true
            },
@@ -764,7 +756,7 @@
            name: 'Direct',
            type: 'bar',
            barWidth: '60%',
            data: [0,0,0],
            data: vals,
          }
        ]
      }
@@ -774,14 +766,14 @@
        myChart.resize();
      });
    }
    const initZyqs =()=>{
    const initZyqs =(names:Array<string>,vals:Array<any>)=>{
      let dom = document.getElementById(zyqs.value);
      let myChart = echarts.init(dom);
      let option: EChartsOption;
      option = {
        xAxis: {
          type: 'category',
          data: ['四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月', '一月', '二月', '三月'],
          data: names,
          axisLabel: {
            color: state.themeColor
          }
@@ -805,7 +797,7 @@
        },
        series: [
          {
            data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
            data: vals,
            type: 'line',
            label:{
              show: true