From c5870d04b3a4a6028ea367d475a17bbce45aa9c6 Mon Sep 17 00:00:00 2001 From: haoxuan <haoxuan> Date: 星期二, 19 九月 2023 11:41:55 +0800 Subject: [PATCH] 报错处理 2023-9-19 --- src/views/visualization.vue | 92 +++++++++++++++++++++++++++++++-------------- 1 files changed, 63 insertions(+), 29 deletions(-) diff --git a/src/views/visualization.vue b/src/views/visualization.vue index 252d90b..1f22bf7 100644 --- a/src/views/visualization.vue +++ b/src/views/visualization.vue @@ -45,13 +45,13 @@ <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" @@ -75,8 +75,8 @@ </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> @@ -247,8 +247,16 @@ > <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> @@ -584,7 +592,7 @@ }, data() { return { - activeName: 2, + activeName: 1, progress: 70, //杩涘害 passrate: 30, //鍚堟牸鐜� production: 25, //鐢熶骇涓� @@ -703,7 +711,15 @@ 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('鐩墠娌℃湁浠诲姟锛�') } @@ -810,11 +826,11 @@ 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( @@ -851,7 +867,14 @@ }, inputMaterials: [], outputMaterials: [], - procedureList: [], + procedureList: [ + // [ + // { + // name:"宸ュ簭", + // deviceName:'1111dhafjdhajkhf jkdahjkf鎵撴硶鍗冲彲鎵撻枊閺堟帴鑲痉鍩哄晩鐪嬩締jdad澶ч浜笢鍗¤�佸徃鏈虹暘绐犲�掕嚰寮�浜嗘埧閲戦樋濂庣鍗佸叚灞婂弽棣堟媺寰锋柉鍩簁鎵撳崱鏈洪樋鐝傞檮浠舵墦寮�浜嗙偣鍑婚樋閲屽崱鍑忚偉鐨勫崱鎷夎兌寮�浜嗘埧澶ц涓婂厠闅唂k鍟﹀ぇ瀹堕槻绌洪浄閬旀暩鎿氱湅i' + // }, + // ] + ], }; this.Tasks = []; getTaskInfo({ page: 1, pageSize: this.activeName }).then((res) => { @@ -866,14 +889,6 @@ 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 = []; @@ -914,6 +929,14 @@ }, 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, 鍙紑鍚竴涓畾鏃跺櫒 @@ -923,11 +946,10 @@ }, 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) { @@ -1004,6 +1026,10 @@ </script> <style lang="scss"> +.tooltip-width-200{ + width:200px; + line-height:1.3!important; +} .color_yellow{ color:yellow; } @@ -1288,9 +1314,10 @@ .el-carousel__container{ overflow-y:auto; } - // .el-carousel__item{ - // min-height:116px; - // } + .el-carousel__item{ + // height:auto; + min-height:160px; + } } } @@ -1357,11 +1384,12 @@ 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; @@ -1453,7 +1481,7 @@ // border: 1px solid #ccc; background: #6b83ff; border-radius: 5px; - margin-top: 20px; + margin-top: 10px; color: #333; position: relative; .card_top-2, @@ -1558,6 +1586,12 @@ 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%; -- Gitblit v1.8.0