Skip to content

T
ty_patentSys
Commit fe103c83 by hanxiao
Options

联调产业排名

parent f7286109
Showing with 57 additions and 66 deletions
src/utils/screen.js
......@@ -11,7 +11,8 @@ 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);
//
//产业排名
export const patentIndustryTopN = p => get('/api/dataScreen/patentIndustryTopN', {});
......
src/views/screen/components/patentMap.vue
......@@ -30,10 +30,10 @@
<div class="map_title">
<img src="@/static/screen/bg-zlzhldqyt.png" alt="" />
<span class="text_title">
<span class="active">
<span class="active" @click="changeMap(1)">
专利转化落地区域图 &nbsp; &nbsp; &nbsp;| &nbsp; &nbsp; &nbsp;</span
>
<span> 项目合作方区域图 </span>
<span @click="changeMap(2)"> 项目合作方区域图 </span>
</span>
</div>
<!-- <div class="map_title">
......@@ -277,6 +277,12 @@ export default {
};
});
},
//切换地图
changeMap(){
}
//获取项目合作图
},
mounted() {
this.init();
......@@ -289,7 +295,7 @@ export default {
// }
.map_title {
position: relative;
display: inline-block;
// display: inline-block;
// width: 300px;
// color: #fff;
......
src/views/screen/index.vue
......@@ -54,23 +54,23 @@
<div class="bottom_title">
<span>专利产业布局分布（山西十大产业）</span>
</div>
<div class="rank_con">
<div class="rank_con">
<div class="rank_con_left">
<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'">{{
item.index
}}</span>
<span class="index2 index" v-else-if="item.index === '2'">{{
<span class="index2 index" v-else-if="item.index == '2'">{{
item.index
}}</span>
<span class="index3 index" v-else-if="item.index == '3'">{{
item.index
}}</span>
<span class="index4 index" v-else>{{ item.index }}</span>
<span class="name1 name" v-if="item.index === '1'">{{
<span class="name1 name" v-if="item.index == '1'">{{
item.name
}}</span>
<span class="name2 name" v-else-if="item.index === '2'">{{
<span class="name2 name" v-else-if="item.index == '2'">{{
item.name
}}</span>
<span class="name3 name" v-else-if="item.index == '3'">{{
......@@ -79,9 +79,9 @@
<span class="name4 name" v-else>{{ item.name }}</span>
<a-progress
v-if="item.index === '1'"
v-if="item.index == '1'"
class="progress"
:percent="'67'"
:percent="item.percent"
:stroke-color="gradientColor1"
:trail-color="'rgba(19, 40, 71, 1)'"
:show-info="false"
......@@ -89,9 +89,9 @@
>
</a-progress>
<a-progress
v-else-if="item.index === '2'"
v-else-if="item.index == '2'"
class="progress"
:percent="'67'"
:percent="item.percent"
:stroke-color="gradientColor2"
:trail-color="'rgba(19, 40, 71, 1)'"
:show-info="false"
......@@ -99,9 +99,9 @@
>
</a-progress>
<a-progress
v-else-if="item.index === '3'"
v-else-if="item.index == '3'"
class="progress"
:percent="'67'"
:percent="item.percent"
:stroke-color="gradientColor3"
:trail-color="'rgba(19, 40, 71, 1)'"
:show-info="false"
......@@ -111,39 +111,39 @@
<a-progress
v-else
class="progress"
:percent="'67'"
:percent="item.percent"
:stroke-color="gradientColor4"
:trail-color="'rgba(19, 40, 71, 1)'"
:show-info="false"
:stroke-linecap="'round'"
>
</a-progress>
<span class="num1 num" v-if="item.index === '1'"
>{{ item.num }}个</span
<span class="num1 num" v-if="item.index == '1'"
>{{ item.value }}个</span
>
<span class="num2 num" v-else-if="item.index === '2'"
>{{ item.num }}个</span
<span class="num2 num" v-else-if="item.index == '2'"
>{{ item.value }}个</span
>
<span class="num3 num" v-else-if="item.index == '3'"
>{{ item.num }}个</span
>{{ item.value }}个</span
>
<span class="num4 num" v-else>{{ item.num }}个</span>
<span class="num4 num" v-else>{{ item.value }}个</span>
</div>
</div>
<div class="rank_con_right">
<div class="rank_progress" v-for="item in rankArr">
<span class="index4 index">{{ item.index }}</span>
<span class="name4 name">{{ item.name }}</span>
<span class="name4 name">{{ item.value }}</span>
<a-progress
class="progress"
:percent="'67'"
:percent="item.percent"
:stroke-color="gradientColor4"
:trail-color="'rgba(19, 40, 71, 1)'"
:show-info="false"
:stroke-linecap="'round'"
>
</a-progress>
<span class="num4 num">{{ item.num }}个</span>
<span class="num4 num">{{ item.value }}个</span>
</div>
</div>
</div>
......@@ -152,11 +152,11 @@
</div>
</template>
<script>
import { patentDevelop } from "@/utils/screen.js";
import { patentDevelop, patentIndustryTopN } from "@/utils/screen.js";
import EchartsCon from "@/components/EchartsCon.vue";
import patentType from "./components/patentType.vue";
import patentMap from "./components/patentMap.vue";
import patentPerson from "./components/patentPerson.vue"
import patentPerson from "./components/patentPerson.vue";
export default {
name: "screen",
data() {
......@@ -164,38 +164,7 @@ export default {
option5: null,
activeTrend: "apply_num",
trend_year: 8,
rankArr: [
{
index: "1",
num: 172,
percent: 72,
name: "特钢材料",
},
{
index: "2",
num: 172,
percent: 72,
name: "特钢材料",
},
{
index: "3",
num: 172,
percent: 72,
name: "特钢材料",
},
{
index: "4",
num: 172,
percent: 72,
name: "特钢材料",
},
{
index: "5",
num: 172,
percent: 72,
name: "特钢材料",
},
],
rankArr: [],
yearOptions: [
{
value: 3,
......@@ -262,17 +231,29 @@ export default {
EchartsCon,
patentType,
patentMap,
patentPerson
patentPerson,
},
methods: {
init() {
//获取专利发展趋势图
this.getTrend();
//获取产业排名
// this.getTopN();
},
//修改时间
handleChange() {
this.getTrend();
},
//获取产业排名
getTopN() {
patentIndustryTopN().then((res) => {
this.rankArr = res.data;
this.rankArr.forEach((item, index) => {
item.index = index + 1;
item.percent = item.percent.replace("%", "");
});
});
},
getTrend() {
let data = {
xData: [],
......@@ -498,7 +479,7 @@ export default {
},
changetrend(tab) {
this.activeTrend = tab;
this.getTrend()
this.getTrend();
},
},
......@@ -592,7 +573,7 @@ export default {
height: 160px;
width: 100%;
display: flex;
justify-content: space-between;
justify-content: space-around;
.index {
font-size: 12px;
font-family: "jiangcheng";
......@@ -632,10 +613,11 @@ export default {
font-family: "jiangcheng";
font-weight: 400;
color: #f8fbff;
padding: 0 5px;
height: 30px;
text-align: center;
text-align: left;
line-height: 30px;
width: 25%;
}
.name1 {
text-shadow: 0px 1px 1px rgba(255, 114, 114, 0.5);
......@@ -670,7 +652,9 @@ export default {
font-family: "jiangcheng";
font-weight: normal;
font-style: italic;
// color: #ff4b4b;
// color: #ff4b4b
width: 20%;
padding: 0 5px;
}
.num1 {
color: #ff4b4b;
......@@ -685,7 +669,7 @@ export default {
color: rgba(0, 159, 255, 1);
}
.progress {
width: 300px;
width: 280px;
}
}
}
......
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