修改样式

src/components/usergrouptree/index.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: zk
  * @Date: 2022-02-09 15:47:09
- * @LastEditTime: 2022-02-21 10:07:44
+ * @LastEditTime: 2022-02-21 11:08:39
  * @LastEditors: your name
  * @Description: 用户组树
  * @FilePath: \Foshan4A4.0\src\components\usergrouptree\index.vue
@@ -154,6 +154,10 @@ export default {
     }
   }
   ::v-deep .content {
+    width: 100%;
+    height: calc(100% - 112px);
+    box-sizing: border-box;
+
     .custom-tree-node {
       margin-left: 10px;
       font-size: 14px;

src/views/accountGroupManagement/components/accountGroupEdit.vue

@@ -392,11 +392,11 @@ export default {
   }
 }
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .bf-postmanagementadd {
   width: 100%;
   padding: 30px 64px;
-  > .postmanagementadd_header {
+  ::v-deep > .postmanagementadd_header {
     width: 100%;
     height: 184px;
     background: #ffffff;

src/views/accountManagement/components/accountEdit.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: Badguy
  * @Date: 2022-02-15 11:37:42
- * @LastEditTime: 2022-02-21 09:53:36
+ * @LastEditTime: 2022-02-21 11:16:55
  * @LastEditors: your name
  * @Description: 编辑账号
  * have a nice day!
@@ -30,7 +30,7 @@
           <button
             type="submmit"
             class="btn-save"
-            @click="handleClickSave"
+            @click="handleClickSave('accountForm')"
           >保存</button>
         </div>
       </div>
@@ -334,11 +334,7 @@ export default {
           { required: true, message: '请输入账号名称', trigger: 'blur' },
           { min: 1, max: 32, message: '长度在 1到 32 个字符', trigger: 'blur' }
         ],
-        pwd: [
-          { required: true, message: '请输入账号密码', trigger: 'blur' },
-          { min: 8, message: '长度最少8个字符', trigger: 'blur' }
-        ],
-        desc: [{ min: 1, max: 128, message: '长度最多12个字符', trigger: 'blur' }]
+        desc: [{ min: 1, max: 128, message: '长度最多128个字符', trigger: 'blur' }]
       },
       accountForm: {
         name: null,
@@ -486,7 +482,17 @@ export default {
       console.log(data)
     },
     // 账号编辑保存
-    handleClickSave() {
+    handleClickSave(formName) {
+      this.$refs[formName].validate(valid => {
+        if (valid) {
+          this.handleSaveEdit()
+        } else {
+          console.log('error submit!!')
+          return false
+        }
+      })
+    },
+    handleSaveEdit() {
       const AuthList = this.permissionTreeChckedTemp.map(auth => auth.AuthList)
       const params = {
         AuthList,
@@ -546,7 +552,7 @@ export default {
 <style lang="scss" scoped>
 .account-edit {
   width: 100%;
-  height: calc(100vh - 178px);
+  height: calc(100% - 178px);
   padding: 0 146px;
   .account-edit-header {
     box-sizing: border-box;
@@ -609,11 +615,11 @@ export default {
       }
     }
   }
-  ::v-deep .content {
+  .content {
     width: 100%;
     height: calc(100% - 274px);
     box-sizing: border-box;
-    .el-empty {
+    ::v-deep .el-empty {
       padding: 0;
     }
     .content-card {

src/views/accountManagement/index.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: Badguy
  * @Date: 2022-02-17 16:08:29
- * @LastEditTime: 2022-02-17 16:10:26
+ * @LastEditTime: 2022-02-21 10:58:55
  * @LastEditors: your name
  * @Description: 账号管理
  * have a nice day!