From 9e85f12863c9745b9e26861cb3ba9b62d9148f03 Mon Sep 17 00:00:00 2001 From: wangqiujuan0808 <578331299@qq.com> Date: Thu, 11 Jan 2024 22:17:06 +0800 Subject: [PATCH] =?UTF-8?q?=E5=B7=A1=E6=A3=80=E5=BC=B9=E5=87=BA=E6=A1=86?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/images/break-set.png | Bin 0 -> 1559 bytes src/assets/images/online-set.png | Bin 0 -> 2152 bytes src/assets/images/wait.png | Bin 0 -> 5438 bytes src/views/bim/bimHome/components/MenuTab.vue | 2 +- .../bim/bimHome/components/ThreeView2.vue | 155 ++++++++++-------- 5 files changed, 85 insertions(+), 72 deletions(-) create mode 100644 src/assets/images/break-set.png create mode 100644 src/assets/images/online-set.png create mode 100644 src/assets/images/wait.png diff --git a/src/assets/images/break-set.png b/src/assets/images/break-set.png new file mode 100644 index 0000000000000000000000000000000000000000..7433b0571f5400d1086d0171ad3c6e3ce364569c GIT binary patch literal 1559 zcmV+y2I%>TP)}qFAfiz(dI7K!or?YF_-wfbOUNSo~``-J`yq%rh_hz0D zjcS2)z*?XcSOqizi-9WJXB-#?E&)FQXMhvHSHMUVt0XM15ZEqoRA5R#O7fJIv0Y$g zNE<^5>JaFz5M&YfZh;LUY@Ju3OFs&{4m?uO=U3o+U;wxXT*bID7}u@??giEW4*(4X zvigBnfiFs1TymtA3+ykLksg7q0&7ahUM=vPm67K$`>hSP#HBY0410_i64)is7{c`| zH(HrP9(}{smS}(%3hePH9uas&pgJH>m#eLg5s&^o0*gWet`_**qwIi`bgh!ST;L;* z9Y+L~gaTYIaKbaIUAGXZ%TIb{`&(;kMSyDsPCA0m3AEfsuqn4#TeNN8Ser`$UMO(b z5qNwqqj(Fs-rA&XJZx?M&w%$jg1#20x&uJETxD(3w(iaApSSVY1bnQnF97Q?n})Kq z9e6OOZ4lT|f$VzV7_eH^b&wscF^g|X8?oQn zDd4Ao1-3i|d=S_GfHC}lrwI=j42Ef2UVy>)58zJKv5&CNZc5|i&+u3TeZK&`>besQ z;PmfeN}ohf4)6!Ydt8bI7_wN_0ksKc%Q#;(d=^Rh4Pe4kFN9w&QtDCV`M~-Fcvw|l z!R(u3P#)k(%rZL#Q#Dz_$>h(Jo`BPzaunN62s z13st9s}i75Rs0-Ht;h_1myQj1P?eh!vR_6azFLaNH^Y;}1+3rkH3>HZTi}1jLXv-m zMI@q59h9r~eGkW^KRtE6S&u~%3E6jGZDfT$z_GnbV;WB|@!6DWA}jX+_SJ}G z#WJ8dqVn_;aa!^35%o0#OV#xW#KdBB;CV~n-z|nk5V%`ROlY;@WwtE_Z&A3W1Qz@L zR`x^#T*Pqz_b6Qb!p(+ls$o*X{+`VOHgVj|mX}5Z+$34g-KGIINcNB7&M1JPP2iH! z^P50>B)~hJNo>%75jdneT$Av>X{!a!D;+5h3e*MGRb?@xIu506x>JW^$jgC^c)&y_^<$Qe?UER4z&Qhrph(IyM&`33fj&F)bkG6{qwF&t7n7` zI-?&dd8JYO`Ca1@E@!06k$uqZx} zGb`abnVq(DL`tSDA!f6G+7WnG?wrK5vyN@2t(7p z_s&&8jX`cVpT$m0#N=}s=Chdj<< z&L&;O#Dnj`gn5<#D=~i;Tgm=|a_J~0C$q1##erOJgP3p5ycwy4r>*P_A#4o=SU+6NFT*(!vx;z@E^syh6xCKN93b;e*+uZdr25GX8iyF002ov JPDHLkV1l7h-{1fM literal 0 HcmV?d00001 diff --git a/src/assets/images/online-set.png b/src/assets/images/online-set.png new file mode 100644 index 0000000000000000000000000000000000000000..1069224b159ab53501cc31eda93e153ccc73fec5 GIT binary patch literal 2152 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 { if (t === 'title') { laberDiv.className = "laber_name"; laberDiv.innerHTML = `
-
设备名称:${text}
-
状态:启用
-
压力:50 Pa
+
名称:${text}
+
容积:80m³
+
温度:25.2℃
+
压力:15Bar
` //只显示详情 } else if (t === 'details') { @@ -490,28 +493,38 @@ const createLableObj = (text, t) => { // 巡检逻辑 } else { setTimeout(()=>{ - laberDiv.innerHTML = `
巡检中...
`; + laberDiv.innerHTML = `
+
+ + 巡检中 +
+
名称:${text}
+
容积:80m³
+
温度:25.2℃
+
压力:15Bar
+
` },1000) setTimeout(()=>{ laberDiv.className = "laber_state"; let innerHTML = t ? `
-
设备名称:${text}
-
- 巡检结果:巡检通过 +
-
-
- 巡检时间:2023-12-23 -
+ 巡检通过 +
+
名称:${text}
+
容积:80m³
+
温度:25.2℃
+
压力:15Bar
`: `
-
设备名称:${text}
-
- 巡检结果:巡检不通过,已记录异常 - -
-
- 巡检时间:2023-01-11 +
+ + 发现异常
+
名称:${text}
+
容积:80m³
+
温度:25.2℃
+
压力:15Bar
+
已记录
`; laberDiv.innerHTML = innerHTML; @@ -711,19 +724,15 @@ const checkComplete = () => { } } -.laber_name { - width: 120px; - height: 90px; - padding: 5px 10px; - white-space: nowrap; - background-color: #ffffffb3; - border-radius: 12px; - font-size: 12px; - display: flex; - flex-direction: column; - - span { - line-height: 24px; +.arrow_outer { + display: inline-block; + padding: 10px; + background: #999999; + color: #000; + padding: 15px; + border-radius: 5px; + >div { + line-height: 32px; } } @@ -742,13 +751,19 @@ const checkComplete = () => { .arrow_state { display: inline-block; - // width: 200px; - // height: 100px; padding: 10px; - background: #0dbc79; - color: #fff; + background: #68774f; + color: #000; padding: 15px; border-radius: 5px; + .title { + color: #81b337; + display: flex; + align-items: center; + span{ + margin-left:5px; + } + } >div { line-height: 32px; @@ -758,11 +773,41 @@ const checkComplete = () => { .arrow_state1 { display: inline-block; padding: 10px; - background: #e03528; - color: #fff; + background: #6e5053; + color: #000; padding: 15px; border-radius: 5px; - + .title { + color: #bd3124; + display: flex; + align-items: center; + span{ + margin-left:5px; + } + } + .ycdiv { + border: 1px solid #bd3124; + padding: 2px 5px; + } + >div { + line-height: 32px; + } +} +.arrow_state2 { + display: inline-block; + padding: 10px; + background: #999999; + color: #000; + padding: 15px; + border-radius: 5px; + .title { + color: #d79c55; + display: flex; + align-items: center; + span{ + margin-left:5px; + } + } >div { line-height: 32px; } @@ -802,38 +847,6 @@ const checkComplete = () => { } } } -.arrow_outer { - width: 100px; - display: flex; - flex-wrap: wrap; - justify-content: space-between; - align-items: center; - >div { - line-height: 24px; - } -} -.arrow_state { - display: inline-block; - width: 200px; - background: #2dfa82c4; - color: #fff; - padding: 15px; - border-radius: 5px; - >div { - line-height: 32px; - } -} -.arrow_state1 { - display: inline-block; - background: #e03528; - color: #fff; - padding: 15px; - border-radius: 5px; - - >div { - line-height: 32px; - } -} @keyframes textAnimation { 0% { transform: scale(1);