/**
* @Author think
* @Date 2019-04-30 09:46
*/

<template>
  <h-view :title="companyName" class="public-style risk-detail-tab">
    <s-tab :defaultActive="currentIndex" v-model="currentIndex">
      <tab-item v-for="(list,index) in tabList" :key="index" >\{{ list.name }}</tab-item>
    </s-tab>
    <h-content>
      <!--工商资料-->
      <section v-show="currentIndex===0" class="one">
        <list-item :item-height="40">
          <item :proportion="[1,1]">
            <section slot="name">法定代表</section>
            <section slot="content">\{{ businessInfor['法定代表人'] }}</section>
          </item>
          <item :proportion="[1,1]">
            <section slot="name">注册资本</section>
            <section slot="content">\{{ businessInfor['注册资本'] }}</section>
          </item>
          <item :proportion="[1,1]">
            <section slot="name">成立日期</section>
            <section slot="content">\{{ businessInfor['成立日期'] }}</section>
          </item>
          <item :proportion="[1,1]">
            <section slot="name">经营状态</section>
            <section slot="content">\{{ businessInfor['登记状态'] }}</section>
          </item>
          <item :proportion="[1,1]">
            <section slot="name">统一社会信用代码</section>
            <section slot="content">\{{ businessInfor['统一社会信用代码'] }}</section>
          </item>
          <item :proportion="[1,1]">
            <section slot="name">企业类型</section>
            <section slot="content">\{{ businessInfor['类型'] }}</section>
          </item>
        </list-item>

        <list-item :item-height="40">
          <item>
            <section slot="name">经营范围</section>
          </item>
          <item :proportion="[0,1]">
            <section slot="content">\{{ businessInfor['经营范围'] }}</section>
          </item>
          <item>
            <section slot="name">营业期至</section>
            <section slot="content">\{{ businessInfor['经营期限自'] }}-\{{ businessInfor['经营期限至'] }}</section>
          </item>
          <item>
            <section slot="name">核准日期</section>
            <section slot="content">\{{ businessInfor['核准日期'] }}</section>
          </item>
          <item>
            <section slot="name">登记机关</section>
            <section slot="content">\{{ businessInfor['登记机关'] }}</section>
          </item>
        </list-item>
      </section>
      <!--股东成员-->
      <section v-show="currentIndex===1" class="tow">
        <section v-if="investorInfor.total">
          <list-item :item-height="40">
            <item class="title">
              <section slot="name">股东</section>
              <section slot="content">\{{ investorInfor.total }}</section>
              <i v-if="tabHide[0]" slot="right-icon" class="ion-chevron-up right-icon" @click="listTabHide(0)"/>
              <i v-else slot="right-icon" class="ion-chevron-down right-icon" @click="listTabHide(0)"/>
            </item>
            <item
              v-for="(list,index) in investorInfor.hits" v-show="tabHide[0]" :key="index" :proportion="[1,1]">
              <section slot="name">\{{ list['股东'] }}</section>
              <section slot="content">\{{ list['股东类型'] }}</section>
            </item>
          </list-item>

          <list-item :item-height="40">
            <item class="title">
              <section slot="name">成员</section>
              <section slot="content">\{{ companyNumber.total }}</section>
              <i v-if="tabHide[1]" slot="right-icon" class="ion-chevron-up right-icon" @click="listTabHide(1)"/>
              <i v-else slot="right-icon" class="ion-chevron-down right-icon" @click="listTabHide(1)"/>
            </item>
            <item v-for="(list,index) in companyNumber.hits" v-show="tabHide[1]" :key="index">
              <section slot="name">\{{ list['成员'] }}</section>
              <section slot="content">\{{ list['职务'] }}</section>
            </item>
          </list-item>
        </section>
        <section v-if="!investorInfor.total" class="data_error">
          <img src="@/assets/image/risk/no_data.png" class="line1-img">
          <div class="board-block">
            没有数据
          </div>
        </section>
      </section>
      <!--对外投资-->
      <section v-show="currentIndex===2" class="three">
        <section v-if="investmentInfor.total">
          <list-item :item-height="40">
            <item class="title">
              <section slot="name">对外投资</section>
              <section slot="content">\{{ investmentInfor.total }}</section>
              <i v-if="tabHide[2]" slot="right-icon" class="ion-chevron-up right-icon" @click="listTabHide(2)"/>
              <i v-else slot="right-icon" class="ion-chevron-down right-icon" @click="listTabHide(2)"/>
            </item>
            <item
              v-for="(list,index) in investmentInfor.hits"
              v-show="tabHide[2]" :proportion="[1,0]" :key="index">
              <section slot="name" class="name">\{{ list['名称'] }}</section>
              <section slot="name" class="value">\{{ list['核准日期'] }} 丨 \{{ list['登记机关'] }}</section>
            </item>
          </list-item>
        </section>
        <section v-if="!investmentInfor.total" class="data_error">
          <img src="@/assets/image/risk/no_data.png" class="line1-img">
          <div class="board-block">
            没有数据
          </div>
        </section>
      </section>
      <!--工商变更-->
      <section v-show="currentIndex===3" class="three four">
        <section v-if="gsbgInfor.total">
          <list-item :item-height="40">
            <section v-for="(list,index) in gsbgInfor.hits" :key="index">
              <item class="title">
                <section slot="name">\{{ list['变更日期'] }}</section>
              </item>
              <item
                :proportion="[5,2]">
                <section slot="name" class="name">\{{ list['变更后'] }}</section>
                <section slot="name" class="value">\{{ list['变更前'] }}</section>
                <section slot="content">\{{ list['变更事项'] }}</section>
              </item>
            </section>
          </list-item>
        </section>
        <section v-if="!gsbgInfor.total" class="data_error">
          <img src="@/assets/image/risk/no_data.png" class="line1-img">
          <div class="board-block">
            没有数据
          </div>
        </section>
      </section>
      <!--企业年报-->
      <section v-show="currentIndex===4" class="three">
        <section v-if="nianbaoInfor.total">
          <s-tab v-model="nianBaoIndex">
            <tab-item v-for="(list,index) in nianbaoInfor.hits" :key="index">\{{ list['报送年度'] }}年</tab-item>
          </s-tab>
          <list-item :item-height="40">
            <item class="title">
              <section slot="name">基本信息</section>
              <i v-if="tabHide[3]" slot="right-icon" class="ion-chevron-up right-icon" @click="listTabHide(3)"/>
              <i v-else slot="right-icon" class="ion-chevron-down right-icon" @click="listTabHide(3)"/>
            </item>
            <section v-show="tabHide[3]">
              <item :proportion="[1,1]">
                <section slot="name">从业人数</section>
                <section slot="content">\{{ nianbaoInfor.hits[nianBaoIndex]['基本信息']['从业人数'] }}</section>
              </item>
              <item :proportion="[1,1]" >
                <section slot="name">股权变更</section>
                <section v-if="nianbaoInfor.hits[nianBaoIndex]['股权变更'][0]" slot="content">\{{ nianbaoInfor.hits[nianBaoIndex]['股权变更'][0]['股东'] }}: \{{ nianbaoInfor.hits[nianBaoIndex]['股权变更'][0]['变更后股权比例'] }}</section>
                <section v-else slot="content">无</section>
              </item>
              <item :proportion="[1,1]" >
                <section slot="name">企业经营状态</section>
                <section slot="content">\{{ nianbaoInfor.hits[nianBaoIndex]['基本信息']['企业经营状态'] }}</section>
              </item>
              <item :proportion="[1,1]" >
                <section slot="name">企业联系电话</section>
                <section slot="content">\{{ nianbaoInfor.hits[nianBaoIndex]['基本信息']['企业联系电话'] }}</section>
              </item>
              <item :proportion="[1,1]" >
                <section slot="name">企业通信地址</section>
                <section slot="content">\{{ nianbaoInfor.hits[nianBaoIndex]['基本信息']['企业通信地址'] }}</section>
              </item>
              <item :proportion="[1,1]" >
                <section slot="name">是否对外提供担保信息</section>
                <section v-if="nianbaoInfor.hits[nianBaoIndex]['对外提供保证担保'][0]" slot="content">\{{ nianbaoInfor.hits[nianBaoIndex]['对外提供保证担保'][0] }}</section>
                <section v-else slot="content">无</section>
              </item>
              <item :proportion="[1,1]">
                <section slot="name">是否有网站或网店</section>
                <section slot="content">\{{ nianbaoInfor.hits[nianBaoIndex]['基本信息']['是否有网站或网店'] }}</section>
              </item>
              <item :proportion="[1,1]">
                <section slot="name">社会信用代码/注册号</section>
                <section v-if="nianbaoInfor.hits[nianBaoIndex]['基本信息']['注册号/统一社会信用代码']" slot="content">\{{ nianbaoInfor.hits[nianBaoIndex]['基本信息']['注册号/统一社会信用代码'] }}</section>
                <section v-else slot="content">无</section>
              </item>
              <item :proportion="[1,1]">
                <section slot="name">邮政编码</section>
                <section slot="content">\{{ nianbaoInfor.hits[nianBaoIndex]['基本信息']['邮政编码'] }}</section>
              </item>
              <!--<item :proportion="[1,1]" :has-border="false">
                <section slot="name">企业主要经营活动</section>
                <section v-if="nianbaoInfor.hits[nianBaoIndex]['经营范围']" slot="content">\{{ nianbaoInfor.hits[nianBaoIndex]['经营范围'] }}</section>
                <section v-else slot="content">无</section>
              </item>-->
              <item :proportion="[1,1]" >
                <section slot="name">企业名称</section>
                <section slot="content">\{{ nianbaoInfor.hits[nianBaoIndex]['基本信息']['企业名称'] }}</section>
              </item>
              <item :proportion="[1,1]" >
                <section slot="name">企业电子邮箱</section>
                <section v-if="nianbaoInfor.hits[nianBaoIndex]['基本信息']['电子邮箱']" slot="content">\{{ nianbaoInfor.hits[nianBaoIndex]['基本信息']['电子邮箱'] }}</section>
                <section v-else slot="content">无</section>
              </item>
              <item :proportion="[2,1]" >
                <section slot="name">是否有投资信息或购买其他公司股权</section>
                <section slot="content">\{{ nianbaoInfor.hits[nianBaoIndex]['基本信息']['是否有投资信息或购买其他公司股权'] }}</section>
              </item>
              <item :proportion="[4,1]" >
                <section slot="name">有限责任公司本年度是否发生股东股权转让</section>
                <section slot="content">\{{ nianbaoInfor.hits[nianBaoIndex]['基本信息']['有限责任公司本年度是否发生股东股权转让'] }}</section>
              </item>
            </section>
          </list-item>
          <list-item :item-height="40">
            <item class="title">
              <section slot="name">网站信息</section>
              <i v-if="tabHide[4]" slot="right-icon" class="ion-chevron-up right-icon" @click="listTabHide(4)"/>
              <i v-if="!tabHide[4]" slot="right-icon" class="ion-chevron-down right-icon" @click="listTabHide(4)"/>
            </item>
            <section v-show="tabHide[4]">
              <item :proportion="[1,0]">
                <section slot="name">\{{ nianbaoInfor.hits[nianBaoIndex]['网站信息'][0]['名称'] }}</section>
                <section slot="name" class="value">\{{ nianbaoInfor.hits[nianBaoIndex]['网站信息'][0]['类型'] }}：\{{ nianbaoInfor.hits[nianBaoIndex]['网站信息'][0]['网址'] }}</section>
              </item>
            </section>
          </list-item>
          <list-item :item-height="40">
            <item class="title">
              <section slot="name">出资信息</section>
              <section slot="content">\{{ nianbaoInfor.hits[nianBaoIndex]['股东及出资信息'].length }}</section>
              <i v-if="tabHide[5]" slot="right-icon" class="ion-chevron-up right-icon" @click="listTabHide(5)"/>
              <i v-else slot="right-icon" class="ion-chevron-down right-icon" @click="listTabHide(5)"/>
            </item>
            <section v-show="tabHide[5]">
              <item v-for="(li,index) in nianbaoInfor.hits[nianBaoIndex]['股东及出资信息']" :proportion="[1,1]" :key="index">
                <section slot="name">\{{ li['股东'] }}</section>
                <section slot="content" class="value">\{{ li['认缴出资时间'] }}</section>
              </item>
            </section>
          </list-item>

          <list-item :item-height="40">
            <item class="title">
              <section slot="name">对外投资</section>
              <section slot="content">\{{ nianbaoInfor.hits[nianBaoIndex]['对外投资信息'].length }}</section>
              <i v-if="tabHide[6]" slot="right-icon" class="ion-chevron-up right-icon" @click="listTabHide(6)"/>
              <i v-if="!tabHide[6]" slot="right-icon" class="ion-chevron-down right-icon" @click="listTabHide(6)"/>
            </item>
            <section v-show="tabHide[6]">
              <item v-for="(li ,index) in nianbaoInfor.hits[nianBaoIndex]['对外投资信息']" :proportion="[1,0]" :key="index">
                <section slot="name">\{{ li['投资设立企业或购买股权企业名称'] }}</section>
                <section slot="name" class="value">\{{ li['注册号/统一社会信用代码'] }}</section>
              </item>
            </section>
          </list-item>

          <list-item :item-height="40">
            <item class="title">
              <section slot="name">资产状况信息</section>
              <i v-if="tabHide[7]" slot="right-icon" class="ion-chevron-up right-icon" @click="listTabHide(7)"/>
              <i v-if="!tabHide[7]" slot="right-icon" class="ion-chevron-down right-icon" @click="listTabHide(7)"/>
            </item>
            <section v-show="tabHide[7]">
              <item :proportion="[1,1]">
                <section slot="name">净利润</section>
                <section slot="content">\{{ nianbaoInfor.hits[nianBaoIndex]['资产状况信息']['净利润'] }}</section>
              </item>
              <item :proportion="[1,1]">
                <section slot="name">利润总额</section>
                <section slot="content">\{{ nianbaoInfor.hits[nianBaoIndex]['资产状况信息']['利润总额'] }}</section>
              </item>
              <item :proportion="[1,1]">
                <section slot="name">所有者权益合计</section>
                <section slot="content">\{{ nianbaoInfor.hits[nianBaoIndex]['资产状况信息']['所有者权益合计'] }}</section>
              </item>
              <item :proportion="[1,1]">
                <section slot="name">纳税总额</section>
                <section slot="content">\{{ nianbaoInfor.hits[nianBaoIndex]['资产状况信息']['纳税总额'] }}</section>
              </item>
              <item :proportion="[1,1]">
                <section slot="name">营业总收入</section>
                <section slot="content">\{{ nianbaoInfor.hits[nianBaoIndex]['资产状况信息']['营业总收入'] }}</section>
              </item>
              <item :proportion="[1,1]">
                <section slot="name">总收入中主营业务收入</section>
                <section slot="content">\{{ nianbaoInfor.hits[nianBaoIndex]['资产状况信息']['营业总收入中主营业务收入'] }}</section>
              </item>
              <item :proportion="[1,1]">
                <section slot="name">负债总额</section>
                <section slot="content">\{{ nianbaoInfor.hits[nianBaoIndex]['资产状况信息']['负债总额'] }}</section>
              </item>
              <item :proportion="[1,1]">
                <section slot="name">资产总额</section>
                <section slot="content">\{{ nianbaoInfor.hits[nianBaoIndex]['资产状况信息']['资产总额'] }}</section>
              </item>

            </section>
          </list-item>

        </section>
        <section v-else class="data_error">
          <img src="@/assets/image/risk/no_data.png" class="line1-img">
          <div class="board-block">
            没有数据
          </div>
        </section>
      </section>
      <!--关联情报-->
      <section v-show="currentIndex===5">
        <section class="data_error">
          <img src="@/assets/image/risk/no_data.png" class="line1-img">
          <div class="board-block">
            没有数据
          </div>
        </section>
      </section>
      <!--开庭公告-->
      <section v-show="currentIndex===6" class="three four">
        <section v-if="ktggInfor.total">
          <list-item :item-height="40">
            <section v-for="(list,index) in ktggInfor.hits" :key="index">
              <item class="title">
                <section slot="name">\{{ list['开庭时间'] }}</section>
              </item>
              <item
                :proportion="[5,2]">
                <section slot="name" class="name">\{{ list['案由'] }}</section>
                <section slot="name" class="value">\{{ list['案号'] }}</section>
                <section slot="content">\{{ list['法官'] }}</section>
              </item>
            </section>
          </list-item>
        </section>
        <section v-else class="data_error">
          <img src="@/assets/image/risk/no_data.png" class="line1-img">
          <div class="board-block">
            没有数据
          </div>
        </section>
      </section>
      <!--裁判文书-->
      <section v-show="currentIndex===7" class="three four">
        <section v-if="cpwsInfor.total">
          <list-item :item-height="40">
            <section v-for="(list,index) in cpwsInfor.hits" :key="index">
              <item class="title">
                <section slot="name">\{{ list['判决时间'] }}</section>
              </item>
              <item
                :proportion="[5,2]">
                <section slot="name" class="name">\{{ list['标题'] }}</section>
                <section slot="name" class="value">\{{ list['案号'] }}</section>
                <section slot="content">\{{ list['案由'] }}</section>
              </item>
            </section>
          </list-item>
        </section>
        <section v-else class="data_error">
          <img src="@/assets/image/risk/no_data.png" class="line1-img">
          <div class="board-block">
            没有数据
          </div>
        </section>
      </section>
      <!--执行记录-->
      <section v-show="currentIndex===8" class="three four">
        <section v-if="zhixingInfor.total">
          <list-item :item-height="40">
            <section v-for="(list,index) in zhixingInfor.hits" :key="index">
              <item class="title">
                <section slot="name">\{{ list['立案时间'] }}</section>
              </item>
              <item
                :proportion="[5,2]">
                <section slot="name" class="name">\{{ list['执行法院'] }}</section>
                <section slot="name" class="value">\{{ list['案号'] }}</section>
                <section slot="content">\{{ list['案件状态'] }}</section>
              </item>
            </section>
          </list-item>
        </section>
        <section v-else class="data_error">
          <img src="@/assets/image/risk/no_data.png" class="line1-img">
          <div class="board-block">
            没有数据
          </div>
        </section>
      </section>
      <!--失信记录-->
      <section v-show="currentIndex===9" class="three four">
        <section v-if="shixinInfor.total">
          <list-item :item-height="40">
            <section v-for="(list,index) in shixinInfor.hits" :key="index">
              <item class="title">
                <section slot="name">\{{ list['被执行人的履行情况'] }}</section>
              </item>
              <item
                :proportion="[5,2]">
                <section slot="name" class="name">法定代表人：\{{ list['法定代表人或者负责人姓名'] }}</section>
                <section slot="name" class="value">\{{ list['生效法律文书确定的义务'] }}</section>
                <section slot="content">\{{ list['案号'] }}</section>
              </item>
            </section>
          </list-item>
        </section>
        <section v-else class="data_error">
          <img src="@/assets/image/risk/no_data.png" class="line1-img">
          <div class="board-block">
            没有数据
          </div>
        </section>
      </section>

      <!--涉诉公告-->
      <section v-show="currentIndex===10" class="three four">
        <section v-if="ssggInfo.total">
          <list-item :item-height="40">
            <section v-for="(list,index) in ssggInfo.hits" :key="index">
              <item class="title">
                <section slot="name">\{{ list['公告时间'] }}</section>
              </item>
              <item
                :proportion="[5,2]">
                <section slot="name" class="name">\{{ list['公告人'] }}</section>
                <section slot="name" class="value">\{{ list['相关人'] }}</section>
                <section slot="content">\{{ list['公告类型'] }}</section>
              </item>
            </section>
          </list-item>
        </section>
        <section v-else class="data_error">
          <img src="@/assets/image/risk/no_data.png" class="line1-img">
          <div class="board-block">
            没有数据
          </div>
        </section>
      </section>

      <!--司法协助-->
      <section v-show="currentIndex===11" class="three four">
        <section v-if="sfxzInfor.total">
          <list-item :item-height="40">
            <section v-for="(list,index) in sfxzInfor.hits" :key="index">
              <item class="title">
                <section slot="name">\{{ list['公示日期'] }}</section>
              </item>
              <item
                :proportion="[5,2]">
                <section slot="name" class="name">\{{ list['被执行人持有股权、其它投资权益的数额'] }}</section>
                <section slot="name" class="value">被执行人：\{{ list['被执行人'] }}</section>
                <section slot="content">\{{ list['执行事项'] }}</section>
              </item>
            </section>
          </list-item>
        </section>
        <section v-else class="data_error">
          <img src="@/assets/image/risk/no_data.png" class="line1-img">
          <div class="board-block">
            没有数据
          </div>
        </section>
      </section>

      <!--动产融资-->
      <section v-show="currentIndex===12" class="three four">
        <section v-if="dcdyInfor.total">
          <list-item :item-height="40">
            <section v-for="(list,index) in dcdyInfor.hits" :key="index">
              <item class="title">
                <section slot="name">\{{ list['登记日期'] }}</section>
              </item>
              <item
                :proportion="[5,2]">
                <section slot="name" class="name">债务人：\{{ list['债务人'] }}</section>
                <section slot="name" class="value">\{{ list['登记机关'] }}</section>
                <section slot="content">\{{ list['交易业务类型'] }}</section>
              </item>
            </section>
          </list-item>
        </section>
        <section v-else class="data_error">
          <img src="@/assets/image/risk/no_data.png" class="line1-img">
          <div class="board-block">
            没有数据
          </div>
        </section>
      </section>

      <!--股权出质-->
      <section v-show="currentIndex===13" class="three four">
        <section v-if="gqczInfor.total">
          <list-item :item-height="40">
            <section v-for="(list,index) in gqczInfor.hits" :key="index">
              <item class="title">
                <section slot="name">\{{ list['登记日期'] }}</section>
              </item>
              <item
                :proportion="[7,1]">
                <section slot="name" class="name">\{{ list['出质股权数额'] }} 丨 \{{ list['状态'] }}</section>
                <section slot="name" class="value">出质人：\{{ list['出质人'] }}</section>
                <section slot="name" class="value">质权人：\{{ list['质权人'] }}</section>
                <section slot="content">\{{ list['状态'] }}</section>
              </item>
            </section>
          </list-item>
        </section>
        <section v-else class="data_error">
          <img src="@/assets/image/risk/no_data.png" class="line1-img">
          <div class="board-block">
            没有数据
          </div>
        </section>
      </section>

      <!--行政处罚-->
      <section v-show="currentIndex===14" class="three four">
        <section v-if="xzcfInfor.total">
          <list-item :item-height="40">
            <section v-for="(list,index) in xzcfInfor.hits" :key="index">
              <item class="title">
                <section slot="name">\{{ list['作出处罚决定的日期'] }}</section>
              </item>
              <item
                :proportion="[7,1]">
                <section slot="name" class="name">\{{ list['标题'] }}</section>
                <section slot="content">\{{ list['处罚部门'] }}</section>
              </item>
            </section>
          </list-item>
        </section>
        <section v-else class="data_error">
          <img src="@/assets/image/risk/no_data.png" class="line1-img">
          <div class="board-block">
            没有数据
          </div>
        </section>
      </section>
      <!--信息披露-->
      <section v-show="currentIndex===15" class="three four">
        <section class="data_error">
          <img src="@/assets/image/risk/no_data.png" class="line1-img">
          <div class="board-block">
            没有数据
          </div>
        </section>
      </section>

      <!--经营异常-->
      <section v-show="currentIndex===16" class="three four">
        <section v-if="jyycInfor.total">
          <list-item :item-height="40">
            <section v-for="(list,index) in jyycInfor.hits" :key="index">
              <item class="title">
                <section slot="name">\{{ list['列入日期'] }}</section>
              </item>
              <item
                :proportion="[7,1]">
                <section slot="name" class="name">\{{ list['异常原因'] }}</section>
                <section slot="content">\{{ list['移出日期'] }}</section>
              </item>
            </section>
          </list-item>
        </section>
        <section v-else class="data_error">
          <img src="@/assets/image/risk/no_data.png" class="line1-img">
          <div class="board-block">
            没有数据
          </div>
        </section>
      </section>

      <!--担保-->
      <section v-show="currentIndex===17" class="three four">
        <section class="data_error">
          <img src="@/assets/image/risk/no_data.png" class="line1-img">
          <div class="board-block">
            没有数据
          </div>
        </section>
      </section>

      <!--欠税记录-->
      <section v-show="currentIndex===18" class="three four">
        <section v-if="qsjlInfor.total">
          <list-item :item-height="40">
            <section v-for="(list,index) in qsjlInfor.hits" :key="index">
              <item class="title">
                <section slot="name">\{{ list['发布时间'] }}</section>
              </item>
              <item
                :proportion="[6,1]">
                <section slot="name" class="name">\{{ list['金额'] }}</section>
                <section slot="name" class="value">\{{ list['税务机关'] }}</section>
                <section slot="content">\{{ list['税种'] }}</section>
              </item>
            </section>
          </list-item>
        </section>
        <section v-else class="data_error">
          <img src="@/assets/image/risk/no_data.png" class="line1-img">
          <div class="board-block">
            没有数据
          </div>
        </section>
      </section>

      <!--税务异常-->
      <section v-show="currentIndex===19" class="three four">
        <section v-if="swfzchInfor.total">
          <list-item :item-height="40">
            <section v-for="(list,index) in swfzchInfor.hits" :key="index">
              <item class="title">
                <section slot="name">\{{ list['认定时间'] }}</section>
              </item>
              <item
                :proportion="[6,1]">
                <section slot="name" class="name">\{{ list['企业名称'] }}</section>
                <section slot="name" class="value">\{{ list['法定代表人'] }}</section>
                <section slot="content">\{{ list['税务机关'] }}</section>
              </item>
            </section>
          </list-item>
        </section>
        <section v-else class="data_error">
          <img src="@/assets/image/risk/no_data.png" class="line1-img">
          <div class="board-block">
            没有数据
          </div>
        </section>
      </section>

      <!--招投标-->
      <section v-show="currentIndex===20" class="three four">
        <section v-if="ztbInfor.total">
          <list-item :item-height="40">
            <section v-for="(list,index) in ztbInfor.hits" :key="index">
              <item class="title">
                <section slot="name">\{{ list['发布时间'] }}</section>
              </item>
              <item
                :proportion="[5,2]">
                <section slot="name" class="name">\{{ list['标题'] }}</section>
                <section slot="name" class="value">\{{ list['采购人'][0] }}</section>
                <section slot="name" class="value">\{{ list['地区'] }}</section>
                <section slot="content">\{{ list['公告类型'] }}</section>
              </item>
            </section>
          </list-item>
        </section>
        <section v-else class="data_error">
          <img src="@/assets/image/risk/no_data.png" class="line1-img">
          <div class="board-block">
            没有数据
          </div>
        </section>
      </section>

      <!--土地信息-->
      <section v-show="currentIndex===21" class="three four">
        <section v-if="tudiInfor.total">
          <list-item :item-height="40">
            <section v-for="(list,index) in tudiInfor.hits" :key="index">
              <item class="title">
                <section slot="name">\{{ list['公示期'] }}</section>
              </item>
              <item
                :proportion="[5,2]">
                <section slot="name" class="name">\{{ list['行政区'] }} 丨 \{{ list['地块位置'] }}</section>
                <section slot="name" class="value">\{{ list['土地面积(公顷)'] }} 丨 \{{ list['土地用途'] }}</section>
                <section slot="content">\{{ list['公告类别'] }}</section>
              </item>
            </section>
          </list-item>
        </section>
        <section v-else class="data_error">
          <img src="@/assets/image/risk/no_data.png" class="line1-img">
          <div class="board-block">
            没有数据
          </div>
        </section>
      </section>

      <!--专利-->
      <section v-show="currentIndex===22" class="three four">
        <section v-if="patentInfor.total">
          <list-item :item-height="40">
            <section v-for="(list,index) in patentInfor.hits" :key="index">
              <item class="title">
                <section slot="name">\{{ list['申请公布日'] }}</section>
              </item>
              <item
                :proportion="[5,2]">
                <section slot="name" class="name">\{{ list['发明（设计）名称'] }}</section>
                <section slot="name" class="value">\{{ list['摘要'] }}</section>
                <section slot="content">\{{ list['专利类型'] }}</section>
              </item>
            </section>
          </list-item>
        </section>
        <section v-else class="data_error">
          <img src="@/assets/image/risk/no_data.png" class="line1-img">
          <div class="board-block">
            没有数据
          </div>
        </section>
      </section>

      <!--著作权-->
      <section v-show="currentIndex===23" class="three four">
        <section v-if="zzqInfor.total">
          <list-item :item-height="40">
            <section v-for="(list,index) in zzqInfor.hits" :key="index">
              <item class="title">
                <section slot="name">\{{ list['首次发表日期'] }}</section>
              </item>
              <item
                :proportion="[5,2]">
                <section slot="name" class="name">\{{ list['作品名称'] }}</section>
                <section slot="name" class="value">\{{ list['登记号'] }}</section>
                <section slot="content">\{{ list['公告类型'] }}</section>
              </item>
            </section>
          </list-item>
        </section>
        <section v-else class="data_error">
          <img src="@/assets/image/risk/no_data.png" class="line1-img">
          <div class="board-block">
            没有数据
          </div>
        </section>
      </section>

      <!--ICP备案-->
      <section v-show="currentIndex===24" class="three four">
        <section v-if="icpInfor.total">
          <list-item :item-height="40">
            <section v-for="(list,index) in icpInfor.hits" :key="index">
              <item class="title">
                <section slot="name">\{{ list['审核通过时间'] }}</section>
              </item>
              <item
                :proportion="[5,2]">
                <section slot="name" class="name">\{{ list['网站域名'][0] }}</section>
                <section slot="name" class="value">\{{ list['网站备案/许可证号'] }}</section>
              </item>
            </section>
          </list-item>
        </section>
        <section v-else class="data_error">
          <img src="@/assets/image/risk/no_data.png" class="line1-img">
          <div class="board-block">
            没有数据
          </div>
        </section>
      </section>
    </h-content>

  </h-view>
</template>
<script>

import riskDetailService from './riskDetailService'
export default {
  name: 'RiskDetailTab',
  data () {
    return {
      companyName: '',
      organizationCode: '',
      currentIndex: this.$route.params.index,
      tabHide: [1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
      nianBaoIndex: 0,
      nianBaoTab: [1, 0, 0, 0, 0, 0],
      riskList: {},
      tabList: [],
      businessInfor: {},
      companyNumber: {},
      investorInfor: {},
      gsbgInfor: {},
      dcdyInfor: {},
      gqczInfor: {},
      nianbaoInfor: {},
      xzcfInfor: {},
      swfzchInfor: {},
      jyycInfor: {},
      ktggInfor: {},
      sfxzInfor: {},
      shixinInfor: {},
      zhixingInfor: {},
      cpwsInfor: {},
      investmentInfor: {},
      ssggInfo: {},
      tudiInfor: {},
      patentInfor: {},
      zzqInfor: {},
      icpInfor: {},
      qsjlInfor: {},
      ztbInfor: {},
    }
  },
  watch: {
  },
  created () {
    this.init()
    this.companyName = riskDetailService.getCompanyName()
    this.organizationCode = riskDetailService.getOrganizationCode()
  },
  mounted () {

  },
  methods: {
    init () {
      let vm = this
      vm.tabList = riskDetailService.getTabList()
      vm.riskList = riskDetailService.getRiskList()
      vm.businessInfor = vm.riskList.businessInfor
      vm.companyNumber = vm.riskList.companyNumber
      vm.investorInfor = vm.riskList.investorInfor
      vm.gsbgInfor = vm.riskList.gsbgInfor
      vm.dcdyInfor = vm.riskList.dcdyInfor
      vm.gqczInfor = vm.riskList.gqczInfor
      vm.nianbaoInfor = vm.riskList.nianbaoInfor
      vm.xzcfInfor = vm.riskList.xzcfInfor
      vm.swfzchInfor = vm.riskList.swfzchInfor
      vm.jyycInfor = vm.riskList.jyycInfor
      vm.ktggInfor = vm.riskList.ktggInfor
      vm.sfxzInfor = vm.riskList.sfxzInfor
      vm.shixinInfor = vm.riskList.shixinInfor
      vm.zhixingInfor = vm.riskList.zhixingInfor
      vm.cpwsInfor = vm.riskList.cpwsInfor
      vm.investmentInfor = vm.riskList.investmentInfor
      vm.ssggInfo = vm.riskList.ssggInfo
      vm.tudiInfor = vm.riskList.tudiInfor
      vm.patentInfor = vm.riskList.patentInfor
      vm.zzqInfor = vm.riskList.zzqInfor
      vm.icpInfor = vm.riskList.icpInfor
      vm.qsjlInfor = vm.riskList.qsjlInfor
      vm.ztbInfor = vm.riskList.ztbInfor
    },

    listTabHide (index) {
      let vm = this
      vm.$set(vm.tabHide, index, !vm.tabHide[index])
      // vm.tabHide[index] = !vm.tabHide[index]
    },

    goSerachDetail () {
      let vm = this
      vm.$router.push({
        name: 'RiskSearchDetail',
        params: {
          id: vm.$route.params.organizationCode,
          name: vm.$route.params.companyName,
        },
      })
    },
  },
}
</script>

<style lang="less">
  .risk-detail-tab {
    background-color: #fafafa;
    .hls-switch-tab {
      .tab-content {
        .h-tab-item {
          .h-item{
            width: 80px;
          }
        }
      }
    }

    .content {
      padding-bottom: 80px;

      .data_error {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-top: 20%;

        img {
          width: 80px;
        }

        .board-block {
          color: #bfbfc4;
          margin-top: 20px;
        }
      }

      .hls-list-item {
        .contents {
          .add-name {
            color: @headerColor;
          }
        }
      }

      .title {
        background-color: #f5f5f5;

        .contents {
          .add-content {
            color: @headerColor;
          }

          .right-icon {
            color: @headerColor;
          }
        }
      }
    }

    .three {
      .hls-list-item {
        .contents {
          .add-name {
            color: @headerColor;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            .value {
              color: rgba(0, 0, 0, .4);
              font-size: 13px;
            }
          }
        }
      }
    }

    .four{
      .hls-list-item {
        .contents {
          .add-content{
            font-size: 12px;
            section{
              background-color: @headerColor;
              color: #fff;
              word-break: break-all;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
            }
          }
        }
      }
    }
  }

  .platform-ios {
    .risk-detail-tab {
      .content {

      }
    }
  }

  @media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
    .platform-ios {
      .risk-detail-tab {
        .content {

        }
      }
    }
  }

  @media (device-width: 414px) and (device-height: 896px) {
    .platform-ios {
      .risk-detail-tab {
        .content {

        }
      }
    }
  }
</style>
