13屏幕
This commit is contained in:
@ -30,43 +30,49 @@
|
||||
<script setup>
|
||||
import { ref } from 'vue';
|
||||
const dataItems = ref([
|
||||
{
|
||||
label: '岗位需求数',
|
||||
value: 120000,
|
||||
icon: require('@/assets/images/30.png'),
|
||||
dw: '个'
|
||||
},
|
||||
// {
|
||||
// label: '岗位需求数',
|
||||
// value: 120000,
|
||||
// icon: require('@/assets/images/30.png'),
|
||||
// dw: '个'
|
||||
// },
|
||||
{
|
||||
label: '培训机构',
|
||||
value: 5,
|
||||
icon: require('@/assets/images/31.png'),
|
||||
icon: require('@/assets/images/30.png'),
|
||||
dw: '家'
|
||||
},
|
||||
{
|
||||
label: '上架培训项目数',
|
||||
value: 23,
|
||||
label: '培训项目',
|
||||
value: 39,
|
||||
icon: require('@/assets/images/31.png'),
|
||||
dw: '个'
|
||||
},
|
||||
{
|
||||
label: '培训课程数',
|
||||
value: 141,
|
||||
icon: require('@/assets/images/32.png'),
|
||||
dw: '个'
|
||||
},
|
||||
{
|
||||
label: '学员入职率',
|
||||
value: 93.80,
|
||||
label: '培训人次',
|
||||
icon: require('@/assets/images/33.png'),
|
||||
dw: '%'
|
||||
value: 5153,
|
||||
dw: '人次',
|
||||
// data: [
|
||||
// { label: '培训项目', value: 53, dw: '个' },
|
||||
// { label: '培训课程数', value: 114, dw: '个' },
|
||||
// { label: '报名人次', value: 925, dw: '次' },
|
||||
// { label: '签到人数', value: 886, dw: '人' },
|
||||
// { label: '培训完结', value: 879, dw: '人' },
|
||||
// { label: '证书颁发', value: 870, dw: '人' },
|
||||
// ]
|
||||
},
|
||||
{
|
||||
label: '培训成效',
|
||||
label: '领证人数',
|
||||
value: 870,
|
||||
icon: require('@/assets/images/34.png'),
|
||||
value: 3727,
|
||||
dw: '次',
|
||||
data: [
|
||||
{ label: '培训项目', value: 53, dw: '个' },
|
||||
{ label: '培训课程数', value: 114, dw: '个' },
|
||||
{ label: '报名人次', value: 925, dw: '次' },
|
||||
{ label: '签到人数', value: 886, dw: '人' },
|
||||
{ label: '培训完结', value: 879, dw: '人' },
|
||||
{ label: '证书颁发', value: 870, dw: '人' },
|
||||
]
|
||||
dw: '人'
|
||||
},
|
||||
|
||||
]);
|
||||
|
||||
@ -21,7 +21,7 @@
|
||||
<ul class="child-Box" v-for="(itemchild, iex) in item.data.list" :key="iex">
|
||||
<li class="child-item flex align-center">
|
||||
<span class="mr20 ml50">0{{ iex + 1 }}、{{ itemchild.mc }}</span>
|
||||
<span class="nums">{{ itemchild.num }} <span>{{ itemchild.dw }}</span></span>
|
||||
<!-- <span class="nums">{{ itemchild.num }} <span>{{ itemchild.dw }}</span></span> -->
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@ -34,37 +34,35 @@ import { ref } from 'vue';
|
||||
const dataItems = ref([
|
||||
{
|
||||
label: '用人单位数',
|
||||
value: 233,
|
||||
value: 628,
|
||||
dw:'家',
|
||||
icon:require('@/assets/images/1.png')
|
||||
},
|
||||
{
|
||||
label: '发布岗位数',
|
||||
dw:'个',
|
||||
dw:'万个',
|
||||
icon:require('@/assets/images/2.png'),
|
||||
value: 9637,
|
||||
value: 7.9,
|
||||
data: {
|
||||
label: '招聘热门岗位',
|
||||
icon:require('@/assets/images/35.png'),
|
||||
list: [
|
||||
{ mc: '制造业普工', num: 4000, dw: '岗位' },
|
||||
{ mc: '光伏业务员', num: 1400, dw: '岗位'},
|
||||
{ mc: '软件开发', num: 800, dw: '岗位' },
|
||||
{ mc: '操作工', num: 4000, dw: '岗位' },
|
||||
{ mc: '机修工', num: 1400, dw: '岗位'},
|
||||
{ mc: '工程师', num: 800, dw: '岗位' },
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
label: '匹配入职人数',
|
||||
value: 1300,
|
||||
icon: require('@/assets/images/3.png'),
|
||||
dw:'人',
|
||||
label: '入职热门岗位',
|
||||
icon: require('@/assets/images/36.png'),
|
||||
data: {
|
||||
label: '入职热门岗位',
|
||||
icon:require('@/assets/images/36.png'),
|
||||
// label: '入职热门岗位',
|
||||
// icon:require('@/assets/images/36.png'),
|
||||
list: [
|
||||
{ mc: '普工', num: 680, dw: '岗位', },
|
||||
{ mc: '销售', num: 230, dw: '岗位' },
|
||||
{ mc: '操作工', num: 103, dw: '岗位' },
|
||||
{ mc: '质检', num: 680, dw: '岗位', },
|
||||
{ mc: '研发工程师', num: 230, dw: '岗位' },
|
||||
{ mc: '库管员', num: 103, dw: '岗位' },
|
||||
]
|
||||
}
|
||||
}
|
||||
@ -79,7 +77,7 @@ const dataItems = ref([
|
||||
}
|
||||
|
||||
.box-container {
|
||||
padding: 2vw 20px;
|
||||
padding: 2vw 20px 7vw;
|
||||
border-radius: 8px;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
|
||||
@ -31,37 +31,24 @@
|
||||
import { ref } from 'vue';
|
||||
const dataItems = ref([
|
||||
{
|
||||
label: '帮扶就业困难人员',
|
||||
value: 55,
|
||||
label: '崇州市政府统筹就业岗位',
|
||||
value: 654,
|
||||
icon: require('@/assets/images/41.png'),
|
||||
dw: '人',
|
||||
dw: '个',
|
||||
data: [
|
||||
{ label: '城镇零就业家庭成员', value: 0, dw: '人' },
|
||||
{ label: '城镇低保家庭', value: 5175, dw: '人' },
|
||||
{ label: '残疾人', value: 18000, dw: '人' },
|
||||
{ label: '现役军人配偶', value: 8970, dw: '人' },
|
||||
{ label: '烈士家属', value: 48, dw: '人' },
|
||||
{ label: '脱贫劳动力', value: 119000, dw: '人' },
|
||||
{ label: '农村低收入群体', value: 11200, dw: '人' },
|
||||
{ label: '公务员岗位', value: 52, dw: '个' },
|
||||
{ label: '事业人才引进岗位', value: 306, dw: '个' },
|
||||
{ label: '服务基层项目', value: 146, dw: '个' },
|
||||
{ label: '政府购买服务岗位', value: 150, dw: '个' },
|
||||
]
|
||||
},
|
||||
{
|
||||
label: '困难毕业生',
|
||||
label: '见习岗位情况',
|
||||
icon: require('@/assets/images/29.png'),
|
||||
value: 1434,
|
||||
dw: '人'
|
||||
},
|
||||
{
|
||||
label: '退役军人',
|
||||
value: 25700,
|
||||
icon: require('@/assets/images/39.png'),
|
||||
dw: '人'
|
||||
},
|
||||
{
|
||||
label: '长期失业人员',
|
||||
icon: require('@/assets/images/40.png'),
|
||||
value: 2208,
|
||||
dw: '人'
|
||||
data: [
|
||||
{ label: '毕业生见习单位', value: 32, dw: '家' },
|
||||
{ label: '毕业生见习岗位数', value: 525, dw: '个' },
|
||||
]
|
||||
},
|
||||
|
||||
]);
|
||||
@ -81,7 +68,7 @@ const dataItems = ref([
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
// justify-content: space-between;
|
||||
}
|
||||
|
||||
.data-item {
|
||||
@ -89,6 +76,7 @@ const dataItems = ref([
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
border-radius: 6px;
|
||||
margin-bottom: 5vw;
|
||||
}
|
||||
|
||||
.data-content {
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
<div class="bigScrenn cppBox">
|
||||
<!-- 第一部分 -->
|
||||
<div class="none-Cont" >
|
||||
<Head title='兴蜀来了人力资源搓配服务平台'></Head>
|
||||
<Head title='三级劳务体系布局'></Head>
|
||||
<div class="conttent">
|
||||
<echartsMap></echartsMap>
|
||||
</div>
|
||||
@ -46,7 +46,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<li class="childOne">
|
||||
<div class="title-small">重点人群</div>
|
||||
<div class="title-small">重点人群(大学生)</div>
|
||||
<div class="childCnt">
|
||||
<zdrq></zdrq>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user