| | |
| | | <!-- <svg-icon icon-class="sccx" />--> |
| | | 产线加工中任务 |
| | | <div style="margin-left: 30px">{{ number1 }} 单</div> |
| | | <div style="display: flex;margin-left: 25px;"> |
| | | |
| | | <div class="circle" style="background-color: rgb(255 255 255)" /> |
| | | <div style="margin-left: 10px">未开始</div> |
| | | |
| | | <!-- <div class="circle" style="margin-left: 10px;background-color: blue;" />--> |
| | | <!-- <div style="margin-left: 10px">开工</div>--> |
| | | |
| | | <div class="circleYellow" style="margin-left: 10px" /> |
| | | <div style="margin-left: 10px">执行中</div> |
| | | |
| | | <div class="circle" style="margin-left: 10px" /> |
| | | <div style="margin-left: 10px">完工</div> |
| | | |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="kb_left_top kb_pd10"> |
| | |
| | | class="kb_block03_02_content flex_c_c" |
| | | > |
| | | <div class="flex_c_c content01"> |
| | | <!-- <div--> |
| | | <!-- v-if="it.status==='START'&&(parseFloat(it.ngqty)===0||it.ngqty==='')&&(parseFloat(it.goodqty)===0||it.goodqty==='')"--> |
| | | <!-- class="circle"--> |
| | | <!-- style="background-color: blue;"--> |
| | | <!-- />--> |
| | | <div |
| | | v-if="it.status==='START'&&(parseFloat(it.ngqty)===0||it.ngqty==='')&&(parseFloat(it.goodqty)===0||it.goodqty==='')" |
| | | class="circle" |
| | | style="background-color: blue;" |
| | | /> |
| | | <div |
| | | v-else-if="it.status==='ALLO'&&(parseFloat(it.ngqty)===0||it.ngqty==='')&&(parseFloat(it.goodqty)===0||it.goodqty==='')" |
| | | v-if="it.status==='ALLO'&&(parseFloat(it.ngqty)===0||it.ngqty==='')&&(parseFloat(it.goodqty)===0||it.goodqty==='')" |
| | | class="circle" |
| | | style="background-color: rgb(255 255 255)" |
| | | /> |
| | |
| | | <el-table-column |
| | | prop="partname" |
| | | label="产品名称" |
| | | width="150" |
| | | width="295" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.partname" class="ellipsis">{{ row.partname }}</div> |
| | |
| | | label="完工数量" |
| | | width="85" |
| | | /> |
| | | <el-table-column |
| | | prop="ng_qty" |
| | | label="不良数量" |
| | | width="85" |
| | | /> |
| | | <el-table-column |
| | | prop="wcl" |
| | | label="完成率" |
| | | width="60" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div>{{ parseFloat((row.good_qty * 100 / row.plan_qty).toFixed(2)) }}%</div> |
| | | </template> |
| | | </el-table-column> |
| | | <!-- <el-table-column--> |
| | | <!-- prop="ng_qty"--> |
| | | <!-- label="不良数量"--> |
| | | <!-- width="85"--> |
| | | <!-- />--> |
| | | <!-- <el-table-column--> |
| | | <!-- prop="wcl"--> |
| | | <!-- label="完成率"--> |
| | | <!-- width="60"--> |
| | | <!-- >--> |
| | | <!-- <template slot-scope="{row}">--> |
| | | <!-- <div>{{ parseFloat((row.good_qty * 100 / row.plan_qty).toFixed(2)) }}%</div>--> |
| | | <!-- </template>--> |
| | | <!-- </el-table-column>--> |
| | | <el-table-column |
| | | prop="planstartdate" |
| | | label="预计开始" |
| | |
| | | } |
| | | }) |
| | | } |
| | | }, this.tableData.length <= 10 ? 1000 * 3 : 100) |
| | | }, this.tableData.length <= 10 ? 1000 * 15 : 100) |
| | | }) |
| | | }, |
| | | // 当日完工产品数量排行 |
| | |
| | | LineSearchTopRightData({ shopcode: this.ShopArr.join(',') }).then(res => { |
| | | this.tableDataRank = res.data |
| | | |
| | | if (this.tableDataRank.length > 9) { |
| | | if (this.tableDataRank.length > 10) { |
| | | clearInterval(this.TableDataRankRollTask) |
| | | this.getTableDataRankRoll() |
| | | } |
| | | }) |
| | | } |
| | | }, this.tableDataRank.length <= 9 ? 1000 * 3 : 100) |
| | | }, this.tableDataRank.length <= 10 ? 1000 * 3 : 100) |
| | | }) |
| | | }, |
| | | // 获取echarts |
| | |
| | | background-color: rgb(255 255 0); |
| | | border-radius: 50%; |
| | | } |
| | | |
| | | ::v-deep .el-table__body-wrapper{ |
| | | overflow: hidden !important; |
| | | } |
| | | |
| | | .circle { |
| | | width: 26px; |
| | | height: 26px; |
| | | background-color: #00ff8b; |
| | | border-radius: 50%; |
| | | } |
| | | </style> |