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

loulijun2021

2022-08-16 df83e26ddc09dbc9450d70b8a8e704aebef97720

 src/views/kb/zhkb.vue

@@ -17,7 +17,7 @@
          <div class="kb_left_top_title01">
            <!--            <div class="PG01" />-->
            <!--            <svg-icon icon-class="sccx" />-->
            生产产线：
            产线加工中任务：
          </div>

          <div class="kb_left_top kb_pd10">
@@ -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>-->
@@ -356,7 +392,7 @@
          <!-- 2-->
          <div class="kb_left_bottom kb_pd10">
            <div class="kb_left_bottom_content">
              <div class="content_head">在制订单：</div>
              <div class="content_head">产线加工任务：</div>
              <div class="content_body">
                <el-table
                  ref="tableData"
@@ -466,7 +502,7 @@
        <div class="kb_right kb_pd10">
          <div class="kb_right_top kb_pd10">
            <div class="kb_right_top_content">
              <div class="content_head">当日车间产线产品数量排行：</div>
              <div class="content_head">当日完工产品数量排行：</div>
              <div class="content_body">
                <el-table
                  ref="tableDataRank"
@@ -508,7 +544,7 @@
          </div>
          <div class="kb_right_bottom kb_pd10">
            <div class="kb_right_bottom_content_title">
              一周内Top5不良：
              一周不良Top5：
            </div>
            <div class="kb_right_bottom_content">
              <div id="bar02" style="width: 100%;height:100%" />
@@ -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;
@@ -895,6 +931,7 @@
      left: 15px;
      font-size: 18px;
      display: flex;
      color: #00ffff;

      .PG01 {
        background: url("../../assets/images/GP_1.png") no-repeat;
@@ -939,7 +976,7 @@
          display: flex;
          align-items: center;
          border-right: 1px solid $kbBorderColor;
          background-color:$kbBackgroundColor;
          background-color: $kbBackgroundColor;
        }

        .kb_block03 {
@@ -1047,6 +1084,8 @@
          //padding-left: 10px;
          margin-bottom: 10px;
          margin-top: -10px;
          color: #00ffff;

        }

        .content_body {
@@ -1076,6 +1115,7 @@
          //padding-left: 10px;
          margin-bottom: 10px;
          margin-top: -10px;
          color: #00ffff;
        }

        .content_body {
@@ -1088,17 +1128,20 @@
    .kb_right_bottom {
      height: 481px;
      margin-top: 8px;
      .kb_right_bottom_content_title{
      font-size: 18px;

      .kb_right_bottom_content_title {
        color: #00ffff;
        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%;
      }
    }