From 8e44a1f96080c476388d5a57a300ca23e7677b4f Mon Sep 17 00:00:00 2001 From: wangfei <3597712270@qq.com> Date: 星期二, 13 八月 2024 10:30:49 +0800 Subject: [PATCH] 本次提交:大屏中下片台玻璃显示;上次提交:钢化模块文字显示调整,大屏中显示接口判断变更 --- UI-Project/src/views/largescreen/largescreen.vue | 84 +++++++++++++++++++++++++++++++++++++---- 1 files changed, 75 insertions(+), 9 deletions(-) diff --git a/UI-Project/src/views/largescreen/largescreen.vue b/UI-Project/src/views/largescreen/largescreen.vue index 70207f8..a3831c8 100644 --- a/UI-Project/src/views/largescreen/largescreen.vue +++ b/UI-Project/src/views/largescreen/largescreen.vue @@ -38,12 +38,12 @@ <div id="longa" v-show="dalipiana"></div> <div id="longb" v-show="dalipianb"></div> <div id="shangpianji" v-show="shangpian"></div> - <!-- <div id="shangpianji" v-show="xiapian"></div> - <div id="shangpianji" v-show="shangpian"></div> - <div id="shangpianji" v-show="shangpian"></div> - <div id="shangpianji" v-show="shangpian"></div> - <div id="shangpianji" v-show="shangpian"></div> - <div id="shangpianji" v-show="shangpian"></div> --> + <div id="xiapianji1" v-show="xiapian1"></div> + <div id="xiapianji2" v-show="xiapian2"></div> + <div id="xiapianji3" v-show="xiapian3"></div> + <div id="xiapianji4" v-show="xiapian4"></div> + <div id="xiapianji5" v-show="xiapian5"></div> + <div id="xiapianji6" v-show="xiapian6"></div> </div> <div id="centerright" style="margin-top: 10px;margin-left: 10px; height: 240px;width: 240px;background-color: #911005;"> <el-table height="240" ref="table" width="340px" @@ -142,6 +142,12 @@ const dalipiana = ref(false) const dalipianb = ref(false) const shangpian = ref(false) +const xiapian1 = ref(false) +const xiapian2 = ref(false) +const xiapian3 = ref(false) +const xiapian4 = ref(false) +const xiapian5 = ref(false) +const xiapian6 = ref(false) const thisProcess = ref(); // 鐢ㄤ簬瀛樺偍process_id鐨勫搷搴斿紡寮曠敤 // 瀹氫箟涓�涓搷搴斿紡寮曠敤鏉ュ瓨鍌ㄥ浘琛ㄥ疄渚� @@ -238,9 +244,15 @@ // 涓嬬墖 const socketUrl6 = `ws://${WebSocketHost}:${host}/api/unLoadGlass/api/talk/unLoadGlassIsRun`; const handleMessage6 = (data) => { -// if(data.engineering.length !==0 ){ -// shangpian.value = true; -// } + const tasks = data.downWorkstation[0]; + if (tasks && tasks.length >= 6) { + xiapian1.value = tasks[0].racksNumber !== 0; + xiapian2.value = tasks[1].racksNumber !== 0; + xiapian3.value = tasks[2].racksNumber !== 0; + xiapian4.value = tasks[3].racksNumber !== 0; + xiapian5.value = tasks[4].racksNumber !== 0; + xiapian6.value = tasks[5].racksNumber !== 0; + } }; const renderPieCharts = () => { processesData.value.forEach((data, index) => { @@ -470,4 +482,58 @@ margin-top: -90px; margin-left: 568px; } +#xiapianji1{ + position: absolute; + z-index: 1; + width: 10px; + height: 7px; + background-color: #529b2e; + margin-top: -213px; + margin-left: 111px; +} +#xiapianji2{ + position: absolute; + z-index: 1; + width: 10px; + height: 7px; + background-color: #529b2e; + margin-top: -213px; + margin-left: 140px; +} +#xiapianji3{ + position: absolute; + z-index: 1; + width: 10px; + height: 7px; + background-color: #529b2e; + margin-top: -202px; + margin-left: 126px; +} +#xiapianji4{ + position: absolute; + z-index: 1; + width: 10px; + height: 7px; + background-color: #529b2e; + margin-top: -213px; + margin-left: 175px; +} +#xiapianji5{ + position: absolute; + z-index: 1; + width: 10px; + height: 7px; + background-color: #529b2e; + margin-top: -213px; + margin-left: 204px; +} +#xiapianji6{ + position: absolute; + z-index: 1; + width: 10px; + height: 7px; + background-color: #529b2e; + margin-top: -202px; + margin-left: 190px; +} </style> \ No newline at end of file -- Gitblit v1.8.0