From da4257bc32483409af02a06dd342c6981ec786ec Mon Sep 17 00:00:00 2001
From: liulijun <liulijun@hnkhzn.com>
Date: 星期一, 17 十一月 2025 17:14:14 +0800
Subject: [PATCH] 更新大屏幕页面和任务信息页面
---
项目代码/BigScreen/src/views/bottomView1.vue | 138 ++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 138 insertions(+), 0 deletions(-)
diff --git "a/\351\241\271\347\233\256\344\273\243\347\240\201/BigScreen/src/views/bottomView1.vue" "b/\351\241\271\347\233\256\344\273\243\347\240\201/BigScreen/src/views/bottomView1.vue"
new file mode 100644
index 0000000..bb9f135
--- /dev/null
+++ "b/\351\241\271\347\233\256\344\273\243\347\240\201/BigScreen/src/views/bottomView1.vue"
@@ -0,0 +1,138 @@
+<template>
+ <dv-border-box-12 id="content">
+ <div class="Box">
+ <div style="margin-top: -10px;position: absolute;top: 28px;left: 20px;">
+ <span>
+ <icon
+ name="chart-line"
+ class="text-icon"
+ style="margin-left: 5px"
+ ></icon>
+ </span>
+ <span class="fs-xl text mb-1 pl-3" style="font-size: 20px;font-weight: bold;"
+ >鍔犲帇鍔ㄦ��</span>
+ </div>
+ <div style="width:680px;height:70px; position: absolute;left: 135px;top: 10px;background-color: red;border-radius: 15px; display: flex;justify-content: space-around;">
+ <div style="width: 260px;text-align: center;">
+ <span style="font-size: 30px;font-weight: bold;color: #fff;line-height: 70px;">淇濆帇鍘嬪姏:</span>
+ <span style="font-size: 30px;font-weight: bold;color: #fff;line-height: 70px;">{{pressure_value!=""?pressure_value+"(鍚�)":"寰呬繚鍘�"}}</span>
+ </div>
+ <div style="width: 280px;text-align: center;">
+ <span style="font-size: 30px;font-weight: bold;color: #fff;line-height: 70px;">淇濆帇鏃堕棿:</span>
+ <span style="font-size: 30px;font-weight: bold;color: #fff;line-height: 70px;">{{pressuretime!=""?pressuretime:"寰呬繚鍘�"}}</span>
+ </div>
+ <div style="width: 140px;text-align: center;">
+ <span style="font-size: 30px;font-weight: bold;color: #fff;line-height: 70px;">{{ pressureresult }}</span>
+ </div>
+ </div>
+ <div style="margin-top: -10px;position: absolute;top: 28px;right: 360px;">
+ <span>
+ <icon
+ name="chart-bar"
+ class="text-icon"
+ style="margin-left: 5px"
+ ></icon>
+ </span>
+ <span class="fs-xl text mb-1 pl-3" style="font-size: 20px;font-weight: bold;"
+ >璁惧绋煎姩</span>
+ </div>
+ <div style="position: absolute;height: 1px; width: 865px;left: 44px;top: 355px; background-color:#ffff00;">
+
+ </div>
+ <div style="position: absolute;height: 375px; width: 1px;left: 821px;top: 88px; background-color:#ffff00;">
+
+ </div>
+ <div class="bottomLeft">
+ <bottomLeft />
+ </div>
+ <div class="bottomCenter">
+ <bottomCenter />
+ </div>
+ </div>
+ </dv-border-box-12>
+</template>
+ <script>
+import axios from "@/api/ajax.js";
+import bottomLeft from "../components/echart/bottom/bottomLeftChart";
+import bottomCenter from "../components/echart/bottom/bottomCenterChart";
+export default {
+ components: {
+ bottomLeft,
+ bottomCenter,
+ },
+ data() {
+ return {
+ areaD: ["D9", "D8", "D7", "D6", "D5", "D4", "D3", "D2", "D1"],
+ areaA: ["A9", "A8", "A7", "A6", "A5", "A4", "A3", "A2", "A1"],
+ areaBC: [
+ { name1: "C6", name2: "B6" },
+ { name1: "C5", name2: "B5" },
+ { name1: "C4", name2: "B4" },
+ { name1: "C3", name2: "B3" },
+ ],
+ areaB: [
+ { name1: "B2", img: require("../assets/red0.png") },
+ { name1: "B1", img: require("../assets/red1.png") },
+ ],
+ ScStyle: {
+ top: "600px",
+ left: "1180px",
+ },
+ pressure_value:"30.5",
+ pressuretime:"18鏃�60鍒�",
+ pressureresult:"鍔犲帇鍚堟牸",
+ IsPrevalue:true,
+ };
+ },
+ mounted() {
+ this.GetPressInfo();
+ },
+ methods: {
+ GetPressInfo() {
+ axios.post("/api/dt_WorkOrder/getPressInfo", null, "").then((res) => {
+ if (res.data.status) {
+ var data=res.data.data;
+ if(data==null)
+ return;
+ this.pressure_value=data.pressure_value;
+ this.pressuretime=data.pressuretime;
+ this.pressureresult=data.pressureresult;
+ }
+ if(this.IsPrevalue){
+ setInterval(() => {
+ this.GetPressInfo();
+ },2000);
+ this.IsPrevalue=false;
+ }
+ });
+ }
+ },
+};
+</script>
+<style lang="scss" scoped>
+$box-height: 520px;
+$box-width: 1420px;
+#content {
+ position: absolute;
+ right: 20px;
+ width: $box-width;
+ height: $box-height;
+ margin: 10px auto;
+}
+.bottomLeft {
+ width: 920px;
+ height: 520px;
+ margin-top: 30px;
+}
+.bottomCenter {
+ width: 480px;
+ height: 520px;
+ margin-top: 30px;
+ margin-left: 10px;
+}
+.Box{
+ width:1870px;
+ margin: 0px auto;
+ display: flex;
+}
+</style>
\ No newline at end of file
--
Gitblit v1.9.3