| | |
| | | <span class="title-item" |
| | | >工单编号: |
| | | <span class="color_4efefa">{{ |
| | | taskData.Order.workOrderId || "" |
| | | taskData.Order.workOrderId || "--" |
| | | }}</span> |
| | | </span> |
| | | <span class="title-item" |
| | | >当前工序: |
| | | <span class="color_4efefa">{{ |
| | | taskData.Procedure.procedure.procedureName || "" |
| | | taskData.Procedure.procedure.procedureName || "--" |
| | | }}</span> |
| | | </span> |
| | | <span class="title-item" |
| | |
| | | </span> |
| | | </span> --> |
| | | </div> |
| | | <div class="gongx" v-if="taskData.AllProcedures"> |
| | | <el-steps :active="taskData.CurrentProcedureIndex?taskData.CurrentProcedureIndex:0" finish-status="success" class="steps"> |
| | | <div class="gongx"> |
| | | <el-steps v-if="taskData.AllProcedures" :active="taskData.CurrentProcedureIndex?taskData.CurrentProcedureIndex:0" finish-status="success" class="steps"> |
| | | <el-step icon="" :title="item" v-for="(item,index) in taskData.AllProcedures" :key="index"></el-step> |
| | | </el-steps> |
| | | </div> |
| | |
| | | > |
| | | <template v-if="list.name == '工序'"> |
| | | <div class="card_content"> |
| | | <div class="card_contentLeft color_blue"> |
| | | {{ list.deviceName }} |
| | | <div class="card_contentLeft color_blue font_dian"> |
| | | <!-- {{ list.deviceName }} --> |
| | | <el-tooltip |
| | | effect="dark" |
| | | popper-class="tooltip-width-200" |
| | | :content="list.deviceName" |
| | | placement="top-start" |
| | | > |
| | | <span>{{ list.deviceName }}</span> |
| | | </el-tooltip> |
| | | <!-- <span style="float: right">6m/s</span> --> |
| | | </div> |
| | | </div> |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | activeName: 2, |
| | | activeName: 1, |
| | | progress: 70, //进度 |
| | | passrate: 30, //合格率 |
| | | production: 25, //生产中 |
| | |
| | | methods: { |
| | | taskClick(){ |
| | | if(this.TaskCount>0){ |
| | | this.$refs.control.islook=true |
| | | for(let i in this.Tasks){ |
| | | if(this.Tasks[i].Procedure.Status==1){ |
| | | this.isTipShow=false |
| | | break; |
| | | } |
| | | } |
| | | if(!this.isTipShow){ |
| | | this.$refs.control.islook=true |
| | | } |
| | | }else{ |
| | | this.$message.error('目前没有任务!') |
| | | } |
| | |
| | | return d; |
| | | }, |
| | | setInterCard(value, name, i) { |
| | | if (this.Tasks[i].Procedure.procedure[value]) { |
| | | if (this.Tasks[i].Procedure.procedure[value]!=null) { |
| | | let height = 200; |
| | | let num = 1; |
| | | if (this.$refs[name]) { |
| | | height = this.$refs[name].$el.offsetHeight; |
| | | height = this.$refs[name].$el?this.$refs[name].$el.offsetHeight:200; |
| | | num = Math.floor(height / 80); |
| | | } |
| | | let inputMaterials = JSON.parse( |
| | |
| | | }, |
| | | inputMaterials: [], |
| | | outputMaterials: [], |
| | | procedureList: [], |
| | | procedureList: [ |
| | | // [ |
| | | // { |
| | | // name:"工序", |
| | | // deviceName:'1111dhafjdhajkhf jkdahjkf打法即可打開鏈接肯德基啊看來jdad大风京东卡老司机番窠倒臼开了房金阿奎第十六届反馈拉德斯基k打卡机阿珂附件打开了点击阿里卡减肥的卡拉胶开了房大街上克隆fk啦大家防空雷達數據看i' |
| | | // }, |
| | | // ] |
| | | ], |
| | | }; |
| | | this.Tasks = []; |
| | | getTaskInfo({ page: 1, pageSize: this.activeName }).then((res) => { |
| | |
| | | |
| | | this.TaskCount=res.data.TaskCount?res.data.TaskCount:0 |
| | | this.workers=res.data.workers?res.data.workers:[] |
| | | if (this.Tasks.length == 0) { |
| | | if (this.activeName == 1) { |
| | | this.Tasks.push(object); |
| | | } else { |
| | | this.Tasks.push(object); |
| | | this.Tasks.push(object); |
| | | } |
| | | } |
| | | for (let i in this.Tasks) { |
| | | this.Tasks[i].procedureList = []; |
| | | this.Tasks[i].inputMaterials = []; |
| | |
| | | }, 9000); |
| | | } |
| | | } |
| | | if (this.Tasks.length == 0) { |
| | | if (this.activeName == 1) { |
| | | this.Tasks.push(object); |
| | | } else { |
| | | this.Tasks.push(object); |
| | | this.Tasks.push(object); |
| | | } |
| | | } |
| | | if (res.code != 200 || this.Tasks.length == 0) { |
| | | this.getcountdown(); |
| | | // 控制重新请求getTaskInfo, 只开启一个定时器 |
| | |
| | | }, 60000); |
| | | } |
| | | } |
| | | debugger |
| | | if(this.activeName==2){ |
| | | this.Tasks[1]=null |
| | | } |
| | | }); |
| | | |
| | | // this.Tasks.push(object) |
| | | // this.Tasks.push(object) |
| | | }, |
| | | getStartArr(){ |
| | | for (let i in this.Tasks) { |
| | |
| | | </script> |
| | | |
| | | <style lang="scss"> |
| | | .tooltip-width-200{ |
| | | width:200px; |
| | | line-height:1.3!important; |
| | | } |
| | | .color_yellow{ |
| | | color:yellow; |
| | | } |
| | |
| | | .el-carousel__container{ |
| | | overflow-y:auto; |
| | | } |
| | | // .el-carousel__item{ |
| | | // min-height:116px; |
| | | // } |
| | | .el-carousel__item{ |
| | | // height:auto; |
| | | min-height:160px; |
| | | } |
| | | } |
| | | } |
| | | |
| | |
| | | align-content: center; |
| | | justify-content: space-around; |
| | | align-items: center; |
| | | overflow:hidden; |
| | | .title-item { |
| | | width: calc(33.333% - 50px); |
| | | width: calc((100% - 50px)/3); |
| | | float: left; |
| | | margin-right: 10px; |
| | | padding: 15px 20px; |
| | | padding: 10px 5px; |
| | | text-align: center; |
| | | border-radius: 4px; |
| | | display: inline-block; |
| | |
| | | // border: 1px solid #ccc; |
| | | background: #6b83ff; |
| | | border-radius: 5px; |
| | | margin-top: 20px; |
| | | margin-top: 10px; |
| | | color: #333; |
| | | position: relative; |
| | | .card_top-2, |
| | |
| | | border-radius: 5px 5px 0 0; |
| | | background: rgb(19, 35, 90); |
| | | } |
| | | .font_dian{ |
| | | -webkit-box-orient:vertical; |
| | | overflow:hidden; |
| | | text-overflow:ellipsis; |
| | | white-space:nowrap; |
| | | } |
| | | |
| | | .card_contentRight { |
| | | width: 100%; |