永康嘉持电器有限公司前端
小小儁爺
2025-06-13 a2bce22a3a4df5f4662c373e57c07fa4268aeee1
src/views/kanbanManager/cj.vue
@@ -29,7 +29,7 @@
            </div>
            <div
              class="lineContent horn"
              style="height: 870px;display: flex;flex-direction: column;justify-content: space-between"
              style="height: 880px;display: flex;flex-direction: column;justify-content: space-between"
            >
              <el-table
                ref="tableDataLeftCenterRef"
@@ -38,59 +38,48 @@
                style="width: 100%;"
                :header-cell-style="headerCellStyle"
                :cell-style="cellStyle"
                height="920"
                height="930"
              >
                <el-table-column
                  prop="wo_code"
                  label="工单号"
                  width="270"
                  width="220"
                />
                <!--                <el-table-column-->
                <!--                  prop="saleOrderCode"-->
                <!--                  label="生产单号"-->
                <!--                  width="160"-->
                <!--                />-->
                <el-table-column
                  prop="wkshp_name"
                  label="生产车间"
                  width="210"
                />
                <!--                600-->
                <el-table-column
                  prop="partcode"
                  label="产品编码"
                  width="210"
                  width="160"
                />
                <el-table-column
                  prop="partname"
                  label="产品名称"
                  width="210"
                  width="400"
                />
                <!--                <el-table-column-->
                <!--                  prop="partspec"-->
                <!--                  label="产品规格"-->
                <!--                  width="160"-->
                <!--                >-->
                <!--                  <template slot-scope="{row}">-->
                <!--                    {{ row.partspec ? row.partspec : '/' }}-->
                <!--                  </template>-->
                <!--                </el-table-column>-->
                <el-table-column
                  prop="partspec"
                  label="产品规格"
                  width="160"
                >
                  <template slot-scope="{row}">
                    {{ row.partspec ? row.partspec : '/' }}
                  </template>
                </el-table-column>
                <el-table-column
                  prop="plan_qty"
                  label="任务数量"
                  width="170"
                  width="120"
                />
                <el-table-column
                  prop="good_qty"
                  label="合格数量"
                  width="170"
                  width="120"
                />
                <!--                <el-table-column-->
                <!--                  prop="ng_qty"-->
                <!--                  label="不良数量"-->
                <!--                  width="120"-->
                <!--                />-->
                <el-table-column
                  prop="ng_qty"
                  label="不良数量"
                  width="120"
                />
                <!--                <el-table-column-->
                <!--                  prop="laborbad_qty"-->
                <!--                  label="工废数量"-->
@@ -101,25 +90,25 @@
                <!--                  label="料废数量"-->
                <!--                  width="120"-->
                <!--                />-->
                <!--                <el-table-column-->
                <!--                  prop="seq"-->
                <!--                  label="工序顺序"-->
                <!--                  width="120"-->
                <!--                />-->
                <!--                <el-table-column-->
                <!--                  prop="step_code"-->
                <!--                  label="工序编码"-->
                <!--                  width="120"-->
                <!--                />-->
                <el-table-column
                  prop="seq"
                  label="工序顺序"
                  width="120"
                />
                <el-table-column
                  prop="step_code"
                  label="工序编码"
                  width="120"
                />
                <el-table-column
                  prop="step_name"
                  label="工序名称"
                  width="320"
                  width="120"
                />
                <el-table-column
                  prop="schedule"
                  label="完成进度(%)"
                  width="313"
                  width="213"
                />
              </el-table>
            </div>
@@ -188,10 +177,6 @@
    }
  },
  activated() {
    window.addEventListener('resize', this.getHeight)
    this.getHeight()
  },
  created() {
    setInterval(this.getNowTime, 1000)
@@ -201,13 +186,11 @@
    }, 1000 * 60 * 120)
  },
  mounted() {
    // this.getAllApi()
    this.getWorkShopProduceTopData()
    this.getAllApi()
  },
  methods: {
    async getWorkShopProduceTopData() {
      // WorkShopProduceTopData({ wkshopcode: this.wkshopcode.join(',') }).then(res => {
      WorkShopProduceTopData({ wkshopcode: '101,102' }).then(res => {
      WorkShopProduceTopData({ wkshopcode: this.wkshopcode.join(',') }).then(res => {
        this.tableDataCenterTop = res.data
        const divData = this.$refs.tableDataLeftCenterRef.bodyWrapper
@@ -219,13 +202,13 @@
            WorkShopProduceTopData({ wkshopcode: this.wkshopcode.join(',') }).then(res => {
              this.tableDataCenterTop = res.data
              if (this.tableDataCenterTop.length > 11) {
              if (this.tableDataCenterTop.length > 22) {
                clearInterval(timer)
                this.getWorkShopProduceTopData()
              }
            })
          }
        }, this.tableDataCenterTop.length <= 22 ? 1000 * 30 : 200)
        }, this.tableDataCenterTop.length <= 22 ? 1000 * 15 : 200)
      })
    },
@@ -239,49 +222,49 @@
        this.wkshopcode = [code]
      }
      this.wkshopcode.forEach(i => {
        const aa = this.wkshopArr.find(j => j.torg_code === i).torg_name
        this.legendData.push(aa)
      })
      const res4 = await WorkShopProduceBottomLeftData({ wkshopcode: this.wkshopcode.join(',') })
      this.cjzl03_xData = res4.data[this.wkshopcode[0]].map(i => i.click_date)
      for (const res4Key in res4.data) {
        if (this.wkshopcode.includes(res4Key)) {
          const bb = res4.data[res4Key].map(i => i.count)
          this.cjzl03_yData.push(bb)
        }
      }
      loadEcharts('cjzl03', cjzl03_2(this.cjzl03_xData, this.legendData, this.cjzl03_yData, true))
      setInterval(() => {
        WorkShopProduceBottomLeftData({ wkshopcode: this.wkshopcode.join(',') }).then(res4 => {
          this.cjzl03_yData = []
          this.cjzl03_xData = res4.data[this.wkshopcode[0]].map(i => i.click_date)
          for (const res4Key in res4.data) {
            if (this.wkshopcode.includes(res4Key)) {
              const bb = res4.data[res4Key].map(i => i.count)
              this.cjzl03_yData.push(bb)
            }
          }
          loadEcharts('cjzl03', cjzl03_2(this.cjzl03_xData, this.legendData, this.cjzl03_yData, true))
        })
      }, 1000 * 50)
      const res5 = await WorkShopProduceBottomRightData({ wkshopcode: this.wkshopcode[0] })
      this.RightBottom = res5.data
      if (this.RightBottom.length > 0) {
        loadEcharts('cjzl04', cjzl04(this.RightBottom.map(i => i.name), this.RightBottom.map(i => i.cont)))
      }
      setInterval(() => {
        WorkShopProduceBottomRightData({ wkshopcode: this.wkshopcode[0] }).then(res5 => {
          this.RightBottom = res5.data
          if (this.RightBottom.length > 0) {
            loadEcharts('cjzl04', cjzl04(this.RightBottom.map(i => i.name), this.RightBottom.map(i => i.cont)))
          }
        })
      }, 1000 * 60)
      // this.wkshopcode.forEach(i => {
      //   const aa = this.wkshopArr.find(j => j.torg_code === i).torg_name
      //   this.legendData.push(aa)
      // })
      //
      // const res4 = await WorkShopProduceBottomLeftData({ wkshopcode: this.wkshopcode.join(',') })
      // this.cjzl03_xData = res4.data[this.wkshopcode[0]].map(i => i.click_date)
      // for (const res4Key in res4.data) {
      //   if (this.wkshopcode.includes(res4Key)) {
      //     const bb = res4.data[res4Key].map(i => i.count)
      //     this.cjzl03_yData.push(bb)
      //   }
      // }
      // loadEcharts('cjzl03', cjzl03_2(this.cjzl03_xData, this.legendData, this.cjzl03_yData, true))
      // setInterval(() => {
      //   WorkShopProduceBottomLeftData({ wkshopcode: this.wkshopcode.join(',') }).then(res4 => {
      //     this.cjzl03_yData = []
      //
      //     this.cjzl03_xData = res4.data[this.wkshopcode[0]].map(i => i.click_date)
      //     for (const res4Key in res4.data) {
      //       if (this.wkshopcode.includes(res4Key)) {
      //         const bb = res4.data[res4Key].map(i => i.count)
      //         this.cjzl03_yData.push(bb)
      //       }
      //     }
      //     loadEcharts('cjzl03', cjzl03_2(this.cjzl03_xData, this.legendData, this.cjzl03_yData, true))
      //   })
      // }, 1000 * 50)
      //
      // const res5 = await WorkShopProduceBottomRightData({ wkshopcode: this.wkshopcode.join(',') })
      // this.RightBottom = res5.data
      // if (this.RightBottom.length > 0) {
      //   loadEcharts('cjzl04', cjzl04(this.RightBottom.map(i => i.name), this.RightBottom.map(i => i.cont)))
      // }
      //
      // setInterval(() => {
      //   WorkShopProduceBottomRightData({ wkshopcode: this.wkshopcode.join(',') }).then(res5 => {
      //     this.RightBottom = res5.data
      //     if (this.RightBottom.length > 0) {
      //       loadEcharts('cjzl04', cjzl04(this.RightBottom.map(i => i.name), this.RightBottom.map(i => i.cont)))
      //     }
      //   })
      // }, 1000 * 60)
      await this.getWorkShopProduceTopData()
    },
@@ -363,10 +346,6 @@
::v-deep .el-table tr,
::v-deep .el-table td {
  background-color: transparent;
}
::v-deep .gutter {
  display: none;
}
.all_block01 {