Skip to content

T
ty_patentSys
Commit f7286109 by hanxiao
Options

修改地图

parent 919b54c7
Showing with 79 additions and 29 deletions
src/utils/screen.js
...@@ -11,6 +11,7 @@ export const patentSSProvince = p => post('/api/dataScreen/patentSSProvince', p) ...@@ -11,6 +11,7 @@ export const patentSSProvince = p => post('/api/dataScreen/patentSSProvince', p)
export const patentHead = p => get('/api/dataScreen/patentHead', {}); export const patentHead = p => get('/api/dataScreen/patentHead', {});
//专利发明人排名 //专利发明人排名
export const patentInventor = p => post('/api/dataScreen/patentInventor', p); export const patentInventor = p => post('/api/dataScreen/patentInventor', p);
//
......
src/views/screen/components/patentMap.vue
...@@ -26,10 +26,22 @@ ...@@ -26,10 +26,22 @@
<div><span>50595</span>项</div> <div><span>50595</span>项</div>
</div> </div>
</div> </div>
<div class="map_title"> <div class="map_title_box">
<img src="@/static/screen/bg-zlzhldqyt.png" alt="" /> <div class="map_title">
<span class="text_title">专利转化落地区域图</span> <img src="@/static/screen/bg-zlzhldqyt.png" alt="" />
<span class="text_title">
<span class="active">
专利转化落地区域图 &nbsp; &nbsp; &nbsp;| &nbsp; &nbsp; &nbsp;</span
>
<span> 项目合作方区域图 </span>
</span>
</div>
<!-- <div class="map_title">
<span class="text_title"> 项目合作方区域图 </span>
</div> -->
</div> </div>
<div class="echarts_container"> <div class="echarts_container">
<EchartsCon :id="'area'" :option="option1" v-if="option1"></EchartsCon> <EchartsCon :id="'area'" :option="option1" v-if="option1"></EchartsCon>
</div> </div>
...@@ -112,8 +124,8 @@ export default { ...@@ -112,8 +124,8 @@ export default {
map: "shanxi", map: "shanxi",
aspectScale: 1, aspectScale: 1,
zoom: 0.65, zoom: 0.65,
layoutCenter: ["50%", "50%"], layoutCenter: ["50%", "38%"],
layoutSize: "150%", layoutSize: "120%",
show: true, show: true,
roam: false, roam: false,
label: { label: {
...@@ -124,12 +136,34 @@ export default { ...@@ -124,12 +136,34 @@ export default {
itemStyle: { itemStyle: {
normal: { normal: {
borderColor: "#c0f3fb",
borderWidth: 1, borderWidth: 1,
shadowColor: "#8cd3ef", borderColor: '#3B5077',
shadowOffsetY: 10, areaColor: {
shadowBlur: 120, type: "radial",
areaColor: "transparent", x: 0.5,
y: 0.5,
r: 0.8,
colorStops: [
{
offset: 0,
color: "rgba(147, 235, 248, 0)", // 0% 处的颜色
},
{
offset: 1,
color: "rgba(147, 235, 248, .2)", // 100% 处的颜色
},
],
},
},
emphasis: {
areaColor: "#8cd3ef",
borderWidth: 0,
},
},
emphasis: {
//地图高亮
itemStyle: {
color: "#93EBF8",
}, },
}, },
}, },
...@@ -156,9 +190,14 @@ export default { ...@@ -156,9 +190,14 @@ export default {
borderColor: "#fff", borderColor: "#fff",
borderWidth: 0.2, borderWidth: 0.2,
}, },
emphasis: {
areaColor: '#8cd3ef',
color:'#fff'
},
}, },
layoutCenter: ["50%", "50%"],
layoutSize: "150%", layoutCenter: ["50%", "38%"],
layoutSize: "120%",
markPoint: { markPoint: {
symbol: "none", symbol: "none",
}, },
...@@ -245,18 +284,24 @@ export default { ...@@ -245,18 +284,24 @@ export default {
}; };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
// .map_title_box {
// display: flex;
// }
.map_title { .map_title {
position: absolute; position: relative;
display: inline-block;
// width: 300px;
color: #fff; // color: #fff;
.text_title { .text_title {
position: absolute; position: absolute;
left: 60px; left: 60px;
top: 5px; top: 5px;
cursor: pointer;
font-family: "jiangcheng"; font-family: "jiangcheng";
font-weight: normal; font-weight: normal;
font-size: 20px; font-size: 20px;
color: #ccc;
text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42); text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
background: linear-gradient( background: linear-gradient(
...@@ -268,18 +313,23 @@ export default { ...@@ -268,18 +313,23 @@ export default {
-webkit-background-clip: text; -webkit-background-clip: text;
// -webkit-text-fill-color: transparent; // -webkit-text-fill-color: transparent;
} }
.active {
color: #fff;
}
} }
.echarts_container { .echarts_container {
height: 70%; height: 90%;
// margin-top: 20px;
} }
.center_top_imgs { .center_top_imgs {
height: 140px; height: 120px;
width: 100%; width: 100%;
display: flex; display: flex;
margin-top: -20px;
.text { .text {
padding-left: 76px; padding-left: 76px;
padding-top: 45px; padding-top: 35px;
div { div {
font-size: 18px; font-size: 18px;
font-family: "jiangcheng"; font-family: "jiangcheng";
......
src/views/screen/components/patentPerson.vue
...@@ -403,7 +403,7 @@ export default { ...@@ -403,7 +403,7 @@ export default {
padding: 0 15px 0 5px; padding: 0 15px 0 5px;
height: 45%; height: 45%;
.center_left_title { .center_left_title {
background: url("../../../static/screen/title-long.png") no-repeat; background: url("../../../static/screen/title-short.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
font-size: 20px; font-size: 20px;
height: 39px; height: 39px;
...@@ -413,7 +413,7 @@ export default { ...@@ -413,7 +413,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: 25px; padding-left: 35px;
padding-top: 6px; padding-top: 6px;
.center_left_title_btn { .center_left_title_btn {
font-size: 14px; font-size: 14px;
......
src/views/screen/components/patentType.vue
...@@ -445,7 +445,7 @@ export default { ...@@ -445,7 +445,7 @@ export default {
padding: 0 15px; padding: 0 15px;
height: 45%; height: 45%;
.center_left_title { .center_left_title {
background: url("../../../static/screen/title-long.png") no-repeat; background: url("../../../static/screen/title-short.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
font-size: 20px; font-size: 20px;
height: 39px; height: 39px;
...@@ -455,7 +455,7 @@ export default { ...@@ -455,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: 25px; padding-left: 35px;
padding-top: 6px; padding-top: 6px;
.center_left_title_btn { .center_left_title_btn {
font-size: 14px; font-size: 14px;
......
src/views/screen/index.vue
...@@ -54,7 +54,7 @@ ...@@ -54,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'">{{
...@@ -146,7 +146,7 @@ ...@@ -146,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>
...@@ -511,7 +511,7 @@ export default { ...@@ -511,7 +511,7 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.screen { .screen {
background-image: url("../../static/screen/bg-all.png"); background-image: url("../../static/screen/bg-all.png");
background-size: 100%; background-size: 100% 100%;
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: auto; overflow: auto;
...@@ -519,14 +519,13 @@ export default { ...@@ -519,14 +519,13 @@ export default {
header { header {
background-image: url("../../static/screen/bg-top-logo.png"); background-image: url("../../static/screen/bg-top-logo.png");
height: 97px; height: 97px;
background-size: 100%; background-size: 100% 100%;
font-family: "jiangcheng"; font-family: "jiangcheng";
font-weight: 400; font-weight: 400;
color: #eff8fc; color: #eff8fc;
line-height: 26px;
text-align: center; text-align: center;
font-size: 40px; font-size: 34px;
line-height: 97px; line-height: 80px;
opacity: 0.89; opacity: 0.89;
text-shadow: 0px 4px 1px rgba(19, 80, 143, 0.66); text-shadow: 0px 4px 1px rgba(19, 80, 143, 0.66);
} }
......
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