1.综合看板渲染数据，完成一个版本

loulijun2021

2022-08-03 458f6714f335938fce80690c037ffca0ccfaa50c

 src/views/kb/ckgl.vue

@@ -16,7 +16,7 @@
          <!-- 1-->
          <div class="kb_left_top kb_pd10">
            <div class="kb_left_top_block">
              <div class="headTitle">当日待入库订单</div>
              <div class="headTitle">成品入库单</div>
              <div class="content">
                <el-table
                  :data="tableData"
@@ -48,6 +48,7 @@
                  <el-table-column
                    prop="jgdh"
                    label="加工单号"
                    width="207"
                  />
                  <el-table-column
                    prop="cpmc"
@@ -130,6 +131,7 @@
                  <el-table-column
                    prop="jgdh"
                    label="加工单号"
                    width="207"
                  />
                  <el-table-column
                    prop="cpmc"
@@ -198,6 +200,7 @@
              <div class="content_head">库存排行</div>
              <div class="content_body">
                <el-table
                  ref="tableDataRank"
                  :data="tableDataRank"
                  style="width: 100%;"
                  :header-cell-style="headerCellStyle"
@@ -207,7 +210,7 @@
                  <el-table-column
                    prop="xh"
                    label="序号"
                    width="70"
                    width="75"
                  />
                  <el-table-column
                    prop="cj"
@@ -217,10 +220,11 @@
                  <el-table-column
                    prop="cx"
                    label="产线"
                    width="100"
                    width="120"
                  />
                  <el-table-column
                    prop="cp"
                    width="138"
                    label="产品"
                  />
                  <el-table-column
@@ -248,17 +252,6 @@
  data() {
    return {
      headTime: '',
      leftTopDataAll: [
        // { id: 1, name: '锂电产线', value: 1000, children: [] },
        { id: 2, name: '包装产线1', value: 1200, children: [] },
        { id: 3, name: '包装产线2', value: 1300, children: [] },
        { id: 4, name: '包装产线3', value: 1300, children: [] },
        { id: 5, name: '包装产线4', value: 1300, children: [] },
        { id: 6, name: '包装产线5', value: 1300, children: [] }
      ],
      leftTopDataAllLength: 0,
      leftTopDataCurrentNumber: 0,
      leftTopData: [],
      tableData: [
        {
          xh: 1,
@@ -439,26 +432,9 @@
    setInterval(this.getNowTime, 1000)
  },
  mounted() {
    this.leftTopData = this.leftTopDataAll.slice(this.leftTopDataCurrentNumber, this.leftTopDataCurrentNumber + 2)
    this.leftTopDataAllLength = this.leftTopDataAll.length

    // this.handleData()
    // setInterval(this.handleData, 2000)

    this.getEcharts()
  },
  methods: {
    // 处理数据
    handleData() {
      console.log(this.leftTopDataCurrentNumber)
      this.leftTopData = this.leftTopDataAll.slice(this.leftTopDataCurrentNumber, this.leftTopDataCurrentNumber + 2)

      if (this.leftTopDataCurrentNumber === this.leftTopDataAllLength - 2 || this.leftTopDataCurrentNumber === this.leftTopDataAllLength - 1) {
        this.leftTopDataCurrentNumber = 0
      } else {
        this.leftTopDataCurrentNumber = this.leftTopDataCurrentNumber + 2
      }
    },

    // 获取echarts
    getEcharts() {
@@ -594,4 +570,9 @@
::v-deep .el-table__body-wrapper{
  background-color: #000;
}

::v-deep .el-table__body-wrapper::-webkit-scrollbar {
  /* width: 0;宽度为0暗藏 */
  width: 0;
}
</style>