style:样式修改

@@ -47,9 +47,12 @@ export default {
   }
   }
 }
 }
 
 
-.app-main {
-  height: calc(100% -94px) !important;
-  // padding: 10px;
+.appMain {
+  height: calc(100vh - 94px) !important;
   box-sizing: border-box;
   box-sizing: border-box;
+
+  .app-main {
+    height: 100%;
+  }
 }
 }
 </style>
 </style>

@@ -9,19 +9,6 @@
                         start-placeholder="开始日期" end-placeholder="结束日期">
                         start-placeholder="开始日期" end-placeholder="结束日期">
                     </el-date-picker>
                     </el-date-picker>
                 </el-col>
                 </el-col>
-                <!-- <el-col :span="6">
-                    <el-form-item label="开始时间">
-                        <el-date-picker type="date" :picker-options="pickerOptionsStart" clearable
-                            v-model="form.startTime" value-format="yyyy-MM-dd"></el-date-picker>
-                    </el-form-item>
-                </el-col>
-                <el-col :span="6">
-                    <el-form-item label="结束时间">
-                        <el-date-picker clearable :picker-options="pickerOptionsEnd" v-model="form.endTime"
-                            value-format="yyyy-MM-dd">
-                        </el-date-picker>
-                    </el-form-item>
-                </el-col> -->
                 <!-- 按钮操作 -->
                 <!-- 按钮操作 -->
                 <el-col :span="12" class="btnColRight">
                 <el-col :span="12" class="btnColRight">
                     <el-button type="default" @click="resetForm"> 重置 </el-button>
                     <el-button type="default" @click="resetForm"> 重置 </el-button>
@@ -155,6 +142,8 @@ export default {
 };
 };
 </script>
 </script>
 <style scoped lang="scss">
 <style scoped lang="scss">
+@import "~@/styles/public.scss";
+
 .jktjDetail {
 .jktjDetail {
     background-color: #fff;
     background-color: #fff;
     height: 100%;
     height: 100%;
@@ -164,7 +153,7 @@ export default {
     .echarts-box {
     .echarts-box {
         display: flex;
         display: flex;
         justify-content: center;
         justify-content: center;
-        height: 100%;
+        height: 500px;
 
 
         .chart {
         .chart {
             width: 100%;
             width: 100%;

 <template>
 <template>
     <!-- 监控日志 -->
     <!-- 监控日志 -->
-    <div class="jktjDetail form-clues">
+    <div class="jktjDetail from-clues">
         <!-- 头部搜索 -->
         <!-- 头部搜索 -->
         <el-form ref="form" :model="form" :inline="true" class="from-clues-header" label-width="100px">
         <el-form ref="form" :model="form" :inline="true" class="from-clues-header" label-width="100px">
             <el-row>
             <el-row>
@@ -155,6 +155,8 @@ export default {
 };
 };
 </script>
 </script>
 <style scoped lang="scss">
 <style scoped lang="scss">
+@import "~@/styles/public.scss";
+
 .jktjDetail {
 .jktjDetail {
     background-color: #fff;
     background-color: #fff;
     height: 100%;
     height: 100%;