| | |
| | | |
| | | <template> |
| | | <div class="home"> |
| | | <div class="home" ref="homeRef"> |
| | | <!-- v-if="Tasks&&Tasks.length>0" --> |
| | | <template > |
| | | <div class="left"> |
| | |
| | | style="float: left;" |
| | | @click="cutClick(3)" |
| | | > |
| | | <img style="width:32px;" v-if="activeName == 3" src="../../public/one-blue.png" /> |
| | | <img style="width:32px;" v-if="activeName == 3" src="../../public/right-blue.png" /> |
| | | <span v-else> |
| | | <img style="width:32px;" src="../../public/one.png" /> |
| | | <img style="width:32px;" src="../../public/right.png" /> |
| | | </span> |
| | | </span> |
| | | </template> |
| | |
| | | v-for="(list, index2) in item" |
| | | > |
| | | <div class="card_content"> |
| | | <div class="card_contentLeft">{{ list.materialId }}</div> |
| | | <div class="card_contentLeft font_dian"> |
| | | <el-popover |
| | | width="200" |
| | | :content="list.materialId" |
| | | placement="top-start" |
| | | trigger="click" |
| | | > |
| | | <span slot="reference">{{ list.materialId }}</span> |
| | | </el-popover> |
| | | </div> |
| | | </div> |
| | | <div class="card-top-input-out-l"> |
| | | <div> |
| | | <div class="font_dian"> |
| | | <!-- 设备12<i |
| | | style="font-size: 14px" |
| | | class="el-icon-right font-arrow-20" |
| | | ></i> |
| | | 设备13 --> |
| | | {{ list.materialName }} |
| | | <el-popover |
| | | width="200" |
| | | :content="list.materialName" |
| | | placement="top-start" |
| | | trigger="click" |
| | | > |
| | | <span slot="reference">{{ list.materialName }}</span> |
| | | </el-popover> |
| | | </div> |
| | | </div> |
| | | <div class="card-top-input-out-r"> |
| | |
| | | > |
| | | <div class="card"> |
| | | <div class="card_content"> |
| | | <div class="card_contentLeft"> |
| | | {{ list.materialId }} |
| | | <div class="card_contentLeft font_dian"> |
| | | <el-popover |
| | | width="200" |
| | | :content="list.materialId" |
| | | placement="top-start" |
| | | trigger="click" |
| | | > |
| | | <span slot="reference">{{ list.materialId }}</span> |
| | | </el-popover> |
| | | </div> |
| | | </div> |
| | | <div class="card-top-input-out-l"> |
| | | <div> |
| | | {{ list.materialName }} |
| | | <div class="font_dian"> |
| | | <el-popover |
| | | width="200" |
| | | :content="list.materialName" |
| | | placement="top-start" |
| | | trigger="click" |
| | | > |
| | | <span slot="reference">{{ list.materialName }}</span> |
| | | </el-popover> |
| | | </div> |
| | | </div> |
| | | <div class="card-top-input-out-r"> |
| | |
| | | <el-empty description="暂无任务..."></el-empty> |
| | | </template> |
| | | </div> |
| | | <template v-if="!Tasks||Tasks.length==0"> |
| | | <el-empty description="暂无任务..."></el-empty> |
| | | </template> |
| | | </div> |
| | | <div class="right"> |
| | | <div class="right_top"> |
| | |
| | | <AddIssue |
| | | ref="control" |
| | | :Arr="Arr" |
| | | :ArrError="ArrError" |
| | | :safeProduce="safeProduce" |
| | | :taskData="taskData" |
| | | :Order="taskData.Order" |
| | |
| | | countDownHour: 0, |
| | | countDownMinute: 0, |
| | | Arr: [], |
| | | ArrError:'', |
| | | // 记录定时器状态 |
| | | procInfoTimer: null, |
| | | cutdownTimer: null, |
| | |
| | | this.activeName = val; |
| | | if(this.activeName==2){ |
| | | this.Tasks=this.TasksCopy.slice(0,2) |
| | | if(this.Tasks.length<2){ |
| | | this.Tasks.push(null) |
| | | } |
| | | }else if(this.activeName==1){ |
| | | this.Tasks=this.TasksCopy.slice(0,1) |
| | | }else if(this.activeName==3){ |
| | |
| | | setInterCard(value, name, i) { |
| | | if (this.TasksCopy[i].Procedure.procedure[value]!=null) { |
| | | let height = 200; |
| | | let num = 1; |
| | | if (this.$refs[name]) { |
| | | height = this.$refs[name].$el?this.$refs[name].$el.offsetHeight:200; |
| | | num = Math.floor(height / 80); |
| | | let num = 3; |
| | | // if (this.$refs[name]) { |
| | | // height = this.$refs[name].$el?this.$refs[name].$el.offsetHeight:200; |
| | | // num = Math.floor(height / 80); |
| | | // } |
| | | height = this.$refs['homeRef']?(this.$refs['homeRef'].offsetHeight-470-90-20):200; |
| | | if(this.activeName==2){ |
| | | height=height-610-90-20 |
| | | } |
| | | num = Math.floor(height / 80); |
| | | let inputMaterials = JSON.parse( |
| | | JSON.stringify(this.TasksCopy[i].Procedure.procedure[value]) |
| | | ); |
| | |
| | | }; |
| | | this.Tasks = []; |
| | | this.TasksCopy=[] |
| | | getTaskInfo({ }).then((res) => { |
| | | getTaskInfo({taskMode:2}).then((res) => { |
| | | if (res.code == 200&&res.data) { |
| | | let arr=[] |
| | | if(res.data.Tasks){ |
| | |
| | | // break; |
| | | // } |
| | | // } |
| | | getTaskUnStarted({page:1,pageSize:1}).then(res=>{ |
| | | getTaskInfo({taskMode:1}).then(res=>{ |
| | | if(res.code==200){ |
| | | this.taskData=res.data.Tasks?res.data.Tasks[0]:{}; |
| | | this.ArrError='' |
| | | if (this.taskData.Procedure.ID) { |
| | | startTask({ id: this.taskData.Procedure.ID }).then((res) => { |
| | | if (res.code == 200) { |
| | | this.Arr =res.data.Params ? res.data.Params : [] |
| | | }else{ |
| | | this.ArrError=res.msg; |
| | | } |
| | | }); |
| | | } |
| | |
| | | color:#318583; |
| | | } |
| | | .el-empty{ |
| | | height:100%; |
| | | height:calc(100% - 190px); |
| | | .el-empty__description p{ |
| | | font-size:16px!important; |
| | | color:#fff!important; |
| | |
| | | margin-top: 10px; |
| | | color: #333; |
| | | position: relative; |
| | | .font_dian{ |
| | | -webkit-box-orient:vertical; |
| | | overflow:hidden; |
| | | text-overflow:ellipsis; |
| | | white-space:nowrap; |
| | | } |
| | | .card_top-2{ |
| | | width:35%; |
| | | } |
| | |
| | | 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%; |