Commit 2b4ffc9b by 王勇飞

Merge branch 'ipop-web' of gitlab.gongsibao.com:jiangyong/zhichan into ipop-web

parents 0820c468 6df06dca
......@@ -73,9 +73,10 @@ class PatentycCtl extends CtlBase {
}
async competitionAnalysisInfo(pobj,obj,req){//竞争分析基本信息
if (obj.companyname && obj.companyname != 'undefined'){
console.log(obj.query.companyname,'接口啊啊啊啊啊啊啊啊啊');
if (obj.query.companyname && obj.query.companyname != 'undefined'){
try{
var result = await this.service.competitionAnalysisInfo(obj);
var result = await this.service.competitionAnalysisInfo(obj.query);
if (JSON.stringify(result) != '{}'){
return System.getResult2(result);
}
......@@ -94,9 +95,9 @@ class PatentycCtl extends CtlBase {
}
async competitionAnalysisContex(pobj,obj,req){//竞争分析详细信息
if (obj.company1 && obj.company1 != 'undefined' && obj.company2 && obj.company2 != 'undefined' && obj.keyword1 && obj.keyword1 != 'undefined' && obj.keyword2 && obj.keyword2 ){
if (obj.query.company1 && obj.query.company1 != 'undefined' && obj.query.company2 && obj.query.company2 != 'undefined' && obj.query.keyword1 && obj.query.keyword1 != 'undefined' && obj.query.keyword2 && obj.query.keyword2 ){
try{
var result = await this.service.competitionAnalysisContex(obj);
var result = await this.service.competitionAnalysisContex(obj.query);
if (JSON.stringify(result) != '{}'){
return System.getResult2(result);
}
......
......@@ -175,13 +175,16 @@
bottom: 0;
margin: auto;
}
.el-tooltip__popper.is-light {
max-width: 80% !important;
}
</style>
</head>
<body>
<div id="app" v-loading="loading" class="app-main" style="visibility: hidden">
<div id="header" :class="typeHome ? 'app-headerHome' : 'app-header'">
<el-row style="border-bottom:none;padding: 0px;min-width: 1244px;">
<el-col :span="4" style="min-width:205px;text-align: center;">
<el-col :span="2" style="min-width:150px;text-align: center;">
<!-- <el-button type="text" style="font-size:24px;font-size: 0.24rem;" @click="navRoute('首页')">知识产权运营平台</el-button> -->
<img v-if="typeHome" style="margin-top: 14px;margin-left: 32px;cursor: pointer;" @click="NavIndexRoute('首页')" src="/imgs/home/logoimg1.png" alt="">
<img v-if="!typeHome" style="margin-top: 14px;cursor: pointer;" src="/imgs/home/logos.png" @click="NavIndexRoute('首页')" alt="">
......@@ -189,10 +192,10 @@
<!-- <el-col :span="17" class="spechorizotal">
<gsb-topmenu ref="topmenu" mode="horizontal" formatprop="formatItem" bkcolor="black" @menuselect="onMenuSelect"></gsb-topmenu>
</el-col> -->
<el-col v-if='!typeHome' :span="17" style="min-width:880px">
<el-col v-if='!typeHome' :span="19" style="min-width:880px">
<gsb-nav @navroute="NavIndexRoute" :navarr="navarr"></gsb-nav>
</el-col>
<el-col :span="3" style="float:right;min-width: 100px;" v-if="!currentUser">
<el-col :span="2" style="float:right;min-width: 100px;" v-if="!currentUser">
<el-button type="text" style="font-size: 0.14rem;" @click="onselect('login')">登录</el-button>
<el-button type="text" style="font-size: 0.14rem;" @click="onselect('register')">注册</el-button>
<div></div>
......
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -152,23 +152,26 @@ axios.get("/vue/comp/base").then(function(res){
homeType: true,
navarr:[
{
name:'首页'
},{
name:'智能检索',
obj:['专利检索','高级检索']
name:'智能检索'
},{
name:'智能分析'
},{
name:'IP智慧城市',
obj:['产业创新监测','创新人才发现','企业智慧管理']
},{
name:'智能估价'
},{
name:'创新资源共享'
name:'企业智慧管理'
},{
name:'智能分类'
name:'产业创新监测'
},{
name:'智能采集'
name:'IP智慧城市'
},{
name:'创新人才发现'
},{
name:'知识产权运营'
},{
name: '创新资源共享'
},{
name:'更多',
obj:['智能采集','智能分类','智能翻译']
}
],
// {
......@@ -222,6 +225,61 @@ axios.get("/vue/comp/base").then(function(res){
},
}),
created(){
/*let navarr = [
{
name:'智能检索'
},{
name:'智能分析'
},{
name:'智能估价'
},{
name:'企业智慧管理'
},{
name:'产业创新监测'
},{
name:'IP智慧城市'
},{
name:'创新人才发现'
},{
name:'知识产权运营'
},{
name:'创新资源共享'
},{
name:'智能采集'
},{
name:'智能分类'
},{
name:'智能翻译'
}
];
var that = this;
that.navarr = [];
let a = {
name: '更多',
obj: []
};
for(let i=0; i<navarr.length; i++) {
if ((i * 124) <= document.body.clientWidth) {
that.navarr.push(navarr[i])
}else {
a.obj.push(navarr[i])
}
if (a.obj.length > 0) {
that.navarr.push(a)
}
};
$(window).resize(function(){
for(var i=0; i<navarr.length; i++) {
if ((i * 124) <= document.body.clientWidth) {
that.navarr.push(navarr[i])
}else {
a.obj.push(navarr[i])
}
if (a.obj.length > 0) {
that.navarr.push(a)
}
}
})*/
var url = window.location.href;
var arr1 = url.split("/#");
var titleValue = "";
......@@ -337,7 +395,7 @@ axios.get("/vue/comp/base").then(function(res){
// window.open("https://gct.aminer.cn/");
this.loadingHome = true;
var url = encodeURIComponent("https://gct.aminer.cn/");
this.pushx({name:"/iframehtml",title:"智能推送",params:{url:url}});
this.pushx({name:"/iframehtml",title:"创新人才发现",params:{url:url}});
setTimeout(()=>{
this.loadingHome = false;
},1500);
......@@ -346,7 +404,7 @@ axios.get("/vue/comp/base").then(function(res){
this.typeHome = false;
this.loadingHome = true;
var url = encodeURIComponent("https://www.cnuip.com/");
this.pushx({name:"/iframehtml",title:"智能推送",params:{url:url}});
this.pushx({name:"/iframehtml",title:"知识产权运营",params:{url:url}});
setTimeout(()=>{
this.loadingHome = false;
},1500);
......@@ -355,7 +413,16 @@ axios.get("/vue/comp/base").then(function(res){
this.typeHome = false;
this.loadingHome = true;
var url = encodeURIComponent("http://47.104.94.221:8001/wiki");
this.pushx({name:"/iframehtml",title:"智能推送",params:{url:url}});
this.pushx({name:"/iframehtml",title:"智能采集",params:{url:url}});
setTimeout(()=>{
this.loadingHome = false;
},1500);
}else if(v== "智能翻译"){
// window.open("http://47.104.94.221:8001/wiki");
this.typeHome = false;
this.loadingHome = true;
var url = encodeURIComponent("http://125.34.170.146:8080/translate");
this.pushx({name:"/iframehtml",title:"智能翻译",params:{url:url}});
setTimeout(()=>{
this.loadingHome = false;
},1500);
......
......@@ -33,7 +33,7 @@ module.exports=
};
},
mounted:function(){
},
watch:{
......
.competitiveanalysis {
width: 100%;
height: 100%;
padding-bottom: 20px;
background:rgba(15,12,63,1);
}
.competitiveanalysis .main {
......@@ -38,13 +39,14 @@
}
.lhd_header {
width:100%;
height:140px;
min-height:140px;
background:rgba(15,12,63,1);
border:1px solid rgba(17,132,224,1);
padding: 10px;
box-sizing: border-box;
text-align: left;
margin-top: 15px;
overflow: hidden;
}
.lhd_header .left {
float: left;
......@@ -54,6 +56,7 @@
}
.lhd_header .right {
float: left;
/* width: calc(100% - 120px); */
height: 100%;
color: #fff;
padding-left: 20px;
......@@ -112,7 +115,14 @@
.lhd_table_list span {
flex: 1;
text-align: center;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
padding: 0px 10px;
box-sizing: border-box;
}
.lhd_table_list .dj {
cursor: pointer;
}
\ No newline at end of file
color: rgba(17,132,224,1);
}
......@@ -4,10 +4,13 @@
<span class="title-span" @click="fanhui"><span><</span>返回上一级</span><div class="title-div">企业竞争分析</div>
</div>
<div class="lhd_header">
<div class="left"><img src="/imgs/fire.png" alt=""></div>
<!-- <div class="left"><img src="/imgs/fire.png" alt=""></div> -->
<div class="right">
<div class="lhd_h3">{{obj.companyname}}</div>
<div>专利总量&nbsp;&nbsp;<span>{{obj.patentnum}}</span>行业&nbsp;&nbsp;<span>{{obj.industryname}}</span>专利关键词&nbsp;&nbsp;<span>{{obj.businessscope}}</span></div>
<div>专利总量&nbsp;&nbsp;<span>{{obj.total}}</span>
行业&nbsp;&nbsp;<span>{{obj.industryname}}</span>
专利关键词&nbsp;&nbsp;<el-tooltip :content="obj.businessscope" placement="bottom" effect="light"><span>{{obj.keys}}</span></el-tooltip>
</div>
<div>
主营业务&nbsp;&nbsp;<span>{{obj.keyword}}</span>
</div>
......@@ -21,13 +24,13 @@
<span v-for="(item,key) in tableFrom" :key="key">{{item}}</span>
</div>
<div class="lhd_table_list" v-for="(list,index) in obj.competeinfo" :key="index">
<span>{{index}}</span>
<span>{{index + 1}}</span>
<span>{{list.companyname}}</span>
<span>{{list.patentnum}}</span>
<span>{{list.keyword}}</span>
<el-tooltip :content="list.keyword" placement="bottom" effect="light"><span>{{list.keys}}</span></el-tooltip>
<span>{{list.industryname}}</span>
<span>{{list.competeindex}}</span>
<span class="dj" @click="contrast(list.companyname)">对比分析</span>
<span class="dj" @click="contrast(list)">对比分析</span>
</div>
</div>
</div>
......
......@@ -2,68 +2,7 @@
template:'${tmpl}',
data:function(){
return {
obj:{
"companyname": "华为技术科技有限公司",
"patentnum": 12345,
"industryname": "通信设备制造,互联网和相关服务",
"businessscope": "123456",
"keyword": [
"终端设备",
"电信"
],
"competeinfo": [
{
"companyname": "北京小米科技有限公司",
"patentnum": 9876,
"keyword": [
"终端设备",
"电信"
],
"industryname": "通信设备制造",
"competeindex": 90
},
{
"companyname": "北京小米科技有限公司",
"patentnum": 9876,
"keyword": [
"终端设备",
"电信"
],
"industryname": "通信设备制造,互联网和相关服务",
"competeindex": 90
},
{
"companyname": "北京小米科技有限公司",
"patentnum": 9876,
"keyword": [
"终端设备",
"电信"
],
"industryname": "通信设备制造",
"competeindex": 90
},
{
"companyname": "北京小米科技有限公司",
"patentnum": 9876,
"keyword": [
"终端设备",
"电信"
],
"industryname": "通信设备制造",
"competeindex": 90
},
{
"companyname": "北京小米科技有限公司",
"patentnum": 9876,
"keyword": [
"终端设备",
"电信"
],
"industryname": "通信设备制造",
"competeindex": 90
}
]
},
obj:{},
tableFrom:[
'序号','企业名称','专利总量','专利关键词','行业','竞争指数','操作'
],
......@@ -87,8 +26,10 @@
this.$root.pushx({
name:"/enterprisecontrast",
params:{
name1: val,
name2: this.entName
name1: val.companyname,
text1: val.keyword,
name2: this.entName,
text2: this.obj.keyword
}
});
},
......@@ -98,18 +39,42 @@
params:{}
});
},
keyDealwith(value) {
let array = value.split(',')[0].split('、');
let arr1 = [];
for (let i = 0; i < array.length; i++) {
if ( i > 1 && i <= 5) {
arr1.push(array[i])
}
};
return arr1.join(',')
},
keyDealwith2(value) {
let array = value.split(',');
let arr1 = [];
for (let i = 0; i < array.length; i++) {
if ( i <= 4) {
arr1.push(array[i])
}
};
return arr1.join(',')
},
analysisInfo(){
var obj={entName:""};
var obj={companyname:""};
if(this.entName ){
obj.entName=this.entName;
obj.companyname=this.entName;
}else{
return ;
}
this.$root.showMask();
this.$root.getReq("web/patentycCtl/competitionAnalysisInfo",obj).then(d=>{
if(d && d.code==1){
console.log(d);
if(d && d.status==0){
for (let i = 0; i < d.data.competeinfo.length; i++) {
d.data.competeinfo[i]['keys'] = this.keyDealwith2(d.data.competeinfo[i].keyword)
}
this.obj = d.data;
console.log(d.data);
this.obj['keys'] = this.keyDealwith(d.data.businessscope)
}
this.$root.hideMask();
}).catch(e=>{
......
......@@ -19,9 +19,9 @@
.left_button {
position: absolute;
left: 2%;
top: 0.5vh;
width: 6.3vh;
height: 6.3vh;
top: 1.5vh;
width: 4.5vh;
height: 4.5vh;
cursor: pointer;
}
.vs {
......@@ -34,8 +34,8 @@
font-weight:600;
color:rgba(219,229,240,1);
letter-spacing:1px;
-webkit-text-stroke:0px rgba(14,62,112,1);
text-stroke:0px rgba(14,62,112,1);
-webkit-text-stroke:1px rgba(14,62,112,1);
text-stroke:1px rgba(14,62,112,1);
}
.right_h {
font-size:3.4vh;
......@@ -43,8 +43,8 @@
font-weight:600;
color:rgba(255,246,246,1);
letter-spacing:1px;
-webkit-text-stroke:2px rgba(255,0,0,1);
text-stroke:2px rgba(255,0,0,1);
-webkit-text-stroke:1px rgba(255,0,0,1);
text-stroke:1px rgba(255,0,0,1);
}
.con_left {
margin-top: 5.3vh;
......@@ -125,11 +125,19 @@
height: 15.1%;
background:rgba(34,70,147,1);
margin-top: 1vh;
font-size: 14px;
text-align: right;
position: relative;
z-index: 99;
}
.cl_zzt {
position: absolute;
top: 0px;
left: 0px;
width:60%;
height:100%;
background:linear-gradient(90deg,rgba(50,197,255,1) 0%,rgba(97,228,255,1) 100%);
z-index: -1;
}
.con_right {
margin-top: 5.3vh;
......
<div class="enterprisecontrast">
<div class="header_lhd">
<img class="left_button" src="https://gsb-zc.oss-cn-beijing.aliyuncs.com//zc_17771597459611381202015104651381编组11.png" alt="">
<span class="left_l">{{name1}}</span>
<img class="left_button" src="https://gsb-zc.oss-cn-beijing.aliyuncs.com//zc_17771597459611381202015104651381编组11.png" @click="fanhui" alt="">
<span class="left_l">{{name2}}</span>
<img class="vs" src="https://gsb-zc.oss-cn-beijing.aliyuncs.com//zc_9771597459599608202015104639608编组9.png" alt="">
<span class="right_h">{{name2}}</span>
<span class="right_h">{{name1}}</span>
</div>
<div class="con_left">
<div class="con_left_title">
......@@ -13,26 +13,26 @@
<span>专利成长率</span>
<span>总评分</span>
</div>
<div class="cl_list" v-for="(item,key) in 5" :key="key">
<div class="cl_list" v-for="(item,key) in arr1" :key="key">
<div class="cl_list_title">
手机芯片技术
<div class="mark">9.9</div>
{{item.keyword}}
<div class="mark">{{item.iconscore}}</div>
</div>
<div class="cl_list_item">
<div class="cl_text">6702</div>
<div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + key + \'0%;\' + colorArr[0]"></div></div>
<div class="cl_text">{{item.patentnum}}</div>
<div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + Math.ceil((item.patentnum/item.totalnum)*100) + \'%;\' + colorArr[0]"></div>{{Math.ceil((item.patentnum/item.totalnum)*100)}}%</div>
</div>
<div class="cl_list_item">
<div class="cl_text">23</div>
<div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + key + \'0%;\' + colorArr[1]"></div></div>
<div class="cl_text">{{item.patentquality}}</div>
<div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + item.patentquality + \'%;\' + colorArr[1]"></div>{{item.patentquality}}%</div>
</div>
<div class="cl_list_item">
<div class="cl_text">60%</div>
<div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + key + \'0%;\' + colorArr[2]"></div></div>
<div class="cl_text">{{item.patentrate}}</div>
<div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + item.patentrate + \';\' + colorArr[2]"></div>{{item.patentrate}}</div>
</div>
<div class="cl_list_item">
<div class="cl_text">133</div>
<div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + key + \'0%;\' + colorArr[3]"></div></div>
<div class="cl_text">{{item.totalscore}}</div>
<div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + item.totalscore + \'%;\' + colorArr[3]"></div>{{item.totalscore}}%</div>
</div>
</div>
</div>
......@@ -44,26 +44,26 @@
<span>专利成长率</span>
<span>总评分</span>
</div>
<div class="cr_list" v-for="(item,key) in 5" :key="key">
<div class="cr_list" v-for="(item,key) in arr2" :key="key">
<div class="cr_list_title">
手机芯片技术
<div class="mark">9.9</div>
{{item.keyword}}
<div class="mark">{{item.iconscore}}</div>
</div>
<div class="cl_list_item">
<div class="cl_text">6702</div>
<div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + key + \'0%;\' + colorArr[0]"></div></div>
<div class="cl_text">{{item.patentnum}}</div>
<div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + Math.ceil((item.patentnum/item.totalnum)*100) + \'%;\' + colorArr[0]"></div>{{Math.ceil((item.patentnum/item.totalnum)*100)}}%</div>
</div>
<div class="cl_list_item">
<div class="cl_text">23</div>
<div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + key + \'0%;\' + colorArr[1]"></div></div>
<div class="cl_text">{{item.patentquality}}</div>
<div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + item.patentquality + \'%;\' + colorArr[1]"></div>{{item.patentquality}}%</div>
</div>
<div class="cl_list_item">
<div class="cl_text">60%</div>
<div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + key + \'0%;\' + colorArr[2]"></div></div>
<div class="cl_text">{{item.patentrate}}</div>
<div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + item.patentrate + \';\' + colorArr[2]"></div>{{item.patentrate}}</div>
</div>
<div class="cl_list_item">
<div class="cl_text">133</div>
<div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + key + \'0%;\' + colorArr[3]"></div></div>
<div class="cl_text">{{item.totalscore}}</div>
<div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + item.totalscore + \'%;\' + colorArr[3]"></div>{{item.totalscore}}%</div>
</div>
</div>
</div>
......
......@@ -4,11 +4,14 @@
return {
name1: '',
name2: '',
text1: '',
text2: '',
colorArr:[
'background:linear-gradient(90deg,rgba(50,197,255,1) 0%,rgba(97,228,255,1) 100%);','background:linear-gradient(270deg,rgba(155,102,255,1) 0%,rgba(98,54,255,1) 100%);',
'background:linear-gradient(270deg,rgba(252,219,0,1) 0%,rgba(247,181,0,1) 100%);','background:linear-gradient(270deg,rgba(121,237,220,1) 0%,rgba(28,240,154,1) 100%);'
],
arr1: [],
arr2: []
}
},
mounted:function(){
......@@ -17,10 +20,40 @@
created:function(){
this.name1=this.$router.history.current.query.name1 || "";
this.name2=this.$router.history.current.query.name2 || "";
this.text1=this.$router.history.current.query.text1 || "";
this.text2=this.$router.history.current.query.text2 || "";
console.log(this.name1, this.name2);
this.analysisInfo()
},
methods:{
fanhui() {
this.$root.pushx({
name:"/competitiveanalysis",
params:{entName: this.name2}
});
},
analysisInfo(){
var obj={company1:"", company2: '', keyword1: '', keyword2: ''};
if(this.name1 && this.name2 && this.text1 && this.text2){
obj.company1 = this.name1;
obj.company2 = this.name2;
obj.keyword1 = this.text1;
obj.keyword2 = this.text2;
}else{
return ;
}
this.$root.showMask();
this.$root.getReq("web/patentycCtl/competitionAnalysisContex",obj).then(d=>{
console.log(d);
if(d && d.status==0){
this.arr1 = d.data.arrt1;
this.arr2 = d.data.arrt2;
}
this.$root.hideMask();
}).catch(e=>{
this.$root.hideMask();
})
},
},
computed:{
......
......@@ -25,8 +25,8 @@
<div class="banner-more">更多 <i class="el-icon-arrow-right"></i></div>
<transition name="el-zoom-in-bottom">
<div class="banner-more-pop-up" v-show="show2">
<div class="banner-more-pop-up-item" @click="navRoute(\'知识产权运营\')">智能翻译 <i class="el-icon-arrow-right"></i></div>
<div class="banner-more-pop-up-item" @click="navRoute(\'智能采集\')"> 智能分类<i class="el-icon-arrow-right"></i></div>
<div class="banner-more-pop-up-item" @click="navRoute(\'智能翻译\')">智能翻译 <i class="el-icon-arrow-right"></i></div>
<div class="banner-more-pop-up-item" @click="navRoute(\'智能分类\')"> 智能分类<i class="el-icon-arrow-right"></i></div>
<div class="banner-more-pop-up-item" @click="navRoute(\'智能采集\')">智能采集 <i class="el-icon-arrow-right"></i></div>
</div>
</transition>
......
......@@ -152,7 +152,9 @@
var that = this;
$(window).resize(function(){
that.xingkong()
if (that.$route.path == '/') {
that.xingkong()
}
})
/*$('.home-banner').starfield({
starDensity: 2.0,
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment