ll

liukangdong

2024-12-24 abfe6985b2678445ea8da974b204d9fe2ffdb887

 screen/src/views/LogisticsEfficiency.vue

@@ -47,7 +47,7 @@
                    data1.monthLastOutTotal) / data1.monthLastOutTotal) * 100).toFixed(1)) }}%</span>
                  <span v-else-if="activeTab1 == 1 && data1.yearLastOutTotal">{{ Math.abs((((data1.yearOutTotal -
                    data1.yearLastOutTotal) / data1.yearLastOutTotal) * 100).toFixed(1)) }}%</span>
                  <span v-else>-</span>
                  <span v-else style="margin-left: 10px;">-</span>
                </div>
              </div>
              <div class="train_wrap">
@@ -101,7 +101,7 @@
                </div>
                <div class="one-swiper list_temp">
                  <div class="swiper-wrapper">
                    <div class="line swiper-slide one-swiper-slide" @click="showModal = true" v-for="item in dataList3">
                    <div class="line swiper-slide one-swiper-slide" v-for="item in dataList3">
                      <span class="item flag"><span :class="{ flag_bg: item.type == 1 || item.type == 3 }">{{ item.type
                        == 1
                        || item.type == 3 ? '出' : '入' }}</span></span>
@@ -137,22 +137,34 @@
                <img src="@/assets/images/energy_ef/ic_renwuzongliang@2x.png" alt="">
                <div class="content">
                  <div class="name">当前任务量</div>
                  <div class="num"><span>{{ data4.planTaskNum }}</span>万支</div>
                  <div class="num"><span>{{ activeTab4 == 0 ? data1.currentOutNum : data1.currentInNum }}</span>万支</div>
                </div>
              </div>
              <div class="item">
                <img src="@/assets/images/energy_ef/ic_wanchengrenwu@2x.png" alt="">
                <div class="content">
                  <div class="name">当日完成任务总量</div>
                  <div class="num"><span class="today">{{ data4.finishTaskNum }}</span>万支</div>
                  <div class="num">
                    <span v-if="data1.currentOutDoneNum || data1.currentInDoneNum" class="today">{{
                      activeTab4 ==
                        0 ? data1.currentOutDoneNum :
                        data1.currentInDoneNum
                    }}</span>
                    <span v-else>0</span>
                    <span>万支</span>
                  </div>
                </div>
              </div>
              <div class="item">
                <img src="@/assets/images/energy_ef/ic_bili@2x.png" alt="">
                <div class="content">
                  <div class="name">已完成比例</div>
                  <div class="num" v-if="data4.finishTaskNum && data4.planTaskNum"><span class="finish">{{ ((
                    data4.finishTaskNum / data4.planTaskNum) * 100).toFixed(1) }}%</span>万支</div>
                  <div class="num">
                    <span v-if="activeTab4 == 0 && data1.currentOutNum" class="finish">{{ ((data1.currentOutDoneNum /
                      data1.currentOutNum) * 100).toFixed(1) }}%</span>
                    <span v-if="activeTab4 == 1 && data1.currentInNum" class="finish">{{ ((data1.currentInDoneNum /
                      data1.currentInNum) * 100).toFixed(1) }}%</span>
                  </div>
                </div>
              </div>
            </div>
@@ -427,7 +439,9 @@
        },
        axisLabel: {
          color: '#869CC9'
          // fontSize: 24,
        },
        nameTextStyle: {
          color: '#869CC9'   // 四个数字分别为上右下左与原位置距离
        },
        axisTick: {
          show: false,
@@ -441,8 +455,11 @@
        name: '个',
        min: 0,
        axisLabel: {
          show: true,
          color: "#869CC9",
          color: '#869CC9'
        },
        nameTextStyle: {
          color: '#869CC9',
          padding: [0, 0, 0, -18]    // 四个数字分别为上右下左与原位置距离
        },
        splitLine: {
          show: true,
@@ -452,17 +469,10 @@
            type: 'dashed'
          }
        },
        // interval: 5,
        axisLabel: {
          formatter: '{value}'
        }
      },
      {
        type: 'value',
        name: '万支',
        nameTextStyle: {
          color: '#869CC9',
        },
        offset: 0,
        type: 'value',
        axisLine: {
@@ -477,8 +487,12 @@
          }
        },
        axisLabel: {
          formatter: '{value}'
        }
          color: '#869CC9'
        },
        nameTextStyle: {
          color: '#869CC9',
          padding: [0, 0, 0, 12]    // 四个数字分别为上右下左与原位置距离
        },
      },
    ],
    series: [
@@ -870,17 +884,9 @@
    dataList3.value = result
  })
}
const data4 = ref({})
const activeTab4 = ref(0)
const tabClick4 = (val) => {
  activeTab4.value = val
  getData4()
}
const getData4 = () => {
  wljobData({ queryType: activeTab4.value }).then(res => {
    const result = res.data
    data4.value = result
  })
}
const dataList5 = ref([])
const data5 = ref(0)
@@ -947,10 +953,18 @@
  getData1()
  getData2()
  getData3()
  getData4()
  getData5()
  getData6()
  getData7()

  setInterval(() => {
    getData1()
    getData2()
    getData3()
    getData5()
    getData6()
    getData7()
  }, 1000 * 60 * 10)

  setTimeout(() => {
    loopFn1()
@@ -994,15 +1008,15 @@
          .num {
            margin-right: 10px;
            font-weight: bold;
            font-size: 46px;
            height: 44px;
            line-height: 52px;
            font-size: 44px;
            height: 48px;
            line-height: 50px;
            font-weight: bold;
            color: #00F2F3;
            letter-spacing: 3px;
            background-image: -webkit-linear-gradient(top,
                #01D9FE 0%,
                #0177FE 60%,
                #1cdafb 0%,
                #0177FE 70%,
                #0177FE 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;