feat: 1、首页接口对接 2、部门物品分发

石广澎

2023-11-29 b8dc4ccc6ee580b084aa860e64af2d90d1cb5979

 admin-web/src/views/dashboard/components/LBSLTJ.vue

@@ -10,15 +10,37 @@
</template>
<script>
import * as echarts from 'echarts';
import * as dash from "@/api/dashboard/dash";

export default {
  name: 'LBSLTJ',
  props: {
    activeId: {
      type: String,
      default: '',
    num: {
      type: Object,
      default: {
        aTotalNum: 0,
        aTotalPrice: 0,
        bTotalNum: 0,
        bTotalPrice: 0,
        cTotalNum: 0,
        cTotalPrice: 0,
        tenantId: 0,
        totalNum: 0,
        totalPrice: 0,
        xiaFaNum: 0,
        zhanYouPercent: 0,
      },
    },
  },
  watch: {
    num() {
      this.options.series[0].data = [
        {value: parseFloat(this.num.aTotalNum), name: 'A类'},
        {value: parseFloat(this.num.bTotalNum), name: 'B类'},
        {value: parseFloat(this.num.cTotalNum), name: 'C类'},

      ]
      this.myChart.setOption(this.options);
    }
  },
  data() {
    return {
@@ -31,14 +53,6 @@
  },
  methods: {
    getCenterLine() {
      // getCenterLine({
      //   id: this.activeId,
      //   weekFlag: this.weekFlag,
      //   monthFlag: this.monthFlag,
      //   startDay: this.value2 ? this.value2[0] : null,
      //   endDay: this.value2 ? this.value2[1] : null
      // }).then(res => {
      //   const data = res.data
      var chartDom = document.getElementById('LBSLTJ');
      this.myChart = echarts.init(chartDom);
      // 监听屏幕宽度变化：当浏览器发生resize事件的时候，触发echart的resize事件，重绘canvas
@@ -46,7 +60,7 @@
        this.changeWidth();
      });
      this.options = {
        color: [ '#1877FF','#5EDEA5','#F7BE12','#55C6E1','#ED653B'],
        color: ['#1877FF', '#5EDEA5', '#F7BE12', '#55C6E1', '#ED653B'],
        tooltip: {
          trigger: 'axis',
          axisPointer: {
@@ -62,7 +76,7 @@
        series: [
          {

            name: 'Access From',
            name: '类别数量统计',
            type: 'pie',
            minAngle: 2, // 最小的扇区角度（0~360），用于防止某个值过小导致扇区太小影响交互
            avoidLabelOverlap: true, // 是否启用防止标签重叠策略
@@ -82,11 +96,9 @@
              }
            },
            data: [
              { value: 100, name: '等级一' },
              { value: 100, name: '等级二' },
              { value: 100, name: '等级三' },

            ]
              {value: parseFloat(this.num.aTotalNum), name: 'A类'},
              {value: parseFloat(this.num.bTotalNum), name: 'B类'},
              {value: parseFloat(this.num.cTotalNum), name: 'C类'},]
          }]
      };
      this.options && this.myChart.setOption(this.options);
@@ -108,6 +120,7 @@
  width: 100%;
  border-radius: 10px;
  border: none;

  .card-title-right {
    display: flex;
    align-items: center;