/**
* @Author Sean
* @Date 2019/4/25
*/
<template>
    <h-view class="public-style" style="height: 100%">
        <h-content>
          <list-item>
            <item>
              <div slot="name">注册号</div>
              <div slot="content" class="fontColor">111010</div>
            </item>
            <item>
              <div slot="name">社会统一信用代码</div>
              <div slot="content" class="fontColor">9111010855</div>
            </item>
            <item>
              <div slot="name">企业名称</div>
              <div slot="content" class="fontColor">小米科技有限责任公司</div>
            </item>
            <item>
              <div slot="name">从业人数</div>
              <div slot="content" class="fontColor">企业选择不公示</div>
            </item>
            <item :proportion="[4,1]">
              <div slot="name">本年度是否发生股东股权转让</div>
              <div slot="content" class="fontColor">否</div>
            </item>
            <item :proportion="[4,1]">
              <div slot="name">企业是否有投资信息或购买其他公司股权</div>
              <div slot="content" class="fontColor">否</div>
            </item>
          </list-item>

          <list-item class="report-list-item">
            <item :proportion="[4,2]" @click.native="showClose(0)">
              <div slot="name" class="report-item">联系方式</div>
              <div slot="content">
                <img v-show="tab_hides[0].flag" slot="right-icon" src="../../../../assets/image/show@2x.png" class="right-icon">
                <img v-show="!tab_hides[0].flag" slot="right-icon" src="../../../../assets/image/close@2x.png" class="right-icon">
              </div>
            </item>

            <list-item v-show="!tab_hides[0].flag">
              <item>
                <div slot="name">企业联系电话</div>
                <div slot="content" class="fontColor">60606666-1234</div>
              </item>
              <item>
                <div slot="name">企业通讯地址</div>
                <div slot="content" class="fontColor">北京市海淀区清河中街68号北京市海淀区清河中街68号</div>
              </item>
              <item>
                <div slot="name">电子邮箱</div>
                <div slot="content" class="fontColor">chenggongwei@xiaomi.com</div>
              </item>
            </list-item>
          </list-item>

          <list-item class="report-list-item">
            <item :proportion="[4,2]" @click.native="showClose(1)">
              <div slot="name" class="report-item">股东（发起人）及出资信息</div>
              <div slot="content">
                <img v-show="tab_hides[1].flag" slot="right-icon" src="../../../../assets/image/show@2x.png" class="right-icon">
                <img v-show="!tab_hides[1].flag" slot="right-icon" src="../../../../assets/image/close@2x.png" class="right-icon">
              </div>
            </item>

            <list-item v-show="!tab_hides[1].flag">
              <item>
                <div slot="name">社会公共股</div>
              </item>
              <item :proportion="[2,2]" :hasBorder="false" class="indusItem">
                <div slot="name">
                  <div class="cont-name">认缴出金额:</div>
                  <div class="cont-type fontColor">65300万人民币</div>
                </div>
                <div slot="content">
                  <div class="cont-name">认缴时间</div>
                  <div class="cont-type fontColor">2016年12月31日</div>
                </div>
              </item>
              <item :proportion="[2,2]" :hasBorder="false" class="indusItem">
                <div slot="name">
                  <div class="cont-name">实缴出金额:</div>
                  <div class="cont-type fontColor">65300万人民币</div>
                </div>
                <div slot="content">
                  <div class="cont-name">实缴时间</div>
                  <div class="cont-type fontColor">2016年12月31日</div>
                </div>
              </item>
            </list-item>
          </list-item>

          <list-item class="report-list-item">
            <item :proportion="[4,2]" @click.native="showClose(2)">
              <div slot="name" class="report-item">网站/网店信息</div>
              <div slot="content">
                <img v-show="tab_hides[2].flag" slot="right-icon" src="../../../../assets/image/show@2x.png" class="right-icon">
                <img v-show="!tab_hides[2].flag" slot="right-icon" src="../../../../assets/image/close@2x.png" class="right-icon">
              </div>
            </item>

            <list-item v-show="!tab_hides[2].flag">
              <item :show-arrow="true" :proportion="[4,0]" class="indusItem">
                <div slot="name">
                  <div class="cont-name">上海汉得信息技术股份有限公司</div>
                  <div class="cont-type" style=" color: #9D9D9D;">www.hand.china.com</div>
                </div>
              </item>
            </list-item>
          </list-item>

          <list-item class="report-list-item">
            <item :proportion="[4,2]" @click.native="showClose(3)">
              <div slot="name" class="report-item">对外投资信息</div>
              <div slot="content">
                <img v-show="tab_hides[3].flag" slot="right-icon" src="../../../../assets/image/show@2x.png" class="right-icon">
                <img v-show="!tab_hides[3].flag" slot="right-icon" src="../../../../assets/image/close@2x.png" class="right-icon">
              </div>
            </item>

            <list-item v-show="!tab_hides[3].flag">
              <item :show-arrow="true" :proportion="[4,0]" class="indusItem">
                <div slot="name">
                  <div class="cont-name">上海夏尔软件有限公司</div>
                  <div class="cont-type" style=" color: #9D9D9D;">9131101115748552x</div>
                </div>
              </item>
            </list-item>
          </list-item>

          <list-item class="report-list-item">
            <item :proportion="[4,2]" @click.native="showClose(4)">
              <div slot="name" class="report-item">企业资产状况信息</div>
              <div slot="content">
                <img v-show="tab_hides[4].flag" slot="right-icon" src="../../../../assets/image/show@2x.png" class="right-icon">
                <img v-show="!tab_hides[4].flag" slot="right-icon" src="../../../../assets/image/close@2x.png" class="right-icon">
              </div>
            </item>

            <list-item v-show="!tab_hides[4].flag">
              <item>
                <div slot="name">资产总额</div>
                <div slot="content">企业选择不公示</div>
              </item>
              <item>
                <div slot="name">所有者权益合计</div>
                <div slot="content">企业选择不公示</div>
              </item>
              <item>
                <div slot="name">营业总收入</div>
                <div slot="content">企业选择不公示</div>
              </item>
              <item>
                <div slot="name">利润总额</div>
                <div slot="content">企业选择不公示</div>
              </item>
              <item :proportion="[4,2]">
                <div slot="name">营业总收入中主营业务收入</div>
                <div slot="content">企业选择不公示</div>
              </item>
              <item>
                <div slot="name">净利润</div>
                <div slot="content">企业选择不公示</div>
              </item>
              <item>
                <div slot="name">纳税总额</div>
                <div slot="content">企业选择不公示</div>
              </item>
              <item>
                <div slot="name">负债总额</div>
                <div slot="content">企业选择不公示</div>
              </item>
            </list-item>
          </list-item>

          <list-item class="report-list-item">
            <item :proportion="[4,2]" @click.native="showClose(5)">
              <div slot="name" class="report-item">对外提供保证担保信息</div>
              <div slot="content">
                <img v-show="tab_hides[5].flag" slot="right-icon" src="../../../../assets/image/show@2x.png" class="right-icon">
                <img v-show="!tab_hides[5].flag" slot="right-icon" src="../../../../assets/image/close@2x.png" class="right-icon">
              </div>
            </item>
          </list-item>

          <list-item class="report-list-item">
            <item :proportion="[4,2]"  @click.native="showClose(6)">
              <div slot="name" class="report-item">股权变更信息</div>
              <div slot="content">
                <img v-show="tab_hides[6].flag" slot="right-icon" src="../../../../assets/image/show@2x.png" class="right-icon">
                <img v-show="!tab_hides[6].flag" slot="right-icon" src="../../../../assets/image/close@2x.png" class="right-icon">
              </div>
            </item>
          </list-item>

          <list-item class="report-list-item">
            <item :proportion="[4,2]"  @click.native="showClose(7)">
              <div slot="name" class="report-item">修改记录</div>
              <div slot="content">
                <img v-show="tab_hides[7].flag" slot="right-icon" src="../../../../assets/image/show@2x.png" class="right-icon">
                <img v-show="!tab_hides[7].flag" slot="right-icon" src="../../../../assets/image/close@2x.png" class="right-icon">
              </div>
            </item>
          </list-item>
        </h-content>
    </h-view>
</template>

<script>
    export default {
        data() {
            return {
              tab_hides : [
                {flag:false},
                {flag:true},
                {flag:true},
                {flag:true},
                {flag:true},
                {flag:true},
                {flag:true},
                {flag:true},
              ]
            }
        },
        created: function () {
        },
        mounted: function () {
        },
        updated: function () {
        },
        destroyed: function () {
        },
        methods: {
          showClose(index){
            this.tab_hides[index].flag = !this.tab_hides[index].flag
          },
        }
    }
</script>

<style scoped lang="less" rel="stylesheet">
    .public-style {
        .content {
          .report-list-item{
            margin-bottom: 0;
            .indusItem {
             // margin-bottom: 20px;
              .cont-name{
                color: @headerColor;
              }
            }
            .report-item{
              color:@headerColor
            }
          }
          .fontColor{
            color: #9D9D9D;
          }
        }
    }
</style>
