更新企业新奇

src/views/3d-map.vue

@@ -48,6 +48,25 @@ export default {
           },
         ]
       },
+      buildingOptions2: {
+        hideWithoutStyle:false,//是否隐藏设定区域外的楼块
+        areas:[
+          { //围栏1
+            // visible:false,//是否可见
+            rejectTexture:false,//是否屏蔽自定义地图的纹理
+            color1: 'ffffff00',//楼顶颜色
+            color2: 'ffffcc00',//楼面颜色
+            path: [
+              [121.666232,31.28054],
+              [121.667163,31.279096],
+              [121.66531,31.278672],
+              [121.6651,31.279373],
+              [121.665428,31.279536],
+              [121.665146,31.280012],
+            ]
+          },
+        ]
+      },
 
     }
   },
@@ -74,7 +93,9 @@ export default {
         zooms: [10,20],
         // center:[121.497915,31.218138], // 黄浦
         // center: [121.558,31.0727], //航头镇
-        center: [121.502, 31.1956], //南码头
+        // center: [121.502, 31.1956], //南码头
+        // center: [121.656, 31.2937], // 曹路
+        center: [121.666008,31.279523], // 曹路 - 民风小区
 
         showIndoorMap:false,
         // mapStyle:'amap://styles/light',
@@ -85,11 +106,6 @@ export default {
         ]
       })
 
-      this.map.on('click', e => {
-        const location = [e.lnglat.getLng(), e.lnglat.getLat()]
-        this.map.setZoomAndCenter(18.8, location)
-        console.log(e, e.lnglat.getLng() + ',' + e.lnglat.getLat())
-      })
 
       this.map.addControl(new AMap.ControlBar({
         showZoomBar:false,
@@ -100,14 +116,14 @@ export default {
         }
       }))
 
-      // new AMap.Polygon({
-      //   bubble:true,
-      //   fillColor: 'green',
-      //   fillOpacity:0.2,
-      //   strokeWeight:1,
-      //   path:this.buildingOptions.areas[0].path,
-      //   map:this.map
-      // })
+      new AMap.Polygon({
+        bubble:false,
+        fillColor: 'green',
+        fillOpacity:0.2,
+        strokeWeight:1,
+        path:this.buildingOptions.areas[0].path,
+        map:this.map
+      })
       // new AMap.Polygon({
       //   bubble:true,
       //   fillOpacity:0.2,
@@ -115,6 +131,11 @@ export default {
       //   path:this.buildingOptions.areas[1].path,
       //   map:this.map
       // })
+      this.map.on('click', e => {
+        const location = [e.lnglat.getLng(), e.lnglat.getLat()]
+        this.map.setZoomAndCenter(18.8, location)
+        console.log(e, e.lnglat.getLng() + ',' + e.lnglat.getLat())
+      })
       const marker = new AMap.Marker({
         map: this.map,
         position: [121.498973,31.218018],
@@ -157,6 +178,48 @@ export default {
       //   this.map.add([polygon])
       // })
 
+      // 只显示浦东新区，其他置灰
+      // new AMap.DistrictSearch({
+      //   extensions:'all',
+      //   subdistrict:0
+      // }).search('浦东新区',(status,result) => {
+      //   // 外多边形坐标数组和内多边形坐标数组
+      //   const outer = [
+      //     new AMap.LngLat(-360,90,true),
+      //     new AMap.LngLat(-360,-90,true),
+      //     new AMap.LngLat(360,-90,true),
+      //     new AMap.LngLat(360,90,true),
+      //   ]
+      //   const holes = result.districtList[0].boundaries
+
+      //   const pathArray = [
+      //     outer
+      //   ]
+      //   pathArray.push.apply(pathArray,holes)
+      //   const polygon = new AMap.Polygon( {
+      //     pathL:pathArray,
+      //     //线条颜色，使用16进制颜色代码赋值。默认值为#006600
+      //     strokeColor: 'rgb(20,164,173)',
+      //     strokeWeight: 4,
+      //     //轮廓线透明度，取值范围[0,1]，0表示完全透明，1表示不透明。默认为0.9
+      //     strokeOpacity:0.5,
+      //     //多边形填充颜色，使用16进制颜色代码赋值，如：#FFAA00
+      //     fillColor: 'rgba(255,255,255,0.3)',
+      //     //多边形填充透明度，取值范围[0,1]，0表示完全透明，1表示不透明。默认为0.9
+      //     fillOpacity: 1,
+      //     //轮廓线样式，实线:solid，虚线:dashed
+      //     strokeStyle:'dashed',
+      //     /*勾勒形状轮廓的虚线和间隙的样式，此属性在strokeStyle 为dashed 时有效， 此属性在
+      //         ie9+浏览器有效 取值：
+      //         实线：[0,0,0]
+      //         虚线：[10,10] ，[10,10] 表示10个像素的实线和10个像素的空白（如此反复）组成的虚线
+      //         点画线：[10,2,10]， [10,2,10] 表示10个像素的实线和2个像素的空白 + 10个像素的实
+      //         线和10个像素的空白 （如此反复）组成的虚线*/
+      //     strokeDasharray:[10,2,10]
+      //   })
+      //   polygon.setPath(pathArray)
+      //   this.map.add(polygon)
+      // })
     },
     showDetail(e, location, data) {
       // TODO

src/views/guangdong/components/enterprise-card.vue

@@ -19,7 +19,7 @@
         </div>
       </div>
     </template>
-    <template v-if="mode=='complete'">
+    <template v-if="mode == 'complete'">
       <div class="enterprise-card-complete">
         <section>
           <div class="complete-base">

src/views/guangdong/components/enterprise-productions.vue

@@ -25,6 +25,8 @@
           {{item.contact && item.contact.split(' ')[0]}}
           <br/>
           {{item.contact && item.contact.split(' ')[1]}}
+          <br/>
+          {{item.contact && item.contact.split(' ')[2]}}
         </p>
       </li>
     </VueSeamlessScroll>

src/views/guangdong/components/map.vue

@@ -250,5 +250,5 @@ export default {
     .bar
       width 2rem
       height 6rem
-      background linear-gradient(to bottom, rgba(91, 213, 255, 0.8), rgba(91, 213, 255, 0.3))
+      background linear-gradient(to bottom, rgba(91, 213, 255, 0.6), rgba(91, 213, 255, 0.1))
 </style>

src/views/guangdong/components/title.vue

@@ -42,7 +42,9 @@ export default {
   >p
     font-family $font-pang
     font-size 2.5rem
+    background-clip text
     -webkit-background-clip text
+    color #1efbff
     -webkit-text-fill-color transparent
     background-image linear-gradient(to right, #1efbff, #0094ff)
 </style>

src/views/guangdong/gd-disease.vue

 <template>
   <div id="container" :style="`background-image: url(${require('@/assets/images/stars-bg.png')})`">
     <GuangdongMap :data="cityDiseaseArea"/>
-    <ThemeTitle style="width: 400%;">全省疫病灾害数据分析专题</ThemeTitle>
+    <ThemeTitle style="width: 400%;">广东省病害数据分析专题</ThemeTitle>
     <div class="sum">
-      <p>全省水产疫病爆发<b><m-count :value="sum.total" :decimal="0"/></b>次</p>
+      <p>全省水产病害爆发<b><m-count :value="sum.total" :decimal="0"/></b>次</p>
       <p>面积<b><m-count :value="sum.area"/></b>亩</p>
       <p>损失<b><m-count :value="sum.loss"/></b>万元</p>
     </div>
     <div class="box1">
-      <m-card mode="2" title="各市疫病情况">
+      <m-card mode="2" title="各市病害情况">
         <DiseaseList :list="citySituation"/>
       </m-card>
     </div>
     <div class="box2">
-      <m-card mode="2" title="各疫病的发病次数(次)">
+      <m-card mode="2" title="各病害的发病次数(次)">
         <DataList :list="disease" :decimal="0"/>
       </m-card>
     </div>
     <div class="box3">
-      <m-card mode="2" title="疫情情况趋势">
+      <m-card mode="2" title="病害情况趋势">
         <m-chart :showLegend="false" :options="options" :data="data"/>
       </m-card>
     </div>
     <div class="box4">
-      <m-card mode="2" title="各类发病次数占比">
+      <m-card mode="2" title="各类病害次数占比">
         <m-chart :options="options2" :data="data2"/>
       </m-card>
     </div>

src/views/guangdong/gd-fish.vue

@@ -108,9 +108,6 @@ export default {
         },
         yAxis: {
           name: '(元)',
-          max: 5,
-          min: 2.5,
-          interval: 0.5,
         },
         series: {
           type: 'line',
@@ -129,9 +126,6 @@ export default {
         },
         yAxis: {
           name: '(元)',
-          // max: 4,
-          min: 3,
-          // interval: 0.2,
         },
         series: {
           type: 'line',

static/gd-disease.json

@@ -121,6 +121,14 @@
     {"name": "清远市", "value": 22},
     {"name": "东莞市", "value": 1561},
     {"name": "中山市", "value": 1307.5},
-    {"name": "云浮市", "value": 50}
+    {"name": "云浮市", "value": 50},
+    {"name": "珠海市", "value": 0},
+    {"name": "汕头市", "value": 0},
+    {"name": "茂名市", "value": 0},
+    {"name": "汕尾市", "value": 0},
+    {"name": "河源市", "value": 0},
+    {"name": "阳江市", "value": 0},
+    {"name": "潮州市", "value": 0},
+    {"name": "揭阳市", "value": 0}
   ]
 }