From a36a95ee0962af12a40e471cd706f2880f439887 Mon Sep 17 00:00:00 2001 From: haoxuan <haoxuan> Date: 星期四, 24 八月 2023 14:11:14 +0800 Subject: [PATCH] 面板的页面跳转 修改 2023-8-24 --- src/views/visualization.vue | 62 +++++++++++++++++------------- 1 files changed, 35 insertions(+), 27 deletions(-) diff --git a/src/views/visualization.vue b/src/views/visualization.vue index 987af08..7546681 100644 --- a/src/views/visualization.vue +++ b/src/views/visualization.vue @@ -27,9 +27,9 @@ <span class="title-item" >鍚庨亾宸ュ簭: <span class="color_4efefa"> - <!-- {{ - taskData.NextProcedure.procedure.procedureName || "--" - }} --> + {{ + taskData.Procedure.procedure.nextProcedureName || "--" + }} </span> </span> <span class="title-item" @@ -343,10 +343,10 @@ <div class="right-top-l">浣滀笟鐘舵��</div> <div class="time"> <dl> - <dd><span style="font-size: 32px">{{ formatDate3() }}</span></dd> + <dd><span style="font-size: 32px">{{ formatTime3 }}</span></dd> <dd> <span style="font-size: 12px; " - >{{ formatDate2() }}</span + >{{ formatTime2 }}</span > <!--margin-right: 10px <span style="font-size: 14px">鏄熸湡鍥�</span> --> </dd> @@ -420,7 +420,7 @@ <div class="bg-title"> <img src="../../public/bg-title.png" /> <span class="bg-title-span">璁惧瀹炴椂鐢熶骇鐪嬫澘</span> - <div class="bg-date"><span>{{ formatDate3() }}</span><br/>{{formatDate2()}}</div> + <div class="bg-date"><span>{{ formatTime3 }}</span><br/>{{formatTime2}}</div> <span class="font el-icon-setting set-title bg-set" @click="setUrl" @@ -467,6 +467,8 @@ production: 25, //鐢熶骇涓� finishNumber: 0, finishPercent: 0, + formatTime2:'', + formatTime3:'', // 鍙充晶瀹屾垚 finishShow: false, inputMaterials: [], @@ -521,6 +523,10 @@ // this.passrate = this.getRandomNumber(1, 100); // this.production = this.getRandomNumber(1, 100); // }, 3000); + setInterval(()=>{ + this.getDate3() + this.getDate2() + },5000) this.getTaskInfo(); setInterval(() => { this.getProgressInfo(); @@ -529,7 +535,8 @@ methods: { reloadPage() { - window.location.reload(); + // window.location.reload(); + this.getTaskInfo(); }, getProgressInfo() { getProgress().then((res) => { @@ -579,15 +586,13 @@ return ""; } }, - formatDate3() { - const now = new Date(); - let time = this.getDateObj(now, "hh:mm"); - return time; + getDate3(){ + let now= new Date(); + this.formatTime3 = this.getDateObj(now, "hh:mm"); }, - formatDate2(){ - const now = new Date(); - let time = this.getDateObj(now, "yyyy骞碝M鏈坉d鏃�"); - return time; + getDate2(){ + let now = new Date(); + this.formatTime2 = this.getDateObj(now, "yyyy骞碝M鏈坉d鏃�"); }, setInterCard(value, name) { let height = 200; @@ -658,7 +663,7 @@ if (res.code == 200) { // res.data.number this.procedureList[0].push({ - number: res.data.number, + number: res.data.Number, name: "宸ヨ壓", }); } @@ -675,10 +680,13 @@ }, // 璁剧疆 setUrl() { - const { href } = this.$router.resolve({ + // const { href } = this.$router.resolve({ + // path: "/set", + // }); + // window.open(href, "_blank"); + this.$router.push({ path: "/set", }); - window.open(href, "_blank"); }, // 鍙充晶鎺у埗 controlClick() { @@ -731,24 +739,24 @@ } .bg-title-span { position: absolute; - width: 400px; - height: 100px; - line-height: 100px; + width: 30%; + height: 4rem; + line-height:2.4; font-size: 26px; font-weight: 700; text-align: center; - left: 39%; - top: 5%; + left: 36%; + top: 1.5rem; display: inline-block; } .bg-set{ position:absolute; right:10%; - height: 100px; - line-height: 100px; + height: 4rem; + line-height:2.4; font-size: 40px; font-weight: 700; - top: 5%; + top: 1rem; } .bg-date{ position:absolute; @@ -780,7 +788,7 @@ margin: 0 auto; text-align: center; position: absolute; - top: 21%; + top: 9rem; } } } -- Gitblit v1.8.0