fix:

.env.production

@@ -8,7 +8,7 @@ port = 7777
 ENV = 'production'
 
 # 银洞桐柏自动化/生产环境
-VUE_APP_BASE_API = '/dev-api'
+VUE_APP_BASE_API = '/prod-api'
 
 # 生产环境的后端接口地址
-VUE_APP_API_TARGET =  http://192.168.2.14:9091
\ No newline at end of file
+VUE_APP_API_TARGET =  http://192.168.2.156:9091
\ No newline at end of file

src/views/Screen/index.vue

@@ -4,24 +4,24 @@
       v-if="showMenu === 0"
       style="position: absolute; top: 0; left: 0; right: 0; bottom: 0"
     ></home>
-    <!-- <psxt
+    <psxt
       v-if="showMenu === 3"
       style="position: absolute; top: 0; left: 0; right: 0; bottom: 0"
-    ></psxt> -->
+    ></psxt>
     
     <v-scale-screen
       ref="scale-screen"
-      width="10390"
-      height="3117"
-      :fullScreen="false"
+      width="1920"
+      height="1080"
+      :fullScreen="true"
     >
-    <!-- <dlxt
+    <dlxt
       v-if="showMenu === 6"
       style="position: absolute; top: 0; left: 0; right: 0; bottom: 0"
-    ></dlxt> -->
-      <div class="container" :class="showMenu===0?'container0':''">
+    ></dlxt>
+      <div class="container">
         <!-- 头部 -->
-        <div class="header por">银洞坡金矿智能化综合管控平台</div>
+        <div class="header por"></div>
         <div class="sub-header">
           <div class="sub-header-left">
             <div
@@ -63,8 +63,8 @@
           </div>
         </div>
 
-        <!-- <rydw v-if="showMenu === 1" style="pointer-events: auto"></rydw>
-        <hjjc v-if="showMenu === 2" style="pointer-events: auto"></hjjc> -->
+        <rydw v-if="showMenu === 1" style="pointer-events: auto"></rydw>
+        <hjjc v-if="showMenu === 2" style="pointer-events: auto"></hjjc>
 
         <!-- 底部 -->
         <!-- <div class="footer">
@@ -119,7 +119,9 @@ export default {
     changeMenu(val) {
       this.showMenu = val;
     },
-    
+    sysAnalysis(){
+
+    },
     goToSys() {
       var link = this.$router.resolve({
         path: "/",
@@ -131,9 +133,6 @@ export default {
       window.open(this.videoData);
       return;
     },
-    sysAnalysis(){
-
-    },
   },
 };
 </script>
@@ -162,65 +161,33 @@ export default {
 .container {
   width: 100%;
   height: 100%;
-  background: url("~@/assets/images/bigscreen/bg.png");
+  background: url("~@/assets/images/screen/bg.png");
   background-repeat: no-repeat;
   background-position: center;
   background-size: 100% 100%;
   display: flex;
   flex-direction: column;
-  padding: 0 240px;
+  padding: 0 20px;
   // background-color: #08152a;
   position: relative;
   font-family: "SimHei";
   pointer-events: none;
   color: #fff;
 }
-.container0{
-  background: url("~@/assets/images/bigscreen/border.png");
-  background-repeat: no-repeat;
-  background-position: center;
-  background-size: 100% 100%;
-}
 /* 头部标题 */
 .header {
-  // height: 80px;
-  text-align: center;
-  // margin-bottom: 20px;
-  // background: linear-gradient(90deg, rgba(0,72,143,0.8) 0%, rgba(0,36,71,0.6) 100%);
-
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  // font-size: 2.5vw;
-  letter-spacing: 2px;
-
-  font-family: SimHei;
-  // font-weight: 500;
-  font-size: 120px;
-  font-weight: bold;
-  color: #ffffff;
-  line-height: 240px;
-  background: -webkit-gradient(
-    linear,
-    left top,
-    left bottom,
-    from(#ffffff),
-    color-stop(39.7216796875%, #f3f7fa),
-    to(#03a9ff)
-  );
-  background: linear-gradient(
-    180deg,
-    #ffffff 0%,
-    #f3f7fa 39.7216796875%,
-    #03a9ff 100%
-  );
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
+  width: 590px;
+  height: 80px;
+  
+  background: url("~@/assets/images/screen/tit.png") no-repeat center;
+    background-size: 100%;
+  margin: 0 auto;
+  
 }
 .sub-header {
   display: flex;
   justify-content: space-between;
-  padding: 0 60px;
+  padding: 0 30px;
   // transform-style: preserve-3d;
   perspective: 1000px;
   // transform: translateZ(-10px);
@@ -230,28 +197,28 @@ export default {
 .sub-header-right {
   display: flex;
   justify-content: space-between;
-  width: 2000px;
-  margin-top: -150px;
+  width: 494px;
+  margin-top: -30px;
 
   .sub-item {
-    width: 484px;
+    width: 134px;
     height: auto;
-    background: url("~@/assets/images/bigscreen/button_normal.png") no-repeat center;
+    background: url("~@/assets/images/screen/normal.png") no-repeat center;
     background-size: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     cursor: pointer;
     &.active {
-      background: url("~@/assets/images/bigscreen/button_click.png") no-repeat center;
+      background: url("~@/assets/images/screen/click.png") no-repeat center;
       background-size: 100%;
     }
     p {
       font-family: Source Han Sans SC;
       font-weight: bold;
-      font-size: 68px;
+      font-size: 19px;
       color: #ffffff;
-      line-height: 167px;
+      line-height: 55px;
       background: linear-gradient(
         180deg,
         #ffffff 0%,
@@ -260,72 +227,73 @@ export default {
       );
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
-      padding-bottom: 20px;
+      padding-bottom: 4px;
     }
   }
 }
 .sub-header-left {
-  transform: rotateZ(2deg);
+  transform: rotateZ(4deg);
 }
 .sub-header-right {
-  transform: rotateZ(-2deg);
+  transform: rotateZ(-4deg);
 }
 .top-change {
-  width: 1967px;
-  height: 300px;
-  background: url("~@/assets/images/bigscreen/top_bg.png") no-repeat center;
-  margin: -130px auto 0;
+  width: 425px;
+  height: 44px;
+  background: url("~@/assets/images/screen/top_bg.png") no-repeat center;
+  margin: 20px auto 0;
   display: flex;
   justify-content: space-evenly;
   align-items: center;
-  font-size: 56px;
+  font-size: 16px;
   color: #11e0ff;
   span {
     cursor: pointer;
     text-indent: 1em;
     position: relative;
-    margin-top: 130px;
-    display: block;
   }
   span:nth-child(1)::after {
     content: "";
-    width: 46px;
-    height: 46px;
+    width: 17px;
+    height: 17px;
     position: absolute;
     background: url("~@/assets/images/bigscreen/icon1.png") no-repeat center;
     background-size: 100%;
     left: -4px;
-    top: 10px;
+    top: 0px;
     z-index: 20;
   }
   span:nth-child(2)::after {
     content: "";
-    width: 46px;
-    height: 46px;
+    width: 17px;
+    height: 17px;
     position: absolute;
     background: url("~@/assets/images/bigscreen/icon2.png") no-repeat center;
+    background-size: 100%;
     left: -4px;
-    top: 10px;
+    top: 2px;
     z-index: 20;
   }
   span:nth-child(3)::after {
     content: "";
-    width: 46px;
-    height: 46px;
+    width: 17px;
+    height: 17px;
     position: absolute;
     background: url("~@/assets/images/bigscreen/icon3.png") no-repeat center;
+    background-size: 100%;
     left: -4px;
-    top: 10px;
+    top: 0px;
     z-index: 20;
   }
   span:nth-child(4)::after {
     content: "";
-    width: 46px;
-    height: 46px;
+    width: 17px;
+    height: 17px;
     position: absolute;
     background: url("~@/assets/images/bigscreen/icon4.png") no-repeat center;
+    background-size: 100%;
     left: -4px;
-    top: 10px;
+    top: 0px;
     z-index: 20;
   }
 }

src/views/Screen/index1920.vue → src/views/Screen/index1W.vue

@@ -4,22 +4,22 @@
       v-if="showMenu === 0"
       style="position: absolute; top: 0; left: 0; right: 0; bottom: 0"
     ></home>
-    <psxt
+    <!-- <psxt
       v-if="showMenu === 3"
       style="position: absolute; top: 0; left: 0; right: 0; bottom: 0"
-    ></psxt>
+    ></psxt> -->
     
     <v-scale-screen
       ref="scale-screen"
-      width="1920"
-      height="1080"
-      :fullScreen="true"
+      width="10390"
+      height="3117"
+      :fullScreen="false"
     >
-    <dlxt
+    <!-- <dlxt
       v-if="showMenu === 6"
       style="position: absolute; top: 0; left: 0; right: 0; bottom: 0"
-    ></dlxt>
-      <div class="container">
+    ></dlxt> -->
+      <div class="container" :class="showMenu===0?'container0':''">
         <!-- 头部 -->
         <div class="header por">银洞坡金矿智能化综合管控平台</div>
         <div class="sub-header">
@@ -52,6 +52,7 @@
             <div class="top-change">
               <span @click="changeMenu(0)">首页</span>
               <span @click="openVideo">企业宣传</span>
+              <span @click="sysAnalysis">系统分析</span>
               <span @click="goToSys">后台管理</span>
             </div>
           </div>
@@ -62,8 +63,8 @@
           </div>
         </div>
 
-        <rydw v-if="showMenu === 1" style="pointer-events: auto"></rydw>
-        <hjjc v-if="showMenu === 2" style="pointer-events: auto"></hjjc>
+        <!-- <rydw v-if="showMenu === 1" style="pointer-events: auto"></rydw>
+        <hjjc v-if="showMenu === 2" style="pointer-events: auto"></hjjc> -->
 
         <!-- 底部 -->
         <!-- <div class="footer">
@@ -130,6 +131,9 @@ export default {
       window.open(this.videoData);
       return;
     },
+    sysAnalysis(){
+
+    },
   },
 };
 </script>
@@ -158,19 +162,25 @@ export default {
 .container {
   width: 100%;
   height: 100%;
-  background: url("~@/assets/images/screen/bg.png");
+  background: url("~@/assets/images/bigscreen/bg.png");
   background-repeat: no-repeat;
   background-position: center;
   background-size: 100% 100%;
   display: flex;
   flex-direction: column;
-  padding: 0 20px;
+  padding: 0 240px;
   // background-color: #08152a;
   position: relative;
   font-family: "SimHei";
   pointer-events: none;
   color: #fff;
 }
+.container0{
+  background: url("~@/assets/images/bigscreen/border.png");
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 100% 100%;
+}
 /* 头部标题 */
 .header {
   // height: 80px;
@@ -186,10 +196,10 @@ export default {
 
   font-family: SimHei;
   // font-weight: 500;
-  font-size: 38px;
+  font-size: 120px;
   font-weight: bold;
   color: #ffffff;
-  line-height: 55px;
+  line-height: 240px;
   background: -webkit-gradient(
     linear,
     left top,
@@ -206,12 +216,11 @@ export default {
   );
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
-  line-height: 70px;
 }
 .sub-header {
   display: flex;
   justify-content: space-between;
-  padding: 0 30px;
+  padding: 0 60px;
   // transform-style: preserve-3d;
   perspective: 1000px;
   // transform: translateZ(-10px);
@@ -221,28 +230,28 @@ export default {
 .sub-header-right {
   display: flex;
   justify-content: space-between;
-  width: 494px;
-  margin-top: -30px;
+  width: 2000px;
+  margin-top: -150px;
 
   .sub-item {
-    width: 134px;
+    width: 484px;
     height: auto;
-    background: url("~@/assets/images/screen/normal.png") no-repeat center;
+    background: url("~@/assets/images/bigscreen/button_normal.png") no-repeat center;
     background-size: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     cursor: pointer;
     &.active {
-      background: url("~@/assets/images/screen/click.png") no-repeat center;
+      background: url("~@/assets/images/bigscreen/button_click.png") no-repeat center;
       background-size: 100%;
     }
     p {
       font-family: Source Han Sans SC;
       font-weight: bold;
-      font-size: 19px;
+      font-size: 68px;
       color: #ffffff;
-      line-height: 55px;
+      line-height: 167px;
       background: linear-gradient(
         180deg,
         #ffffff 0%,
@@ -251,59 +260,72 @@ export default {
       );
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
-      padding-bottom: 4px;
+      padding-bottom: 20px;
     }
   }
 }
 .sub-header-left {
-  transform: rotateZ(4deg);
+  transform: rotateZ(2deg);
 }
 .sub-header-right {
-  transform: rotateZ(-4deg);
+  transform: rotateZ(-2deg);
 }
 .top-change {
-  width: 425px;
-  height: 44px;
-  background: url("~@/assets/images/screen/top_bg.png") no-repeat center;
-  margin: 20px auto 0;
+  width: 1967px;
+  height: 300px;
+  background: url("~@/assets/images/bigscreen/top_bg.png") no-repeat center;
+  margin: -130px auto 0;
   display: flex;
   justify-content: space-evenly;
   align-items: center;
-  font-size: 16px;
+  font-size: 56px;
   color: #11e0ff;
   span {
     cursor: pointer;
     text-indent: 1em;
     position: relative;
+    margin-top: 130px;
+    display: block;
   }
   span:nth-child(1)::after {
     content: "";
-    width: 17px;
-    height: 17px;
+    width: 46px;
+    height: 46px;
     position: absolute;
-    background: url("~@/assets/images/screen/icon7.png") no-repeat center;
+    background: url("~@/assets/images/bigscreen/icon1.png") no-repeat center;
+    background-size: 100%;
     left: -4px;
-    top: 0px;
+    top: 10px;
     z-index: 20;
   }
   span:nth-child(2)::after {
     content: "";
-    width: 17px;
-    height: 17px;
+    width: 46px;
+    height: 46px;
     position: absolute;
-    background: url("~@/assets/images/screen/icon6.png") no-repeat center;
+    background: url("~@/assets/images/bigscreen/icon2.png") no-repeat center;
     left: -4px;
-    top: 2px;
+    top: 10px;
     z-index: 20;
   }
   span:nth-child(3)::after {
     content: "";
-    width: 17px;
-    height: 17px;
+    width: 46px;
+    height: 46px;
+    position: absolute;
+    background: url("~@/assets/images/bigscreen/icon3.png") no-repeat center;
+    left: -4px;
+    top: 10px;
+    z-index: 20;
+  }
+  span:nth-child(4)::after {
+    content: "";
+    width: 46px;
+    height: 46px;
     position: absolute;
-    background: url("~@/assets/images/screen/icon8.png") no-repeat center;
+    background: url("~@/assets/images/bigscreen/icon4.png") no-repeat center;
     left: -4px;
-    top: 0px;
+    top: 10px;
     z-index: 20;
   }
 }

src/views/Screen/items/home.vue

@@ -12,36 +12,36 @@ export default {
       tileset: null, // 存储加载的3D Tileset
       markerList: [
         {
-          longitude: 113.43095267132009, // 经度 (示例值，请替换为实际值)
-          latitude: 32.54745665190039,   // 纬度 (示例值，请替换为实际值)
-          height: 70,          // 高度 (米)
+          longitude: 113.43095267132009, 
+          latitude: 32.54745665190039,   
+          height: 70,
           des: {
             name: '指挥中心',
             height: 300
           }
         },
         {
-          longitude: 113.42852104976393, // 经度 (示例值，请替换为实际值)
-          latitude: 32.54756929901858,    // 纬度 (示例值，请替换为实际值)
-          height: 35,           // 高度 (米)
+          longitude: 113.42852104976393, 
+          latitude: 32.54756929901858,    
+          height: 35, 
           des: {
             name: '交电所',
             height: 100
           }
         },
         {
-          longitude: 113.42927005190415, // 经度 (示例值，请替换为实际值)
-          latitude: 32.5467314676447,   // 纬度 (示例值，请替换为实际值)
-          height: 40,          // 高度 (米)
+          longitude: 113.42927005190415, 
+          latitude: 32.5467314676447,   
+          height: 40,
           des: {
             name: '西矿厂',
             height: 300
           }
         },
         {
-          longitude: 113.43050560273339, // 经度 (示例值，请替换为实际值)
-          latitude: 32.544308886167876,   // 纬度 (示例值，请替换为实际值)
-          height: 40,          // 高度 (米)
+          longitude: 113.43050560273339, 
+          latitude: 32.544308886167876,   
+          height: 40,
           des: {
             name: '办公楼',
             height: 300

src/views/Screen/items/rydw.vue

 <template>
     <!-- 主体内容 -->
-    <div class="main-content">
+  <div class="main-content">
       <!-- 左侧 -->
       <div class="sidebar sidebar-left">
           <div class="sidebar-item">
@@ -227,22 +227,22 @@ export default {
       ],
 
       stationPositions: {
-        1: { left: '84px', top: '240px' },
-        2: { left: '352px', top: '290px' },
+        1: { left: '84px', top: '206px' },
+        2: { left: '480px', top: '230px' },
         4: { left: '84px', top: '342px' },
         5: { left: '148px', top: '360px' },
         6: { left: '194px', top: '362px' },
         7: { left: '84px', top: '440px' },
         8: { left: '200px', top: '470px' },
-        9: { left: '820px', top: '114px' },//东风井井口
+        9: { left: '816px', top: '70px' },//东风井井口
         10: { left: '136px', top: '672px' },
         11: { left: '84px', top: '540px' },
         12: { left: '84px', top: '650px' },
-        13: { left: '152px', top: '260px' },
-        14: { left: '74px', top: '128px' },//小高尖井口
-        15: { left: '232px', top: '292px' },
-        16: { left: '554px', top: '280px' },
-        17: { left: '690px', top: '84px' },
+        13: { left: '152px', top: '212px' },
+        14: { left: '74px', top: '88px' },//小高尖井口
+        15: { left: '342px', top: '230px' },
+        16: { left: '640px', top: '220px' },
+        17: { left: '730px', top: '20px' },
         18: { left: '265px', top: '377px' },
         19: { left: '200px', top: '400px' },
         20: { left: '534px', top: '390px' },
@@ -253,7 +253,7 @@ export default {
         25: { left: '580px', top: '500px' },
         26: { left: '350px', top: '616px' },
         27: { left: '252px', top: '590px' },
-        28: { left: '700px', top: '254px' },
+        28: { left: '766px', top: '206px' },
       }
     };
   },
@@ -689,7 +689,7 @@ export default {
         width: 144px;
         height: 178px;
         background: url("~@/assets/images/screen/icon1.png") no-repeat center;
-        
+        background-size: contain;
         p{
           font-size: 18px;
           color: #FFFFFF;
@@ -757,6 +757,7 @@ export default {
 .main-area {
   width: calc(100% - 920px);
   background: url("~@/assets/images/screen/bg3.png") no-repeat center;
+  background-size: 100%;
   text-align: center;
 }