代码初始化

jiangping

2025-04-17 9b00b80c926b3d1b38b7ef9b682ee097345dde3f

 admin/src/views/index.vue

@@ -15,11 +15,11 @@
                <div class="fs15">SHE今日提报数量</div>
                <div class="num">{{ headerData.todaySheNum ||0 }}</div>
              </div>
              <img src="@/assets/icons/home_icon1.png" alt="" />
<!--              <img src="@/assets/icons/home_icon1.png" alt="" />-->
            </div>
            <div class="content">
              <div>未解决：{{ headerData.sheNum || 0}}</div>
              <div>已解决：{{ headerData.sheNum || 0}}</div>
<!--              <div>未解决：{{ headerData.sheNum || 0}}</div>-->
<!--              <div>已解决：{{ headerData.sheNum || 0}}</div>-->
              <div>总工单量：{{ headerData.sheNum || 0}}</div>
            </div>
          </div>
@@ -29,11 +29,13 @@
                <div class="fs15">跌绊滑今日工单数量</div>
                <div class="num">{{ headerData.todayDbhNum ||0 }}</div>
              </div>
<!--
              <img src="@/assets/icons/home_icon2.png" alt="" />
-->
            </div>
            <div class="content">
              <div>未解决：{{ headerData.dbhNum || 0}}</div>
              <div>已解决：{{ headerData.dbhNum || 0}}</div>
              <div>未解决：{{ headerData.dbhYesNum || 0}}</div>
              <div>已解决：{{ headerData.dbhNoNum || 0}}</div>
               <div>总工单量：{{ headerData.dbhNum || 0}}</div>
            </div>
          </div>
@@ -43,9 +45,11 @@
                <div class="fs15">DCA今日提交数量</div>
                <div class="num">{{ headerData.todayDcaNum ||0 }}</div>
              </div>
              <img src="@/assets/icons/home_icon3.png" alt="" />
<!--              <img src="@/assets/icons/home_icon3.png" alt="" />-->
            </div>
            <div class="content">
              <div>符合项：{{ headerData.dcaYesNum || 0}}</div>
              <div>不符合项：{{ headerData.dcaNoNum || 0}}</div>
              <div>总提交量：{{ headerData.dcaNum || 0}}</div>
            </div>
          </div>
@@ -55,11 +59,11 @@
                <div class="fs15">DCA今日工单数量</div>
                <div class="num">{{ headerData.todayDcaChildNum ||0 }}</div>
              </div>
              <img src="@/assets/icons/home_icon3.png" alt="" />
<!--              <img src="@/assets/icons/home_icon3.png" alt="" />-->
            </div>
            <div class="content">
              <div>未解决：{{ headerData.dcaChildNum || 0}}</div>
              <div>已解决：{{ headerData.dcaChildNum || 0}}</div>
              <div>未解决：{{ headerData.dcaChildYesNum || 0}}</div>
              <div>已解决：{{ headerData.dcaChildNoNum || 0}}</div>
              <div>总工单量：{{ headerData.dcaChildNum || 0}}</div>
            </div>
          </div>
@@ -207,36 +211,36 @@
      this.nowWeek = weeks[new Date().getDay()]
    },
    initEchart0 () {
      this.initEchartDataDo('echart0', this.staticData0.map(i => i.dateStr), this.staticData0.map(i => i.total),'单')
      this.initEchartDataDo('echart0', this.staticData0.map(i => i.dateStr), this.staticData0.map(i => i.total),'单','bar')
    },
    initEchart01 () {
      this.initEchartDataDo('echart01', this.staticData01.map(i => i.dateStr), this.staticData01.map(i => i.total),'单')
      this.initEchartDataDo('echart01', this.staticData01.map(i => i.dateStr), this.staticData01.map(i => i.total),'单','line')
    },
    initEchart1 () {
      this.initEchartDataDo('echart1', this.staticData1.map(i => i.dateStr), this.staticData1.map(i => i.total),'次')
      this.initEchartDataDo('echart1', this.staticData1.map(i => i.dateStr), this.staticData1.map(i => i.total),'次','bar')
    },
    initEchart11 () {
      this.initEchartDataDo('echart11', this.staticData11.map(i => i.dateStr), this.staticData11.map(i => i.total),'次')
      this.initEchartDataDo('echart11', this.staticData11.map(i => i.dateStr), this.staticData11.map(i => i.total),'次','line')
    },
    initEchart2 () {
      this.initEchartDataDo('echart2', this.staticData2.map(i => i.dateStr), this.staticData2.map(i => i.total),'单')
      this.initEchartDataDo('echart2', this.staticData2.map(i => i.dateStr), this.staticData2.map(i => i.total),'单','bar')
    },
    initEchart21 () {
      this.initEchartDataDo('echart21', this.staticData21.map(i => i.dateStr), this.staticData21.map(i => i.total),'单')
      this.initEchartDataDo('echart21', this.staticData21.map(i => i.dateStr), this.staticData21.map(i => i.total),'单','line')
    },
    initEchart3 () {
      this.initEchartDataDo('echart3', this.staticData3.map(i => i.dateStr), this.staticData3.map(i => i.total),'单')
      this.initEchartDataDo('echart3', this.staticData3.map(i => i.dateStr), this.staticData3.map(i => i.total),'单','bar')
    },
    initEchart31 () {
      this.initEchartDataDo('echart31',this.staticData31.map(i => i.dateStr), this.staticData31.map(i => i.total),'单')
      this.initEchartDataDo('echart31',this.staticData31.map(i => i.dateStr), this.staticData31.map(i => i.total),'单','line')
    },
    initEchartDataDo (id, xdata,ydata,unit) {
    initEchartDataDo (id, xdata,ydata,unit,type) {
      const myChart = echarts.init(document.getElementById(id))
      myChart.setOption({
        tooltip: {
          trigger: 'axis',
          axisPointer: {
            type: 'line'
            type: type || 'line'
          },
          formatter: function (params) {
            return `
@@ -280,7 +284,7 @@
        series: [
          {
            data: ydata,
            type: 'line',
            type: type || 'line',
            areaStyle: {
              normal: {
                color: {
@@ -377,7 +381,9 @@

        &:nth-of-type(4) {
          margin-right: 0;
          background: linear-gradient(270deg, #30d3de 0%, #04b7cd 100%);
          background: linear-gradient(270deg, #c430dee3 0%, #cd04b9cf 100%);
        //linear-gradient(270deg, #de3049b8 0%, #cd0421d4 100%);
          //background: linear-gradient(270deg, #30d3de 0%, #04b7cd 100%);
        }

        .header {