unicom
/
jtjsc-front
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

提交代码

master
sunyu 4 months ago
parent
cb644fc9ba
commit
784ba2fc3d
1 changed files with 241 additions and 291 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 532
      src/views/stlj.vue

532
src/views/stlj.vue
View File

@ -5,388 +5,401 @@
width: '5760px', width: '5760px',
height: '3240px', height: '3240px',
backgroundSize: 'cover'}"> backgroundSize: 'cover'}">
<!-- 左侧1--> <!-- 左侧 -->
<div style="float:left"> <div style="float:left;width:30%;height: 90%" >
<div class="left-img" style="float:left;margin-top:160px;margin-left:120px;"> <!-- 左侧1-->
<div style="margin-left: 40px;margin-top:180px"> <div style="float:left">
<img src="../views/stlj/left_1.png" alt="重大项目建设"> <div class="left-img" style="float:left;margin-top:160px;margin-left:100px;">
</div> <div style="margin-left: 40px;margin-top:180px">
<div style="left: 5px;float:left"> <img src="../views/stlj/left_1.png" alt="重大项目建设">
<div style="float:left">
<div style="float:left; padding-left: 100px;padding-top: 50px;">
<img src="../views/stlj/left-upper/left_1_up.png">
</div>
<div style="float:left; padding-left: 50px;padding-top: 117px;">
<span class="left-font">高速公路建设</span><br>
<span style="float:left; font-size:60px;color:white">681公里</span>
</div>
</div> </div>
<div style="float:left"> <div style="left: 5px;float:left">
<div style="float:left;padding-top: 50px;"> <div style="float:left">
<img src="../views/stlj/left-upper/left_up_2.png"> <div style="float:left; padding-left: 100px;padding-top: 50px;">
<img src="../views/stlj/left-upper/left_1_up.png">
</div>
<div style="float:left; padding-left: 50px;padding-top: 117px;">
<span class="left-font">高速公路建设</span><br>
<span style="float:left; font-size:60px;color:white">681公里</span>
</div>
</div> </div>
<div style="float:left; padding-left: 50px;padding-top: 117px;"> <div style="float:left">
<span class="left-font">国省干线建设</span><br> <div style="float:left;padding-top: 50px;">
<span style="float:left; font-size:60px;color:white">510公里</span> <img src="../views/stlj/left-upper/left_up_2.png">
</div>
<div style="float:left; padding-left: 50px;padding-top: 117px;">
<span class="left-font">国省干线建设</span><br>
<span style="float:left; font-size:60px;color:white">510公里</span>
</div>
</div> </div>
</div>
<div style="float:left;padding-left: 100px;padding-top: 50px;"> <div style="float:left;padding-left: 100px;padding-top: 50px;">
<div style="font-size:50px;color:white;margin-left: -250px">项目开复工</div> <div style="font-size:50px;color:white;margin-left: -250px">项目开复工</div>
<div style="font-size:36px;color:#84ACE8;" class="left1-text-ellipsis"> <div style="font-size:36px;color:#84ACE8;" class="left1-text-ellipsis">
续建项目力争2月末复工，年内建成3条高速公路382公里、高速公路通车总里程突破5000公里、达5025公里；新改建农村公路3500公里、整治“畅返不畅”5500公里、新建农村物流服务网点1807个；新增26个二级以上客运站转型升级、打造50条“吉意通”客运品牌线路、公交化改造线路110条 续建项目力争2月末复工，年内建成3条高速公路382公里、高速公路通车总里程突破5000公里、达5025公里；新改建农村公路3500公里、整治“畅返不畅”5500公里、新建农村物流服务网点1807个；新增26个二级以上客运站转型升级、打造50条“吉意通”客运品牌线路、公交化改造线路110条
</div>
</div>
<div style="float:left;padding-left: 100px;padding-top: 50px;">
<div style=" font-size:50px;color:white;margin-left: -110px">后续项目前期工作</div>
<div style="font-size:36px;color:#84ACE8;" class="left1-text-ellipsis">
目前,烟筒山至长春、长春至太平川、长春都市圈环线东环二期3个续建高速公路项目共进场人员2100余人、设备342台套；备料工作进展顺利，钢材、沥青、砂石分别完成计划备料的94.63%、81%、93.96%，为实现年内通车奠定基础。 </div>
</div> </div>
</div>
<div style="float:left;padding-left: 100px;padding-top: 50px;">
<div style=" font-size:50px;color:white;margin-left: -110px">后续项目前期工作</div>
<div style="font-size:36px;color:#84ACE8;" class="left1-text-ellipsis">
目前,烟筒山至长春、长春至太平川、长春都市圈环线东环二期3个续建高速公路项目共进场人员2100余人、设备342台套；备料工作进展顺利，钢材、沥青、砂石分别完成计划备料的94.63%、81%、93.96%，为实现年内通车奠定基础。 </div>
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- 左侧2--> <!-- 左侧2-->
<div class="left-img" style="float:left;margin-top:990px;margin-left:120px;"> <div class="left-img" style="float:left;margin-left:120px;">
<div style="margin-left: 40px;margin-top:180px"> <div style="margin-left: 40px;margin-top:180px">
<img src="../views/stlj/left_2.png" alt="乡村畅通"> <img src="../views/stlj/left_2.png" alt="乡村畅通">
</div> </div>
<div style="float:left;margin-left: 120px;margin-top:80px;" <div style="float:left;margin-left: 120px;margin-top:80px;"
:style="{ backgroundImage: `url(${require('@/views/stlj/left-upper/left_2_1.png')})`, :style="{ backgroundImage: `url(${require('@/views/stlj/left-upper/left_2_1.png')})`,
backgroundSize: 'cover', backgroundSize: 'cover',
width: '670px', width: '670px',
height: '556px', height: '556px',
backgroundSize: 'cover'}"> backgroundSize: 'cover'}">
<div style="float:left; font-size:48px;color:white;margin-left: 60px;margin-top:40px;">加大建设力度</div> <div style="float:left; font-size:48px;color:white;margin-left: 60px;margin-top:40px;">加大建设力度</div>
<div style="float:left;font-size:36px;color:#FFFFFF;" class="left2-text-ellipsis"> <div style="float:left;font-size:36px;color:#FFFFFF;" class="left2-text-ellipsis">
新改建农村公路3500公里、改造危桥110座、实施安防工程2500公里、整治“畅返不畅”5500公里等，新增144个自然屯通硬化路、8个乡镇通三级及以上公路，新建农村物流服务网点1807个，县乡村覆盖率达到80%，试点开通农村货运班车 新改建农村公路3500公里、改造危桥110座、实施安防工程2500公里、整治“畅返不畅”5500公里等，新增144个自然屯通硬化路、8个乡镇通三级及以上公路，新建农村物流服务网点1807个，县乡村覆盖率达到80%，试点开通农村货运班车
</div>
</div> </div>
</div> <div style="float:left;margin-top:80px;"
<div style="float:left;margin-top:80px;" :style="{ backgroundImage: `url(${require('@/views/stlj/left-upper/left_2_2.png')})`,
:style="{ backgroundImage: `url(${require('@/views/stlj/left-upper/left_2_2.png')})`,
backgroundSize: 'cover', backgroundSize: 'cover',
width: '330px', width: '330px',
height: '557px', height: '557px',
backgroundSize: 'cover'}"> backgroundSize: 'cover'}">
<div style="float:left; font-size:44px;color:#84ACE8;margin-left: 30px;margin-top:40px;">完善机制管理</div> <div style="float:left; font-size:44px;color:#84ACE8;margin-left: 30px;margin-top:40px;">完善机制管理</div>
<div style="float:left;font-size:36px;color:#FFFFFF;" class="left2-text-ellipsis"> <div style="float:left;font-size:36px;color:#FFFFFF;" class="left2-text-ellipsis">
</div>
</div> </div>
</div> <div style="float:left;margin-top:80px;"
<div style="float:left;margin-top:80px;" :style="{ backgroundImage: `url(${require('@/views/stlj/left-upper/left_2_3.png')})`,
:style="{ backgroundImage: `url(${require('@/views/stlj/left-upper/left_2_3.png')})`,
backgroundSize: 'cover', backgroundSize: 'cover',
width: '330px', width: '330px',
height: '557px', height: '557px',
backgroundSize: 'cover'}"> backgroundSize: 'cover'}">
<div style="float:left; font-size:44px;color:#84ACE8;margin-left: 30px;margin-top:40px;">优化服务保障</div> <div style="float:left; font-size:44px;color:#84ACE8;margin-left: 30px;margin-top:40px;">优化服务保障</div>
<div style="float:left;font-size:36px;color:#FFFFFF;" class="left2-text-ellipsis"> <div style="float:left;font-size:36px;color:#FFFFFF;" class="left2-text-ellipsis">
</div>
</div> </div>
</div> </div>
</div>
<!-- 左侧3--> <!-- 左侧3-->
<div class="left3-img" style="float:left;margin-top:160px;margin-left:120px;"> <div class="left3-img" style="float:left;margin-left:120px;">
<div style="margin-left: 40px;margin-top:180px"> <div style="margin-left: 40px;margin-top:180px">
<img src="../views/stlj/left_3.png" alt="交通物流"> <img src="../views/stlj/left_3.png" alt="交通物流">
</div> </div>
<div style="float:left;margin-left: 140px;margin-top:60px;" <div style="float:left;margin-left: 140px;margin-top:60px;"
:style="{ backgroundImage: `url(${require('@/views/stlj/left_3_1.png')})`, :style="{ backgroundImage: `url(${require('@/views/stlj/left_3_1.png')})`,
backgroundSize: 'cover', backgroundSize: 'cover',
width: '382.16px', width: '382.16px',
height: '718.91px', height: '718.91px',
backgroundSize: 'cover'}"> backgroundSize: 'cover'}">
<div style="font-size:50px;color:white;margin-left: 40px;margin-top:120px;">保通保畅</div> <div style="font-size:50px;color:white;margin-left: 40px;margin-top:120px;">保通保畅</div>
<div style="font-size:32px;color:#84ACE8;margin-left: 20px;margin-top:120px;" <div style="font-size:32px;color:#84ACE8;margin-left: 20px;margin-top:120px;"
class="text-ellipsis" class="text-ellipsis"
>聚焦维护产业链供应链稳定，扎实推动交通物流降本提质增效。建立重点物资应急运力保障机制，深入推进长春综合货运枢纽补链强链试点，完成东北地区多式联运企业联盟组建，新增2-3户规上多式联运企业，打造8-10条多式联运线路，加快公铁换装设备更新，壮大网络货运行业规模，推动交通运输数字经济、平台经济大幅增长。 >聚焦维护产业链供应链稳定，扎实推动交通物流降本提质增效。建立重点物资应急运力保障机制，深入推进长春综合货运枢纽补链强链试点，完成东北地区多式联运企业联盟组建，新增2-3户规上多式联运企业，打造8-10条多式联运线路，加快公铁换装设备更新，壮大网络货运行业规模，推动交通运输数字经济、平台经济大幅增长。
</div> </div>
</div> </div>
<div style="float:left;margin-left: 40px;margin-top:60px" <div style="float:left;margin-left: 40px;margin-top:60px"
:style="{ backgroundImage: `url(${require('@/views/stlj/left_3_1.png')})`, :style="{ backgroundImage: `url(${require('@/views/stlj/left_3_1.png')})`,
backgroundSize: 'cover', backgroundSize: 'cover',
width: '382.16px', width: '382.16px',
height: '718.91px', height: '718.91px',
backgroundSize: 'cover'}" > backgroundSize: 'cover'}" >
<div style="font-size:50px;color:white;margin-left: 20px;margin-top:120px">降本增效</div> <div style="font-size:50px;color:white;margin-left: 20px;margin-top:120px">降本增效</div>
<div style="font-size:32px;color:#84ACE8;margin-left: 20px;margin-top:120px;" <div style="font-size:32px;color:#84ACE8;margin-left: 20px;margin-top:120px;"
class="text-ellipsis"> class="text-ellipsis">
聚焦维护产业链供应链稳定，扎实推动交通物流降本提质增效。建立重点物资应急运力保障机制，深入推进长春综合货运枢纽补链强链试点，完成东北地区多式联运企业联盟组建，新增2-3户规上多式联运企业，打造8-10条多式联运线路，加快公铁换装设备更新，壮大网络货运行业规模，推动交通运输数字经济、平台经济大幅增长。 聚焦维护产业链供应链稳定，扎实推动交通物流降本提质增效。建立重点物资应急运力保障机制，深入推进长春综合货运枢纽补链强链试点，完成东北地区多式联运企业联盟组建，新增2-3户规上多式联运企业，打造8-10条多式联运线路，加快公铁换装设备更新，壮大网络货运行业规模，推动交通运输数字经济、平台经济大幅增长。
</div>
</div> </div>
</div> <div style="float:left;margin-left: 40px;margin-top:60px"
<div style="float:left;margin-left: 40px;margin-top:60px" :style="{ backgroundImage: `url(${require('@/views/stlj/left_3_1.png')})`,
:style="{ backgroundImage: `url(${require('@/views/stlj/left_3_1.png')})`,
backgroundSize: 'cover', backgroundSize: 'cover',
width: '382.16px', width: '382.16px',
height: '718.91px', height: '718.91px',
backgroundSize: 'cover'}" > backgroundSize: 'cover'}" >
<div style="font-size:50px;color:white;margin-left: 20px;margin-top:120px">交通平台</div> <div style="font-size:50px;color:white;margin-left: 20px;margin-top:120px">交通平台</div>
<div style="font-size:32px;color:#84ACE8;margin-left: 20px;margin-top:120px;" <div style="font-size:32px;color:#84ACE8;margin-left: 20px;margin-top:120px;"
class="text-ellipsis"> class="text-ellipsis">
聚焦维护产业链供应链稳定，扎实推动交通物流降本提质增效。建立重点物资应急运力保障机制，深入推进长春综合货运枢纽补链强链试点，完成东北地区多式联运企业联盟组建，新增2-3户规上多式联运企业，打造8-10条多式联运线路，加快公铁换装设备更新，壮大网络货运行业规模，推动交通运输数字经济、平台经济大幅增长。 聚焦维护产业链供应链稳定，扎实推动交通物流降本提质增效。建立重点物资应急运力保障机制，深入推进长春综合货运枢纽补链强链试点，完成东北地区多式联运企业联盟组建，新增2-3户规上多式联运企业，打造8-10条多式联运线路，加快公铁换装设备更新，壮大网络货运行业规模，推动交通运输数字经济、平台经济大幅增长。
</div>
</div> </div>
</div> </div>
</div> </div>
<!-- 中间1 --> <!-- 中间 -->
<div class="middle1_img"> <div style="float:left;width:40%;height: 90%">
<div style="margin-left: 140px;margin-top:500px"> <!-- 中间1 -->
<img src="../views/stlj/middle/middle_1.png" alt="运输服务保障"> <div class="middle1_img">
</div> <div style="float:left;margin-top:500px;width:100%;">
<div style="float:left"> <img style="width:100%;height:100%;" src="../views/stlj/middle/middle_1.png" alt="运输服务保障">
<div style="float:left;margin-left: 830px;margin-top:10px;width:1000px" </div>
:style="{ backgroundImage: `url(${require('@/views/stlj/middle/middle_1_1.png')})`, <div style="float:left;width:100%">
<div style="float:left;margin-top:10px;width:50%;height:50%;margin-left:25%;"
:style="{ backgroundImage: `url(${require('@/views/stlj/middle/middle_1_1.png')})`,
backgroundSize: 'cover', backgroundSize: 'cover',
width: '1192px',
height: '1093px',
backgroundSize: 'cover'}" > backgroundSize: 'cover'}" >
<div style="float:left;margin-left: -707px;margin-top:515px;width:600px" <div style="float:left;margin-top:515px;width:600px;margin-left:-50%;"
:style="{ backgroundImage: `url(${require('@/views/stlj/middle/middle_1_2.png')})`, :style="{ backgroundImage: `url(${require('@/views/stlj/middle/middle_1_2.png')})`,
backgroundSize: 'cover', backgroundSize: 'cover',
width: '827px', width: '827px',
height: '312px', height: '312px',
backgroundSize: 'cover'}" > backgroundSize: 'cover'}" >
<div style="float:left; font-size:42px;color:#FFFFFF;margin-left: -242px;margin-top:60px;width:827px">客运站转型</div> <div style="float:left; font-size:42px;color:#FFFFFF;margin-top:60px;width:827px">客运站转型</div>
<div style="float:left;font-size:32px;color:#FFFFFF;width:740px;margin-top:40px" class="middle1-text-ellipsis"> <div style="float:left;font-size:32px;color:#FFFFFF;width:740px;margin-top:40px" class="middle1-text-ellipsis">
聚焦人民群众美好出行需求，不断提升运输服务保障能力。新增26个二级以上客运站转型升级，打造50条“吉意通”客运品牌线路，公交化改造线路110条，培育1-2个国家公交都市创建城市，鼓励社区、通学、夜间等定制公交发展，推广智慧出行应用，打造2-3家“出租汽车文明服务示范企业”，持续深化高速公路“阳光救援”行动，集中开展路面病害专项整治，稳步提升路况水平。 聚焦人民群众美好出行需求，不断提升运输服务保障能力。新增26个二级以上客运站转型升级，打造50条“吉意通”客运品牌线路，公交化改造线路110条，培育1-2个国家公交都市创建城市，鼓励社区、通学、夜间等定制公交发展，推广智慧出行应用，打造2-3家“出租汽车文明服务示范企业”，持续深化高速公路“阳光救援”行动，集中开展路面病害专项整治，稳步提升路况水平。
</div>
</div> </div>
</div> <div style="margin-left: 900px;margin-top:40px"
<div style="margin-left: 970px;margin-top:40px" :style="{ backgroundImage: `url(${require('@/views/stlj/middle/middle_1_2.png')})`,
:style="{ backgroundImage: `url(${require('@/views/stlj/middle/middle_1_2.png')})`,
backgroundSize: 'cover', backgroundSize: 'cover',
width: '827px', width: '827px',
height: '312px', height: '312px',
backgroundSize: 'cover'}" > backgroundSize: 'cover'}" >
<div style="float:left; font-size:42px;color:#FFFFFF;margin-left: -182px;margin-top:60px;width:827px">提升客运服务品质</div> <div style="float:left; font-size:42px;color:#FFFFFF;margin-top:60px;width:827px">提升客运服务品质</div>
<div style="float:left;font-size:32px;color:#FFFFFF;width:740px;margin-top:40px" class="middle12-text-ellipsis"> <div style="float:left;font-size:32px;color:#FFFFFF;width:740px;margin-top:40px" class="middle12-text-ellipsis">
聚焦人民群众美好出行需求，不断提升运输服务保障能力。新增26个二级以上客运站转型升级，打造50条“吉意通”客运品牌线路，公交化改造线路110条，培育1-2个国家公交都市创建城市，鼓励社区、通学、夜间等定制公交发展，推广智慧出行应用，打造2-3家“出租汽车文明服务示范企业”，持续深化高速公路“阳光救援”行动，集中开展路面病害专项整治，稳步提升路况水平。 </div> 聚焦人民群众美好出行需求，不断提升运输服务保障能力。新增26个二级以上客运站转型升级，打造50条“吉意通”客运品牌线路，公交化改造线路110条，培育1-2个国家公交都市创建城市，鼓励社区、通学、夜间等定制公交发展，推广智慧出行应用，打造2-3家“出租汽车文明服务示范企业”，持续深化高速公路“阳光救援”行动，集中开展路面病害专项整治，稳步提升路况水平。 </div>
</div> </div>
<div style="margin-left: 840px;margin-top:400px" <div style="margin-left: 840px;margin-top:400px"
:style="{ backgroundImage: `url(${require('@/views/stlj/middle/middle_1_2.png')})`, :style="{ backgroundImage: `url(${require('@/views/stlj/middle/middle_1_2.png')})`,
backgroundSize: 'cover', backgroundSize: 'cover',
width: '827px', width: '827px',
height: '312px', height: '312px',
backgroundSize: 'cover'}" > backgroundSize: 'cover'}" >
<div style="float:left; font-size:42px;color:#FFFFFF;margin-left: -242px;margin-top:60px;width:827px">改善路域环境</div> <div style="float:left; font-size:42px;color:#FFFFFF;margin-left: -242px;margin-top:60px;width:827px">改善路域环境</div>
<div style="float:left;font-size:32px;color:#FFFFFF;width:740px;margin-top:40px" class="middle12-text-ellipsis"> <div style="float:left;font-size:32px;color:#FFFFFF;width:740px;margin-top:40px" class="middle12-text-ellipsis">
聚焦人民群众美好出行需求，不断提升运输服务保障能力。新增26个二级以上客运站转型升级，打造50条“吉意通”客运品牌线路，公交化改造线路110条，培育1-2个国家公交都市创建城市，鼓励社区、通学、夜间等定制公交发展，推广智慧出行应用，打造2-3家“出租汽车文明服务示范企业”，持续深化高速公路“阳光救援”行动，集中开展路面病害专项整治，稳步提升路况水平。 聚焦人民群众美好出行需求，不断提升运输服务保障能力。新增26个二级以上客运站转型升级，打造50条“吉意通”客运品牌线路，公交化改造线路110条，培育1-2个国家公交都市创建城市，鼓励社区、通学、夜间等定制公交发展，推广智慧出行应用，打造2-3家“出租汽车文明服务示范企业”，持续深化高速公路“阳光救援”行动，集中开展路面病害专项整治，稳步提升路况水平。
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> <!-- 中间2 -->
<div class="middle2_img">
<!-- 中间2 --> <div style="margin-top:380px">
<div class="middle2_img"> <img src="../views/stlj/middle/middle_2.png" alt="行业治理">
<div style="margin-left: 140px;margin-top:380px"> </div>
<img src="../views/stlj/middle/middle_2.png" alt="行业治理"> <div style="float:left;margin-top:100px"
</div> :style="{ backgroundImage: `url(${require('@/views/stlj/middle/middle_2_1.png')})`,
<div style="float:left;margin-left: 160px;margin-top:100px"
:style="{ backgroundImage: `url(${require('@/views/stlj/middle/middle_2_1.png')})`,
backgroundSize: 'cover', backgroundSize: 'cover',
width: '1937px', width: '1700px',
height: '851px', height: '851px',
backgroundSize: 'cover'}" > backgroundSize: 'cover'}" >
<!-- 提升营商环境 --> <!-- 提升营商环境 -->
<img src="../views/stlj/middle/middle_2_2.png" style="margin-left: -3300px;margin-top: 531px;"> <img src="../views/stlj/middle/middle_2_2.png" style="margin-left: -3300px;margin-top: 531px;">
<div style="float:left;padding-left: 10px;padding-top: 640px;"> <div style="float:left;padding-left: 10px;padding-top: 640px;">
<div style="font-size:34px;font-weight: normal;font-family: Source Han Sans;color:#FFFFFF;margin-left: -530px">提升政务服务质效</div> <div style="font-size:34px;font-weight: normal;font-family: Source Han Sans;color:#FFFFFF;margin-left: -530px">提升政务服务质效</div>
<div style="font-size:34px;color:#84ACE8;" class="middle2-text-ellipsis"> <div style="font-size:34px;color:#84ACE8;" class="middle2-text-ellipsis">
优化审批流程：推动交通运输领域审批流程的优化和简化，提高审批效率，减少企业办事时间和成本。 推进“一件事”改革：推动开办运输企业“一件事”和水电气网联合报装“一件事”等改革措施，实现跨部门、跨领域业务的协同办理，提升政务服务便利化水平。 优化审批流程：推动交通运输领域审批流程的优化和简化，提高审批效率，减少企业办事时间和成本。 推进“一件事”改革：推动开办运输企业“一件事”和水电气网联合报装“一件事”等改革措施，实现跨部门、跨领域业务的协同办理，提升政务服务便利化水平。
</div>
</div>
<div style="float:left;padding-left: 10px;padding-top: 640px;">
<div style="font-size:34px;font-weight: normal;font-family: Source Han Sans;color:#FFFFFF;margin-left: -400px">加强市场监管和执法力度</div>
<div style="font-size:34px;color:#84ACE8;" class="middle2-text-ellipsis">
规范市场秩序：加强对交通运输市场的监管力度，打击非法营运、超限超载等违法行为，维护市场秩序和公平竞争。 提升执法水平：加强执法队伍建设，提高执法人员的专业素养和执法水平，确保执法公正、文明、规范。 </div>
</div> </div>
</div> </div>
<div style="float:left;padding-left: 10px;padding-top: 640px;">
<div style="font-size:34px;font-weight: normal;font-family: Source Han Sans;color:#FFFFFF;margin-left: -400px">加强市场监管和执法力度</div>
<div style="font-size:34px;color:#84ACE8;" class="middle2-text-ellipsis">
规范市场秩序：加强对交通运输市场的监管力度，打击非法营运、超限超载等违法行为，维护市场秩序和公平竞争。 提升执法水平：加强执法队伍建设，提高执法人员的专业素养和执法水平，确保执法公正、文明、规范。 </div>
</div>
</div>
<div style="margin-left: 2039px;margin-top:40px" <div style="margin-left: 1800px;margin-top:40px;pointer-events: auto;"
:style="{ backgroundImage: `url(${require('@/views/stlj/middle/middle_2_1_1.png')})`, :style="{ backgroundImage: `url(${require('@/views/stlj/middle/middle_2_1_1.png')})`,
backgroundSize: 'cover', backgroundSize: 'cover',
width: '499px', width: '499px',
height: '227.75px', height: '227.75px',
backgroundSize: 'cover'}" > backgroundSize: 'cover'}" >
<div style="float:left;font-size:42px;font-weight: bold;color:#FFFFFF;margin-left:100px;margin-top: 82px;">法治部门建设</div> <div @click="handleClick" style="float:left;font-size:42px;font-weight: bold;color:#FFFFFF;margin-left:100px;margin-top: 82px;pointer-events: auto;" >
</div> 法治部门建设
<div style="margin-left: 2039px;" </div>
:style="{ backgroundImage: `url(${require('@/views/stlj/middle/middle_2_1_1.png')})`, </div>
<div style="margin-left: 1800px;"
:style="{ backgroundImage: `url(${require('@/views/stlj/middle/middle_2_1_1.png')})`,
backgroundSize: 'cover', backgroundSize: 'cover',
width: '499px', width: '499px',
height: '227.75px', height: '227.75px',
backgroundSize: 'cover'}" > backgroundSize: 'cover'}" >
<div style="float:left;font-size:42px;font-weight: bold;color:#FFFFFF;margin-left:100px;margin-top: 82px;">提升营商环境</div> <div style="float:left;font-size:42px;font-weight: bold;color:#FFFFFF;margin-left:100px;margin-top: 82px;">提升营商环境</div>
</div> </div>
<div style="margin-left: 2039px;" <div style="margin-left: 1800px;"
:style="{ backgroundImage: `url(${require('@/views/stlj/middle/middle_2_1_1.png')})`, :style="{ backgroundImage: `url(${require('@/views/stlj/middle/middle_2_1_1.png')})`,
backgroundSize: 'cover', backgroundSize: 'cover',
width: '499px', width: '499px',
height: '227.75px', height: '227.75px',
backgroundSize: 'cover'}" > backgroundSize: 'cover'}" >
<div style="float:left;font-size:42px;font-weight: bold;color:#FFFFFF;margin-left:100px;margin-top: 82px;">重点领域改革</div> <div style="float:left;font-size:42px;font-weight: bold;color:#FFFFFF;margin-left:100px;margin-top: 82px;">重点领域改革</div>
</div> </div>
<div style="margin-left: 2039px;" <div style="margin-left: 1800px;"
:style="{ backgroundImage: `url(${require('@/views/stlj/middle/middle_2_1_1.png')})`, :style="{ backgroundImage: `url(${require('@/views/stlj/middle/middle_2_1_1.png')})`,
backgroundSize: 'cover', backgroundSize: 'cover',
width: '499px', width: '499px',
height: '227.75px', height: '227.75px',
backgroundSize: 'cover'}" > backgroundSize: 'cover'}" >
<div style="float:left;font-size:42px;font-weight: bold;color:#FFFFFF;margin-left:100px;margin-top: 82px;">扩大开放合作</div> <div style="float:left;font-size:42px;font-weight: bold;color:#FFFFFF;margin-left:100px;margin-top: 82px;">扩大开放合作</div>
</div> </div>
</div>
</div> </div>
<!-- 右侧1--> <!-- 右侧 -->
<div class="right1_img" style="margin-top:160px;margin-left:60px;"> <div style="float:left;width:30%;height: 90%">
<!-- 右侧1-->
<div class="right1_img" style="margin-top:160px;margin-left:60px;">
<div style="margin-left: -160px;margin-top:180px"> <div style="margin-top:340px">
<img src="../views/stlj/right/right_1.png" alt="绿色低碳"> <img style="float:left;" src="../views/stlj/right/right_1.png" alt="绿色低碳">
</div> </div>
<!-- <div style="float:left;margin-left: 80px;margin-top:100px"--> <!-- <div style="float:left;margin-left: 80px;margin-top:100px"-->
<!-- :style="{ backgroundImage: `url(${require('@/views/stlj/right/right_1_1.png')})`,--> <!-- :style="{ backgroundImage: `url(${require('@/views/stlj/right/right_1_1.png')})`,-->
<!-- backgroundSize: 'cover',--> <!-- backgroundSize: 'cover',-->
<!-- width: '1332px',--> <!-- width: '1332px',-->
<!-- height: '597px',--> <!-- height: '597px',-->
<!-- backgroundSize: 'cover'}" >--> <!-- backgroundSize: 'cover'}" >-->
<div style="width:1832px"> <div style="float:left;">
<div style="float:left;width:441px"> <div style="float:left;width:441px">
<div style="float:left;margin-left: 8.23px;margin-top:100px" <div style="float:left;margin-left: 8.23px;margin-top:100px"
:style="{ backgroundImage: `url(${require('@/views/stlj/right/right_1_2.png')})`, :style="{ backgroundImage: `url(${require('@/views/stlj/right/right_1_2.png')})`,
backgroundSize: 'cover', backgroundSize: 'cover',
width: '441px', width: '441px',
height: '250px', height: '250px',
backgroundSize: 'cover'}" > backgroundSize: 'cover'}" >
<div style="float:left;font-size:42px;font-weight: bold;color:#FFFFFF;margin-left:60px;margin-top: 90px;">数字交通建设</div> <div style="float:left;font-size:42px;font-weight: bold;color:#FFFFFF;margin-left:60px;margin-top: 90px;">数字交通建设</div>
</div> </div>
<div style="float:left;margin-left: 8.23px;margin-top:100px" <div style="float:left;margin-left: 8.23px;margin-top:100px"
:style="{ backgroundImage: `url(${require('@/views/stlj/right/right_1_3.png')})`, :style="{ backgroundImage: `url(${require('@/views/stlj/right/right_1_3.png')})`,
backgroundSize: 'cover', backgroundSize: 'cover',
width: '441px', width: '441px',
height: '250px', height: '250px',
backgroundSize: 'cover'}" > backgroundSize: 'cover'}" >
<div style="float:left"> <div style="float:left">
<div style="float:left;font-size:42px;font-weight: bold;color:#FFFFFF;margin-left:40px;margin-top: 20px;">绿色低碳转型</div> <div style="float:left;font-size:42px;font-weight: bold;color:#FFFFFF;margin-left:40px;margin-top: 20px;">绿色低碳转型</div>
<div style="float:left;font-size:36px;font-weight: normal;color:#84ACE8;" class="right12-text-ellipsis"> <div style="float:left;font-size:36px;font-weight: normal;color:#84ACE8;" class="right12-text-ellipsis">
新能源车辆推广 新能源车辆推广
绿色公路与绿色出行 绿色公路与绿色出行
</div>
</div> </div>
</div>
</div>
</div> </div>
</div>
<div style="float:left;margin-top:100px;width:596px" <div style="float:left;margin-top:100px;width:596px"
:style="{ backgroundImage: `url(${require('@/views/stlj/right/right_1_1.png')})`, :style="{ backgroundImage: `url(${require('@/views/stlj/right/right_1_1.png')})`,
backgroundSize: 'cover', backgroundSize: 'cover',
width: '596px', width: '596px',
height: '597px', height: '597px',
backgroundSize: 'cover'}" > backgroundSize: 'cover'}" >
<div style="float:left;margin-top:250px;margin-left:150px;width:596px" <div style="float:left;margin-top:250px;margin-left:150px;width:596px"
:style="{ backgroundImage: `url(${require('@/views/stlj/right/right_font.png')})`, :style="{ backgroundImage: `url(${require('@/views/stlj/right/right_font.png')})`,
backgroundSize: 'cover', backgroundSize: 'cover',
width: '272px', width: '272px',
height: '80px', height: '80px',
backgroundSize: 'cover'}" > backgroundSize: 'cover'}" >
</div>
</div> </div>
</div>
<div style="float:left;width:441px"> <div style="float:left;width:441px">
<div style="float:left;margin-left: 8.23px;margin-top:100px" <div style="float:left;margin-left: 8.23px;margin-top:100px"
:style="{ backgroundImage: `url(${require('@/views/stlj/right/right_1_4.png')})`, :style="{ backgroundImage: `url(${require('@/views/stlj/right/right_1_4.png')})`,
backgroundSize: 'cover', backgroundSize: 'cover',
width: '441px', width: '441px',
height: '250px', height: '250px',
backgroundSize: 'cover'}" > backgroundSize: 'cover'}" >
<div style="float:left;font-size:42px;font-weight: bold;color:#FFFFFF;margin-left:140px;margin-top: 90px;">交通融合发展</div> <div style="float:left;font-size:42px;font-weight: bold;color:#FFFFFF;margin-left:140px;margin-top: 90px;">交通融合发展</div>
</div> </div>
<div style="float:left;margin-left: 8.23px;margin-top:100px" <div style="float:left;margin-left: 8.23px;margin-top:100px"
:style="{ backgroundImage: `url(${require('@/views/stlj/right/right_1_5.png')})`, :style="{ backgroundImage: `url(${require('@/views/stlj/right/right_1_5.png')})`,
backgroundSize: 'cover', backgroundSize: 'cover',
width: '441px', width: '441px',
height: '250px', height: '250px',
backgroundSize: 'cover'}" > backgroundSize: 'cover'}" >
<div style="float:left"> <div style="float:left">
<div style="float:left;font-size:42px;font-weight: bold;color:#FFFFFF;margin-left:140px;margin-top: 20px;">交通强国试点</div> <div style="float:left;font-size:42px;font-weight: bold;color:#FFFFFF;margin-left:140px;margin-top: 20px;">交通强国试点</div>
<div style="float:left;font-size:36px;font-weight: normal;color:#84ACE8;margin-left:40px;" class="right1-text-ellipsis"> <div style="float:left;font-size:36px;font-weight: normal;color:#84ACE8;margin-left:40px;" class="right1-text-ellipsis">
加强旅游大通道（G331吉林境内段）基础设施建设，打造“快进、慢游”旅游综合交通网络； 全面治理沿线地质灾害，重点针对崩塌隐患、潜在落石危害边坡路段，涎流冰、泥石流、路基冻胀融沉路段等按照不同成因及规模，分类施策，形成系列科学有效防治方案； 推进G331公路全线服务区、停车区、观景台、管养设施、路域景观节点、旅游标识系统、智慧设施等配套设施建设； 完善区域旅游综合体、露营地、驿站、游船码头、慢行系统等五类服务设施； 新改建G331技术等级较低路段主线及沿线配套服务设施，建设连通内地交通骨架网、主要城市和景区等连接公路； 建设口岸公路、界河桥、界河航道、游船码头等基础设施，优先建设图们江下游段航道； 推进珲春—克拉斯基诺自动驾驶通道基础设施建设。 加强旅游大通道（G331吉林境内段）基础设施建设，打造“快进、慢游”旅游综合交通网络； 全面治理沿线地质灾害，重点针对崩塌隐患、潜在落石危害边坡路段，涎流冰、泥石流、路基冻胀融沉路段等按照不同成因及规模，分类施策，形成系列科学有效防治方案； 推进G331公路全线服务区、停车区、观景台、管养设施、路域景观节点、旅游标识系统、智慧设施等配套设施建设； 完善区域旅游综合体、露营地、驿站、游船码头、慢行系统等五类服务设施； 新改建G331技术等级较低路段主线及沿线配套服务设施，建设连通内地交通骨架网、主要城市和景区等连接公路； 建设口岸公路、界河桥、界河航道、游船码头等基础设施，优先建设图们江下游段航道； 推进珲春—克拉斯基诺自动驾驶通道基础设施建设。
</div>
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
</div> </div>
</div>
<!-- 右侧2--> <!-- 右侧2-->
<div class="right2_img" style="margin-top:100px;margin-left:60px;" > <div class="right2_img" style="margin-top:100px;margin-left:60px;" >
<div style="float:left;margin-left: 20px;margin-top:180px"> <div style="float:left;margin-left: 20px;margin-top:180px">
<img src="../views/stlj/right/right_2.png" alt="风险防控"> <img src="../views/stlj/right/right_2.png" alt="风险防控">
</div> </div>
<div style="float:left;margin-left: 160px;margin-top:80px"> <div style="float:left;margin-left: 160px;margin-top:80px">
<img src="../views/stlj/right/right_2_1.png"> <img src="../views/stlj/right/right_2_1.png">
</div> </div>
</div>
<!-- 右侧3-->
<div class="right3_img" style="float:left;margin-top:200px;margin-left:10px;" >
<div style="margin-left: 40px;margin-top:180px">
<img src="../views/stlj/right/right_3.png" alt="从严治党">
</div> </div>
<div style="float:left;margin-left: 150px;margin-top:100px" <!-- 右侧3-->
:style="{ backgroundImage: `url(${require('@/views/stlj/right/right_3_1.png')})`, <div class="right3_img" style="float:left;margin-left:10px;" >
<div style="margin-left: 40px;margin-top:180px">
<img src="../views/stlj/right/right_3.png" alt="从严治党">
</div>
<div>
<div style="float:left;margin-left: 150px;margin-top:100px"
:style="{ backgroundImage: `url(${require('@/views/stlj/right/right_3_1.png')})`,
backgroundSize: 'cover', backgroundSize: 'cover',
width: '271px', width: '271px',
height: '472px', height: '472px',
backgroundSize: 'cover'}" > backgroundSize: 'cover'}" >
<div style="float:left; font-size:36px;font-weight: 500;color:white;margin-left: 40px;margin-top:40px;">政治建设</div> <div style="float:left; font-size:36px;font-weight: 500;color:white;margin-left: 40px;margin-top:40px;">政治建设</div>
<div style="float:left;font-size:32px;font-weight: normal;color:#84ACE8;" class="right3-text-ellipsis"> <div style="float:left;font-size:32px;font-weight: normal;color:#84ACE8;" class="right3-text-ellipsis">
政治建设旨在实现党肩负的政治使命 党的政治建设旨在通过正确的政治纲领、政治路线、政治立场、政治目标，以及严明的政治纪律，保证全体党员具有高度的政治觉悟，坚持正确政治方向，维护党的团结统一，实现党肩负的政治使命。在党的建设总体布局中，政治建设是“灵魂”和“根基”，是管总、管根本的，对党的其他建设具有统领提携、纲举目张的作用。 政治建设旨在实现党肩负的政治使命 党的政治建设旨在通过正确的政治纲领、政治路线、政治立场、政治目标，以及严明的政治纪律，保证全体党员具有高度的政治觉悟，坚持正确政治方向，维护党的团结统一，实现党肩负的政治使命。在党的建设总体布局中，政治建设是“灵魂”和“根基”，是管总、管根本的，对党的其他建设具有统领提携、纲举目张的作用。
</div> </div>
</div> </div>
<div style="float:left;margin-left: 60px;margin-top:160px" <div style="float:left;margin-left: 60px;margin-top:160px"
:style="{ backgroundImage: `url(${require('@/views/stlj/right/right_3_1.png')})`, :style="{ backgroundImage: `url(${require('@/views/stlj/right/right_3_1.png')})`,
backgroundSize: 'cover', backgroundSize: 'cover',
width: '271px', width: '271px',
height: '472px', height: '472px',
backgroundSize: 'cover'}" > backgroundSize: 'cover'}" >
<div style="float:left; font-size:36px;font-weight: 500;color:white;margin-left: 20px;margin-top:40px;">党组织建设</div> <div style="float:left; font-size:36px;font-weight: 500;color:white;margin-left: 20px;margin-top:40px;">党组织建设</div>
<div style="float:left;font-size:32px;font-weight: normal;color:#84ACE8;" class="right3-text-ellipsis"> <div style="float:left;font-size:32px;font-weight: normal;color:#84ACE8;" class="right3-text-ellipsis">
党的基层组织是确保党的路线方针政策和决策部署贯彻落实的基础，也是党的全部工作和战斗力的基础。日前，习近平总书记在上海考察时强调，要以提升政治功能和组织力为重点，在强基础、补短板上下功夫，把基层党组织建设成为宣传党的主张、贯彻党的决定、领导基层治理、团结动员群众、推动改革发展的坚强战斗堡垒。在之后不久召开的中央军委基层建设会议上，习近平总书记强调要强化基层党组织政治功能和组织力，加强书记队伍建设，探索规范组织设置和运行方式，充分发挥基层党组织战斗堡垒作用和广大党员先锋模范作用。 </div> 党的基层组织是确保党的路线方针政策和决策部署贯彻落实的基础，也是党的全部工作和战斗力的基础。日前，习近平总书记在上海考察时强调，要以提升政治功能和组织力为重点，在强基础、补短板上下功夫，把基层党组织建设成为宣传党的主张、贯彻党的决定、领导基层治理、团结动员群众、推动改革发展的坚强战斗堡垒。在之后不久召开的中央军委基层建设会议上，习近平总书记强调要强化基层党组织政治功能和组织力，加强书记队伍建设，探索规范组织设置和运行方式，充分发挥基层党组织战斗堡垒作用和广大党员先锋模范作用。 </div>
</div> </div>
<div style="float:left;margin-left: 60px;margin-top:100px" <div style="float:left;margin-left: 60px;margin-top:100px"
:style="{ backgroundImage: `url(${require('@/views/stlj/right/right_3_2.png')})`, :style="{ backgroundImage: `url(${require('@/views/stlj/right/right_3_2.png')})`,
backgroundSize: 'cover', backgroundSize: 'cover',
width: '311px', width: '311px',
height: '472px', height: '472px',
backgroundSize: 'cover'}" > backgroundSize: 'cover'}" >
<div style="float:left; font-size:36px;font-weight: 500;color:white;margin-left: 20px;margin-top:40px;">管党治党政治责任</div> <div style="float:left; font-size:36px;font-weight: 500;color:white;margin-left: 20px;margin-top:40px;">管党治党政治责任</div>
<div style="float:left;font-size:32px;font-weight: normal;color:#84ACE8;" class="right3-text-ellipsis"> <div style="float:left;font-size:32px;font-weight: normal;color:#84ACE8;" class="right3-text-ellipsis">
管党治党的责任主体。党要管党，党委负主体责任，纪委负监督责任，这是同一责任体系中既相对分开又相互联系的两个层面。党委和纪委在履责过程中既要各负其责，又要协同配合。习近平总书记在省部级主要领导干部学习贯彻十八届六中全会精神专题研讨班开班式上特别强调了党委的主体责任，要求各级党委和领导干部担负起管党治党的责任。管党治党是各级党委的责任，也是各级领导干部的责任。各级党委和领导干部是担负管党治党的责任主体，党委主要负责人是第一责任人。 </div> 管党治党的责任主体。党要管党，党委负主体责任，纪委负监督责任，这是同一责任体系中既相对分开又相互联系的两个层面。党委和纪委在履责过程中既要各负其责，又要协同配合。习近平总书记在省部级主要领导干部学习贯彻十八届六中全会精神专题研讨班开班式上特别强调了党委的主体责任，要求各级党委和领导干部担负起管党治党的责任。管党治党是各级党委的责任，也是各级领导干部的责任。各级党委和领导干部是担负管党治党的责任主体，党委主要负责人是第一责任人。 </div>
</div> </div>
<div style="float:left;margin-left: 60px;margin-top:160px" <div style="float:left;margin-left: 60px;margin-top:160px"
:style="{ backgroundImage: `url(${require('@/views/stlj/right/right_3_2.png')})`, :style="{ backgroundImage: `url(${require('@/views/stlj/right/right_3_2.png')})`,
backgroundSize: 'cover', backgroundSize: 'cover',
width: '291px', width: '291px',
height: '472px', height: '472px',
backgroundSize: 'cover'}" > backgroundSize: 'cover'}" >
<div style="float:left; font-size:36px;font-weight: 500;color:white;margin-left: 20px;margin-top:40px;">精神文明建设</div> <div style="float:left; font-size:36px;font-weight: 500;color:white;margin-left: 20px;margin-top:40px;">精神文明建设</div>
<div style="float:left;font-size:32px;font-weight: normal;color:#84ACE8;" class="right3-text-ellipsis"> <div style="float:left;font-size:32px;font-weight: normal;color:#84ACE8;" class="right3-text-ellipsis">
全国宣传思想文化工作会议的最重要成果就是党中央正式提出并系统阐述习近平文化思想。习近平文化思想内涵丰富、思想深邃，既有文化理论观点上的创新突破，又有文化工作布局上的部署要求，明确了文化建设的路线图和任务书，标志着我们党对中国特色社会主义建设发展规律的认识达到了新高度，表明我们党的历史自信、文化自信达到了新高度，并在我国社会主义建设中展现出强大伟力，为做好新时代新征程宣传思想文化工作，担负起新的文化使命提供了强大思想武器和科学行动指南，这在党的宣传思想文化事业发展史上具有里程碑意义。笔者就理解和把握习近平文化思想中有关精神文明建设的几个关注点采撷习近平总书记的有关重要论述并浅谈认识。 </div> 全国宣传思想文化工作会议的最重要成果就是党中央正式提出并系统阐述习近平文化思想。习近平文化思想内涵丰富、思想深邃，既有文化理论观点上的创新突破，又有文化工作布局上的部署要求，明确了文化建设的路线图和任务书，标志着我们党对中国特色社会主义建设发展规律的认识达到了新高度，表明我们党的历史自信、文化自信达到了新高度，并在我国社会主义建设中展现出强大伟力，为做好新时代新征程宣传思想文化工作，担负起新的文化使命提供了强大思想武器和科学行动指南，这在党的宣传思想文化事业发展史上具有里程碑意义。笔者就理解和把握习近平文化思想中有关精神文明建设的几个关注点采撷习近平总书记的有关重要论述并浅谈认识。 </div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
@ -412,6 +425,9 @@ export default {
}, },
methods: { methods: {
handleClick(){
console.log("div被点击了");
},
handleCollapse() { handleCollapse() {
this.isMenuCollapse = !this.isMenuCollapse this.isMenuCollapse = !this.isMenuCollapse
}, },
@ -435,65 +451,6 @@ export default {
<style> <style>
.right1_img{
position: absolute;
width: 25%;
height: calc(100vh - 10px);
top: 120px;
left: 0;
padding-left: 4200px;
}
.right2_img{
position: absolute;
width: 25%;
height: calc(100vh - 10px);
top: 120px;
left: 0;
padding-left: 4200px;
padding-top: 1000px;
}
.right3_img{
position: absolute;
width: 25%;
height: calc(100vh - 10px);
top: 120px;
left: 0;
padding-left: 4200px;
padding-top: 1800px;
}
.middle1_img{
position: absolute;
width: 25%;
height: calc(100vh - 10px);
top: 120px;
left: 0;
padding-left: 1500px;
}
.middle2_img{
position: absolute;
width: 25%;
height: calc(100vh - 10px);
top: 120px;
left: 0;
padding-left: 1500px;
padding-top: 1400px;
}
.left-img{
position: absolute;
width: 25%;
height: calc(100vh - 10px);
top: 120px;
left: 0;
padding-left: 10px;
}
.left3-img{
position: absolute;
width: 25%;
height: calc(100vh - 10px);
top: 1800px;
left: 0;
padding-left: 10px;
}
.left-font{ .left-font{
font-size: 50px; font-size: 50px;
font-weight: 500; font-weight: 500;
@ -505,13 +462,6 @@ export default {
/* 字 */ /* 字 */
color: #84ACE8; color: #84ACE8;
} }
.bgbox{
position: relative;
width: 5760px;
height: 3240px;
opacity: 1;
background: radial-gradient(37% 37% at 50% 50%, #223241 0%, #0A1117 100%);
}
.text-ellipsis { .text-ellipsis {
width: 350px; /* 根据实际需求设置宽度 */ width: 350px; /* 根据实际需求设置宽度 */
height: auto; height: auto;

Write Preview
Loading…
Cancel
Save