<template>
  <div>
    <div class="box"></div>
    <el-popover placement="bottom" width="524" trigger="hover">
      <p class="p-1">专利导航是运用专利制度的信息功能和专利分析技术系统，为立项提供决策参考，是导引产业健康发展的有效工具。</p>
      <p class="p-1">在科技与重大立项决策前开展专利导航，结合政策与市场环境、产业调查、现有技术的检索以及初步专利分析的情况，综合产业/企业的发展现状最终确认是否立项，其必要性与可行性如何，如果确认立项，给出研发的起点和方向等建议，避免出现重大立项失误。</p>
      <p class="p-1">借助专利导航，可以发挥专利信息分析对产业运行决策及企业经营决策的引导作用，发挥专利制度对产业创新资源的配置作用，提高产业创新效率和水平，防范和规避产业知识产权风险，强化产业/企业竞争力的专利支撑，提升产业创新驱动发展能力。</p>
      <div class="t-4 b-0 c-1 c-p" slot="reference">
        <span class="no-star" v-if="!questionName && $permission('/workspace/event')"></span><span>科技与重大立项专利导航<span v-if="questionName" class="q-1">({{ questionName }})</span></span>
        <el-popover placement="right" width="524" trigger="click" v-if="!questionName && $permission('/workspace/event')">
          <Question v-on="$listeners" :type="getQuestionId('科技与重大立项专利导航')"></Question>
          <div class="o1 n-1" slot="reference">
            <el-tooltip class="item" effect="dark" content="相关事件数量" placement="top">
              <span>{{ getQuestionTotal('科技与重大立项专利导航') }}</span>
            </el-tooltip>
            </div>
        </el-popover>
      </div>
    </el-popover>
    <div class="c-2"></div>
    <div class="d-1 c-3"></div>
    <div class="c-4"></div>
    <div class="c-7"></div>
    <div class="d-1 c-8"></div>
    <div class="c-9"></div>
    <div class="d-1 c-11"></div>
    <div class="t-2 b-1 c-13">了解目标国家/地区对立项技术相关产业发展态度及市场环境</div>
    <div class="t-2 b-1 c-14">了解立项技术的产业发展现状，企业合作情况</div>
    <div class="t-2 b-1 c-15">了解立项技术的现有专利情况</div>
    <popover type="10" width="420">
      <div class="t-1 b-2 c-16 c-p" @click="handleClick('政策与市场环境分析')">
        <span class="no-star"></span>
        <span>政策与市场环境分析</span>
        <span class="o n-1">{{ getTotal('政策与市场环境分析') }}</span>
      </div>
    </popover>
    <popover type="9" width="420">
      <div class="t-1 b-4 c-17 c-p" @click="handleClick('产业/行业调查')">
        <span class="star"></span>
        <span>产业/行业调查</span>
        <span class="o n-2">{{ getTotal('产业/行业调查') }}</span>
      </div>
    </popover>
    <div class="t-1 b-4 c-18 c-p" @click="handleClick('产业/行业专利调查')">
      <span class="star"></span>
      <span>产业/行业专利调查</span>
      <span class="o n-2">{{ getTotal('产业/行业专利调查') }}</span>
    </div>
  </div>
</template>

<script>
import mixins from "./mixins";
export default {
  mixins: [mixins]
}
</script>

<style lang="scss" scoped>
.c-1 {
  left: 699px;
  top: 333px;
  min-width: 524px;
  padding:0 10px;
  height: 100px;
}

.c-2 {
  width: 2px;
  height: 120px;
  background: #3084e5;
  left: 959px;
  top: 426px;
}

.c-3 {
  left: 950px;
  top: 540px;
}

.c-4 {
  height: 2px;
  width: 880px;
  background: #3084e5;
  left: 519px;
  top: 500px;
}

.c-7 {
  width: 2px;
  height: 50px;
  background: #3084e5;
  left: 519px;
  top: 500px;
}

.c-8 {
  left: 510px;
  top: 540px;
}

.c-9 {
  width: 2px;
  height: 50px;
  background: #3084e5;
  top: 500px;
  left: 1399px;
}

.c-11 {
  left: 1390px;
  top: 540px;
}

.c-12 {
  width: 524px;
  height: 66px;
  left: 698px;
  top: 430px;
}

.c-13 {
  width: 250px;
  height: 70px;
  left: 540px;
  top: 495px;
}

.c-14 {
  width: 180px;
  height: 70px;
  left: 980px;
  top: 495px;
}

.c-15 {
  width: 140px;
  height: 70px;
  left: 1420px;
  top: 495px;
}

.c-16 {
  width: 400px;
  height: 80px;
  left: 320px;
  top: 555px;
}

.c-17 {
  width: 400px;
  height: 80px;
  left: 760px;
  top: 555px;
}

.c-18 {
  width: 400px;
  height: 80px;
  left: 1200px;
  top: 555px;
}

</style>