1.甘特图优化

小小儁爺

2026-01-15 70e1ded3cea2c5a948eaf0dc6f44098ec6cd7a6a

 src/views/kanbanManager/zhkb.vue

@@ -101,9 +101,9 @@
                display: flex;justify-content: flex-start;
                flex-wrap: wrap;"
              >
                <div v-for="i in LeftBottomData01" :key="i.wkshp_code" style="margin:0 18px" class="flex_c_s">
                <div v-for="i in LeftBottomData01" :key="i.torg_code" style="margin:0 18px" class="flex_c_s">
                  <div class="all_block01 flex_c_s">
                    <div class="flex_c_c all_block02" style="">{{ i.wkshp_name }}</div>
                    <div class="flex_c_c all_block02" style="">{{ i.torg_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>
@@ -129,21 +129,15 @@
            <div class="lineContent horn" style="height: 380px;display: flex;justify-content: space-between">
              <div style="display: flex;justify-content: center;position: relative">
                <div class="kb_center_block_children all_block05">
                  <div style="font-size: 24px;">{{ parseFloat(RightBottom.Y) }}</div>
                  <div style="font-size: 24px;">{{ parseFloat(RightBottom[0].qty) }}</div>
                  <div class="box02" />
                  <div>原材料</div>
                  <div>{{ RightBottom[0].housename }}</div>
                </div>
                <!--                <div class="kb_center_block_children all_block06">-->
                <!--                  <div style="font-size: 24px;">{{ parseFloat(RightBottom.B) }}</div>-->
                <!--                  <div class="box02" />-->
                <!--                  <div>半成品</div>-->
                <!--                </div>-->
                <div class="kb_center_block_children all_block07">
                  <div style="font-size: 24px;">{{ parseFloat(RightBottom.C) }}</div>
                  <div style="font-size: 24px;">{{ parseFloat(RightBottom[1].qty) }}</div>
                  <div class="box02" />
                  <div>产成品</div>
                  <div>{{ RightBottom[1].housename }}</div>
                </div>

              </div>
            </div>
          </div>
@@ -176,7 +170,10 @@
      LeftBottomData01: [],
      LeftBottomData02: [],

      RightBottom: {}
      RightBottom: [
        { housename: '', qty: '' },
        { housename: '', qty: '' }
      ]

    }
  },
@@ -272,47 +269,19 @@
      }, 1000 * 40)

      const temp2 = [
        { wkshp_code: '1', wkshp_name: '机加工' },
        { wkshp_code: '2', wkshp_name: '台钻' },
        { wkshp_code: '3', wkshp_name: '修检' },
        { wkshp_code: '4', wkshp_name: '喷漆' },
        { wkshp_code: '5', wkshp_name: '组装' }
        { wkshp_code: '1001', wkshp_name: '金工车间' },
        { wkshp_code: '1003', wkshp_name: '装配车间' }
      ]

      // 左下 生产订单
      const res4 = await WorkShopCompreLeftTop({ wkshopcode: temp2.map(i => i.wkshp_code).join(',') })
      for (const res4Key in res4.data.LeftTop) {
        const data = {
          good_qty: 0,
          plan_qty: 0,
          wkshp_code: '',
          wkshp_name: ''
        }
        data.good_qty = res4.data.LeftTop[res4Key][0].good_qty
        data.plan_qty = res4.data.LeftTop[res4Key][0].plan_qty
        data.wkshp_code = res4.data.LeftTop[res4Key][0].wkshp_code
        data.wkshp_name = temp2.find(i => i.wkshp_code === data.wkshp_code).wkshp_name
        this.LeftBottomData01.push(data)
      }
      this.LeftBottomData01 = res4.data

      setInterval(() => {
        WorkShopCompreLeftTop({ wkshopcode: temp2.map(i => i.wkshp_code).join(',') }).then(res2 => {
          this.LeftBottomData01 = []
          this.LeftBottomData02 = []
          for (const res4Key in res4.data.LeftTop) {
            const data = {
              good_qty: 0,
              plan_qty: 0,
              wkshp_code: '',
              wkshp_name: ''
            }

            data.good_qty = res2.data.LeftTop[res4Key][0].good_qty
            data.plan_qty = res2.data.LeftTop[res4Key][0].plan_qty
            data.wkshp_code = res2.data.LeftTop[res4Key][0].wkshp_code
            data.wkshp_name = temp2.find(i => i.wkshp_code === data.wkshp_code).wkshp_name
            this.LeftBottomData01.push(data)
          }
          this.LeftBottomData01 = res4.data
        })
      }, 1000 * 30)