/**
* @Author Sean
* @Date 2019/4/24
*/
<template>
    <h-view class="public-style" style="height: 100%">
        <h-content>
          <list-item>
            <item>
              <div slot="name">法定代表人</div>
              <div slot="content" class="fontColor">谷平</div>
            </item>
            <item>
              <div slot="name">注册资金</div>
              <div slot="content" class="fontColor">500000万人民币</div>
            </item>
            <item>
              <div slot="name">成立日期</div>
              <div slot="content" class="fontColor">2003-12-18</div>
            </item>
          </list-item>

          <list-item>
            <item :proportion="[4,2]"  @click.native="showClose(0)">
              <div slot="name">登记信息</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" class="indusList">
              <item :proportion="[2,2]" :hasBorder="false" class="indusItem">
                <div slot="name">
                  <div class="cont-name">注册号</div>
                  <div class="cont-type fontColor">110108012660422</div>
                </div>
                <div slot="content">
                  <div class="cont-name">组织机构代码号</div>
                  <div class="cont-type fontColor">551385082</div>
                </div>
              </item>

              <item :proportion="[2,2]" :hasBorder="false" class="indusItem">
                <div slot="name">
                  <div class="cont-name">社会信用代码</div>
                  <div class="cont-type fontColor">911110108551385082Q</div>
                </div>
                <div slot="content">
                  <div class="cont-name">经营状态</div>
                  <div class="cont-type fontColor">存续(在营、开业、在册)</div>
                </div>
              </item>

              <item :proportion="[4,0]" :hasBorder="false" class="indusItem">
                <div slot="name">
                  <div class="cont-name">公司类型</div>
                  <div class="cont-type fontColor">有限责任公司(自然人投资或控股)</div>
                </div>
              </item>

              <item :proportion="[4,0]" :hasBorder="false" class="indusItem">
                <div slot="name">
                  <div class="cont-name">经营范围</div>
                  <div class="cont-type fontColor">手机技术开发；手机生产、手机服务；（限海定区永捷北路2号经营）从事互联网文号活动；技术开发；货物进出口、技术进出口、代理进出口；销售通讯设备；维修仪器仪表；维修办公设备</div>
                </div>
              </item>

              <item :proportion="[4,0]" :hasBorder="false" class="indusItem">
                <div slot="name">
                  <div class="cont-name">住所</div>
                  <div class="cont-type fontColor">北京市海定区清河中街8号华润五彩城购物中心二期13层</div>
                </div>
              </item>

              <item :proportion="[4,0]" :hasBorder="false" class="indusItem">
                <div slot="name">
                  <div class="cont-name">营业期限</div>
                  <div class="cont-type fontColor">2010-03-03到2030-03-02</div>
                </div>
              </item>

              <item :proportion="[2,2]" :hasBorder="false" class="indusItem">
                <div slot="name">
                  <div class="cont-name">发照日期</div>
                  <div class="cont-type fontColor">2016-11-11</div>
                </div>
                <div slot="content">
                  <div class="cont-name">登记机关</div>
                  <div class="cont-type fontColor">海淀分局</div>
                </div>
              </item>
            </list-item>
          </list-item>

          <list-item>
            <item :proportion="[4,2]" @click.native="showClose(1)">
              <div slot="name">股东信息</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 :proportion="[4,0]" :hasBorder="false" class="indusItem">
                <div slot="name">
                  <div class="cont-name">股东名称:<span class="fontColor">&nbsp;&nbsp;张三</span></div>
                  <div class="cont-name">股东类型:<span class="fontColor">&nbsp;&nbsp;自然人股东</span></div>
                  <div class="cont-name">认缴出资额:<span class="fontColor">&nbsp;&nbsp;317.583万人民币</span></div>
                  <div class="cont-name">实缴出资额:<span class="fontColor">&nbsp;&nbsp;317.583万人民币</span></div>
                </div>
              </item>

              <item :proportion="[4,0]" :hasBorder="false" class="indusItem">
                <div slot="name">
                  <div class="cont-name">股东名称:<span class="fontColor">&nbsp;&nbsp;李四</span></div>
                  <div class="cont-name">股东类型:<span class="fontColor">&nbsp;&nbsp;自然人股东</span></div>
                  <div class="cont-name">认缴出资额:<span class="fontColor">&nbsp;&nbsp;317.583万人民币</span></div>
                  <div class="cont-name">实缴出资额:<span class="fontColor">&nbsp;&nbsp;317.583万人民币</span></div>
                </div>
              </item>

              <item :proportion="[4,0]" :hasBorder="false" class="indusItem">
                <div slot="name">
                  <div class="cont-name">股东名称:<span class="fontColor">&nbsp;&nbsp;王五</span></div>
                  <div class="cont-name">股东类型:<span class="fontColor">&nbsp;&nbsp;自然人股东</span></div>
                  <div class="cont-name">认缴出资额:<span class="fontColor">&nbsp;&nbsp;317.583万人民币</span></div>
                  <div class="cont-name">实缴出资额:<span class="fontColor">&nbsp;&nbsp;317.583万人民币</span></div>
                </div>
              </item>
            </list-item>
          </list-item>

          <list-item>
            <item :proportion="[4,2]" @click.native="showClose(2)">
              <div slot="name">主要成员</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 :proportion="[4,0]" :hasBorder="false" class="indusItem">
                <div slot="name">
                  <div class="cont-name">姓名:<span class="fontColor">&nbsp;&nbsp;王五</span></div>
                </div>
              </item>
              <item :proportion="[4,0]" :hasBorder="false" class="indusItem">
                <div slot="name">
                  <div class="cont-name">职务:<span class="fontColor">&nbsp;&nbsp;董事长，法定代表人，非独立董事</span></div>
                </div>
              </item>
              <item :proportion="[4,0]" :hasBorder="false" class="indusItem">
                <div slot="name">
                  <div class="cont-name">年龄:<span class="fontColor">&nbsp;&nbsp;56</span></div>
                </div>
              </item>
              <item :proportion="[4,0]" :hasBorder="false" class="indusItem">
                <div slot="name">
                  <div class="cont-name">学历:<span class="fontColor">&nbsp;&nbsp;本科</span></div>
                </div>
              </item>
              <item :proportion="[4,0]" :hasBorder="false" class="indusItem">
                <div slot="name">
                  <div class="cont-name">任职日期:<span class="fontColor">&nbsp;&nbsp;2014-05-23</span></div>
                </div>
              </item>
            </list-item>
          </list-item>

          <list-item>
            <item :proportion="[4,2]" @click.native="showClose(3)">
              <div slot="name">变更记录</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 :proportion="[4,0]" :hasBorder="false" class="indusItem">
                <div slot="name">
                  <div class="cont-name">2016-11-23</div>
                  <div class="cont-name">住所</div>
                </div>
              </item>
              <item :proportion="[2,2]" :hasBorder="false" class="indusItem">
                <div slot="name">
                  <div class="cont-name">变更前</div>
                  <div class="cont-type fontColor">深圳市福田区彩天路彩虹新都彩霞阁14G</div>
                </div>
                <div slot="content">
                  <div class="cont-name">变更后</div>
                  <div class="cont-type fontColor">深圳市福田区彩天路彩虹新都彩霞阁15A</div>
                </div>
              </item>
            </list-item>
          </list-item>

          <list-item>
            <item :proportion="[4,2]" @click.native="showClose(4)">
              <div slot="name">分支机构</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 :show-arrow="true" :proportion="[4,0]" @click.native="companyDetil">
                <div slot="name">小米科技有限公司沈阳分公司</div>
              </item>
              <item :show-arrow="true" :proportion="[4,0]" @click.native="companyDetil">
                <div slot="name">小米科技有限公司沈阳分公司</div>
              </item>
            </list-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},
              ]
            }
        },
        created: function () {
        },
        mounted: function () {
        },
        updated: function () {
        },
        destroyed: function () {
        },
        methods: {
          showClose(index){
            this.tab_hides[index].flag = !this.tab_hides[index].flag
          },
          companyDetil(){
            this.$router.push({
              name:'CompanyDetail'
            })
          }
        }
    }
</script>

<style scoped lang="less" rel="stylesheet">
    .public-style {
      .content {
        .fontColor{
          color: #9D9D9D;
        }
        .indusItem {
          margin-bottom: 20px;

          }
        }
      }
</style>
