| | |
| | | <div class="card_content"> |
| | | <div class="card_contentLeft">{{ list.materialId }}</div> |
| | | </div> |
| | | <div class="card_top"> |
| | | <div class="card-top-input-out-l"> |
| | | <div> |
| | | <!-- 设备12<i |
| | | style="font-size: 14px" |
| | |
| | | {{ list.materialName }} |
| | | </div> |
| | | </div> |
| | | <div class="card_top2"> |
| | | <div class="card-top-input-out-r"> |
| | | <div style="line-height: 45px; text-align: center"> |
| | | {{ list.amount }} {{ list.unit }} |
| | | </div> |
| | |
| | | </div> |
| | | </el-carousel-item> |
| | | </el-carousel> |
| | | <el-button type="primary" class="color_f70f83"> |
| | | <el-button type="primary" class="color_f70f83 bottom-box-btn"> |
| | | <i class="el-icon-phone-outline" />物料呼叫</el-button |
| | | > |
| | | </div> |
| | |
| | | <p |
| | | style="font-size: 22px; margin-left: 12px; margin-top: 50px" |
| | | ></p> |
| | | <div class="right-small-btn"> |
| | | <div class="right-small-btn bottom-box-btn"> |
| | | <el-button type="primary"> 打印</el-button> |
| | | <el-popover |
| | | placement="top-end" |
| | |
| | | {{ list.materialId }} |
| | | </div> |
| | | </div> |
| | | <div class="card_top"> |
| | | <div class="card-top-input-out-l"> |
| | | <div> |
| | | {{ list.materialName }} |
| | | <!-- 设备12<i |
| | | style="font-size: 14px" |
| | | class="el-icon-right font-arrow-20" |
| | | ></i> |
| | | 设备13 --> |
| | | </div> |
| | | </div> |
| | | <div class="card_top2"> |
| | | <div class="card-top-input-out-r"> |
| | | <div style="line-height: 45px; text-align: center"> |
| | | {{ list.amount }} {{ list.unit }} |
| | | </div> |
| | | <!-- <span class="card-top-r-t">生产完成</span> |
| | | <span class="card-top-r-b">12月28日 08:24</span> --> |
| | | </div> |
| | | <!-- <div class="card-info-box">预计10分钟送达</div> --> |
| | | </div> |
| | | <!-- <div class="card"> |
| | | <div class="card_content"> |
| | | <div class="card_contentLeft color_green"> |
| | | 包号:G22122304 100吨 |
| | | </div> |
| | | </div> |
| | | <div class="card_top"> |
| | | <div> |
| | | 设备12<i |
| | | style="font-size: 14px" |
| | | class="el-icon-right font-arrow-20" |
| | | ></i> |
| | | 设备13 |
| | | </div> |
| | | </div> |
| | | <div class="card_top-2"> |
| | | <span class="card-top-r-t">生产完成</span> |
| | | <span class="card-top-r-b">12月28日 08:24</span> |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | </el-carousel-item> |
| | | </el-carousel> |
| | | <el-button type="primary" class="color_f70f83"> |
| | | <el-button type="primary" class="color_f70f83 bottom-box-btn"> |
| | | <i class="el-icon-phone-outline" />运输呼叫</el-button |
| | | > |
| | | </div> |
| | |
| | | 设备状态: |
| | | <!-- 1断开2生产3待机 --> |
| | | <span style="position: relative" |
| | | > |
| | | v-if="plcStatus" > |
| | | <img v-if="plcStatus == 1" src="../../public/duan.png" /> |
| | | <img v-else src="../../public/lian.png" /> |
| | | <!-- <span class="yuandian"></span> --> |
| | |
| | | procInfoTimer: null, |
| | | cutdownTimer: null, |
| | | TaskCount:0, |
| | | plcStatus:1, |
| | | plcStatus:0, |
| | | isTipShow:false, |
| | | }; |
| | | }, |
| | |
| | | procedure: { inputMaterials: [], outputMaterials: [], workers: [] }, |
| | | }, |
| | | inputMaterials: [], |
| | | outputMaterials: [], |
| | | outputMaterials: [ |
| | | [ |
| | | { |
| | | materialId:11111, |
| | | materialName:'272大家啊放假了卡艰苦奋斗垃圾发快递垃圾反馈来得及克隆', |
| | | amount:100, |
| | | unit:'件' |
| | | } |
| | | ] |
| | | ], |
| | | procedureList: [ |
| | | // [ |
| | | // { |
| | |
| | | } |
| | | }); |
| | | |
| | | // this.Tasks.push(object) |
| | | // this.Tasks.push(object) |
| | | this.Tasks.push(object) |
| | | this.Tasks.push(object) |
| | | }, |
| | | getStartArr(){ |
| | | for (let i in this.Tasks) { |
| | |
| | | this.Tasks[i].finishNumber = res.data.finishNumber |
| | | ? res.data.finishNumber |
| | | : 0; |
| | | this.plcStatus=res.data.plcStatus?res.data.plcStatus:1 |
| | | this.plcStatus=res.data.plcStatus?res.data.plcStatus:0 |
| | | } |
| | | }); |
| | | } |
| | |
| | | } |
| | | .card-box { |
| | | width: 100%; |
| | | height: calc(100% - 50px - 50px); |
| | | height: calc(100% - 50px - 40px); |
| | | // height:300px; |
| | | .el-carousel__container{ |
| | | overflow-y:auto; |
| | |
| | | // height:auto; |
| | | min-height:160px; |
| | | } |
| | | } |
| | | .bottom-box-btn{ |
| | | width:calc(100% - 20px); |
| | | position:absolute; |
| | | bottom:10px; |
| | | left:10px; |
| | | } |
| | | } |
| | | |
| | |
| | | margin-top: 10px; |
| | | color: #333; |
| | | position: relative; |
| | | .card_top-2, |
| | | .card_top-2,.card-top-input-out-r, |
| | | .card_top-3 { |
| | | width: 50%; |
| | | height: 45px; |
| | |
| | | } |
| | | } |
| | | |
| | | .card_top, |
| | | .card_top,.card-top-input-out-l, |
| | | .card_top-4 { |
| | | width: 50%; |
| | | height: 45px; |
| | |
| | | font-size: 12px; |
| | | line-height: 45px; |
| | | > div { |
| | | margin-left: 12px; |
| | | padding-left: 12px; |
| | | position: relative; |
| | | p { |
| | | position: absolute; |
| | |
| | | .card_top{ |
| | | float: left; |
| | | } |
| | | .card-top-input-out-l{ |
| | | float:left; |
| | | width:65%; |
| | | line-height:20px; |
| | | vertical-align: middle; |
| | | display:flex; |
| | | justify-content:space-around; |
| | | align-items:center; |
| | | } |
| | | .card-top-input-out-r{ |
| | | width:35%; |
| | | } |
| | | .card_top-4 { |
| | | width: calc(100% - 20px); |
| | | padding: 10px 10px; |