Skip to content

T
ty_patentSys
Commit 919b54c7 by hanxiao
Options

联调专利排名人、受让省份接口

parent ad826b85
Showing with 159 additions and 141 deletions
src/components/EchartsCon.vue
...@@ -19,7 +19,7 @@ export default { ...@@ -19,7 +19,7 @@ export default {
}, },
height: { height: {
type: String, type: String,
default: "300px", default: "100%",
}, },
option: { option: {
type: Object, type: Object,
......
src/utils/screen.js
...@@ -5,5 +5,14 @@ export const patentAuthorized = p => post('/api/dataScreen/patentAuthorized', p) ...@@ -5,5 +5,14 @@ export const patentAuthorized = p => post('/api/dataScreen/patentAuthorized', p)
export const patentTransform = p => get('/api/dataScreen/patentTransform', {}); export const patentTransform = p => get('/api/dataScreen/patentTransform', {});
//专利发展趋势图 //专利发展趋势图
export const patentDevelop = p => post('/api/dataScreen/patentDevelop', p); export const patentDevelop = p => post('/api/dataScreen/patentDevelop', p);
//专利受让省份排名
export const patentSSProvince = p => post('/api/dataScreen/patentSSProvince', p);
//大屏标题文字
export const patentHead = p => get('/api/dataScreen/patentHead', {});
//专利发明人排名
export const patentInventor = p => post('/api/dataScreen/patentInventor', p);
src/views/screen/components/patentMap.vue
<template> <template>
<div>
<div class="center_top_imgs"> <div class="center_top_imgs">
<div class="top_img1 text"> <div class="top_img1 text">
<div>专利数量</div> <div>专利数量</div>
<div><span>50595</span>项</div> <div>
<span>{{ patent_num }}</span
>项
</div>
</div> </div>
<div class="top_img2 text"> <div class="top_img2 text">
<div>专利数量</div> <div>发明数量</div>
<div><span>50595</span>项</div> <div>
<span>{{ inventor_num }}</span
>项
</div>
</div> </div>
<div class="top_img3 text"> <div class="top_img3 text">
<div>专利数量</div> <div>专利转让量</div>
<div><span>50595</span>项</div> <div>
<span>{{ transfer_num }}</span
>项
</div>
</div> </div>
<div class="top_img4 text"> <div class="top_img4 text">
<div>专利数量</div> <div>合作申请量</div>
<div><span>50595</span>项</div> <div><span>50595</span>项</div>
</div> </div>
</div> </div>
...@@ -22,24 +30,32 @@ ...@@ -22,24 +30,32 @@
<img src="@/static/screen/bg-zlzhldqyt.png" alt="" /> <img src="@/static/screen/bg-zlzhldqyt.png" alt="" />
<span class="text_title">专利转化落地区域图</span> <span class="text_title">专利转化落地区域图</span>
</div> </div>
<div style="height: 300px" id="area11"></div> <div class="echarts_container">
<EchartsCon :id="'area'" :option="option1" v-if="option1"></EchartsCon>
</div> </div>
</template> </template>
<script> <script>
import * as echarts from "echarts"; import * as echarts from "echarts";
import { patentTransform } from "@/utils/screen.js"; import EchartsCon from "@/components/EchartsCon.vue";
import { patentTransform, patentHead } from "@/utils/screen.js";
import axios from "axios"; import axios from "axios";
export default { export default {
name: "patentMap", name: "patentMap",
data() { data() {
return { return {
option1: null, option1: null,
inventor_num: null,
patent_num: null,
transfer_num: null,
}; };
}, },
components: {}, components: {
EchartsCon,
},
methods: { methods: {
init() { init() {
this.getMap(); this.getMap();
this.getTextData();
}, },
getMap() { getMap() {
let dataNum = []; let dataNum = [];
...@@ -66,12 +82,23 @@ export default { ...@@ -66,12 +82,23 @@ export default {
this.getMapOption(dataNum, dataPosition, dataScatter); this.getMapOption(dataNum, dataPosition, dataScatter);
}); });
}, },
//获取文字数据
getTextData() {
patentHead().then((res) => {
if (res.code == 0) {
this.inventor_num = res.data.inventor_num;
this.patent_num = res.data.patent_num;
this.transfer_num = res.data.transfer_num;
}
});
},
//获取地图 //获取地图
getMapOption(dataNum, dataPosition, dataScatter) { getMapOption(dataNum, dataPosition, dataScatter) {
const myChart = echarts.init(document.getElementById("area11"));
axios.get("/map_json/shanxi.json").then((res) => { axios.get("/map_json/shanxi.json").then((res) => {
echarts.registerMap("shanxi", res.data); echarts.registerMap("shanxi", res.data);
var option = {
this.option1 = {
tooltip: { tooltip: {
trigger: "item", trigger: "item",
formatter: function (params) { formatter: function (params) {
...@@ -209,7 +236,6 @@ export default { ...@@ -209,7 +236,6 @@ export default {
}, },
], ],
}; };
myChart.setOption(option);
}); });
}, },
}, },
...@@ -243,6 +269,9 @@ export default { ...@@ -243,6 +269,9 @@ export default {
// -webkit-text-fill-color: transparent; // -webkit-text-fill-color: transparent;
} }
} }
.echarts_container {
height: 70%;
}
.center_top_imgs { .center_top_imgs {
height: 140px; height: 140px;
width: 100%; width: 100%;
......
src/views/screen/components/patentType.vue
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
<EchartsCon <EchartsCon
:id="'123'" :id="'123'"
:option="option1" :option="option1"
:height="'140px'"
v-if="option1" v-if="option1"
></EchartsCon> ></EchartsCon>
</div> </div>
...@@ -72,7 +72,7 @@ ...@@ -72,7 +72,7 @@
<EchartsCon <EchartsCon
:id="'456'" :id="'456'"
:option="option2" :option="option2"
:height="'140px'"
v-if="option2" v-if="option2"
></EchartsCon> ></EchartsCon>
</div> </div>
...@@ -442,6 +442,8 @@ export default { ...@@ -442,6 +442,8 @@ export default {
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.center_left_echarts { .center_left_echarts {
padding: 0 15px;
height: 45%;
.center_left_title { .center_left_title {
background: url("../../../static/screen/title-long.png") no-repeat; background: url("../../../static/screen/title-long.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
...@@ -453,7 +455,7 @@ export default { ...@@ -453,7 +455,7 @@ export default {
font-style: italic; font-style: italic;
color: #f6f9fe; color: #f6f9fe;
text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42); text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
padding-left: 30px; padding-left: 25px;
padding-top: 6px; padding-top: 6px;
.center_left_title_btn { .center_left_title_btn {
font-size: 14px; font-size: 14px;
...@@ -491,6 +493,7 @@ export default { ...@@ -491,6 +493,7 @@ export default {
.echarts_container { .echarts_container {
// height: 120px; // height: 120px;
margin-top: 40px; margin-top: 40px;
height: 70%;
} }
} }
</style> </style>
src/views/screen/index.vue
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<patentMap></patentMap> <patentMap></patentMap>
</div> </div>
<div class="center_right"> <div class="center_right">
<!-- <patentPerson></patentPerson> --> <patentPerson></patentPerson>
</div> </div>
</div> </div>
<div class="bottom"> <div class="bottom">
...@@ -46,7 +46,6 @@ ...@@ -46,7 +46,6 @@
<EchartsCon <EchartsCon
:id="'patent_trend'" :id="'patent_trend'"
:option="option5" :option="option5"
:height="'150px'"
v-if="option5" v-if="option5"
></EchartsCon> ></EchartsCon>
</div> </div>
...@@ -55,7 +54,7 @@ ...@@ -55,7 +54,7 @@
<div class="bottom_title"> <div class="bottom_title">
<span>专利产业布局分布（山西十大产业）</span> <span>专利产业布局分布（山西十大产业）</span>
</div> </div>
<div class="rank_con"> <!-- <div class="rank_con">
<div class="rank_con_left"> <div class="rank_con_left">
<div class="rank_progress" v-for="item in rankArr"> <div class="rank_progress" v-for="item in rankArr">
<span class="index1 index" v-if="item.index === '1'">{{ <span class="index1 index" v-if="item.index === '1'">{{
...@@ -147,7 +146,7 @@ ...@@ -147,7 +146,7 @@
<span class="num4 num">{{ item.num }}个</span> <span class="num4 num">{{ item.num }}个</span>
</div> </div>
</div> </div>
</div> </div> -->
</div> </div>
</div> </div>
</div> </div>
...@@ -515,6 +514,7 @@ export default { ...@@ -515,6 +514,7 @@ export default {
background-size: 100%; background-size: 100%;
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: auto;
// height: 885px; // height: 885px;
header { header {
background-image: url("../../static/screen/bg-top-logo.png"); background-image: url("../../static/screen/bg-top-logo.png");
...@@ -546,9 +546,10 @@ export default { ...@@ -546,9 +546,10 @@ export default {
.bottom { .bottom {
// height: 120px; // height: 120px;
display: flex; display: flex;
height: 28%;
justify-content: space-evenly;
.bottom_echart { .bottom_echart {
width: 50%; width: 48%;
.bottom_title { .bottom_title {
background: url("../../static/screen/title-long.png") no-repeat; background: url("../../static/screen/title-long.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
...@@ -696,5 +697,6 @@ export default { ...@@ -696,5 +697,6 @@ export default {
.echarts_container { .echarts_container {
// height: 120px; // height: 120px;
margin-top: 20px; margin-top: 20px;
height: 70%;
} }
</style> </style>
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