打包样式修改

config/index.js

@@ -14,6 +14,7 @@ module.exports = {
 
         // Various Dev Server settings
         host: '127.0.0.1', // can be overwritten by process.env.HOST
+        // host: '192.168.100.252', // can be overwritten by process.env.HOST
         port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
         autoOpenBrowser: false,
         errorOverlay: true,

src/components/Cockpit/smCockpit.scss

@@ -1,10 +1,10 @@
-#cesiumContainer {
-    width: 100%;
-    height: 100%;
-    margin: 0;
-    padding: 0;
-    overflow: hidden;
-}
+// #cesiumContainer {
+//     width: 100%;
+//     height: 100%;
+//     margin: 0;
+//     padding: 0;
+//     overflow: hidden;
+// }
 
 .cesium-viewer-timelineContainer {
     position: absolute;

src/views/cockpitNew/gdbh.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="gdbh">
-        <div class="box">
+        <div class="box_gdbh">
             <div class="title">耕地保护</div>
             <div class="centent">
                 <div class="item">
@@ -130,12 +130,7 @@ export default {
             // totalRatio[0].value += 100 - totalPercent
             let option = {
                 backgroundColor: 'rgba(1,1,1,0)',
-                // grid: {
-                //     left: '50%',
-                //     // right: '6%',
-                //     // bottom: '15%',
-                //     // top: '10%',
-                // },
+
                 title: {
                     show: true,
                     // text: sum
@@ -337,79 +332,80 @@ export default {
     top: 20px;
     display: -ms-flexbox;
     display: flex;
-}
 
-.box {
-    font-family: 'Arial Normal', 'Arial';
-    font-weight: 400;
-    font-style: normal;
-    font-size: 13px;
-    letter-spacing: normal;
-    color: #333333;
-    text-align: center;
-    line-height: normal;
-    text-transform: none;
-    border-width: 0px;
-    position: absolute;
-    left: 0px;
-    top: 0px;
-    width: 535px;
-    height: 260px;
-    background: inherit;
-    background-color: rgba(3, 25, 67, 0.698039215686274);
-    border: none;
-    border-radius: 0px;
-    -webkit-box-shadow: none;
-    box-shadow: none;
-}
+    .box_gdbh {
+        font-family: 'Arial Normal', 'Arial';
+        font-weight: 400;
+        font-style: normal;
+        font-size: 13px;
+        letter-spacing: normal;
+        color: #333333;
+        text-align: center;
+        line-height: normal;
+        text-transform: none;
+        border-width: 0px;
+        position: absolute;
+        left: 0px;
+        top: 0px;
+        width: 535px;
+        height: 260px;
+        background: inherit;
+        background-color: rgba(3, 25, 67, 0.698039215686274);
+        border: none;
+        border-radius: 0px;
+        -webkit-box-shadow: none;
+        box-shadow: none;
 
-.title {
-    border-width: 0px;
-    width: 100%;
-    height: 40px;
-    font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
-    font-weight: 700;
-    font-style: normal;
-    color: #00FFFF;
-    padding: 2%;
-    text-align: justify;
-}
+        .title {
+            border-width: 0px;
+            width: 100%;
+            height: 40px;
+            font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
+            font-weight: 700;
+            font-style: normal;
+            color: #00FFFF;
+            padding: 2%;
+            text-align: justify;
+        }
 
-#gdbh_echart {
-    width: 280px;
-    height: 230px;
-    position: relative;
-    left: 54%;
-    top: -75%;
-}
+        #gdbh_echart {
+            width: 280px;
+            height: 230px;
 
-.centent {
-    // border: #00FFFF 1px solid;
-    width: 280px;
-    height: 185px;
-    position: relative;
-    left: 6%;
-}
+            position: relative;
+            left: 54%;
+            top: -75%;
+        }
 
-.item {
-    // border: #00FFFF 1px solid;
-    height: 40%;
-    margin-bottom: 10%;
-    background-color: #283f6d;
-    text-align: left;
-    padding-left: 7%;
-    padding-top: 4%;
+        .centent {
+            // border: #00FFFF 1px solid;
+            width: 280px;
+            height: 185px;
+            position: relative;
+            left: 6%;
 
-    p {
-        font-size: 14px;
-        color: #fff;
-        margin-bottom: 4%;
-    }
+            .item {
+                // border: #00FFFF 1px solid;
+                height: 40%;
+                margin-bottom: 10%;
+                background-color: #283f6d;
+                text-align: left;
+                padding-left: 7%;
+                padding-top: 4%;
 
-    span {
-        color: #00FFFF;
-        font-weight: 1000;
+                p {
+                    font-size: 14px;
+                    color: #fff;
+                    margin-bottom: 4%;
+                }
 
+                span {
+                    color: #00FFFF;
+                    font-weight: 1000;
+
+                }
+            }
+        }
     }
 }
 </style>

src/views/cockpitNew/tdsy.vue

@@ -1,13 +1,13 @@
 <template>
     <div class="tdsy">
-        <div class="box">
+        <div class="box1">
             <div class="title">
                 土地供应
                 <div class="buttons">
-                    <div class="stateOwnedButton tdgyButton">
+                    <div class="stateOwnedButton tdgyButton" @click="switchStateOwnedButton">
                         国有建设用地
                     </div>
-                    <div class="stateOwnedButton tdgyButton">
+                    <div class="stateOwnedButton tdgyButton" @click="switchStateOwnedButton">
                         集体经营性土地
                     </div>
                 </div>
@@ -696,35 +696,38 @@ export default {
     left: 555px;
     top: 68%;
     display: flex;
-}
 
-.box {
-    border-width: 0px;
-    position: absolute;
-    left: 0px;
-    top: 0px;
-    width: 800px;
-    height: 260px;
-    background: inherit;
-    background-color: rgba(3, 25, 67, 0.698039215686274);
-    border: none;
-    border-radius: 0px;
-    -moz-box-shadow: none;
-    -webkit-box-shadow: none;
-    box-shadow: none;
+    .box1 {
+        border-width: 0px;
+        position: absolute;
+        left: 0px;
+        top: 0px;
+        width: 800px;
+        height: 260px;
+        background: inherit;
+        background-color: rgba(3, 25, 67, 0.698039215686274);
+        border: none;
+        border-radius: 0px;
+        -moz-box-shadow: none;
+        -webkit-box-shadow: none;
+        box-shadow: none;
+
+
+
+        .title {
+            border-width: 0px;
+            width: 100%;
+            height: 40px;
+            font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
+            font-weight: 700;
+            font-style: normal;
+            color: #00FFFF;
+            padding: 2%;
+        }
+    }
 }
 
 
-.title {
-    border-width: 0px;
-    width: 100%;
-    height: 40px;
-    font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
-    font-weight: 700;
-    font-style: normal;
-    color: #00FFFF;
-    padding: 2%;
-}
 
 .content {
     // border: #00FFFF 1px solid;

src/views/cockpitNew/wpjg.vue

@@ -32,7 +32,8 @@ export default {
     deactivated() { } //若组件实例是 <KeepAlive> 缓存树的一部分，当组件从 DOM 中被移除时调用。
 };
 </script>
-<style  scoped>
+<style lang="scss" scoped>
+
 .wpjg {
 
     border-width: 0px;