Skip to content
项目
群组
代码片段
帮助
当前项目
正在载入...
登录 / 注册
切换导航面板
C
cxsfjx_project_echarts
项目
项目
详情
活动
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
图表
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
日程
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
折叠边栏
关闭边栏
活动
图像
聊天
创建新问题
作业
提交
问题看板
Open sidebar
邓文彬
cxsfjx_project_echarts
Commits
e566c7e0
提交
e566c7e0
authored
11月 16, 2021
作者:
李
浏览文件
操作
浏览文件
下载
差异文件
合并分支 'gll' 到 'master'
建设体系(页面的建设) 查看合并请求
!1
上级
58bf8b02
33cb6ce0
显示空白字符变更
内嵌
并排
正在显示
2 个修改的文件
包含
58 行增加
和
25 行删除
+58
-25
index.vue
...iews/dataCenter/ConctructSystem/model/Munitions/index.vue
+46
-16
index.vue
src/views/dataCenter/ConctructSystem/model/Outline/index.vue
+12
-9
没有找到文件。
src/views/dataCenter/ConctructSystem/model/Munitions/index.vue
浏览文件 @
e566c7e0
<
template
>
<div
class=
"enterprises-institutions"
>
<MapTitle
text=
"“民参军”企事业单位研发投入情况"
/>
<MapTitle
text=
融委全体会议召开情况
/>
<div
class=
"meeting"
>
<div>
今年以来召开融委全体会议次数
</div>
<div
class=
"frequency"
>
{{
shu
}}
<span
class=
"second"
>
次
</span>
</div>
</div>
<el-row
class=
"investment"
>
<el-col
class=
"card-list"
:span=
"6"
>
<
!--
<
el-col
class=
"card-list"
:span=
"6"
>
<div
class=
"card-item"
v-for=
"item in cards"
:key=
"item.label"
>
<p>
{{
item
.
label
}}
</p>
<div>
{{
item
.
value
}}
<span
class=
"unit"
>
{{
item
.
unit
}}
</span>
</div>
</div>
</el-col>
<el-col
class=
"city-echarts"
:span=
"18"
>
<div
class=
"title2X"
>
“民参军”企事业单位军品科研经费分布情况
</div>
</el-col>
-->
<el-col
class=
"city-echarts"
>
<div
class=
"title2X"
>
各市融委全体会议召开次数
</div>
<div
id=
"enterprises"
class=
"echart-item"
></div>
</el-col>
</el-row>
...
...
@@ -40,7 +47,7 @@ const xAxisCity = [
"丽水"
,
];
const
cityData
=
{
value
:
[
32.68
,
7.42
,
1.36
,
3.47
,
19.56
,
12.5
,
1.7
,
0.86
,
2.61
,
2.58
,
0.17
],
value
:
[
40.40
,
40.40
,
40
,
40
,
40
,
40
,
40
,
40
,
40
,
40
,
40
],
};
/**
...
...
@@ -55,19 +62,20 @@ export default defineComponent({
data
()
{
return
{
countryEcharts
:
null
,
shu
:
43
,
enterprises
:
null
,
cards
:
[
{
label
:
"全省“民参军”企事业单位军品科研经费支出总额"
,
value
:
"284"
,
unit
:
"
亿元
"
,
unit
:
"
40次
"
,
},
{
label
:
"全省“民参军”企事业单位R & D"
,
value
:
"5%"
,
unit
:
""
,
},
],
};
},
...
...
@@ -104,7 +112,7 @@ export default defineComponent({
html
+=
`<div class="munition-echart ">
<span class=" title color_1">
${
params
[
0
].
axisValue
}
市</span>
<br />
<span class="text text-color_1">
${
params
[
0
].
data
.
value
}
</span>
亿元
<span class="text text-color_1">
${
params
[
0
].
data
.
value
}
</span>
次
</div>
`
;
...
...
@@ -121,7 +129,7 @@ export default defineComponent({
},
yAxis
:
{
type
:
"value"
,
name
:
"
金额(亿元
)"
,
name
:
"
数量(次
)"
,
min
:
0
,
max
:
50
,
},
...
...
@@ -201,13 +209,35 @@ export default defineComponent({
.munition-echart
.color_2
::before
{
background
:
#eca933
;
}
/* 次数 */
.meeting
{
height
:
50px
;
line-height
:
50px
;
border-radius
:
4px
;
color
:
#666666
;
background
:
rgba
(
248
,
249
,
251
,
1
);
display
:
flex
;
justify-content
:
space-between
;
padding
:
0
10px
0
10px
;
box-sizing
:
border-box
;
margin-top
:
10px
;
}
.frequency
{
color
:
rgba
(
65
,
152
,
255
,
1
);
font-weight
:
500
;
}
.second
{
color
:
#666666
;
;
font-size
:
12px
;
font-weight
:
normal
;
}
</
style
>
<
style
lang=
"scss"
scoped
>
.enterprises-institutions
{
height
:
100%
;
.investment
{
.echart-item
{
flex
:
1
;
...
...
@@ -216,9 +246,9 @@ export default defineComponent({
margin-top
:
10px
;
}
.card-list
{
display
:
flex
;
flex-direction
:
column
;
padding
:
20px
20px
20px
0
;
//
display: flex;
//
flex-direction: column;
//
padding: 20px 20px 20px 0;
.card-item
{
flex
:
1
;
box-sizing
:
border-box
;
...
...
src/views/dataCenter/ConctructSystem/model/Outline/index.vue
浏览文件 @
e566c7e0
<
template
>
<div
class=
"synergy-innovation"
>
<MapTitle
text=
"
军民协同创新
总览"
/>
<MapTitle
text=
"
五大体系建设
总览"
/>
<div
class=
"describes"
>
<div
class=
"text"
>
各市
军民协同创新
指标情况
</div>
<el-row
class=
""
justify=
"space-between"
>
<div
class=
"text"
>
各市
五大体系建设
指标情况
</div>
<
!--
<
el-row
class=
""
justify=
"space-between"
>
<div
class=
"years"
align=
"middle"
>
<span
v-for=
"(item, index) in years"
...
...
@@ -15,7 +15,7 @@
>
{{
item
}}
年
</span
>
</div>
</el-row>
</el-row>
-->
</div>
<div
id=
"synergyInnovation"
class=
"line"
></div>
...
...
@@ -26,7 +26,7 @@ import { defineComponent } from "vue";
import
MapTitle
from
"@/components/mapTitle/index.vue"
;
import
*
as
echarts
from
"echarts"
;
const
SeriesData
=
[
25
,
27
,
18
,
22
,
28
,
24
,
19
,
20
,
21
,
22
,
19
];
const
SeriesData
=
[
25
0
,
170
,
190
,
145
,
128
,
194
,
160
,
210
,
150
,
300
,
160
];
const
xAxisValue
=
[
"杭州"
,
"宁波"
,
...
...
@@ -42,7 +42,7 @@ const xAxisValue = [
];
/**
*
军民协同创新
总览
*
五大体系建设
总览
*/
export
default
defineComponent
({
props
:
{},
...
...
@@ -68,7 +68,7 @@ export default defineComponent({
axisPointer
:
{
type
:
"shadow"
,
},
textStyle
:
{},
textStyle
:
{}
,
className
:
"target-bar-tooltip"
,
formatter
:
"<span class='title'>{b0}市</span>: <br /> <span class='bar-text'>{c0}</span> 分"
,
...
...
@@ -77,12 +77,13 @@ export default defineComponent({
grid
:
{
left
:
"-5%"
,
right
:
"5%"
,
bottom
:
"
5
%"
,
bottom
:
"
3
%"
,
containLabel
:
true
,
},
yAxis
:
{
type
:
"value"
,
show
:
false
,
max
:
300
},
xAxis
:
{
type
:
"category"
,
...
...
@@ -97,6 +98,7 @@ export default defineComponent({
label
:
{
show
:
true
,
position
:
"top"
,
formatter
:
"{c} 分"
},
barWidth
:
20
,
data
:
SeriesData
,
...
...
@@ -134,13 +136,14 @@ export default defineComponent({
padding-left
:
10px
;
color
:
#4198ff
;
}
</
style
>
<
style
lang=
"scss"
scoped
>
.synergy-innovation
{
.line
{
flex
:
1
;
height
:
25
0px
;
height
:
36
0px
;
box-sizing
:
border-box
;
}
.describes
{
...
...
编写
预览
Markdown
格式
0%
重试
或
添加新文件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
请先完成此评论的编辑!
取消
请
注册
或者
登录
后发表评论