MrShi
6 天以前 1c20c8231980a8d4b91688ff8641a06d3b2f68ab
screen/src/views/TaskEfficiency.vue
@@ -94,6 +94,11 @@
          </div>
        </div>
        <div class="center_box">
          <div class="left_box_top_znz">
            <img src="@/assets/images/ic_compass@2x.png" alt="" />
          </div>
          <div class="center_box_one">
            <div class="static_wrap">
              <div class="item">
@@ -150,7 +155,7 @@
              <div class="line">
                <div class="dian"></div>
                <div class="la">作业类型:</div>
                <div class="val">{{ workModalParam.workType == 0 ? '卸货' : '装货' }}</div>
                <div class="val">{{ workModalParam.workType == 0 ? '卸货' : workModalParam.workType == 1 ? '装货' : ''}}</div>
              </div>
              <div class="line">
                <div class="dian"></div>
@@ -172,7 +177,7 @@
                  <img class="icon" src="@/assets/images/task/ic_yuetai@2x.png" alt="">
                  <div class="name">{{ workModalParam.platformName }}</div>
                  <span v-if="workModalParam.carNo">{{ workModalParam.carNo }} | {{ workModalParam.workType == 0 ? '卸货'
                    : '装货' }}</span>
                    : workModalParam.workType == 1 ? '装货' : '' }}</span>
                </div>
                <div class="right">
                  <span>{{ workModalParam.statusTemp }} <span v-if="workModalParam.status == 0"> | 预计完成时间:{{
@@ -306,7 +311,7 @@
                  </div>
                </div>
                <div v-if="data7.length == 0" class="empty_wrap" style="margin-top: 50px;">
                  <img src="@/assets/images/default_empty.png" alt="">
                  <img src="@/assets/images/default_nowarning.png" alt="">
                </div>
              </div>
            </div>
@@ -498,47 +503,36 @@
    series: [
      {
        name: '分时作业量',
        type: 'line',
        smooth: true,
        showAllSymbol: true,
        symbol: 'circle',
        symbolSize: 0,
        lineStyle: {
          color: '#2355f5',
          borderColor: '#2355f5'
        },
        type: 'bar',
        barWidth: 10,
        label: {
          show: false,
          position: 'top',
          color: '#fff',
        },
        itemStyle: {
          color: "#2355f5",
          lineStyle: {
            width: 0,
            type: 'solid'
          }
        },
        areaStyle: {
          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
            {
              offset: 0,
              color: '#2355f5'
              color: 'rgba(0, 208, 221, 1)'
            },
            {
              offset: 1,
              color: 'rgba(14, 31, 65,0.1)'
              color: 'rgba(0, 194, 255, 0.20)'
            }
          ], false),
          shadowColor: 'rgba(124,248,255, 0)',
          shadowBlur: 20
          lineStyle: {
            width: 1,
            type: 'solid'
          },
          barBorderRadius: [30, 30, 0, 0],
        },
        data: dataList3.value.map(i => i.workNum || 0)
      },
      {
        name: '累计作业量',
        type: 'bar',
        barWidth: 6,
        barWidth: 10,
        label: {
          show: false,
          position: 'top',
@@ -548,11 +542,11 @@
          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
            {
              offset: 0,
              color: '#63d6fa'
              color: 'rgba(0, 86, 255, 1)'
            },
            {
              offset: 1,
              color: '#32718d'
              color: 'rgba(0, 86, 255, 0.20)'
            }
          ], false),
          lineStyle: {
@@ -604,11 +598,17 @@
    }]),
  ]
  const temp = []
  temp.push({ name: '签到数', value: data4.value?.signedNum || 0, rate: data4.value?.signedNum ? '100' : 0 })
  temp.push({ name: '已叫号', value: data4.value?.calledNum || 0, rate: data4.value?.signedNum ? (data4.value.calledNum / data4.value?.signedNum * 100).toFixed(1) : 0 })
  temp.push({ name: '已作业', value: data4.value?.workedNum || 0, rate: data4.value?.signedNum ? (data4.value.workedNum / data4.value?.signedNum * 100).toFixed(1) : 0 })
  temp.push({ name: '已完成', value: data4.value?.doneNum || 0, rate: data4.value?.signedNum ? (data4.value.doneNum / data4.value?.signedNum * 100).toFixed(1) : 0 })
  // temp.push({ name: '签到数', value: data4.value?.signedNum || 0, rate: data4.value?.signedNum ? '100' : 0 })
  // temp.push({ name: '已叫号', value: data4.value?.calledNum || 0, rate: data4.value?.signedNum ? (data4.value.calledNum / data4.value?.signedNum * 100).toFixed(1) : 0 })
  // temp.push({ name: '已作业', value: data4.value?.workedNum || 0, rate: data4.value?.signedNum ? (data4.value.workedNum / data4.value?.signedNum * 100).toFixed(1) : 0 })
  // temp.push({ name: '已完成', value: data4.value?.doneNum || 0, rate: data4.value?.signedNum ? (data4.value.doneNum / data4.value?.signedNum * 100).toFixed(1) : 0 })
  temp.push({ name: '签到数', value: data4.value?.signedNum || 0, rate: data4.value?.signedNum || 0 })
  temp.push({ name: '已叫号', value: data4.value?.calledNum || 0, rate: data4.value?.calledNum || 0 })
  temp.push({ name: '已作业', value: data4.value?.workedNum || 0, rate: data4.value?.workedNum || 0 })
  temp.push({ name: '已完成', value: data4.value?.doneNum || 0, rate: data4.value?.doneNum || 0 })
  console.log('temp', temp)
  const option = {
    color: colors,
    tooltip: {
@@ -655,7 +655,7 @@
          position: 'outside',
          formatter: (params) => {
            const index = params.dataIndex
            return `{color${index}|${params.data.name} ${params.data.rate}%}`
            return `{color${index}|${params.data.name} ${params.data.rate}}`
            // return `<div>${params.data.name}</div>`
          },
          rich: {
@@ -776,7 +776,7 @@
  cnplatformWorkData().then(res => {
    const result = res.data || []
    dataList5.value = result.map(i => {
      i.statusTemp = i.status == 0 ? '作业中' : i.status == 1 ? '空闲中' : '作业超时'
      i.statusTemp = i.status == 0 ? '作业中' : i.status == 1 ? '空闲中' : i.status == 2 ? '作业超时' : '叫号中'
      if (i.workTime) {
        // i.workTime = dayjs.duration(i.workTime * 1000).format('HH小时mm分')
        i.workTime = (i.workTime / 60).toFixed(0)
@@ -830,6 +830,8 @@
  { left: 590, top: 75, left2: 650, top2: 190, name: '1095整托盘入库' },
  { left: 600, top: 80, left2: 660, top2: 190, name: '1099整托盘入库' },
  { left: 850, top: 60, left2: 520, top2: 190, name: '市公司月台' },
  { left: 540, top: 136, left2: 600, top2: 136, name: '老库入库' },
  { left: 560, top: 132, left2: 620, top2: 132, name: '老库出库' },
]
const videoPri = () => {
@@ -1120,6 +1122,19 @@
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    .left_box_top_znz {
      width: 68px;
      height: 68px;
      position: absolute;
      right: 30px;
      top: 150px;
      img {
        width: 100%;
        height: 100%;
      }
    }
    .center_box_one {
      .static_wrap {