| | |
| | | <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"> |
| | |
| | | <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 |
| | |
| | | <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> |
| | |
| | | <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> |
| | |
| | | <el-table-column |
| | | prop="materiel_name" |
| | | label="产品名称" |
| | | width="260" |
| | | width="270" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div class="ellipsis">{{ row.materiel_name }}</div> |
| | |
| | | <el-table-column |
| | | prop="specification" |
| | | label="规格型号" |
| | | width="116" |
| | | width="126" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.specification" class="ellipsis">{{ row.specification }}</div> |
| | |
| | | <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> |
| | |
| | | <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> |
| | |
| | | <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 |
| | |
| | | |
| | | <el-table-column |
| | | prop="deliveryDate" |
| | | label="预计交货日期" |
| | | label="预计交付日期" |
| | | width="200" |
| | | > |
| | | <template slot-scope="{row}"> |
| | |
| | | <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%; " /> |
| | |
| | | import './kbCommon.css' |
| | | import { bar02, kbTop, loadEcharts } from '@/utils/myEcharts' |
| | | import { |
| | | ProductionStockedInLeftTop, |
| | | ProcureOutsourcLeftTop, |
| | | ProductConsignmentLeftBottom, |
| | | ProductionStockedInRightTop, |
| | | ProcureOutsourcRightTop, |
| | | ProductionStockedInRightBottom |
| | | } from '@/api/kanbanManager' |
| | | |
| | |
| | | window.addEventListener('offline', this.updateOnlineStatus) |
| | | this.updateOnlineStatus({ type: this.onLine ? 'online' : 'offline', isFirst: true }) |
| | | |
| | | this.getProductionStockedInLeftTop() |
| | | this.getProcureOutsourcLeftTop() |
| | | this.getProductConsignmentLeftBottom() |
| | | this.getEcharts() |
| | | }, |
| | |
| | | } |
| | | }, |
| | | // 获取左上table数据 |
| | | getProductionStockedInLeftTop() { |
| | | ProductionStockedInLeftTop().then(res => { |
| | | getProcureOutsourcLeftTop() { |
| | | ProcureOutsourcLeftTop().then(res => { |
| | | this.tableDataTop = res.data |
| | | // this.number1 = this.tableDataTop.length |
| | | const divData = this.$refs.tableDataTopRef.bodyWrapper |
| | |
| | | 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() |
| | | } |
| | | }) |
| | | } |
| | |
| | | |
| | | // 获取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))) |
| | | }) |
| | | |
| | |
| | | }) |
| | | |
| | | 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) |