1.仓库管理看板接口接入

loulijun2021

2022-08-16 df83e26ddc09dbc9450d70b8a8e704aebef97720

 src/views/kb/zhkb.vue

@@ -27,7 +27,10 @@
              <div class="kb_block01 kb_pd10">
                <div>
                  <div>产线名称:{{ lineContent01.linename }}</div>
                  <div class="kb_mt10">产线总量:{{ lineContent01.children!==undefined?lineContent01.lineworkcont:'' }}</div>
                  <div class="kb_mt10">产线总量:{{
                    lineContent01.children !== undefined ? lineContent01.lineworkcont : ''
                  }}
                  </div>
                </div>
                <div>
                  <!--                  <div>{{ lineContent01.linename }}</div>-->
@@ -36,10 +39,16 @@
              </div>
              <div class="kb_block02 kb_pd10">
                <div>
                  <div>销售单号:{{ lineContent01.children!==undefined?lineContent01.children.saleordercode:'' }}</div>
                  <div class="kb_mt5">加工单号:{{ lineContent01.children!==undefined?lineContent01.children.workcode:'' }}</div>
                  <div class="kb_mt5">产品名称:{{ lineContent01.children!==undefined?lineContent01.children.partname:'' }}</div>
                  <div class="kb_mt5">任务数量:{{ lineContent01.children!==undefined?parseFloat(lineContent01.children.qty):'' }}</div>
                  <div>销售单号:{{ lineContent01.children !== undefined ? lineContent01.children.saleordercode : '' }}</div>
                  <div class="kb_mt5">
                    加工单号:{{ lineContent01.children !== undefined ? lineContent01.children.workcode : '' }}
                  </div>
                  <div class="kb_mt5">
                    产品名称:{{ lineContent01.children !== undefined ? lineContent01.children.partname : '' }}
                  </div>
                  <div class="kb_mt5">
                    任务数量:{{ lineContent01.children !== undefined ? parseFloat(lineContent01.children.qty) : '' }}
                  </div>
                </div>
                <div v-if="lineContent01.children!==undefined">
                  <!--                  <div>{{ lineContent01.children.saleordercode }}</div>-->
@@ -110,7 +119,10 @@
              <div class="kb_block01 kb_pd10">
                <div>
                  <div>产线名称:{{ lineContent02.linename }}</div>
                  <div class="kb_mt10">产线总量:{{ lineContent02.children!==undefined?lineContent02.lineworkcont:'' }}</div>
                  <div class="kb_mt10">产线总量:{{
                    lineContent02.children !== undefined ? lineContent02.lineworkcont : ''
                  }}
                  </div>
                </div>
                <div>
                  <!--                  <div>{{ lineContent02.linename }}</div>-->
@@ -119,10 +131,16 @@
              </div>
              <div class="kb_block02 kb_pd10">
                <div>
                  <div>销售单号:{{ lineContent02.children!==undefined?lineContent02.children.saleordercode:'' }}</div>
                  <div class="kb_mt5">加工单号:{{ lineContent02.children!==undefined?lineContent02.children.workcode:'' }}</div>
                  <div class="kb_mt5">产品名称:{{ lineContent02.children!==undefined?lineContent02.children.partname:'' }}</div>
                  <div class="kb_mt5">任务数量:{{ lineContent02.children!==undefined?parseFloat(lineContent02.children.qty):'' }}</div>
                  <div>销售单号:{{ lineContent02.children !== undefined ? lineContent02.children.saleordercode : '' }}</div>
                  <div class="kb_mt5">
                    加工单号:{{ lineContent02.children !== undefined ? lineContent02.children.workcode : '' }}
                  </div>
                  <div class="kb_mt5">
                    产品名称:{{ lineContent02.children !== undefined ? lineContent02.children.partname : '' }}
                  </div>
                  <div class="kb_mt5">
                    任务数量:{{ lineContent02.children !== undefined ? parseFloat(lineContent02.children.qty) : '' }}
                  </div>
                </div>
                <div v-if="lineContent02.children!==undefined">
                  <!--                  <div>{{ lineContent02.children.saleordercode }}</div>-->
@@ -192,7 +210,10 @@
              <div class="kb_block01 kb_pd10">
                <div>
                  <div>产线名称:{{ lineContent03.linename }}</div>
                  <div class="kb_mt10">产线总量:{{ lineContent03.children!==undefined?lineContent03.lineworkcont:'' }}</div>
                  <div class="kb_mt10">产线总量:{{
                    lineContent03.children !== undefined ? lineContent03.lineworkcont : ''
                  }}
                  </div>
                </div>
                <div>
                  <!--                  <div>{{ lineContent03.linename }}</div>-->
@@ -201,10 +222,16 @@
              </div>
              <div class="kb_block02 kb_pd10">
                <div>
                  <div>销售单号:{{ lineContent03.children!==undefined?lineContent03.children.saleordercode:'' }}</div>
                  <div class="kb_mt5">加工单号:{{ lineContent03.children!==undefined?lineContent03.children.workcode:'' }}</div>
                  <div class="kb_mt5">产品名称:{{ lineContent03.children!==undefined?lineContent03.children.partname:'' }}</div>
                  <div class="kb_mt5">任务数量:{{ lineContent03.children!==undefined?parseFloat(lineContent03.children.qty):'' }}</div>
                  <div>销售单号:{{ lineContent03.children !== undefined ? lineContent03.children.saleordercode : '' }}</div>
                  <div class="kb_mt5">
                    加工单号:{{ lineContent03.children !== undefined ? lineContent03.children.workcode : '' }}
                  </div>
                  <div class="kb_mt5">
                    产品名称:{{ lineContent03.children !== undefined ? lineContent03.children.partname : '' }}
                  </div>
                  <div class="kb_mt5">
                    任务数量:{{ lineContent03.children !== undefined ? parseFloat(lineContent03.children.qty) : '' }}
                  </div>
                </div>
                <div v-if="lineContent03.children!==undefined">
                  <!--                  <div>{{ lineContent03.children.saleordercode }}</div>-->
@@ -274,7 +301,10 @@
              <div class="kb_block01 kb_pd10">
                <div>
                  <div>产线名称:{{ lineContent04.linename }}</div>
                  <div class="kb_mt10">产线总量:{{ lineContent04.children!==undefined?lineContent04.lineworkcont:'' }}</div>
                  <div class="kb_mt10">产线总量:{{
                    lineContent04.children !== undefined ? lineContent04.lineworkcont : ''
                  }}
                  </div>
                </div>
                <div>
                  <!--                  <div>{{ lineContent04.linename }}</div>-->
@@ -283,10 +313,16 @@
              </div>
              <div class="kb_block02 kb_pd10">
                <div>
                  <div>销售单号:{{ lineContent04.children!==undefined?lineContent04.children.saleordercode:'' }}</div>
                  <div class="kb_mt5">加工单号:{{ lineContent04.children!==undefined?lineContent04.children.workcode:'' }}</div>
                  <div class="kb_mt5">产品名称:{{ lineContent04.children!==undefined?lineContent04.children.partname:'' }}</div>
                  <div class="kb_mt5">任务数量:{{ lineContent04.children!==undefined?parseFloat(lineContent04.children.qty):'' }}</div>
                  <div>销售单号:{{ lineContent04.children !== undefined ? lineContent04.children.saleordercode : '' }}</div>
                  <div class="kb_mt5">
                    加工单号:{{ lineContent04.children !== undefined ? lineContent04.children.workcode : '' }}
                  </div>
                  <div class="kb_mt5">
                    产品名称:{{ lineContent04.children !== undefined ? lineContent04.children.partname : '' }}
                  </div>
                  <div class="kb_mt5">
                    任务数量:{{ lineContent04.children !== undefined ? parseFloat(lineContent04.children.qty) : '' }}
                  </div>
                </div>
                <div v-if="lineContent04.children!==undefined">
                  <!--                  <div>{{ lineContent04.children.saleordercode }}</div>-->
@@ -821,12 +857,12 @@
    // 获取echarts
    getEcharts() {
      LineSearchBottomRightData().then(res => {
        loadEcharts('bar02', bar02(res.data))
        loadEcharts('bar02', bar02(res.data.map(i => i.cont), res.data.map(i => i.name)))
      })

      setInterval(() => {
        LineSearchBottomRightData().then(res => {
          loadEcharts('bar02', bar02(res.data))
          loadEcharts('bar02', bar02(res.data.map(i => i.cont), res.data.map(i => i.name)))
        })
      }, 1000 * 15)
    },
@@ -873,7 +909,7 @@
<style scoped lang="scss">
//$kbBorderColor: #3A0088;
$kbBorderColor: #09d8f2;
$kbBackgroundColor: rgba(30, 33, 46,0.6);
$kbBackgroundColor: rgba(30, 33, 46, 0.6);
.kb_content {
  display: flex;
  position: relative;
@@ -940,7 +976,7 @@
          display: flex;
          align-items: center;
          border-right: 1px solid $kbBorderColor;
          background-color:$kbBackgroundColor;
          background-color: $kbBackgroundColor;
        }

        .kb_block03 {
@@ -1092,18 +1128,20 @@
    .kb_right_bottom {
      height: 481px;
      margin-top: 8px;
      .kb_right_bottom_content_title{

      .kb_right_bottom_content_title {
        color: #00ffff;
      font-size: 18px;
        font-size: 18px;
        margin-bottom: 10px;
        margin-top: -10px;
      }

      .kb_right_bottom_content {
        border: 1px solid $kbBorderColor;
        height: 440px;
        width: 100%;
        border-radius: 5px;
        background-color:$kbBackgroundColor;
        background-color: $kbBackgroundColor;
        //height: 100%;
      }
    }