heyang

src/views/safetyInfo/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="accessAuthorization">
+  <div class="app-container accessAuthorization">
     <!--安全信息类目-->
     <safetyInfoCategory v-if="pageType == 1"></safetyInfoCategory>
     <!--安全信息配置-->

src/views/safetyInfo/safetyInfoCategory.vue

@@ -1,6 +1,6 @@
 <!--安全信息类目-->
 <template>
-  <div class="app-container approval_handle">
+  <div class="safetyInfoCategory">
     <div class="title-box">
       <div>
         <p class="top-p-color">安全类目</p>
@@ -12,7 +12,7 @@
       </div>
     </div>
     <div class="approval_handle-page" v-if="pageType == 1">
-      <el-form :model="queryParams" ref="queryForm" :inline="true">
+      <el-form :model="queryParams" ref="queryForm" style="margin-top:20px;" :inline="true">
         <el-form-item label="关键字" prop="name">
           <el-input
             v-model="queryParams.searchValue"
@@ -297,9 +297,11 @@ export default {
 </script>
 
 <style scoped lang="scss">
-  .approval_handle {
+  .safetyInfoCategory{
+    flex:1;
     display: flex!important;
     flex-direction: column;
+    overflow: hidden;
     .title-box{
       display: flex;
       border-bottom:1px solid #E0E0E0;
@@ -335,6 +337,7 @@ export default {
       }
     }
     .approval_handle-page{
+      overflow: hidden;
       flex:1;
       display: flex!important;
       flex-direction: column;

src/views/safetyInfo/safetyInfoConfig.vue

@@ -1,6 +1,6 @@
 <!--安全信息配置-->
 <template>
-  <div class="app-container approval_handle">
+  <div class=" safetyInfoConfig">
     <div class="title-box">
       <div @click="titleClick(1)">
         <p>安全类目</p>
@@ -12,7 +12,7 @@
       </div>
     </div>
     <div class="config_main">
-      <div class="config_main_l">
+      <div class="config_main_l scrollbar-box">
         <div class="config_main_l_title">
           <img  src="@/assets/ZDimages/icon_xxpz_aqxxlm.png">
           安全信息类目
@@ -377,16 +377,11 @@ export default {
 </script>
 
 <style scoped lang="scss">
-  .approval_handle {
+  .safetyInfoConfig {
+    overflow: hidden;
+    flex:1;
     display: flex!important;
     flex-direction: column;
-    background: #ffffff;
-    border-radius: 10px;
-    overflow-x: hidden;
-    overflow-y: scroll;
-    padding: 0;
-    margin: 5px 20px 20px 10px;
-    box-shadow: 0 0 8px 1px rgb(0 0 0 / 10%);
     .title-box{
       display: flex;
       border-bottom:1px solid #E0E0E0;
@@ -422,6 +417,7 @@ export default {
       }
     }
     .config_main{
+        overflow: hidden;
         flex:1;
         display: flex;
         overflow: hidden;