2024-04-12 09:26:48 +08:00
|
|
|
|
<template>
|
|
|
|
|
<div class="module">
|
2024-04-25 16:28:11 +08:00
|
|
|
|
<div class="displayFlex left_bg">
|
|
|
|
|
<div class="flex1">
|
2024-06-04 09:15:15 +08:00
|
|
|
|
<div class="yd_title left_1">
|
|
|
|
|
<div class="animate-border">
|
2024-06-04 11:17:51 +08:00
|
|
|
|
<i></i>
|
|
|
|
|
<i></i>
|
|
|
|
|
</div>
|
2024-06-04 09:15:15 +08:00
|
|
|
|
</div>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
<div class="left_1_bg">
|
|
|
|
|
<div class="item yl_1">
|
|
|
|
|
<div class="item_title">
|
|
|
|
|
职工基本<span class="blue">养老</span>保险
|
2024-04-12 09:26:48 +08:00
|
|
|
|
</div>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
<div class="item_content">
|
|
|
|
|
<div class="sr">
|
2024-06-05 10:45:56 +08:00
|
|
|
|
<span class="left">收入:</span><span class="right">{{ data.LivelihoodWelfare.zgylbxzsr }}万元</span>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
</div>
|
2024-06-05 10:45:56 +08:00
|
|
|
|
<div
|
|
|
|
|
class="sr"
|
|
|
|
|
style="margin-top: 5px"
|
|
|
|
|
>
|
|
|
|
|
<span class="left">支出:</span><span class="right">{{ data.LivelihoodWelfare.zgylbxzzc }}万元</span>
|
2024-04-12 09:26:48 +08:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
</div>
|
|
|
|
|
<div class="item yl_2">
|
|
|
|
|
<div class="item_title"><span class="blue">工伤</span>保险</div>
|
|
|
|
|
<div class="item_content">
|
|
|
|
|
<div class="sr">
|
2024-06-05 10:45:56 +08:00
|
|
|
|
<span class="left">收入:</span><span class="right">{{ data.LivelihoodWelfare.gsbxzsr }}万元</span>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
</div>
|
2024-06-05 10:45:56 +08:00
|
|
|
|
<div
|
|
|
|
|
class="sr"
|
|
|
|
|
style="margin-top: 5px"
|
|
|
|
|
>
|
|
|
|
|
<span class="left">支出:</span><span class="right">{{ data.LivelihoodWelfare.gsbxzzc }}万元</span>
|
2024-04-12 09:26:48 +08:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
</div>
|
|
|
|
|
<div class="item yl_3">
|
|
|
|
|
<div class="item_title">
|
|
|
|
|
城乡居民<span class="blue">养老</span>保险
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item_content">
|
|
|
|
|
<div class="sr">
|
2024-06-05 10:45:56 +08:00
|
|
|
|
<span class="left">收入:</span><span class="right">{{ data.LivelihoodWelfare.cxylbxzsr }}万元</span>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
</div>
|
2024-06-05 10:45:56 +08:00
|
|
|
|
<div
|
|
|
|
|
class="sr"
|
|
|
|
|
style="margin-top: 5px"
|
|
|
|
|
>
|
|
|
|
|
<span class="left">支出:</span><span class="right">{{ data.LivelihoodWelfare.cxylbxzzc }}万元</span>
|
2024-04-12 09:26:48 +08:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
</div>
|
|
|
|
|
<div class="item yl_4">
|
|
|
|
|
<div class="item_title">
|
|
|
|
|
职工基本<span class="yellow">医疗</span>保险
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item_content">
|
|
|
|
|
<div class="sr">
|
2024-06-05 10:45:56 +08:00
|
|
|
|
<span class="left">收入:</span><span class="right">{{ data.LivelihoodWelfare.zgyilbxzsr }}万元</span>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
</div>
|
2024-06-05 10:45:56 +08:00
|
|
|
|
<div
|
|
|
|
|
class="sr"
|
|
|
|
|
style="margin-top: 5px"
|
|
|
|
|
>
|
|
|
|
|
<span class="left">支出:</span><span class="right">{{ data.LivelihoodWelfare.zgyilbxzzc }}万元</span>
|
2024-04-12 09:26:48 +08:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
</div>
|
|
|
|
|
<div class="item yl_5">
|
|
|
|
|
<div class="item_title">
|
|
|
|
|
城乡居民<span class="yellow">医疗</span>保险
|
|
|
|
|
</div>
|
|
|
|
|
<div class="item_content">
|
|
|
|
|
<div class="sr">
|
2024-06-05 10:45:56 +08:00
|
|
|
|
<span class="left">收入:</span><span class="right">{{ data.LivelihoodWelfare.cxyilbxzsr }}万元</span>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
</div>
|
2024-06-05 10:45:56 +08:00
|
|
|
|
<div
|
|
|
|
|
class="sr"
|
|
|
|
|
style="margin-top: 5px"
|
|
|
|
|
>
|
|
|
|
|
<span class="left">支出:</span><span class="right">{{ data.LivelihoodWelfare.cxyilbxzzc }}万元</span>
|
2024-04-12 09:26:48 +08:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
<div class="left_1_1"></div>
|
|
|
|
|
<div class="left_jzfw">
|
|
|
|
|
<div class="left_1_2">
|
|
|
|
|
<div class="top">救助人数</div>
|
2024-05-16 13:46:36 +08:00
|
|
|
|
<div class="bottom">{{ data.salvageServices.jzrc }}</div>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
</div>
|
|
|
|
|
<div class="left_1_3">
|
|
|
|
|
<div class="top">救助金额</div>
|
2024-06-04 17:25:08 +08:00
|
|
|
|
<div class="bottom">{{ data.salvageServices.jzje }}万</div>
|
2024-04-12 09:26:48 +08:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
</div>
|
2024-06-05 10:45:56 +08:00
|
|
|
|
<div
|
|
|
|
|
class="flex1"
|
|
|
|
|
style="margin-top: 10px"
|
|
|
|
|
>
|
2024-06-04 09:26:53 +08:00
|
|
|
|
<div class="yd_title left_2">
|
|
|
|
|
<div class="animate-border">
|
2024-06-04 11:17:51 +08:00
|
|
|
|
<i></i>
|
|
|
|
|
<i></i>
|
|
|
|
|
</div>
|
2024-06-04 09:26:53 +08:00
|
|
|
|
</div>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
<div class="left_2_top">
|
|
|
|
|
<div class="item school">
|
|
|
|
|
<div class="shang">学校</div>
|
2024-05-21 11:08:17 +08:00
|
|
|
|
<div class="xia">{{ data.education.xxzs }}</div>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
</div>
|
|
|
|
|
<div class="item teacher">
|
|
|
|
|
<div class="shang">教师</div>
|
2024-05-22 14:47:17 +08:00
|
|
|
|
<div class="xia">{{ data.education.jzgzs }}</div>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
</div>
|
|
|
|
|
<div class="item student">
|
|
|
|
|
<div class="shang">学生</div>
|
2024-05-22 14:47:17 +08:00
|
|
|
|
<div class="xia">{{ data.education.xszs }}</div>
|
2024-04-12 09:26:48 +08:00
|
|
|
|
</div>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
</div>
|
|
|
|
|
<div class="left_2_bottom">
|
|
|
|
|
<div class="left_2_bottom_item">
|
|
|
|
|
<div class="left_2_bottom_item_shang">
|
|
|
|
|
<div class="left">
|
2024-06-05 10:45:56 +08:00
|
|
|
|
<span class="span1">{{ jysyList[0].title }}</span>学校师生比
|
2024-04-12 09:26:48 +08:00
|
|
|
|
</div>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
<div class="right">
|
2024-06-05 10:45:56 +08:00
|
|
|
|
<span class="span1">{{ jysyList[0].teacher }}</span>:{{ jysyList[0].student }}
|
2024-04-12 09:26:48 +08:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
<div class="left_2_bottom_item_xia">
|
2024-06-05 10:45:56 +08:00
|
|
|
|
<div
|
|
|
|
|
class="csbl"
|
|
|
|
|
:style="cs"
|
|
|
|
|
></div>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="left_2_bottom_item">
|
|
|
|
|
<div class="left_2_bottom_item_shang">
|
|
|
|
|
<div class="left">
|
2024-06-05 10:45:56 +08:00
|
|
|
|
<span class="span2">{{ jysyList[1].title }}</span>学校师生比
|
2024-04-12 09:26:48 +08:00
|
|
|
|
</div>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
<div class="right">
|
|
|
|
|
{{ jysyList[1].teacher }}:{{ jysyList[1].student }}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="left_2_bottom_item_xia">
|
2024-06-05 10:45:56 +08:00
|
|
|
|
<div
|
|
|
|
|
class="ncbl"
|
|
|
|
|
:style="nc"
|
|
|
|
|
></div>
|
2024-04-12 09:26:48 +08:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-06-05 10:45:56 +08:00
|
|
|
|
<div
|
|
|
|
|
class="flex1"
|
|
|
|
|
style="margin-top: 10px"
|
|
|
|
|
>
|
2024-06-04 09:26:53 +08:00
|
|
|
|
<div class="yd_title left_3">
|
|
|
|
|
<div class="animate-border">
|
2024-06-04 11:17:51 +08:00
|
|
|
|
<i></i>
|
|
|
|
|
<i></i>
|
|
|
|
|
</div>
|
2024-06-04 09:26:53 +08:00
|
|
|
|
</div>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
<div class="left_3_1">
|
2024-05-27 17:05:52 +08:00
|
|
|
|
<div
|
|
|
|
|
class="left_3_1_item"
|
|
|
|
|
@click="showDialog('就业培训', '/api/ggfwyth/jypxList')"
|
|
|
|
|
>
|
2024-05-21 11:08:17 +08:00
|
|
|
|
<div>{{ data.employmentService.jypx }}</div>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
<div>就业培训</div>
|
2024-06-04 13:12:11 +08:00
|
|
|
|
<div class="moveImg"></div>
|
2024-04-12 09:26:48 +08:00
|
|
|
|
</div>
|
2024-05-27 17:05:52 +08:00
|
|
|
|
<div
|
|
|
|
|
class="left_3_1_item"
|
|
|
|
|
@click="showDialog('就业见习服务', '/api/ggfwyth/jyjxfwList')"
|
|
|
|
|
>
|
2024-05-21 11:08:17 +08:00
|
|
|
|
<div>{{ data.employmentService.jyjxfw }}</div>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
<div>就业见习服务</div>
|
2024-06-04 13:12:11 +08:00
|
|
|
|
<div class="moveImg"></div>
|
2024-04-12 09:26:48 +08:00
|
|
|
|
</div>
|
2024-05-27 17:05:52 +08:00
|
|
|
|
<div
|
|
|
|
|
class="left_3_1_item"
|
|
|
|
|
@click="showDialog('就业援助', '/api/ggfwyth/jyyzList')"
|
|
|
|
|
>
|
2024-05-21 11:08:17 +08:00
|
|
|
|
<div>{{ data.employmentService.jyyz }}</div>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
<div>就业援助</div>
|
2024-06-04 13:12:11 +08:00
|
|
|
|
<div class="moveImg"></div>
|
2024-04-12 09:26:48 +08:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
<div class="displayFlex center_bg">
|
2024-04-12 09:26:48 +08:00
|
|
|
|
<div class="flex1">
|
2024-04-25 16:28:11 +08:00
|
|
|
|
<div class="people_total">
|
2024-06-04 13:12:11 +08:00
|
|
|
|
<img
|
|
|
|
|
src="../assets/images/sy/主页人口.gif"
|
2024-06-04 17:25:08 +08:00
|
|
|
|
style="width: 70%; height: 112%; margin: -2% 15%"
|
2024-06-04 13:12:11 +08:00
|
|
|
|
alt=""
|
2024-06-04 17:25:08 +08:00
|
|
|
|
/>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
<div class="people_total_item left">
|
2024-05-16 13:46:36 +08:00
|
|
|
|
<div class="number">{{ data.PopulationData.man }}</div>
|
2024-06-05 10:45:56 +08:00
|
|
|
|
<img
|
|
|
|
|
src="../assets/images/sy/man.png"
|
|
|
|
|
alt=""
|
|
|
|
|
/>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
<div class="sex">男性人口</div>
|
2024-06-05 10:45:56 +08:00
|
|
|
|
<img
|
|
|
|
|
class="sexMove"
|
|
|
|
|
src="../assets/images/sy/sexImg.png"
|
|
|
|
|
alt=""
|
|
|
|
|
/>
|
2024-04-12 09:26:48 +08:00
|
|
|
|
</div>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
<div class="people_total_item2 center">
|
2024-06-05 10:45:56 +08:00
|
|
|
|
<img
|
|
|
|
|
src="../assets/images/sy/people_total.png"
|
|
|
|
|
alt=""
|
|
|
|
|
/>
|
2024-05-16 13:46:36 +08:00
|
|
|
|
<div class="number">{{ data.PopulationData.rkzs }}</div>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
<div class="total">人口总数</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="people_total_item right">
|
2024-05-16 13:46:36 +08:00
|
|
|
|
<div class="number">{{ data.PopulationData.woman }}</div>
|
2024-06-05 10:45:56 +08:00
|
|
|
|
<img
|
|
|
|
|
src="../assets/images/sy/woman.png"
|
|
|
|
|
alt=""
|
|
|
|
|
/>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
<div class="sex">女性人口</div>
|
2024-06-05 10:45:56 +08:00
|
|
|
|
<img
|
|
|
|
|
class="sexMove"
|
|
|
|
|
src="../assets/images/sy/sexImg.png"
|
|
|
|
|
alt=""
|
|
|
|
|
/>
|
2024-04-12 09:26:48 +08:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-06-05 10:45:56 +08:00
|
|
|
|
<ePie2
|
|
|
|
|
style="margin-top: 20px"
|
|
|
|
|
:list="data.ageRatio"
|
|
|
|
|
></ePie2>
|
|
|
|
|
<ePie
|
|
|
|
|
style="margin-bottom: 20px"
|
|
|
|
|
:list="data.ageGroup"
|
|
|
|
|
></ePie>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
<div class="table">
|
|
|
|
|
<div class="table_choose">
|
2024-05-24 11:24:32 +08:00
|
|
|
|
<div
|
|
|
|
|
:class="choose == '1' ? 'choose' : 'noChoose'"
|
|
|
|
|
@click="change('1')"
|
|
|
|
|
>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
公共服务
|
|
|
|
|
</div>
|
2024-05-24 11:24:32 +08:00
|
|
|
|
<div
|
|
|
|
|
:class="choose == '2' ? 'choose' : 'noChoose'"
|
|
|
|
|
@click="change('2')"
|
|
|
|
|
>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
企业服务
|
2024-04-12 09:26:48 +08:00
|
|
|
|
</div>
|
2024-05-24 11:24:32 +08:00
|
|
|
|
<div
|
|
|
|
|
:class="choose == '3' ? 'choose' : 'noChoose'"
|
|
|
|
|
@click="change('3')"
|
|
|
|
|
>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
政务服务
|
2024-04-12 09:26:48 +08:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-05-24 11:24:32 +08:00
|
|
|
|
<el-table
|
|
|
|
|
:data="tableData"
|
|
|
|
|
style="width: 100%; height: 272px"
|
|
|
|
|
class="table_border"
|
|
|
|
|
:row-style="rowState"
|
|
|
|
|
:header-cell-style="tableHeaderColor"
|
|
|
|
|
v-if="choose == '1'"
|
|
|
|
|
>
|
2024-06-05 10:45:56 +08:00
|
|
|
|
<el-table-column
|
|
|
|
|
prop="company"
|
|
|
|
|
label="企业名称"
|
|
|
|
|
width="200"
|
|
|
|
|
/>
|
2024-05-24 11:24:32 +08:00
|
|
|
|
<el-table-column
|
|
|
|
|
prop="address"
|
|
|
|
|
label="项目事项牵头单位"
|
2024-05-27 13:47:44 +08:00
|
|
|
|
width="200"
|
2024-05-24 11:24:32 +08:00
|
|
|
|
/>
|
2024-06-05 10:45:56 +08:00
|
|
|
|
<el-table-column
|
|
|
|
|
prop="finish"
|
|
|
|
|
label="完成情况"
|
|
|
|
|
>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
<template #default="scope">
|
2024-05-24 11:24:32 +08:00
|
|
|
|
<div
|
|
|
|
|
style="letter-spacing: 3px"
|
|
|
|
|
:style="scope.row.finish ? 'color:#FFFFFF' : 'color:#FFC06E'"
|
|
|
|
|
>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
{{ scope.row.finish ? "已完成" : "未完成" }}
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
2024-06-05 10:45:56 +08:00
|
|
|
|
<div
|
|
|
|
|
class="zwfw"
|
|
|
|
|
v-if="choose == '3'"
|
|
|
|
|
>
|
2024-05-24 11:24:32 +08:00
|
|
|
|
<div class="shang">
|
|
|
|
|
<div class="shang_item">
|
|
|
|
|
<div class="title">一网通办事</div>
|
2024-06-04 11:17:51 +08:00
|
|
|
|
<div class="i">
|
|
|
|
|
<zwfw1 />
|
|
|
|
|
</div>
|
2024-05-24 11:24:32 +08:00
|
|
|
|
</div>
|
|
|
|
|
<div class="shang_item">
|
|
|
|
|
<div class="title">超期受理率</div>
|
2024-06-04 11:17:51 +08:00
|
|
|
|
<div class="i">
|
|
|
|
|
<zwfw2 />
|
|
|
|
|
</div>
|
2024-05-24 11:24:32 +08:00
|
|
|
|
</div>
|
|
|
|
|
<div class="shang_item">
|
|
|
|
|
<div class="title">超期办理率</div>
|
2024-06-04 11:17:51 +08:00
|
|
|
|
<div class="i">
|
|
|
|
|
<zwfw3 />
|
|
|
|
|
</div>
|
2024-05-24 11:24:32 +08:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="xia">
|
|
|
|
|
<div class="xia_item">
|
2024-06-05 10:45:56 +08:00
|
|
|
|
<img
|
|
|
|
|
class="left"
|
|
|
|
|
src="@/assets/images/sy/zwfw_sl.png"
|
|
|
|
|
/>
|
2024-05-24 11:24:32 +08:00
|
|
|
|
<div class="right">
|
|
|
|
|
<div class="name">平均受理时长</div>
|
2024-06-05 10:45:56 +08:00
|
|
|
|
<img
|
|
|
|
|
class="line"
|
|
|
|
|
src="@/assets/images/sy/zwfw_line.png"
|
|
|
|
|
/>
|
2024-05-24 11:24:32 +08:00
|
|
|
|
<div class="time"><span>0.22</span>小时</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-05-24 15:13:59 +08:00
|
|
|
|
<div class="fgx"></div>
|
2024-05-24 11:24:32 +08:00
|
|
|
|
<div class="xia_item">
|
2024-06-05 10:45:56 +08:00
|
|
|
|
<img
|
|
|
|
|
class="left"
|
|
|
|
|
src="@/assets/images/sy/zwfw_bl.png"
|
|
|
|
|
/>
|
2024-05-24 11:24:32 +08:00
|
|
|
|
<div class="right">
|
|
|
|
|
<div class="name">平均办理时长</div>
|
2024-06-05 10:45:56 +08:00
|
|
|
|
<img
|
|
|
|
|
class="line"
|
|
|
|
|
src="@/assets/images/sy/zwfw_line.png"
|
|
|
|
|
/>
|
2024-05-24 11:24:32 +08:00
|
|
|
|
<div class="time"><span>0.54</span>小时</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-04-12 09:26:48 +08:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
</div>
|
|
|
|
|
<div class="displayFlex right_bg">
|
2024-04-12 09:26:48 +08:00
|
|
|
|
<div class="flex1">
|
2024-06-04 09:26:53 +08:00
|
|
|
|
<div class="yd_title mechanism">
|
|
|
|
|
<div class="animate-border">
|
2024-06-04 11:17:51 +08:00
|
|
|
|
<i></i>
|
|
|
|
|
<i></i>
|
|
|
|
|
</div>
|
2024-06-04 09:26:53 +08:00
|
|
|
|
</div>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
<div class="ylws">
|
2024-05-24 11:24:32 +08:00
|
|
|
|
<div
|
|
|
|
|
class="ylws_item"
|
|
|
|
|
v-for="(item, index) in data.ylwsList"
|
|
|
|
|
:key="index"
|
|
|
|
|
>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
<div class="name">{{ item.name }}</div>
|
|
|
|
|
<div class="value">{{ item.value }}</div>
|
|
|
|
|
</div>
|
2024-04-12 09:26:48 +08:00
|
|
|
|
</div>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
</div>
|
2024-06-05 10:45:56 +08:00
|
|
|
|
<div
|
|
|
|
|
class="flex1"
|
|
|
|
|
style="margin-top: 10px"
|
|
|
|
|
>
|
2024-06-04 09:26:53 +08:00
|
|
|
|
<div class="yd_title service">
|
|
|
|
|
<div class="animate-border">
|
2024-06-04 11:17:51 +08:00
|
|
|
|
<i></i>
|
|
|
|
|
<i></i>
|
|
|
|
|
</div>
|
2024-06-04 09:26:53 +08:00
|
|
|
|
</div>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
<div class="whsy">
|
2024-05-24 11:24:32 +08:00
|
|
|
|
<div
|
|
|
|
|
class="whsy_item"
|
|
|
|
|
v-for="(item, index) in data.whsyList"
|
|
|
|
|
:key="index"
|
|
|
|
|
>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
<div class="name">{{ item.name }}</div>
|
|
|
|
|
<div class="value">
|
|
|
|
|
{{ item.value }}<span>{{ item.dw }}</span>
|
2024-04-12 09:26:48 +08:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-06-05 10:45:56 +08:00
|
|
|
|
<div
|
|
|
|
|
class="flex1"
|
|
|
|
|
style="margin-top: 10px"
|
|
|
|
|
>
|
2024-06-04 09:26:53 +08:00
|
|
|
|
<div class="yd_title last">
|
|
|
|
|
<div class="animate-border">
|
2024-06-04 11:17:51 +08:00
|
|
|
|
<i></i>
|
|
|
|
|
<i></i>
|
|
|
|
|
</div>
|
2024-06-04 09:26:53 +08:00
|
|
|
|
</div>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
<div class="tysy">
|
2024-05-24 11:24:32 +08:00
|
|
|
|
<div
|
|
|
|
|
class="tysy_item"
|
|
|
|
|
v-for="(item, index) in data.tysyList"
|
|
|
|
|
:key="index"
|
|
|
|
|
>
|
2024-05-11 16:11:28 +08:00
|
|
|
|
<div class="value">
|
|
|
|
|
{{ item.value }}<span>{{ item.dw ? item.dw : "" }}</span>
|
|
|
|
|
</div>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
<img :src="item.img" />
|
2024-06-04 11:17:51 +08:00
|
|
|
|
<img
|
|
|
|
|
src="../assets/images/sy/tyBon.png"
|
2024-06-04 17:25:08 +08:00
|
|
|
|
style="margin-top: -60px"
|
|
|
|
|
/>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
<div class="name">{{ item.name }}</div>
|
2024-04-12 09:26:48 +08:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-06-05 10:45:56 +08:00
|
|
|
|
<div
|
|
|
|
|
class="flex1"
|
|
|
|
|
style="margin-top: 10px"
|
|
|
|
|
>
|
2024-06-04 09:26:53 +08:00
|
|
|
|
<div class="yd_title last_1">
|
|
|
|
|
<div class="animate-border">
|
2024-06-04 11:17:51 +08:00
|
|
|
|
<i></i>
|
|
|
|
|
<i></i>
|
|
|
|
|
</div>
|
2024-06-04 09:26:53 +08:00
|
|
|
|
</div>
|
2024-05-24 11:07:20 +08:00
|
|
|
|
<!-- <table class="table">
|
2024-04-25 16:28:11 +08:00
|
|
|
|
<tbody>
|
2024-05-24 09:27:14 +08:00
|
|
|
|
<tr v-for="(item, index) in jtsyList" :key="index" style="display: flex; box-sizing: border-box">
|
2024-04-25 16:28:11 +08:00
|
|
|
|
<td>{{ item.name }}</td>
|
|
|
|
|
<td>
|
2024-05-21 09:29:18 +08:00
|
|
|
|
<div class="s1" style="font-size: 16px">{{ item.key1 }}</div>
|
|
|
|
|
:<span class="s2" style="font-size: 15px">{{
|
|
|
|
|
item.key1_value
|
|
|
|
|
}}</span>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
</td>
|
|
|
|
|
<td>
|
2024-05-24 09:27:14 +08:00
|
|
|
|
<span class="s1" style="font-size: 16px">{{ item.key2 }}</span>:<span class="s2"
|
|
|
|
|
style="font-size: 15px">{{
|
|
|
|
|
item.key2_value
|
|
|
|
|
}}</span>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</tbody>
|
2024-05-24 11:07:20 +08:00
|
|
|
|
</table> -->
|
|
|
|
|
<div class="jtsyBox">
|
|
|
|
|
<div class="jtsyBoxtop">
|
|
|
|
|
<div class="jtsyBoxtop1">
|
2024-06-05 10:45:56 +08:00
|
|
|
|
<img
|
|
|
|
|
:src="data.jtsyList[0].img"
|
|
|
|
|
alt=""
|
|
|
|
|
/>
|
|
|
|
|
<img
|
|
|
|
|
src="../assets/images/sy/jtsy.gif"
|
|
|
|
|
class="turn"
|
|
|
|
|
alt=""
|
|
|
|
|
/>
|
2024-05-24 11:07:20 +08:00
|
|
|
|
<div>
|
|
|
|
|
<div class="jtsyname">{{ data.jtsyList[0].name }}</div>
|
|
|
|
|
<div class="jtsytext">
|
|
|
|
|
{{ data.jtsyList[0].key1 }}:
|
|
|
|
|
<span>{{ data.jtsyList[0].key1_value }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
{{ data.jtsyList[0].key2 }}:
|
|
|
|
|
<span>{{ data.jtsyList[0].key2_value }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="jtsyBoxtop1">
|
2024-06-05 10:45:56 +08:00
|
|
|
|
<img
|
|
|
|
|
:src="data.jtsyList[1].img"
|
|
|
|
|
alt=""
|
|
|
|
|
/>
|
|
|
|
|
<img
|
|
|
|
|
src="../assets/images/sy/jtsy.gif"
|
|
|
|
|
class="turn"
|
|
|
|
|
alt=""
|
|
|
|
|
/>
|
2024-05-24 11:07:20 +08:00
|
|
|
|
<div>
|
|
|
|
|
<div class="jtsyname">{{ data.jtsyList[1].name }}</div>
|
|
|
|
|
<div class="jtsytext">
|
|
|
|
|
{{ data.jtsyList[1].key1 }}:
|
|
|
|
|
<span>{{ data.jtsyList[1].key1_value }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
{{ data.jtsyList[1].key2 }}:
|
|
|
|
|
<span>{{ data.jtsyList[1].key2_value }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="jtsyBoxbot">
|
2024-06-04 13:42:24 +08:00
|
|
|
|
<div class="jtsyBoxtop1">
|
2024-06-05 10:45:56 +08:00
|
|
|
|
<img
|
|
|
|
|
:src="data.jtsyList[2].img"
|
|
|
|
|
alt=""
|
|
|
|
|
/>
|
|
|
|
|
<img
|
|
|
|
|
src="../assets/images/sy/jtsy.gif"
|
|
|
|
|
class="turn"
|
|
|
|
|
alt=""
|
|
|
|
|
/>
|
2024-05-24 11:07:20 +08:00
|
|
|
|
<div>
|
2024-06-04 13:42:24 +08:00
|
|
|
|
<div class="jtsyname">{{ data.jtsyList[2].name }}</div>
|
2024-05-24 11:07:20 +08:00
|
|
|
|
<div class="jtsytext">
|
2024-06-04 13:42:24 +08:00
|
|
|
|
{{ data.jtsyList[2].key1 }}:
|
|
|
|
|
<span>{{ data.jtsyList[2].key1_value }}</span>
|
2024-05-24 11:07:20 +08:00
|
|
|
|
</div>
|
|
|
|
|
<div>
|
2024-06-04 13:42:24 +08:00
|
|
|
|
{{ data.jtsyList[2].key2 }}:
|
|
|
|
|
<span>{{ data.jtsyList[2].key2_value }}</span>
|
2024-05-24 11:07:20 +08:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-06-04 13:42:24 +08:00
|
|
|
|
<div class="jtsyBoxtop1">
|
2024-06-05 10:45:56 +08:00
|
|
|
|
<img
|
|
|
|
|
:src="data.jtsyList[3].img"
|
|
|
|
|
alt=""
|
|
|
|
|
/>
|
|
|
|
|
<img
|
|
|
|
|
src="../assets/images/sy/jtsy.gif"
|
|
|
|
|
class="turn"
|
|
|
|
|
alt=""
|
|
|
|
|
/>
|
2024-05-24 11:07:20 +08:00
|
|
|
|
<div>
|
|
|
|
|
<div class="jtsyname">{{ data.jtsyList[3].name }}</div>
|
|
|
|
|
<div class="jtsytext">
|
|
|
|
|
{{ data.jtsyList[3].key1 }}:
|
|
|
|
|
<span>{{ data.jtsyList[3].key1_value }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
{{ data.jtsyList[3].key2 }}:
|
|
|
|
|
<span>{{ data.jtsyList[3].key2_value }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="jtsyBoxtop1">
|
2024-06-05 10:45:56 +08:00
|
|
|
|
<img
|
|
|
|
|
:src="data.jtsyList[4].img"
|
|
|
|
|
alt=""
|
|
|
|
|
/>
|
|
|
|
|
<img
|
|
|
|
|
src="../assets/images/sy/jtsy.gif"
|
|
|
|
|
class="turn"
|
|
|
|
|
alt=""
|
|
|
|
|
/>
|
2024-05-24 11:07:20 +08:00
|
|
|
|
<div>
|
|
|
|
|
<div class="jtsyname">{{ data.jtsyList[4].name }}</div>
|
|
|
|
|
<div class="jtsytext">
|
|
|
|
|
{{ data.jtsyList[4].key1 }}:
|
|
|
|
|
<span>{{ data.jtsyList[4].key1_value }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
{{ data.jtsyList[4].key2 }}:
|
|
|
|
|
<span>{{ data.jtsyList[4].key2_value }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-06-04 13:42:24 +08:00
|
|
|
|
</div>
|
2024-05-24 11:07:20 +08:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-05-24 11:24:32 +08:00
|
|
|
|
<Dialog
|
|
|
|
|
:dialogShow="dialogShow"
|
|
|
|
|
:columns="tableType.columns"
|
|
|
|
|
:title="tableType.title"
|
|
|
|
|
:tableData="tableType.data"
|
2024-05-27 13:39:04 +08:00
|
|
|
|
:pagination="pagination"
|
2024-05-24 11:24:32 +08:00
|
|
|
|
@close="close"
|
2024-05-27 13:39:04 +08:00
|
|
|
|
@handle="handlePagination"
|
2024-05-24 11:24:32 +08:00
|
|
|
|
>
|
2024-05-27 17:05:52 +08:00
|
|
|
|
<template #pxkssj="{ currentCol, currentData }">
|
|
|
|
|
<div>
|
|
|
|
|
{{ currentData.pxkssj.slice(0, 4) }}-{{
|
|
|
|
|
currentData.pxkssj.slice(4, 6)
|
|
|
|
|
}}-{{ currentData.pxkssj.slice(6, 8) }}
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<template #pxjssj="{ currentCol, currentData }">
|
|
|
|
|
<div>
|
|
|
|
|
{{ currentData.pxjssj.slice(0, 4) }}-{{
|
|
|
|
|
currentData.pxjssj.slice(4, 6)
|
|
|
|
|
}}-{{ currentData.pxjssj.slice(6, 8) }}
|
|
|
|
|
</div>
|
2024-05-27 13:39:04 +08:00
|
|
|
|
</template>
|
2024-05-24 09:27:14 +08:00
|
|
|
|
</Dialog>
|
2024-04-12 09:26:48 +08:00
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script setup>
|
2024-04-25 16:28:11 +08:00
|
|
|
|
import ePie from "./echarts_sy/pie.vue";
|
|
|
|
|
import ePie2 from "./echarts_sy/pie2.vue";
|
2024-05-24 15:13:59 +08:00
|
|
|
|
import zwfw1 from "./echarts_sy/zwfw1.vue";
|
|
|
|
|
import zwfw2 from "./echarts_sy/zwfw2.vue";
|
|
|
|
|
import zwfw3 from "./echarts_sy/zwfw3.vue";
|
2024-06-04 09:15:15 +08:00
|
|
|
|
import footerball from "../assets/images/sy/足球.gif";
|
|
|
|
|
import baskerball from "../assets/images/sy/篮球.gif";
|
|
|
|
|
import badminton from "../assets/images/sy/羽毛球.gif";
|
|
|
|
|
import running from "../assets/images/sy/人行道.gif";
|
|
|
|
|
import tableTennis from "../assets/images/sy/乒乓.gif";
|
2024-05-24 11:07:20 +08:00
|
|
|
|
|
|
|
|
|
import ggjtimg from "../assets/images/sy/ggjt.png";
|
|
|
|
|
import ggjtimg1 from "../assets/images/sy/ggjt1.png";
|
|
|
|
|
import ggjtimg2 from "../assets/images/sy/ggjt2.png";
|
|
|
|
|
import ggjtimg3 from "../assets/images/sy/ggjt3.png";
|
|
|
|
|
import ggjtimg4 from "../assets/images/sy/ggjt4.png";
|
|
|
|
|
|
|
|
|
|
import Dialog from "./dialog/dialog.vue";
|
2024-05-16 13:46:36 +08:00
|
|
|
|
import { ref, reactive, onMounted, onBeforeMount, computed } from "vue";
|
|
|
|
|
import http from "@/utils/request.js";
|
2024-05-24 11:24:32 +08:00
|
|
|
|
import { CircleCloseFilled } from "@element-plus/icons-vue";
|
2024-05-24 09:27:14 +08:00
|
|
|
|
import { columns } from "element-plus/es/components/table-v2/src/common.mjs";
|
|
|
|
|
|
|
|
|
|
// 详情弹框
|
2024-05-24 11:24:32 +08:00
|
|
|
|
const dialogShow = ref(false);
|
2024-05-27 13:39:04 +08:00
|
|
|
|
//表格列
|
|
|
|
|
const columnss = reactive({
|
|
|
|
|
就业培训: [
|
|
|
|
|
{
|
|
|
|
|
label: "姓名",
|
2024-05-27 17:05:52 +08:00
|
|
|
|
property: "xm",
|
2024-05-27 13:39:04 +08:00
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "单位",
|
2024-05-27 17:05:52 +08:00
|
|
|
|
property: "szdw",
|
2024-05-27 13:39:04 +08:00
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "职业",
|
2024-05-27 17:05:52 +08:00
|
|
|
|
property: "zy",
|
2024-05-27 13:39:04 +08:00
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "承办机构",
|
2024-05-27 17:05:52 +08:00
|
|
|
|
property: "pxcbjg",
|
2024-05-27 13:39:04 +08:00
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "培训班名称",
|
2024-05-27 17:05:52 +08:00
|
|
|
|
property: "pxbmc",
|
2024-05-27 13:39:04 +08:00
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "培训开始时间",
|
2024-05-27 17:05:52 +08:00
|
|
|
|
property: "pxkssj",
|
|
|
|
|
type: "slot",
|
2024-05-27 13:39:04 +08:00
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "培训结束时间",
|
2024-05-27 17:05:52 +08:00
|
|
|
|
property: "pxjssj",
|
|
|
|
|
type: "slot",
|
2024-05-27 13:39:04 +08:00
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
就业见习服务: [
|
|
|
|
|
{
|
|
|
|
|
label: "见习岗位名称",
|
2024-05-27 17:05:52 +08:00
|
|
|
|
property: "jxgwmc",
|
2024-05-27 13:39:04 +08:00
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "单位名称",
|
2024-05-27 17:05:52 +08:00
|
|
|
|
property: "dwmc",
|
2024-05-27 13:39:04 +08:00
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "岗位类型",
|
2024-05-27 17:05:52 +08:00
|
|
|
|
property: "gwlx",
|
2024-05-27 13:39:04 +08:00
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "接受人数",
|
2024-05-27 17:05:52 +08:00
|
|
|
|
property: "kjsrs",
|
2024-05-27 13:39:04 +08:00
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "见习地点",
|
2024-05-27 17:05:52 +08:00
|
|
|
|
property: "jxszd",
|
2024-05-27 13:39:04 +08:00
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "见习月数",
|
2024-05-27 17:05:52 +08:00
|
|
|
|
property: "njxys",
|
2024-05-27 13:39:04 +08:00
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "学历要求",
|
2024-05-27 17:05:52 +08:00
|
|
|
|
property: "xlyq",
|
2024-05-27 13:39:04 +08:00
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "专业",
|
2024-05-27 17:05:52 +08:00
|
|
|
|
property: "zy",
|
2024-05-27 13:39:04 +08:00
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "有效状态",
|
2024-05-27 17:05:52 +08:00
|
|
|
|
property: "yxzt",
|
2024-05-27 13:39:04 +08:00
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
就业援助: [
|
2024-05-24 09:27:14 +08:00
|
|
|
|
{
|
2024-05-24 11:24:32 +08:00
|
|
|
|
label: "姓名",
|
2024-05-27 17:05:52 +08:00
|
|
|
|
property: "xm",
|
2024-05-24 09:27:14 +08:00
|
|
|
|
},
|
|
|
|
|
{
|
2024-05-24 11:24:32 +08:00
|
|
|
|
label: "人员类别",
|
2024-05-27 17:05:52 +08:00
|
|
|
|
property: "rylb",
|
2024-05-24 09:27:14 +08:00
|
|
|
|
},
|
|
|
|
|
{
|
2024-05-24 11:24:32 +08:00
|
|
|
|
label: "就失业状态",
|
2024-05-27 17:05:52 +08:00
|
|
|
|
property: "jsyzt",
|
2024-05-27 13:39:04 +08:00
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "优先指数",
|
2024-05-27 17:05:52 +08:00
|
|
|
|
property: "yxzs",
|
2024-05-27 13:39:04 +08:00
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "是否已帮扶",
|
2024-05-27 17:05:52 +08:00
|
|
|
|
property: "sfybf",
|
2024-05-24 09:27:14 +08:00
|
|
|
|
},
|
|
|
|
|
{
|
2024-05-27 13:39:04 +08:00
|
|
|
|
label: "失业登记时间",
|
2024-05-27 17:05:52 +08:00
|
|
|
|
property: "sydjsj",
|
2024-05-24 09:27:14 +08:00
|
|
|
|
},
|
|
|
|
|
{
|
2024-05-27 13:39:04 +08:00
|
|
|
|
label: "失业登记管辖地",
|
2024-05-27 17:05:52 +08:00
|
|
|
|
property: "sydjgxd",
|
2024-05-27 13:39:04 +08:00
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "户籍地",
|
2024-05-27 17:05:52 +08:00
|
|
|
|
property: "hjd",
|
2024-05-27 13:39:04 +08:00
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
label: "居住地",
|
2024-05-27 17:05:52 +08:00
|
|
|
|
property: "jzd",
|
2024-05-27 13:39:04 +08:00
|
|
|
|
},
|
2024-05-27 13:47:44 +08:00
|
|
|
|
{
|
2024-05-27 13:39:04 +08:00
|
|
|
|
label: "帮扶时间",
|
2024-05-27 17:05:52 +08:00
|
|
|
|
property: "bfsj",
|
2024-05-24 09:27:14 +08:00
|
|
|
|
},
|
|
|
|
|
],
|
2024-05-27 13:39:04 +08:00
|
|
|
|
});
|
|
|
|
|
const tableType = reactive({
|
2024-05-27 17:05:52 +08:00
|
|
|
|
url: "",
|
2024-05-27 13:39:04 +08:00
|
|
|
|
title: "",
|
2024-05-27 13:47:44 +08:00
|
|
|
|
columns: [],
|
2024-05-27 17:05:52 +08:00
|
|
|
|
data: [],
|
2024-05-27 13:39:04 +08:00
|
|
|
|
});
|
|
|
|
|
// 表格分页
|
|
|
|
|
const pagination = reactive({
|
|
|
|
|
total: 100,
|
2024-05-27 17:05:52 +08:00
|
|
|
|
pageSize: 10,
|
2024-05-27 13:39:04 +08:00
|
|
|
|
currentPage: 1,
|
|
|
|
|
});
|
|
|
|
|
const handlePagination = (current) => {
|
2024-05-27 17:05:52 +08:00
|
|
|
|
pagination.currentPage = current;
|
|
|
|
|
getTable(tableType.url, pagination.currentPage);
|
2024-05-27 13:39:04 +08:00
|
|
|
|
};
|
2024-05-27 17:05:52 +08:00
|
|
|
|
const showDialog = (title, url) => {
|
2024-05-24 11:24:32 +08:00
|
|
|
|
tableType.title = title;
|
2024-05-27 17:05:52 +08:00
|
|
|
|
tableType.url = url;
|
2024-05-27 13:47:44 +08:00
|
|
|
|
tableType.columns = columnss[title];
|
2024-05-27 13:39:04 +08:00
|
|
|
|
pagination.currentPage = 1;
|
2024-05-27 17:05:52 +08:00
|
|
|
|
getTable(url, pagination.currentPage);
|
2024-05-24 11:24:32 +08:00
|
|
|
|
};
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
|
|
|
|
const close = () => {
|
2024-05-24 11:24:32 +08:00
|
|
|
|
dialogShow.value = false;
|
|
|
|
|
};
|
2024-05-16 13:46:36 +08:00
|
|
|
|
|
|
|
|
|
const data = reactive({
|
|
|
|
|
PopulationData: {
|
2024-05-21 09:29:18 +08:00
|
|
|
|
rkzs: "0",
|
|
|
|
|
man: "0",
|
|
|
|
|
woman: "0",
|
2024-05-16 13:46:36 +08:00
|
|
|
|
}, //人口数据
|
2024-05-16 15:28:38 +08:00
|
|
|
|
ageGroup: {
|
|
|
|
|
nl17: "0", // 17岁以下人口总数
|
|
|
|
|
nl1834: "0", // 18-34人口总数
|
|
|
|
|
nl3569: "0", // 35-69人口总数
|
|
|
|
|
nl60: "0", // 60以上人口总数
|
|
|
|
|
nl110: "0", // 1-10岁人口总数
|
|
|
|
|
nl1120: "0", // 11-20岁人口总数
|
|
|
|
|
nl2130: "0", // 21-30岁人口总数
|
|
|
|
|
nl3140: "0", // 31-40岁人口总数
|
|
|
|
|
nl4150: "0", // 41-50岁人口总数
|
|
|
|
|
nl5160: "0", // 51-60岁人口总数
|
|
|
|
|
nl6170: "0", // 61-70岁人口总数
|
|
|
|
|
nl7180: "0", // 71-80岁人口总数
|
|
|
|
|
nl8190: "0", // 81-90岁人口总数
|
|
|
|
|
nl91100: "0", // 91-100岁人口总数
|
|
|
|
|
nl100: "0", // 100岁以上人口总数,
|
|
|
|
|
},
|
2024-05-16 13:46:36 +08:00
|
|
|
|
ageRatio: [],
|
|
|
|
|
salvageServices: {
|
2024-05-21 09:29:18 +08:00
|
|
|
|
jzrc: "0", //救助人次
|
|
|
|
|
jzje: "0", //救助金额
|
|
|
|
|
nf: "0", //救助年份
|
2024-05-16 13:46:36 +08:00
|
|
|
|
}, //救助服务
|
2024-05-21 11:08:17 +08:00
|
|
|
|
education: {
|
|
|
|
|
xxzs: "0", //学校总数
|
|
|
|
|
xszs: "0", //学生总数
|
|
|
|
|
jzgzs: "0", //教职工总数
|
2024-05-21 16:20:38 +08:00
|
|
|
|
},
|
2024-05-21 11:08:17 +08:00
|
|
|
|
employmentService: {
|
2024-05-21 16:20:38 +08:00
|
|
|
|
jypx: "0", //就业培训
|
|
|
|
|
jyjxfw: "0", //就业见习服务
|
|
|
|
|
jyyz: "0", //就业援助
|
2024-05-21 11:08:17 +08:00
|
|
|
|
}, //就业服务
|
2024-05-16 13:46:36 +08:00
|
|
|
|
LivelihoodWelfare: {
|
|
|
|
|
zgylbxzsr: "0", //职工基本养老保险总收入
|
|
|
|
|
zgylbxzzc: "0", //职工基本养老保险总支出
|
|
|
|
|
cxylbxzsr: "0", //城乡居民养老保险总收入
|
|
|
|
|
cxylbxzzc: "0", //城乡居民养老保险总支出
|
|
|
|
|
gsbxzsr: "0", //工伤保险总收入
|
|
|
|
|
gsbxzzc: "0", //工伤保险总支出
|
|
|
|
|
zgyilbxzsr: "0", //职工基本医疗保险总收入
|
|
|
|
|
zgyilbxzzc: "0", //职工基本医疗保险总支出
|
|
|
|
|
cxyilbxzsr: "0", //城乡居民医疗保险总收入
|
|
|
|
|
cxyilbxzzc: "0", //城乡居民医疗保险总支出
|
|
|
|
|
nf: "", //年份
|
|
|
|
|
}, //民生福祉
|
|
|
|
|
tableData: [
|
|
|
|
|
{
|
|
|
|
|
company: "龙游县文旅集团",
|
|
|
|
|
address: "龙游县五一单位",
|
|
|
|
|
finish: true,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
company: "龙游县文旅集团",
|
|
|
|
|
address: "龙游县五一单位",
|
|
|
|
|
finish: true,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
company: "龙游县文旅集团",
|
|
|
|
|
address: "龙游县五一单位",
|
|
|
|
|
finish: true,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
company: "龙游县文旅集团",
|
|
|
|
|
address: "龙游县五一单位",
|
|
|
|
|
finish: false,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
company: "龙游县文旅集团",
|
|
|
|
|
address: "龙游县五一单位",
|
|
|
|
|
finish: false,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
company: "龙游县文旅集团",
|
|
|
|
|
address: "龙游县五一单位",
|
|
|
|
|
finish: false,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
company: "龙游县文旅集团",
|
|
|
|
|
address: "龙游县五一单位",
|
|
|
|
|
finish: false,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
company: "龙游县文旅集团",
|
|
|
|
|
address: "龙游县五一单位",
|
|
|
|
|
finish: false,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
jysyList: [
|
|
|
|
|
{
|
|
|
|
|
title: "县镇",
|
|
|
|
|
teacher: 1,
|
|
|
|
|
student: 10.76,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "农村",
|
|
|
|
|
teacher: 1,
|
|
|
|
|
student: 8.53,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
ylwsList: [
|
|
|
|
|
{
|
|
|
|
|
name: "医院卫生院",
|
2024-05-21 09:29:18 +08:00
|
|
|
|
value: 0,
|
2024-05-16 13:46:36 +08:00
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "注册护士",
|
2024-05-21 09:29:18 +08:00
|
|
|
|
value: 0,
|
2024-05-16 13:46:36 +08:00
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "职业医生",
|
2024-05-21 09:29:18 +08:00
|
|
|
|
value: 0,
|
2024-05-16 13:46:36 +08:00
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "家庭签约医生",
|
2024-05-21 09:29:18 +08:00
|
|
|
|
value: 0,
|
2024-05-16 13:46:36 +08:00
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "医院卫生院床位数",
|
2024-05-21 09:29:18 +08:00
|
|
|
|
value: 0,
|
2024-05-16 13:46:36 +08:00
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "健康档案建档",
|
2024-05-21 09:29:18 +08:00
|
|
|
|
value: 0,
|
2024-05-16 13:46:36 +08:00
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "村社卫生服务站",
|
2024-05-21 09:29:18 +08:00
|
|
|
|
value: 0,
|
2024-05-16 13:46:36 +08:00
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
whsyList: [
|
|
|
|
|
{
|
|
|
|
|
name: "公共图书馆(南孔书院)",
|
|
|
|
|
value: "198",
|
|
|
|
|
dw: "家",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "总藏书",
|
|
|
|
|
value: "1983",
|
2024-06-04 15:55:40 +08:00
|
|
|
|
dw: "册",
|
2024-05-16 13:46:36 +08:00
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "送戏下乡次数",
|
|
|
|
|
value: "2787",
|
|
|
|
|
dw: "次",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "博物馆观展人次",
|
|
|
|
|
value: "1.292.874",
|
|
|
|
|
dw: "次",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "图书借阅",
|
|
|
|
|
value: "1.724.012",
|
|
|
|
|
dw: "次",
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
tysyList: [
|
|
|
|
|
{
|
|
|
|
|
name: "足球场",
|
|
|
|
|
value: "100",
|
|
|
|
|
img: footerball,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "篮球场",
|
|
|
|
|
value: "100",
|
|
|
|
|
img: baskerball,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "乒乓球馆",
|
|
|
|
|
value: "100",
|
|
|
|
|
img: tableTennis,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "羽毛球馆",
|
|
|
|
|
value: "100",
|
|
|
|
|
img: badminton,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "绿色跑道",
|
|
|
|
|
value: "100",
|
|
|
|
|
dw: "km",
|
|
|
|
|
img: running,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
jtsyList: [
|
|
|
|
|
{
|
|
|
|
|
name: "公共自行车",
|
|
|
|
|
key1: "骑行次数",
|
|
|
|
|
key1_value: "1172491",
|
|
|
|
|
key2: "骑行时长",
|
|
|
|
|
key2_value: "1283h",
|
2024-05-24 11:07:20 +08:00
|
|
|
|
img: ggjtimg,
|
2024-05-16 13:46:36 +08:00
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "电动单车",
|
|
|
|
|
key1: "骑行次数",
|
|
|
|
|
key1_value: "1172491",
|
|
|
|
|
key2: "骑行时长",
|
|
|
|
|
key2_value: "1283h",
|
2024-05-24 11:07:20 +08:00
|
|
|
|
img: ggjtimg1,
|
2024-05-16 13:46:36 +08:00
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "公共汽车",
|
|
|
|
|
key1: "公交线路",
|
|
|
|
|
key1_value: "176",
|
|
|
|
|
key2: "乘坐人次",
|
|
|
|
|
key2_value: "239741",
|
2024-05-24 11:07:20 +08:00
|
|
|
|
img: ggjtimg2,
|
2024-05-16 13:46:36 +08:00
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "长途汽车",
|
|
|
|
|
key1: "班车次数",
|
|
|
|
|
key1_value: "133",
|
|
|
|
|
key2: "客流量",
|
|
|
|
|
key2_value: "192874",
|
2024-05-24 11:07:20 +08:00
|
|
|
|
img: ggjtimg3,
|
2024-05-16 13:46:36 +08:00
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "高铁",
|
|
|
|
|
key1: "列车班次",
|
|
|
|
|
key1_value: "23",
|
|
|
|
|
key2: "客流量",
|
|
|
|
|
key2_value: "113414",
|
2024-05-24 11:07:20 +08:00
|
|
|
|
img: ggjtimg4,
|
2024-05-16 13:46:36 +08:00
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
});
|
2024-04-25 16:28:11 +08:00
|
|
|
|
|
|
|
|
|
const tableData = ref([
|
|
|
|
|
{
|
|
|
|
|
company: "龙游县文旅集团",
|
|
|
|
|
address: "龙游县五一单位",
|
|
|
|
|
finish: true,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
company: "龙游县文旅集团",
|
|
|
|
|
address: "龙游县五一单位",
|
|
|
|
|
finish: true,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
company: "龙游县文旅集团",
|
|
|
|
|
address: "龙游县五一单位",
|
|
|
|
|
finish: true,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
company: "龙游县文旅集团",
|
|
|
|
|
address: "龙游县五一单位",
|
|
|
|
|
finish: false,
|
|
|
|
|
},
|
2024-05-11 16:11:28 +08:00
|
|
|
|
{
|
|
|
|
|
company: "龙游县文旅集团",
|
|
|
|
|
address: "龙游县五一单位",
|
|
|
|
|
finish: false,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
company: "龙游县文旅集团",
|
|
|
|
|
address: "龙游县五一单位",
|
|
|
|
|
finish: false,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
company: "龙游县文旅集团",
|
|
|
|
|
address: "龙游县五一单位",
|
|
|
|
|
finish: false,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
company: "龙游县文旅集团",
|
|
|
|
|
address: "龙游县五一单位",
|
|
|
|
|
finish: false,
|
|
|
|
|
},
|
2024-04-25 16:28:11 +08:00
|
|
|
|
]);
|
|
|
|
|
const jysyList = ref([
|
|
|
|
|
{
|
2024-05-15 17:02:19 +08:00
|
|
|
|
title: "县镇",
|
2024-04-25 16:28:11 +08:00
|
|
|
|
teacher: 1,
|
2024-05-15 17:02:19 +08:00
|
|
|
|
student: 10.76,
|
2024-04-25 16:28:11 +08:00
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "农村",
|
|
|
|
|
teacher: 1,
|
2024-05-15 17:02:19 +08:00
|
|
|
|
student: 8.53,
|
2024-04-25 16:28:11 +08:00
|
|
|
|
},
|
|
|
|
|
]);
|
|
|
|
|
|
|
|
|
|
const jtsyList = ref([
|
|
|
|
|
{
|
|
|
|
|
name: "公共自行车",
|
|
|
|
|
key1: "骑行次数",
|
|
|
|
|
key1_value: "1172491",
|
|
|
|
|
key2: "骑行时长",
|
|
|
|
|
key2_value: "1283h",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "电动单车",
|
|
|
|
|
key1: "骑行次数",
|
|
|
|
|
key1_value: "1172491",
|
|
|
|
|
key2: "骑行时长",
|
|
|
|
|
key2_value: "1283h",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "公共汽车",
|
|
|
|
|
key1: "公交线路",
|
|
|
|
|
key1_value: "176",
|
|
|
|
|
key2: "乘坐人次",
|
|
|
|
|
key2_value: "239741",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "长途汽车",
|
|
|
|
|
key1: "班车次数",
|
|
|
|
|
key1_value: "133",
|
|
|
|
|
key2: "客流量",
|
|
|
|
|
key2_value: "192874",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "高铁",
|
|
|
|
|
key1: "列车班次",
|
|
|
|
|
key1_value: "23",
|
|
|
|
|
key2: "客流量",
|
|
|
|
|
key2_value: "113414",
|
|
|
|
|
},
|
|
|
|
|
]);
|
2024-05-16 13:46:36 +08:00
|
|
|
|
|
|
|
|
|
// 县城学校师生比样式
|
|
|
|
|
const cs = computed(() => {
|
2024-06-05 10:45:56 +08:00
|
|
|
|
let str = `--teacher: ${jysyList.value[0].teacher}; --total: ${jysyList.value[0].teacher + jysyList.value[0].student
|
|
|
|
|
}`;
|
2024-05-16 13:46:36 +08:00
|
|
|
|
return str;
|
|
|
|
|
});
|
|
|
|
|
// 农村学校师生比样式
|
|
|
|
|
const nc = computed(() => {
|
2024-06-05 10:45:56 +08:00
|
|
|
|
let str = `--teacher: ${jysyList.value[1].teacher}; --total: ${jysyList.value[1].teacher + jysyList.value[1].student
|
|
|
|
|
}`;
|
2024-05-16 13:46:36 +08:00
|
|
|
|
return str;
|
|
|
|
|
});
|
|
|
|
|
// 服务表格样式
|
|
|
|
|
const tableHeaderColor = (arg) => {
|
|
|
|
|
return {
|
|
|
|
|
paddingLeft: "10px",
|
|
|
|
|
letterSpacing: "1px",
|
|
|
|
|
fontSize: "15px",
|
|
|
|
|
height: "50px",
|
|
|
|
|
backgroundColor: "#455F8A",
|
|
|
|
|
color: "#fff",
|
|
|
|
|
};
|
|
|
|
|
};
|
|
|
|
|
const rowState = (row) => {
|
|
|
|
|
if (row.rowIndex % 2 == 0) {
|
|
|
|
|
return {
|
|
|
|
|
letterSpacing: "1px",
|
|
|
|
|
fontSize: "14px",
|
|
|
|
|
height: "36px",
|
|
|
|
|
backgroundColor: "rgba(31, 63, 113, 1)",
|
|
|
|
|
color: "#fff",
|
|
|
|
|
};
|
|
|
|
|
} else if (row.rowIndex % 2 !== 0) {
|
|
|
|
|
return {
|
|
|
|
|
letterSpacing: "1px",
|
|
|
|
|
fontSize: "14px",
|
|
|
|
|
height: "36px",
|
|
|
|
|
backgroundColor: "rgba(43, 74, 121, 1)",
|
|
|
|
|
color: "#fff",
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
// 服务表格切换
|
|
|
|
|
const choose = ref("1");
|
|
|
|
|
const change = (index) => {
|
|
|
|
|
choose.value = index;
|
|
|
|
|
};
|
|
|
|
|
// 添加千位分隔符
|
|
|
|
|
const addThousandSeparator = (numberString) => {
|
|
|
|
|
return parseInt(numberString.trim(), 10).toLocaleString("en-US");
|
|
|
|
|
};
|
|
|
|
|
const getData = async () => {
|
|
|
|
|
await http.get("/api/ggfwyth/index").then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
// 民生福利
|
2024-05-17 14:21:37 +08:00
|
|
|
|
const msfzKeys = [
|
|
|
|
|
"zgylbxzsr",
|
|
|
|
|
"zgylbxzzc",
|
|
|
|
|
"cxylbxzsr",
|
|
|
|
|
"cxylbxzzc",
|
|
|
|
|
"gsbxzsr",
|
|
|
|
|
"gsbxzzc",
|
|
|
|
|
"zgyilbxzsr",
|
|
|
|
|
"zgyilbxzzc",
|
|
|
|
|
"cxyilbxzsr",
|
|
|
|
|
"cxyilbxzzc",
|
|
|
|
|
"nf",
|
|
|
|
|
];
|
2024-05-16 13:46:36 +08:00
|
|
|
|
if (data.LivelihoodWelfare) {
|
2024-05-17 14:21:37 +08:00
|
|
|
|
msfzKeys.forEach((key) => {
|
2024-05-22 16:44:37 +08:00
|
|
|
|
// const value = res.data.msfz[key];
|
|
|
|
|
// if (value !== undefined) {
|
|
|
|
|
// data.LivelihoodWelfare[key] = (value / 10000).toFixed(2);
|
|
|
|
|
// }
|
2024-05-24 09:27:14 +08:00
|
|
|
|
data.LivelihoodWelfare[key] = (res.data.msfz[key] / 10000).toFixed(2);
|
2024-05-17 14:21:37 +08:00
|
|
|
|
});
|
2024-05-16 13:46:36 +08:00
|
|
|
|
}
|
|
|
|
|
// 救助服务
|
2024-05-17 14:21:37 +08:00
|
|
|
|
const jzfwKeys = ["jzrc", "jzje", "nf"];
|
2024-05-16 13:46:36 +08:00
|
|
|
|
if (data.salvageServices) {
|
2024-06-04 17:25:08 +08:00
|
|
|
|
// jzfwKeys.forEach((key) => {
|
|
|
|
|
// data.salvageServices[key] = res.data.jzfw[key];
|
|
|
|
|
// });
|
|
|
|
|
data.salvageServices.jzrc = res.data.jzfw.jzrc;
|
|
|
|
|
data.salvageServices.jzje = (res.data.jzfw.jzje / 10000).toFixed(2);
|
2024-05-16 13:46:36 +08:00
|
|
|
|
}
|
|
|
|
|
// 教育事业&师生比例
|
2024-05-21 11:08:17 +08:00
|
|
|
|
const jysyKeys = ["xxzs", "xszs", "jzgzs"];
|
|
|
|
|
jysyKeys.forEach((key) => {
|
2024-06-04 16:17:56 +08:00
|
|
|
|
data.education[key] = res.data.xxgk[key];
|
2024-05-21 11:08:17 +08:00
|
|
|
|
});
|
2024-05-16 13:46:36 +08:00
|
|
|
|
// 就业服务
|
2024-05-21 11:08:17 +08:00
|
|
|
|
const jyfwKeys = ["jypx", "jyjxfw", "jyyz"];
|
|
|
|
|
jyfwKeys.forEach((key) => {
|
2024-06-04 16:17:56 +08:00
|
|
|
|
data.employmentService[key] = res.data.jyfw[key].toString();
|
2024-05-21 11:08:17 +08:00
|
|
|
|
});
|
2024-05-16 15:28:38 +08:00
|
|
|
|
// 年龄段分类&人口数据&年龄比例
|
2024-05-16 13:46:36 +08:00
|
|
|
|
data.PopulationData = res.data.rksj;
|
2024-05-16 15:28:38 +08:00
|
|
|
|
// 人口总数
|
2024-05-16 13:46:36 +08:00
|
|
|
|
if (data.PopulationData) {
|
2024-05-17 14:21:37 +08:00
|
|
|
|
const rkjsKeys = ["rkzs", "man", "woman"];
|
|
|
|
|
rkjsKeys.forEach((key) => {
|
2024-06-04 16:17:56 +08:00
|
|
|
|
data.PopulationData[key] = res.data.rksj[key];
|
2024-05-17 14:21:37 +08:00
|
|
|
|
});
|
2024-05-16 15:28:38 +08:00
|
|
|
|
// 人口年龄段分类数
|
2024-05-17 14:21:37 +08:00
|
|
|
|
const ageGroupKeys = [
|
|
|
|
|
"nl17",
|
|
|
|
|
"nl1834",
|
|
|
|
|
"nl3569",
|
|
|
|
|
"nl60",
|
|
|
|
|
"nl110",
|
|
|
|
|
"nl1120",
|
|
|
|
|
"nl2130",
|
|
|
|
|
"nl3140",
|
|
|
|
|
"nl4150",
|
|
|
|
|
"nl5160",
|
|
|
|
|
"nl6170",
|
|
|
|
|
"nl7180",
|
|
|
|
|
"nl8190",
|
|
|
|
|
"nl91100",
|
|
|
|
|
"nl100",
|
|
|
|
|
];
|
|
|
|
|
ageGroupKeys.forEach((key) => {
|
|
|
|
|
data.ageGroup[key] = res.data.rksj[key];
|
|
|
|
|
});
|
2024-05-16 13:46:36 +08:00
|
|
|
|
}
|
|
|
|
|
// 年龄比例
|
2024-05-17 14:21:37 +08:00
|
|
|
|
const ageRatioKeys = [
|
|
|
|
|
"nl17Percent",
|
|
|
|
|
"nl1834Percent",
|
|
|
|
|
"nl3569Percent",
|
|
|
|
|
"nl60Percent",
|
|
|
|
|
];
|
|
|
|
|
ageRatioKeys.forEach((key) => {
|
|
|
|
|
data.ageRatio.push(res.data.rksj[key]);
|
|
|
|
|
});
|
2024-05-16 13:46:36 +08:00
|
|
|
|
// 公共服务&企业服务&政府服务
|
|
|
|
|
// 医疗卫生
|
2024-05-21 09:29:18 +08:00
|
|
|
|
const ylwsKeys = [
|
|
|
|
|
"yywsysl",
|
|
|
|
|
"zchssl",
|
|
|
|
|
"zyyssl",
|
|
|
|
|
"jtqyyssl",
|
|
|
|
|
"yywsycws",
|
|
|
|
|
"jkdajdfs",
|
|
|
|
|
"cswsfwzs",
|
|
|
|
|
];
|
|
|
|
|
ylwsKeys.forEach((key, index) => {
|
2024-06-04 16:17:56 +08:00
|
|
|
|
data.ylwsList[index].value = res.data.ylws[key];
|
2024-05-21 09:29:18 +08:00
|
|
|
|
});
|
|
|
|
|
// 文化体育事业
|
2024-05-17 14:21:37 +08:00
|
|
|
|
const whsyKeys = ["ggtsg", "zcs", "sxxxcs", "bwgcgcs", "tsjycs"];
|
|
|
|
|
whsyKeys.forEach((key, index) => {
|
2024-06-04 17:25:08 +08:00
|
|
|
|
data.whsyList[index].value = res.data.whtysy[key];
|
2024-05-17 14:21:37 +08:00
|
|
|
|
});
|
2024-05-16 13:46:36 +08:00
|
|
|
|
// 体育事业
|
2024-05-17 14:21:37 +08:00
|
|
|
|
const tysyKeys = ["zqcs", "lqcs", "ppqcs", "ymqcs", "lsbdcd"];
|
|
|
|
|
tysyKeys.forEach((key, index) => {
|
2024-06-04 17:25:08 +08:00
|
|
|
|
data.tysyList[index].value = res.data.whtysy[key];
|
2024-05-17 14:21:37 +08:00
|
|
|
|
});
|
2024-05-21 11:08:17 +08:00
|
|
|
|
// 交通事业
|
2024-05-16 13:46:36 +08:00
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
};
|
2024-05-27 17:05:52 +08:00
|
|
|
|
//获取表格数据
|
|
|
|
|
const getTable = (url, currentPage) => {
|
|
|
|
|
http
|
|
|
|
|
.get(`${url}?page=${currentPage}&size=${pagination.pageSize}`)
|
|
|
|
|
.then((res) => {
|
|
|
|
|
if (res.code == 200) {
|
|
|
|
|
tableType.data = res.data;
|
|
|
|
|
pagination.total = res.count;
|
|
|
|
|
dialogShow.value = true;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
};
|
2024-05-16 13:46:36 +08:00
|
|
|
|
onBeforeMount(async () => {
|
|
|
|
|
getData();
|
|
|
|
|
});
|
2024-04-12 09:26:48 +08:00
|
|
|
|
</script>
|
|
|
|
|
|
2024-05-24 09:27:14 +08:00
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
:deep(.el-dialog) {
|
|
|
|
|
--el-dialog-bg-color: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.my-header {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: row-reverse;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.tabelPart {
|
|
|
|
|
height: 60vh;
|
|
|
|
|
padding: 16px;
|
2024-05-24 11:24:32 +08:00
|
|
|
|
background: linear-gradient(
|
|
|
|
|
270deg,
|
|
|
|
|
rgba(0, 77, 131, 0.69) 0%,
|
|
|
|
|
rgba(0, 51, 83, 0.77) 50%,
|
|
|
|
|
rgba(0, 77, 131, 0.74) 100%
|
|
|
|
|
),
|
|
|
|
|
radial-gradient(
|
|
|
|
|
66% 40% at 50% 0%,
|
|
|
|
|
rgba(1, 150, 243, 0.55) 0%,
|
|
|
|
|
rgba(0, 116, 255, 0) 100%
|
|
|
|
|
);
|
2024-05-24 09:27:14 +08:00
|
|
|
|
box-shadow: inset 0px 0px 56px 0px rgba(100, 191, 255, 0.5);
|
|
|
|
|
border: 2px solid;
|
2024-05-24 11:24:32 +08:00
|
|
|
|
border-image: linear-gradient(
|
|
|
|
|
180deg,
|
|
|
|
|
rgba(21, 150, 255, 1),
|
|
|
|
|
rgba(0, 157, 227, 0)
|
|
|
|
|
)
|
|
|
|
|
2 2;
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
|
|
|
|
:deep(.el-table) {
|
|
|
|
|
--el-table-bg-color: none;
|
|
|
|
|
--el-table-tr-bg-color: none;
|
|
|
|
|
--el-table-header-bg-color: none;
|
|
|
|
|
background: none;
|
|
|
|
|
border: none;
|
|
|
|
|
--el-table-text-color: #fff;
|
|
|
|
|
--el-table-header-text-color: #fff;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.pagePart {
|
|
|
|
|
height: 40px;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
|
|
|
|
:deep(.el-pagination) {
|
|
|
|
|
--el-pagination-button-disabled-bg-color: none;
|
|
|
|
|
--el-pagination-bg-color: none;
|
|
|
|
|
--el-pagination-button-bg-color: none;
|
|
|
|
|
--el-pagination-button-color: #fff;
|
|
|
|
|
color: #fff;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
:deep(.el-pagination button:disabled) {
|
|
|
|
|
background-color: rgba(0, 116, 255, 0) !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
2024-04-12 09:26:48 +08:00
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
.displayFlex {
|
2024-04-25 16:28:11 +08:00
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
height: 100%;
|
2024-04-12 09:26:48 +08:00
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
// flex: 1;
|
|
|
|
|
width: 33.333333333%;
|
2024-04-12 09:26:48 +08:00
|
|
|
|
}
|
2024-04-25 16:28:11 +08:00
|
|
|
|
|
2024-04-12 09:26:48 +08:00
|
|
|
|
.flex1 {
|
2024-04-25 16:28:11 +08:00
|
|
|
|
// flex: 1;
|
|
|
|
|
// padding: 0 28px;
|
2024-04-12 09:26:48 +08:00
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
}
|
2024-04-25 16:28:11 +08:00
|
|
|
|
|
|
|
|
|
.flex2 {
|
|
|
|
|
// flex: 1;
|
|
|
|
|
// padding: 0 38px;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
}
|
|
|
|
|
|
2024-04-12 09:26:48 +08:00
|
|
|
|
.module {
|
|
|
|
|
display: flex;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
width: 100%;
|
2024-04-12 09:26:48 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.yd_title {
|
2024-04-25 16:28:11 +08:00
|
|
|
|
// background-image: url(@/assets/img_04.png);
|
|
|
|
|
// background-repeat: no-repeat;
|
|
|
|
|
// background-size: 100% 100%;
|
2024-04-12 09:26:48 +08:00
|
|
|
|
box-sizing: border-box;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
width: 94%;
|
|
|
|
|
height: 42px;
|
2024-04-12 09:26:48 +08:00
|
|
|
|
position: relative;
|
2024-06-04 09:15:15 +08:00
|
|
|
|
overflow: hidden;
|
|
|
|
|
/* 利用伪元素和两个i元素产生4条线 */
|
|
|
|
|
.animate-border {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0px;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
&::before,
|
|
|
|
|
&::after {
|
|
|
|
|
content: "";
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 100%;
|
2024-06-04 09:47:11 +08:00
|
|
|
|
height: 2px;
|
2024-06-04 09:15:15 +08:00
|
|
|
|
}
|
|
|
|
|
i {
|
|
|
|
|
position: absolute;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
height: 100%;
|
2024-06-04 09:47:11 +08:00
|
|
|
|
width: 2px;
|
2024-06-04 09:15:15 +08:00
|
|
|
|
}
|
|
|
|
|
&::before {
|
|
|
|
|
top: 0;
|
|
|
|
|
left: -100%;
|
|
|
|
|
background-image: linear-gradient(
|
|
|
|
|
90deg,
|
|
|
|
|
transparent,
|
|
|
|
|
#03e9f4,
|
|
|
|
|
transparent
|
|
|
|
|
);
|
2024-06-04 11:17:51 +08:00
|
|
|
|
|
2024-06-04 09:15:15 +08:00
|
|
|
|
animation: one 4s linear infinite;
|
|
|
|
|
}
|
|
|
|
|
i:nth-child(1) {
|
|
|
|
|
top: -100%;
|
|
|
|
|
right: 0;
|
|
|
|
|
background-image: linear-gradient(
|
|
|
|
|
180deg,
|
|
|
|
|
transparent,
|
|
|
|
|
#03e9f4,
|
|
|
|
|
transparent
|
|
|
|
|
);
|
|
|
|
|
/* 动画名称 动画持续时间 动画渲染函数 动画延迟时间 动画执行次数 */
|
|
|
|
|
animation: two 4s linear 1s infinite;
|
|
|
|
|
}
|
|
|
|
|
&::after {
|
|
|
|
|
bottom: 0;
|
|
|
|
|
right: -100%;
|
|
|
|
|
background-image: linear-gradient(
|
|
|
|
|
-90deg,
|
|
|
|
|
transparent,
|
|
|
|
|
#03e9f4,
|
|
|
|
|
transparent
|
|
|
|
|
);
|
|
|
|
|
animation: three 4s linear 2s infinite;
|
|
|
|
|
}
|
|
|
|
|
i:nth-child(2) {
|
|
|
|
|
bottom: -100%;
|
|
|
|
|
left: 0;
|
|
|
|
|
background-image: linear-gradient(
|
|
|
|
|
360deg,
|
|
|
|
|
transparent,
|
|
|
|
|
#03e9f4,
|
|
|
|
|
transparent
|
|
|
|
|
);
|
|
|
|
|
animation: four 4s linear 3s infinite;
|
|
|
|
|
}
|
|
|
|
|
}
|
2024-04-25 16:28:11 +08:00
|
|
|
|
|
2024-04-12 09:26:48 +08:00
|
|
|
|
.text {
|
2024-04-25 16:28:11 +08:00
|
|
|
|
display: flex;
|
|
|
|
|
position: absolute;
|
2024-04-12 09:26:48 +08:00
|
|
|
|
font-size: 16px;
|
|
|
|
|
font-family: SourceHanSansCN;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
position: absolute;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
right: 5px;
|
|
|
|
|
top: 1px;
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.c {
|
|
|
|
|
width: 130px;
|
|
|
|
|
height: 42px;
|
|
|
|
|
cursor: pointer;
|
2024-04-12 09:26:48 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
2024-06-04 09:15:15 +08:00
|
|
|
|
@keyframes one {
|
|
|
|
|
0% {
|
|
|
|
|
left: -100%;
|
|
|
|
|
}
|
|
|
|
|
50%,
|
|
|
|
|
100% {
|
|
|
|
|
left: 100%;
|
|
|
|
|
}
|
|
|
|
|
}
|
2024-06-04 11:17:51 +08:00
|
|
|
|
|
2024-06-04 09:15:15 +08:00
|
|
|
|
@keyframes two {
|
|
|
|
|
0% {
|
|
|
|
|
top: -100%;
|
|
|
|
|
}
|
|
|
|
|
50%,
|
|
|
|
|
100% {
|
|
|
|
|
top: 100%;
|
|
|
|
|
}
|
|
|
|
|
}
|
2024-06-04 11:17:51 +08:00
|
|
|
|
|
2024-06-04 09:15:15 +08:00
|
|
|
|
@keyframes three {
|
|
|
|
|
0% {
|
|
|
|
|
right: -100%;
|
|
|
|
|
}
|
|
|
|
|
50%,
|
|
|
|
|
100% {
|
|
|
|
|
right: 100%;
|
|
|
|
|
}
|
|
|
|
|
}
|
2024-06-04 11:17:51 +08:00
|
|
|
|
|
2024-06-04 09:15:15 +08:00
|
|
|
|
@keyframes four {
|
|
|
|
|
0% {
|
|
|
|
|
bottom: -100%;
|
|
|
|
|
}
|
|
|
|
|
50%,
|
|
|
|
|
100% {
|
|
|
|
|
bottom: 100%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.mechanism {
|
2024-05-23 14:33:54 +08:00
|
|
|
|
background-image: url(@/assets/images/sy/new_ylws.png);
|
2024-04-25 16:28:11 +08:00
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.service {
|
2024-05-23 14:33:54 +08:00
|
|
|
|
background-image: url(@/assets/images/sy/new_whsy.png);
|
2024-04-25 16:28:11 +08:00
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.last {
|
2024-05-23 14:33:54 +08:00
|
|
|
|
background-image: url(@/assets/images/sy/new_tysy.png);
|
2024-04-25 16:28:11 +08:00
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.last_1 {
|
2024-05-23 14:33:54 +08:00
|
|
|
|
background-image: url(@/assets/images/sy/new_jtsy.png);
|
2024-04-25 16:28:11 +08:00
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.serviceBox {
|
2024-04-12 09:26:48 +08:00
|
|
|
|
display: flex;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
flex-direction: column;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
|
|
|
|
.serviceimg {
|
|
|
|
|
width: 182px;
|
|
|
|
|
height: 35px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.serviceTop {
|
2024-04-12 09:26:48 +08:00
|
|
|
|
display: flex;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
justify-content: space-between;
|
|
|
|
|
padding: 10px 36px 0px 20px;
|
|
|
|
|
box-sizing: border-box;
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.visit {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
align-items: center;
|
2024-04-12 09:26:48 +08:00
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.medicalService {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
|
|
.ylimg {
|
|
|
|
|
width: 200px;
|
|
|
|
|
height: 220px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.medicalServiceTop {
|
|
|
|
|
position: relative;
|
2024-04-12 09:26:48 +08:00
|
|
|
|
|
|
|
|
|
span {
|
2024-04-25 16:28:11 +08:00
|
|
|
|
position: absolute;
|
|
|
|
|
left: 39px;
|
|
|
|
|
top: 35%;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
font-size: 32px;
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
line-height: 41px;
|
|
|
|
|
letter-spacing: 1px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-style: normal;
|
2024-05-21 16:12:54 +08:00
|
|
|
|
font-family: TCloudNumber, TCloudNumber;
|
2024-04-12 09:26:48 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.mealAssistance {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
|
|
.mealAssistanceimg {
|
|
|
|
|
width: 495px;
|
|
|
|
|
height: 35px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.left_1 {
|
2024-05-23 14:33:54 +08:00
|
|
|
|
background-image: url(@/assets/images/sy/new_msfz.png);
|
2024-04-25 16:28:11 +08:00
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.left_2 {
|
2024-05-23 14:33:54 +08:00
|
|
|
|
background-image: url(@/assets/images/sy/new_jysy.png);
|
2024-04-25 16:28:11 +08:00
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.left_3 {
|
2024-05-23 14:33:54 +08:00
|
|
|
|
background-image: url(@/assets/images/sy/new_jyfw.png);
|
2024-04-25 16:28:11 +08:00
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
}
|
2024-04-12 09:26:48 +08:00
|
|
|
|
|
2024-05-24 11:12:52 +08:00
|
|
|
|
// .center_1 {
|
|
|
|
|
// width: 96%;
|
|
|
|
|
// background-image: url(@/assets/images/hygiene/center_title_1.png);
|
|
|
|
|
// background-repeat: no-repeat;
|
|
|
|
|
// background-size: 100% 100%;
|
|
|
|
|
// }
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-05-24 11:12:52 +08:00
|
|
|
|
// .center_2 {
|
|
|
|
|
// width: 96%;
|
|
|
|
|
// background-image: url(@/assets/images/hygiene/new_center.png);
|
|
|
|
|
// background-repeat: no-repeat;
|
|
|
|
|
// background-size: 100% 100%;
|
|
|
|
|
// }
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.center_top {
|
|
|
|
|
width: 95%;
|
|
|
|
|
height: 150px;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: space-around;
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.item {
|
2024-04-12 09:26:48 +08:00
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.left {
|
|
|
|
|
width: 102px;
|
|
|
|
|
height: 102px;
|
2024-04-12 09:26:48 +08:00
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.right {
|
|
|
|
|
margin-left: 10px;
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.right_top {
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
line-height: 22px;
|
|
|
|
|
letter-spacing: 2px;
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.right_center {
|
|
|
|
|
width: 100px;
|
|
|
|
|
height: 7px;
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.right_bottom {
|
|
|
|
|
margin-top: 3px;
|
|
|
|
|
padding: 5px;
|
|
|
|
|
font-size: 22px;
|
|
|
|
|
color: #2ef1ff;
|
|
|
|
|
line-height: 26px;
|
|
|
|
|
text-shadow: 0px 0px 13px rgba(0, 252, 255, 0.5);
|
2024-05-24 11:24:32 +08:00
|
|
|
|
background: linear-gradient(
|
|
|
|
|
270deg,
|
|
|
|
|
rgba(255, 255, 255, 0) 0%,
|
|
|
|
|
#3976a1 100%
|
|
|
|
|
);
|
2024-04-25 16:28:11 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.left_bg {
|
|
|
|
|
width: 642px;
|
|
|
|
|
// height: 100%;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
padding-left: 50px;
|
|
|
|
|
margin-right: 28px;
|
|
|
|
|
background-image: url(@/assets/images/left_bg.png);
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.center_bg {
|
|
|
|
|
width: 582px;
|
|
|
|
|
// height: 100%;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
padding-left: 10px;
|
|
|
|
|
margin-right: 28px;
|
|
|
|
|
background-image: url(@/assets/images/center_bg.png);
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.right_bg {
|
|
|
|
|
width: 642px;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
padding-left: 20px;
|
|
|
|
|
margin-right: 28px;
|
|
|
|
|
background-image: url(@/assets/images/right_bg.png);
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
//左边
|
|
|
|
|
//民生福祉
|
|
|
|
|
.left_1_bg {
|
|
|
|
|
margin-top: 10px;
|
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
width: 602px;
|
|
|
|
|
height: 279px;
|
|
|
|
|
background-image: url(@/assets/images/sy/left_1_bg.png);
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
margin-left: -25px;
|
|
|
|
|
position: relative;
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.item {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.item_title {
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
font-family: PangMenZhengDao;
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
line-height: 21px;
|
|
|
|
|
letter-spacing: 1px;
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.blue {
|
|
|
|
|
font-family: PangMenZhengDao;
|
2024-04-12 09:26:48 +08:00
|
|
|
|
font-size: 18px;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
color: rgba(0, 234, 255, 1);
|
|
|
|
|
line-height: 21px;
|
|
|
|
|
letter-spacing: 1px;
|
2024-04-12 09:26:48 +08:00
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.yellow {
|
|
|
|
|
font-family: PangMenZhengDao;
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
color: rgba(255, 216, 99, 1);
|
|
|
|
|
line-height: 21px;
|
|
|
|
|
letter-spacing: 1px;
|
2024-04-12 09:26:48 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.item_content {
|
|
|
|
|
margin-top: 15px;
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.sr {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.left {
|
2024-06-04 17:28:05 +08:00
|
|
|
|
font-weight: 400;
|
2024-05-20 09:25:25 +08:00
|
|
|
|
font-size: 15px;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
color: #ffffff;
|
|
|
|
|
line-height: 17px;
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.right {
|
2024-06-04 17:28:05 +08:00
|
|
|
|
font-weight: bold;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
font-size: 16px;
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
line-height: 19px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.yl_1 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 50px;
|
|
|
|
|
left: 75px;
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.yl_2 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 50px;
|
2024-05-21 11:08:17 +08:00
|
|
|
|
left: 238px;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.yl_3 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 50px;
|
|
|
|
|
left: 370px;
|
|
|
|
|
align-items: flex-end;
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.yl_4 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 160px;
|
|
|
|
|
left: 90px;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.yl_5 {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 160px;
|
|
|
|
|
left: 350px;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.left_1_1 {
|
|
|
|
|
width: 551px;
|
2024-05-23 14:33:54 +08:00
|
|
|
|
height: 30px;
|
|
|
|
|
background-image: url(@/assets/images/sy/new_jzfw.png);
|
2024-04-25 16:28:11 +08:00
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.left_jzfw {
|
|
|
|
|
display: flex;
|
|
|
|
|
width: 96%;
|
|
|
|
|
margin-top: 18px;
|
|
|
|
|
margin-bottom: 18px;
|
|
|
|
|
justify-content: space-around;
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.left_1_2 {
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
padding: 18px 21px;
|
|
|
|
|
width: 225px;
|
|
|
|
|
height: 78px;
|
|
|
|
|
background-image: url(@/assets/images/sy/left_1_2.png);
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
background-size: 100% 100%;
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.top {
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
line-height: 20px;
|
|
|
|
|
letter-spacing: 1px;
|
|
|
|
|
text-shadow: 0px 0px 4px rgba(255, 255, 255, 0.65);
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.bottom {
|
|
|
|
|
margin-top: 6px;
|
|
|
|
|
font-weight: normal;
|
2024-06-04 17:25:08 +08:00
|
|
|
|
font-size: 24px;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
color: #00f5ff;
|
|
|
|
|
line-height: 18px;
|
|
|
|
|
letter-spacing: 1px;
|
|
|
|
|
text-shadow: 0px 0px 24px rgba(0, 252, 255, 0.5);
|
|
|
|
|
}
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.left_1_3 {
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
padding: 18px 21px;
|
|
|
|
|
width: 225px;
|
|
|
|
|
height: 78px;
|
|
|
|
|
background-image: url(@/assets/images/sy/left_1_3.png);
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
background-size: 100% 100%;
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.top {
|
2024-04-12 09:26:48 +08:00
|
|
|
|
font-weight: 400;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
font-size: 14px;
|
|
|
|
|
color: #ffffff;
|
2024-04-12 09:26:48 +08:00
|
|
|
|
line-height: 20px;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
letter-spacing: 1px;
|
|
|
|
|
text-shadow: 0px 0px 4px rgba(255, 255, 255, 0.65);
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.bottom {
|
|
|
|
|
margin-top: 6px;
|
|
|
|
|
font-weight: normal;
|
2024-06-04 17:25:08 +08:00
|
|
|
|
font-size: 24px;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
color: #00f5ff;
|
|
|
|
|
line-height: 18px;
|
|
|
|
|
letter-spacing: 1px;
|
|
|
|
|
text-shadow: 0px 0px 24px rgba(0, 252, 255, 0.5);
|
2024-04-12 09:26:48 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
//教育事业
|
|
|
|
|
.left_2_top {
|
|
|
|
|
width: 94%;
|
|
|
|
|
margin-top: 22px;
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-around;
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.item {
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
width: 174px;
|
|
|
|
|
height: 75px;
|
|
|
|
|
padding: 12px 20px;
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.shang {
|
|
|
|
|
font-weight: 400;
|
2024-06-04 17:25:08 +08:00
|
|
|
|
font-size: 22px;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
color: #ffffff;
|
|
|
|
|
line-height: 22px;
|
|
|
|
|
letter-spacing: 1px;
|
|
|
|
|
text-shadow: 0px 0px 4px rgba(255, 255, 255, 0.65);
|
|
|
|
|
margin-bottom: 5px;
|
|
|
|
|
}
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.school {
|
|
|
|
|
background-image: url(@/assets/images/sy/school.png);
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
background-size: 100% 100%;
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.xia {
|
|
|
|
|
font-weight: normal;
|
2024-06-04 17:25:08 +08:00
|
|
|
|
font-size: 28px;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
color: #00f5ff;
|
|
|
|
|
line-height: 21px;
|
|
|
|
|
letter-spacing: 3px;
|
|
|
|
|
text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5);
|
|
|
|
|
}
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.teacher {
|
|
|
|
|
background-image: url(@/assets/images/sy/teacher.png);
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
background-size: 100% 100%;
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.xia {
|
|
|
|
|
font-weight: normal;
|
2024-06-04 17:25:08 +08:00
|
|
|
|
font-size: 28px;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
color: #00c1ff;
|
|
|
|
|
line-height: 21px;
|
|
|
|
|
letter-spacing: 2px;
|
|
|
|
|
text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5);
|
|
|
|
|
}
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.student {
|
|
|
|
|
background-image: url(@/assets/images/sy/student.png);
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
background-size: 100% 100%;
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.xia {
|
|
|
|
|
font-weight: normal;
|
2024-06-04 17:25:08 +08:00
|
|
|
|
font-size: 28px;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
color: #ffe689;
|
|
|
|
|
line-height: 21px;
|
|
|
|
|
letter-spacing: 2px;
|
|
|
|
|
text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5);
|
|
|
|
|
}
|
2024-04-12 09:26:48 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.left_2_bottom {
|
|
|
|
|
width: 94%;
|
|
|
|
|
margin-top: 5px;
|
2024-04-12 09:26:48 +08:00
|
|
|
|
display: flex;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
justify-content: space-around;
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
&_item {
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
padding: 20px;
|
2024-05-23 14:33:54 +08:00
|
|
|
|
padding-bottom: 10px;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
width: 267px;
|
|
|
|
|
height: 74px;
|
|
|
|
|
background: rgba(255, 255, 255, 0.1);
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
border: 0px solid #7aceff;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
&_shang {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
line-height: 22px;
|
|
|
|
|
letter-spacing: 1px;
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.span1 {
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
line-height: 22px;
|
|
|
|
|
letter-spacing: 1px;
|
|
|
|
|
color: #00f5ff;
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.span2 {
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
line-height: 22px;
|
|
|
|
|
letter-spacing: 1px;
|
|
|
|
|
color: #ffd863;
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.right {
|
|
|
|
|
letter-spacing: 3px;
|
2024-06-05 10:45:56 +08:00
|
|
|
|
font-size: 22px;
|
|
|
|
|
span {
|
|
|
|
|
font-size: 22px;
|
2024-06-04 17:25:08 +08:00
|
|
|
|
}
|
2024-04-25 16:28:11 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
&_xia {
|
|
|
|
|
margin-top: 10px;
|
|
|
|
|
width: 100%;
|
2024-05-23 14:33:54 +08:00
|
|
|
|
height: 8px;
|
|
|
|
|
// border: 1px solid rgba(255, 255, 255, 0.77);
|
|
|
|
|
background-color: #27628d;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
position: relative;
|
2024-05-24 11:24:32 +08:00
|
|
|
|
border-radius: 8px;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.csbl {
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
width: calc(var(--teacher) / var(--total) * 100%);
|
2024-05-23 14:33:54 +08:00
|
|
|
|
height: 8px;
|
|
|
|
|
background-color: #00f5ff;
|
2024-05-24 11:24:32 +08:00
|
|
|
|
border-radius: 8px;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.ncbl {
|
2024-05-24 11:24:32 +08:00
|
|
|
|
position: absolute;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
left: 0;
|
|
|
|
|
width: calc(var(--teacher) / var(--total) * 100%);
|
2024-05-23 14:33:54 +08:00
|
|
|
|
height: 8px;
|
|
|
|
|
background-color: #ffd863;
|
2024-05-24 11:24:32 +08:00
|
|
|
|
border-radius: 8px;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
2024-05-24 11:24:32 +08:00
|
|
|
|
&_xia:nth-child(2) {
|
2024-05-23 14:33:54 +08:00
|
|
|
|
background-color: #475e73;
|
|
|
|
|
}
|
2024-04-12 09:26:48 +08:00
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
margin-bottom: 22px;
|
2024-04-12 09:26:48 +08:00
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
//就业服务
|
|
|
|
|
.left_3_1 {
|
|
|
|
|
width: 94%;
|
2024-06-04 13:12:11 +08:00
|
|
|
|
margin-top: 40px;
|
2024-04-12 09:26:48 +08:00
|
|
|
|
display: flex;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
justify-content: space-around;
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
&_item {
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
width: 160px;
|
2024-06-04 13:12:11 +08:00
|
|
|
|
height: 112px;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
background-image: url(@/assets/images/sy/jyfw.png);
|
2024-04-12 09:26:48 +08:00
|
|
|
|
background-repeat: no-repeat;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
background-size: 100% 100%;
|
2024-04-12 09:26:48 +08:00
|
|
|
|
text-align: center;
|
2024-06-04 13:12:11 +08:00
|
|
|
|
position: relative;
|
|
|
|
|
.moveImg {
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 160px;
|
|
|
|
|
height: 140px;
|
|
|
|
|
bottom: 18px;
|
|
|
|
|
background-image: url(@/assets/images/sy/jyfwM.png);
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
animation: example 3s infinite linear;
|
|
|
|
|
}
|
2024-06-04 11:17:51 +08:00
|
|
|
|
|
|
|
|
|
@keyframes example {
|
|
|
|
|
0% {
|
|
|
|
|
transform: translateY(0);
|
|
|
|
|
}
|
|
|
|
|
25% {
|
|
|
|
|
transform: translateY(-4px);
|
|
|
|
|
}
|
|
|
|
|
50% {
|
|
|
|
|
transform: translateY(0);
|
|
|
|
|
}
|
|
|
|
|
75% {
|
|
|
|
|
transform: translateY(4px);
|
|
|
|
|
}
|
|
|
|
|
100% {
|
|
|
|
|
transform: translateY(0);
|
|
|
|
|
}
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
div:nth-child(1) {
|
|
|
|
|
font-family: PangMenZhengDao, PangMenZhengDao;
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
font-size: 22px;
|
2024-04-12 09:26:48 +08:00
|
|
|
|
color: #ffffff;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
line-height: 25px;
|
|
|
|
|
letter-spacing: 1px;
|
|
|
|
|
text-shadow: 0px 0px 24px rgba(0, 252, 255, 0.5);
|
2024-04-12 09:26:48 +08:00
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
div:nth-child(2) {
|
|
|
|
|
margin-top: 5px;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
line-height: 22px;
|
|
|
|
|
letter-spacing: 1px;
|
|
|
|
|
text-shadow: 0px 0px 4px rgba(27, 87, 110, 0.65);
|
2024-04-12 09:26:48 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
//中间
|
|
|
|
|
.people_total {
|
|
|
|
|
width: 522px;
|
|
|
|
|
height: 172px;
|
|
|
|
|
margin-left: 15px;
|
|
|
|
|
background-image: url(@/assets/images/sy/center_1_bg.png);
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
position: relative;
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
&_item {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
align-items: center;
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.number {
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
color: #00f5ff;
|
|
|
|
|
line-height: 18px;
|
|
|
|
|
letter-spacing: 2px;
|
|
|
|
|
text-shadow: 0px 0px 24px rgba(0, 252, 255, 0.5);
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
img {
|
|
|
|
|
margin: 3px 0;
|
|
|
|
|
width: 80px;
|
|
|
|
|
height: 56px;
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.sex {
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
}
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
&_item2 {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
align-items: center;
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.number {
|
|
|
|
|
margin: 3px 0;
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
color: #00f5ff;
|
|
|
|
|
line-height: 18px;
|
|
|
|
|
letter-spacing: 2px;
|
|
|
|
|
text-shadow: 0px 0px 24px rgba(0, 252, 255, 0.5);
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
img {
|
|
|
|
|
width: 60px;
|
|
|
|
|
height: 59px;
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.total {
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
}
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.left {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 40px;
|
|
|
|
|
left: 50px;
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.center {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 35px;
|
2024-05-16 13:46:36 +08:00
|
|
|
|
left: 226px;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.right {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 40px;
|
|
|
|
|
right: 50px;
|
|
|
|
|
}
|
2024-06-05 10:45:56 +08:00
|
|
|
|
.sexMove {
|
|
|
|
|
position: absolute;
|
|
|
|
|
width: 100px;
|
|
|
|
|
height: 20px;
|
|
|
|
|
top: 80px;
|
|
|
|
|
animation: sexIM 3s infinite linear;
|
|
|
|
|
}
|
|
|
|
|
@keyframes sexIM {
|
|
|
|
|
0% {
|
|
|
|
|
transform: translateY(0);
|
|
|
|
|
}
|
|
|
|
|
25% {
|
|
|
|
|
transform: translateY(-3px);
|
|
|
|
|
}
|
|
|
|
|
50% {
|
|
|
|
|
transform: translateY(0);
|
|
|
|
|
}
|
|
|
|
|
75% {
|
|
|
|
|
transform: translateY(2px);
|
|
|
|
|
}
|
|
|
|
|
100% {
|
|
|
|
|
transform: translateY(0);
|
|
|
|
|
}
|
|
|
|
|
}
|
2024-04-25 16:28:11 +08:00
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.table {
|
|
|
|
|
width: 94%;
|
|
|
|
|
margin-left: 5px;
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.table_choose {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
margin-bottom: 20px;
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.choose {
|
|
|
|
|
text-align: center;
|
|
|
|
|
line-height: 40px;
|
|
|
|
|
width: 170px;
|
|
|
|
|
height: 40px;
|
2024-05-24 11:24:32 +08:00
|
|
|
|
background: linear-gradient(
|
|
|
|
|
180deg,
|
|
|
|
|
rgba(0, 142, 255, 0.35) 0%,
|
|
|
|
|
rgba(0, 142, 255, 0.52) 100%
|
|
|
|
|
);
|
2024-04-25 16:28:11 +08:00
|
|
|
|
box-shadow: inset 0px -2px 0px 0px #00b4ff;
|
|
|
|
|
border-radius: 2px 0px 0px 2px;
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.noChoose {
|
|
|
|
|
text-align: center;
|
|
|
|
|
line-height: 40px;
|
|
|
|
|
width: 170px;
|
|
|
|
|
height: 40px;
|
|
|
|
|
background: #073e84;
|
|
|
|
|
border-radius: 2px 0px 0px 2px;
|
|
|
|
|
color: #ccc;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2024-05-24 11:24:32 +08:00
|
|
|
|
//政务服务
|
|
|
|
|
.zwfw {
|
|
|
|
|
height: 272px;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
background: rgba(255, 255, 255, 0.1);
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
border: 0px solid #7aceff;
|
|
|
|
|
padding: 16px 19px;
|
2024-05-24 15:13:59 +08:00
|
|
|
|
.shang {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-around;
|
|
|
|
|
&_item {
|
|
|
|
|
width: 28%;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
.title {
|
|
|
|
|
background-image: url(@/assets/images/sy/zwfw_title.png);
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
line-height: 20px;
|
|
|
|
|
letter-spacing: 2px;
|
|
|
|
|
}
|
|
|
|
|
.i {
|
|
|
|
|
width: 130px;
|
|
|
|
|
height: 130px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.xia {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
height: 88px;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
justify-content: space-around;
|
|
|
|
|
background-image: url(@/assets/images/sy/zwfw_bg.png);
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
.fgx {
|
|
|
|
|
width: 3px;
|
|
|
|
|
height: 40px;
|
|
|
|
|
border-right: 2px dashed rgba(92, 118, 162, 0.8); /* 设置虚线 */
|
|
|
|
|
}
|
|
|
|
|
&_item {
|
|
|
|
|
width: 49%;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
.left {
|
|
|
|
|
width: 72px;
|
|
|
|
|
height: 68px;
|
|
|
|
|
}
|
|
|
|
|
.right {
|
|
|
|
|
margin-left: 5px;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
.name {
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
line-height: 20px;
|
|
|
|
|
}
|
|
|
|
|
.line {
|
|
|
|
|
margin: 3px 0;
|
|
|
|
|
width: 100px;
|
|
|
|
|
}
|
|
|
|
|
.time {
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
line-height: 20px;
|
|
|
|
|
span {
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
margin-right: 3px;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2024-05-24 11:24:32 +08:00
|
|
|
|
}
|
2024-04-25 16:28:11 +08:00
|
|
|
|
:deep(.el-table) {
|
|
|
|
|
background: rgba(32, 64, 115, 1);
|
|
|
|
|
|
|
|
|
|
--el-table-border-color: none;
|
|
|
|
|
border: 1px solid #7aceff;
|
|
|
|
|
}
|
2024-05-27 17:05:52 +08:00
|
|
|
|
.table {
|
|
|
|
|
:deep(.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf) {
|
|
|
|
|
border: none !important;
|
|
|
|
|
padding-left: 10px !important;
|
|
|
|
|
}
|
2024-04-25 16:44:31 +08:00
|
|
|
|
|
2024-05-27 17:05:52 +08:00
|
|
|
|
:deep(.el-table td.el-table__cell) {
|
|
|
|
|
padding-left: 10px;
|
|
|
|
|
}
|
2024-05-27 13:47:44 +08:00
|
|
|
|
}
|
|
|
|
|
|
2024-05-29 09:57:23 +08:00
|
|
|
|
:deep(.el-table--enable-row-hover .el-table__body tr:hover > td) {
|
2024-04-25 16:28:11 +08:00
|
|
|
|
background-color: #2f4b74;
|
|
|
|
|
}
|
|
|
|
|
|
2024-05-29 09:57:23 +08:00
|
|
|
|
:deep(.el-table__empty-block) {
|
2024-04-25 16:28:11 +08:00
|
|
|
|
background-color: #122560;
|
|
|
|
|
}
|
|
|
|
|
|
2024-05-11 16:11:28 +08:00
|
|
|
|
:deep(.el-table .el-table__row) {
|
2024-04-25 16:28:11 +08:00
|
|
|
|
border-bottom: none;
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
//右边
|
|
|
|
|
//医疗卫生
|
|
|
|
|
.ylws {
|
|
|
|
|
width: 96%;
|
|
|
|
|
height: 150px;
|
|
|
|
|
padding-top: 15px;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
justify-content: space-around;
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
&_item {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
align-items: center;
|
|
|
|
|
height: 35px;
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.name {
|
|
|
|
|
padding: 8px 20px 8px 32px;
|
|
|
|
|
background-image: url(@/assets/images/sy/ylws.png);
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
line-height: 22px;
|
|
|
|
|
letter-spacing: 1px;
|
|
|
|
|
text-shadow: 0px 2px 2px #005473;
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.value {
|
|
|
|
|
margin-top: 5px;
|
2024-05-21 16:12:54 +08:00
|
|
|
|
font-family: TCloudNumber, TCloudNumber;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
font-weight: bold;
|
|
|
|
|
font-size: 24px;
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
line-height: 28px;
|
|
|
|
|
letter-spacing: 2px;
|
|
|
|
|
text-shadow: 0px 0px 4px rgba(255, 255, 255, 0.63);
|
|
|
|
|
}
|
2024-04-12 09:26:48 +08:00
|
|
|
|
}
|
2024-04-25 16:28:11 +08:00
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
//文化事业
|
|
|
|
|
.whsy {
|
|
|
|
|
width: 94%;
|
|
|
|
|
height: 200px;
|
|
|
|
|
padding-top: 10px;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
justify-content: space-around;
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
&_item {
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
height: 94px;
|
2024-04-12 09:26:48 +08:00
|
|
|
|
display: flex;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
flex-direction: column;
|
|
|
|
|
align-items: center;
|
|
|
|
|
background-image: url(@/assets/images/sy/whsy.png);
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
width: 30%;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
padding-top: 10px;
|
|
|
|
|
padding-bottom: 10px;
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.name {
|
|
|
|
|
font-family: PangMenZhengDao;
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
line-height: 21px;
|
|
|
|
|
letter-spacing: 2px;
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.value {
|
|
|
|
|
margin-top: 5px;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
font-size: 30px;
|
|
|
|
|
color: #00f7ff;
|
|
|
|
|
line-height: 35px;
|
|
|
|
|
letter-spacing: 1px;
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
span {
|
2024-04-12 09:26:48 +08:00
|
|
|
|
font-size: 14px;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
color: #d9f8ff;
|
|
|
|
|
line-height: 20px;
|
2024-04-12 09:26:48 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
&_item:nth-child(1) {
|
|
|
|
|
.name {
|
|
|
|
|
text-align: center;
|
|
|
|
|
width: 113px;
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.value {
|
|
|
|
|
margin-top: 0px;
|
|
|
|
|
}
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
&_item:nth-child(4) {
|
|
|
|
|
width: 45%;
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
&_item:nth-child(5) {
|
|
|
|
|
width: 45%;
|
|
|
|
|
}
|
2024-04-12 09:26:48 +08:00
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
//体育事业
|
|
|
|
|
.tysy {
|
|
|
|
|
width: 94%;
|
|
|
|
|
padding-top: 10px;
|
|
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-around;
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
&_item {
|
2024-04-12 09:26:48 +08:00
|
|
|
|
display: flex;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
flex-direction: column;
|
|
|
|
|
align-items: center;
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.value {
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
font-size: 22px;
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
line-height: 26px;
|
|
|
|
|
letter-spacing: 3px;
|
|
|
|
|
text-shadow: 0px 0px 4px rgba(255, 255, 255, 0.63);
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-12 09:26:48 +08:00
|
|
|
|
img {
|
2024-04-25 16:28:11 +08:00
|
|
|
|
width: 100px;
|
|
|
|
|
height: 70px;
|
2024-04-12 09:26:48 +08:00
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.name {
|
|
|
|
|
font-family: PingFangSC, PingFang SC;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
line-height: 20px;
|
|
|
|
|
letter-spacing: 2px;
|
|
|
|
|
text-shadow: 0px 0px 4px rgba(255, 255, 255, 0.65);
|
|
|
|
|
padding: 0 20px;
|
|
|
|
|
background-image: url(@/assets/images/sy/bq.png);
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
//交通事业
|
|
|
|
|
table {
|
|
|
|
|
margin-top: 20px;
|
|
|
|
|
width: 94%;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
border: 0px solid #7aceff;
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
tbody {
|
|
|
|
|
tr {
|
|
|
|
|
width: 100%;
|
|
|
|
|
background: rgba(42, 71, 119, 1);
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
&:nth-of-type(2n + 1) {
|
|
|
|
|
background: rgba(32, 63, 112, 1);
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
td:nth-child(1) {
|
|
|
|
|
background: rgba(60, 87, 131, 0.8);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
td {
|
|
|
|
|
width: 40%;
|
2024-04-12 09:26:48 +08:00
|
|
|
|
font-weight: 400;
|
2024-05-20 09:25:25 +08:00
|
|
|
|
font-size: 16px;
|
2024-04-12 09:26:48 +08:00
|
|
|
|
color: #ffffff;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
line-height: 43px;
|
|
|
|
|
display: flex;
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.s1 {
|
|
|
|
|
display: block;
|
2024-05-20 09:25:25 +08:00
|
|
|
|
width: 76px;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
// background: red;
|
|
|
|
|
text-align: justify;
|
|
|
|
|
text-align-last: justify;
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
.s2 {
|
|
|
|
|
margin-left: 3px;
|
|
|
|
|
color: #00ffed;
|
|
|
|
|
}
|
2024-04-12 09:26:48 +08:00
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
td:nth-child(1) {
|
|
|
|
|
display: block;
|
2024-05-20 09:25:25 +08:00
|
|
|
|
width: 136px;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
font-weight: 500;
|
2024-05-20 09:25:25 +08:00
|
|
|
|
font-size: 16px;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
color: #ffffff;
|
|
|
|
|
line-height: 43px;
|
|
|
|
|
letter-spacing: 1px;
|
|
|
|
|
text-align: justify;
|
|
|
|
|
text-align-last: justify;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
padding-left: 20px;
|
|
|
|
|
padding-right: 20px;
|
|
|
|
|
background: rgba(63, 89, 133, 1);
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
td:nth-child(2) {
|
2024-05-20 09:25:25 +08:00
|
|
|
|
padding-left: 30px;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
letter-spacing: 2px;
|
|
|
|
|
}
|
2024-05-24 09:27:14 +08:00
|
|
|
|
|
2024-04-25 16:28:11 +08:00
|
|
|
|
td:nth-child(3) {
|
2024-05-20 09:25:25 +08:00
|
|
|
|
padding-left: 30px;
|
2024-04-25 16:28:11 +08:00
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
letter-spacing: 2px;
|
2024-04-12 09:26:48 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2024-06-03 14:20:56 +08:00
|
|
|
|
// 交通事业
|
|
|
|
|
.jtsyBox {
|
|
|
|
|
width: 97%;
|
|
|
|
|
// background-color: skyblue;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
text-align: left;
|
|
|
|
|
font-style: normal;
|
|
|
|
|
font-family: PingFangSC, PingFang SC;
|
|
|
|
|
|
|
|
|
|
img {
|
|
|
|
|
width: 68px;
|
|
|
|
|
height: 96px;
|
|
|
|
|
margin-right: 4px;
|
|
|
|
|
}
|
2024-06-04 11:17:51 +08:00
|
|
|
|
|
2024-06-03 14:20:56 +08:00
|
|
|
|
.jtsyBoxtop {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-evenly;
|
|
|
|
|
margin-bottom: 15px;
|
|
|
|
|
padding-top: 20px;
|
|
|
|
|
.jtsyBoxtop1 {
|
2024-06-04 11:17:51 +08:00
|
|
|
|
position: relative;
|
2024-06-03 14:20:56 +08:00
|
|
|
|
display: flex;
|
2024-06-04 11:17:51 +08:00
|
|
|
|
.turn {
|
|
|
|
|
width: 146px;
|
|
|
|
|
height: 104px;
|
|
|
|
|
position: absolute;
|
2024-06-04 13:12:11 +08:00
|
|
|
|
left: -40px;
|
2024-06-04 11:17:51 +08:00
|
|
|
|
top: -31px;
|
|
|
|
|
}
|
2024-06-03 14:20:56 +08:00
|
|
|
|
span {
|
|
|
|
|
font-family: TCloudNumber, TCloudNumber;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
line-height: 22px;
|
|
|
|
|
text-shadow: 0px 0px 4px #12fbff;
|
|
|
|
|
text-align: left;
|
|
|
|
|
font-style: normal;
|
|
|
|
|
}
|
|
|
|
|
.jtsyname {
|
|
|
|
|
font-family: PingFangSC, PingFang SC;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
line-height: 22px;
|
|
|
|
|
text-shadow: 0px 2px 4px #35e0f9;
|
|
|
|
|
text-align: left;
|
|
|
|
|
font-style: normal;
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
.jtsyname::after {
|
|
|
|
|
content: "";
|
|
|
|
|
display: block;
|
|
|
|
|
width: 60px;
|
|
|
|
|
border-bottom: 1px dashed rgba(0, 238, 250, 1); /* 设置虚线 */
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom: -6px;
|
|
|
|
|
left: 0;
|
|
|
|
|
}
|
|
|
|
|
.jtsytext {
|
|
|
|
|
margin-top: 14px;
|
|
|
|
|
margin-bottom: 2px;
|
|
|
|
|
// width: 80px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.jtsyBoxbot {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
.jtsyBoxtop1 {
|
|
|
|
|
display: flex;
|
2024-06-04 11:17:51 +08:00
|
|
|
|
position: relative;
|
|
|
|
|
.turn {
|
|
|
|
|
width: 146px;
|
|
|
|
|
height: 104px;
|
|
|
|
|
position: absolute;
|
2024-06-04 13:12:11 +08:00
|
|
|
|
left: -40px;
|
2024-06-04 11:17:51 +08:00
|
|
|
|
top: -31px;
|
|
|
|
|
}
|
2024-06-03 14:20:56 +08:00
|
|
|
|
span {
|
|
|
|
|
font-family: TCloudNumber, TCloudNumber;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
line-height: 22px;
|
|
|
|
|
text-shadow: 0px 0px 4px #12fbff;
|
|
|
|
|
text-align: left;
|
|
|
|
|
font-style: normal;
|
|
|
|
|
}
|
|
|
|
|
.jtsyname {
|
|
|
|
|
font-family: PingFangSC, PingFang SC;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
line-height: 22px;
|
|
|
|
|
text-shadow: 0px 2px 4px #35e0f9;
|
|
|
|
|
text-align: left;
|
|
|
|
|
font-style: normal;
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
.jtsyname::after {
|
|
|
|
|
content: "";
|
|
|
|
|
display: block;
|
|
|
|
|
width: 60px;
|
|
|
|
|
border-bottom: 1px dashed rgba(0, 238, 250, 1); /* 设置虚线 */
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom: -6px;
|
|
|
|
|
left: 0;
|
|
|
|
|
}
|
|
|
|
|
.jtsytext {
|
|
|
|
|
margin-top: 14px;
|
|
|
|
|
margin-bottom: 2px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2024-04-12 09:26:48 +08:00
|
|
|
|
</style>
|