style: 个人信息

@@ -72,7 +72,9 @@
     &:hover {
     &:hover {
       color: $subMenuActiveText !important;
       color: $subMenuActiveText !important;
       @include font_color("submenuColor");
       @include font_color("submenuColor");
+      border-right: 5px solid #36CEB6;
       @include background_color("submenuBg");
       @include background_color("submenuBg");
+      box-sizing: border-box;
 
 
       .svg-icon,
       .svg-icon,
       i,
       i,
@@ -92,6 +94,8 @@
     &:hover {
     &:hover {
       @include font_color("submenuColor");
       @include font_color("submenuColor");
       @include background_color("submenuBg");
       @include background_color("submenuBg");
+      border-right: 5px solid #36CEB6;
+      box-sizing: border-box;
 
 
       .svg-icon {
       .svg-icon {
         color: #1ea6f8 !important;
         color: #1ea6f8 !important;
@@ -108,7 +112,7 @@
     @include background_color("submenuBg");
     @include background_color("submenuBg");
     @include font_color("submenuColor");
     @include font_color("submenuColor");
     border-right: 5px solid #36CEB6;
     border-right: 5px solid #36CEB6;
-
+    box-sizing: border-box;
     .svg-icon {
     .svg-icon {
       color: #1ea6f8 !important;
       color: #1ea6f8 !important;
     }
     }

 <!--
 <!--
  * @Author: xiaomiao 1158771342@qq.com
  * @Author: xiaomiao 1158771342@qq.com
  * @Date: 2023-03-09 20:54:28
  * @Date: 2023-03-09 20:54:28
- * @LastEditors: xiaomiao 1158771342@qq.com
- * @LastEditTime: 2023-03-27 14:26:49
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2023-03-30 11:21:49
  * @FilePath: \上报\bdcjg-web\src\views\system\information\index.vue
  * @FilePath: \上报\bdcjg-web\src\views\system\information\index.vue
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 -->
 -->
@@ -10,7 +10,7 @@
   <div class="information from-clues">
   <div class="information from-clues">
     <div class="from-clues-header">
     <div class="from-clues-header">
       <el-form ref="ruleForm" label-width="100px">
       <el-form ref="ruleForm" label-width="100px">
-        <el-form-item v-if="BASE_API.THEME=='jg'">
+        <el-form-item v-if="BASE_API.THEME == 'jg'">
           <Breadcrumb />
           <Breadcrumb />
         </el-form-item>
         </el-form-item>
         <el-row class="mb-5">
         <el-row class="mb-5">
@@ -25,7 +25,7 @@
         </el-row>
         </el-row>
       </el-form>
       </el-form>
     </div>
     </div>
-    <div class="from-clues-content boxin">
+    <div class="from-clues-content">
       <div class="contentbox">
       <div class="contentbox">
         <base-set v-if="isshow" :userInfo="userData" />
         <base-set v-if="isshow" :userInfo="userData" />
         <password-edit v-if="!isshow" :userInfo="userData" />
         <password-edit v-if="!isshow" :userInfo="userData" />
@@ -34,38 +34,49 @@
   </div>
   </div>
 </template>
 </template>
 <script>
 <script>
-  import "@/utils/flexible.js";
-  import BaseSet from "./base-set.vue";
-  import PasswordEdit from "./password-edit.vue";
-  export default {
-    components: {
-      BaseSet,
-      PasswordEdit,
+import "@/utils/flexible.js";
+import BaseSet from "./base-set.vue";
+import PasswordEdit from "./password-edit.vue";
+export default {
+  components: {
+    BaseSet,
+    PasswordEdit,
+  },
+  data () {
+    return {
+      isshow: true,
+    };
+  },
+  computed: {
+    userData () {
+      return this.$store.state.user.userInfo;
     },
     },
-    data () {
-      return {
-        isshow: true,
-      };
+  },
+  watch: {},
+  created () { },
+  mounted () { },
+  methods: {
+    information () {
+      this.isshow = true;
     },
     },
-    computed: {
-      userData () {
-        return this.$store.state.user.userInfo;
-      },
+    password () {
+      this.isshow = false;
     },
     },
-    watch: {},
-    created () { },
-    mounted () { },
-    methods: {
-      information () {
-        this.isshow = true;
-      },
-      password () {
-        this.isshow = false;
-      },
-    },
-  };
+  },
+};
 </script>
 </script>
 
 
 <style scoped lang="scss">
 <style scoped lang="scss">
 @import "~@/styles/mixin.scss";
 @import "~@/styles/mixin.scss";
+
+.information {
+  height: calc(100% - 58px);
+  display: flex;
+  flex-direction: column;
+}
+
+.from-clues-content {
+  flex: 1;
+  height: 100%;
+}
 </style>
 </style>