修改地图

src/utils/screen.js

@@ -11,6 +11,7 @@ export const patentSSProvince = p => post('/api/dataScreen/patentSSProvince', p)
 export const patentHead = p => get('/api/dataScreen/patentHead', {});
 //专利发明人排名
 export const patentInventor = p => post('/api/dataScreen/patentInventor', p);
+//
 
 
 

src/views/screen/components/patentMap.vue

@@ -26,10 +26,22 @@
       <div><span>50595</span>项</div>
     </div>
   </div>
-  <div class="map_title">
-    <img src="@/static/screen/bg-zlzhldqyt.png" alt="" />
-    <span class="text_title">专利转化落地区域图</span>
+  <div class="map_title_box">
+    <div class="map_title">
+      <img src="@/static/screen/bg-zlzhldqyt.png" alt="" />
+      <span class="text_title">
+        <span class="active">
+          专利转化落地区域图 &nbsp; &nbsp; &nbsp;| &nbsp; &nbsp; &nbsp;</span
+        >
+        <span> 项目合作方区域图 </span>
+      </span>
+    </div>
+    <!-- <div class="map_title">
+    
+      <span class="text_title"> 项目合作方区域图 </span>
+    </div> -->
   </div>
+
   <div class="echarts_container">
     <EchartsCon :id="'area'" :option="option1" v-if="option1"></EchartsCon>
   </div>
@@ -112,8 +124,8 @@ export default {
               map: "shanxi",
               aspectScale: 1,
               zoom: 0.65,
-              layoutCenter: ["50%", "50%"],
-              layoutSize: "150%",
+              layoutCenter: ["50%", "38%"],
+              layoutSize: "120%",
               show: true,
               roam: false,
               label: {
@@ -124,12 +136,34 @@ export default {
 
               itemStyle: {
                 normal: {
-                  borderColor: "#c0f3fb",
                   borderWidth: 1,
-                  shadowColor: "#8cd3ef",
-                  shadowOffsetY: 10,
-                  shadowBlur: 120,
-                  areaColor: "transparent",
+                  borderColor: '#3B5077',
+                  areaColor: {
+                    type: "radial",
+                    x: 0.5,
+                    y: 0.5,
+                    r: 0.8,
+                    colorStops: [
+                      {
+                        offset: 0,
+                        color: "rgba(147, 235, 248, 0)", // 0% 处的颜色
+                      },
+                      {
+                        offset: 1,
+                        color: "rgba(147, 235, 248, .2)", // 100% 处的颜色
+                      },
+                    ],
+                  },
+                },
+                emphasis: {
+                  areaColor: "#8cd3ef",
+                  borderWidth: 0,
+                },
+              },
+              emphasis: {
+                //地图高亮
+                itemStyle: {
+                  color: "#93EBF8",
                 },
               },
             },
@@ -156,9 +190,14 @@ export default {
                   borderColor: "#fff",
                   borderWidth: 0.2,
                 },
+                emphasis: {
+                    areaColor: '#8cd3ef',
+                    color:'#fff'
+                },
               },
-              layoutCenter: ["50%", "50%"],
-              layoutSize: "150%",
+             
+              layoutCenter: ["50%", "38%"],
+              layoutSize: "120%",
               markPoint: {
                 symbol: "none",
               },
@@ -245,18 +284,24 @@ export default {
 };
 </script>
 <style lang="less" scoped>
+// .map_title_box {
+//   display: flex;
+// }
 .map_title {
-  position: absolute;
+  position: relative;
+  display: inline-block;
+  // width: 300px;
 
-  color: #fff;
+  // color: #fff;
   .text_title {
     position: absolute;
     left: 60px;
     top: 5px;
+    cursor: pointer;
     font-family: "jiangcheng";
     font-weight: normal;
     font-size: 20px;
-
+    color: #ccc;
     text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
 
     background: linear-gradient(
@@ -268,18 +313,23 @@ export default {
     -webkit-background-clip: text;
     // -webkit-text-fill-color: transparent;
   }
+  .active {
+    color: #fff;
+  }
 }
 .echarts_container {
-  height: 70%;
+  height: 90%;
+  // margin-top: 20px;
 }
 .center_top_imgs {
-  height: 140px;
+  height: 120px;
   width: 100%;
   display: flex;
+  margin-top: -20px;
 
   .text {
     padding-left: 76px;
-    padding-top: 45px;
+    padding-top: 35px;
     div {
       font-size: 18px;
       font-family: "jiangcheng";

src/views/screen/components/patentPerson.vue

@@ -403,7 +403,7 @@ export default {
   padding: 0 15px 0 5px;
   height: 45%;
   .center_left_title {
-    background: url("../../../static/screen/title-long.png") no-repeat;
+    background: url("../../../static/screen/title-short.png") no-repeat;
     background-size: 100% 100%;
     font-size: 20px;
     height: 39px;
@@ -413,7 +413,7 @@ export default {
     font-style: italic;
     color: #f6f9fe;
     text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
-    padding-left: 25px;
+    padding-left: 35px;
     padding-top: 6px;
     .center_left_title_btn {
       font-size: 14px;

src/views/screen/components/patentType.vue

@@ -445,7 +445,7 @@ export default {
   padding: 0 15px;
   height: 45%;
   .center_left_title {
-    background: url("../../../static/screen/title-long.png") no-repeat;
+    background: url("../../../static/screen/title-short.png") no-repeat;
     background-size: 100% 100%;
     font-size: 20px;
     height: 39px;
@@ -455,7 +455,7 @@ export default {
     font-style: italic;
     color: #f6f9fe;
     text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
-    padding-left: 25px;
+    padding-left: 35px;
     padding-top: 6px;
     .center_left_title_btn {
       font-size: 14px;

src/views/screen/index.vue

@@ -54,7 +54,7 @@
         <div class="bottom_title">
           <span>专利产业布局分布（山西十大产业）</span>
         </div>
-        <!-- <div class="rank_con">
+       <div class="rank_con">
           <div class="rank_con_left">
             <div class="rank_progress" v-for="item in rankArr">
               <span class="index1 index" v-if="item.index === '1'">{{
@@ -146,7 +146,7 @@
               <span class="num4 num">{{ item.num }}个</span>
             </div>
           </div>
-        </div> -->
+        </div>
       </div>
     </div>
   </div>
@@ -511,7 +511,7 @@ export default {
 <style lang="less" scoped>
 .screen {
   background-image: url("../../static/screen/bg-all.png");
-  background-size: 100%;
+  background-size: 100% 100%;
   width: 100%;
   height: 100%;
   overflow: auto;
@@ -519,14 +519,13 @@ export default {
   header {
     background-image: url("../../static/screen/bg-top-logo.png");
     height: 97px;
-    background-size: 100%;
+    background-size: 100% 100%;
     font-family: "jiangcheng";
     font-weight: 400;
     color: #eff8fc;
-    line-height: 26px;
     text-align: center;
-    font-size: 40px;
-    line-height: 97px;
+    font-size: 34px;
+    line-height: 80px;
     opacity: 0.89;
     text-shadow: 0px 4px 1px rgba(19, 80, 143, 0.66);
   }