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 {
}
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);
}
......
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 {
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;
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 @@
<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>
......
ipop-web/app/front/vues/pages/competitiveanalysis/competitiveanalysis.js
......@@ -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=>{
......
ipop-web/app/front/vues/pages/enterprisecontrast/enterprisecontrast.css
......@@ -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;
......
ipop-web/app/front/vues/pages/enterprisecontrast/enterprisecontrast.html
<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>
......
ipop-web/app/front/vues/pages/enterprisecontrast/enterprisecontrast.js
......@@ -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:{
......
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