styleFix

src/assets/common/element.less

@@ -201,3 +201,11 @@
     top: 50% !important;
     transform: translateY(-50%) !important;
 }
+
+::v-deep .el-dialog {
+    margin: 0 auto !important;
+    position: fixed;
+    left: 50%;
+    top: 50%;
+    transform: translateX(-50%)translateY(-50%);
+}
\ No newline at end of file

src/components/Index.vue

@@ -21,6 +21,7 @@
             v-if="router.child && router.child.length == 0"
             :key="index"
             class="router-link"
+            @click="childRouteName = ''"
           >
             <router-link
               :to="{ path: router.menu_url, query: { token_code: token } }"
@@ -30,19 +31,22 @@
           </div>
 
           <el-dropdown v-else :key="index" placement="bottom">
-            <div class="parent-router">
-              {{ router.right_name }}
+            <div :class="['parent-router', childRouteName ? 'active' : '']">
+              {{ router.right_name
+              }}{{ childRouteName ? `/${childRouteName}` : "" }}
             </div>
             <el-dropdown-menu slot="dropdown">
               <el-dropdown-item
                 v-for="(child, cIndex) in router.child"
                 :key="cIndex"
               >
+                <div @click="setRoute(router, child)">
                   <router-link
                     :to="{ path: child.menu_url, query: { token_code: token } }"
                   >
                     {{ child.right_name }}</router-link
                   >
+                </div>
               </el-dropdown-item>
             </el-dropdown-menu>
           </el-dropdown>
@@ -66,23 +70,28 @@
             :key="index"
             :to="{ path: router.menu_url, query: { token_code: token } }"
           >
-            {{ router.right_name }}</router-link
+            <span @click="childRouteName = ''">{{
+              router.right_name
+            }}</span></router-link
           >
 
           <el-dropdown v-else :key="index" placement="bottom">
-            <div class="parent-router">
-              {{ router.right_name }}
+            <div :class="['parent-router', childRouteName ? 'active' : '']">
+              {{ router.right_name
+              }}{{ router.childRoute ? `/${childRouteName}` : "" }}
             </div>
             <el-dropdown-menu slot="dropdown">
               <el-dropdown-item
                 v-for="(child, cIndex) in router.child"
                 :key="cIndex"
               >
+                <div @click="setRoute(router, child)">
                   <router-link
                     :to="{ path: child.menu_url, query: { token_code: token } }"
                   >
                     {{ child.right_name }}</router-link
                   >
+                </div>
               </el-dropdown-item>
             </el-dropdown-menu>
           </el-dropdown>
@@ -117,6 +126,7 @@ export default {
       screenDetail: {},
       leftNav: [],
       rightNav: [],
+      childRouteName: "",
     };
   },
   methods: {
@@ -192,6 +202,10 @@ export default {
     jumpBack() {
       window.location.href = window.location.origin + "/pweb/m/";
     },
+    setRoute(router, child) {
+      console.log(router, child);
+      this.childRouteName = child.right_name;
+    },
   },
   computed: {
     token() {
@@ -275,6 +289,7 @@ export default {
   }
 }
 .parent-router {
+  position: relative;
   margin-right: 0 !important;
 }
 .router-link {
@@ -301,7 +316,9 @@ a,
   &:last-child {
     margin-right: 0;
   }
-  &:hover {
+
+  &:hover,
+  &.active {
     color: #fff;
     border-color: #27acfb;
     position: relative;

src/components/construction/Index.vue

@@ -218,20 +218,6 @@
                   <div class="step-description">{{ progress.name }}</div>
                 </template>
               </el-step>
-              <el-step
-                v-for="(progress, index) in progressDetail.progress_data"
-                :key="index"
-              >
-                <template #title>
-                  <div class="step-title">
-                    {{ progress.over_date }}
-                    <div class="step-status">{{ progress.status_text }}</div>
-                  </div>
-                </template>
-                <template #description>
-                  <div class="step-description">{{ progress.name }}</div>
-                </template>
-              </el-step>
             </el-steps>
           </div>
         </div>

src/components/earlywarning/Index.vue

@@ -635,9 +635,13 @@ export default {
   }
 }
 .no-data {
+  position: absolute;
   text-align: center;
   font-size: 14px;
   color: #86919e;
+  left: 50%;
+  top: 50%;
+  transform: translateX(-50%) translateY(-50%);
   img {
     width: 300px;
     margin: 0 auto;

src/components/elevator/Index.vue

@@ -405,7 +405,8 @@ export default {
   height: 100%;
 }
 .side-area {
-  width: 400px;
+  width: 25%;
+  min-width: 400px;
 }
 
 #elevator-description {
@@ -461,7 +462,8 @@ export default {
   }
 }
 .elevator-container {
-  width: calc(100% - 412px);
+  width: 75%;
+  margin-left: 12px;
 }
 .platform {
   img {
@@ -540,7 +542,7 @@ export default {
   font-size: 14px;
   text-align: center;
   color: #c6def9;
-  height: calc(100% - 105px);
+  height: calc(100% - 132px);
   .warning-table-list {
     height: calc(100% - 50px);
     overflow-y: auto;

src/components/fallprotection/Index.vue

@@ -33,7 +33,7 @@
         </div>
       </ShadowContainer>
       <Title text="近24小时报警分析"></Title>
-      <ShadowContainer class="short-container">
+      <ShadowContainer class="long-container">
         <div id="today-warning-chart" ref="today24hourWarningChart"></div>
       </ShadowContainer>
     </div>
@@ -82,7 +82,7 @@
         </div>
       </ShadowContainer>
       <Title text="报警信息"></Title>
-      <ShadowContainer class="short-container">
+      <ShadowContainer class="long-container">
         <div id="warning-info">
           <div>
             <div class="warning-info-text">今日报警</div>
@@ -426,10 +426,12 @@ export default {
   height: calc(100% - 24px);
 }
 .side-area {
-  width: 400px;
+  width: 25%;
+  min-width: 400px;
 }
 .mid-area {
-  width: calc(100% - 824px);
+  width: 50%;
+  margin: 0 12px;
   position: relative;
 }
 .swagger-container {
@@ -588,7 +590,7 @@ export default {
   font-size: 14px;
   text-align: center;
   color: #c6def9;
-  height: calc(100% - 105px);
+  height: calc(100% - 132px);
   .warning-table-list {
     height: calc(100% - 50px);
     overflow-y: auto;
@@ -673,7 +675,10 @@ export default {
   }
 }
 .short-container {
-  height: calc(50% - 108px);
+  height: calc(42.5% - 108px);
+}
+.long-container {
+  height: calc(58% - 108px);
 }
 .cover-area {
   position: absolute;
@@ -681,7 +686,7 @@ export default {
   height: 100%;
   left: 0;
   top: 0;
-  z-index: 99999;
+  z-index: 999;
   box-shadow: #1f81ef 0px 0px 8px inset;
   pointer-events: none;
 }

src/components/management/Index.vue

@@ -293,7 +293,7 @@ export default {
   width: 25%;
 }
 .mid-area {
-  width: calc(50% - 40px);
+  width: calc(50% - 24px);
   margin: 0 20px;
   .status-container {
     display: flex;

src/components/management/preComDialog.vue

@@ -3,7 +3,7 @@
     :visible.sync="dialogVisible"
     title="近三日预委托记录"
     width="80vw"
-    top="10vh"
+    top="0"
   >
     <div>
       <el-table :data="tableData" height="550px" stripe>

src/components/management/sampleDialog.vue

@@ -3,7 +3,7 @@
     :visible.sync="dialogVisible"
     title="取样详情"
     width="80vw"
-    top="10vh"
+    top="0"
   >
     <div id="sample-container">
       <div id="sample-map-container"></div>

src/components/projectcheck/CorrectDialog.vue

@@ -3,7 +3,7 @@
     :visible.sync="dialogVisible"
     title="整改详情"
     width="70vw"
-    top="20px"
+    top="0"
     append-to-body
   >
     <div id="scroll-dialog">

src/components/projectcheck/Index.vue

@@ -590,11 +590,13 @@ export default {
   padding-bottom: 0;
   height: 100%;
   .side-area {
-    width: 460px;
+    width: 25%;
+    min-width: 400px;
     height: 100%;
   }
   .right-area {
-    width: calc(100% - 472px);
+    width: 75%;
+    margin-left: 12px;
     height: 100%;
   }
 }

src/components/realname/Index.vue

@@ -913,6 +913,10 @@ export default {
   text-align: center;
   font-size: 14px;
   color: #86919e;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translateX(-50%) translateY(-50%);
   img {
     width: 200px;
     margin: 0 auto;

src/components/safecap/Index.vue

@@ -138,7 +138,7 @@
       :visible.sync="historyRouteVisible"
       append-to-body
       title="历史使用记录"
-      top="3vh"
+      top="0"
     >
       <el-form inline :model="searchForm">
         <el-form-item label="使用日期">
@@ -415,10 +415,10 @@ export default {
   padding-bottom: 0;
   height: calc(100% - 24px);
   .side-area {
-    width: 400px;
+    width: 300px;
   }
   #map-area {
-    width: calc(100% - 412px);
+    width: calc(100% - 312px);
     height: 100%;
     position: relative;
     .cover-area {
@@ -427,7 +427,7 @@ export default {
       height: 100%;
       left: 0;
       top: 0;
-      z-index: 99999;
+      z-index: 999;
       box-shadow: #1f81ef 0px 0px 8px inset;
       pointer-events: none;
     }

src/components/safecap/mapDialog.vue

@@ -3,7 +3,7 @@
     :visible.sync="dialogVisible"
     title="使用轨迹"
     width="1200px"
-    top="3vh"
+    top="0"
     append-to-body
   >
     <div>

src/components/tower/Index.vue

@@ -725,10 +725,12 @@ export default {
   padding-bottom: 0;
   height: calc(100% - 24px);
   .side-area {
-    width: 360px;
+    width: 25%;
+    min-width: 400px;
   }
   #mid-area {
-    width: calc(100% - 744px);
+    width: 50%;
+    margin: 0 12px;
     position: relative;
   }
 }
@@ -990,7 +992,7 @@ export default {
   height: 100%;
   left: 0;
   top: 0;
-  z-index: 99999;
+  z-index: 999;
   box-shadow: #1f81ef 0px 0px 8px inset;
   pointer-events: none;
 }

src/components/tower/deviceDialog.vue

@@ -4,7 +4,7 @@
     :title="deviceData.device_sn"
     @opened="openedEvents"
     width="1820px"
-    top="5vh"
+    top="0"
   >
     <div id="device-container">
       <div class="left-info">

src/components/unloadingplatform/Index.vue

@@ -504,10 +504,12 @@ export default {
   height: calc(100% - 24px);
 }
 .side-area {
-  width: 400px;
+  width: 25%;
+  min-width: 400px;
 }
 .mid-area {
-  width: calc(100% - 824px);
+  width: 50%;
+  margin: 0 12px;
   position: relative;
   height: 100%;
 }
@@ -665,7 +667,7 @@ export default {
   font-size: 14px;
   text-align: center;
   color: #c6def9;
-  height: calc(100% - 105px);
+  height: calc(100% - 132px);
   .warning-table-list {
     height: calc(100% - 50px);
     overflow-y: auto;
@@ -831,7 +833,7 @@ export default {
   height: 100%;
   left: 0;
   top: 0;
-  z-index: 99999;
+  z-index: 999;
   box-shadow: #1f81ef 0px 0px 8px inset;
   pointer-events: none;
 }