11

WXL

2024-07-24 826570f76831a500bb06faa5c22d118776f073c4

11

 src/views/project/indexstatistics/components/organnumchart/index.vue

@@ -16,29 +16,29 @@
export default {
  name: "organnumchart",
  components: {
    Echart,
    Echart
  },
  props: {
    id: {
      type: String,
      default: "organnumcgart",
      default: "organnumcgart"
    },
    width: {
      type: String,
      default: "100%",
      default: "100%"
    },
    height: {
      type: String,
      default: "600px",
      default: "600px"
    },
    cdata: {
      type: Array,
      default: () => [],
    },
      default: () => []
    }
  },
  data() {
    return {
      options: {},
      options: {}
    };
  },
  created() {},
@@ -47,49 +47,51 @@
    resetOption(newData) {
      let organNameArr = [];
      let organeNumArr = [];
      let organeNumArrabandonCount = [];
      for (let i = 0; i < newData.length; i++) {
        organNameArr.push(newData[i].name);
        organeNumArr.push(newData[i].value);
        organeNumArrabandonCount.push(newData[i].value1);
      }
      this.options = {
        title: {
          text: "获取器官和组织的数量",
          text: "获取器官和组织的数量"
        },
        tooltip: {
          trigger: "axis",
          axisPointer: {
            type: "shadow",
          },
            type: "shadow"
          }
        },
        grid: {
          top: "12%",
          left: "0",
          right: "0",
          bottom: "5%",
          containLabel: true,
          containLabel: true
        },
        xAxis: {
          type: "category",
          data: organNameArr,
          axisLine: {
            show: false,
            show: false
          },
          axisLabel: {
            textStyle: {
              color: "#566f94", //更改坐标轴文字颜色
              fontSize: 12, //更改坐标轴文字大小
              fontSize: 12 //更改坐标轴文字大小
            },
            interval: 0,
          },
            interval: 0
          }
        },
        yAxis: {
          type: "value",
          // boundaryGap: [0, 0.01],
          show: false,
          show: false
        },
        series: [
          {
            name: "器官数量",
            name: "获取数量",
            type: "bar",
            //barWidth: 20, //柱图宽度
            itemStyle: {
@@ -100,16 +102,35 @@
                  textStyle: {
                    //数值样式
                    color: "#566f94",
                    fontSize: 14,
                  },
                },
              },
                    fontSize: 14
                  }
                }
              }
            },
            data: organeNumArr,
            data: organeNumArr
          },
        ],
          {
            name: "弃用数量",
            type: "bar",
            //barWidth: 20, //柱图宽度
            itemStyle: {
              normal: {
                label: {
                  show: true, //开启显示
                  position: "top", //在上方显示
                  textStyle: {
                    //数值样式
                    color: "#566f94",
                    fontSize: 14
                  }
                }
              }
            },
            data: organeNumArrabandonCount
          }
        ]
      };
    },
    }
  },
  computed: {},
  watch: {
@@ -118,11 +139,10 @@
        this.resetOption(newData);
      },
      immediate: true,
      deep: true,
    },
  },
      deep: true
    }
  }
};
</script>

<style lang="scss" scoped>
</style>
<style lang="scss" scoped></style>

 src/views/project/indexstatistics/index.vue

@@ -626,7 +626,7 @@
    return {
      city: "",
      reportno: "",
      selecttime: [ new Date(new Date().getFullYear(), 0),new Date()],
      selecttime: [new Date(new Date().getFullYear(), 0), new Date()],
      year: "选择年份",
      isloading: false,
      maxHeight: 0,
@@ -668,12 +668,15 @@
          key: "heart",
          name: "心脏",
          value: 0,
          value1: 0,
          code: "C38"
        },
        {
          key: "fullLiver",
          name: "肝脏",
          value: 0,
          value1: 0,

          code: "C22"
        },

@@ -681,60 +684,80 @@
          key: "leftRenal",
          name: "左肾",
          value: 0,
          value1: 0,

          code: "C64L"
        },
        {
          key: "rightRenal",
          name: "右肾",
          value: 0,
          value1: 0,

          code: "C64R"
        },
        {
          key: "fullLung",
          name: "全肺",
          value: 0,
          value1: 0,

          code: "C34"
        },
        {
          key: "leftLung",
          name: "左肺",
          value: 0,
          value1: 0,

          code: "C34L"
        },
        {
          key: "rightLung",
          name: "右肺",
          value: 0,
          value1: 0,

          code: "C34R"
        },
        {
          key: "",
          name: "小肠",
          value: 0,
          value1: 0,

          code: "C17"
        },
        {
          key: "",
          name: "胰腺",
          value: 0,
          value1: 0,

          code: "C25"
        },
        {
          key: "leftEye",
          name: "左眼膜",
          value: 0,
          value1: 0,

          code: "C69L"
        },
        {
          key: "rightEye",
          name: "右眼膜",
          value: 0,
          value1: 0,

          code: "C69R"
        },
        {
          key: "",
          name: "其它",
          value: 0,
          value1: 0,

          code: "C01"
        }
        // {
@@ -997,6 +1020,7 @@
      if (this.reportervalue != "") {
        param.reporterno = this.reportervalue;
      }
      console.log(param, "param");
      getDonateorganSum(param).then(response => {
        /*
        let list = this.organData.map((item) => item);
@@ -1012,6 +1036,7 @@
          );
          if (ii > -1) {
            this.organData[i].value = list[ii].count;
            this.organData[i].value1 = list[ii].abandonCount;
          }
        }
      });