From c88b44ec4d27cf616ce587505029e6fd178c545d Mon Sep 17 00:00:00 2001 From: haoxuan <haoxuan> Date: 星期五, 25 八月 2023 14:57:45 +0800 Subject: [PATCH] plc配置的反显问题 --- src/views/visualization.vue | 63 ++++++++++++++++++++++++------- 1 files changed, 48 insertions(+), 15 deletions(-) diff --git a/src/views/visualization.vue b/src/views/visualization.vue index 08a9300..fefc625 100644 --- a/src/views/visualization.vue +++ b/src/views/visualization.vue @@ -106,15 +106,17 @@ <el-progress define-back-color="#133EAF" color="#09E5ED" + text-color="#fff" :text-inside="true" :stroke-width="30" - :percentage="finishPercent" + :percentage="taskData.Order?parseInt(finishNumber/taskData.Order.amount):0" ></el-progress> </el-descriptions-item> <!-- <el-descriptions-item label="鍚堟牸鐜�" style="width: 100%"> <el-progress define-back-color="#007101" color="#00CC66" + text-color="#fff" :text-inside="true" :stroke-width="30" :percentage="passrate" @@ -196,15 +198,16 @@ </div> <div class="card_top-3"> <span class="card-top-r-t" - >瀹屾垚杩涘害锛歿{ finishPercent || 0 }}</span + >瀹屾垚杩涘害锛歿{ taskData.Order?parseInt(finishNumber/taskData.Order.amount):0}}</span > <span class="card-top-r-b"> <el-progress define-back-color="#133EAF" color="#09E5ED" + text-color="#fff" :text-inside="true" :stroke-width="10" - :percentage="finishPercent" + :percentage="taskData.Order?parseInt(finishNumber/taskData.Order.amount):0" :show-text="false" ></el-progress> </span> @@ -430,7 +433,8 @@ <img src="../../public/yuan.png" /> <div class="btn-img"> <div class="font_size_16" style="line-height: 5; margin-top: 18%"> - 鏆傛棤浠诲姟锛屼紤鎭竴涓嬪惂... + <span v-if="showCountDown">璺濈浠诲姟寮�濮嬫椂闂达細{{countDownHour}}鏃� {{countDownMinute}}鍒�</span> + <span v-else>鏆傛棤浠诲姟锛屼紤鎭竴涓嬪惂...</span> </div> <el-button type="primary" @click="reloadPage">鍒锋柊浠诲姟</el-button> </div> @@ -439,10 +443,13 @@ </template> <!-- 鎺у埗鐨勫脊妗� --> <AddControl ref="control" :id="taskData.Procedure.ID" /> + <!-- 鎺у埗鐨勫脊妗� --> + <AddIssue ref="control" :taskData="taskData" :Order="taskData.Order" @getSetProductNumber="getTaskInfo" /> </div> </template> <script> + import { getTaskInfo, finishTask, @@ -450,15 +457,18 @@ saveMiniDict, startTask, getProgress, + countdown, } from "@/api/home/index"; // 浜х嚎 import Card from "@/components/Card.vue"; import Knowledge from "../components/Knowledge.vue"; import AddControl from "../components/AddControl.vue"; +import AddIssue from "../components/AddIssue.vue"; export default { components: { Card, Knowledge, AddControl, + AddIssue, }, data() { return { @@ -466,7 +476,6 @@ passrate: 30, //鍚堟牸鐜� production: 25, //鐢熶骇涓� finishNumber: 0, - finishPercent: 0, formatTime2:'', formatTime3:'', // 鍙充晶瀹屾垚 @@ -515,6 +524,10 @@ }, }, }, + totalNumber:0, + showCountDown:false, + countDownHour:0, + countDownMinute:0, }; }, mounted() { @@ -523,28 +536,33 @@ // this.passrate = this.getRandomNumber(1, 100); // this.production = this.getRandomNumber(1, 100); // }, 3000); + this.getDate3() + this.getDate2() setInterval(()=>{ this.getDate3() this.getDate2() },5000) this.getTaskInfo(); - setInterval(() => { - this.getProgressInfo(); - }, 60000); }, - methods: { reloadPage() { // window.location.reload(); this.getTaskInfo(); }, + getcountdown(){ + countdown().then((res) => { + if (res.code == 200) { + this.showCountDown=res.data.ShowCountDown?res.data.ShowCountDown:false; + this.countDownHour=res.data.CountDownHour?res.data.CountDownHour:0 + this.countDownMinute=res.data.CountDownMinute?res.data.CountDownMinute:0 + } + }); + }, getProgressInfo() { getProgress().then((res) => { if (res.code == 200) { this.finishNumber = res.data.finishNumber ? res.data.finishNumber : 0; - this.finishPercent = res.data.finishPercent - ? res.data.finishPercent - : 0; + } }); }, @@ -658,16 +676,22 @@ ...this.taskData.Procedure.procedure, }, ]); + + if (this.taskData.Procedure.ID) { startTask({ id: this.taskData.Procedure.ID }).then((res) => { if (res.code == 200) { // res.data.number this.procedureList[0].push({ - number: res.data.number, + number: res.data.Number, name: "宸ヨ壓", }); } }); + this.getProgressInfo(); + setInterval(() => { + this.getProgressInfo(); + }, 6000); } console.log(this.procedureList, "===1111procedureList"); // setTimeout(() => { @@ -676,14 +700,23 @@ this.setInterCard("outputMaterials", "cardBox3"); // }, 5000); } + if(res.code!=200||!this.taskData.Procedure.ID){ + this.getcountdown(); + setInterval(() => { + this.getcountdown(); + }, 60000); + } }); }, // 璁剧疆 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() { -- Gitblit v1.8.0