11.25改版页面

src/components/header.vue

@@ -2,7 +2,11 @@
        <div class="bgk1">
         <div class="d-flex jc-center title_wrap">
             <div class="timers">
-            <span>{{headername }}</span>
+            <div class="logimg">
+              <div class="ve_logo_img">
+              <el-image style="height: 100%" :src="logo" fit="contain"></el-image>
+            </div>
+            <span>{{headername }}</span></div>
             <div class="headertime">
               <p class="datayear">{{  headertime.dateYear }}</p>
               <p class="dateday" >{{  headertime.dateDay }}</p>
@@ -12,9 +16,9 @@
             <div class="titlebtn titleanniu imgtupian"  style="margin-right: 20px;" :class="{headeractive: headeractive === '2'}" @click="handleSelect('2')">火灾推演</div>
           <div class="d-flex jc-center s-content">
             <div class="title tiletimg">
-            <div class="ve_logo_img">
+            <!-- <div class="ve_logo_img">
               <el-image style="height: 100%" :src="logo" fit="contain"></el-image>
-            </div>
+            </div> -->
             <!-- <span class="title-text">煤矿多种态势推演可视化和智慧应急与救援模型定制开发系统</span> -->
               <!-- <span class="title-text">煤矿典型灾害态势推演</span> -->
               <span class="title-text">煤矿多种态势推演</span>
@@ -85,7 +89,8 @@ defineExpose({headeractive,hname});
   background-image: url('/src/assets/img/Rectangle4562.png') !important;
 }
 .headeractive2{
-  background-image: url('/src/assets/img/Rectangle45622.png') !important;
+//  background-image: url('/src/assets/img/Rectangle45622.png') !important;
+background-image: url('/src/assets/img/Rectangle4562.png') !important;
   background-size: 100%;
 }
    </style>

src/style/style.css

@@ -8,8 +8,33 @@ body,html{
     /* padding: 18px 10px; */
   }
   .mainpdding{
-    padding-left: .1094rem;
+    padding-left: .2083rem;
     margin-top: 71px;
+  
+  }
+  .leftzs{
+    position: absolute;
+    background-image: url(/src/assets/img/leftzs.png);
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: 100% 100%;
+    z-index: 207;
+    width: .1042rem;
+    top: 19%;
+    height: 3.11rem;
+    left: 0;
+  }
+  .reghtzs{
+    position: absolute;
+    background-image: url(/src/assets/img/rightzs.png);
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: 100% 100%;
+    z-index: 207;
+    width: .1042rem;
+    top: 19%;
+    height: 3.11rem;
+    right: 0;
   }
   .line {
     border-bottom: 1px solid rgba(255, 255, 255, 0.2);
@@ -57,7 +82,7 @@ body,html{
     pointer-events: auto;
 }
   .L_aside .iconimg {
-    width: 37px;
+    width:28px;
     height: 36px;
     /* margin: 0 7px 0 24px; */
   }
@@ -67,7 +92,7 @@ body,html{
     background-position: center;
   }
   .L_aside .Frame3 {
-    background-image: url(../assets/img/Frame3.png);
+    /* background-image: url(../assets/img/Frame3.png); */
     background-repeat: no-repeat;
     background-position: center;
   }
@@ -226,23 +251,32 @@ color: #fff;
     display: inline-block;
   }
   
-  .bgcolor {
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    border-radius: 0px 0px 0px 0px;
-    border: 1px solid;
-    border-image: linear-gradient(180deg, rgb(31, 107, 255), rgba(31, 107, 255, 0.48)) 1 1;
-  }
-  
+ 
+  /* .el-dialog__header{
+    padding: 0 20px;
+  } */
   .dialog_class .my-header {
     line-height: 10px;
     height: 40px;
     text-align: left;
-    padding: 0 20px;
+    margin: 0 20px;
+
     /* border-bottom: 1px solid;
     border-image: linear-gradient(180deg, rgb(31, 107, 255), rgba(31, 107, 255, 0.48)) 1 1;
     box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
     border-radius: 0px 0px 0px 0px; */
+    position: relative;
+
   }
+  .dialog_class .my-header::before {
+    position: absolute;
+    content: "";
+    width: 100%;
+    height: 1px;
+    bottom: 0;
+    left: 0;
+    background: linear-gradient( 90deg, rgba(93, 144, 194, 0.1), rgba(93, 144, 194, 1), rgba(93, 144, 194, 0.1) );
+}
   .dialog_class .my-header .el-image {
     padding: 0px 10px 0 0;
   }
@@ -296,31 +330,33 @@ color: #fff;
   }
   
   .l_btn .borderimg {
-    /* width: 109px;
+    width: 70px;
     height: 30px;
-    background: rgba(104, 173, 255, 0.3);
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2); */
-    /* border: 1px solid rgba(31, 107, 255, 1); */
-    /* border-image: linear-gradient(180deg, rgb(31, 107, 255), rgba(31, 107, 255, 0.48)) 1 1;
+    font-size: 12px;
+    /* // background: rgba(104, 173, 255, 0.3);
+    // box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
+    // /* border: 1px solid rgba(31, 107, 255, 1); */
+    /* // border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1; */ 
+    font-weight: bold;
     border-radius: 4px;
     display: flex;
     display: inline-block;
-    box-sizing: border-box; */
-  }
-  
-  .borderimg {
+    box-sizing: border-box;
+}
+
+.borderimg {
     width: 109px;
     height: 30px;
-    background: rgba(104, 173, 255, 0.3);
+    /* background: rgba(104, 173, 255, 0.3);
     box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
     /* border: 1px solid rgba(31, 107, 255, 1); */
-    -o-border-image: linear-gradient(180deg, rgb(31, 107, 255), rgba(31, 107, 255, 0.48)) 1 1;
-    border-image: linear-gradient(180deg, rgb(31, 107, 255), rgba(31, 107, 255, 0.48)) 1 1;
+    /* -o-border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
+    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;  */
     border-radius: 4px;
     display: flex;
     display: inline-block;
-    box-sizing: border-box;
-  }
+    box-sizing: border-box
+}
   
   .el-table,
   .el-table thead th {
@@ -421,7 +457,7 @@ color: #fff;
   } */
   .rightfl{
     position: absolute;
-    right: 0;
+    right: 28px;
     top: 65px;
     height: 87vh;
     overflow: auto; 
@@ -1030,14 +1066,18 @@ ol {
     text-align: left;
     font-style: normal;
     text-transform: none;
+    border-radius: 0;
 }
 .asideg .el-collapse-item__wrap {
-  background: rgba(26,38,69,0.4);
+  background-image: url(/src/assets/img/box.png)!important;
+  background-size: 100% 100%;
+  background-repeat: no-repeat; 
+  /* background: rgba(26,38,69,0.4);
   box-shadow: inset -4px 7 12px 0px rgba(140,198,255,0.01);
   border-radius: 0px 0px 0px 0px;
   border: 1px solid;
   border-bottom: 2px solid;
-  border-image: linear-gradient(237deg, rgba(16, 92, 240, 1), rgba(164, 195, 255, 1)) 1 1;
+  border-image: linear-gradient(237deg, rgba(16, 92, 240, 1), rgba(164, 195, 255, 1)) 1 1; */
 }
 .headerimg{
   background-image: url(/src/assets/img/Group1386.png)!important;
@@ -1206,19 +1246,23 @@ ol {
   height: 30px !important;
 
 }
-/* .footer{
-  width: 100%;
-  position: fixed;
+.footer{
+  /* width: 100%;
+position: absolute; 
   bottom: 0;
-  z-index: 333333;
-} */
+  z-index: 207; */
+  background-image: url(../../src/assets/img/BJ.png)!important;
+  background-size:cover;
+  background-repeat: no-repeat;
+}
 .footer,.appmian .el-main{
-  background:#B5C7F0 ;
+  /* background:#B5C7F0 ; */
 }
 
 .footet-bottom {
   height: 52px;
   background-image: url(/src/assets/img/Line28.png);
+  background-size: 100%;
   background-position: bottom;
   background-repeat: no-repeat;
   /* background-size: cover; */
@@ -1228,6 +1272,7 @@ ol {
 
   z-index: 33333;
 }
+
 .footet-bottom ul {
   display: flex;
 justify-content: center; 
@@ -1253,31 +1298,49 @@ justify-content: space-between;
   bottom: -13px;
     background-image: url(/src/assets/img/Line30.png);
 }
-.btnactive{
-  background: linear-gradient(to bottom, rgba(11,51,142,1) 15%, rgba(17,56,143 ,1) 40%,rgba(11,51,142,1)) !important;  
-  /* background:rgba(0,224,225 ,1)!important; */
-/* background: linear-gradient(to bottom, rgba(11,51,142,0.1) 15%, rgba(17,56,143 ,0.2) 40%,rgba(0,224,225 ,1)) !important;  */
-border-radius: 0px 0px 0px 0px !important;
-opacity: 1 !important;
-}
+
 .footet-bottom ul li{
 
 width: 130px;
+height: 32px;
 text-align: center;
+line-height: 32px;
 font-weight: 400;
 font-size: 0.0833rem;
-color: #FFFFFF;
-line-height: 19px;
+color: #58BBEC;
 letter-spacing: 1px;
 text-align: center;
 font-style: normal;
 text-transform: none;
-background: linear-gradient( 139deg, #11388F 100%, rgba(55,103,209,0) 0%);
-border-radius: 0px 0px 0px 0px;
-opacity: 0.4;
-
+background-image: url(/src/assets/img/Rectangle456.png);
+background-size: 100% 100%   !important;
+position: relative;
+z-index: 1;
 
 }
+.btnactive{
+  /* // background: linear-gradient(to bottom, rgba(11,51,142,1) 15%, rgba(17,56,143 ,1) 40%,rgba(11,51,142,1)) !important;   */
+   /* background:rgba(0,224,225 ,1)!important; */
+ /* background: linear-gradient(to bottom, rgba(11,51,142,0.1) 15%, rgba(17,56,143 ,0.2) 40%,rgba(0,224,225 ,1)) !important;  */
+ background-image:url("/src/assets/img/Rectangle4562.png") !important;
+   background-size: 100% 100%;
+   color: #fff !important;
+   /* color: transparent;
+   background-clip: text;
+   fill: linear-gradient(to bottom, #41C0FF, #D3F0FF, #ffffff); */
+ /* opacity: 1 !important; */
+ }
+ .btnactive::before{
+  content: "";
+  background-image:url("/src/assets/img/Vector849.png") !important;
+  background-repeat: no-repeat;
+    position: absolute;
+    top: 0;
+    left: 45%;
+    bottom: 0px;
+    /* right: 0; */
+    z-index: 2;
+ }
  .el-image{
   vertical-align: middle;
 }
@@ -1307,11 +1370,11 @@ opacity: 0.4;
 }
 .bgk1{
   width: 100%;
-  background-image: url(../assets/img/Group1342.png);
+ /* background-image: url(../assets/img/3.png);  */
   background-size: 93% 100%;
   background-repeat: no-repeat;
-  background-position: center;
- height: 0.3385rem;
+  background-position: center; 
+
   /* background-image: url(../assets/img/Group1342.png);
   background-size: 220% 100%;
   background-position: center top 0;
@@ -1333,26 +1396,54 @@ opacity: 0.4;
     color: #fff;
 }
 .timers{
-  position: absolute;
-    left:20px;
+  /* position: absolute; */
+    right:20px;
     top:16px;
     font-size: .0729rem;
     display: flex;
     align-items: center;
 
 }
+.timers .logimg{
+   position: absolute;
+   left:40px;
+   top:16px;
+   font-size: .0729rem;
+   display: flex;
+   align-items: center;
+}
+.headertime{
+  position: absolute;
+    right:40px;
+    top:16px;
+    font-size: .0729rem;
+    display: flex;
+    align-items: center;
+}
 .ve_logo_img{
   margin-right: 10px;
+  width: 36px;
+
 }
 .s-content{
-  width: 2.0875rem;
-  /* //width: 4.6875rem; */
+  /* //width: 2.0875rem; */
+width: 3.6875rem; 
+  background-image: url(/src/assets/img/Group36.png);
+  background-size: 100% 100%;
+  background-position: center;
+  background-repeat: no-repeat;
   justify-content: center;
     display: flex;
 }
 .tiletimg{
   display: flex;
+  justify-content: center;
   padding: 0px 22px;
+  width: 2.6875rem; 
+  background-image: url(/src/assets/img/Group16.png);
+  background-size: 100% 113%;
+  background-position: top;
+  background-repeat: no-repeat;
 }
 .titleanniu{
   background-size: cover;
@@ -1363,13 +1454,14 @@ opacity: 0.4;
   background-position: center;
 }
 .bgk1 .imgtupian{
-  width: 0.6094rem;
+  width: 0.7094rem;
 
   background-image: url(/src/assets/img/Rectangle456.png);
 }
 .bgk1 .imgtupian2{
-  width: .6823rem;
-  background-image: url(/src/assets/img/Rectangle1456.png);
+  width: .9823rem;
+  /* background-image: url(/src/assets/img/Rectangle1456.png); */
+  background-image: url(/src/assets/img/Rectangle456.png);
 }
 
 .titlebtn{
@@ -1397,7 +1489,12 @@ font-size: .0833rem;
   background: radial-gradient(closest-side, #0B338B , #1C253D);
 }
 .el-header{
-  background: radial-gradient(closest-side, #0B338B , #1C253D);
+  /* background: radial-gradient(closest-side, #0B338B , #1C253D); */
+  /* background-image: url(../assets/img/rlheader.png);
+  background-size: cover;
+  background-position:center; */
+  background-color: #142541;
+  position: relative;
 }
 .bgk2 ul li{
   width: 25%;
@@ -1637,7 +1734,10 @@ color: #FFF500 ;
 .bkxolo{
   height: calc(100vh - 58px);
   /* background: radial-gradient(closest-side, #0B338B , #1C253D); */
-  background-color:#B5C7F0 ;
+  /* background-color:#B5C7F0 ; */
+  background-image: url(/src/assets/img/BJ.png)!important;
+  background-size: 100% 101%;
+  background-repeat: no-repeat; 
     z-index: 33;
 }
 .reimg{
@@ -1687,7 +1787,8 @@ font-size: .0677rem;
 }
 .bgk3{
   height: calc(100vh);
-  background: radial-gradient(closest-side, #0B338B , #1C253D);
+  background: radial-gradient(closest-side, #0B338B , #142541);
+  /* //background:#142541; */
   z-index: 330;
 }
 
@@ -1697,15 +1798,16 @@ font-size: .0677rem;
   width: 100%; */
 }
  .bgk2 {
-  /* max-width: 1153px; */
+  max-width: 1430px;
   /* margin: 0 auto; */
   background-image: url(/src/assets/img/Group1317.png);
-  background-size: cover;
+  background-size: 100% 100%;
   background-position: center;
   /* position: relative;
   margin-bottom: 4px;
   height: calc(100vh - 64px);
   border-radius: 0px 0px 0px 0px; */
+  margin: 0 auto;
 }
 
 .is-vertical{
@@ -1715,7 +1817,7 @@ font-size: .0677rem;
 }
 .rightflex{
   position: fixed;   
-  right: 15px;
+  right: 28px;
   top: 70px;
   height: 87vh;
   overflow: auto;
@@ -1790,10 +1892,29 @@ a{
 }
 .log_cla22{
   /* height: 200px;  */
-  background-color: rgba(0, 102, 201, 0.5);
-  border-radius: 10px;
+  /* background-color: rgba(0, 102, 201, 0.5);
+  border-radius: 10px; */
+  background-image: url(/src/assets/img/tkb.png) !important;
+    background-repeat: no-repeat;
+    /* line-height: 30px; */
+    background-size: 100% 100%;
+    position: relative;
  
 }
+.log_cla22 .my-header{
+  position: relative;
+  padding-bottom: 10px;
+
+}
+.log_cla22 .my-header ::before{
+  position: absolute;
+    content: "";
+    width: 100%;
+    height: 1px;
+    bottom: 0;
+    left: 0;
+    background: linear-gradient( 90deg, rgba(93, 144, 194, 0.1), rgba(93, 144, 194, 1), rgba(93, 144, 194, 0.1) );
+}
 .log_cla22 .footerbtn span{
   font-size: 12px;
 }
@@ -1813,4 +1934,14 @@ a{
 }
 .el-table td.el-table__cell div{
 
+}
+.dialog_class{
+  /* box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
+  border-radius: 0px 0px 0px 0px;
+  border: 1px solid;
+  border-image: linear-gradient(180deg, rgb(31, 107, 255), rgba(31, 107, 255, 0.48)) 1 1; */
+  background-image: url(../assets/img/tkb.png) !important;
+  background-repeat: no-repeat;
+  line-height: 30px;
+  background-size: 100% 100%;
 }

src/view/InfoDialoges.vue

@@ -1086,7 +1086,7 @@ defineExpose({ monitor, accident2, leftcoll, classradio, aid, dialogVisible ,cha
 <style scoped>
 
 .xian2{
-   margin: 0.0521rem !important;
+    margin: 0.1321rem !important;
 }
 </style>
 <style>

src/view/appmian.vue

@@ -7,8 +7,11 @@
       <reheader ref="reheaderref" @handleSelect="handleSelect" :name="headerobj.name"/>
     </el-header>
       <el-main>
+          <div class="reghtzs"> </div>
    <div  class="maincontent">
+
       <div class="mainpdding">
+        <div class="leftzs"> </div>
         <source-disaster ref="sourcedis" :classradio="classradio"  />
         <info-boundary ref="boundary" :classradio="classradio" />
         <info-animation ref="tanimation" :classradio="classradio" :aid="aid" />
@@ -393,6 +396,9 @@ const handleSelect = (key) => {
     position: absolute;
     z-index: 206;
     top: 0;
+    background-image: url(../../src/assets/img/BJ.png)!important;
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
   }
 }
 

src/view/components/InfoVtkmodel.vue

@@ -116,6 +116,9 @@ span {
 <style>
 .vtkmodel1 canvas{
   /* background-color: rgba(51,51,51,0.7); */
-  background-color:#B5C7F0 ; 
+  /* background-color:#B5C7F0 ;  */
+  background-image: url(../../src/assets/img/BJ.png)!important;
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
 }
 </style>

src/view/components/NodeLine.vue

@@ -376,34 +376,7 @@ defineExpose({ dialogVisiblenode, pipelinedata,searchtaggd });
 
 }
 
-.l_btn .borderimg {
-    width: 70px;
-    height: 30px;
-    font-size: 12px;
-    background: rgba(104, 173, 255, 0.3);
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    /* border: 1px solid rgba(31, 107, 255, 1); */
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-    font-weight: bold;
-    border-radius: 4px;
-    display: flex;
-    display: inline-block;
-    box-sizing: border-box;
-}
 
-.borderimg {
-    width: 109px;
-    height: 30px;
-    background: rgba(104, 173, 255, 0.3);
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    /* border: 1px solid rgba(31, 107, 255, 1); */
-    -o-border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-    border-radius: 4px;
-    display: flex;
-    display: inline-block;
-    box-sizing: border-box
-}
 
 .el-table,
 .el-table thead th {

src/view/components/PipeIine.vue

@@ -382,22 +382,6 @@ const projectsSelectionSelect=(selection, row)=>{
     }
 
 }
-
-.l_btn .borderimg {
-    width: 70px;
-    height: 30px;
-    font-size: 12px;
-    background: rgba(104, 173, 255, 0.3);
-    box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-    /* border: 1px solid rgba(31, 107, 255, 1); */
-    border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1 1;
-    font-weight: bold;
-    border-radius: 4px;
-    display: flex;
-    display: inline-block;
-    box-sizing: border-box;
-}
-
 .borderimg {
     width: 109px;
     height: 30px;

src/view/components/SetNode.vue

@@ -322,22 +322,6 @@ function jgSelect(){
   }
 }
 
-.l_btn .borderimg {
-  width: 70px;
-  height: 30px;
-  font-size: 12px;
-  background: rgba(104, 173, 255, 0.3);
-  box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-  /* border: 1px solid rgba(31, 107, 255, 1); */
-  border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1
-    1;
-  font-weight: bold;
-  border-radius: 4px;
-  display: flex;
-  display: inline-block;
-  box-sizing: border-box;
-}
-
 .borderimg {
   width: 109px;
   height: 30px;

src/view/components/SetPipe.vue

@@ -328,21 +328,6 @@ function jgSelect(){
   }
 }
 
-.l_btn .borderimg {
-  width: 70px;
-  height: 30px;
-  font-size: 12px;
-  background: rgba(104, 173, 255, 0.3);
-  box-shadow: inset 0px 0px 17px 5px rgba(12, 97, 197, 0.2);
-  /* border: 1px solid rgba(31, 107, 255, 1); */
-  border-image: linear-gradient(180deg, rgba(31, 107, 255, 1), rgba(31, 107, 255, 0.48)) 1
-    1;
-  font-weight: bold;
-  border-radius: 4px;
-  display: flex;
-  display: inline-block;
-  box-sizing: border-box;
-}
 
 .borderimg {
   width: 109px;

src/view/home.vue

@@ -4,6 +4,9 @@
       <el-header>
         <div class="bgk1">
         <div class="d-flex jc-center title_wrap">
+          <div class="ve_logo_img">
+              <el-image style="height: 100%" :src="logo" fit="contain"></el-image>
+            </div>
           <div class="timers">
             {{  headertime.dateYear }} {{  headertime.dateWeek }} {{  headertime.dateDay }}
           </div>
@@ -11,9 +14,9 @@
             <div class="titlebtn titleanniu imgtupian" style="margin-right: 20px;" @click="handleSelect('2')">火灾推演</div>
           <div class="d-flex jc-center s-content">
             <div class="title tiletimg">
-            <div class="ve_logo_img">
+            <!-- <div class="ve_logo_img">
               <el-image style="height: 100%" :src="logo" fit="contain"></el-image>
-            </div>
+            </div> -->
           
               <span class="title-text">矿道灾情软件推演</span>
             </div>

src/view/index/first-left.vue

@@ -1,6 +1,8 @@
 <template>
   <!-- 底部导航栏 -->
-  <div class="rightfl"  v-show="firstshow" style="right: 0;">
+  <div class="rightfl"  v-show="firstshow" >
+    
+
     <div class="rightfl_hei">
     <el-aside width="1.7708rem" class="L_aside L_aside1 asideg asidegbg leftbgimg1" v-show="firstshow">
       <div class="demo-collapse jiance asideg1 jc_header collapseeion jianstyle">
@@ -1082,9 +1084,26 @@ align-items: center;
   right: 1.8229rem;
   top: 77px;
   z-index: 1111; */
-  background-color: rgba(0, 102, 201, 0.5);
-    border-radius: 10px;
-    padding: 15px;
+  /* /* background-color: rgba(0, 102, 201, 0.5); */
+   border-radius: 10px;
+   padding: 10px;
+    background-image: url(/src/assets/img/tkb.png) !important;
+    background-repeat: no-repeat;
+    line-height: 30px;
+    background-size: 100% 100%;
+    position: relative;
+}
+.teletdq{
+  position: relative;
+}
+.teletdq::before{
+  position: absolute;
+    content: "";
+    width: 100%;
+    height: 1px;
+    bottom: 0;
+    left: 0;
+    background: linear-gradient( 90deg, rgba(93, 144, 194, 0.1), rgba(93, 144, 194, 1), rgba(93, 144, 194, 0.1) );
 }
 .gaojing{
   color: #fff;
@@ -1114,7 +1133,7 @@ align-items: center;
 .timedlgheader{
     width: 200px;
     position: absolute;
-    right: 1.8229rem;
+    right: 2.0229rem;
     top: 77px;
     z-index: 1111;
 }

src/view/index/index.vue

@@ -1,10 +1,12 @@
 <template>
     <!-- 底部导航栏 -->
     <div class="footet-bottom"> 
+    
         <div class="leftline"></div>
         <div class="rightline"></div>
         <ul v-show="btnlistshow">
-            <li class="fontcolor  "  v-for="(item, index) in listArray" :key="index" :class="{btnactive: index === currentIndex}"  @click="changeColor(index)"> <el-image :src="item.img" fit="contain"></el-image>{{item.name}}</li>
+          <li class="fontcolor  "  v-for="(item, index) in listArray" :key="index" :class="{btnactive: index === currentIndex}"  @click="changeColor(index)">{{item.name}}</li> 
+            <!-- <li class="fontcolor  "  v-for="(item, index) in listArray" :key="index" :class="{btnactive: index === currentIndex}"  @click="changeColor(index)"> <el-image :src="item.img" fit="contain"></el-image>{{item.name}}</li> -->
             <!-- <li class="fontcolor  btnactive" > <el-image :src="bt1" fit="contain"></el-image>灾情推演</li>
             <li class="fontcolor"> <el-image  :src="bt2" fit="contain"></el-image>路径判断</li>
             <li class="fontcolor"> <el-image  :src="bt3" fit="contain"></el-image>灾害对比</li> -->

src/view/result.vue

@@ -467,7 +467,10 @@ defineExpose({ accident6, initAid, mntext1, mntext2, clickflat, endtime, zdtime,
   display: flex;
   justify-content: space-between;
   height: calc(100vh - 154px);
-  background: #B5C7F0;
+  // background: #B5C7F0;
+  background-image: url(/src/assets/img/BJ.png)!important;
+  background-size: 100% 100%;
+  background-repeat: no-repeat; 
 }
 
 .results {