<template>
|
<div class="about">
|
<div class="mask" v-show="maskShow" @click="maskClick()"></div>
|
<main>
|
<section class="ad">
|
<p class="big">探数狗 | 为创新者赋能 创业者导航</p>
|
<p class="small">1.6亿+专利，支持实时数据加工分析</p>
|
<!-- <p class="small">1.4亿+文献，国内外核心期刊，权威认证</p> -->
|
</section>
|
<section class="aboutUs">
|
<div class="across"></div>
|
<div class="eng">ABOUT PIISA</div>
|
<div class="chi">关于探数狗</div>
|
<div class="introduce">
|
<div class="left">
|
<img src="@/assets/aboutView/u6.jpg" alt="" />
|
</div>
|
<div class="right">
|
<ul>
|
<li>
|
<div class="top">
|
<img src="@/assets/aboutView/u106.svg" alt="" />
|
<span class="title">探数狗简介</span>
|
</div>
|
<div class="content">
|
探数狗是一家全球专利数据服务提供商，专注于对专利数据的深度挖掘和价值整合。通过机器学习、自然语言处理、大数据分析等人工智能技术，为政府机构、科技园区、科技企业、高校及科研机构、金融机构等用户提供专利数据服务。
|
</div>
|
</li>
|
<li>
|
<div class="top">
|
<img src="@/assets/aboutView/u103.svg" alt="" />
|
<span class="title">我们的实力</span>
|
</div>
|
<div class="content">
|
凭借自身的技术能力和强大的产品实力，已经服务全球50多个国家超1万家客户，国内客户包括中芯国际、赛迪咨询、华大基因、新松机器人、清华大学、中科院大学、同济大学、东北大学等;国际客户包括哈佛大学、瑞士皇家科学院、埃因霍温理工大学、首尔国立大学、东软集团、飞利浦等。
|
</div>
|
</li>
|
</ul>
|
</div>
|
</div>
|
</section>
|
<section class="strength">
|
<div class="titleChi">值得信赖的全方位专利数据服务平台</div>
|
<!-- <div class="titleEng">
|
EMPOWERING INNOVATORS AND MAKING THE WORLD A BETTER PLACE
|
</div> -->
|
<ul>
|
<li>
|
<div class="title">公司成立</div>
|
<div class="num">
|
<span data-purecounter-start="0" data-purecounter-end="521" data-purecounter-duration="1"
|
class="purecounter">2022</span>
|
<span>年</span>
|
</div>
|
</li>
|
<li>
|
<div class="partition"></div>
|
</li>
|
<li>
|
<div class="title">公司员工</div>
|
<div class="num"><span>100</span><span>+</span></div>
|
</li>
|
<li>
|
<div class="partition"></div>
|
</li>
|
|
<li>
|
<div class="title">研发人员</div>
|
<div class="num"><span>70</span><span>%</span></div>
|
</li>
|
<li>
|
<div class="partition"></div>
|
</li>
|
|
<li>
|
<div class="title">服务企业</div>
|
<div class="num"><span>5000</span><span>+</span></div>
|
</li>
|
<li>
|
<div class="partition"></div>
|
</li>
|
|
<li>
|
<div class="title">分公司</div>
|
<div class="num"><span>5</span><span>家</span></div>
|
</li>
|
</ul>
|
</section>
|
<section class="characteristic">
|
<div class="across"></div>
|
<div class="eng">Advantage</div>
|
<div class="chi">探数狗特色</div>
|
<ul>
|
<li>
|
<img src="@/assets/aboutView/u66.svg" alt="" />
|
<div class="manner">全面及时准确</div>
|
<div class="partition"></div>
|
<div class="mannercont">
|
支持语义搜索、智能搜索、高级搜索等多种搜索方式，使用方便快捷；数据库内容全面，及时更新。
|
</div>
|
</li>
|
<li>
|
<img src="@/assets/aboutView/u72.svg" alt="" />
|
<div class="manner">特色化数据库工具</div>
|
<div class="partition"></div>
|
|
<div class="mannercont">
|
拥有涵盖全球126个国家及地区的1.6亿+专利数据，实现数据库特色化，全面优化用户使用体验。
|
</div>
|
</li>
|
<li>
|
<img src="@/assets/aboutView/u67.svg" alt="" />
|
<div class="manner">定制化技术支持</div>
|
<div class="partition"></div>
|
|
<div class="mannercont">
|
基于大数据、人工智能等技术，实时获取数据运行、专利登记和用户反馈等情况，挖掘用户现有或潜在的需求以及其行为偏好，为客户提供定制化技术支持。
|
</div>
|
</li>
|
</ul>
|
</section>
|
<!-- <section class="application">
|
<div class="title">免费体验申请</div>
|
<ul>
|
<li>
|
<p>*您的姓名</p>
|
<input type="text" placeholder="" v-model="name" required="required" />
|
</li>
|
<li>
|
<p>*您的手机号码</p>
|
<input type="tel" placeholder="" v-model="mobile" required="required" />
|
</li>
|
<li>
|
<p>您的微信</p>
|
<input type="text" placeholder="" v-model="wechat" />
|
</li>
|
<li>
|
<p>*您的邮箱</p>
|
<input type="email" placeholder="" v-model="email" required="required" />
|
</li>
|
<li>
|
<p>*公司全称</p>
|
<input type="text" placeholder="请填写公司全名" required="required" v-model="company" />
|
</li>
|
<li>
|
<p>您的职位</p>
|
<input type="text" placeholder="请选择您的职位" v-model="posution" />
|
</li>
|
</ul>
|
<div style="text-align: left;
|
width: 80%;
|
margin: 10px auto -30px;
|
padding-left: 22px;">*如果您对我们系统有任何意见或者建议，请将信息发送至探数狗（镇江）信息科技有限公司邮箱tanshugou@139.com，我们将在第一时间联系您！</div>
|
<div class="request" @click="application()">申请开通免费账号</div>
|
</section> -->
|
</main>
|
</div>
|
</template>
|
<script>
|
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
|
//例如：import 《组件名称》 from '《组件路径》';
|
// import axios from '@/libs/api.request';
|
// import axios from 'axios';
|
import { addTryApply } from '@/api/url_analyst'
|
|
export default {
|
//import引入的组件需要注入到components对象中才能使用
|
|
components: {
|
},
|
data() {
|
//这里存放数据
|
return {
|
maskShow: false,
|
ScrollHeight: document.documentElement.scrollTop,
|
name: "", //姓名
|
email: "", //邮箱
|
mobile: "", //手机
|
wechat: "", //微信
|
company: "", //公司
|
posution: "", //职称
|
};
|
},
|
//计算属性 类似于data概念
|
computed: {},
|
//监控data中的数据变化
|
watch: {
|
ScrollHeight() { },
|
},
|
//方法集合
|
methods: {
|
quit() {
|
this.confirm()
|
},
|
confirm() {
|
this.$confirm({
|
title: '退出登录',
|
content: '是否确认退出当前系统？',
|
okText: '确认',
|
cancelText: '取消',
|
});
|
},
|
//蒙版阴影
|
maskClick() {
|
this.maskShow = false;
|
},
|
//顶部卷起高度
|
handleScroll() {
|
this.ScrollHeight = document.documentElement.scrollTop;
|
},
|
//申请试用账号
|
application() {
|
let data = {
|
name: this.name,
|
email: this.email,
|
mobile: this.mobile,
|
wechat: this.wechat,
|
company: this.company,
|
position: this.position,
|
};
|
if (this.email === "" || this.mobile === "" || this.name === '' || this.company === '') {
|
this.$message.warn("请将信息补充完整", 10);
|
} else {
|
addTryApply(data).then(res => {
|
// console.log(res.Data);
|
// for (let i = 0; i < res.Data.length; i++) {
|
// this.applyData = res.Data
|
// }
|
// this.hotLoading=false
|
})
|
|
|
// this.$axios
|
// .request({
|
// url: "/TryApply/AddTryApply",
|
// params: data,
|
// method: "post",
|
// })
|
// .then(
|
// (response) => {
|
// console.log(response);
|
// },
|
// (response) => {
|
// console.log(response);
|
// }
|
// );
|
}
|
},
|
},
|
beforeCreate() { }, //生命周期 - 创建之前
|
//生命周期 - 创建完成（可以访问当前this实例）
|
created() { },
|
beforeMount() { }, //生命周期 - 挂载之前
|
//生命周期 - 挂载完成（可以访问DOM元素）
|
mounted() {
|
window.addEventListener("scroll", this.handleScroll);
|
},
|
beforeUpdate() { }, //生命周期 - 更新之前
|
updated() { }, //生命周期 - 更新之后
|
beforeDestroy() { }, //生命周期 - 销毁之前
|
destroyed() { }, //生命周期 - 销毁完成
|
activated() { }, //如果页面有keep-alive缓存功能，这个函数会触发
|
};
|
</script>
|
<style lang="scss" scoped>
|
* {
|
margin: 0;
|
padding: 0;
|
list-style-type: none;
|
}
|
|
.current {
|
color: #ef8201;
|
}
|
|
a {
|
color: #333333;
|
cursor: pointer;
|
}
|
|
input {
|
padding-left: 3px;
|
}
|
|
.mask {
|
position: fixed;
|
left: 0px;
|
top: 0px;
|
width: 10000px;
|
height: 10000px;
|
background-color: rgb(0, 0, 0);
|
opacity: 0.298039;
|
z-index: 998;
|
}
|
|
.across {
|
width: 50px;
|
height: 5px;
|
background: #ef8201;
|
margin: 5px auto;
|
}
|
|
.eng {
|
font-weight: 250;
|
font-style: normal;
|
font-size: 28px;
|
color: #999999;
|
text-align: center;
|
}
|
|
.chi {
|
font-weight: 700;
|
font-style: normal;
|
font-size: 24px;
|
text-align: center;
|
}
|
|
.about {
|
width: 100%;
|
height: 100%;
|
text-align: center;
|
position: relative;
|
|
@media screen and (max-width: 1280px) {
|
min-width: 768px;
|
height: var(height);
|
}
|
|
header {
|
width: 100%;
|
position: relative;
|
display: flex;
|
justify-content: space-between;
|
|
.logo {
|
width: 40%;
|
height: 62px;
|
position: relative;
|
|
img {
|
position: absolute;
|
left: 50px;
|
top: 0;
|
width: 145px;
|
height: 62px;
|
|
@media screen and (max-width: 1280px) {
|
left: 0;
|
}
|
}
|
}
|
|
.features {
|
width: 60%;
|
display: flex;
|
justify-content: space-between;
|
|
.home_icon,
|
.login,
|
.nav {
|
width: 10%;
|
height: 62px;
|
line-height: 70px;
|
}
|
|
.login {
|
.icon-201yonghu_yonghu2 {
|
font-size: 25px;
|
cursor: pointer;
|
}
|
}
|
|
.home_icon {
|
position: relative;
|
top: 5px;
|
|
a {
|
color: #ef8201;
|
|
.icon-shouye {
|
font-size: 25px;
|
}
|
}
|
}
|
|
.nav {
|
@media (min-width: 1280px) {
|
min-width: 80px;
|
}
|
|
cursor: pointer;
|
background: #ef8201;
|
color: #ffffff;
|
font-size: 16px;
|
position: relative;
|
|
.menuList {
|
width: 100%;
|
position: absolute;
|
top: 60px;
|
background-color: #ffffff;
|
border: 1px solid #c2c2c2;
|
z-index: 999;
|
display: none;
|
|
li {
|
height: 40px;
|
line-height: 40px;
|
text-align: left;
|
font-size: 16px;
|
color: black;
|
text-align: center;
|
}
|
|
a:hover {
|
color: #ef8201;
|
}
|
}
|
}
|
|
.nav:hover .menuList {
|
display: block;
|
}
|
|
.classList {
|
width: 70%;
|
display: flex;
|
justify-content: space-around;
|
|
.item {
|
height: 50px;
|
margin-top: 12px;
|
line-height: 50px;
|
text-align: center;
|
font-family: "微软雅黑";
|
font-weight: 500;
|
font-style: normal;
|
font-size: 20px;
|
cursor: pointer;
|
|
a {
|
color: #333333;
|
}
|
|
a:hover {
|
color: #ef8201;
|
}
|
|
span:hover {
|
color: #ef8201;
|
}
|
}
|
|
.item:hover {
|
border-bottom: 5px solid #ef8201;
|
}
|
|
.secItem {
|
border-bottom: 5px solid #ef8201;
|
|
span {
|
color: #ef8201;
|
}
|
}
|
|
.patent {
|
position: relative;
|
|
.patentShow {
|
display: none;
|
position: absolute;
|
width: 170px;
|
background-color: #ffffff;
|
border: 1px solid #c2c2c2;
|
// box-shadow: 0px 0px 3px 1px;
|
z-index: 999;
|
|
li {
|
margin: 2px 0;
|
text-align: center;
|
font-size: 16px;
|
color: black;
|
}
|
|
li:hover a {
|
color: #ef8201;
|
}
|
}
|
}
|
|
.patent:hover .patentShow {
|
display: block;
|
}
|
|
.Retrieval {
|
position: relative;
|
|
.RetrievalShow {
|
display: none;
|
position: absolute;
|
width: 130px;
|
background-color: #ffffff;
|
border: 1px solid #c2c2c2;
|
// box-shadow: 0px 0px 3px 1px;
|
z-index: 999;
|
|
li {
|
height: 40px;
|
line-height: 40px;
|
text-align: center;
|
font-size: 16px;
|
color: black;
|
|
span {
|
font-size: 20px;
|
}
|
}
|
|
li:hover a {
|
color: #ef8201;
|
}
|
}
|
}
|
|
.Retrieval:hover .RetrievalShow {
|
display: block;
|
}
|
}
|
|
.language {
|
cursor: pointer;
|
width: 10%;
|
display: flex;
|
justify-content: space-around;
|
|
li {
|
height: 62px;
|
line-height: 73px;
|
text-align: center;
|
font-family: "微软雅黑";
|
font-weight: 400;
|
font-style: normal;
|
font-size: 16px;
|
}
|
|
li:nth-child(1) {
|
color: #ef8201;
|
}
|
}
|
|
.home_icon,
|
.classList,
|
.language,
|
.login {
|
@media screen and (max-width: 1280px) {
|
display: none;
|
}
|
}
|
|
.nav {
|
@media screen and (max-width: 1280px) {
|
position: absolute;
|
right: 0;
|
}
|
}
|
}
|
}
|
|
main {
|
.ad {
|
width: 100%;
|
height: 406px;
|
background-image: url(@/assets/aboutView/u7.jpg);
|
background-size: 100% 100%;
|
color: #ffffff;
|
text-align: center;
|
|
.big {
|
font-size: 60px;
|
font-weight: 800;
|
height: 80px;
|
line-height: 80px;
|
position: relative;
|
top: 100px;
|
}
|
|
.small {
|
font-size: 23px;
|
font-weight: 500;
|
position: relative;
|
top: 100px;
|
}
|
}
|
|
.aboutUs {
|
width: 80%;
|
margin: 50px auto;
|
|
.introduce {
|
margin-top: 30px;
|
width: 100%;
|
display: flex;
|
justify-content: space-around;
|
|
@media (max-width: 1280px) {
|
flex-direction: column;
|
}
|
|
.left {
|
width: 40%;
|
|
@media (max-width: 1280px) {
|
width: 100%;
|
}
|
|
img {
|
width: 100%;
|
}
|
}
|
|
.right {
|
width: 50%;
|
|
@media (max-width: 1280px) {
|
width: 100%;
|
}
|
|
ul {
|
@media (max-width: 1280px) {
|
display: flex;
|
justify-content: space-between;
|
}
|
|
li {
|
@media (max-width: 1280px) {
|
width: 40%;
|
}
|
|
.top {
|
text-align: left;
|
|
img {
|
width: 15px;
|
height: 18px;
|
margin: 0 2px;
|
position: relative;
|
top: -3px;
|
}
|
|
.title {
|
font-size: 20px;
|
font-weight: 400;
|
}
|
}
|
|
.content {
|
margin: 10px 0;
|
text-align: left;
|
color: #999999;
|
font-size: 16px;
|
}
|
}
|
}
|
}
|
}
|
}
|
|
.strength {
|
width: 100%;
|
height: 330px;
|
background: #ef8201;
|
|
.titleChi {
|
font-weight: 400;
|
font-style: normal;
|
font-size: 54px;
|
color: #ffffff;
|
position: relative;
|
top: 30px;
|
}
|
|
.titleEng {
|
font-weight: 400;
|
font-style: normal;
|
font-size: 26px;
|
color: #ffffff;
|
position: relative;
|
top: 30px;
|
}
|
|
ul {
|
width: 80%;
|
margin: 50px auto;
|
display: flex;
|
justify-content: space-around;
|
|
li {
|
@media (max-width: 1000px) {
|
width: 30%;
|
flex-wrap: wrap;
|
}
|
|
.title {
|
font-weight: 400;
|
font-style: normal;
|
font-size: 16px;
|
color: #ffffff;
|
}
|
|
.num {
|
span:nth-child(1) {
|
font-weight: 700;
|
font-size: 38px;
|
color: #fafafa;
|
}
|
|
span:nth-child(2) {
|
font-weight: 500;
|
font-size: 16px;
|
color: #f9cd99;
|
}
|
}
|
|
.partition {
|
width: 2px;
|
height: 60px;
|
background: #fafafa;
|
position: relative;
|
top: 5px;
|
|
@media (max-width: 1280px) {
|
display: none;
|
}
|
}
|
}
|
}
|
}
|
|
.characteristic {
|
width: 70%;
|
margin: 50px auto 0;
|
|
ul {
|
margin-top: 50px;
|
width: 100%;
|
display: flex;
|
justify-content: space-around;
|
text-align: center;
|
|
li {
|
width: 30%;
|
|
// img:nth-child(2){
|
// width: 105px;
|
// height: 105px;
|
// }
|
.manner {
|
font-weight: 400;
|
font-style: normal;
|
font-size: 20px;
|
}
|
|
.partition {
|
width: 20px;
|
height: 2px;
|
background: #ef8201;
|
margin: 5px auto;
|
}
|
|
.mannercont {
|
width: 80%;
|
margin: 20px auto;
|
font-weight: 400;
|
font-style: normal;
|
font-size: 14px;
|
color: #999999;
|
text-align: justify;
|
text-justify: inter-word;
|
line-height: 21px;
|
}
|
}
|
}
|
}
|
|
.application {
|
margin-top: 50px;
|
width: 100%;
|
height: 100%;
|
background: #fafafa;
|
|
.title {
|
font-weight: 700;
|
font-size: 35px;
|
padding: 50px;
|
}
|
|
ul {
|
width: 80%;
|
margin: 0 auto;
|
display: flex;
|
justify-content: space-around;
|
flex-wrap: wrap;
|
|
li {
|
width: 30%;
|
|
@media (max-width: 1280px) {
|
width: 45%;
|
}
|
|
p {
|
font-size: 18px;
|
text-align: left;
|
}
|
|
input {
|
width: 100%;
|
font-size: 18px;
|
outline-color: #999999;
|
background: #ffffff;
|
border: 1px solid #999999;
|
}
|
}
|
}
|
|
.request {
|
width: 30%;
|
height: 50px;
|
line-height: 50px;
|
margin: 50px auto;
|
background: #ef8201;
|
color: #ffffff;
|
font-size: 20px;
|
font-weight: 400;
|
border-radius: 6px;
|
cursor: pointer;
|
}
|
}
|
}
|
}
|
|
footer {
|
// position: absolute;
|
// bottom: 0;
|
width: 100%;
|
height: 80px;
|
background-color: rgba(102, 102, 102, 1);
|
color: #ffffff;
|
font-family: "微软雅黑";
|
font-weight: 400;
|
font-style: normal;
|
font-size: 14px;
|
text-align: center;
|
|
// @media (max-width: 1280px) {
|
// position: relative;
|
// top: var(--height);
|
// }
|
div {
|
width: 100%;
|
margin: 0 auto;
|
line-height: 80px;
|
justify-content: space-between;
|
|
@media (max-width: 1280px) {
|
width: 90%;
|
}
|
}
|
}
|
</style>
|
