| | |
| | | <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="display: flex;justify-content: space-between;padding:0 20px 20px 20px;height: 950px"> |
| | | <div style="width: 1350px;z-index: 2;margin-top: 50px;" class="flex_c_b"> |
| | | <div> |
| | | <div style="height: 945px;"> |
| | | <div class="smallTitle"> |
| | | <svg-icon icon-class="cpdrk" class="svg_class" /> |
| | | 生产入库 |
| | | 生产待入库 |
| | | </div> |
| | | <div class="lineContent horn" style="height: 886px"> |
| | | <div class="lineContent horn" style="height: 885px"> |
| | | <el-table |
| | | ref="tableDataTopRef" |
| | | :data="tableDataTop" |
| | |
| | | class="tableData" |
| | | :header-cell-style="headerCellStyleCenter" |
| | | :cell-style="cellStyleCenter" |
| | | height="870" |
| | | height="880" |
| | | > |
| | | <el-table-column |
| | | prop="voucherdate" |
| | |
| | | <el-table-column |
| | | prop="wkshp_name" |
| | | label="生产车间" |
| | | width="105" |
| | | width="135" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div class="ellipsis">{{ row.wkshp_name }}</div> |
| | |
| | | <el-table-column |
| | | prop="materiel_name" |
| | | label="产品名称" |
| | | width="270" |
| | | width="400" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div class="ellipsis">{{ row.materiel_name }}</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="specification" |
| | | label="规格型号" |
| | | width="186" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.specification" class="ellipsis">{{ row.specification }}</div> |
| | | <div v-else>/</div> |
| | | </template> |
| | | </el-table-column> |
| | | <!-- <el-table-column--> |
| | | <!-- prop="specification"--> |
| | | <!-- label="规格型号"--> |
| | | <!-- width="136"--> |
| | | <!-- >--> |
| | | <!-- <template slot-scope="{row}">--> |
| | | <!-- <div v-if="row.specification" class="ellipsis">{{ row.specification }}</div>--> |
| | | <!-- <div v-else>/</div>--> |
| | | <!-- </template>--> |
| | | <!-- </el-table-column>--> |
| | | <el-table-column |
| | | prop="stck_name" |
| | | label="预入仓库" |
| | | width="100" |
| | | width="156" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.stck_name" class="ellipsis">{{ row.stck_name }}</div> |
| | |
| | | <el-table-column |
| | | prop="quantity" |
| | | label="数量" |
| | | width="113" |
| | | width="83" |
| | | /> |
| | | <el-table-column |
| | | prop="totalStockInQuantity" |
| | |
| | | </el-table> |
| | | </div> |
| | | </div> |
| | | <!-- <div style="height: 470px;margin-top: 30px;">--> |
| | | <!-- <div class="smallTitle">--> |
| | | <!-- <svg-icon icon-class="drk" class="svg_class" />--> |
| | | <!-- 委外待入库--> |
| | | <!-- </div>--> |
| | | <!-- <div class="lineContent horn" style="height: 410px">--> |
| | | <!-- <el-table--> |
| | | <!-- ref="tableDataBottomRef"--> |
| | | <!-- :data="tableDataBottom"--> |
| | | <!-- style="width: 100%;"--> |
| | | <!-- class="tableData"--> |
| | | <!-- :header-cell-style="headerCellStyleCenter"--> |
| | | <!-- :cell-style="cellStyleCenter"--> |
| | | <!-- height="405"--> |
| | | <!-- >--> |
| | | <div v-if="false" style="height: 470px;margin-top: 30px;"> |
| | | <div class="smallTitle"> |
| | | <svg-icon icon-class="drk" class="svg_class" /> |
| | | 委外待入库 |
| | | </div> |
| | | <div class="lineContent horn" style="height: 410px"> |
| | | <el-table |
| | | ref="tableDataBottomRef" |
| | | :data="tableDataBottom" |
| | | style="width: 100%;" |
| | | class="tableData" |
| | | :header-cell-style="headerCellStyleCenter" |
| | | :cell-style="cellStyleCenter" |
| | | height="405" |
| | | > |
| | | <el-table-column |
| | | prop="voucherdate" |
| | | label="单据日期" |
| | | width="151" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.voucherdate" class="ellipsis">{{ row.voucherdate.substring(0, 10) }}</div> |
| | | <div v-else>/</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="wo" |
| | | label="单据编号" |
| | | width="225" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div class="ellipsis">{{ row.wo }}</div> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column |
| | | prop="materiel_name" |
| | | label="产品名称" |
| | | width="278" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.materiel_name" class="ellipsis">{{ row.materiel_name }}</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="specification" |
| | | label="规格型号" |
| | | width="220" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.specification" class="ellipsis">{{ row.specification }}</div> |
| | | <div v-else>/</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="quantity" |
| | | label="数量" |
| | | width="120" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div class="ellipsis">{{ row.quantity }}</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="saleOutQuantity" |
| | | label="已发货数量" |
| | | width="140" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.saleOutQuantity" class="ellipsis">{{ row.saleOutQuantity }}</div> |
| | | <div v-else>0</div> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column |
| | | prop="deliveryDate" |
| | | label="预计交付日期" |
| | | width="200" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.deliveryDate">{{ row.deliveryDate.substring(0, 10) }}</div> |
| | | <div v-else>/</div> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <!-- <el-table-column--> |
| | | <!-- prop="voucherdate"--> |
| | | <!-- label="单据日期"--> |
| | | <!-- width="151"--> |
| | | <!-- prop="warning"--> |
| | | <!-- label="延期天数"--> |
| | | <!-- width="130"--> |
| | | <!-- >--> |
| | | <!-- <template slot-scope="{row}">--> |
| | | <!-- <div v-if="row.voucherdate" class="ellipsis">{{ row.voucherdate.substring(0, 10) }}</div>--> |
| | | <!-- <div v-if="row.warning">{{ row.warning }}</div>--> |
| | | <!-- <div v-else>/</div>--> |
| | | <!-- </template>--> |
| | | <!-- </el-table-column>--> |
| | | <!-- <el-table-column--> |
| | | <!-- prop="wo"--> |
| | | <!-- label="单据编号"--> |
| | | <!-- width="225"--> |
| | | <!-- >--> |
| | | <!-- <template slot-scope="{row}">--> |
| | | <!-- <div class="ellipsis">{{ row.wo }}</div>--> |
| | | <!-- </template>--> |
| | | <!-- </el-table-column>--> |
| | | |
| | | <!-- <el-table-column--> |
| | | <!-- prop="materiel_name"--> |
| | | <!-- label="产品名称"--> |
| | | <!-- width="278"--> |
| | | <!-- >--> |
| | | <!-- <template slot-scope="{row}">--> |
| | | <!-- <div v-if="row.materiel_name" class="ellipsis">{{ row.materiel_name }}</div>--> |
| | | <!-- </template>--> |
| | | <!-- </el-table-column>--> |
| | | <!-- <el-table-column--> |
| | | <!-- prop="specification"--> |
| | | <!-- label="规格型号"--> |
| | | <!-- width="220"--> |
| | | <!-- >--> |
| | | <!-- <template slot-scope="{row}">--> |
| | | <!-- <div v-if="row.specification" class="ellipsis">{{ row.specification }}</div>--> |
| | | <!-- <div v-else>/</div>--> |
| | | <!-- </template>--> |
| | | <!-- </el-table-column>--> |
| | | <!-- <el-table-column--> |
| | | <!-- prop="quantity"--> |
| | | <!-- label="数量"--> |
| | | <!-- width="120"--> |
| | | <!-- >--> |
| | | <!-- <template slot-scope="{row}">--> |
| | | <!-- <div class="ellipsis">{{ row.quantity }}</div>--> |
| | | <!-- </template>--> |
| | | <!-- </el-table-column>--> |
| | | <!-- <el-table-column--> |
| | | <!-- prop="saleOutQuantity"--> |
| | | <!-- label="已发货数量"--> |
| | | <!-- width="140"--> |
| | | <!-- >--> |
| | | <!-- <template slot-scope="{row}">--> |
| | | <!-- <div v-if="row.saleOutQuantity" class="ellipsis">{{ row.saleOutQuantity }}</div>--> |
| | | <!-- <div v-else>0</div>--> |
| | | <!-- </template>--> |
| | | <!-- </el-table-column>--> |
| | | |
| | | <!-- <el-table-column--> |
| | | <!-- prop="deliveryDate"--> |
| | | <!-- label="预计交付日期"--> |
| | | <!-- width="200"--> |
| | | <!-- >--> |
| | | <!-- <template slot-scope="{row}">--> |
| | | <!-- <div v-if="row.deliveryDate">{{ row.deliveryDate.substring(0, 10) }}</div>--> |
| | | <!-- <div v-else>/</div>--> |
| | | <!-- </template>--> |
| | | <!-- </el-table-column>--> |
| | | |
| | | <!-- <!– <el-table-column–>--> |
| | | <!-- <!– prop="warning"–>--> |
| | | <!-- <!– label="延期天数"–>--> |
| | | <!-- <!– width="130"–>--> |
| | | <!-- <!– >–>--> |
| | | <!-- <!– <template slot-scope="{row}">–>--> |
| | | <!-- <!– <div v-if="row.warning">{{ row.warning }}</div>–>--> |
| | | <!-- <!– <div v-else>/</div>–>--> |
| | | <!-- <!– </template>–>--> |
| | | <!-- <!– </el-table-column>–>--> |
| | | <!-- </el-table>--> |
| | | <!-- </div>--> |
| | | <!-- </div>--> |
| | | </el-table> |
| | | </div> |
| | | </div> |
| | | |
| | | </div> |
| | | <div style="width: 500px;z-index: 2;margin-top: 50px;" class="flex_c_b"> |
| | |
| | | |
| | | headTime: '', |
| | | tableDataTop: [], |
| | | // tableDataBottom: [], |
| | | tableDataBottom: [], |
| | | |
| | | MarqueeTipsContent: '', // 公告 |
| | | speed: 100, // 公告播放的速度 |
| | |
| | | } |
| | | }, |
| | | |
| | | activated() { |
| | | window.addEventListener('resize', this.getHeight) |
| | | this.getHeight() |
| | | }, |
| | | created() { |
| | | setInterval(this.getNowTime, 1000) |
| | | |