改版

package-lock.json

@@ -2416,6 +2416,11 @@
         }
       }
     },
+    "comutils": {
+      "version": "1.1.19",
+      "resolved": "https://registry.npm.taobao.org/comutils/download/comutils-1.1.19.tgz",
+      "integrity": "sha1-PgfzBqv0joNyZRFxOnKyBWUDREM="
+    },
     "concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npm.taobao.org/concat-map/download/concat-map-0.0.1.tgz",
@@ -4585,7 +4590,7 @@
     },
     "esprima": {
       "version": "2.7.3",
-      "resolved": "https://registry.npmjs.org/esprima/-/esprima-2.7.3.tgz",
+      "resolved": "https://registry.npm.taobao.org/esprima/download/esprima-2.7.3.tgz",
       "integrity": "sha1-luO3DVd59q1JzQMmc9HDEnZ7pYE=",
       "dev": true
     },
@@ -6937,7 +6942,7 @@
     },
     "js-yaml": {
       "version": "3.7.0",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.7.0.tgz",
+      "resolved": "https://registry.npm.taobao.org/js-yaml/download/js-yaml-3.7.0.tgz",
       "integrity": "sha1-XJZ93YN6m/3KXy3oQlOr6KHAO4A=",
       "dev": true,
       "requires": {
@@ -13338,6 +13343,14 @@
       "resolved": "https://registry.npm.taobao.org/vue-router/download/vue-router-3.1.3.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-router%2Fdownload%2Fvue-router-3.1.3.tgz",
       "integrity": "sha1-5rFPq8DA7p/aDiy72nSzUOKOQSs="
     },
+    "vue-seamless-scroll": {
+      "version": "1.1.17",
+      "resolved": "https://registry.npm.taobao.org/vue-seamless-scroll/download/vue-seamless-scroll-1.1.17.tgz",
+      "integrity": "sha1-CORbFV9GdzAwnqSpiT4F59aCqxc=",
+      "requires": {
+        "comutils": "^1.1.9"
+      }
+    },
     "vue-style-loader": {
       "version": "3.1.2",
       "resolved": "https://registry.npm.taobao.org/vue-style-loader/download/vue-style-loader-3.1.2.tgz",

package.json

@@ -25,7 +25,8 @@
     "vue": "^2.5.2",
     "vue-countup-v2": "^4.0.0",
     "vue-odometer": "^1.0.2",
-    "vue-router": "^3.0.1"
+    "vue-router": "^3.0.1",
+    "vue-seamless-scroll": "^1.1.17"
   },
   "devDependencies": {
     "autoprefixer": "^7.1.2",

src/App.vue

 <template>
   <div id="app">
-    <router-view :key="$route.name"/>
+    <transition name="custom-classes-transition" enter-active-class="animated fadeIn" leave-active-class="animated fadeOut">
+      <router-view :key="$route.fullPath"/>
+    </transition>
   </div>
 </template>
 
 <script>
 export default {
   name: 'App',
+  data() {
+    return {
+      routes: ['industry', 'production', 'trade', 'fish', 'disease', 'enterprise'],
+      cur: 0,
+      timer: null,
+      timeOuter: null,
+      seconds: 1000 * 10
+    }
+  },
+  mounted() {
+    this.$router.push({
+      name: this.routes[this.cur]
+    })
+    this.setTimer()
+    document.body.addEventListener('mousemove', this.removeTimer)
+  },
+  beforeDestroy() {
+    clearInterval(this.timer)
+  },
+  methods: {
+    setTimer() {
+      this.timer = setInterval(() => {
+        this.cur += 1
+        if (this.cur >= this.routes.length) {
+          this.cur = 0
+        }
+        this.$router.push({
+          name: this.routes[this.cur]
+        })
+      }, this.seconds)
+    },
+    removeTimer() {
+      clearTimeout(this.timeOuter)
+      clearInterval(this.timer)
+      this.timeOuter = setTimeout(this.setTimer, this.seconds / 10)
+    },
+  },
 }
 </script>
 

src/components/MonitorCard/monitor-card.vue

@@ -122,7 +122,7 @@ $size()
   $size()
   .card-title
     color #fff
-    font-size 1.8rem
+    font-size 1.4rem
     font-family $font-pang
   .card-content
     background $color-map(0.1)

src/router/index.js

@@ -10,7 +10,7 @@ const GDTrade = () => import('@/views/guangdong/gd-trade') // 广东 - 交易专
 const GDDisease = () => import('@/views/guangdong/gd-disease') // 广东 - 疫病专题
 const GDFish = () => import('@/views/guangdong/gd-fish') // 广发 - 罗非鱼专题
 const GDIndustry = () => import('@/views/guangdong/gd-industry') // 广东 - 产业分析专题
-const Map3D = () => import('@/views/3d-map') // 浦东 - 街镇电梯地图
+// const Map3D = () => import('@/views/3d-map') // 浦东 - 街镇电梯地图
 
 Vue.use(Router)
 
@@ -50,11 +50,11 @@ export default new Router({
       name: 'enterprise',
       component: GDEnterprise
     },
-    {
-      path: '/map3d',
-      name: 'map3d',
-      component: Map3D
-    },
+    // {
+    //   path: '/map3d',
+    //   name: 'map3d',
+    //   component: Map3D
+    // },
     // {
     //   path: '/main',
     //   name: 'main',

src/views/guangdong/components/apply-demand-list.vue

-<template>
-  <ul class="list">
-    <li class="row" v-for="(item, i) in list" :key="item.name + i">
-      <p>{{item.name}}</p>
-      <div class="content">
-        <Progress class='progress' style="width: 60%" :percent="calcPercent(item.value)" :stroke-width="12" :hide-info="true" status="active" :stroke-color="['#0176fe', '#4aecfd']" />
-        <div>
-          <b><m-count :value="item.value"/></b>
-          <span class="unit">{{item.unit}}</span>
-        </div>
-      </div>
-    </li>
-  </ul>
-</template>
-
-<script>
-export default {
-  name: 'ApplyDemandList',
-  props: {
-    list: {
-      type: Array,
-      default() {
-        return []
-      }
-    }
-  },
-  methods: {
-    calcPercent(val) {
-      const percent = Math.round((val / 200) * 100)
-      return percent >= 100 ? 100 : percent
-    }
-  }
-}
-</script>
-
-<style lang="stylus" scoped>
-.list
-  height 90%
-  overflow auto
-  padding 0.5rem 1rem
-  list-style none
-  .row
-    color #ccc
-    padding 0.5rem 0
-    border-bottom 0.1rem solid rgba(28, 66, 95, 0.4)
-    >p
-      font-size 0.8rem
-    .content
-      display flex
-      align-items center
-      justify-content space-between
-      b
-        font-size 1.1rem
-        color $color-green
-      .unit
-        font-size 0.5rem
-        margin-left 0.2rem
-</style>
-
-<style lang="stylus">
-.list
-  .progress
-    .ivu-progress-inner
-      background-color transparent
-</style>

src/views/guangdong/components/disease-list.vue

@@ -45,8 +45,10 @@ export default {
     color $color-map(1)
   p
     width 28%
-    &:nth-child(2)
+    text-align right
+    &:first-child
       width 16%
+      text-align center
   b
     color #FFCE34
 </style>

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

+<template>
+  <div class="enterprise-card">
+    <template v-if="mode == 'simple'">
+      <div class="enterprise-card-simple">
+        <div class="base simple-base">
+          <p class="title">联系方式</p>
+          <p class="detail">{{enterprise.address}}</p>
+          <p class="detail">{{enterprise.contact}}</p>
+        </div>
+        <div class="logo simple-logo">
+          <img width="60%" :src="$api.FILE_URL+enterprise.logoPath" />
+        </div>
+      </div>
+    </template>
+    <template v-if="mode=='complete'">
+      <div class="enterprise-card enterprise-card-complete">
+        <div class="base complete-base">
+          <p class="enterprise-name">{{enterprise.name}}</p>
+          <p class="detail">{{enterprise.address}}</p>
+          <p class="detail">{{enterprise.contact}}</p>
+        </div>
+        <div class="logo complete-logo">
+          <img width="60%" :src="$api.FILE_URL+enterprise.logoPath" />
+        </div>
+        <div class="productions">
+          <p class="title">主要产品</p>
+          <span class="item" v-for="(item,i) in enterprise.productions" :key='i'>{{enterprise.productions[i]}}</span>
+        </div>
+        <!-- <div class="honors" v-if="enterprise.honors.length>0">
+          <p class="title">主要荣誉</p>
+          <ul class="list">
+            <li class="row" v-for="(honor,j) in enterprise.honors" :key="j">
+              <p class="content">{{honor.intro}}</p><p class="time">{{honor.date}}</p>
+            </li>
+          </ul>
+        </div> -->
+        <div class="intros">
+          <p class="title">公司介绍</p>
+          <div class="content" v-html="enterprise.introHtml"></div>
+        </div>
+      </div>
+    </template>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'enterpriseCard',
+  props: {
+    enterprise: {
+      type: Object,
+      default() {
+        return {}
+      }
+    },
+    mode:{
+      type:String,
+      default: 'simple',
+      validator (value) {
+        // simple-简易 complete-完整
+        return ['simple', 'complete'].indexOf(value) >= 0
+      }
+    }
+  },
+  data(){
+    return {
+      newEnterprise:{}
+    }
+  },
+  watch:{
+    enterprise: {
+      handler: function(val) {
+        console.log('enterprise',val)
+        this.newEnterprise = val
+      },
+      deep: true
+    },
+  },
+  mounted(){
+    // console.log(this.enterprise)
+  }
+}
+</script>
+
+<style lang="stylus" scoped>
+.enterprise-card
+  color #fff
+  .base
+    font-size 1.4rem
+    .detail
+      padding-bottom 0.5rem
+  .logo
+    background-color rgba(255,255,255,1)
+    margin 0.5rem 0
+    width 100%
+    display flex
+    align-items center
+    justify-content center
+    border-radius 1rem
+  .title
+    font-family $font-pang
+    font-size 1.6rem
+    color $color-map(1)
+    padding 1rem 0
+.enterprise-card-simple
+  $gd-layout()
+  background-color transparent
+  grid-template-areas \
+    'base logo'
+  grid-template-columns 2.2fr 0.8fr
+  .simple-base
+    grid-area base
+  .simple-logo
+    grid-area logo
+
+.enterprise-card-complete
+  $gd-layout()
+  padding 2rem
+  background-color transparent
+  grid-template-areas \
+    'complete-base complete-logo'\
+    'productions complete-logo'\
+    'intros intros'
+  grid-template-rows 0.5fr 0.5fr 2fr
+  grid-template-columns 2fr 1fr
+  .complete-base
+    grid-area complete-base
+    font-size 1.6rem
+  .complete-logo
+    grid-area complete-logo
+  .productions
+    grid-area productions
+    .item
+      display inline-block
+      word-wrap none
+      padding 0.2rem 0.5rem
+      font-size 1.3rem
+  .honors
+    grid-area honors
+    .list
+      height 100%
+      overflow auto
+      padding 0 0.5rem
+    .row
+      display flex
+      color #ccc
+      padding 0.5rem 0
+      align-items top
+      justify-content space-between
+      border-bottom 0.1rem solid rgba(28, 66, 95, 0.4)
+      font-size 1.3rem
+      .time
+        padding-left 1rem
+        word-wrap none
+        width 12rem
+        text-align right
+  .intros
+    grid-area intros
+    .content
+      font-size 1.2rem
+      height 15rem
+      overflow-y scroll
+      line-height 1.5
+      p
+        text-indent 2em
+  .enterprise-name
+    font-family $font-pang
+    font-size 2.4rem
+    color #71c012
+    padding 1rem 0
+</style>

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

 <template>
   <div class="enterprise-card">
-    <template v-if="mode=='simple'">
-      <div class="enterprise-card enterprise-card-simple">
-        <div class="base simple-base">
-          <p class="title">联系方式</p>
-          <p class="detail">{{enterprise.address}}</p>
-          <p class="detail">{{enterprise.contact}}</p>
+    <template v-if="mode == 'simple'">
+      <div class="enterprise-card-simple">
+        <div class="simple-logo">
+          <div class="img-wrapper">
+            <img width="60%" :src="$api.FILE_URL+enterprise.logoPath" />
+          </div>
         </div>
-        <div class="logo simple-logo">
-          <img width="60%" :src="$api.FILE_URL+enterprise.logoPath" />
+        <div class="simple-base">
+          <p class="name small">地址</p>
+          <p>{{enterprise.address}}</p>
+          <p class="name small">联系方式</p>
+          <p>{{enterprise.contact}}</p>
         </div>
       </div>
     </template>
     <template v-if="mode=='complete'">
-      <div class="enterprise-card enterprise-card-complete">
-        <div class="base complete-base">
-          <p class="enterprise-name">{{enterprise.name}}</p>
-          <p class="detail">{{enterprise.address}}</p>
-          <p class="detail">{{enterprise.contact}}</p>
-        </div>
-        <div class="logo complete-logo">
-          <img width="60%" :src="$api.FILE_URL+enterprise.logoPath" />
-        </div>
-        <div class="productions">
-          <p class="title">主要产品</p>
-          <span class="item" v-for="(item,i) in enterprise.productions" :key='i'>{{enterprise.productions[i]}}</span>
-        </div>
-        <!-- <div class="honors" v-if="enterprise.honors.length>0">
-          <p class="title">主要荣誉</p>
-          <ul class="list">
-            <li class="row" v-for="(honor,j) in enterprise.honors" :key="j">
-              <p class="content">{{honor.intro}}</p><p class="time">{{honor.date}}</p>
-            </li>
-          </ul>
-        </div> -->
-        <div class="intros">
-          <p class="title">公司介绍</p>
-          <div class="content" v-html="enterprise.introHtml"></div>
-        </div>
+      <div class="enterprise-card-complete">
+        <section>
+          <div class="complete-base">
+            <p class="name title">{{enterprise.name}}</p>
+            <p>{{enterprise.address}}</p>
+            <br/>
+            <p class="name">公司介绍</p>
+            <div class="introduction" v-html="enterprise.introHtml" />
+          </div>
+          <div class="complete-logo">
+            <div class="img-wrapper">
+              <img :src="$api.FILE_URL+enterprise.logoPath" />
+            </div>
+          </div>
+        </section>
+        <section>
+          <p class="name">主要产品</p>
+          <EnterpriseProductions :list="enterprise.productions"/>
+        </section>
       </div>
     </template>
   </div>
 </template>
 
 <script>
-import Common from '@/util/common'
+import EnterpriseProductions from './enterprise-productions'
 export default {
   name: 'enterpriseCard',
+  components: {
+    EnterpriseProductions,
+  },
   props: {
     enterprise: {
       type: Object,
@@ -59,113 +59,66 @@ export default {
       default: 'simple',
       validator (value) {
         // simple-简易 complete-完整
-        return Common.oneOf(value, ['simple', 'complete'])
+        return ['simple', 'complete'].indexOf(value) >= 0
       }
     }
   },
-  data(){
-    newEnterprise:{}
-  },
-  watch:{
-    enterprise: {
-      handler: function(val) {
-        console.log('enterprise',val)
-        this.newEnterprise = val
-      },
-      deep: true
-    },
-  },
-  mounted(){
-    // console.log(this.enterprise)
-  }
 }
 </script>
 
 <style lang="stylus" scoped>
 .enterprise-card
-  color #fff
-  line-height 1.5
-  .base
-    font-size 1.4rem
-    .detail
-      padding-bottom 0.5rem
-  .logo
-    background-color rgba(255,255,255,1)
-    margin 0.5rem 0
-    width 100%
+  color #ccc
+  height 100%
+  overflow hidden
+  >div
+    height 100%
+  .img-wrapper
+    background $color-map(0.1)
+    height 100%
     display flex
     align-items center
     justify-content center
-    border-radius 1rem
-  .title
-    font-family $font-pang
-    font-size 1.6rem
+    img
+      width 80%
+      padding 1rem
+      background-color #fff
+  .name
     color $color-map(1)
-    padding 1rem 0
+    font-family $font-pang
+    font-size 1.8rem
+    &.small
+      font-size 1.4rem
+      margin-top 0.5rem
+    &.title
+      color $color-green
 .enterprise-card-simple
-  $gd-layout()
-  background-color transparent
-  grid-template-areas \
-    'base logo'
-  grid-template-columns 2.2fr 0.8fr
-  .simple-base
-    grid-area base
+  display flex
+  padding 1rem
+  align-items center
   .simple-logo
-    grid-area logo
-
+    flex 1
+  .simple-base
+    flex 2
+    margin-left 1rem
 .enterprise-card-complete
-  $gd-layout()
-  padding 2rem
-  background-color transparent
-  grid-template-areas \
-    'complete-base complete-logo'\
-    'productions complete-logo'\
-    'intros intros'
-  grid-template-rows 0.5fr 0.5fr 2fr
-  grid-template-columns 2fr 1fr
-  .complete-base
-    grid-area complete-base
-    font-size 1.6rem
-  .complete-logo
-    grid-area complete-logo
-  .productions
-    grid-area productions
-    .item
-      display inline-block
-      word-wrap none
-      padding 0.2rem 0.5rem
-      font-size 1.3rem
-  .honors
-    grid-area honors
-    .list
-      height 100%
+  display flex
+  flex-direction column
+  padding 1rem
+  section
+    display flex
+    flex 1
+    margin-bottom 2rem
+    &:last-child
+      flex-direction column
+      flex 2
+    .complete-base
+      flex 2
+    .introduction
+      height 8rem
       overflow auto
-      padding 0 0.5rem
-    .row
-      display flex
-      color #ccc
-      padding 0.5rem 0
-      align-items top
-      justify-content space-between
-      border-bottom 0.1rem solid rgba(28, 66, 95, 0.4)
-      font-size 1.3rem
-      .time
-        padding-left 1rem
-        word-wrap none
-        width 12rem
-        text-align right
-  .intros
-    grid-area intros
-    .content
-      font-size 1.2rem
-      height 15rem
-      overflow-y scroll
-      line-height 1.5
-      p
-        text-indent 2em
-  .enterprise-name
-    font-family $font-pang
-    font-size 2.4rem
-    color #71c012
-    padding 1rem 0
+    .complete-logo
+      flex 1
+      .img-wrapper
+        margin-left 3rem
 </style>

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

+<template>
+<ul class="list">
+  <template v-if="list.length > 0 && list[0].price">
+    <li class="row title">
+      <p>主要品种</p>
+      <p>品种优势</p>
+      <p>价格</p>
+      <p>供苗期</p>
+      <p>联系方式</p>
+    </li>
+    <VueSeamlessScroll v-if="list.length > 0" :autoPlay="true" :class-option="{step: 0.5, limitMoveNum: 3}" :data="list" class="seamless-wrap">
+      <li class="row" v-for="(item, i) in list" :key="item.name + i">
+        <p>
+          {{item.name}}
+          <img :src="$api.FILE_URL+ item.img" />
+        </p>
+        <p class="over">{{item.advantage}}</p>
+        <p>
+          {{item.price && item.price.split(' ')[0]}}
+          <br/>
+          {{item.price && item.price.split(' ')[1]}}
+        </p>
+        <p>{{item.date}}</p>
+        <p>
+          {{item.contact && item.contact.split(' ')[0]}}
+          <br/>
+          {{item.contact && item.contact.split(' ')[1]}}
+        </p>
+      </li>
+    </VueSeamlessScroll>
+  </template>
+  <template v-else>
+    <VueSeamlessScroll v-if="list.length > 0" :autoPlay="true" :class-option="{step: 0.5, limitMoveNum: 3}" :data="list" class="seamless-wrap">
+      <li class="section" v-for="(item, i) in list" :key="item.name + i">
+        <section>
+          <h3 class="title">{{item.name}}</h3>
+          <b>优势：</b>
+          <p>{{item.advantage}}</p>
+        </section>
+        <section>
+          <img :src="$api.FILE_URL+ item.img" />
+        </section>
+      </li>
+    </VueSeamlessScroll>
+  </template>
+</ul>
+</template>
+
+<script>
+import VueSeamlessScroll from 'vue-seamless-scroll'
+export default {
+  name: 'EnterpriseProductions',
+  components: {VueSeamlessScroll},
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  },
+}
+</script>
+
+<style lang="stylus" scoped>
+.list
+  height 100%
+.section
+  display flex
+  align-items center
+  background $color-map(0.1)
+  margin-top 1rem
+  border-top 0.1rem solid $color-map(1)
+  padding 1rem
+  >section
+    flex 3
+    &:last-child
+      flex 1
+    .title
+      color #fff
+    b
+      display block
+      color $color-map(1)
+      margin 0.5rem 0
+    >p
+      padding-right 2rem
+    img
+      width 100%
+.row
+  display flex
+  color #ccc
+  padding 0.5rem
+  align-items center
+  justify-content space-between
+  border-bottom 0.1rem solid rgba(28, 66, 95, 0.4)
+  background $color-map(0.05)
+  &.title
+    font-weight bold
+    color #fff
+    background $color-map(0.2)
+    position sticky
+    top 0
+  &:nth-child(2n)
+    background transparent
+  p
+    text-align left
+    font-size 0.5rem
+    width 20%
+    padding 0 0.5rem
+    img
+      width 100%
+    &:nth-child(2)
+      width 50%
+    &:nth-child(4)
+      width 15%
+  .over
+    max-height 8rem
+    overflow auto
+.seamless-wrap
+  overflow hidden
+</style>

src/views/guangdong/components/fish-list.vue

+<template>
+  <ul class="list">
+    <li class="row">
+      <p>月份</p>
+      <p>0.6-1斤</p>
+      <p>1斤以上</p>
+      <p>1.2斤以上</p>
+    </li>
+    <li class="row" v-for="(item, i) in list" :key="item.name + i">
+      <p>{{item.name}}</p>
+      <p><b><m-count :value="item.one"/></b></p>
+      <p><b><m-count :value="item.two"/></b></p>
+      <p><b><m-count :value="item.three"/></b></p>
+    </li>
+  </ul>
+</template>
+
+<script>
+export default {
+  name: 'FishList',
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  }
+}
+</script>
+
+<style lang="stylus" scoped>
+.list
+  height 100%
+  overflow auto
+  padding 0.5rem 1rem
+.row
+  display flex
+  color #ccc
+  padding 0.5rem 0
+  align-items center
+  justify-content space-between
+  border-bottom 0.1rem solid rgba(28, 66, 95, 0.4)
+  &:first-child
+    color $color-map(1)
+  p
+    width 30%
+    text-align right
+    &:first-child
+      width 20%
+      text-align center
+    b
+      color #FFCE34
+</style>

src/views/guangdong/components/map.vue

 <template>
 <div class="map-wrapper">
-  <div id="map" />
+  <div ref="map" id="map"/>
   <div v-if="data.length > 0" class="visualmap">
-    <p>高</p>
+    <p>{{visualLabel[0]}}</p>
     <div class="bar" />
-    <p>低</p>
+    <p>{{visualLabel[1]}}</p>
   </div>
 </div>
 </template>
@@ -19,7 +19,23 @@ export default {
       default() {
         return []
       }
-    }
+    },
+    visualLabel: {
+      type: Array,
+      default() {
+        return ['高', '低']
+      }
+    },
+    visualFormatter: {
+      type: String,
+      default: '{b}<br/>疫病发生面积：{c}亩'
+    },
+    visualConfig: {
+      type: Object,
+      default() {
+        return {}
+      }
+    },
   },
   data() {
     return {
@@ -92,7 +108,7 @@ export default {
         this.locations.push({name: el.properties.name, value: el.properties.cp})
       })
       this.$echarts.registerMap(this.mapName, guangdong)
-      this.map = this.$echarts.init(document.getElementById('map'))
+      this.map = this.$echarts.init(this.$refs.map)
       this.config = {
         geo: {
           map: this.mapName,
@@ -193,9 +209,9 @@ export default {
         this.config.tooltip = {
           trigger: 'item',
           extraCssText: 'transform: rotate(-28deg);',
-          formatter: '{b}<br/>疫病发生面积：{c}亩'
-        },
-        this.config.visualMap = {
+          formatter: this.visualFormatter,
+        }
+        this.config.visualMap = Object.assign({
           show: false,
           // min: 0,
           // max: 60000,
@@ -206,9 +222,9 @@ export default {
           // realtime: false,
           // calculable: true,
           inRange: {
-            color: ['rgba(91, 213, 255, 0.3)', 'rgba(91, 213, 255, 0.8)']
+            color: ['rgba(91, 213, 255, 0.1)', 'rgba(91, 213, 255, 0.6)']
           }
-        }
+        }, this.visualConfig)
         this.map.setOption(this.config)
       }
     }

src/views/guangdong/components/production-list.vue

@@ -3,12 +3,12 @@
     <li class="row">
       <p>市</p>
       <p>养殖面积(公顷)</p>
-      <p>产值(万元)</p>
+      <p>产量(吨)</p>
     </li>
     <li class="row" v-for="(item, i) in list" :key="item.name + i">
       <p>{{item.name}}</p>
       <p><b><m-count :value="item.area" :decimal="0"/></b></p>
-      <p><b><m-count :value="item.output"/></b></p>
+      <p><b><m-count :value="item.output" :decimal="0"/></b></p>
     </li>
   </ul>
 </template>

src/views/guangdong/components/progress-list.vue

@@ -2,9 +2,9 @@
   <ul class="list">
     <li class="row" v-for="(item, i) in list" :key="item.name + i">
       <span class="name">{{item.name}}</span>
-      <Progress class='progress' style="width: 40%" :percent="calcPercent(item.value)" :stroke-width="12" :hide-info="true" status="active" :stroke-color="['#0176fe', '#4aecfd']" />
+      <!-- <Progress class='progress' style="width: 40%" :percent="calcPercent(item.value)" :stroke-width="12" :hide-info="true" status="active" :stroke-color="['#0176fe', '#4aecfd']" /> -->
       <div>
-        <b><m-count :value="item.value"/></b>
+        <b :style="`color:${color}`"><m-count :value="item.value"/></b>
         <span class="unit">{{item.unit}}</span>
       </div>
     </li>
@@ -20,15 +20,19 @@ export default {
       default() {
         return []
       }
+    },
+    color: {
+      type: String,
+      default: '#71C012',
     }
   },
-  methods: {
-    calcPercent(val) {
-      if (!val || val < 0) return 0
-      const percent = Math.round((val / 50) * 100)
-      return percent >= 100 ? 100 : percent
-    }
-  }
+  // methods: {
+  //   calcPercent(val) {
+  //     if (!val || val < 0) return 0
+  //     const percent = Math.round((val / 50) * 100)
+  //     return percent >= 100 ? 100 : percent
+  //   }
+  // }
 }
 </script>
 
@@ -44,10 +48,10 @@ export default {
     align-items center
     justify-content space-between
     border-bottom 0.1rem solid rgba(28, 66, 95, 0.4)
-    .name
-      width 21%
+    // .name
+    //   width 21%
     b
-      font-size 1.1rem
+      font-size 1.2rem
       color $color-green
     .unit
       font-size 0.5rem

src/views/guangdong/components/supply-demand-list.vue

+<template>
+<ul class="list">
+  <li class="row title">
+    <p>品种</p>
+    <p>供/求</p>
+    <p>数量</p>
+    <!-- <p>最小价格</p>
+    <p>最大价格</p> -->
+    <p>价格</p>
+    <p>价格单位</p>
+  </li>
+  <VueSeamlessScroll v-if="list.length > 0" :autoPlay="true" :class-option="{step: 0.5}" :data="list" class="seamless-wrap">
+    <li class="row" v-for="(item, i) in list" :key="item.name + i">
+      <p>{{item.name}}</p>
+      <p :style="whichColor(item.type)">{{item.type}}</p>
+      <p>{{item.count}}</p>
+      <!-- <p><b><m-count :value="item.min"/></b></p>
+      <p><b><m-count :value="item.max"/></b></p> -->
+      <p><b><m-count :value="item.price"/></b></p>
+      <p>{{item.unit}}</p>
+    </li>
+  </VueSeamlessScroll>
+</ul>
+</template>
+
+<script>
+import VueSeamlessScroll from 'vue-seamless-scroll'
+export default {
+  name: 'SupplyDemandList',
+  components: {VueSeamlessScroll},
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  },
+  methods: {
+    whichColor(type) {
+      return {
+        color: type == '供' ? 'green' : 'red',
+        fontWeight: 'bold',
+      }
+    }
+  }
+}
+</script>
+
+<style lang="stylus" scoped>
+.list
+  height 100%
+  overflow hidden
+  padding 0.5rem
+.row
+  display flex
+  color #ccc
+  padding 0.5rem 0 0.5rem 1rem
+  align-items center
+  justify-content space-between
+  border-bottom 0.1rem solid rgba(28, 66, 95, 0.4)
+  background $color-map(0.05)
+  &.title
+    // color $color-map(1)
+    font-weight bold
+    color #fff
+    background $color-map(0.2)
+    position sticky
+    top 0
+  &:nth-child(2n)
+    background transparent
+  p
+    text-align left
+    width 15%
+    &:first-child
+      width 40%
+.seamless-wrap
+  overflow hidden
+</style>

src/views/guangdong/components/trade-trend.vue

+<template>
+<ul class="list">
+  <li class="row title">
+    <p>品种</p>
+    <p>一季度</p>
+    <p>二季度</p>
+    <p>涨跌率</p>
+  </li>
+  <VueSeamlessScroll v-if="list.length > 0" :autoPlay="true" :class-option="{step: 0.5}" :data="list" class="seamless-wrap">
+    <li class="row" v-for="(item, i) in list" :key="item.name + i">
+      <p>{{item.name}}</p>
+      <p><b><m-count :value="item.first"/></b></p>
+      <p><b><m-count :value="item.second"/></b></p>
+      <p><b :style="whichColor(item.rate)"><m-count :value="item.rate"/></b></p>
+    </li>
+  </VueSeamlessScroll>
+</ul>
+</template>
+
+<script>
+import VueSeamlessScroll from 'vue-seamless-scroll'
+export default {
+  name: 'TradeTrend',
+  components: {VueSeamlessScroll},
+  props: {
+    list: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  },
+  methods: {
+    whichColor(num) {
+      return {
+        color: num >= 0 ? 'green' : 'red'
+      }
+    }
+  }
+}
+</script>
+
+<style lang="stylus" scoped>
+.list
+  height 100%
+  overflow hidden
+  padding 0.5rem
+.row
+  display flex
+  color #ccc
+  padding 0.5rem 0 0.5rem 1rem
+  align-items center
+  justify-content space-between
+  border-bottom 0.1rem solid rgba(28, 66, 95, 0.4)
+  background $color-map(0.05)
+  &.title
+    // color $color-map(1)
+    font-weight bold
+    color #fff
+    background $color-map(0.2)
+    position sticky
+    top 0
+  &:nth-child(2n)
+    background transparent
+  p
+    text-align left
+    width 15%
+    &:first-child
+      width 55%
+.seamless-wrap
+  overflow hidden
+</style>

src/views/guangdong/gd-disease.vue

@@ -77,7 +77,7 @@ export default {
         tooltip: {
           trigger: 'item',
         },
-        color: ['#3391FF', '#71C012', '#F47C1F','#CC4D4D','#C15CFF','#8400FF'],
+        color: ['#1fecff', '#3391FF', '#71C012', 'gold', '#F47C1F', '#C15CFF'],
         series: {
           type: 'pie',
           radius: ['45%', '70%'],

src/views/guangdong/gd-enterprise.vue

@@ -2,14 +2,14 @@
   <div id="container" :style="`background-image: url(${require('@/assets/images/stars-bg.png')})`">
     <ThemeTitle class="theme">广东省渔业企业介绍专题</ThemeTitle>
     <template v-if="enterpriseList.length>0">
-      <div v-for="(enterprise,i) in enterpriseList" :key="i" :class="index==i?('box'+(i+1)+' cur'):('box'+(i+1))" @mouseenter="showOne(i)" @mouseleave="startTimer">
+      <div v-for="(enterprise,i) in enterpriseList" :key="enterprise.name + i" :class="index == i ? `box box${i + 1} cur` : `box box${i + 1}`" @mouseenter="showOne(i)" @mouseleave="startTimer">
         <m-card mode="2" :title="enterprise.name">
-          <EnterpriseCard :enterprise='enterprise'></EnterpriseCard>
+          <EnterpriseCard :enterprise="enterprise" />
         </m-card>
       </div>
       <div class="box7">
-        <m-card mode="2" :title="' '" style="margin-top:3rem">
-          <EnterpriseCard :mode="'complete'" :enterprise='firstEnterprise'></EnterpriseCard>
+        <m-card mode="2" title="产品信息">
+          <EnterpriseCard mode="complete" :enterprise="enterpriseList[index]" />
         </m-card>
       </div>
     </template>
@@ -30,7 +30,6 @@ export default {
     return {
       index: 0,
       enterpriseList: [],
-      firstEnterprise: {},
       timerHanlder:null,
       timeInterval:5000
     }
@@ -38,35 +37,28 @@ export default {
   mounted() {
     this.getData()
   },
+  beforeDestroy() {
+    clearInterval(this.timerHanlder)
+  },
   methods: {
     getData() {
       axios.get(this.$api.FILE_URL + 'gd-enterprise.json').then(res => {
         this.enterpriseList = res.data.enterprise
-        this.firstEnterprise = this.enterpriseList[0]
-
         this.startTimer()
       })
     },
     showOne(index){
       clearInterval(this.timerHanlder)
       this.index = index
-      this.firstEnterprise = this.enterpriseList[this.index]
     },
     startTimer(){
-      let _vm = this
-      this.timerHanlder = setInterval(function() {
-        _vm.changeEnterprise()
-      }, this.timeInterval)
+      this.timerHanlder = setInterval(this.changeEnterprise, this.timeInterval)
     },
     changeEnterprise(){
-      if(this.index === -1){
-        this.index = 0
-      }else if(this.index<(this.enterpriseList.length-1)){
-        this.index ++
-      }else{
+      this.index += 1
+      if (this.index >= this.enterpriseList.length) {
         this.index = 0
       }
-      this.firstEnterprise = this.enterpriseList[this.index]
     }
   }
 }
@@ -75,7 +67,6 @@ export default {
 <style lang="stylus" scoped>
 #container
   $gd-layout()
-  grid-gap 1.5rem
   grid-template-areas \
     '. theme .'\
     'box1 box7 box2'\
@@ -85,42 +76,23 @@ export default {
   grid-template-columns 1fr 2fr 1fr
   .theme
     grid-area theme
-    width 60%
+    width 80%
+  .box
+    opacity 0.3
+    &.cur
+      opacity 1
   .box1
     grid-area box1
-    opacity 0.3
   .box2
     grid-area box2
-    opacity 0.3
   .box3
     grid-area box3
-    opacity 0.3
   .box4
     grid-area box4
-    opacity 0.3
   .box5
     grid-area box5
-    opacity 0.3
   .box6
     grid-area box6
-    opacity 0.3
   .box7
     grid-area box7
-  .cur
-    opacity 1
-  .area
-    font-size 1.8rem
-    position absolute
-    width 60%
-    top 10%
-    left 30%
-    right 30%
-    text-align center
-    p
-      color #fff
-      font-family $font-pang
-    b
-      font-size 3rem
-    >span
-      font-family $font-pang
 </style>

src/views/guangdong/gd-fish-bak.vue

+<template>
+  <div id="container" :style="`background-image: url(${require('@/assets/images/stars-bg.png')})`">
+    <FishMap />
+    <ThemeTitle style="width: 120%;">广东省罗非鱼专题</ThemeTitle>
+    <div class="flag">
+      <p><span/>供应量</p>
+      <p><span/>采购量</p>
+    </div>
+    <div class="box1">
+      <m-card mode="2" title="排名">
+        <div class="apply-demand">
+          <div>
+            <p>市场供应量排行</p>
+            <ApplyDemandList :list="list1"/>
+          </div>
+          <div>
+            <p>市场需求量排行</p>
+            <ApplyDemandList :list="list1"/>
+          </div>
+        </div>
+      </m-card>
+    </div>
+    <div class="box2">
+      <m-card mode="2" title="市场供需数据">
+        <MarketingChart />
+      </m-card>
+    </div>
+    <div class="box3">
+      <m-card mode="2" title="当年罗非鱼各规格均价">
+        <m-chart :options="options1" :data="data1"/>
+      </m-card>
+    </div>
+  </div>
+</template>
+
+<script>
+import ApplyDemandList from './components/apply-demand-list'
+import ThemeTitle from './components/title'
+import MarketingChart from './components/marketing-chart.vue'
+import FishMap from './components/fish-map'
+import axios from 'axios'
+export default {
+  name: 'GDFish',
+  components: {
+    ApplyDemandList,
+    ThemeTitle,
+    MarketingChart,
+    FishMap,
+  },
+  data() {
+    return {
+      list1: [
+        {name: '绿色泉水养殖专业合作社', value: 200, unit: '吨'},
+        {name: '明基水产品有限公司', value: 192, unit: '吨'},
+        {name: '茂南三高良种繁殖基地', value: 159, unit: '吨'},
+        {name: '强匠冷冻食品经营部', value: 121, unit: '吨'},
+        {name: '新吉奥罗非鱼苗繁育场', value: 115, unit: '吨'},
+        {name: '阳西益豪水产食品加工厂', value: 101, unit: '吨'},
+        {name: '中恒食品添加剂有限公司', value: 69, unit: '吨'},
+        {name: '北京自伍鑫发水产商贸有限公司', value: 59, unit: '吨'},
+      ],
+      options1: {
+        colors: ['#0076FF', '#F47C1F', '#21640D'],
+        legend: {
+          left: '60%'
+        },
+        xAxis: {
+          data: [],
+          boundaryGap: false,
+        },
+        yAxis: {
+          name: '(元)',
+          max: 8,
+        },
+        series: {
+          type: 'line',
+          symbol: 'circle',
+          areaStyle: {
+            opacity: 0.5,
+          },
+        }
+      },
+      data1: [],
+    }
+  },
+  mounted() {
+    this.getData()
+  },
+  methods: {
+    getData() {
+      axios.get(this.$api.FILE_URL + 'gd-fish.json').then(res => {
+        const {comparison} = res.data
+        this.options1.xAxis.data = comparison.name
+        this.data1 = comparison.value.reverse()
+      })
+    }
+  }
+}
+</script>
+
+<style lang="stylus" scoped>
+#container
+  $gd-layout()
+  grid-template-areas \
+    '. . . box1'\
+    '. . . box1'\
+    'box2 box2 box3 box3'
+  grid-template-rows 1fr 1fr 1fr
+  grid-template-columns 2fr 1fr 1fr 2fr
+  .flag
+    display flex
+    position absolute
+    top 15%
+    left 5%
+    font-family $font-pang
+    font-size 1.2rem
+    p
+      display flex
+      align-items center
+      &:first-child
+        color #5BD5FF
+        span
+          background #5BD5FF
+      &:last-child
+        color $color-green
+        margin-left 3rem
+        span
+          background $color-green
+      span
+        display inline-block
+        width 0.8rem
+        height 0.8rem
+        border-radius 50%
+        margin-right 0.5rem
+  .box1
+    grid-area box1
+  .box2
+    grid-area box2
+  .box3
+    grid-area box3
+.apply-demand
+  display flex
+  height 100%
+  >div
+    width 50%
+    height 100%
+    overflow hidden
+    >p
+      font-family $font-pang
+      font-size 1.4rem
+      color $color-map(1)
+      padding 0.5rem 1rem 0
+</style>

src/views/guangdong/gd-fish.vue

 <template>
   <div id="container" :style="`background-image: url(${require('@/assets/images/stars-bg.png')})`">
-    <FishMap />
-    <ThemeTitle style="width: 120%;">广东省罗非鱼专题</ThemeTitle>
-    <div class="flag">
-      <p><span/>供应量</p>
-      <p><span/>采购量</p>
-    </div>
+    <ThemeTitle class="theme">广东省罗非鱼专题</ThemeTitle>
     <div class="box1">
-      <m-card mode="2" title="排名">
-        <div class="apply-demand">
-          <div>
-            <p>市场供应量排行</p>
-            <ApplyDemandList :list="list1"/>
-          </div>
-          <div>
-            <p>市场需求量排行</p>
-            <ApplyDemandList :list="list1"/>
-          </div>
-        </div>
+      <m-card mode="2" title="2019罗非鱼各规格均价(元)">
+        <FishList :list="fishList"/>
       </m-card>
     </div>
     <div class="box2">
-      <m-card mode="2" title="市场供需数据">
-        <MarketingChart />
+      <m-card mode="2" title="罗非鱼生产加工数量趋势(万吨)">
+        <m-chart :options="options" :data="data"/>
       </m-card>
     </div>
     <div class="box3">
-      <m-card mode="2" title="当年罗非鱼各规格均价">
+      <m-card mode="2" title="罗非鱼国内外价格走势(元/斤)">
         <m-chart :options="options1" :data="data1"/>
       </m-card>
     </div>
+    <div class="box4">
+      <m-card mode="2" title="2019罗非鱼各规格趋势">
+        <m-chart :options="options2" :data="data2"/>
+      </m-card>
+    </div>
+    <div class="box5">
+      <m-card mode="2" title="各规格罗非鱼价格比对">
+        <m-chart :options="options3" :data="data3"/>
+        <Select v-model="curType" class="select" size="small" @on-change="handleSelect">
+          <Option v-for="item in types" :value="item" :key="item">{{ item }}</Option>
+        </Select>
+      </m-card>
+    </div>
   </div>
 </template>
 
 <script>
-import ApplyDemandList from './components/apply-demand-list'
 import ThemeTitle from './components/title'
-import MarketingChart from './components/marketing-chart.vue'
-import FishMap from './components/fish-map'
+import FishList from './components/fish-list'
 import axios from 'axios'
 export default {
   name: 'GDFish',
   components: {
-    ApplyDemandList,
     ThemeTitle,
-    MarketingChart,
-    FishMap,
+    FishList,
   },
   data() {
     return {
-      list1: [
-        {name: '绿色泉水养殖专业合作社', value: 200, unit: '吨'},
-        {name: '明基水产品有限公司', value: 192, unit: '吨'},
-        {name: '茂南三高良种繁殖基地', value: 159, unit: '吨'},
-        {name: '强匠冷冻食品经营部', value: 121, unit: '吨'},
-        {name: '新吉奥罗非鱼苗繁育场', value: 115, unit: '吨'},
-        {name: '阳西益豪水产食品加工厂', value: 101, unit: '吨'},
-        {name: '中恒食品添加剂有限公司', value: 69, unit: '吨'},
-        {name: '北京自伍鑫发水产商贸有限公司', value: 59, unit: '吨'},
-      ],
+      types: ['0.6-1斤', '1斤以上', '1.2斤以上'],
+      curType: '0.6-1斤',
+      options: {
+        colors: ['#1fecff', 'gold'],
+        legend: {
+          top: '15%',
+          left: '70%',
+        },
+        grid: {
+          bottom: '10%',
+        },
+        xAxis: {
+          data: [],
+        },
+        yAxis: {
+          name: '(万吨)',
+        },
+        series: {
+          type: 'bar',
+          barWidth: '40%',
+          stack: '总量',
+        }
+      },
+      data: [],
+      fishList: [],
       options1: {
-        colors: ['#0076FF', '#F47C1F', '#21640D'],
+        colors: ['#71C012', '#FFCE34', '#F47C1F'],
         legend: {
-          left: '60%'
+          // top: '2%',
+          top: '15%',
+          left: '40%',
+        },
+        grid: {
+          right: '5%',
+          bottom: '10%',
         },
         xAxis: {
           data: [],
           boundaryGap: false,
         },
         yAxis: {
-          name: '(元)',
-          max: 8,
+          name: '(元/斤)',
         },
         series: {
           type: 'line',
-          symbol: 'circle',
+          stack: '总量',
           areaStyle: {
             opacity: 0.5,
           },
+          symbol: 'circle',
         }
       },
       data1: [],
+      options2: {
+        colors: ['#71C012', '#1fecff', '#F47C1F'],
+        legend: {
+          left: '60%'
+        },
+        xAxis: {
+          data: [],
+          boundaryGap: false,
+        },
+        yAxis: {
+          name: '(元)',
+          max: 5,
+          min: 2.5,
+          interval: 0.5,
+        },
+        series: {
+          type: 'line',
+          symbol: 'circle',
+        }
+      },
+      data2: [],
+      options3: {
+        colors: ['#71C012', '#1fecff', '#F47C1F'],
+        legend: {
+          left: '45%'
+        },
+        xAxis: {
+          data: [],
+          boundaryGap: false,
+        },
+        yAxis: {
+          name: '(元)',
+          // max: 4,
+          min: 3,
+          // interval: 0.2,
+        },
+        series: {
+          type: 'line',
+          symbol: 'circle',
+        }
+      },
+      data3: [],
+      comparisonData: [],
     }
   },
   mounted() {
@@ -89,11 +148,29 @@ export default {
   methods: {
     getData() {
       axios.get(this.$api.FILE_URL + 'gd-fish.json').then(res => {
-        const {comparison} = res.data
-        this.options1.xAxis.data = comparison.name
-        this.data1 = comparison.value.reverse()
+        const {comparison, processTrend, priceTrend, comparison1, comparison2, comparison3} = res.data
+        this.fishList = comparison.name.map((item, index) => {
+          return {
+            name: item,
+            one: comparison.value[0].data[index],
+            two: comparison.value[1].data[index],
+            three: comparison.value[2].data[index],
+          }
+        })
+        this.options.xAxis.data = processTrend.name
+        this.data = processTrend.value
+        this.options1.xAxis.data = priceTrend.name
+        this.data1 = priceTrend.value
+        this.options2.xAxis.data = comparison.name
+        this.data2 = comparison.value
+        this.options3.xAxis.data = comparison1.name
+        this.data3 = comparison1.value
+        this.comparisonData = [comparison1, comparison2, comparison3]
       })
-    }
+    },
+    handleSelect(type) {
+      this.data3 = this.comparisonData[this.types.indexOf(type)].value
+    },
   }
 }
 </script>
@@ -102,52 +179,26 @@ export default {
 #container
   $gd-layout()
   grid-template-areas \
-    '. . . box1'\
-    '. . . box1'\
-    'box2 box2 box3 box3'
-  grid-template-rows 1fr 1fr 1fr
-  grid-template-columns 2fr 1fr 1fr 2fr
-  .flag
-    display flex
-    position absolute
-    top 15%
-    left 5%
-    font-family $font-pang
-    font-size 1.2rem
-    p
-      display flex
-      align-items center
-      &:first-child
-        color #5BD5FF
-        span
-          background #5BD5FF
-      &:last-child
-        color $color-green
-        margin-left 3rem
-        span
-          background $color-green
-      span
-        display inline-block
-        width 0.8rem
-        height 0.8rem
-        border-radius 50%
-        margin-right 0.5rem
+    '. theme theme theme theme .'\
+    'box1 box1 box2 box2 box3 box3'\
+    'box4 box4 box4 box5 box5 box5'
+  grid-template-rows 4rem 35rem auto
+  grid-template-columns 0.5fr 0.5fr 1fr 0.5fr 1fr 0.5fr
+  .theme
+    grid-area theme
   .box1
     grid-area box1
   .box2
     grid-area box2
   .box3
     grid-area box3
-.apply-demand
-  display flex
-  height 100%
-  >div
-    width 50%
-    height 100%
-    overflow hidden
-    >p
-      font-family $font-pang
-      font-size 1.4rem
-      color $color-map(1)
-      padding 0.5rem 1rem 0
+  .box4
+    grid-area box4
+  .box5
+    grid-area box5
+  .select
+    position absolute
+    top 1rem
+    right 1rem
+    width 9rem
 </style>

src/views/guangdong/gd-industry.vue

@@ -36,7 +36,11 @@ export default {
     return {
       options1: {
         legend: {
-          top: '2%',
+          // top: '2%',
+          left: '24%',
+          top: '10%',
+          itemWidth: 10,
+          itemHeight: 10,
         },
         xAxis: {
           data: [],
@@ -53,7 +57,11 @@ export default {
       data1: [],
       options2: {
         legend: {
-          top: '2%',
+          // top: '2%',
+          left: '38%',
+          top: '10%',
+          itemWidth: 10,
+          itemHeight: 10,
         },
         xAxis: {
           data: [],
@@ -69,9 +77,13 @@ export default {
       },
       data2: [],
       options3: {
-        colors: ['#21640D', '#FFCE34', '#F47C1F'],
+        colors: ['#71C012', '#FFCE34', '#F47C1F'],
         legend: {
-          top: '2%',
+          // top: '2%',
+          left: '32%',
+          top: '10%',
+          itemWidth: 10,
+          itemHeight: 10,
         },
         grid: {
           right: '5%',
@@ -104,11 +116,18 @@ export default {
     getData() {
       axios.get(this.$api.FILE_URL + 'gd-industry.json').then(res => {
         const {output, production, processProduction, fishProduction} = res.data
+        const textStyle = {
+          color: '#ccc',
+          fontSize: this.fontSize,
+        }
         this.options1.xAxis.data = output.name
+        this.options1.legend.textStyle = textStyle
         this.data1 = output.value
         this.options2.xAxis.data = production.name
+        this.options2.legend.textStyle = textStyle
         this.data2 = production.value
         this.options3.xAxis.data = processProduction.name
+        this.options3.legend.textStyle = textStyle
         this.data3 = processProduction.value
         this.fishChartData = fishProduction
       })
@@ -128,6 +147,11 @@ export default {
         }
       }
     },
+  },
+  computed: {
+    fontSize() {
+      return Math.floor(screen.height * 1.48 / 100) / 1.2
+    },
   }
 }
 </script>

src/views/guangdong/gd-production.vue

 <template>
   <div id="container" :style="`background-image: url(${require('@/assets/images/stars-bg.png')})`">
-    <GuangdongMap />
-    <ThemeTitle>广东省生产专题</ThemeTitle>
+    <GuangdongMap key="production" :data="mapData" :visualConfig="visualConfig" visualFormatter="{b}<br/>养殖面积：{c}公顷"/>
+    <ThemeTitle style="width: 150%;margin-left:20%;">广东省生产专题</ThemeTitle>
     <div class="area">
       <p>当前广东省养殖面积</p>
       <b v-if="area"><m-flip :value="area"/></b>
@@ -9,7 +9,7 @@
     </div>
     <div class="box1">
       <m-card mode="2" title="各种类养殖产量(吨)">
-        <DataList :list="production"/>
+        <DataList :list="production" :decimal="0"/>
       </m-card>
     </div>
     <div class="box2">
@@ -17,10 +17,25 @@
         <ProductionList :list="cityData"/>
       </m-card>
     </div>
-    <div class="box3">
+    <!-- <div class="box3">
       <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-chart :showLegend="false" :options="options1" :data="data1"/>
+      </m-card>
+    </div>
+    <div class="box5">
+      <m-card mode="2" title="海水养殖面积对比">
+        <m-chart :showLegend="false" :options="options2" :data="data2"/>
+      </m-card>
+    </div>
+    <div class="box6">
+      <m-card mode="2" title="淡水养殖面积对比">
+        <m-chart :showLegend="false" :options="options3" :data="data3"/>
+      </m-card>
     </div>
   </div>
 </template>
@@ -45,20 +60,64 @@ export default {
       production: [],
       specialProduction: [],
       cityData: [],
-      options: {
-        colors: [['#1FECFF', '#B645FF']],
+      options1: {
+        colors: [['#1FECFF', '#0076FF']],
         xAxis: {
           data: [],
         },
         yAxis: {
-          name: '(吨)',
+          name: '(公顷)',
+          min: 450000,
+          max: 600000,
         },
         series: {
           type: 'bar',
           barWidth: '40%',
         }
       },
-      data: [],
+      options2: {
+        colors: [['#1FECFF', '#0076FF']],
+        xAxis: {
+          data: [],
+        },
+        yAxis: {
+          name: '(公顷)',
+          min: 150000,
+          max: 200000,
+        },
+        series: {
+          type: 'bar',
+          barWidth: '40%',
+        }
+      },
+      options3: {
+        colors: [['#1FECFF', '#0076FF']],
+        xAxis: {
+          data: [],
+        },
+        yAxis: {
+          name: '(公顷)',
+          min: 300000,
+          max: 400000,
+        },
+        series: {
+          type: 'bar',
+          barWidth: '40%',
+        }
+      },
+      data1: [],
+      data2: [],
+      data3: [],
+      visualConfig: {
+        pieces: [
+          {min:0, max: 10000},
+          {min:10001, max: 20000},
+          {min:20001, max: 30000},
+          {min:30001, max: 40000},
+          {min:40001},
+        ]
+      },
+      mapData: [],
     }
   },
   mounted() {
@@ -70,12 +129,24 @@ export default {
         for(let key in res.data) {
           this[key] = res.data[key]
         }
-        const chartData = []
-        this.specialProduction.forEach(item => {
-          this.options.xAxis.data.push(item.name)
-          chartData.push(item.value)
+        const data1 = [], data2 = [], data3 = []
+        this.totalArea.forEach((item, index) => {
+          this.options1.xAxis.data.push(item.name)
+          this.options2.xAxis.data.push(item.name)
+          this.options3.xAxis.data.push(item.name)
+          data1.push(item.value)
+          data2.push(this.seaArea[index].value)
+          data3.push(this.waterArea[index].value)
+        })
+        this.data1 = [{data: data1}]
+        this.data2 = [{data: data2}]
+        this.data3 = [{data: data3}]
+        this.mapData = this.cityData.map(item => {
+          return {
+            name: item.name,
+            value: item.area,
+          }
         })
-        this.data = [{data: chartData}]
       })
     }
   }
@@ -86,17 +157,24 @@ export default {
 #container
   $gd-layout()
   grid-template-areas \
-    'box1 . box2'\
-    'box1 . box2'\
-    'box3 box3 box2'
+    'box1 . . box2'\
+    'box1 . . box2'\
+    'box4 box5 box6 box2'
   grid-template-rows 1fr 1fr 1fr
-  grid-template-columns 1fr 3fr 1fr
+  grid-template-columns 1fr 1fr 1fr 1fr
   .box1
     grid-area box1
+    width 80%
   .box2
     grid-area box2
-  .box3
-    grid-area box3
+  // .box3
+  //   grid-area box3
+  .box4
+    grid-area box4
+  .box5
+    grid-area box5
+  .box6
+    grid-area box6
   .area
     font-size 1.8rem
     color $color-map(1)

src/views/guangdong/gd-trade.vue

 <template>
   <div id="container" :style="`background-image: url(${require('@/assets/images/stars-bg.png')})`">
-    <GuangdongMap />
-    <ThemeTitle style="width: 200%;">渔业种业综合交易平台交易分析专题</ThemeTitle>
+    <GuangdongMap :data="tradeSituation" :visualConfig="visualConfig" visualFormatter="{b}<br/>水产苗种交易产值：{c}万元"/>
+    <ThemeTitle style="width: 310%;">渔业种业综合交易平台交易分析专题</ThemeTitle>
     <div class="box1">
-      <m-card mode="2" title="排名">
-        <DataList :list="list1"/>
+      <m-card mode="2" title="各市水产苗种交易产值">
+        <ProgressList :list="tradeSituation"/>
       </m-card>
     </div>
     <div class="box2">
-      <m-card mode="2" title="各品种成交均价">
-        <ProgressList :list="list2"/>
+      <m-card mode="2" title="价格情况">
+        <ProgressList :list="priceSituation" color="gold"/>
       </m-card>
     </div>
     <div class="box3">
-      <m-card mode="2" title="采购供应数据">
-        <m-chart :options="options1" :data="data1" />
+      <m-card mode="2" title="一二季度各水产品成交价格涨跌情况">
+        <div class="trend-wrapper">
+          <TradeTrend :list="trendData.slice(0,17)"/>
+          <TradeTrend :list="trendData.slice(17)"/>
+        </div>
       </m-card>
     </div>
     <div class="box4">
-      <m-card mode="2" title="累计违规举报次数">
-        <m-chart :showLegend="false" :options="options2" :data="data2" />
+      <m-card mode="2" title="供求信息">
+        <SupplyDemandList :list="randomData"/>
       </m-card>
     </div>
   </div>
 </template>
 
 <script>
-import DataList from './components/list'
+import axios from 'axios'
 import ProgressList from './components/progress-list'
 import ThemeTitle from './components/title'
+import SupplyDemandList from './components/supply-demand-list'
+import TradeTrend from './components/trade-trend'
 import GuangdongMap from './components/map'
 export default {
   name: 'GDProduction',
   components: {
-    DataList,
     ProgressList,
     ThemeTitle,
+    SupplyDemandList,
+    TradeTrend,
     GuangdongMap,
   },
   data() {
     return {
-      list1: [
-        {name: '淡水鱼苗', value: 8279, unit: '亿尾'},
-        {name: '淡水鱼种', value: 222544, unit: '吨'},
-        {name: '投放鱼种', value: 193027, unit: '吨'},
-        {name: '稚鳖', value: 6549, unit: '万只'},
-        {name: '稚龟', value: 655, unit: '万只'},
-        {name: '鳗苗捕捞', value: 43, unit: '千克'},
-        {name: '海水鱼苗', value: 508510, unit: '万尾'},
-        {name: '虾类育苗', value: 5455, unit: '万尾'},
-        {name: '贝类育苗', value: 293678, unit: '万尾'},
-        {name: '海带', value: 100, unit: '亿株'},
-        {name: '紫菜', value: 0.06, unit: '亿株'},
-        {name: '海参', value: 0.09, unit: '亿头'},
-      ],
-      list2: [
-        {name: '淡水鱼苗', value: 15, unit: '元/斤'},
-        {name: '淡水鱼种', value: 12, unit: '元/斤'},
-        {name: '投放鱼种', value: 29, unit: '元/斤'},
-        {name: '稚鳖', value: 21, unit: '元/斤'},
-        {name: '稚龟', value: 15, unit: '元/斤'},
-        {name: '鳗苗捕捞', value: 11, unit: '元/斤'},
-        {name: '海水鱼苗', value: 19, unit: '元/斤'},
-        {name: '虾类育苗', value: 9, unit: '元/斤'},
-        {name: '贝类育苗', value: 21, unit: '元/斤'},
-        {name: '海带', value: 28, unit: '元/斤'},
-        {name: '紫菜', value: 4, unit: '元/斤'},
-        {name: '海参', value: 200, unit: '元/斤'},
-      ],
-      options1: {
-        colors: [['#1FECFF', '#0076FF'], ['#c16ad6', '#3725b2']],
-        legend: {
-          top: 20,
-          right: 10,
-          left: 'auto',
-        },
-        xAxis: {
-          data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
-        },
-        yAxis: {
-          name: '(吨)',
-          interval: 2000,
-        },
-        series: {
-          type: 'bar',
-          barWidth: '30%',
-          barGap: 0,
-        }
-      },
-      data1: [
-        {name: '供应数据', data: [6500, 8500, 6000, 4600, 5600, 8500, 6000, 2500, 4500, 6500, 4500, 8000]},
-        {name: '采购数据', data: [5500, 9000, 5000, 3600, 4600, 7500, 7000, 3500, 5500, 7500, 5500, 6700]},
-      ],
-      options2: {
-        xAxis: {
-          data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
-        },
-        yAxis: {
-          name: '(次)',
-          interval: 20,
-        },
-        series: {
-          type: 'bar',
-          itemStyle: {
-            shadowColor: '#0076FF',
-            shadowBlur: 6,
-            color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
-              {offset: 0, color: '#1FECFF'},
-              {offset: 1, color: '#0076FF'}
-            ])
-          },
-        }
+      priceSituation: [],
+      tradeSituation: [],
+      trendData: [],
+      randomData: [],
+      visualConfig: {
+        pieces: [
+          {min:0, max: 10000},
+          {min:10001, max: 20000},
+          {min:20001, max: 30000},
+          {min:30001, max: 40000},
+          {min:40001},
+        ]
       },
-      data2: [
-        {data: [30, 50, 10, 60, 70, 40, 50, 70, 30, 50, 90, 58]},
-      ],
     }
   },
+  mounted() {
+    this.getData()
+  },
+  methods: {
+    getData() {
+      axios.get(this.$api.FILE_URL + 'gd-trade.json').then(res => {
+        for(let key in res.data) {
+          this[key] = res.data[key]
+        }
+      })
+    }
+  }
 }
 </script>
 
@@ -124,11 +80,11 @@ export default {
 #container
   $gd-layout()
   grid-template-areas \
-    'box1 . . box2'\
-    'box1 . . box2'\
-    'box3 box3 box4 box4'
-  grid-template-rows 1fr 1fr 1fr
-  grid-template-columns 1fr 1.2fr 1.2fr 1fr
+    'box1 . . . box2'\
+    'box1 . . . box2'\
+    'box3 box3 box3 box4 box4'
+  grid-template-rows 1fr 1fr 18rem
+  grid-template-columns 1.4fr 1fr 1fr 1fr 1.5fr
   .box1
     grid-area box1
   .box2
@@ -137,4 +93,10 @@ export default {
     grid-area box3
   .box4
     grid-area box4
+  .trend-wrapper
+    display flex
+    height 100%
+    width 100%
+    >ul
+      width 50%
 </style>

static/gd-enterprise.json

@@ -5,7 +5,72 @@
       "logoPath":"enterpriseLogo/en-logo-lszy.png",
       "address":"广东省佛山市三水区西南街道青岐现代渔业园区",
       "contact":"黄国亮 / 13929957070",
-      "productions":["大口黑鲈“优鲈3号”","白金丰产鲫","全雌鳜鱼","饲料鳜鱼","白金罗氏沼虾","太阳鱼新品系“JHL蓝太1号”","白金杂交生鱼","白金黄颡鱼","禾花鲤"],
+      "productions":[
+        {
+          "name": "大口黑鲈“优鲈3号”",
+          "img": "enterpriseLogo/1-1.png",
+          "advantage": "以优鲈1号和2010年从美国新引进的大口黑鲈北方亚种为基础选育种群，采用群体选育技术与分子生物学技术相结合的育种方法，以摄食人工配合饲料条件下的生长形状和易驯化摄食配合饲料为主要选育指标，连续4代选育而获得，于2018年12月获得全国新品种证书。特点优势：1、以“优鲈1号”品种和美国北方亚种为基础种群，经过连续四代选育获得。2、更适合喂食人工饲料，驯食成功率高10%以上。3、生长速度比普通品种提高了36.7%，比“优鲈1号”提高了17%。",
+          "price": "水花：200--350元/万尾 6朝--10朝：0.5元--1.5元/尾",
+          "date": "11月--4月",
+          "contact": "黄国亮13929957070"
+        },
+        {
+          "name": "白金丰产鲫",
+          "img": "enterpriseLogo/1-2.png",
+          "advantage": "采用雌核技术，由彭泽鲫和尖鳍鲤作为亲本生产，于 2016年初通过了全国水产原种和良种审定委员会的审定获得全国水产新品种证书。特点：1、生长快，个头大。2、全雌型、耗料低。3、卖相好、味道佳。4、易捕捞、损耗少。",
+          "price": "水花：100-200元/万尾 6朝--10朝：水花：0.08--0.2元/尾 ",
+          "date": "1月--10月",
+          "contact": "黄国亮13929957070"
+        },
+        {
+          "name": "白金杂交生鱼",
+          "img": "enterpriseLogo/1-3.png",
+          "advantage": "特点：①易驯食人工配合饲料；②生长速度快、抗逆性强、产量高、耐运输。",
+          "price": "水花：200--600元/万尾 1000口--100口：0.5--1元/尾",
+          "date": "3月--8月",
+          "contact": "黄国亮13929957070"
+        },
+        {
+          "name": "白金黄颡鱼",
+          "img": "enterpriseLogo/1-4.png",
+          "advantage": "特点：1、生长速度快，养殖10个月可达4-5两。2、雄性率95%以上。3、饲料系数低。4、均匀生长，个体差异小，整体产量高",
+          "price": "水花：100--200元/万尾 8--9朝：0.1元/尾",
+          "date": "4月--10月",
+          "contact": "黄国亮13929957070"
+        },
+        {
+          "name": "全雌鳜鱼",
+          "img": "enterpriseLogo/1-5.png",
+          "advantage": "特点：①人工诱导性别控制技术；②雌性率100%；③长速快18%。",
+          "price": "水花：0.1元/尾 8--9朝：0.1元/尾 1.5--3公分：0.5元/尾",
+          "date": "4月--7月",
+          "contact": "韩林强13715476808"
+        },
+        {
+          "name": "太阳鱼新品系“JHL蓝太1号”",
+          "img": "enterpriseLogo/1-6.png",
+          "advantage": "特点：1、采用家系育种策略；2、生长快、抢食力强，食欲旺盛；3、养殖周期短、可提早上市。",
+          "price": "8--9朝：0.15元/尾",
+          "date": "3月--11月",
+          "contact": "黄国亮13929957070"
+        },
+        {
+          "name": "白金罗氏沼虾",
+          "img": "enterpriseLogo/1-7.png",
+          "advantage": "特点：1、生长快、养殖120天，个体可达50克以上；2、成活率高，1-2万尾/亩即可。3、抗应激性强，冬棚养殖效果优势明显。",
+          "price": "虾苗：550元/万尾",
+          "date": "4月--9月",
+          "contact": "黄国亮13929957070"
+        },
+        {
+          "name": "白金罗非鱼",
+          "img": "enterpriseLogo/1-8.png",
+          "advantage": "特点：1、生长快、养殖4个月可达1斤以上。2、环境抵抗力强，对废物利用率高。3、起捕率85%-90%。4、体型好，起肉率高。",
+          "price": "水花：150--250元/万尾 7--9朝：0.13元",
+          "date": "3月--11月",
+          "contact": "黄国亮13929957070"
+        }
+      ],
       "introHtml":"<p><b>广东梁氏水产种业有限公司</b>是一家专注水产种质选育、种苗繁育及良种推广的高科技水产种业、集团化运作的企业，下属单位有梁氏水产研究院、佛山市三水白金水产种苗有限公司、佛山市珠水生物科技有限公司等六家子公司。公司在水产种质选育、水产生物科技和水产养殖技术等领域拥有多项创新性专利技术及知识产权，并与中国水产科学研究院珠江水产研究所、中山大学、华南师范大学和佛山大学等高等院校科研院所建立了长期的“产、学、研”合作关系。与中国工程院院士中山大学林浩然教授合作在企业建立了“中山大学林浩然院士工作站”。公司下属企业佛山市三水白金水产种苗有限公司是高新技术企业、广东省级良种场、佛山市龙头企业。<p><p>经过多年的科研投入和科技成果转化，广东梁氏水产种业有限公司开发出多个具有种质优势和自主知识产权的品种，并在制种、性腺控制和工厂化培苗上取得多项技术突破。公司目前拥有良种繁育基地六个，占地面积2000多亩，配备各型孵化培育池、高位育苗池、工厂化控温育苗车间等生产设施30000多平方米。年产优鲈系列大口黑鲈、白金丰产鲫、长珠杂交鳜、白金罗氏虾、白金杂交生鱼和白金太阳鱼等水产优质种苗30亿多尾，产品覆盖国内华南、华东、华中、华北及西南等十多个省份的重点养殖地区。其中“白金丰产鲫”、大口黑鲈“优鲈3号”获得了国家新品种认定，成为广东省同时拥有两个国家新品种的水产种苗企业。</p><p><b>佛山市珠水生物科技有限公司</b>隶属<b>广东梁氏水产种业（集团）有限公司</b>，是一家专业从事功能性饲料营养添加剂、中草药混合型饲料添加剂、中草药活菌酵素、生物发酵制剂等产品研发，聚焦加州鲈、桂花鱼等名优水产品及畜牧养殖生态防控，集生产、销售、服务为一体的高科技创新型企业。</p><p>公司依托集团科研平台，建立产品研发试验中心，与中国水产科学研究院珠江水产研究所、中山大学、华南农业大学、佛山科技学院和广东省农业科学院等多家科研院校建立了长期的产、学、研战略合作关系。集中了水产防疫、动物营养、中兽医、微生物学等领域的高层次人才主持相关研究课题， 成功开发出“诺卡康”、“肠博士”、“脱黏康”、“腐皮康”、“肝脉通”等安全、高效、无药残的明星产品。</p><p>公司以“诚信经营、合作共赢”为核心理念，秉承“产品优异、客户至上、服务先行”的发展宗旨，以优质的产品打造优质的品牌，继承和发扬中医传统理念，以关爱动物健康为使命，结合现代高科技成果和先进的生产工艺，为广大客户提供天然无抗动保产品，从而助力产业健康、安全、绿色发展！</p>",
       "honors":[{
         "date":"2019年2月",
@@ -26,7 +91,16 @@
       "logoPath":"enterpriseLogo/en-logo-guolian.png",
       "address":"吴川市覃巴镇",
       "contact":"",
-      "productions":["国联罗非鱼","国联罗非鱼苗","国联澳洲淡水龙虾","国联小龙虾","国联1号南美白对虾苗","“国联1号”日本囊对虾"],
+      "productions": [
+        {
+          "name": "国联日本囊对虾新品系",
+          "img": "enterpriseLogo/2-1.png",
+          "advantage": "“国联1号”日本囊对虾种虾是国联水产联合广东海洋大学刘建勇教授育种团队合作，开展了近5年的自主选育和种质创新工作，成功选育的一个日本囊对虾优质高产新品系。国联水产选育团队以台湾海峡野生日本囊对虾群体和原本养殖场保存的养殖群体构建遗传多样性丰富的育种群体，以生长速度作为选育目标，采用复合最佳线性无偏预测法（BLUP）估计个体复合育种值，择优逐年传代，经过连续4代选育，培育出生长快、抗逆性强的日本囊对虾新品系（种）。选育全程严格检测，确保种虾无特定病原。2017年核心育种群体保存了37个系谱关系清楚的家系，目前保留有90个系谱关系清楚的家系。",
+          "price": "80元/万尾",
+          "date": "5月--6月",
+          "contact": "毛艾涛13729073895"
+        }
+      ],
       "introHtml":"<p><b>湛江国联水产开发股份有限公司</b>创建于2001年，是中国最大的水产品加工企业。公司以“为人类提供健康海洋食品”为使命，专注于水产行业——发展以对虾产业为核心的全产业链，目前拥有南美白对虾、小龙虾、罗非鱼三条完整产业链。现已发展成为集育苗、工厂化养殖、水产饲料、食品生产、贸易、科研为一体的全产业链跨国企业集团。2010年，公司上市，是中国唯一对虾行业上市公司<p><p>公司旗下的对虾、小龙虾、罗非鱼等系列产品远销海内外，产品遍及全球40多个国家和地区。公司国际采购链条遍布东南亚、中东、南北美洲等国家，发展“全球买，全球卖”的国际化市场，实现了市场国际化、采购国际化、品控国际化。对供应链资源整合和引领产业技术创新，驱动公司持续成长。公司布局全球海产资源，不断拓宽产品品类，并升级自动化智能化加工技术、加大以对虾产品为核心的精深加工研发投入，实现厨房菜品到工业化量产的转变，将工厂变为餐饮企业的“中央厨房”，国内餐饮渠道及深加工产品占比快速提升；对接新零售，电商业务增速显著；在国联集团研究院的引领下，引入国外先进技术和理念，旗下全封闭式对虾工厂化养殖场开创了标准化、可复制、可持续的现代养殖模式先河，是现代农业集约化发展的典型代表。</p><p>公司经营宗旨：成为全球最具影响力的海洋食品企业。</p><p>湛江国联水产种苗科技有限公司（简称国联种苗）成立于2006年1月，是农业产业化国家重点龙头企业——湛江国联水产开发股份有限公司的下属企业。 </p><p>湛江国联水产种苗科技有限公司拥有自营繁育基地和育苗场8间，其中南三基地是国家级良种场，承建了国家级南美白对虾遗传育种中心，每年提供优质虾苗达60亿尾，供应全面覆盖广东、广西、海南、福建及华东沿海养殖区。 </p><p>2006年-2019年，国联种苗公司累计生产和销售了优质“国联1号虾苗”虾苗近400亿尾，该虾苗已为大多数养虾户创造了优良的养殖经济效益，深受广大养殖者的青睐和推崇</p>",
       "honors":[{
         "date":"2010年4月",
@@ -47,7 +121,16 @@
       "logoPath":"enterpriseLogo/en-logo-MFD.png",
       "address":"广东省惠州市大亚湾区澳头镇衙前村边",
       "contact":"0752-5577234",
-      "productions":["黄鳍鲷","黑鲷","星点笛鲷","斜带石斑鱼","鞍带石斑鱼","棕点石斑鱼","虎龙杂交斑","青龙杂交斑","红龙杂交斑","青红杂交斑"],
+      "productions": [
+        {
+          "name": "虎龙杂交斑",
+          "img": "enterpriseLogo/3-1.png",
+          "advantage": "虎龙杂交斑是以来自台湾的棕点石斑鱼经2代群体选育后为母本，以来自台湾的鞍带石斑鱼经2代群体选育后为父本，通过杂交而得到的具有多种优良性状的子一代，于2017年审定为水产新品种（GS-02-004-2016）。具有育苗成活率高，育苗难度降低；抗逆性强，鱼苗发病率低；生长速度快；体型美观，肉质鲜嫩的特点。主要销往广东、海南、福建、广西、山东、天津等省份，成鱼年销售额达50万公斤，鱼苗3千万尾，鱼卵2.5万公斤。",
+          "price": "0.5-0.8元/cm",
+          "date": "全年",
+          "contact": "张海发0752-5575664 蔡有森13876925611"
+        }
+      ],
       "introHtml":"<p>广东省海洋渔业试验中心是隶属广东省农业农村厅的科研事业单位。中心现有员工28人，其中高级职称5名，中级职称4名，初级职称6名，技术人员12名，员工中有3人持有博士学位。中心拥有先进的科研设备及生产设施，建有海洋生物繁育研究室、遗传育种研究室、病害控制研究室、设施渔业及健康养殖研究室等，能进行海水增养殖种苗繁育技术、种质遗传及保护、病害防治和养殖水环境控制技术的研究。中心与中山大学共同建立了院士工作站和博士研究工作站，与广东海洋大学、华南农业大学、华南师范大学、仲凯农业工程学院、南海水产研究所等科研院校建立了紧密的科研合作关系。</p><p>中心主要从事石斑鱼等名贵鱼类种苗繁育、遗传育种及健康养殖技术研究与开发。中心研发的工厂化及池塘生态系育苗技术，经示范推广，已广泛应用于其它海水鱼类种苗培育，彻底改变了我省海水养殖种苗完全依赖天然捕捞或进口的局面。</p><p>中心在国内首次取得石斑鱼杂交育种成功，并在多个杂交组合中筛选出“虎龙杂交斑”和“青龙杂交斑”两个具有优良性状的养殖新品种，在提高单产、增加抗性、保障品质等方面均具有不可比拟的优势，已在我国的广东、海南、福建、广西等省份推广养殖，产生了良好的经济效益和社会效益</p><p>开创了石斑鱼养殖业的一个新的里程碑。“虎龙杂交斑”于2017年通过全国水产原种和良种审定委员会审定为水产新品种（GS-02-004-2016），成为广东省首个海水鱼类新品种。</p><p>中心研发的海水经济鱼类工厂化循环高效养殖技术，简单、实用、低投入、高产出，实现了稳产、高产、产品无公害的目标，是我国南方海水养殖转型升级的理想选择。</p><p>在短短的二十多年发展历程中，中心成绩显著、硕果累累，至今已获得国家教育部一等奖1项、国家海洋科技创新二等奖1项、广东省科学技术一等奖1项、二等奖2项、三等奖3项、广东省农业技术推广奖一等奖1项、二等奖1项。另还取得国家发明专利近20个，在国内外核心期刊发表学术论文100多篇。</p>",
       "honors":[{
         "date":"2017年04月",
@@ -55,26 +138,55 @@
       }]
     },
     {
-      "name":"广东恒兴饲料实业股份有限公司",
-      "logoPath":"enterpriseLogo/en-logo-hx.png",
-      "address":"广东省湛江市经济开发区乐山路23号恒兴大厦15楼",
-      "contact":"86-0759-3638688",
-      "productions":["红罗非鱼","罗氏沼虾","黑鱼","鳜鱼","石斑鱼","凡纳滨对虾","凡纳滨对虾“中兴1号”"],
-      "introHtml":"<p><b>广东恒兴饲料实业股份有限公司</b>创立于1995年，是一家集饲料产销、种苗繁育、微生态制剂及兽药、进出口贸易于一体的民营企业。旗下拥有子公司36家，遍布广东、广西、海南、福建、江苏、浙江、湖北、吉林等地区及越南、印度尼西亚、马来西亚等东南亚国家。其中公司特种水产饲料销量连续多年位居全国前列。</p><p>公司被认定为“农业产业化国家重点龙头企业”、“高新技术企业”，2014年被评为中国畜牧饲料行业“综合科技创新企业”，2016年被评为“全国三十强饲料企业”，2017年被评为 “中国水产科技创新示范基地”，2018年,被评为“农业部华南水产与畜禽饲料重点实验室”、被评为“改革开放40年·中国农业十大卓越贡献企业”、“一带一路”国际合作先进饲料企业、“饲料行业扶贫工作先进集体”。</p><p>公司主持制定了七项饲料产品国家标准，一项对虾育苗标准，现有国家发明专利及实用新型专利共66项，并与中山大学共同选育第一个国家认定的南美白对虾抗病新品种“中兴1号”。</p><p>公司秉承“恒农兴邦”为愿景，以“致力于农业发展、为用户创造价值，提供安全、营养、健康食品，改善人类生活品质”为使命，以“专业化、产业化、国际化”为发展目标，立足饲料业务，积极拓展种苗业务，配套发展微生态制剂业务，坚持为用户提供健康、安全和高性价比的产品、技术和服务，帮助用户实现养殖价值最大化。公司实行“公司+基地+农户+标准+服务”的运作模式，提供“饲料+种苗+制剂+养殖技术服务”一体化的养殖服务平台。</p>",
-      "honors":[{
-        "date":"2011年04月",
-        "intro":"凡纳滨对虾“中兴1号”荣获全国水产原种和良种新品种证书"
-      },{
-        "date":"2014年11月",
-        "intro":"获得中华人民共和国农业部颁发的验收合格证"
-      }]
+      "name":"广东海茂投资有限公司",
+      "logoPath":"enterpriseLogo/en-logo-hm.png",
+      "address":"广东省湛江市霞山区人民大道南5号",
+      "contact":"0759-2939518/2306339",
+      "productions": [
+        {
+          "name": "普利茂南美白对虾",
+          "img": "enterpriseLogo/4-1.png",
+          "advantage": "以家系、APE全病源攻击、基因芯片选育等技术方法，开展优良抗病种的选育。选育群体来自于厄瓜多尔，已经选育22个世代。具有生长速度快、抗病能力和耐受力强，产品销售我国主要对虾养殖区及东南亚地区，年销售210亿尾。",
+          "price": "0.5cm：供应自有标粗场 0.8-1cm：250-320元/万尾",
+          "date": "全年",
+          "contact": "陈清（北方）：13828276198 苏伟盛（南方）：18022623899"
+        },
+        {
+          "name": "“中科1号”南美白对虾",
+          "img": "enterpriseLogo/4-2.png",
+          "advantage": "“中科1号”南美白对虾新品种选育种群来自美国、泰国以及国内10个不同来源群体，通过2代群体选育和5代家系选育获得。选育15代，生长速度快、淡水应急成活率高，产品主要销售全国主要对虾养殖区，年销售13亿尾；",
+          "price": "0.5cm：70元/万尾 0.8-1cm：120-160元/万尾",
+          "date": "全年",
+          "contact": "陈清（北方）：13828276198 苏伟盛（南方）：18022623899"
+        },
+        {
+          "name": "科里莫南美白对虾",
+          "img": "enterpriseLogo/4-3.png",
+          "advantage": "以PRIMO种源、中科1号种源等为基础，结合墨西哥、厄瓜多尔等不同区域的5个原种基础种群，通过家系选育而来。已经选育了5代，具有生长速度快，同时兼顾抗病性，主要销往我国各主要对虾养殖区，年销售量25亿尾。",
+          "price": "0.5cm：供应自有标粗场 0.8-1cm：180-250元/万尾",
+          "date": "全年",
+          "contact": "陈清（北方）：13828276198 苏伟盛（南方）：18022623899"
+        }
+      ],
+      "introHtml":"<p><b>海茂集团</b>前身成立于1987年，是集科研、开发、生产、销售、技术服务及苗种饵料销售为一体的国内大型水产苗种集团公司。下设美国PRIMO种虾有限公司(PRIMO BROODSTOCK USA LLC）(德克萨斯种虾基地、佛罗里达种虾基地）、遂溪种苗产业园、徐闻亲虾基地、雷州种苗基地、东海岛种苗基地及5个华北亲虾育苗合作基地；以及控股子公司廊坊市丰联水产饲料有限公司（卤虫卵饵料）、湛江罗睿水产种苗有限公司（罗氏沼虾苗）。总育苗水体5万立方米以上，总养殖面积800亩，基地占地面积（含美国PRIMO生产基地）总计3000亩。生产销售上建立了高标准、专业化的幼体产业园区、对虾苗种生产园区以及遍布全国的标粗销售网络，年生产销售对虾幼体800亿尾、虾苗300亿尾。“普利茂”高抗苗产品畅销我国华南、华东、华中、华北及东北，同时远销越南、马来西亚等国家。海茂集团经营理念是以“诚信、专业、稳健、创新”为己任，为客户提供健康、优质的产品和完善的技术服务。产品生产核心理念为“可控、生态、高效、优质”，并建立了海洋微藻和有益微生物为主要育苗调控技术手段的生态育苗技术体系。该技术体系主要通过完善的水处理系统隔绝病源，微藻开口饵料、优质人工配合饲料、丰年虫作为饵料来源，有益微藻和有益微生物进行水质控制，同时实验室对育苗过程全程检测，为生产提供数据支持、并为品管部门提供质量判断依据，从而保证生产出优质健康的虾苗。目前公司已获得国家级对虾良种场、全国现代渔业种业示范场、农业部水产健康养殖示范场、广东省省级对虾良种场、广东省健康农业科技示范基地、广东省星火技术产业带建设示范单位、广东省农业科技创新中心、湛江市自主创新培育企业、2015中国南美白对虾口碑力榜10强企业、2016年年度种苗品牌、2017中国虾业最具创新力企业、2018年年度领军企业以及拥有广东省名牌产品、广东省著名商标称号。"
     },
     {
       "name":"广东顺德顺爷水产有限公司",
       "logoPath":"enterpriseLogo/en-logo-sy.png",
       "address":"佛山市顺德区北滘镇佛山一环黄龙特大桥侧",
       "contact":"0757-22192333",
-      "productions":["顺爷精品生鱼苗","加州鲈鱼苗"],
+      "productions": [
+        {
+          "name": "顺爷精品生鱼苗",
+          "img": "enterpriseLogo/5-1.png",
+          "advantage": "拥有6000㎡标准工厂化育苗车间，常年可提供各种规格优质纯正杂交生鱼苗。采用工厂化循环水育苗技术，配套自动调控温系统，确保各阶段种苗稳定生产及供应。与各大科研机构及良种场强强联手合作，采用人工选育及自然淘汰法，确保种苗质量保障"
+        },
+        {
+          "name": "顺爷精品加州鲈鱼苗",
+          "img": "enterpriseLogo/5-2.png",
+          "advantage": "拥有6000㎡标准工厂化育苗车间，常年可提供各种规格优质纯正杂交生鱼苗。采用工厂化循环水育苗技术，配套自动调控温系统，确保各阶段种苗稳定生产及供应。与各大科研机构及良种场强强联手合作，采用人工选育及自然淘汰法，确保种苗质量保障"
+        }
+      ],
       "introHtml":"<p><b>广东顺德顺爷水产有限公司</b>成立于2017年，是一家集精品水产标准制定、精品苗供应、安全鱼收购、精品养殖及品牌化销售于一体的综合型水产企业，采取“农户+基地+终端”的管理模式，打造规模化和标准化的精品苗产研中心和成鱼精养中心，并以“顺爷”为品牌，以智能化、机械化探索出一条品牌鱼的品质升级路线，与普通鱼在体形、口感、营养价值层面实现差异化区隔，为人们提供安全、新鲜、美味的品牌鱼。构建食品安全市场化监管和利益分享机制，打造“创造-分享-合作-共赢”的开放合作生态平台，提升产业链整体价值，助力水产产业升级。 </p<p>顺爷水产将始终以社会责任推动公司成长，实现为产业链上下游客户提供精品苗、精养鱼、水产品技术检测和其它增值服务的价值而砥砺奋进，开启水产发展新篇章！</p>",
       "honors":[]
     },
@@ -83,7 +195,43 @@
       "logoPath":"enterpriseLogo/en-logo-holdor.png",
       "address":"佛山市南海丹灶镇下安村",
       "contact":"0757-85437809",
-      "productions":["草鱼苗","鲫鱼苗","全雄黄颡鱼","鳜鱼苗","罗非鱼","加州鲈"],
+      "productions": [
+        {
+          "name": "百容草鱼苗",
+          "img": "enterpriseLogo/6-1.png",
+          "advantage": "生长速度快：抢食猛，生长速度较原种提高了8%-10%，生长到2公斤后生长不减速，生长优势明显。体型好：尾又深、体型长、背肌厚和肚腩小的优良性状，具有优秀的商品外观和肉质品质。抗逆性强:保留了野生原种的优秀基因，具有抗病、抗应激能力强和成活率高的特点。"
+        },
+        {
+          "name": "百容鲫鱼苗",
+          "img": "enterpriseLogo/6-2.png",
+          "advantage": "生长速度快：生长速度较普通鲫鱼提高30%以上，繁殖苗种在江苏精养模式下可达半斤以上，在广东套养模式下当年可达八两以上。体型好：体型修长、体色银灰、肌间刺少，背肉厚、内脏团小10%。耐运输：鳞片整齐、致密，有利于长途运输。"
+        },
+        {
+          "name": "百容全雄黄颡鱼",
+          "img": "enterpriseLogo/6-3.png",
+          "advantage": "全雄性、生长速度快: 所有个体均为遗传雄性,养殖雄性率达 98%以上，生长速度提高 30%以上。规格整齐、卖相好: 苗种遗传稳定性高,商品鱼规格整齐度高,毛毛鱼少。低温摄食好、饵料系数低: 融入寒带黄颡鱼种质基因, 苗种低温摄食较普通苗种好,饵料系数明显降低。抗应激能力强、耐运输: 融合各地优质种质基因,苗种抗逆能力显著增强。"
+        },
+        {
+          "name": "百容鳜鱼苗",
+          "img": "enterpriseLogo/6-4.png",
+          "advantage": "生长速度快：经饲养实践证明，苗种生长速度较普通苗种提高 10%-15%左右，养殖周期可缩短 10天-15天。体型好、畸形率低:苗种体型修长，体色、斑纹清晰，养殖畸形率较普通苗种降低 10%以上。苗种抗逆性强、存活率高:苗种活力好，抗病、抗应激能力强,苗种养殖成活率达 80%以上"
+        },
+        {
+          "name": "百容罗非鱼",
+          "img": "enterpriseLogo/6-5.png",
+          "advantage": "雄性率高：高效育苗技术体系确保了高的雄性率。雄性率可达98%以上。生长速度快：超过国内绝大多数罗非鱼品系，与国内一流品牌罗非鱼苗种基本处于同一水平。规格整齐、均匀度高:苗种遗传一致性高，生产性状整齐、稳定。抗逆性强：经养殖实践表明，养殖病害发病率和发病程度均有了显著降低。起捕率高:成鱼易起捕，一次起捕率可高达80%以上。"
+        },
+        {
+          "name": "百容团头鲂鱼苗",
+          "img": "enterpriseLogo/6-6.png",
+          "advantage": "生长度快、易起捕：生长速度较普通品种提高14%-20%以上，且易于起捕。体型好：体型修长、背肌厚、尾柄相粗壮等优良性状，具有优秀的商品外观。成活率高、抗逆性强：抗病能力提高10%-18%，耐低氧能力提高16%-24%，成活率达8成以上。"
+        },
+        {
+          "name": "百容加州鲈",
+          "img": "enterpriseLogo/6-7.png",
+          "advantage": "可摄食配合饲料，不携带特定病原的加州鲈大规格苗种，提高养殖成活率。生长速度快，比普通加州鲈快10%-20%，当年繁殖的鱼苗能长到500克，达到上市规格。养殖成活率提高21%，在池塘中单一品种高密度集约化养殖，亩产量达 3000 千克以上。体型好，个体生长均匀。"
+        }
+      ],
       "introHtml":"<p><b>广东海兴农集团有限公司</b>，是中国企业500强海大集团（股票代码002311）旗下全资子集团，属广东省农业龙头企业。主要从事海兴农牌南美白对虾苗、百容牌淡水鱼苗（如草鱼、鲫鱼、黄颡鱼、加州鲈、桂鱼、团头鲂、罗非鱼等）的遗传育种、生产、研发、销售及服务。拥有68000立方虾苗鱼苗水体和近万亩鱼苗繁育水体，基地遍布广东、广西、海南、福建、江浙、山东、天津、辽宁、华中、甘肃、山西等地，国外布局印尼、厄瓜多尔，年销售鱼苗、虾苗近300多亿尾，服务于上万名养殖户。十年磨一剑，2017年公司自主选育3个国家水产新品种“海兴农2号”凡纳滨对虾【GS-01-004-2016】、“华海一号”团头鲂【GS-01-001-2016】、长珠杂交鳜【GS-01-003-2016】也投入市场。海兴农、百容品牌的虾苗和鱼苗具有生长速度快，个体规格整齐，抗逆性强，养殖成功率高等特点，深受养户认可与喜爱。2018年荣获“年度领军企业”。</p><p>公司坚持“产品如人品、质量如生命”的经营宗旨，倡导像“对待宝宝一样呵护我们的虾苗”，抱着“种业兴农，振兴乡村”伟大梦想，以最优水产种苗服务于民，为养殖户创造最佳效益，立志成为国内领先、国际一流的水产生物育种专家。</p><p>“科技兴农，改变中国农村现状”是我们的使命。</p><p>“为养殖户创造价值、让养殖户盈利”是我们的目的。</p>",
       "honors":[{
         "date":"2018年",

static/gd-fish.json

@@ -6,5 +6,44 @@
       {"name": "1斤以上", "data": [4.18 , 0, 4.36, 4.58 , 4.34, 4.16, 4.21, 4.08, 4.13, 4.1, 3.94, 0]},
       {"name": "1.2-1.6斤以上", "data": [4.4, 0, 4.69, 4.94, 4.88, 4.93, 4.95, 4.59, 4.56, 4.41, 4.13, 0]}
     ]
+  },
+  "processTrend": {
+    "name": ["2015年","2016年","2017年","2018年"],
+    "value": [
+      {"name": "产量", "unit": "万吨", "data": [76.2,76.7,78,75.2]},
+      {"name": "加工量", "unit": "万吨", "data": [20.7,21.4,23.1,20.2]}
+    ]
+  },
+  "priceTrend": {
+    "name": ["2015年","2016年","2017年","2018年"],
+    "value": [
+      {"name": "塘头价格", "unit": "元/斤", "data": [4.1,4,4.1,3.8]},
+      {"name": "国内价格", "unit": "元/斤", "data": [5.2,5.1,5.2,5]},
+      {"name": "国外价格(加工品)", "unit": "元/斤", "data": [11.5,12,12,11]}
+    ]
+  },
+  "comparison1": {
+    "name": ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
+    "value": [
+      {"name": "2017年", "data": [3.37,	3.31,	3.49,	3.62,	3.51,	3.19,	3.33,	3.23,	3.16,	3.25,	3.28,	3.47]},
+      {"name": "2018年", "data": [3.16,	3.45,	3.63,	3.43,	3.14,	3.13,	3.36,	3.35,	3.51,	3.53,	3.25,	3.33]},
+      {"name": "2019年", "data": [3.2, 0,	3.35,	3.47,	3.3,	3.24,	3.12,	3.07,	3.03,	3.05,	2.84, 0]}
+    ]
+  },
+  "comparison2": {
+    "name": ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
+    "value": [
+      {"name": "2017年", "data": [4.31,	4.19,	4.47,	4.57,	4.57,	4.3,	4.34,	4.25,	4.15,	4.16,	4.06,	4.04]},
+      {"name": "2018年", "data": [4.12,	4.25,	4.89,	4.37,	4.22,	4.13,	4.21,	4.36,	4.46,	4.42,	4.16,	4.28]},
+      {"name": "2019年", "data": [4.18, 0, 4.36,	4.58,	4.34,	4.16,	4.21,	4.08,	4.13,	4.1,	3.94, 0]}
+    ]
+  },
+  "comparison3": {
+    "name": ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
+    "value": [
+      {"name": "2017年", "data": [4.52,	4.66,0,0,0,0,0,0,	4.63, 0,	4.6,	4.4]},
+      {"name": "2018年", "data": [0,0,0,5.08,	4.72,	4.71,	4.88,	4.85,	4.89,	4.8,	4.52,	4.53]},
+      {"name": "2019年", "data": [4.4,0,	4.69,	4.94,	4.88,	4.93,	4.95,	4.59,	4.56,	4.41,	4.13]}
+    ]
   }
 }

static/gd-production.json

 {
   "area": 478897,
   "cityData": [
-    {"name": "广州市", "area": 23010, "output": 338068.2145},
-    {"name": "韶关市", "area": 15968, "output": 101234.3071},
-    {"name": "深圳市", "area": 1126, "output": 211927.7261},
-    {"name": "珠海市", "area": 25697, "output": 786416.7286},
-    {"name": "汕头市", "area": 15330, "output": 603102.5457},
-    {"name": "佛山市", "area": 34888, "output": 1704450.882},
-    {"name": "江门市", "area": 55194, "output": 1783605.536},
-    {"name": "湛江市", "area": 81382, "output": 2472339.802},
-    {"name": "茂名市", "area": 37383, "output": 852607.1035},
-    {"name": "肇庆市", "area": 33945, "output": 549175.9952},
-    {"name": "惠州市", "area": 17670, "output": 277631.0517},
-    {"name": "梅州市", "area": 10697, "output": 122771.9367},
-    {"name": "汕尾市", "area": 18408, "output": 706701.8312},
-    {"name": "河源市", "area": 5664, "output": 46794.78575},
-    {"name": "阳江市", "area": 31472, "output": 2101692.311},
-    {"name": "清远市", "area": 16861, "output": 187195.4563},
-    {"name": "东莞市", "area": 5596, "output": 70267.57092},
-    {"name": "中山市", "area": 20596, "output": 623650.283},
-    {"name": "潮州市", "area": 13030, "output": 246433.1558},
-    {"name": "揭阳市", "area": 8219, "output": 245622.1037},
-    {"name": "云浮市", "area": 6762, "output": 122186.4332}
+    {"name": "广州市", "area": 23010, "output": 454214},
+    {"name": "韶关市", "area": 15968, "output": 81037},
+    {"name": "深圳市", "area": 1126, "output": 78453},
+    {"name": "珠海市", "area": 25697, "output": 313635},
+    {"name": "汕头市", "area": 15330, "output": 465237},
+    {"name": "佛山市", "area": 34888, "output": 675086},
+    {"name": "江门市", "area": 55194, "output": 765695},
+    {"name": "湛江市", "area": 81382, "output": 1234025},
+    {"name": "茂名市", "area": 37383, "output": 900108},
+    {"name": "肇庆市", "area": 33945, "output": 462347},
+    {"name": "惠州市", "area": 17670, "output": 158055},
+    {"name": "梅州市", "area": 10697, "output": 107078},
+    {"name": "汕尾市", "area": 18408, "output": 567008},
+    {"name": "河源市", "area": 5664, "output": 42612},
+    {"name": "阳江市", "area": 31472, "output": 1182625},
+    {"name": "清远市", "area": 16861, "output": 131113},
+    {"name": "东莞市", "area": 5596, "output": 45991},
+    {"name": "中山市", "area": 20596, "output": 329656},
+    {"name": "潮州市", "area": 13030, "output": 196665},
+    {"name": "揭阳市", "area": 8219, "output": 144416},
+    {"name": "云浮市", "area": 6762, "output": 99915}
   ],
   "production": [
     {"name": "海水养殖产量", "unit": "", "value":	3167259},
@@ -50,5 +50,23 @@
     {"name": "草鱼", "unit": "吨", "value": 892370},
     {"name": "鳜鱼", "unit": "吨", "value": 92363},
     {"name": "黄颡鱼", "unit": "吨", "value": 54065}
+  ],
+  "totalArea": [
+    {"name": "2015年", "unit": "公顷", "value": 569042 },
+    {"name": "2016年", "unit": "公顷", "value": 558617 },
+    {"name": "2017年", "unit": "公顷", "value": 477064 },
+    {"name": "2018年", "unit": "公顷", "value": 482540 }
+  ],
+  "seaArea": [
+    {"name": "2015年", "unit": "公顷", "value": 194861 },
+    {"name": "2016年", "unit": "公顷", "value": 196065 },
+    {"name": "2017年", "unit": "公顷", "value": 161690 },
+    {"name": "2018年", "unit": "公顷", "value": 165614 }
+  ],
+  "waterArea": [
+    {"name": "2015年", "unit": "公顷", "value": 374181 },
+    {"name": "2016年", "unit": "公顷", "value": 362552 },
+    {"name": "2017年", "unit": "公顷", "value": 315374 },
+    {"name": "2018年", "unit": "公顷", "value": 316926 }
   ]
 }

static/gd-trade.json

+{
+  "priceSituation": [
+    {"name": "南美白对虾（0.8-1cm）", "value":120, "unit":"元/万尾"},
+    {"name": "南美白对虾（1-2cm）", "value":160, "unit":"元/万尾"},
+    {"name": "鳖（稚鳖）", "value":2, "unit":"元/只"},
+    {"name": "草龟（稚龟）", "value":3, "unit":"元/只"},
+    {"name": "石金钱（稚龟）", "value":15, "unit":"元/只"},
+    {"name": "鳗鲡", "value":30, "unit":"元/条"},
+    {"name": "罗非鱼(3-4公分)", "value":0.14, "unit":"元/尾"},
+    {"name": "鲈鱼（200尾/斤）", "value":0.6, "unit":"元/尾"},
+    {"name": "鲈鱼（300尾/斤）", "value":0.5, "unit":"元/尾"},
+    {"name": "东风螺（壳高0.5—1cm）", "value":0.18, "unit":"元/粒"},
+    {"name": "草鱼（6天）（4000-6000尾/斤）", "value":350, "unit":"元/斤"},
+    {"name": "草鱼（7天）（2000-2500尾/斤）", "value":400, "unit":"元/斤"},
+    {"name": "草鱼（8天）（1000-1500尾/斤）", "value":450, "unit":"元/斤"},
+    {"name": "草鱼（9天）（400-600尾/斤）", "value":800, "unit":"元/斤"},
+    {"name": "鳜鱼水花", "value":10, "unit":"元/万尾"},
+    {"name": "鳜鱼（1.2-1.5cm）", "value":0.15, "unit":"元/尾"},
+    {"name": "鳜鱼（3cm以上标粗）", "value":0.18, "unit":"元/尾"},
+    {"name": "黄颡鱼（3cm）", "value":0.1, "unit":"元/尾"},
+    {"name": "黄颡鱼（4-6cm）", "value":0.13, "unit":"元/尾"},
+    {"name": "黄颡鱼（40-100尾/斤）", "value":12, "unit":"元/斤"},
+    {"name": "石斑鱼（1cm）", "value":0.5, "unit":"元/尾"}
+  ],
+  "tradeSituation": [
+    {"name": "广州市", "value": 18150, "unit": "万元"},
+    {"name": "韶关市", "value": 3834.07, "unit": "万元"},
+    {"name": "深圳市", "value": 8500, "unit": "万元"},
+    {"name": "珠海市", "value": 17825, "unit": "万元"},
+    {"name": "汕头市", "value": 1673.17, "unit": "万元"},
+    {"name": "佛山市", "value": 43532, "unit": "万元"},
+    {"name": "江门市", "value": 63, "unit": "万元"},
+    {"name": "湛江市", "value": 46582.35, "unit": "万元"},
+    {"name": "茂名市", "value": 26895.31, "unit": "万元"},
+    {"name": "肇庆市", "value": 11264.2, "unit": "万元"},
+    {"name": "惠州市", "value": 17160.8, "unit": "万元"},
+    {"name": "梅州市", "value": 13544.22, "unit": "万元"},
+    {"name": "汕尾市", "value": 115, "unit": "万元"},
+    {"name": "河源市", "value": 2896, "unit": "万元"},
+    {"name": "阳江市", "value": 22204.52, "unit": "万元"},
+    {"name": "清远市", "value": 17504.6, "unit": "万元"},
+    {"name": "东莞市", "value": 825, "unit": "万元"},
+    {"name": "中山市", "value": 17122, "unit": "万元"},
+    {"name": "潮州市", "value": 15076, "unit": "万元"},
+    {"name": "揭阳市", "value": 23174.52, "unit": "万元"},
+    {"name": "云浮市", "value": 7717, "unit": "万元"}
+  ],
+  "trendData": [
+    {"name": "鲜带鱼（350克上）", "first":47.33, "second": 49.94, "rate": 5.52 },
+    {"name": "鲜马鲛（1000克上）", "first":49.44, "second": 47.39, "rate": -4.16 },
+    {"name": "鲜红三（金线）（150克上）", "first":38.22, "second": 38.67, "rate": 1.17 },
+    {"name": "鲜红三（吊口）（150克上）", "first":53.44, "second": 59.28, "rate": 10.91 },
+    {"name": "白仓（150克上）", "first":68.78, "second": 38.50, "rate": -44.02 },
+    {"name": "黄花鱼（150克上）", "first":36.67, "second": 32.00, "rate": -12.73 },
+    {"name": "鲜池鱼（150克上）", "first":13.56, "second": 14.92, "rate": 10.03 },
+    {"name": "鲜鱿鱼（150克上）", "first":52.89, "second": 55.00, "rate": 3.98 },
+    {"name": "泥孟（100克上）", "first":25.22, "second": 40.07, "rate": 58.85 },
+    {"name": "活草鱼（1000克上）", "first":15.17, "second": 14.67, "rate": -3.30 },
+    {"name": "活花鲢（1000克上）", "first":14.17, "second": 14.17, "rate": 0.00 },
+    {"name": "活白鲢（1000克上）", "first":9.00, "second": 9.50, "rate": 5.56 },
+    {"name": "活生鱼（400克上）", "first":25.17, "second": 25.90, "rate": 2.91 },
+    {"name": "活鲮鱼（175克上）", "first":18.30, "second": 17.75, "rate": -3.02 },
+    {"name": "活罗非鱼（400克上）", "first":15.83, "second": 18.17, "rate": 14.74 },
+    {"name": "活白鳗（500克上）", "first":100.00, "second": 103.33, "rate": 3.33 },
+    {"name": "活桂花鱼（400克上）", "first":74.33, "second": 76.39, "rate": 2.76 },
+    {"name": "活鲈鱼（400克上）", "first":34.33, "second": 35.33, "rate": 2.91 },
+    {"name": "活水鱼（300克上）", "first":46.00, "second": 46.29, "rate": 0.62 },
+    {"name": "活竹节虾", "first":165.00, "second": 200.55, "rate": 21.55 },
+    {"name": "活罗氏虾", "first":98.00, "second": 105.00, "rate": 7.14 },
+    {"name": "活南美白", "first":61.67, "second": 64.50, "rate": 4.59 },
+    {"name": "活花蟹", "first":135.00, "second": 146.78, "rate": 8.72 },
+    {"name": "活膏蟹", "first":155.00, "second": 171.67, "rate": 10.75 },
+    {"name": "活肉蟹", "first":140.00, "second": 141.67, "rate": 1.19 },
+    {"name": "带子", "first":15.00, "second": 18.44, "rate": 22.96 },
+    {"name": "花蛤", "first":23.00, "second": 28.67, "rate": 24.64 },
+    {"name": "青口", "first":31.50, "second": 31.33, "rate": -0.53 },
+    {"name": "生蚝", "first":86.67, "second": 90.00, "rate": 3.85 },
+    {"name": "大连鲍鱼", "first":160.00, "second": 158.33, "rate": -1.04 },
+    {"name": "公鱼干（无头熟干）", "first":24.87, "second": 24.40, "rate": -1.88 },
+    {"name": "红鱼（500克）", "first":61.00, "second": 57.33, "rate": -6.01 },
+    {"name": "圆头或鱼干（7－9条）", "first":29.67, "second": 29.00, "rate": -2.25 },
+    {"name": "鱿鱼干（14－20cm）", "first":200.00, "second": 180.00, "rate": -10.00 }
+  ],
+  "supplyAndDemand": [
+    {"name":"南美白对虾", "type": "供", "count": "80亿尾", "min": 150, "max": 230, "unit": "元/万尾"},
+    {"name":"南美白对虾", "type": "供", "count": "1.5万", "min": 100, "max": 200, "unit": "元/万尾"},
+    {"name":"南美白对虾", "type": "供", "count": "0.5万", "min": 100, "max": 150, "unit": "元/万尾"},
+    {"name":"珍珠苗", "type": "供", "count": "6亿粒", "min": 0.04, "max": 0.06, "unit": "元/粒"},
+    {"name":"马氏珠母贝", "type": "供", "count": "1万", "min": 0.04, "max": 0.05, "unit": "元/粒"},
+    {"name":"南美白对虾", "type": "供", "count": "6000尾", "min": 289, "max": 760, "unit": "元/尾"},
+    {"name":"南美白对虾、日本对虾", "type": "供", "count": "10000对", "min": 383, "max": 442, "unit": "元/尾"},
+    {"name":"吉富罗非鱼", "type": "供", "count": "3000万尾", "min": 0.08, "max": 0.1, "unit": "元/尾"},
+    {"name":"“普利茂”南美白对虾", "type": "供", "count": "5万尾", "min": 98, "max": 100, "unit": "元/万尾"},
+    {"name":"南美白对虾“中兴1号”亲虾", "type": "供", "count": "10万尾", "min": 301, "max": 392, "unit": "元/尾"},
+    {"name":"南美白对虾“中兴1号”虾苗", "type": "供", "count": "40亿尾", "min": 78.5, "max": 79.4, "unit": "元/万尾"},
+    {"name":"亲虾", "type": "供", "count": "8200尾", "min": 268, "max": 391, "unit": "元/尾"},
+    {"name":"亲虾", "type": "供", "count": "5300尾", "min": 307, "max": 403, "unit": "元/尾"},
+    {"name":"亲虾", "type": "供", "count": "9800尾", "min": 356, "max": 478, "unit": "元/尾"},
+    {"name":"亲虾", "type": "供", "count": "6500尾", "min": 364, "max": 426, "unit": "元/尾"},
+    {"name":"罗氏沼虾苗", "type": "供", "count": "20000尾", "min": 280, "max": 460, "unit": "元/万尾"},
+    {"name":"东风螺苗", "type": "供", "count": "3500", "min": 1005, "max": 1200, "unit": "元/万颗"},
+    {"name":"南美白对虾", "type": "供", "count": "12460尾", "min": 328, "max": 418, "unit": "元/尾"},
+    {"name":"南美白对虾", "type": "求", "count": "6000对", "min": 353, "max": 400, "unit": "元/尾"},
+    {"name":"南美白对虾", "type": "求", "count": "7540尾", "min": 275, "max": 380, "unit": "元/尾"},
+    {"name":"南美白对虾", "type": "求", "count": "2500尾", "min": 300, "max": 400, "unit": "元/尾"},
+    {"name":"南美白对亲虾", "type": "求", "count": "4800尾", "min": 341.16, "max": 406, "unit": "元/尾"},
+    {"name":"南美白对虾、日本对虾", "type": "求", "count": "10000对", "min": 386, "max": 430, "unit": "元/尾"},
+    {"name":"吉富罗非鱼", "type": "求", "count": "20万尾", "min": 0.08, "max": 0.12, "unit": "元/尾"},
+    {"name":"南美白对虾", "type": "求", "count": "6530尾", "min": 386, "max": 414, "unit": "元/尾"},
+    {"name":"南美白对虾虾苗", "type": "求", "count": "1.5亿", "min": 135, "max": 215, "unit": "元/万尾"},
+    {"name":"南美白对虾虾苗", "type": "求", "count": "8500万", "min": 135, "max": 170, "unit": "元/万尾"},
+    {"name":"南美白对虾虾苗", "type": "求", "count": "7300万", "min": 135, "max": 155, "unit": "元/万尾"},
+    {"name":"南美白对虾", "type": "求", "count": "2400尾", "min": 341.16, "max": 406, "unit": "元/尾"},
+    {"name":"南美白对虾种虾", "type": "求", "count": "1600尾", "min": 400, "max": 432.9, "unit": "元/尾"},
+    {"name":"南美白对虾", "type": "供", "count": "8000尾", "min": 289, "max": 760, "unit": "元/尾"},
+    {"name":"南美白对虾、日本对虾", "type": "供", "count": "7000对", "min": 383, "max": 442, "unit": "元/尾"},
+    {"name":"吉富罗非鱼", "type": "供", "count": "4500万尾", "min": 0.08, "max": 0.1, "unit": "元/尾"},
+    {"name":"“普利茂”南美白对虾", "type": "供", "count": "3万尾", "min": 98, "max": 100, "unit": "元/万尾"},
+    {"name":"南美白对虾“中兴1号”亲虾", "type": "供", "count": "15万尾", "min": 301, "max": 392, "unit": "元/尾"},
+    {"name":"南美白对虾“中兴1号”虾苗", "type": "供", "count": "30亿尾", "min": 78.5, "max": 79.4, "unit": "元/万尾"},
+    {"name":"亲虾", "type": "供", "count": "7200尾", "min": 268, "max": 391, "unit": "元/尾"},
+    {"name":"亲虾", "type": "供", "count": "8300尾", "min": 307, "max": 403, "unit": "元/尾"},
+    {"name":"亲虾", "type": "供", "count": "3800尾", "min": 356, "max": 478, "unit": "元/尾"},
+    {"name":"亲虾", "type": "供", "count": "2500尾", "min": 364, "max": 426, "unit": "元/尾"},
+    {"name":"罗氏沼虾苗", "type": "供", "count": "30000尾", "min": 280, "max": 460, "unit": "元/万尾"},
+    {"name":"东风螺苗", "type": "供", "count": "3500", "min": 1005, "max": 1200, "unit": "元/万颗"},
+    {"name":"南美白对虾", "type": "供", "count": "13460尾", "min": 328, "max": 418, "unit": "元/尾"},
+    {"name":"南美白对虾", "type": "求", "count": "2000对", "min": 353, "max": 400, "unit": "元/尾"},
+    {"name":"南美白对虾", "type": "求", "count": "3540尾", "min": 275, "max": 380, "unit": "元/尾"},
+    {"name":"南美白对虾", "type": "求", "count": "3500尾", "min": 300, "max": 400, "unit": "元/尾"}
+  ],
+  "randomData": [
+    {"name":"南美白对虾（0.8-1cm）", "type": "供", "count": "15亿尾", "price": 120, "unit": "元/万尾"},
+    {"name":"南美白对虾（0.8-1cm）", "type": "求", "count": "3500万尾", "price": 118, "unit": "元/万尾"},
+    {"name":"南美白对虾（1-2cm）", "type": "供", "count": "20亿尾", "price": 160, "unit": "元/万尾"},
+    {"name":"南美白对虾（1-2cm）", "type": "求", "count": "5000万尾", "price": 157, "unit": "元/万尾"},
+    {"name":"鳖（稚鳖）", "type": "供", "count": "30万只", "price": 2, "unit": "元/只"},
+    {"name":"鳖（稚鳖）", "type": "求", "count": "2万只", "price": 1.9, "unit": "元/只"},
+    {"name":"草龟（稚龟）", "type": "供", "count": "14万只", "price": 3, "unit": "元/只"},
+    {"name":"草龟（稚龟）", "type": "求", "count": "3万只", "price": 2.6, "unit": "元/只"},
+    {"name":"石金钱（稚龟）", "type": "供", "count": "8万只", "price": 15, "unit": "元/只"},
+    {"name":"石金钱（稚龟）", "type": "求", "count": "3万只", "price": 14, "unit": "元/只"},
+    {"name":"鳗鲡", "type": "供", "count": "2400万条", "price": 28, "unit": "元/条"},
+    {"name":"鳗鲡", "type": "求", "count": "500万条", "price": 25, "unit": "元/条"},
+    {"name":"罗非鱼(3-4公分)", "type": "供", "count": "4.3亿尾", "price": 0.14, "unit": "元/尾"},
+    {"name":"罗非鱼(3-4公分)", "type": "求", "count": "2000万尾", "price": 0.13, "unit": "元/尾"},
+    {"name":"鲈鱼（200尾/斤）", "type": "供", "count": "214万尾", "price": 0.6, "unit": "元/尾"},
+    {"name":"鲈鱼（200尾/斤）", "type": "求", "count": "30万尾", "price": 0.55, "unit": "元/尾"},
+    {"name":"鲈鱼（300尾/斤）", "type": "供", "count": "340万尾", "price": 0.52, "unit": "元/尾"},
+    {"name":"鲈鱼（300尾/斤）", "type": "求", "count": "10万尾", "price": 0.48, "unit": "元/尾"},
+    {"name":"东风螺（壳高0.5—1cm）", "type": "供", "count": "7600万粒", "price": 0.18, "unit": "元/粒"},
+    {"name":"东风螺（壳高0.5—1cm）", "type": "求", "count": "300万粒", "price": 0.16, "unit": "元/粒"},
+    {"name":"草鱼（6天）（4000-6000尾/斤）", "type": "供", "count": "1000斤", "price": 350, "unit": "元/斤"},
+    {"name":"草鱼（6天）（4000-6000尾/斤）", "type": "求", "count": "300斤", "price": 340, "unit": "元/斤"},
+    {"name":"草鱼（7天）（2000-2500尾/斤）", "type": "供", "count": "2100斤", "price": 400, "unit": "元/斤"},
+    {"name":"草鱼（7天）（2000-2500尾/斤）", "type": "求", "count": "200斤", "price": 395, "unit": "元/斤"},
+    {"name":"草鱼（8天）（1000-1500尾/斤）", "type": "供", "count": "1000斤", "price": 450, "unit": "元/斤"},
+    {"name":"草鱼（8天）（1000-1500尾/斤）", "type": "求", "count": "120斤", "price": 420, "unit": "元/斤"},
+    {"name":"草鱼（9天）（400-600尾/斤）", "type": "供", "count": "3000斤", "price": 800, "unit": "元/斤"},
+    {"name":"草鱼（9天）（400-600尾/斤）", "type": "求", "count": "60斤", "price": 768, "unit": "元/斤"},
+    {"name":"鳜鱼水花", "type": "供", "count": "6000万尾", "price": 10, "unit": "元/万尾"},
+    {"name":"鳜鱼水花", "type": "求", "count": "600万尾", "price": 9.5, "unit": "元/万尾"},
+    {"name":"鳜鱼（1.2-1.5cm）", "type": "供", "count": "800万尾", "price": 0.15, "unit": "元/尾"},
+    {"name":"鳜鱼（1.2-1.5cm）", "type": "求", "count": "40万尾", "price": 0.13, "unit": "元/尾"},
+    {"name":"鳜鱼（3cm以上标粗）", "type": "供", "count": "600万尾", "price": 0.18, "unit": "元/尾"},
+    {"name":"鳜鱼（3cm以上标粗）", "type": "求", "count": "20万尾", "price": 0.17, "unit": "元/尾"},
+    {"name":"黄颡鱼（3cm）", "type": "供", "count": "2000万尾", "price": 0.11, "unit": "元/尾"},
+    {"name":"黄颡鱼（3cm）", "type": "求", "count": "100万尾", "price": 0.1, "unit": "元/尾"},
+    {"name":"黄颡鱼（4-6cm）", "type": "供", "count": "1800万尾", "price": 0.13, "unit": "元/尾"},
+    {"name":"黄颡鱼（4-6cm）", "type": "求", "count": "30万尾", "price": 0.12, "unit": "元/尾"},
+    {"name":"黄颡鱼（40-100尾/斤）", "type": "供", "count": "7000斤", "price": 12, "unit": "元/斤"},
+    {"name":"黄颡鱼（40-100尾/斤）", "type": "求", "count": "2000斤", "price": 11.5, "unit": "元/斤"},
+    {"name":"石斑鱼（1cm）", "type": "供", "count": "300万尾", "price": 0.5, "unit": "元/尾"},
+    {"name":"石斑鱼（1cm）", "type": "求", "count": "5万尾", "price": 0.45, "unit": "元/尾"},
+    {"name":"南美白对虾（0.8-1cm）", "type": "供", "count": "20亿尾", "price": 118, "unit": "元/万尾"},
+    {"name":"南美白对虾（0.8-1cm）", "type": "求", "count": "2000万尾", "price": 116, "unit": "元/万尾"},
+    {"name":"南美白对虾（1-2cm）", "type": "供", "count": "35亿尾", "price": 159, "unit": "元/万尾"},
+    {"name":"南美白对虾（1-2cm）", "type": "求", "count": "6500万尾", "price": 155, "unit": "元/万尾"},
+    {"name":"鳖（稚鳖）", "type": "供", "count": "35万只", "price": 2, "unit": "元/只"},
+    {"name":"鳖（稚鳖）", "type": "求", "count": "3.5万只", "price": 1.8, "unit": "元/只"},
+    {"name":"草龟（稚龟）", "type": "供", "count": "18万只", "price": 2.8, "unit": "元/只"},
+    {"name":"草龟（稚龟）", "type": "求", "count": "1.5万只", "price": 2.9, "unit": "元/只"},
+    {"name":"石金钱（稚龟）", "type": "供", "count": "7.6万只", "price": 16, "unit": "元/只"},
+    {"name":"石金钱（稚龟）", "type": "求", "count": "1.6万只", "price": 14.5, "unit": "元/只"},
+    {"name":"鳗鲡", "type": "供", "count": "5200万条", "price": 26, "unit": "元/条"},
+    {"name":"鳗鲡", "type": "求", "count": "800万条", "price": 24, "unit": "元/条"},
+    {"name":"罗非鱼(3-4公分)", "type": "供", "count": "1.6亿尾", "price": 0.15, "unit": "元/尾"},
+    {"name":"罗非鱼(3-4公分)", "type": "求", "count": "600万尾", "price": 0.13, "unit": "元/尾"},
+    {"name":"鲈鱼（200尾/斤）", "type": "供", "count": "860万尾", "price": 0.65, "unit": "元/尾"},
+    {"name":"鲈鱼（200尾/斤）", "type": "求", "count": "1.5万尾", "price": 0.58, "unit": "元/尾"},
+    {"name":"鲈鱼（300尾/斤）", "type": "供", "count": "120万尾", "price": 0.5, "unit": "元/尾"},
+    {"name":"鲈鱼（300尾/斤）", "type": "求", "count": "6万尾", "price": 0.48, "unit": "元/尾"},
+    {"name":"东风螺（壳高0.5—1cm）", "type": "供", "count": "4000万粒", "price": 0.17, "unit": "元/粒"},
+    {"name":"东风螺（壳高0.5—1cm）", "type": "求", "count": "450万粒", "price": 0.16, "unit": "元/粒"},
+    {"name":"草鱼（6天）（4000-6000尾/斤）", "type": "供", "count": "1200斤", "price": 356, "unit": "元/斤"},
+    {"name":"草鱼（6天）（4000-6000尾/斤）", "type": "求", "count": "186斤", "price": 342, "unit": "元/斤"},
+    {"name":"草鱼（7天）（2000-2500尾/斤）", "type": "供", "count": "800斤", "price": 420, "unit": "元/斤"},
+    {"name":"草鱼（7天）（2000-2500尾/斤）", "type": "求", "count": "400斤", "price": 398, "unit": "元/斤"},
+    {"name":"草鱼（8天）（1000-1500尾/斤）", "type": "供", "count": "750斤", "price": 466, "unit": "元/斤"},
+    {"name":"草鱼（8天）（1000-1500尾/斤）", "type": "求", "count": "50斤", "price": 434, "unit": "元/斤"},
+    {"name":"草鱼（9天）（400-600尾/斤）", "type": "供", "count": "1600斤", "price": 820, "unit": "元/斤"},
+    {"name":"草鱼（9天）（400-600尾/斤）", "type": "求", "count": "80斤", "price": 802, "unit": "元/斤"},
+    {"name":"鳜鱼水花", "type": "供", "count": "4600万尾", "price": 10.5, "unit": "元/万尾"},
+    {"name":"鳜鱼水花", "type": "求", "count": "550万尾", "price": 9.8, "unit": "元/万尾"},
+    {"name":"鳜鱼（1.2-1.5cm）", "type": "供", "count": "650万尾", "price": 0.17, "unit": "元/尾"},
+    {"name":"鳜鱼（1.2-1.5cm）", "type": "求", "count": "20万尾", "price": 0.16, "unit": "元/尾"},
+    {"name":"鳜鱼（3cm以上标粗）", "type": "供", "count": "740万尾", "price": 0.16, "unit": "元/尾"},
+    {"name":"鳜鱼（3cm以上标粗）", "type": "求", "count": "30万尾", "price": 0.15, "unit": "元/尾"},
+    {"name":"黄颡鱼（3cm）", "type": "供", "count": "2800万尾", "price": 0.11, "unit": "元/尾"},
+    {"name":"黄颡鱼（3cm）", "type": "求", "count": "60万尾", "price": 0.1, "unit": "元/尾"},
+    {"name":"黄颡鱼（4-6cm）", "type": "供", "count": "1400万尾", "price": 0.14, "unit": "元/尾"},
+    {"name":"黄颡鱼（4-6cm）", "type": "求", "count": "25万尾", "price": 0.12, "unit": "元/尾"},
+    {"name":"黄颡鱼（40-100尾/斤）", "type": "供", "count": "6500斤", "price": 13, "unit": "元/斤"},
+    {"name":"黄颡鱼（40-100尾/斤）", "type": "求", "count": "600斤", "price": 11.8, "unit": "元/斤"},
+    {"name":"石斑鱼（1cm）", "type": "供", "count": "550万尾", "price": 0.6, "unit": "元/尾"},
+    {"name":"石斑鱼（1cm）", "type": "求", "count": "1万尾", "price": 0.48, "unit": "元/尾"}
+  ]
+}