| | |
| | | <div class="kb_left_top_block kb_pd10"> |
| | | <div class="content01"> |
| | | <div class="pic01" /> |
| | | <div class="number">{{ purchaseLeftTopData.ThisMonthPurchaseArrivalOrderCont }}</div> |
| | | <div class="number">{{ purchaseLeftTopData.ThisMonthPurchaseOrderCont }}</div> |
| | | <div class="text">本月采购订单数</div> |
| | | </div> |
| | | <div class="content01"> |
| | | <div class="pic01" /> |
| | | <div class="number">{{ purchaseLeftTopData.ThisMonthPurchaseOrderCont }}</div> |
| | | <div class="number">{{ purchaseLeftTopData.ThisMonthPurchaseArrivalOrderCont }}</div> |
| | | <div class="text">本月到货单数</div> |
| | | </div> |
| | | <div class="content01"> |
| | |
| | | <!-- 2--> |
| | | <div class="kb_left_bottom kb_pd10"> |
| | | <div class="kb_left_bottom_content"> |
| | | <div class="content_head kb_title_text">采购到货跟踪 <div style="margin-left: 30px">{{ number1 }} 单</div></div> |
| | | <div class="content_head kb_title_text">采购到货跟踪 |
| | | <div style="margin-left: 30px">{{ number1 }} 单</div> |
| | | </div> |
| | | <div class="content_body"> |
| | | <el-table |
| | | ref="tableData" |
| | |
| | | prop="checkuser" |
| | | label="检验人员" |
| | | width="94" |
| | | /> |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.checkuser===null">/</div> |
| | | <div v-else>{{ row.checkuser }}</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="quantity1" |
| | | label="已收数量" |
| | |
| | | width="94" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.quantity- row.quantity1">{{ parseFloat(row.quantity- row.quantity1) }}</div> |
| | | <div v-if="row.quantity- row.quantity1">{{ parseFloat(row.quantity - row.quantity1) }}</div> |
| | | <div v-else>0</div> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | width="114" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="parseFloat(row.warning)<0" style="color: red">{{ Math.abs(parseFloat(row.warning)) }}</div> |
| | | <div v-if="parseFloat(row.warning)<0" style="color: red">{{ |
| | | Math.abs(parseFloat(row.warning)) |
| | | }} |
| | | </div> |
| | | <div v-else-if="row.warning===null||row.warning===''||row.warning===0">0</div> |
| | | <div v-else-if="parseFloat(row.warning)>3">{{ row.warning }}</div> |
| | | <div v-else-if="parseFloat(row.warning)>0&&parseFloat(row.warning)<=3" style="color:yellow;">{{ row.warning }}</div> |
| | | <div v-else-if="parseFloat(row.warning)>0&&parseFloat(row.warning)<=3" style="color:yellow;"> |
| | | {{ row.warning }} |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | |
| | | created() { |
| | | setInterval(this.getNowTime, 1000) |
| | | |
| | | // 两小时看板刷新一次 |
| | | setInterval(() => { |
| | | window.location.reload() |
| | | }, 1000 * 60 * 120) |
| | | }, |
| | | mounted() { |
| | | window.addEventListener('online', this.updateOnlineStatus) |
| | |
| | | }, |
| | | getPurchaseLeftBottom() { |
| | | PurchaseLeftBottom().then(res => { |
| | | this.tableData = res.data |
| | | this.tableData = res.data.filter(i => !parseFloat(i.quantity1))// 过滤掉已收数量大于零的值 |
| | | this.number1 = this.tableData.length |
| | | |
| | | const divData = this.$refs.tableData.bodyWrapper |
| | |
| | | // 重置table距离顶部距离 |
| | | divData.scrollTop = 0 |
| | | PurchaseLeftBottom().then(res => { |
| | | this.tableData = res.data |
| | | this.tableData = res.data.filter(i => !parseFloat(i.quantity1))// 过滤掉已收数量大于零的值 |
| | | this.number1 = this.tableData.length |
| | | if (this.tableData.length > 14) { |
| | | clearInterval(this.PurchaseLeftBottom) |
| | |
| | | |
| | | <style scoped lang="scss"> |
| | | //$kbBorderColor: #09d8f2; |
| | | $kbBorderColor: rgba(9,216,242,0.4); |
| | | $kbBorderColor: rgba(9, 216, 242, 0.4); |
| | | |
| | | .kb_content { |
| | | display: flex; |
| | |
| | | display: flex; |
| | | //border: 1px solid rgba(255, 255, 255, 0.6); |
| | | justify-content: space-around; |
| | | background-color: rgba(30, 33, 46,0.6); |
| | | background-color: rgba(30, 33, 46, 0.6); |
| | | |
| | | .content01 { |
| | | margin: auto; |
| | |
| | | font-size: 20px; |
| | | } |
| | | |
| | | .text{ |
| | | .text { |
| | | margin-top: 50px; |
| | | font-size: 20px; |
| | | } |