北鸣对接T+畅捷通,看板前端
loulijun2021
2023-12-26 08a5f6e6f783128aa08782d693d8ec831383fa86
src/views/kb/warehouse.vue
@@ -5,7 +5,7 @@
      <div class="kb_backgroundCustom" />
      <div class="kb_header">
        <div class="kb_headTime" style="top: 35px;left:  20px">
          <span>永康市北鸣工贸有限公司</span>
          <span>永康市季铭工贸有限公司</span>
        </div>
        <div class="kb_headTime kb_header_text" style="top: 35px;left:  800px">
@@ -22,7 +22,7 @@
          <div style="height: 470px;">
            <div class="smallTitle">
              <svg-icon icon-class="cpdrk" class="svg_class" />
              生产待入库
              采购待入库
            </div>
            <div class="lineContent horn" style="height: 410px">
              <el-table
@@ -37,7 +37,7 @@
                <el-table-column
                  prop="voucherdate"
                  label="单据日期"
                  width="151"
                  width="161"
                >
                  <template slot-scope="{row}">
                    <div v-if="row.voucherdate" class="ellipsis">{{ row.voucherdate.substring(0, 10) }}</div>
@@ -47,25 +47,25 @@
                <el-table-column
                  prop="wo"
                  label="单据编号"
                  width="189"
                  width="199"
                >
                  <template slot-scope="{row}">
                    <div class="ellipsis">{{ row.wo }}</div>
                  </template>
                </el-table-column>
                <el-table-column
                  prop="wkshp_name"
                  label="生产车间"
                  width="105"
                >
                  <template slot-scope="{row}">
                    <div class="ellipsis">{{ row.wkshp_name }}</div>
                  </template>
                </el-table-column>
                <!--                <el-table-column-->
                <!--                  prop="wkshp_name"-->
                <!--                  label="生产车间"-->
                <!--                  width="105"-->
                <!--                >-->
                <!--                  <template slot-scope="{row}">-->
                <!--                    <div class="ellipsis">{{ row.wkshp_name }}</div>-->
                <!--                  </template>-->
                <!--                </el-table-column>-->
                <el-table-column
                  prop="saleOrderCode"
                  label="销售订单号"
                  width="200"
                  width="210"
                >
                  <template slot-scope="{row}">
                    <div v-if="row.saleOrderCode" class="ellipsis">{{ row.saleOrderCode }}</div>
@@ -76,7 +76,7 @@
                <el-table-column
                  prop="materiel_name"
                  label="产品名称"
                  width="260"
                  width="270"
                >
                  <template slot-scope="{row}">
                    <div class="ellipsis">{{ row.materiel_name }}</div>
@@ -85,7 +85,7 @@
                <el-table-column
                  prop="specification"
                  label="规格型号"
                  width="116"
                  width="126"
                >
                  <template slot-scope="{row}">
                    <div v-if="row.specification" class="ellipsis">{{ row.specification }}</div>
@@ -95,7 +95,7 @@
                <el-table-column
                  prop="stck_name"
                  label="预入仓库"
                  width="110"
                  width="125"
                >
                  <template slot-scope="{row}">
                    <div v-if="row.stck_name" class="ellipsis">{{ row.stck_name }}</div>
@@ -105,12 +105,12 @@
                <el-table-column
                  prop="quantity"
                  label="数量"
                  width="73"
                  width="93"
                />
                <el-table-column
                  prop="totalStockInQuantity"
                  label="已入库数量"
                  width="120"
                  width="140"
                >
                  <template slot-scope="{row}">
                    <div v-if="row.totalStockInQuantity">{{ row.totalStockInQuantity }}</div>
@@ -124,7 +124,7 @@
          <div style="height: 470px;margin-top: 30px;">
            <div class="smallTitle">
              <svg-icon icon-class="cpdfh" class="svg_class" />
              产品待发货
              销售待发货
            </div>
            <div class="lineContent horn" style="height: 410px">
              <el-table
@@ -197,7 +197,7 @@
                <el-table-column
                  prop="deliveryDate"
                  label="预计交货日期"
                  label="预计交付日期"
                  width="200"
                >
                  <template slot-scope="{row}">
@@ -225,7 +225,7 @@
          <div style="height: 470px;">
            <div class="smallTitle">
              <svg-icon icon-class="ph" class="svg_class" />
              近一周生产待入库产品排行Top5
              近一周采购待入库物料排行Top5
            </div>
            <div class="lineContent horn" style="height: 410px">
              <div id="bar03" style="width: 100%;height:100%; " />
@@ -253,9 +253,9 @@
import './kbCommon.css'
import { bar02, kbTop, loadEcharts } from '@/utils/myEcharts'
import {
  ProductionStockedInLeftTop,
  ProcureOutsourcLeftTop,
  ProductConsignmentLeftBottom,
  ProductionStockedInRightTop,
  ProcureOutsourcRightTop,
  ProductionStockedInRightBottom
} from '@/api/kanbanManager'
@@ -298,7 +298,7 @@
    window.addEventListener('offline', this.updateOnlineStatus)
    this.updateOnlineStatus({ type: this.onLine ? 'online' : 'offline', isFirst: true })
    this.getProductionStockedInLeftTop()
    this.getProcureOutsourcLeftTop()
    this.getProductConsignmentLeftBottom()
    this.getEcharts()
  },
@@ -330,8 +330,8 @@
      }
    },
    // 获取左上table数据
    getProductionStockedInLeftTop() {
      ProductionStockedInLeftTop().then(res => {
    getProcureOutsourcLeftTop() {
      ProcureOutsourcLeftTop().then(res => {
        this.tableDataTop = res.data
        // this.number1 = this.tableDataTop.length
        const divData = this.$refs.tableDataTopRef.bodyWrapper
@@ -344,12 +344,12 @@
          if (divData.clientHeight + divData.scrollTop === divData.scrollHeight) {
            // 重置table距离顶部距离
            divData.scrollTop = 0
            ProductionStockedInLeftTop().then(res => {
            ProcureOutsourcLeftTop().then(res => {
              this.tableDataTop = res.data
              // this.number1 = this.tableDataTop.length
              if (this.tableDataTop.length > 10) {
                clearInterval(this.tableTopTask)
                this.getProductionStockedInLeftTop()
                this.getProcureOutsourcLeftTop()
              }
            })
          }
@@ -387,7 +387,7 @@
    // 获取echarts
    getEcharts() {
      ProductionStockedInRightTop().then(res => {
      ProcureOutsourcRightTop().then(res => {
        loadEcharts('bar03', bar02(res.data.filter(i => i.qty > 0).map(i => i.qty), res.data.filter(i => i.qty > 0).map(i => i.materiel_name)))
      })
@@ -396,7 +396,7 @@
      })
      this.echartsRightTop = setInterval(() => {
        ProductionStockedInRightTop().then(res => {
        ProcureOutsourcRightTop().then(res => {
          loadEcharts('bar03', bar02(res.data.filter(i => i.qty > 0).map(i => i.qty), res.data.filter(i => i.qty > 0).map(i => i.materiel_name)))
        })
      }, 1000 * 15)