<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-right">
      <el-button type="primary" size="medium">相关专利</el-button>
      <el-button type="primary" size="medium">价值评估</el-button>
    </div>
    <div class="patentdetail-content-table">
      <el-row :gutter=20>
        <el-col :span="7">
          <div v-if="showpatentvalue" style="margin-bottom:40px">
            <div style="line-height:44px;">
              <div style="display:inline-block;padding-top: 2px;">
                <img src="imgs/h5/contract_detail.png" />
              </div>
              <div style="display:inline-block;vertical-align: top">
                价值评价
                <!-- <el-button size="small" style="margin-right:10px;border-radius:4px;" type="primary" @click="report()">
                  报告
                </el-button> -->
              </div>
            </div>
            <div style="width:100%;height:300px">
              <gsb-echart2 ref="patentvalue" key="1" :data="patentvaluedata"></gsb-echart2>
            </div>
          </div>
          <div v-if="!showpatentvalue" style="margin-bottom:40px">
              <div style="line-height:44px;">
                <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>
              </div>
              <div style="margin:20px 50px;color:#666666;font-size:14px;height:100px;line-height:30px;text-align:center"> 
                港澳台以及国外专利价值评价</br>正在研发中</br>敬请期待！
              </div>
            </div>
          
          <div style="line-height:44px;">
            <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>
          </div>
          <div style="width:100%;text-align:center;margin-top:20px" v-if="datalist && datalist.lawstatus && datalist.lawstatus.length>0">
            <!-- <el-timeline>
              <el-timeline-item v-for="(item,index) in datalist.lawstatus" :key="index"
              :timestamp="item.date">
                 {{item.status}}
              </el-timeline-item>
            </el-timeline> -->
            <ul class="layui-timeline">
                <li class="layui-timeline-item" v-for="(item,index) in datalist.lawstatus">
                    <i class="layui-icon layui-timeline-axis">
                        <i class="el-icon-success"></i>
                    </i>
                    <div class="layui-timeline-content layui-text">
                      <div>{{item.date}}</div>
                      <div>{{item.status}}</div>
                    </div>
                </li>
            </ul>
          </div>
          <div style="width:100%;text-align:center;margin-top:20px;font-size:14px;" v-else>
            暂无
          </div>
        </el-col>
        <el-col :span="17">
          <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>
        </el-col>
      </el-row>
    </div>
  </div>

</div>
