| | |
| | | <div class="kb_dashboard"> |
| | | <div class="kb_header"> |
| | | <div class="flex_c_c kb_header_text"> |
| | | 车间综合看板 |
| | | 电池车间看板 |
| | | </div> |
| | | <div class="kb_headerPic" /> |
| | | <div class="kb_headTime"> |
| | |
| | | <div v-for="item in lineContent3" :key="item.workcode" class="kb_left_top_block"> |
| | | <div class="kb_block02 kb_pd10"> |
| | | <div> |
| | | <div>销售单号:{{ item.saleordercode }}</div> |
| | | <!-- <div>销售单号:{{ item.saleordercode }}</div>--> |
| | | <div class="kb_mt5"> |
| | | 加工单号:{{ item.workcode }} |
| | | </div> |
| | |
| | | <el-table-column |
| | | prop="status" |
| | | label="状态" |
| | | width="65" |
| | | width="75" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.status==='ALLO'">已派发</div> |
| | |
| | | <el-table-column |
| | | prop="lm_date" |
| | | label="派发时间" |
| | | width="115" |
| | | width="125" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div>{{ row.lm_date.substring(0, 10) }}</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="saleOrderCode" |
| | | label="销售订单号" |
| | | width="178" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.saleOrderCode" class="ellipsis">{{ row.saleOrderCode }}</div> |
| | | <div v-else>/</div> |
| | | </template> |
| | | </el-table-column> |
| | | <!-- <el-table-column--> |
| | | <!-- prop="saleOrderCode"--> |
| | | <!-- label="销售订单号"--> |
| | | <!-- width="178"--> |
| | | <!-- >--> |
| | | <!-- <template slot-scope="{row}">--> |
| | | <!-- <div v-if="row.saleOrderCode" class="ellipsis">{{ row.saleOrderCode }}</div>--> |
| | | <!-- <div v-else>/</div>--> |
| | | <!-- </template>--> |
| | | <!-- </el-table-column>--> |
| | | <el-table-column |
| | | prop="wo_code" |
| | | label="加工单号" |
| | | width="205" |
| | | width="225" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.wo_code" class="ellipsis">{{ row.wo_code }}</div> |
| | |
| | | <el-table-column |
| | | prop="partname" |
| | | label="产品名称" |
| | | width="150" |
| | | width="200" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.partname" class="ellipsis">{{ row.partname }}</div> |
| | |
| | | <el-table-column |
| | | prop="plan_qty" |
| | | label="任务数量" |
| | | width="85" |
| | | width="95" |
| | | /> |
| | | <el-table-column |
| | | prop="good_qty" |
| | | label="完工数量" |
| | | width="85" |
| | | width="95" |
| | | /> |
| | | <el-table-column |
| | | prop="ng_qty" |
| | | label="不良数量" |
| | | width="85" |
| | | width="95" |
| | | /> |
| | | <el-table-column |
| | | prop="wcl" |
| | | label="完成率" |
| | | width="60" |
| | | width="80" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div>{{ parseFloat((row.good_qty * 100 / row.plan_qty).toFixed(2)) }}%</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="planenddate" |
| | | label="预计开始" |
| | | width="115" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div>{{ row.planenddate.substring(0, 10) }}</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="planstartdate" |
| | | label="预计结束" |
| | | width="125" |
| | | label="预计开始" |
| | | width="139" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div>{{ row.planstartdate.substring(0, 10) }}</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="planenddate" |
| | | label="预计结束" |
| | | width="139" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div>{{ row.planenddate.substring(0, 10) }}</div> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | /> |
| | | <el-table-column |
| | | prop="wkshname" |
| | | label="车间(供方)" |
| | | label="车间" |
| | | width="120" |
| | | > |
| | | <template slot-scope="{row}"> |
| | |
| | | |
| | | created() { |
| | | setInterval(this.getNowTime, 1000) |
| | | |
| | | // 两小时看板刷新一次 |
| | | setInterval(() => { |
| | | window.location.reload() |
| | | }, 1000 * 60 * 120) |
| | | }, |
| | | mounted() { |
| | | // 监听网络是否在线 |
| | |
| | | justify-content: flex-start; |
| | | |
| | | .kb_block02 { |
| | | width: 304px; |
| | | width: 344px; |
| | | display: flex; |
| | | align-items: center; |
| | | border-right: 1px solid $kbBorderColor; |
| | | } |
| | | |
| | | .kb_block03 { |
| | | width: 1020px; |
| | | width: 980px; |
| | | font-size: 17px; |
| | | display: flex; |
| | | flex-direction: column; |
| | |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | font-size: 20px; |
| | | } |
| | | |
| | | .content02Parent { |
| | |
| | | .content02 { |
| | | width: 60px; |
| | | border-right: 1px solid $kbBorderColor; |
| | | font-size: 20px; |
| | | |
| | | .content02_1 { |
| | | display: flex; |
| | |
| | | justify-content: center; |
| | | //height: 50%; |
| | | height: 25px; |
| | | |
| | | } |
| | | |
| | | .content02_2 { |
| | |
| | | .kb_right_bottom_content_title { |
| | | color: #00ffff; |
| | | margin-bottom: 5px; |
| | | margin-top: -12px; |
| | | margin-top: -16px; |
| | | } |
| | | |
| | | .kb_right_bottom_content { |
| | |
| | | |
| | | ::v-deep .cell { |
| | | padding: 0 !important; |
| | | font-size: 18px; |
| | | font-size: 20px; |
| | | } |
| | | |
| | | .circleYellow { |