增加“企业介绍”

src/components/MonitorCard/monitor-card.vue

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

src/router/index.js

@@ -4,6 +4,7 @@ import Router from 'vue-router'
 // const Main = () => import('@/views/project-management/main')
 // const ChinaMap = () => import('@/views/china')
 // const MapTest = () => import('@/views/map-test')
+const GDEnterprise = () => import('@/views/guangdong/gd-enterprise') // 广东 - 企业专题
 const GDProduction = () => import('@/views/guangdong/gd-production') // 广东 - 生产专题
 const GDTrade = () => import('@/views/guangdong/gd-trade') // 广东 - 交易专题
 const GDDisease = () => import('@/views/guangdong/gd-disease') // 广东 - 疫病专题
@@ -44,6 +45,11 @@ export default new Router({
       name: 'industry',
       component: GDIndustry
     },
+    {
+      path: '/enterprise',
+      name: 'enterprise',
+      component: GDEnterprise
+    },
     {
       path: '/map3d',
       name: 'map3d',

src/util/common.js

+/** 公共方法 */
+
+export default {
+  /**
+     * 在深层数据结构中取值（为了替代类似 res && res.data && res.data.content这种写法）
+     * @param {Object} obj [必填-需要取值的目标对象（例：res）]
+     * @param {String} path [必填-数据结构路径（例：'data.content'）]
+     * @param {Any} defaultValue [可选-如果取不到值则默认返回该值]
+     */
+  confirm(obj, path, defaultValue = null) {
+    if (!obj || typeof(obj) != 'object' || !path || typeof(path) != 'string') return
+    const reducer = (accumulator, currentValue) =>
+      (accumulator && accumulator[currentValue]) ?
+        accumulator[currentValue] :
+        defaultValue
+
+    path = path.split('.')
+    return path.reduce(reducer, obj)
+  },
+  /**
+     *  -----  柯里化版本 （为了不再重复输入obj这个参数） -----
+     * 在深层数据结构中取值（为了替代类似 res && res.data && res.data.content这种写法）
+     * @param {Object} obj [必填-需要取值的目标对象（例：res）]
+     */
+  confirm_currying(obj) {
+    if (!obj || typeof(obj) != 'object') return
+    return (path, defaultValue = null) => {
+      if (!path || typeof(path) != 'string') return
+      const reducer = (accumulator, currentValue) =>
+        (accumulator && accumulator[currentValue]) ?
+          accumulator[currentValue] :
+          defaultValue
+      path = path.split('.')
+      return path.reduce(reducer, obj)
+    }
+  },
+  /**
+     * 判断一维数组中是否存在某个值
+     * @param {String} value 需要校验的字符串
+     * @param {Array} validList 被查找的一维数组
+     * @return {Boolean}   是否存在的结果
+     */
+  oneOf(value, validList) {
+    for (let i = 0; i < validList.length; i++) {
+      if (value === validList[i]) {
+        return true
+      }
+    }
+    return false
+  },
+  /**
+     * 转换为金钱格式(千分位且保留两位小数)
+     * @param {Number | String} num [需转换的数字或字符串]
+     */
+  toMoney(num) {
+    if (!num) {
+      return 0.00
+    }
+    num = this.toFloat(num).toFixed(2)
+    const arr = num.toString().split('.')
+    let int = (arr[0] || 0).toString(),
+      result = ''
+    while (int.length > 3) {
+      result = ',' + int.slice(-3) + result
+      int = int.slice(0, int.length - 3)
+    }
+    if (int) {
+      result = int + result
+    }
+    return `${result}.${arr[1]}`
+  },
+
+  /**
+     * 手机号码校验
+     * @param {String} num [需校验的手机号码]
+     */
+  checkPhone(num) {
+    if (!num) return false
+    const filter = /^1[3-9][0-9]{9}$/
+    return filter.test(num)
+  },
+
+  /**
+     * 固定电话号码校验
+     * @param {String} num [需校验的固话]
+     */
+  checkTel(num) {
+    if (!num) return false
+    const filter = /^(?:0[1-9][0-9]{1,2}-)?[2-8][0-9]{6,7}$/
+    return filter.test(num)
+  },
+
+  /**
+     * 身份证号码校验
+     * @param {String} num [需校验的身份证号码]
+     */
+  checkID(num) {
+    if (!num) return false
+    const filter = /(^\d{15}$)|(^\d{17}([0-9]|X)$)/
+    return filter.test(num)
+  },
+  /**
+     * 数字校验(整数或者小数)
+     * @param {String} num [需校验的数字]
+     */
+  checkNumber(num) {
+    if (!num && num != 0) return false
+    const filter = /^[0-9]+\.{0,1}[0-9]{0,2}$/
+    return filter.test(num)
+  },
+  /**
+     * 邮编校验(整数或者小数)
+     * @param {String} num [需校验的数字]
+     */
+  checkZipCode(num) {
+    if (!num && num != 0) return false
+    const filter = /^[0-9]{6}$/
+    return filter.test(num)
+  },
+  /**
+     * 文本校验(只能为中文、英文、数字组合，不允许其他特殊符号)
+     * @param {String} txt [需校验的文本]
+     */
+  checkContent(txt) {
+    const filter = /^[\u4E00-\u9FA5A-Za-z0-9]+$/
+    return filter.test(txt)
+  },
+  /**
+     * 密码校验(6位以上数字字母的组合)
+     * @param {String} txt [需校验的文本]
+     */
+  checkPassword(num) {
+    if (!num && num != 0) return false
+    const filter = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,}$/
+    return filter.test(num)
+  },
+
+  /**
+     * 获取URL执行参数值
+     * @param {String} variable 地址参数名
+     * @return false 未找到；
+     */
+  getQueryVariable(variable) {
+    var query = window.location.search.substring(1)
+    var vars = query.split('&')
+    for (var i = 0; i < vars.length; i++) {
+      var pair = vars[i].split('=')
+      if (pair[0] == variable) {
+        return pair[1]
+      }
+    }
+  },
+  /**
+     * 获取当前年
+     *
+     */
+  getCurrentYear() {
+    var date = new Date
+    return date.getFullYear()
+  },
+  /**
+     * 接收带时分秒的时间格式，返回去掉时分秒的时间格式
+     * @param {String} val
+     */
+  strTime(val) {
+    if (val === undefined || val == null) return
+    val = val.toString()
+    if (val == null || val == '') {
+      return ''
+    } else {
+      return val.slice(0, val.indexOf(' '))
+    }
+  },
+  /**
+     *  判断传入参数的类型，以字符串的形式返回
+     *  @obj：数据
+     **/
+  dataType(obj) {
+    if (obj === null) return 'Null'
+    if (obj === undefined) return 'Undefined'
+    return Object.prototype.toString.call(obj).slice(8, -1)
+  },
+  /**
+     * 处理对象参数值，排除对象参数值为”“、null、undefined，并返回一个新对象
+     **/
+  dealObjectValue(obj) {
+    var param = {}
+    if (obj === null || obj === undefined || obj === '') return param
+    for (var key in obj) {
+      if (this.dataType(obj[key]) === 'Object') {
+        param[key] = dealObjectValue(obj[key])
+      } else if (obj[key] !== null && obj[key] !== undefined && obj[key] !== '') {
+        param[key] = obj[key]
+      }
+    }
+    return param
+  },
+
+  /**
+   * 判断是否是ie并返回版本号
+   */
+  IEVersion() {
+    const userAgent = navigator.userAgent //取得浏览器的userAgent字符串
+    const isIE = userAgent.indexOf('compatible') > -1 && userAgent.indexOf('MSIE') > -1 //判断是否IE<11浏览器
+    const isEdge = userAgent.indexOf('Edge') > -1 && !isIE //判断是否IE的Edge浏览器
+    const isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf('rv:11.0') > -1
+    if(isIE) {
+      const reIE = new RegExp('MSIE (\\d+\\.\\d+);')
+      reIE.test(userAgent)
+      const fIEVersion = parseFloat(RegExp['$1'])
+      if(fIEVersion == 7) {
+        return 7
+      } else if(fIEVersion == 8) {
+        return 8
+      } else if(fIEVersion == 9) {
+        return 9
+      } else if(fIEVersion == 10) {
+        return 10
+      } else {
+        return 6//IE版本<=7
+      }
+    } else if(isEdge) {
+      return 'edge'//edge
+    } else if(isIE11) {
+      return 11 //IE11
+    }else{
+      return -1//不是ie浏览器
+    }
+  },
+
+  /**
+   * 输入数字转换成大写字母，比如 输入 0 输出 'A'
+   * @param {Number} num 输入的数字
+   */
+  numToLetter(num) {
+    if (!num && num != 0) return null
+    return (Number(num) + 10).toString(36).toUpperCase()
+  }
+}

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>
+        </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>
+import Common from '@/util/common'
+export default {
+  name: 'enterpriseCard',
+  props: {
+    enterprise: {
+      type: Object,
+      default() {
+        return {}
+      }
+    },
+    mode:{
+      type:String,
+      default: 'simple',
+      validator (value) {
+        // simple-简易 complete-完整
+        return Common.oneOf(value, ['simple', 'complete'])
+      }
+    }
+  },
+  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%
+    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/gd-disease.vue

@@ -4,7 +4,7 @@
     <ThemeTitle style="width: 400%;">全省疫病灾害数据分析专题</ThemeTitle>
     <div class="sum">
       <p>全省水产疫病爆发<b><m-count :value="sum.total" :decimal="0"/></b>次</p>
-      <p>面积<b><m-count :value="sum.area"/></b>k㎡</p>
+      <p>面积<b><m-count :value="sum.area"/></b>亩</p>
       <p>损失<b><m-count :value="sum.loss"/></b>万元</p>
     </div>
     <div class="box1">

src/views/guangdong/gd-enterprise.vue

+<template>
+  <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">
+        <m-card mode="2" :title="enterprise.name">
+          <EnterpriseCard :enterprise='enterprise'></EnterpriseCard>
+        </m-card>
+      </div>
+      <div class="box7">
+        <m-card mode="2" :title="' '" style="margin-top:3rem">
+          <EnterpriseCard :mode="'complete'" :enterprise='firstEnterprise'></EnterpriseCard>
+        </m-card>
+      </div>
+    </template>
+  </div>
+</template>
+
+<script>
+import ThemeTitle from './components/title'
+import EnterpriseCard from './components/enterprise-card'
+import axios from 'axios'
+export default {
+  name: 'Enterprise',
+  components: {
+    ThemeTitle,
+    EnterpriseCard
+  },
+  data() {
+    return {
+      index: 0,
+      enterpriseList: [],
+      firstEnterprise: {},
+      timerHanlder:null,
+      timeInterval:5000
+    }
+  },
+  mounted() {
+    this.getData()
+  },
+  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)
+    },
+    changeEnterprise(){
+      if(this.index === -1){
+        this.index = 0
+      }else if(this.index<(this.enterpriseList.length-1)){
+        this.index ++
+      }else{
+        this.index = 0
+      }
+      this.firstEnterprise = this.enterpriseList[this.index]
+    }
+  }
+}
+</script>
+
+<style lang="stylus" scoped>
+#container
+  $gd-layout()
+  grid-gap 1.5rem
+  grid-template-areas \
+    '. theme .'\
+    'box1 box7 box2'\
+    'box3 box7 box4'\
+    'box5 box7 box6'
+  grid-template-rows 4rem 1fr 1fr 1fr
+  grid-template-columns 1fr 2fr 1fr
+  .theme
+    grid-area theme
+    width 60%
+  .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>

static/gd-enterprise.json

+{
+  "enterprise":[
+    {
+      "name":"广东梁氏水产种业有限公司",
+      "logoPath":"enterpriseLogo/en-logo-lszy.png",
+      "address":"广东省佛山市三水区西南街道青岐现代渔业园区",
+      "contact":"黄国亮 / 13929957070",
+      "productions":["大口黑鲈“优鲈3号”","白金丰产鲫","全雌鳜鱼","饲料鳜鱼","白金罗氏沼虾","太阳鱼新品系“JHL蓝太1号”","白金杂交生鱼","白金黄颡鱼","禾花鲤"],
+      "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月",
+        "intro":"成为省内第一个聚焦淡水种业的院士团队"
+      },{
+        "date":"2018年12月",
+        "intro":"“优鲈3号”荣获全国水产原种和良种新品种证书"
+      },{
+        "date":"2016年02月",
+        "intro":"白金丰产鲫荣获全国水产原种和良种新品种证书"
+      },{
+        "date":"2017年12月",
+        "intro":"获得广东省科技技术厅、广东省财政厅、广东省国家税务局、广东省地方税务局颁发的高新技术企业证书"
+      }]
+    },
+    {
+      "name":"湛江国联水产开发股份有限公司",
+      "logoPath":"enterpriseLogo/en-logo-guolian.png",
+      "address":"吴川市覃巴镇",
+      "contact":"",
+      "productions":["国联罗非鱼","国联罗非鱼苗","国联澳洲淡水龙虾","国联小龙虾","国联1号南美白对虾苗","“国联1号”日本囊对虾"],
+      "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月",
+        "intro":"荣获中国对虾种苗20强供应基地"
+      },{
+        "date":"2012年12月",
+        "intro":"荣获广东省守信用重质量企业"
+      },{
+        "date":"2012年5月",
+        "intro":"荣获湛江市对虾苗种协会副会长单位"
+      },{
+        "date":"2014年1月",
+        "intro":"荣获中国南方市场最具公信力企业"
+      }]
+    },
+    {
+      "name":"广东省海洋渔业试验中心",
+      "logoPath":"enterpriseLogo/en-logo-MFD.png",
+      "address":"广东省惠州市大亚湾区澳头镇衙前村边",
+      "contact":"0752-5577234",
+      "productions":["黄鳍鲷","黑鲷","星点笛鲷","斜带石斑鱼","鞍带石斑鱼","棕点石斑鱼","虎龙杂交斑","青龙杂交斑","红龙杂交斑","青红杂交斑"],
+      "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月",
+        "intro":"“虎龙杂交斑”荣获全国水产原种和良种新品种证书"
+      }]
+    },
+    {
+      "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-sy.png",
+      "address":"佛山市顺德区北滘镇佛山一环黄龙特大桥侧",
+      "contact":"0757-22192333",
+      "productions":["顺爷精品生鱼苗","加州鲈鱼苗"],
+      "introHtml":"<p><b>广东顺德顺爷水产有限公司</b>成立于2017年，是一家集精品水产标准制定、精品苗供应、安全鱼收购、精品养殖及品牌化销售于一体的综合型水产企业，采取“农户+基地+终端”的管理模式，打造规模化和标准化的精品苗产研中心和成鱼精养中心，并以“顺爷”为品牌，以智能化、机械化探索出一条品牌鱼的品质升级路线，与普通鱼在体形、口感、营养价值层面实现差异化区隔，为人们提供安全、新鲜、美味的品牌鱼。构建食品安全市场化监管和利益分享机制，打造“创造-分享-合作-共赢”的开放合作生态平台，提升产业链整体价值，助力水产产业升级。 </p<p>顺爷水产将始终以社会责任推动公司成长，实现为产业链上下游客户提供精品苗、精养鱼、水产品技术检测和其它增值服务的价值而砥砺奋进，开启水产发展新篇章！</p>",
+      "honors":[]
+    },
+    {
+      "name":"佛山市南海百容水产良种有限公司",
+      "logoPath":"enterpriseLogo/en-logo-holdor.png",
+      "address":"佛山市南海丹灶镇下安村",
+      "contact":"0757-85437809",
+      "productions":["草鱼苗","鲫鱼苗","全雄黄颡鱼","鳜鱼苗","罗非鱼","加州鲈"],
+      "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年",
+        "intro":"荣获“年度领军企业”"
+      }]
+    }
+  ]
+}

static/gd-industry.json

@@ -29,12 +29,12 @@
   "fishProduction": {
     "name": ["2015年","2016年","2017年","2018年"],
     "value": [
+      {"name": "罗非鱼", "unit": "亿尾", "data": [116.65, 113, 104.54, 102.24]},
+      {"name": "鳗苗", "unit": "千克", "data": [835, 801, 800, 843]},
+      {"name": "虾类", "unit": "亿尾", "data": [4000, 4000, 4100, 5455]},
       {"name": "稚鳖", "unit": "万只", "data": [6260, 6661, 6791, 6549]},
       {"name": "稚龟", "unit": "万只", "data": [546, 547, 564, 665]},
-      {"name": "鳗苗", "unit": "千克", "data": [835, 801, 800, 43]},
-      {"name": "虾类", "unit": "亿尾", "data": [4000, 4000, 4100, 5455]},
-      {"name": "贝类", "unit": "万颗", "data": [605659, 245210, 255032, 293678]},
-      {"name": "罗非鱼", "unit": "亿尾", "data": [116.65, 113, 104.54, 102.24]}
+      {"name": "贝类", "unit": "万颗", "data": [605659, 245210, 255032, 293678]}
     ]
   }
 }