<template name="container">
  <h3>数据详情</h3>
  <div class="{styles.info}">
    <fj-Row class="{styles.gl}">
      <fj-Col l=1  s=4  xs=12>头根哈希
      </fj-Col>
      <fj-Col l=5  s=8  xs=12>
        <#if {{accountData && accountData.headerRootHash && accountData.headerRootHash}}>
          {accountData.headerRootHash}
          <#elseif {{accountData && accountData.address && accountData.address.value}}>
            <AccountRootHash  address={accountData.address.value} hash="header"/>
          </#elseif>
          <#else>
            ''
          </#else>
        </#if>
      </fj-Col>
      <fj-Col l=1  s=4  xs=12>数据根哈希
      </fj-Col>
      <fj-Col l=5  s=8  xs=12>
        <#if {{accountData && accountData.dataRootHash && accountData.dataRootHash}}>
          {accountData.dataRootHash}
          <#elseif {{accountData && accountData.address && accountData.address.value}}>
            <AccountRootHash  address={accountData.address.value} hash="data"/>
          </#elseif>
          <#else>
            ''
          </#else>
        </#if>
      </fj-Col>
      <fj-Col l=1  s=4  xs=12>数据账户地址
      </fj-Col>
      <fj-Col l=5  s=8  xs=12>{accountData && accountData.address && accountData.address.value || ''}
      </fj-Col>
      <fj-Col l=1  s=4  xs=12>数据账户公钥
      </fj-Col>
      <fj-Col l=5  s=8  xs=12>{accountData && accountData.pubKey && accountData.pubKey || ''}
      </fj-Col>
    </fj-Row>
    <fj-Row class="{styles.gl}">
      
      <fj-Col l=1  s=4  xs=12>KV数量
      </fj-Col>
      <fj-Col l=5  s=8  xs=12><KvCount address={accountData.address.value} key={accountData.address.value} />
      </fj-Col>
    </fj-Row>
    <h3>数据写入</h3>
    <ant-Table
      columns={toJS(tableColumns)}
      dataSource={toJS(kvData)}
      :pagination="{
          current: accountcurrent,
          pageSize: pageSize,
          total: accountcount,
          onChange: onPageChange,
          showQuickJumper:true
        }"
      bordered />
      <ant-Drawer
        title="值详情"
        width="100%"
        placement="right"
        closable={true}
        visible={visible}
        maskClosable={true}
        onClose={onCloseblockDetails}
        class="{styles.transaction}"
      >
        <#if {{valueinfotype == "BYTES"}}>
          {valueinfo}
          <#elseif {{valueinfotype == "JSON"}}}>
            {Jsontree()}
          </#elseif>
          <#else>
             {valueinfo}
          </#else>
        </#if>
      </ant-Drawer>
  </div>
</template>