地图颜色

src/views/cockpitNew1/hysy.vue

@@ -1,8 +1,13 @@
 <template>
     <div class="hysy">
         <div class="box">
-            <div class="title"> 海域使用权出让</div>
+            <div class="title">
+                <div class="icon"></div>
+                <span>海域使用权出让</span>
+            </div>
+            <div class="content">
 
+            </div>
             <div id="hysyEchart">
 
             </div>
@@ -240,36 +245,46 @@ export default {
     display: flex;
 }
 
-.box {
-    border-width: 0px;
-    position: absolute;
-    left: 0px;
-    top: 0px;
-    width: 534px;
-    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%;
-}
+    // font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
+    // font-weight: 700;
+    // font-style: normal;
+    // color: #fff;
+    // padding: 2%;
+    background: no-repeat;
+    background-image: url("/static/images/overview/标题框.png");
 
+    .icon {
+        background: no-repeat;
 
+        background-image: url("/static/images/overview/icon_标题框装饰.png");
+        display: inline-block;
+        width: 30px;
+        height: 30px;
+        background-position: 14px 7px;
+    }
 
+    span {
+        color: #fff;
+        font-size: 14px;
+        font-weight: bold;
+        position: relative;
+        bottom: 0.5rem;
+    }
+}
+
+.content {
+    background: no-repeat;
+    width: 100%;
+    height: 44px;
+    border: 1px solid red;
+    // background-image: url("/static/images/overview/info.jpg");
+}
 
 #hysyEchart {
     left: 1rem;
@@ -277,4 +292,8 @@ export default {
     width: 32rem;
     height: 14rem;
 }
+
+.box {
+    width: 416px;
+}
 </style>

src/views/cockpitNew1/tdsc.vue

@@ -467,13 +467,14 @@ export default {
   background: no-repeat;
   width: 100%;
   height: 44px;
+  border: 1px solid red;
   // background-image: url("/static/images/overview/info.jpg");
 }
 
 #tdsc_echart {
-  left: 1rem;
-  top: 2rem;
-  width: 32rem;
+  left: -1rem;
+  top: 0rem;
+  width: 28rem;
   height: 11rem;
 }
 

src/views/map3d.vue

@@ -254,7 +254,9 @@ export default {
   display: flex;
   justify-content: center;
   align-items: center;
-  background-image: url("/static/images/overview/masking_top.png");
+  background-image: url("/static/images/overview/title_new.png");
+
+  // background-image: url("/static/images/overview/masking_top.png");
   background-size: 100% 100%;
 }
 

src/views/viewer1.vue

@@ -83,14 +83,14 @@ export default {
                             const address = pickObj.id.properties.adcode.getValue();
                             const center = pickObj.id.properties.centroid.getValue();
 
-                            pickObj.id.polygon._material.color = Cesium.Color.fromCssColorString("RGBA(24, 100, 166, 1)");
+                            pickObj.id.polygon._material.color = Cesium.Color.fromCssColorString("rgba(19, 119, 176, 0.6)");
 
                             viewer.entities.values.forEach((res) => {
 
                                 if (res.properties.name._value != name) {
                                     // console.log(res.properties.name._value, "其他的");
                                     // console.log(res);
-                                    res.polygon._material.color = Cesium.Color.fromCssColorString("RGBA(24, 100, 166, 0.7)")
+                                    res.polygon._material.color = Cesium.Color.fromCssColorString("rgba(10, 95, 152, 0.6)")
 
                                 }
                             })
@@ -130,7 +130,7 @@ export default {
                     },
                     billboard: {
                         // 图像地址，URI或Canvas的属性
-                        image: "./static/images/overview/htq.png",
+                        image: "./static/images/overview/htq-f.png",
                         height: 60,
                         // 宽度（以像素为单位）
                         width: 100,
@@ -155,7 +155,7 @@ export default {
                             positions: Cesium.Cartesian3.fromDegreesArray(oneDArray),
                         },
                         outline: false,
-                        material: Cesium.Color.fromCssColorString("RGBA(24, 100, 166, 0.7)"),
+                        material: Cesium.Color.fromCssColorString("rgba(10, 95, 152, 0.6)"),
                         height: 100,
                         extrudedHeight: 450,