1.综合看板 车间名称和数量相对应

小小儁爺

2024-10-16 93701cad20e6da4de86f0a67adbbd8416cc4d7e3

 src/views/kanbanManager/zhkb.vue

@@ -25,16 +25,18 @@
          <div style="width: 1150px;">
            <div class="smallTitle">
              <svg-icon icon-class="cxjg" class="svg_class" />
              生产订单(当月)
              生产订单(近两月)
            </div>
            <div
              class="lineContent horn"
              style="height: 450px;display: flex;flex-direction: column;justify-content: space-between"
            >
              <div style="height: 180px;padding: 10px;display: flex;justify-content: space-around">
                <div v-for="i in LeftTopData01" :key="i.wkshp_code" class="flex_c_s">
                <div v-for="(i,index) in LeftTopData01" :key="i.wkshp_code" class="flex_c_s">
                  <div class="all_block01 flex_c_s" style="width: 135px;">
                    <div class="flex_c_c all_block02">{{ i.wkshp_name }}</div>
                    <div v-if="index===4" class="flex_c_c all_block02">电解车间</div>
                    <div v-else-if="index===5" class="flex_c_c all_block02">抛光车间</div>
                    <div v-else class="flex_c_c all_block02">{{ i.wkshp_name }}</div>
                    <div class="" style="display: flex;justify-content:space-between">
                      <div class="all_block02 flex_c_c" style="width: 49% ">任务数</div>
                      <div class="all_block02 flex_c_c" style="width: 49% ">{{ i.plan_qty }}</div>
@@ -201,6 +203,10 @@
      const t = this.LeftTopData01[ this.LeftTopData01.length - 1]
      this.LeftTopData01.splice(7, 1)
      this.LeftTopData01.splice(3, 0, t)
      const t2 = this.LeftTopData01[4]
      this.LeftTopData01.splice(4, 1)
      this.LeftTopData01.splice(5, 0, t2)

      for (const res2Key in res2.data.LeftBottom) {
        const data = {
          quantity: 0,
@@ -218,6 +224,10 @@
      const t1 = this.LeftTopData02[ this.LeftTopData02.length - 1]
      this.LeftTopData02.splice(7, 1)
      this.LeftTopData02.splice(3, 0, t1)
      const t3 = this.LeftTopData02[4]
      this.LeftTopData02.splice(4, 1)
      this.LeftTopData02.splice(5, 0, t3)

      loadEcharts('all01', all01(this.legendData, this.LeftTopData02))

      setInterval(() => {
@@ -242,6 +252,9 @@
          const t = this.LeftTopData01[ this.LeftTopData01.length - 1]
          this.LeftTopData01.splice(7, 1)
          this.LeftTopData01.splice(3, 0, t)
          const t2 = this.LeftTopData01[4]
          this.LeftTopData01.splice(4, 1)
          this.LeftTopData01.splice(5, 0, t2)
          for (const res2Key in res2.data.LeftBottom) {
            const data = {
              quantity: 0,
@@ -259,6 +272,10 @@
          const t1 = this.LeftTopData02[ this.LeftTopData02.length - 1]
          this.LeftTopData02.splice(7, 1)
          this.LeftTopData02.splice(3, 0, t1)
          const t3 = this.LeftTopData02[4]
          this.LeftTopData02.splice(4, 1)
          this.LeftTopData02.splice(5, 0, t3)

          loadEcharts('all01', all01(this.legendData, this.LeftTopData02))
        })
      }, 1000 * 30)