src/views/kb/ckgl.vue
@@ -21,7 +21,7 @@
          <!-- 1-->
          <div class="kb_left_top kb_pd10">
            <div class="kb_left_top_block" style="margin-top: 10px">
              <div class="headTitle kb_title_text">产品待入库</div>
              <div class="headTitle kb_title_text">产品待入库 <div style="margin-left: 30px">{{ number1 }} 单</div></div>
              <div class="content">
                <el-table
                  ref="tableDataTopRef"
@@ -151,7 +151,7 @@
              </div>
            </div>
            <div class="kb_left_top_block" style="margin-top: 25px">
              <div class="headTitle kb_title_text">产品待发货</div>
              <div class="headTitle kb_title_text">产品待发货 <div style="margin-left: 30px">{{ number2 }} 单</div></div>
              <div class="content">
                <el-table
                  ref="tableDataBottomRef"
@@ -291,11 +291,12 @@
        <div class="kb_right kb_pd10">
          <div class="kb_right_top kb_pd10">
            <div class="kb_right_top_content">
              <div class="content_head kb_title_text" style="margin-top: 30px;">产品库存量排行Top5</div>
              <div class="content_head kb_title_text" style="margin-top: 30px;">半成品、产品库存量排行Top5</div>
              <div class="content_body" style="height:402px;">
                <div id="bar03" style="width: 100%;height:100%" />
              </div>
              <div class="content_head kb_title_text" style="margin-top: 12px">半成品库存量排行Top5</div>
              <!--              <div class="content_head kb_title_text" style="margin-top: 12px">半成品库存量排行Top5</div>-->
              <div class="content_head kb_title_text" style="margin-top: 12px">原材料库存量排行Top5</div>
              <div class="content_body">
                <div id="bar04" style="width: 100%;height:100%" />
              </div>
@@ -330,6 +331,9 @@
      tableDataTop: [],
      tableDataBottom: [],
      number1: '',
      number2: '',
      MarqueeTipsContent: '', // 公告
      speed: 100// 公告播放的速度
    }
@@ -357,7 +361,7 @@
    getWareHouseTopLeftData() {
      WareHouseTopLeftData().then(res => {
        this.tableDataTop = res.data
        this.number1 = this.tableDataTop.length
        const divData = this.$refs.tableDataTopRef.bodyWrapper
        // 拿到元素后,对元素进行定时增加距离顶部距离,实现滚动效果(此配置为每100毫秒移动1像素)
        const task = setInterval(() => {
@@ -370,6 +374,7 @@
            divData.scrollTop = 0
            WareHouseTopLeftData().then(res => {
              this.tableDataTop = res.data
              this.number1 = this.tableDataTop.length
              if (this.tableDataTop.length > 9) {
                clearInterval(task)
                this.getWareHouseTopLeftData()
@@ -383,7 +388,7 @@
    getWareHouseTopBottomData() {
      WareHouseTopBottomData().then(res => {
        this.tableDataBottom = res.data
        this.number2 = this.tableDataBottom.length
        const divData = this.$refs.tableDataBottomRef.bodyWrapper
        // 拿到元素后,对元素进行定时增加距离顶部距离,实现滚动效果(此配置为每100毫秒移动1像素)
        const task = setInterval(() => {
@@ -396,7 +401,7 @@
            divData.scrollTop = 0
            WareHouseTopBottomData().then(res => {
              this.tableDataBottom = res.data
              this.number2 = this.tableDataBottom.length
              if (this.tableDataBottom.length > 10) {
                clearInterval(task)
                this.getWareHouseTopBottomData()
@@ -508,6 +513,7 @@
          //font-size: 18px;
          margin-bottom: 10px;
          margin-top: -10px;
          display: flex;
          color: #00ffff;
        }