<template>
  <div id="patent">
    <van-row>
      <van-col span="24" class="main">
        <div class="w_1200">
          <van-col span="24" class="one">
            <van-col span="24" class="one_1">
              <van-col span="24" class="txt">
                <span class="txt_1">吉林省专利市场简介</span>
                <el-popover class="popover" placement="bottom" width="100" trigger="click">
                  <el-col :span="24">
                    <van-image :src="ewm"></van-image>
                  </el-col>
                  <span slot="reference">
                    <van-image class="image" :src="left"></van-image>
                    <span class="txt_2">点击关注公众号</span>
                  </span>
                </el-popover>
              </van-col>
              <van-col span="24" class="ewm"> </van-col>
            </van-col>
            <van-col span="24" class="one_2">
              <p>
                吉林省科技大市场专利分市场2019年6月由吉林省技术产权交易中心批复建设，由吉林省科企技术转移转化研究院有限责任公司与吉林省科技大市场和长春新区科技局联合共建。
              </p>
              <p>“吉林专利市场”公众号</p>
              <p>
                整合利用省内优势文献信息资源，建设“吉林专利市场”公众号，打造权威专利信息平台和特色专利数据库，嵌入政策资讯、法律法规、研究报告数据库模块，助力提升专利信息分析利用能力。联合省内现有专利平台和服务机构，建设专利超市，开展专利检索、专利转让、专利需求和专利导航服务。
              </p>
              <p>专利许可平台</p>
              <p>
                以专利市场平台为载体，搭建吉林省专利开放许可平台。拟实施专利开放许可的发明人登录“吉林专利市场”公众号，在平台用户端输入本人姓名和密码进入本人帐户后，选择拟开放许可的专利，填报专利开放许可申请表，并在备查文件中上传开放许可声明。所在单位管理员从管理用户端输入单位名称和密码进入单位帐号在线审核开放许可申请，开放许可专利自动转入专利超市对外展示。
              </p>
            </van-col>
          </van-col>
        </div>
      </van-col>
    </van-row>
  </div>
</template>

<script>
import { mapState, createNamespacedHelpers } from 'vuex';
export default {
  name: 'patent',
  props: {},
  components: {},
  data: function () {
    return {
      left: require('@a/left_2.gif'),
      ewm: require('@a/patent_2.png'),
    };
  },
  created() {},
  methods: {},
  computed: {
    ...mapState(['user']),
  },
  metaInfo() {
    return { title: this.$route.meta.title };
  },
  watch: {
    test: {
      deep: true,
      immediate: true,
      handler(val) {},
    },
  },
};
</script>

<style lang="less" scoped>
.w_1200 {
  max-width: 1200px;
  margin: 0 auto;
}
.main {
  .one {
    padding: 11% 0 0 0;
    .one_1 {
      .txt {
        margin: 0 0 20px 0;
        text-align: center;
        .txt_1 {
          font-weight: bold;
          font-size: 30px;
          font-family: 'Courier New', Courier, monospace;
          text-align: center;
        }
        .popover {
          .image {
            position: relative;
            width: 25px;
            height: 25px;
            top: 2px;
            left: 5px;
          }
          .txt_2 {
            font-size: 12px;
            position: relative;
            top: -5px;
            left: 8px;
            font-weight: bold;
          }
        }
        .popover:hover {
          cursor: pointer;
        }
      }
    }
    .one_2 {
      border: 1px solid #ccc;
      border-radius: 5px;
      padding: 10px;
      p {
        font-size: 20px;
        text-indent: 2rem;
        font-family: '宋体';
        margin: 0 0 10px 0;
        letter-spacing: 5px;
        line-height: 40px;
      }
      p:nth-child(2) {
        letter-spacing: 0;
        font-weight: bold;
      }
      p:nth-child(4) {
        letter-spacing: 0;
        font-weight: bold;
      }
    }
  }
}
</style>
