<div style="overflow:auto">
  <el-card style="background-color:#2c3e50;height:45%" class="box-card">
    <div style="float:left;">
      <img width="50px" style="border-radius:50px" src="http://gsb-zc.oss-cn-beijing.aliyuncs.com/201810132037logo.jpg"/>
    </div>
    <div style="text-align:left;color:white">
      <h4 style="text-align:center" >确认函</h4>
      <h5>{{name}}<span>(先生/女士)</span>:</h5>
  		<p>
      &nbsp;&nbsp;&nbsp;&nbsp;您好，请您确认下面的商标申请方案。
      如无异议,请点击确认按钮。
    </p>
    </div>
    <el-button style="position:absolute;top:35%;right:10px;" @click="confirm">确认</el-button><br/>
    <br/>
</el-card>
<el-card shadow="never" style="height:55%;overflow: auto;">
  <div v-for="(tm,i) in data" :name="i">
    <div>
      <h4>商标名称：{{tm.tmName}}</h4>
      <div style="float:left">
        <img name="img" style="border:2px dashed #e9e9e9" :src="tm.picUrl" height="80" width="80"/>
        <div>商标图样_黑白</div>
      </div>
      <div v-if="tm.tmFormType==7 || tm.tmFormType==6" style="float:left">
        <img name="img" style="border:2px dashed #e9e9e9" :src="tm.colorizedPicUrl" height="80" width="80"/>
        <div>商标图样_彩色</div>
      </div>
      <div style="clear:both"></div>
        <div v-for="(nclone,index) in tm.nclSmallCodes2.ncl" style="text-align: left;padding-left:5px;padding-bottom:5px;">
          <span style="font-size:15px"><b>{{nclone.code}} {{nclone.name}}</b></span>
          <br/>
          <span v-for="(nclThree,index2) in nclone.nclThree"><span>{{nclThree.code}} {{nclThree.name}}&nbsp;&nbsp;&nbsp;</span>&nbsp;</span>
        </div>
    </div>
  </div>
</el-card>
</div>
