Merge remote-tracking branch 'origin/master'

fuliqi

2024-08-20 a6842851a844e63a8766d63c5410a8e2f27a7d45

 src/views/screen/components/screen-data/index.vue

@@ -17,21 +17,21 @@
          <div class="panel-item">
            <data-hola
              :holaTitle="`工单总数`"
              :centerValue="workOrderData.workOrderTotal.totalNum"
              :centerValue="workOrderData.totalNum"
              :holaColor="`#4ea8ff`"
            ></data-hola>
          </div>
          <div class="panel-item">
            <data-hola
              :holaTitle="`已处理工单数`"
              :centerValue="workOrderData.workOrderTotal.todolNum"
              :centerValue="workOrderData.todoNum"
              :holaColor="`#5dec24`"
            ></data-hola>
          </div>
          <div class="panel-item">
            <data-hola
              :holaTitle="`未处理工单数`"
              :centerValue="workOrderData.workOrderTotal.doneNum"
              :centerValue="workOrderData.doneNum"
              :holaColor="`#dfc639`"
            ></data-hola>
          </div>
@@ -66,23 +66,19 @@
  props: {
    workOrderData: {
      type: Object,
      default: {},
    },
    workOrderRegion: {
      type: Array,
      default: null,
    },
  },
  data() {
    return {
      dataList: {
        name: [
          "富顺县",
          "荣县",
          "高新区",
          "自流井区",
          "贡井区",
          "大安区",
          "沿滩区",
        ],
        data1: [210, 310, 40, 102, 111, 201, 123],
        data2: [20, 30, 10, 10, 11, 21, 5],
        name: [],
        data1: [],
        data2: [],
      },
    };
  },
@@ -142,6 +138,23 @@
    chart = echarts.init(this.$refs.barChart);
    this.initEchart();
  },
  watch: {
    workOrderRegion() {
      let name = [];
      let data1 = [];
      let data2 =  [];
      this.workOrderRegion.map((item) => {
        name.push(item.area);
        data1.push(item.todoNum);
        data2.push(item.doneNum);
      })
      this.dataList.name = name;
      this.dataList.data1 = data1;
      this.dataList.data2 = data2;
      chart = echarts.init(this.$refs.barChart);
      this.initEchart();
    }
  },
};
</script>