Browse Source

feat: pad背景图修改

珍珍 1 month ago
parent
commit
69df8ae853
62 changed files with 126 additions and 54 deletions
  1. 1 1
      dist/sgh5/index.html
  2. BIN
      dist/sgh5/static/css/chunk-090eff19.33957e44.css.gz
  3. 0 0
      dist/sgh5/static/css/chunk-1be83e5a.c42b1165.css
  4. 0 0
      dist/sgh5/static/css/chunk-1be83e5a.c42b1165.css.gz
  5. 1 1
      dist/sgh5/static/css/chunk-b8441c5e.ff315c32.css
  6. BIN
      dist/sgh5/static/css/chunk-2e0a88af.4a0e7e5f.css.gz
  7. 0 0
      dist/sgh5/static/css/chunk-4f85f2e2.d269295d.css
  8. 0 0
      dist/sgh5/static/css/chunk-6919b5fa.c371ac26.css
  9. 0 0
      dist/sgh5/static/css/chunk-6919b5fa.c371ac26.css.gz
  10. 0 0
      dist/sgh5/static/css/chunk-72e1d1ce.5a2aad26.css
  11. 1 1
      dist/sgh5/static/css/chunk-090eff19.33957e44.css
  12. BIN
      dist/sgh5/static/css/chunk-87c37bec.b5271468.css.gz
  13. 0 0
      dist/sgh5/static/css/chunk-a0b005b0.7cf97247.css
  14. 0 0
      dist/sgh5/static/css/chunk-a1ee0466.2fac2e52.css
  15. 0 0
      dist/sgh5/static/css/chunk-a1ee0466.2fac2e52.css.gz
  16. BIN
      dist/sgh5/static/css/chunk-b8441c5e.ff315c32.css.gz
  17. 1 0
      dist/sgh5/static/js/app.7398e54c.js
  18. BIN
      dist/sgh5/static/js/app.7398e54c.js.gz
  19. 0 1
      dist/sgh5/static/js/app.ee39b195.js
  20. BIN
      dist/sgh5/static/js/app.ee39b195.js.gz
  21. 0 1
      dist/sgh5/static/js/chunk-090eff19.59d452fa.js
  22. BIN
      dist/sgh5/static/js/chunk-090eff19.59d452fa.js.gz
  23. 0 1
      dist/sgh5/static/js/chunk-09f4d4ca.a7a8021d.js
  24. BIN
      dist/sgh5/static/js/chunk-09f4d4ca.a7a8021d.js.gz
  25. 0 1
      dist/sgh5/static/js/chunk-1632204a.ad9c1b64.js
  26. BIN
      dist/sgh5/static/js/chunk-1632204a.ad9c1b64.js.gz
  27. 1 0
      dist/sgh5/static/js/chunk-1be83e5a.d3bafa09.js
  28. BIN
      dist/sgh5/static/js/chunk-1be83e5a.d3bafa09.js.gz
  29. 2 11
      dist/sgh5/static/js/chunk-5f29ed8e.11f7d870.js
  30. BIN
      dist/sgh5/static/js/chunk-27676557.3e06b77e.js.gz
  31. 1 0
      dist/sgh5/static/js/chunk-2e0a88af.6e61b16a.js
  32. BIN
      dist/sgh5/static/js/chunk-2e0a88af.6e61b16a.js.gz
  33. BIN
      dist/sgh5/static/js/chunk-3268f3b9.58cec04e.js.gz
  34. 0 1
      dist/sgh5/static/js/chunk-36423236.5ab8b748.js
  35. BIN
      dist/sgh5/static/js/chunk-36423236.5ab8b748.js.gz
  36. 1 1
      dist/sgh5/static/js/chunk-cbb2f044.7903b537.js
  37. BIN
      dist/sgh5/static/js/chunk-4f85f2e2.9b088082.js.gz
  38. BIN
      dist/sgh5/static/js/chunk-5f29ed8e.11f7d870.js.gz
  39. 1 0
      dist/sgh5/static/js/chunk-6919b5fa.0a163d69.js
  40. BIN
      dist/sgh5/static/js/chunk-6919b5fa.0a163d69.js.gz
  41. 0 1
      dist/sgh5/static/js/chunk-6c149b5a.a4eaf64a.js
  42. 1 0
      dist/sgh5/static/js/chunk-72e1d1ce.f10de092.js
  43. BIN
      dist/sgh5/static/js/chunk-72e1d1ce.f10de092.js.gz
  44. 7 0
      dist/sgh5/static/js/chunk-87c37bec.aba32607.js
  45. BIN
      dist/sgh5/static/js/chunk-87c37bec.aba32607.js.gz
  46. 1 1
      dist/sgh5/static/js/chunk-d21cc4a0.3ffa314a.js
  47. BIN
      dist/sgh5/static/js/chunk-a0b005b0.8cd55ce2.js.gz
  48. 1 1
      dist/sgh5/static/js/chunk-3268f3b9.58cec04e.js
  49. BIN
      dist/sgh5/static/js/chunk-a1ee0466.0f7721ca.js.gz
  50. 0 1
      dist/sgh5/static/js/chunk-b8441c5e.8f94aa54.js
  51. BIN
      dist/sgh5/static/js/chunk-b8441c5e.8f94aa54.js.gz
  52. 10 0
      dist/sgh5/static/js/chunk-bb545e94.4bfcb9b8.js
  53. BIN
      dist/sgh5/static/js/chunk-bb545e94.4bfcb9b8.js.gz
  54. BIN
      dist/sgh5/static/js/chunk-cbb2f044.7903b537.js.gz
  55. BIN
      dist/sgh5/static/js/chunk-d21cc4a0.3ffa314a.js.gz
  56. 0 0
      dist/sgh5/static/js/chunk-vendors.61537750.js
  57. 0 0
      dist/sgh5/static/js/chunk-vendors.61537750.js.gz
  58. 1 1
      src/views/envmonitor/taiguv1/components/Air/index.vue
  59. 1 1
      src/views/envmonitor/taiguv1/components/Curtain/index.vue
  60. 2 2
      src/views/envmonitor/taiguv1/components/Lamp/index.vue
  61. 23 25
      src/views/envmonitor/taiguv1/components/Screen/index.vue
  62. 69 1
      src/views/envmonitor/taiguv1/index.vue

File diff suppressed because it is too large
+ 1 - 1
dist/sgh5/index.html


BIN
dist/sgh5/static/css/chunk-090eff19.33957e44.css.gz


dist/sgh5/static/css/chunk-09f4d4ca.c42b1165.css → dist/sgh5/static/css/chunk-1be83e5a.c42b1165.css


dist/sgh5/static/css/chunk-09f4d4ca.c42b1165.css.gz → dist/sgh5/static/css/chunk-1be83e5a.c42b1165.css.gz


File diff suppressed because it is too large
+ 1 - 1
dist/sgh5/static/css/chunk-b8441c5e.ff315c32.css


BIN
dist/sgh5/static/css/chunk-2e0a88af.4a0e7e5f.css.gz


dist/sgh5/static/css/chunk-cbb2f044.d269295d.css → dist/sgh5/static/css/chunk-4f85f2e2.d269295d.css


dist/sgh5/static/css/chunk-36423236.49a79655.css → dist/sgh5/static/css/chunk-6919b5fa.c371ac26.css


dist/sgh5/static/css/chunk-36423236.49a79655.css.gz → dist/sgh5/static/css/chunk-6919b5fa.c371ac26.css.gz


dist/sgh5/static/css/chunk-1632204a.5a2aad26.css → dist/sgh5/static/css/chunk-72e1d1ce.5a2aad26.css


File diff suppressed because it is too large
+ 1 - 1
dist/sgh5/static/css/chunk-090eff19.33957e44.css


BIN
dist/sgh5/static/css/chunk-87c37bec.b5271468.css.gz


dist/sgh5/static/css/chunk-d21cc4a0.7cf97247.css → dist/sgh5/static/css/chunk-a0b005b0.7cf97247.css


dist/sgh5/static/css/chunk-3268f3b9.2fac2e52.css → dist/sgh5/static/css/chunk-a1ee0466.2fac2e52.css


dist/sgh5/static/css/chunk-3268f3b9.2fac2e52.css.gz → dist/sgh5/static/css/chunk-a1ee0466.2fac2e52.css.gz


BIN
dist/sgh5/static/css/chunk-b8441c5e.ff315c32.css.gz


File diff suppressed because it is too large
+ 1 - 0
dist/sgh5/static/js/app.7398e54c.js


BIN
dist/sgh5/static/js/app.7398e54c.js.gz


File diff suppressed because it is too large
+ 0 - 1
dist/sgh5/static/js/app.ee39b195.js


BIN
dist/sgh5/static/js/app.ee39b195.js.gz


File diff suppressed because it is too large
+ 0 - 1
dist/sgh5/static/js/chunk-090eff19.59d452fa.js


BIN
dist/sgh5/static/js/chunk-090eff19.59d452fa.js.gz


File diff suppressed because it is too large
+ 0 - 1
dist/sgh5/static/js/chunk-09f4d4ca.a7a8021d.js


BIN
dist/sgh5/static/js/chunk-09f4d4ca.a7a8021d.js.gz


File diff suppressed because it is too large
+ 0 - 1
dist/sgh5/static/js/chunk-1632204a.ad9c1b64.js


BIN
dist/sgh5/static/js/chunk-1632204a.ad9c1b64.js.gz


File diff suppressed because it is too large
+ 1 - 0
dist/sgh5/static/js/chunk-1be83e5a.d3bafa09.js


BIN
dist/sgh5/static/js/chunk-1be83e5a.d3bafa09.js.gz


File diff suppressed because it is too large
+ 2 - 11
dist/sgh5/static/js/chunk-5f29ed8e.11f7d870.js


BIN
dist/sgh5/static/js/chunk-27676557.3e06b77e.js.gz


File diff suppressed because it is too large
+ 1 - 0
dist/sgh5/static/js/chunk-2e0a88af.6e61b16a.js


BIN
dist/sgh5/static/js/chunk-2e0a88af.6e61b16a.js.gz


BIN
dist/sgh5/static/js/chunk-3268f3b9.58cec04e.js.gz


File diff suppressed because it is too large
+ 0 - 1
dist/sgh5/static/js/chunk-36423236.5ab8b748.js


BIN
dist/sgh5/static/js/chunk-36423236.5ab8b748.js.gz


File diff suppressed because it is too large
+ 1 - 1
dist/sgh5/static/js/chunk-cbb2f044.7903b537.js


BIN
dist/sgh5/static/js/chunk-4f85f2e2.9b088082.js.gz


BIN
dist/sgh5/static/js/chunk-5f29ed8e.11f7d870.js.gz


File diff suppressed because it is too large
+ 1 - 0
dist/sgh5/static/js/chunk-6919b5fa.0a163d69.js


BIN
dist/sgh5/static/js/chunk-6919b5fa.0a163d69.js.gz


File diff suppressed because it is too large
+ 0 - 1
dist/sgh5/static/js/chunk-6c149b5a.a4eaf64a.js


File diff suppressed because it is too large
+ 1 - 0
dist/sgh5/static/js/chunk-72e1d1ce.f10de092.js


BIN
dist/sgh5/static/js/chunk-72e1d1ce.f10de092.js.gz


File diff suppressed because it is too large
+ 7 - 0
dist/sgh5/static/js/chunk-87c37bec.aba32607.js


BIN
dist/sgh5/static/js/chunk-87c37bec.aba32607.js.gz


File diff suppressed because it is too large
+ 1 - 1
dist/sgh5/static/js/chunk-d21cc4a0.3ffa314a.js


BIN
dist/sgh5/static/js/chunk-a0b005b0.8cd55ce2.js.gz


File diff suppressed because it is too large
+ 1 - 1
dist/sgh5/static/js/chunk-3268f3b9.58cec04e.js


BIN
dist/sgh5/static/js/chunk-a1ee0466.0f7721ca.js.gz


File diff suppressed because it is too large
+ 0 - 1
dist/sgh5/static/js/chunk-b8441c5e.8f94aa54.js


BIN
dist/sgh5/static/js/chunk-b8441c5e.8f94aa54.js.gz


File diff suppressed because it is too large
+ 10 - 0
dist/sgh5/static/js/chunk-bb545e94.4bfcb9b8.js


BIN
dist/sgh5/static/js/chunk-bb545e94.4bfcb9b8.js.gz


BIN
dist/sgh5/static/js/chunk-cbb2f044.7903b537.js.gz


BIN
dist/sgh5/static/js/chunk-d21cc4a0.3ffa314a.js.gz


dist/sgh5/static/js/chunk-vendors.505eafcd.js → dist/sgh5/static/js/chunk-vendors.61537750.js


dist/sgh5/static/js/chunk-vendors.505eafcd.js.gz → dist/sgh5/static/js/chunk-vendors.61537750.js.gz


+ 1 - 1
src/views/envmonitor/taiguv1/components/Air/index.vue

@@ -20,7 +20,7 @@
       <div class="air-info">
         <div class="left">
           <div class="text">空调</div>
-          <div class="status">已关闭</div>
+          <div class="status">{{ isOpen ? "已开启" : "已关闭" }}</div>
         </div>
         <div class="temp" v-if="isOpen">
           26

+ 1 - 1
src/views/envmonitor/taiguv1/components/Curtain/index.vue

@@ -13,7 +13,7 @@
     </div>
     <div class="bottom">
       <div class="text">窗帘</div>
-      <div class="status">已关闭</div>
+      <div class="status">{{ isOpen ? "已开启" : "已关闭" }}</div>
     </div>
   </div>
 </template>

+ 2 - 2
src/views/envmonitor/taiguv1/components/Lamp/index.vue

@@ -10,8 +10,8 @@
       </div>
     </div>
     <div class="bottom">
-      <div class="text">音量</div>
-      <div class="status">已关闭</div>
+      <div class="text">光照</div>
+      <div class="status">{{ isOpen ? "已开启" : "已关闭" }}</div>
       <div class="right" @click="searchMore">
         <img
           :src="

+ 23 - 25
src/views/envmonitor/taiguv1/components/Screen/index.vue

@@ -1,29 +1,27 @@
 <template>
-  <div class="screen-box" :class="modeType == 2 ? 'active' : ''">
+  <div class="screen-box active">
     <div class="top">
-      <img
-        :src="
-          parseImgUrl(
-            'taiguv1/envmonitor',
-            modeType == 2 ? 'active/screen_cast.svg' : 'screen_cast.svg'
-          )
-        "
-        alt=""
-      />
+      <img :src="parseImgUrl('taiguv1/envmonitor', 'active/screen_cast.svg')" alt="" />
       <div class="top-right">
         <div class="title">投屏</div>
         <div class="status">关闭</div>
       </div>
     </div>
     <div class="bottom">
-      <div class="btn">有线投屏</div>
-      <div class="btn">无线投屏</div>
-      <div class="btn">Team Room</div>
+      <div class="btn" :class="type == 1 ? 'btn-active' : ''" @click="checkMode(1)">
+        有线投屏
+      </div>
+      <div class="btn" :class="type == 2 ? 'btn-active' : ''" @click="checkMode(2)">
+        无线投屏
+      </div>
+      <div class="btn" :class="type == 3 ? 'btn-active' : ''" @click="checkMode(3)">
+        Team Room
+      </div>
     </div>
   </div>
 </template>
 
-<script lang="ts">
+<script>
 import {
   defineComponent,
   onMounted,
@@ -37,7 +35,6 @@ import {
 } from "vue";
 import { Switch, Dialog, Loading, Toast } from "vant";
 import { parseImgUrl } from "@/utils";
-import any = jasmine.any;
 
 export default defineComponent({
   components: {
@@ -54,6 +51,10 @@ export default defineComponent({
   setup(props, contx) {
     const proxyData = reactive({
       parseImgUrl: parseImgUrl,
+      type: 1,
+      checkMode(type) {
+        proxyData.type = type;
+      },
     });
     onBeforeUnmount(() => {});
     onMounted(() => {});
@@ -111,16 +112,19 @@ export default defineComponent({
       width: 128px;
       border-radius: 60px;
       height: 40px;
-      background: rgba(255, 255, 255, 0.2);
-      backdrop-filter: blur(20px);
       text-align: center;
-      //styleName: Chi/Body Small;
       font-family: PingFang SC;
       font-size: 12px;
       line-height: 40px;
       font-weight: 400;
       letter-spacing: 0.02em;
-      color: rgba(255, 255, 255, 0.6);
+      color: rgba(116, 128, 141, 1);
+      background: rgba(255, 255, 255, 0.4);
+    }
+    .btn-active {
+      background: rgba(255, 255, 255, 0.8);
+      color: rgba(0, 20, 40, 1);
+      backdrop-filter: blur(20px);
     }
   }
 }
@@ -138,11 +142,5 @@ export default defineComponent({
       }
     }
   }
-  .bottom {
-    .btn {
-      background: rgba(255, 255, 255, 0.8);
-      color: rgba(0, 20, 40, 1);
-    }
-  }
 }
 </style>

+ 69 - 1
src/views/envmonitor/taiguv1/index.vue

@@ -21,6 +21,16 @@
         <div class="name">{{ roomInfo.name }}</div>
         <div class="location">{{ roomInfo.location }}</div>
       </div>
+      <div class="language-box">
+        <div
+          class="language-item"
+          :class="type == item.type ? 'l-active' : ''"
+          @click="checkLanage(item)"
+          v-for="item in lanageArr"
+        >
+          {{ item.text }}
+        </div>
+      </div>
       <div class="mode-box">
         <div class="item" :class="modeType == 1 ? 'active' : ''" @click="checkModel(1)">
           <img
@@ -175,6 +185,21 @@ export default defineComponent({
   setup() {
     const proxyData = reactive({
       parseImgUrl: parseImgUrl,
+      type: "zh",
+      lanageArr: [
+        {
+          type: "zh",
+          text: "中",
+        },
+        {
+          type: "en",
+          text: "EN",
+        },
+      ],
+      checkLanage(item) {
+        proxyData.type = item.type;
+        console.log("被点击了");
+      },
       boxLine: require("@/assets/taiguv1/svg/box_line.png"),
       roomData: [
         {
@@ -347,6 +372,41 @@ export default defineComponent({
       margin-top: 15px;
     }
   }
+  .language-box {
+    position: absolute;
+    z-index: 9;
+    top: 4.67vh;
+    right: 20px;
+    box-sizing: border-box;
+    padding: 2px;
+    width: 68px;
+    height: 28px;
+    border-radius: 60px;
+    backdrop-filter: blur(40px);
+    background: rgba(255, 255, 255, 0.2);
+    .language-item {
+      display: inline-block;
+      vertical-align: middle;
+      font-family: PingFang SC;
+      font-size: 11px;
+      font-weight: 400;
+      line-height: 15px;
+      text-align: center;
+      color: rgba(255, 255, 255, 0.6);
+      width: 50%;
+      height: 100%;
+      line-height: 24px;
+      text-align: center;
+      &:nth-child(2) {
+        font-family: Jost;
+      }
+    }
+    .l-active {
+      border-radius: 60px;
+      color: rgba(0, 20, 40, 1);
+      background: rgba(255, 255, 255, 1);
+    }
+  }
   .env-box {
     position: absolute;
     box-sizing: border-box;
@@ -496,7 +556,15 @@ export default defineComponent({
   border-radius: 24px 0px 0px 24px;
   backdrop-filter: blur(30px);
   background: rgba(255, 255, 255, 0.8);
-  backdrop-filter: blur(30px);
   padding: 40px 90px;
 }
 </style>
+<style scoped>
+.van-overlay {
+  background: linear-gradient(
+    113.73deg,
+    rgba(37, 21, 8, 0.4) 17.26%,
+    rgba(37, 21, 8, 0.8) 55.71%
+  );
+}
+</style>