2024.7.11

riku

2024-07-11 505798927f75c84693cc51becf16aa525503fc92

 src/views/inspection/problem/component/ProblemChangeChart.vue

@@ -1,7 +1,20 @@
<template>
  <el-row justify="space-between">
    <div>分期趋势</div>
    <el-col :span="18">
      <div>
        场景数：{{ sceneNum }}，问题总数：{{ proNum }}，单场景问题均值：{{ proEachSceneNum }}，
      </div>
      <div>
        整改总数：{{ changeNum }}，有效整改数：{{ changePassNum }}，问题整改率：{{
          changePer
        }}，有效整改率：{{ changePassPer }}
      </div>
    </el-col>
    <el-col :span="6">
      <el-row justify="end">
    <OptionTime v-model="time"></OptionTime>
      </el-row>
    </el-col>
  </el-row>
  <div ref="echart" class="line-chart"></div>
</template>
@@ -9,12 +22,39 @@
import * as echarts from 'echarts'

export default {
  data() {
    return {
      sceneNum: 51,
      proNum: 161,
      changeNum: 40,
      changePassNum: 40
    }
  },
  computed: {
    proEachSceneNum() {
      return Math.round((this.proNum / this.sceneNum) * 10) / 10
    },
    changePer() {
      if (this.proNum > 0) {
        return Math.round((this.changeNum / this.proNum) * 100) + '%'
      } else {
        return '/'
      }
    },
    changePassPer() {
      if (this.proNum > 0) {
        return Math.round((this.changePassNum / this.proNum) * 100) + '%'
      } else {
        return '/'
      }
    }
  },
  methods: {
    refresh() {
      const fontSize = 12
      const option = {
        legend: {
          data: ['问题', '整改'],
          data: ['问题数', '整改数'],
          textStyle: {
            fontSize: fontSize,
            color: 'white'
@@ -28,7 +68,7 @@
        },
        xAxis: {
          type: 'category',
          data: ['1号', '2号', '3号', '4号', '5号', '6号'],
          data: ['1号', '2号', '3号', '4号', '5号', '6号', '7号', '8号', '9号'],
          axisLabel: {
            textStyle: {
              fontSize: fontSize
@@ -48,14 +88,14 @@
        },
        series: [
          {
            name: '问题',
            name: '问题数',
            type: 'bar',
            data: [67, 45, 90, 67, 45, 90]
            data: [12, 8, 9, 7, 14, 19, 9, 7, 14]
          },
          {
            name: '整改',
            name: '整改数',
            type: 'bar',
            data: [67, 45, 90, 67, 40, 81]
            data: [6, 2, 5, 3, 6, 3, 6, 2, 5]
          }
          //   {
          //     name: '整改率',