Skip to content

Z
zhichan
Commit d2dd7b95 by 李宏达
Options

lhd

parent 00aec9d2
Showing with 133 additions and 112 deletions
ipop-web/app/base/controller/impl/patentycCtl.js
...@@ -73,9 +73,10 @@ class PatentycCtl extends CtlBase { ...@@ -73,9 +73,10 @@ class PatentycCtl extends CtlBase {
} }
async competitionAnalysisInfo(pobj,obj,req){//竞争分析基本信息 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{ try{
var result = await this.service.competitionAnalysisInfo(obj); var result = await this.service.competitionAnalysisInfo(obj.query);
if (JSON.stringify(result) != '{}'){ if (JSON.stringify(result) != '{}'){
return System.getResult2(result); return System.getResult2(result);
} }
...@@ -94,9 +95,9 @@ class PatentycCtl extends CtlBase { ...@@ -94,9 +95,9 @@ class PatentycCtl extends CtlBase {
} }
async competitionAnalysisContex(pobj,obj,req){//竞争分析详细信息 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{ try{
var result = await this.service.competitionAnalysisContex(obj); var result = await this.service.competitionAnalysisContex(obj.query);
if (JSON.stringify(result) != '{}'){ if (JSON.stringify(result) != '{}'){
return System.getResult2(result); return System.getResult2(result);
} }
......
ipop-web/app/front/entry/public/css/pagecom.css
This source diff could not be displayed because it is too large. You can view the blob instead.
ipop-web/app/front/vues/pages/competitiveanalysis/competitiveanalysis.css
.competitiveanalysis { .competitiveanalysis {
width: 100%; width: 100%;
height: 100%; height: 100%;
padding-bottom: 20px;
background:rgba(15,12,63,1); background:rgba(15,12,63,1);
} }
.competitiveanalysis .main { .competitiveanalysis .main {
...@@ -38,13 +39,14 @@ ...@@ -38,13 +39,14 @@
} }
.lhd_header { .lhd_header {
width:100%; width:100%;
height:140px; min-height:140px;
background:rgba(15,12,63,1); background:rgba(15,12,63,1);
border:1px solid rgba(17,132,224,1); border:1px solid rgba(17,132,224,1);
padding: 10px; padding: 10px;
box-sizing: border-box; box-sizing: border-box;
text-align: left; text-align: left;
margin-top: 15px; margin-top: 15px;
overflow: hidden;
} }
.lhd_header .left { .lhd_header .left {
float: left; float: left;
...@@ -54,6 +56,7 @@ ...@@ -54,6 +56,7 @@
} }
.lhd_header .right { .lhd_header .right {
float: left; float: left;
/* width: calc(100% - 120px); */
height: 100%; height: 100%;
color: #fff; color: #fff;
padding-left: 20px; padding-left: 20px;
...@@ -112,7 +115,14 @@ ...@@ -112,7 +115,14 @@
.lhd_table_list span { .lhd_table_list span {
flex: 1; flex: 1;
text-align: center; 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 { .lhd_table_list .dj {
cursor: pointer; cursor: pointer;
color: rgba(17,132,224,1);
} }
\ No newline at end of file
ipop-web/app/front/vues/pages/competitiveanalysis/competitiveanalysis.html
...@@ -4,10 +4,13 @@ ...@@ -4,10 +4,13 @@
<span class="title-span" @click="fanhui"><span><</span>返回上一级</span><div class="title-div">企业竞争分析</div> <span class="title-span" @click="fanhui"><span><</span>返回上一级</span><div class="title-div">企业竞争分析</div>
</div> </div>
<div class="lhd_header"> <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="right">
<div class="lhd_h3">{{obj.companyname}}</div> <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> <div>
主营业务&nbsp;：&nbsp;<span>{{obj.keyword}}</span> 主营业务&nbsp;：&nbsp;<span>{{obj.keyword}}</span>
</div> </div>
...@@ -21,13 +24,13 @@ ...@@ -21,13 +24,13 @@
<span v-for="(item,key) in tableFrom" :key="key">{{item}}</span> <span v-for="(item,key) in tableFrom" :key="key">{{item}}</span>
</div> </div>
<div class="lhd_table_list" v-for="(list,index) in obj.competeinfo" :key="index"> <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.companyname}}</span>
<span>{{list.patentnum}}</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.industryname}}</span>
<span>{{list.competeindex}}</span> <span>{{list.competeindex}}</span>
<span class="dj" @click="contrast(list.companyname)">对比分析</span> <span class="dj" @click="contrast(list)">对比分析</span>
</div> </div>
</div> </div>
</div> </div>
......
ipop-web/app/front/vues/pages/competitiveanalysis/competitiveanalysis.js
...@@ -2,68 +2,7 @@ ...@@ -2,68 +2,7 @@
template:'${tmpl}', template:'${tmpl}',
data:function(){ data:function(){
return { return {
obj:{ 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
}
]
},
tableFrom:[ tableFrom:[
'序号','企业名称','专利总量','专利关键词','行业','竞争指数','操作' '序号','企业名称','专利总量','专利关键词','行业','竞争指数','操作'
], ],
...@@ -87,8 +26,10 @@ ...@@ -87,8 +26,10 @@
this.$root.pushx({ this.$root.pushx({
name:"/enterprisecontrast", name:"/enterprisecontrast",
params:{ params:{
name1: val, name1: val.companyname,
name2: this.entName text1: val.keyword,
name2: this.entName,
text2: this.obj.keyword
} }
}); });
}, },
...@@ -98,18 +39,42 @@ ...@@ -98,18 +39,42 @@
params:{} 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(){ analysisInfo(){
var obj={entName:""}; var obj={companyname:""};
if(this.entName ){ if(this.entName ){
obj.entName=this.entName; obj.companyname=this.entName;
}else{ }else{
return ; return ;
} }
this.$root.showMask(); this.$root.showMask();
this.$root.getReq("web/patentycCtl/competitionAnalysisInfo",obj).then(d=>{ 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; this.obj = d.data;
console.log(d.data); this.obj['keys'] = this.keyDealwith(d.data.businessscope)
} }
this.$root.hideMask(); this.$root.hideMask();
}).catch(e=>{ }).catch(e=>{
......
ipop-web/app/front/vues/pages/enterprisecontrast/enterprisecontrast.css
...@@ -19,9 +19,9 @@ ...@@ -19,9 +19,9 @@
.left_button { .left_button {
position: absolute; position: absolute;
left: 2%; left: 2%;
top: 0.5vh; top: 1.5vh;
width: 6.3vh; width: 4.5vh;
height: 6.3vh; height: 4.5vh;
cursor: pointer; cursor: pointer;
} }
.vs { .vs {
...@@ -34,8 +34,8 @@ ...@@ -34,8 +34,8 @@
font-weight:600; font-weight:600;
color:rgba(219,229,240,1); color:rgba(219,229,240,1);
letter-spacing:1px; letter-spacing:1px;
-webkit-text-stroke:0px rgba(14,62,112,1); -webkit-text-stroke:1px rgba(14,62,112,1);
text-stroke:0px rgba(14,62,112,1); text-stroke:1px rgba(14,62,112,1);
} }
.right_h { .right_h {
font-size:3.4vh; font-size:3.4vh;
...@@ -43,8 +43,8 @@ ...@@ -43,8 +43,8 @@
font-weight:600; font-weight:600;
color:rgba(255,246,246,1); color:rgba(255,246,246,1);
letter-spacing:1px; letter-spacing:1px;
-webkit-text-stroke:2px rgba(255,0,0,1); -webkit-text-stroke:1px rgba(255,0,0,1);
text-stroke:2px rgba(255,0,0,1); text-stroke:1px rgba(255,0,0,1);
} }
.con_left { .con_left {
margin-top: 5.3vh; margin-top: 5.3vh;
...@@ -125,11 +125,19 @@ ...@@ -125,11 +125,19 @@
height: 15.1%; height: 15.1%;
background:rgba(34,70,147,1); background:rgba(34,70,147,1);
margin-top: 1vh; margin-top: 1vh;
font-size: 14px;
text-align: right;
position: relative;
z-index: 99;
} }
.cl_zzt { .cl_zzt {
position: absolute;
top: 0px;
left: 0px;
width:60%; width:60%;
height:100%; height:100%;
background:linear-gradient(90deg,rgba(50,197,255,1) 0%,rgba(97,228,255,1) 100%); background:linear-gradient(90deg,rgba(50,197,255,1) 0%,rgba(97,228,255,1) 100%);
z-index: -1;
} }
.con_right { .con_right {
margin-top: 5.3vh; margin-top: 5.3vh;
......
ipop-web/app/front/vues/pages/enterprisecontrast/enterprisecontrast.html
<div class="enterprisecontrast"> <div class="enterprisecontrast">
<div class="header_lhd"> <div class="header_lhd">
<img class="left_button" src="https://gsb-zc.oss-cn-beijing.aliyuncs.com//zc_17771597459611381202015104651381编组11.png" alt=""> <img class="left_button" src="https://gsb-zc.oss-cn-beijing.aliyuncs.com//zc_17771597459611381202015104651381编组11.png" @click="fanhui" alt="">
<span class="left_l">{{name1}}</span> <span class="left_l">{{name2}}</span>
<img class="vs" src="https://gsb-zc.oss-cn-beijing.aliyuncs.com//zc_9771597459599608202015104639608编组9.png" alt=""> <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>
<div class="con_left"> <div class="con_left">
<div class="con_left_title"> <div class="con_left_title">
...@@ -13,26 +13,26 @@ ...@@ -13,26 +13,26 @@
<span>专利成长率</span> <span>专利成长率</span>
<span>总评分</span> <span>总评分</span>
</div> </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="cl_list_title">
手机芯片技术 {{item.keyword}}
<div class="mark">9.9</div> <div class="mark">{{item.iconscore}}</div>
</div> </div>
<div class="cl_list_item"> <div class="cl_list_item">
<div class="cl_text">6702</div> <div class="cl_text">{{item.patentnum}}</div>
<div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + key + \'0%;\' + colorArr[0]"></div></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>
<div class="cl_list_item"> <div class="cl_list_item">
<div class="cl_text">23</div> <div class="cl_text">{{item.patentquality}}</div>
<div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + key + \'0%;\' + colorArr[1]"></div></div> <div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + item.patentquality + \'%;\' + colorArr[1]"></div>{{item.patentquality}}%</div>
</div> </div>
<div class="cl_list_item"> <div class="cl_list_item">
<div class="cl_text">60%</div> <div class="cl_text">{{item.patentrate}}</div>
<div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + key + \'0%;\' + colorArr[2]"></div></div> <div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + item.patentrate + \';\' + colorArr[2]"></div>{{item.patentrate}}</div>
</div> </div>
<div class="cl_list_item"> <div class="cl_list_item">
<div class="cl_text">133</div> <div class="cl_text">{{item.totalscore}}</div>
<div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + key + \'0%;\' + colorArr[3]"></div></div> <div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + item.totalscore + \'%;\' + colorArr[3]"></div>{{item.totalscore}}%</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -44,26 +44,26 @@ ...@@ -44,26 +44,26 @@
<span>专利成长率</span> <span>专利成长率</span>
<span>总评分</span> <span>总评分</span>
</div> </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="cr_list_title">
手机芯片技术 {{item.keyword}}
<div class="mark">9.9</div> <div class="mark">{{item.iconscore}}</div>
</div> </div>
<div class="cl_list_item"> <div class="cl_list_item">
<div class="cl_text">6702</div> <div class="cl_text">{{item.patentnum}}</div>
<div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + key + \'0%;\' + colorArr[0]"></div></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>
<div class="cl_list_item"> <div class="cl_list_item">
<div class="cl_text">23</div> <div class="cl_text">{{item.patentquality}}</div>
<div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + key + \'0%;\' + colorArr[1]"></div></div> <div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + item.patentquality + \'%;\' + colorArr[1]"></div>{{item.patentquality}}%</div>
</div> </div>
<div class="cl_list_item"> <div class="cl_list_item">
<div class="cl_text">60%</div> <div class="cl_text">{{item.patentrate}}</div>
<div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + key + \'0%;\' + colorArr[2]"></div></div> <div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + item.patentrate + \';\' + colorArr[2]"></div>{{item.patentrate}}</div>
</div> </div>
<div class="cl_list_item"> <div class="cl_list_item">
<div class="cl_text">133</div> <div class="cl_text">{{item.totalscore}}</div>
<div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + key + \'0%;\' + colorArr[3]"></div></div> <div class="cl_jdt"><div class="cl_zzt" :style="\'width:\' + item.totalscore + \'%;\' + colorArr[3]"></div>{{item.totalscore}}%</div>
</div> </div>
</div> </div>
</div> </div>
......
ipop-web/app/front/vues/pages/enterprisecontrast/enterprisecontrast.js
...@@ -4,11 +4,14 @@ ...@@ -4,11 +4,14 @@
return { return {
name1: '', name1: '',
name2: '', name2: '',
text1: '',
text2: '',
colorArr:[ 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(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%);' '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(){ mounted:function(){
...@@ -17,10 +20,40 @@ ...@@ -17,10 +20,40 @@
created:function(){ created:function(){
this.name1=this.$router.history.current.query.name1 || ""; this.name1=this.$router.history.current.query.name1 || "";
this.name2=this.$router.history.current.query.name2 || ""; 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); console.log(this.name1, this.name2);
this.analysisInfo()
}, },
methods:{ 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:{ computed:{
......
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