<div>
  <div class="patentdetail-title">
    当前位置：
    <span v-if="activeIndex==1">常规检索</span>
    <span v-if="activeIndex==2">高级检索</span>
     >
    <span style="color:#108EE9">专利详情</span>
  </div>
  <div class="patentdetail-content">
    <div class="patentdetail-content-row">
      <span style="font-weight:600;">{{datalist.patentname}}</span>
      <div class="ptenttype" v-if="datalist.patenttype">{{datalist.patenttype}}</div>
    </div>
    <div class="patentdetail-content-table">
      <div class="brand-detail-table">
        <tbody>
          <tr>
            <td class="td-title1" colspan="4">
              <div style="display:inline-block;padding-top: 2px;">
                <img src="imgs/h5/contract_detail.png" />
              </div>
              <div style="display:inline-block;vertical-align: top">
                著录项信息
              </div>
            </td>
          </tr>
          <tr>
            <td class="td-title1-title" >申请号：</td>
            <td class="td-title1-content">{{datalist.baseinfo.applynum}}</td>
            <td class="td-title1-title">主分类号：</td>
            <td class="td-title1-content">{{datalist.baseinfo.mainclassnum}}</td>
          </tr>
          <tr>
            <td class="td-title1-title" >申请日：</td>
            <td class="td-title1-content">{{datalist.baseinfo.applydate}}</td>
            <td class="td-title1-title">分类号：</td>
            <td class="td-title1-content">{{datalist.baseinfo.classnum}}</td>
          </tr>
          <tr>
            <td class="td-title1-title" >公开号：</td>
            <td class="td-title1-content">{{datalist.baseinfo.publishnum}}</td>
            <td class="td-title1-title">地址：</td>
            <td class="td-title1-content">{{datalist.baseinfo.address}}</td>
          </tr>
          <tr>
            <td class="td-title1-title" >公开日：</td>
            <td class="td-title1-content">{{datalist.baseinfo.publishdate}}</td>
            <td class="td-title1-title">国省代码：</td>
            <td class="td-title1-content">{{datalist.baseinfo.countrycode}}</td>
          </tr>
          <tr>
            <td class="td-title1-title" >申请（专利权）人：</td>
            <td class="td-title1-content">{{datalist.baseinfo.applier}}</td>
            <td class="td-title1-title">代理人：</td>
            <td class="td-title1-content">{{datalist.baseinfo.agent}}</td>
          </tr>
          <tr>
            <td class="td-title1-title" >发明人：</td>
            <td class="td-title1-content">{{datalist.baseinfo.inventor}}</td>
            <td class="td-title1-title">代理机构：</td>
            <td class="td-title1-content">{{datalist.baseinfo.agency}}</td>
          </tr>
          <tr>
            <td class="td-title2">
              <div style="display:inline-block;padding-top: 2px;">
                <img src="imgs/h5/contract_detail.png" />
              </div>
              <div style="display:inline-block;vertical-align: top">
                法律状态
              </div>
            </td>
            <td class="td-title2-content" colspan="3">
              <div v-for="item in datalist.lawstatus">
                {{item.date}} &nbsp&nbsp&nbsp&nbsp {{item.status}}
              </div>
            </td>
          </tr>
          <tr>
            <td class="td-title2">
              <div style="display:inline-block;padding-top: 2px;">
                <img src="imgs/h5/contract_detail.png" />
              </div>
              <div style="display:inline-block;vertical-align: top">
                摘要
              </div>
            </td>
            <td class="td-title2-content" colspan="3">
              {{datalist.abstract}}
            </td>
          </tr>
          <tr>
            <td class="td-title2">
              <div style="display:inline-block;padding-top: 2px;">
                <img src="imgs/h5/contract_detail.png" />
              </div>
              <div style="display:inline-block;vertical-align: top">
                摘要附图
              </div>
            </td>
            <td class="td-title2-content" colspan="3" >
              <img :src="datalist.adstractpic" style="width:400px;">
            </td>
          </tr>
          <tr>
            <td class="td-title2">
              <div style="display:inline-block;padding-top: 2px;">
                <img src="imgs/h5/contract_detail.png" />
              </div>
              <div style="display:inline-block;vertical-align: top">
                权利要求
              </div>
            </td>
            <td class="td-title2-content" colspan="3" >
              {{datalist.claim}}
            </td>
          </tr>
          <!-- <tr>
            <td class="td-title2">
              <div style="display:inline-block;padding-top: 2px;">
                <img src="imgs/h5/contract_detail.png" />
              </div>
              <div style="display:inline-block;vertical-align: top">
                说明书
              </div>
            </td>
            <td class="td-title2-content" colspan="3">
              {{datalist.instruction}}
            </td>
          </tr>
          <tr>
            <td class="td-title2">
              <div style="display:inline-block;padding-top: 2px;">
                <img src="imgs/h5/contract_detail.png" />
              </div>
              <div style="display:inline-block;vertical-align: top">
                附图
              </div>
            </td>
            <td class="td-title2-content" colspan="3">
              <img :src="datalist.figure" style="width:400px;">
            </td>
          </tr> -->
        </tbody>
      </div>
    </div>
  </div>

</div>
