更新

src/api/qdtl/electri.js

@@ -30,6 +30,7 @@ export function queryAllList(query) {
       method: 'get',
       params:query
     })
+    
   }
 
   export function getSingleElectricLocation(query) {

src/components/HeaderDiv/index.vue

@@ -11,7 +11,7 @@
                   <div style="margin-left:0.5rem" @click="rightMenu" v-show="showMenu == 0"><i class="el-icon-arrow-right"></i></div>
                    <div style="margin-left:0.5rem" @click="leftMenu" v-show="showMenu"><i class="el-icon-arrow-left"></i></div>
                 </div> -->
-                交通局简介
+                铁路护路联防
             </div>
             <div :class='currentindex==2?"active":""'>
                 <div style="display:inline-flex">

src/components/map/index.vue

@@ -94,13 +94,13 @@
                                           background: #27FFE8;
                                           margin-top:0.7rem;
                                           box-shadow: 0px 0px 0.6rem 0px #2DBCFF;
-                                          border-radius: 50%;"></div><div style="margin-left:1rem">累计(KM):  {{clickObj.mileage/1000}}</div></div>
+                                          border-radius: 50%;"></div><div style="margin-left:1rem">累计(KM):  {{(clickObj.mileage/1000).toFixed(2)}}</div></div>
                              <div style="display:flex;flex-direction: row;margin-top:0.6rem"><div style="width: 0.6rem;
                                           height: 0.6rem;
                                           background: #27FFE8;
                                           margin-top:0.7rem;
                                           box-shadow: 0px 0px 0.6rem 0px #2DBCFF;
-                                          border-radius: 50%;"></div><div style="margin-left:1rem">当前里程:{KM}:  {{clickObj.dayMileage/1000}}</div></div>
+                                          border-radius: 50%;"></div><div style="margin-left:1rem">当前里程(KM):  {{(clickObj.dayMileage/1000).toFixed(2)}}</div></div>
                              <div style="display:flex;flex-direction: row;margin-top:0.6rem"><div style="width: 0.6rem;
                                           height: 0.6rem;
                                           background: #27FFE8;

src/views/electri/index.vue

@@ -442,6 +442,16 @@ export default {
                 queryLocationRecord(this.queryParams).then(response =>{
                      console.log(response);
                      this.carRecordList = response.data
+                     for(var index in carRecordList){
+                            var obj = carRecordList[index]
+                            if(obj.mileage != null){
+                                  obj.mileage = obj.mileage/1000
+                            }
+                             if(obj.dayMileage != null){
+                                  obj.dayMileage = obj.dayMileage/1000
+                            }
+
+                     }
                 })             
          },
          resetQuery(){

src/views/introduction/communication.vue

@@ -1,6 +1,12 @@
 <template>
      <div style="heigh:100%;width:100%">
-            <div class='comClass'></div>
+            <div class='comClass'>
+                  <div style="font-size: 3rem;
+                                font-family: Microsoft YaHei;
+                                font-weight: bold;
+                                color: #23FFFC;
+                                text-align:center;padding-top:10vh">乡镇现场护路专员</div>
+            </div>
      </div>
 </template>
 

src/views/introduction/index.vue

@@ -4,8 +4,8 @@
       <!-- <LivePlayer :videoUrl="videoUrl" fluent autoplay live stretch></LivePlayer> -->
       <!-- <mapdiv ref="mapdiv" style=""></mapdiv> -->
       <!-- <zhgl></zhgl> -->
-      <introduction v-if="currentindex==1"></introduction>
-      <zone v-if="currentindex==2"></zone>
+      <introduction v-if="currentindex==2"></introduction>
+      <zone v-if="currentindex==1"></zone>
       <communication v-if="currentindex==3"></communication>
     </div>
    <headerdiv ref="headerDiv" :currentindexP = currentindexNew></headerdiv>

src/views/introduction/introduction.vue

@@ -1,11 +1,121 @@
 <template>
      <div style="heigh:100%;width:100%">
             <div class='comClass'>
-                    <div style="font-size: 3rem;
+                    <el-row type="flex" justify="space-around">
+                      <el-col :span='6'>
+                           <div style="float:right;padding-top:20vh">
+                                   <div :class='deptSelect==1?"selectClass":"unSelect"' @click="changeType(1,'市委政法委')">市委政法委</div>
+                                   <div :class='deptSelect==2?"selectClass":"unSelect"' @click="changeType(2,'市交通运输局')">市交通运输局</div>
+                                   <div :class='deptSelect==3?"selectClass":"unSelect"' @click="changeType(3,'市公安局')">市公安局</div>
+                                   <div :class='deptSelect==4?"selectClass":"unSelect"' @click="changeType(4,'启东站派出所')">启东站派出所</div>
+                                   <div :class='deptSelect==5?"selectClass":"unSelect"' @click="changeType(5,'市应急管理局')">市应急管理局</div>
+                                   <div :class='deptSelect==6?"selectClass":"unSelect"' @click="changeType(6,'市发改委')">市发改委</div>
+                                   <div :class='deptSelect==7?"selectClass":"unSelect"' @click="changeType(7,'市教育体育局')">市教育体育局</div>
+                                   <div :class='deptSelect==8?"selectClass":"unSelect"' @click="changeType(8,'市司法局')">市司法局</div>
+                          </div>
+                      </el-col>
+                      <el-col :span='12'>
+                            <div style="font-size: 3rem;
                                         font-family: Microsoft YaHei;
                                         font-weight: bold;
                                         color: #23FFFC;
-                                        text-align:center;margin-top:10vh">乡镇现场护路专员</div>
+                                        text-align:center;margin-top:20vh">{{title}}</div>
+                            <div style="font-size: 1.8rem;
+                                        font-family: Microsoft YaHei;
+                                        font-weight: 400;
+                                        color: #D6DEE7;
+                                        line-height: 3.6rem;
+                                        padding-left:15rem;
+                                        padding-right:15rem;
+                                        padding-top:5rem">
+                                       <div v-if='deptSelect == 1'>
+                                               遵循“属地管理”和“条块结合，以块为主”原则，统筹部署，协调指导路地双方开展铁路护路联防工作，并将铁路护路联防工作纳入全市平安建设工作年终考核。
+                                       </div>
+                                        <div v-if='deptSelect == 2'>
+                                              市交通运输局指导协调铁路道口管理、铁路桥梁防碰撞整治工作。
+                                       </div>
+                                        <div v-if='deptSelect == 3'>
+                                              <p> 1.负责铁路沿线重点企业、重点人员、重点区域、重点部位的治安管理，将治安巡逻线路向铁路沿线延伸，加大对铁路沿线技防设施的投入，保障铁路沿线治安形势稳定。</p> 
+                                              <p> 2.加强与铁路公安的沟通协调，适时开展有针对性的专项整治行动，共同按照职责分工打击涉及铁路运输安全的违法犯罪活动。</p> 
+                                              <p> 3.会同车站派出所共同做好应急处突工作。 4.负责铁路沿线两侧2500米范围内剧毒、易制爆、放射源、民用爆炸物品、烟花爆竹等危险物品的存储、运输的安全监管工作。</p> 
+                                       </div>
+                                        <div v-if='deptSelect == 4'>
+                                               领导车站治安保卫委员会、义务消防队和治安联防组织的工作。会同地方和铁路有关部门，在车站和管内铁路沿线组织开展群众护路联防活动。
+                                       </div>
+                                        <div v-if='deptSelect == 5'>
+                                               指导协调、监督检查铁路沿线区镇的安全生产工作，对铁路沿线两侧2500米范围内化工生产（销售）企业安全生产监督管理，监督检查事故隐患排查治理工作，保障铁路沿线安全生产形势稳定。
+                                       </div>
+                                           <div v-if='deptSelect == 6'>
+                                              <p> 1.协调指导有关部门在编制研究铁路沿线两侧2500米范围内的专项规划时，进一步优化、提升沿线两侧的产业结构。</p> 
+                                              <p> 2.指导协调铁路沿线两侧2500米范围内通信设施建设、营运安全监管。</p> 
+                                              <p> 3.负责铁路沿线两侧2500米范围内民爆品生产和销售的安全监督管理。</p> 
+                                       </div>
+                                           <div v-if='deptSelect == 7'>
+                                               负责指导铁路沿线两侧各2500米范围内的学校（含幼儿园）把护路联防工作纳入各学校“平安校园”创建之中，普及爱路护路知识，增强中小学生爱路护路意识, 提高自救、自护能力。
+                                       </div>
+                                           <div v-if='deptSelect == 8'>
+                                               指导铁路沿线区镇做好刑满释放人员、社区服刑人员、有前科劣迹人员的管控工作，并及时更新相关人员信息。
+                                       </div>
+                                           <div v-if='deptSelect == 9'>
+                                               <p>1.指导协调铁路沿线两侧各2500米范围内特种设备的安全监督管理工作，组织开展特种设备安全宣传教育。</p> 
+                                               <p>2.负责危险化学品及其包装物、容器生产企业的工业产品生产许可证的管理工作，并依法对其产品质量实施监督。</p> 
+                                               <p>3.配合有关部门开展安全生产专项整治，按照职责分工查处无照经营等违法行为，配合有关部门依法查处取缔未经安全生产（经营）许可</p> 
+                                       </div>
+                                           <div v-if='deptSelect == 10'>
+                                              将铁路护路联防专项工作组工作经费纳入市财政预算，并保障落实。
+                                       </div>
+                                       <div v-if='deptSelect == 11'>
+                                               协调处理铁路沿线重要信访事项，督促检查信访事项的办理。
+                                       </div>
+                                        <div v-if='deptSelect == 12'>
+                                              负责城市规划区范围铁路沿线两侧2500米范围内违法建筑的拆除工作。
+                                       </div>
+                                        <div v-if='deptSelect == 13'>
+                                              负责铁路沿线社会矛盾纠纷排查调处工作，主持重大疑难矛盾纠纷的处理工作
+                                       </div>
+                                        <div v-if='deptSelect == 14'>
+                                              负责做好涉及铁路护路联防的相关工作，配合公安部门维护铁路沿线社会治安，协助军队做好本区域的军事设施保护工作。
+                                       </div>
+                                        <div v-if='deptSelect == 15'>
+                                                <!-- <p>成立各镇铁路护路联防领导小组及其工作站，作为日常办事机构，负责组织开展铁路护路联防工作。各镇应高度重视护路办和基层护路组织建设，配齐配强工作人员，切实落实工作责任。具体职责为：</p>  -->
+                                                <p>1.协助路地公安机关调查、处理涉路案件和事件。每季度协助相关部门在辖区内铁路沿线开展突出治安问题、涉路矛盾纠纷和危及铁路安全隐患的排查、化解工作。 </p> 
+                                                <p>2.协助有关部门做好重点人员稳控工作。对管内重点人口、重点关爱人员及不稳定人员进行全面排查、建档、签订责任状、定期回访教育等工作，开展全方位管控。</p> 
+                                                <p>3.负责辖区内铁路沿线两侧2500米范围内违法建筑的拆除工作。</p> 
+                                                <p>4.开展安全宣传教育。联合路地公安、教育、铁路等部门开展形式多样的爱路护路宣传教育，不断增强铁路沿线群众的护路防伤意识。 </p> 
+                                                <p>5.全面掌握辖区基础数据。及时收集、更新、完善辖区内基本信息数据，全面了解和掌握社情民意，及时向当地护路组织和路地公安机关等有关部门报告涉路治安信息，及时收集上报爱路护路突出典型事例。</p> 
+                                                <!-- <p>6.开展铁路巡查看护工作，与铁路安保队伍形成巡护合力。将辖区内铁路作为日常治安巡护重点，在重点敏感时期组织工作站成员加强巡查看护力度，切实建设管理好铁路沿线反恐防范联防联控区。 </p> 
+                                                <p>7.应对处置涉铁突出案件和事件。针对突发涉铁警情，做好日常应对准备、快速处置工作，把危害降到最低，同时要定期组织开展各类应急预案演练。</p> 
+                                                <p>8.完成上级交办的其他工作任务。</p>  -->
+                                       </div>
+                                        <div v-if='deptSelect == 16'>
+                                                <!-- <p>成立各镇铁路护路联防领导小组及其工作站，作为日常办事机构，负责组织开展铁路护路联防工作。各镇应高度重视护路办和基层护路组织建设，配齐配强工作人员，切实落实工作责任。具体职责为：</p>  -->
+                                                <p>市农业农村局指导协调铁路沿线农业设施漂浮物（如塑料薄膜、防蝇、防晒网等）安全隐患管理工作。 </p> 
+                                                <!-- <p>2.协助有关部门做好重点人员稳控工作。对管内重点人口、重点关爱人员及不稳定人员进行全面排查、建档、签订责任状、定期回访教育等工作，开展全方位管控。</p> 
+                                                <p>3.负责辖区内铁路沿线两侧2500米范围内违法建筑的拆除工作。</p> 
+                                                <p>4.开展安全宣传教育。联合路地公安、教育、铁路等部门开展形式多样的爱路护路宣传教育，不断增强铁路沿线群众的护路防伤意识。 </p> 
+                                                <p>5.全面掌握辖区基础数据。及时收集、更新、完善辖区内基本信息数据，全面了解和掌握社情民意，及时向当地护路组织和路地公安机关等有关部门报告涉路治安信息，及时收集上报爱路护路突出典型事例。</p>  -->
+                                                <!-- <p>6.开展铁路巡查看护工作，与铁路安保队伍形成巡护合力。将辖区内铁路作为日常治安巡护重点，在重点敏感时期组织工作站成员加强巡查看护力度，切实建设管理好铁路沿线反恐防范联防联控区。 </p> 
+                                                <p>7.应对处置涉铁突出案件和事件。针对突发涉铁警情，做好日常应对准备、快速处置工作，把危害降到最低，同时要定期组织开展各类应急预案演练。</p> 
+                                                <p>8.完成上级交办的其他工作任务。</p>  -->
+                                       </div>
+                                       
+
+                            </div>
+                      </el-col>
+                      <el-col :span='6'>
+                           <div style="padding-top:20vh">
+                                   <div :class='deptSelect==9?"selectClass":"unSelect"' @click="changeType(9,'市市场监督管理局')">市市场监督管理局</div>
+                                   <div :class='deptSelect==10?"selectClass":"unSelect"' @click="changeType(10,'市财政局')">市财政局</div>
+                                   <div :class='deptSelect==11?"selectClass":"unSelect"' @click="changeType(11,'市信访局')">市信访局</div>
+                                   <div :class='deptSelect==12?"selectClass":"unSelect"' @click="changeType(12,'市城市管理行政执法局')">市城市管理行政执法局</div>
+                                   <div :class='deptSelect==13?"selectClass":"unSelect"' @click="changeType(13,'市社会调解服务中心')">市社会调解服务中心</div>
+                                   <div :class='deptSelect==14?"selectClass":"unSelect"' @click="changeType(14,'市人武部')">市人武部</div>
+                                   <div :class='deptSelect==15?"selectClass":"unSelect"' @click="changeType(15,'沿线各镇')">沿线各镇</div>
+                                   <div :class='deptSelect==15?"selectClass":"unSelect"' @click="changeType(16,'农村农业局')">农村农业局</div>
+                                   <!-- <div :class='deptSelect==16?"selectClass":"unSelect"'></div> -->
+                      </div>
+                      </el-col>
+                  </el-row>
             </div>
      </div>
 </template>
@@ -19,7 +129,8 @@ export default {
   name: "IntroductionIndex",
   data() {
     return {
-
+         deptSelect:1,
+         title:'市委政法委'
     };
   },
    components:{
@@ -29,7 +140,10 @@ export default {
 
   },
   methods: {
-
+       changeType(type,title){
+             this.deptSelect = type;
+             this.title = title
+       }
   }
 };
 </script>
@@ -37,9 +151,37 @@ export default {
 
 <style scoped>
 .comClass{
-          background: url("~@/assets/images/bg/切图2.png") no-repeat;
+          background: url("~@/assets/images/bg/切图1.png") no-repeat;
           background-size: 100% 100%;
           width:100%;
           height:95vh;
 }
+
+.selectClass{
+          background: url("~@/assets/images/bg/longSelect.png") no-repeat;
+          background-size: 100% 100%;
+          width:23rem;
+          height:5rem;
+          margin-top:2vh;
+          font-size: 1.8rem;
+          font-family: Microsoft YaHei;
+          font-weight: bold;
+          color: #FEFEFE;
+          line-height: 4rem;
+          padding-left:4rem;
+}
+
+.unSelect{
+          background: url("~@/assets/images/bg/long.png") no-repeat;
+          background-size: 100% 100%;
+          width:23rem;
+          height:5rem;
+          margin-top:2vh;
+          font-size: 1.8rem;
+          font-family: Microsoft YaHei;
+          font-weight: 400;
+          color: #FEFEFE;
+          line-height: 4rem;
+          padding-left:4rem;
+}
 </style>