From 091618590e16bc7e3f989944494b49ab6e98b626 Mon Sep 17 00:00:00 2001
From: “dzb” <2632970487@qq.com>
Date: 星期三, 21 九月 2022 09:50:49 +0800
Subject: [PATCH] 注册、查看、修改组件顶部背景色改为白色

---
 src/views/systemSetting/baseSetting/user/updateUser/index.vue       |   58 ++++----
 src/views/systemSetting/baseSetting/department/createUser/index.vue |   47 +++---
 src/views/systemSetting/baseSetting/department/index.vue            |   22 ++
 src/views/systemSetting/baseSetting/department/updateUser/index.vue |   58 ++++----
 src/views/systemSetting/baseSetting/user/createUser/index.vue       |   59 ++++----
 src/views/systemSetting/baseSetting/role/createUser/index.vue       |   46 +++---
 src/views/systemSetting/baseSetting/user/index.vue                  |   22 ++
 src/views/systemSetting/baseSetting/role/updateUser/index.vue       |   44 +++---
 src/views/systemSetting/baseSetting/role/index.vue                  |   25 ++
 9 files changed, 216 insertions(+), 165 deletions(-)

diff --git a/src/views/systemSetting/baseSetting/department/createUser/index.vue b/src/views/systemSetting/baseSetting/department/createUser/index.vue
index 97e6361..4e4daee 100644
--- a/src/views/systemSetting/baseSetting/department/createUser/index.vue
+++ b/src/views/systemSetting/baseSetting/department/createUser/index.vue
@@ -1,11 +1,11 @@
 <template>
     <div class="createUser">
-        <header>
+        <!-- <header>
             <div class="headerTitle">鏂板閮ㄩ棬淇℃伅</div>
             <div class="headerTip">
                 <label>x</label>
             </div>
-        </header>
+        </header> -->
         <main>
             <div class="mainContent">
                 <el-form ref="user" label-width="140px" autoComplete="on" :model="depart" :rules="createDepartRules"
@@ -154,39 +154,38 @@
     border-radius: 1px;
     background-color: #09152f;
 
-    header {
-        display: flex;
-        justify-content: space-between;
-        height: 60px;
-        line-height: 60px;
-        padding: 0 20px;
-        border: 1px solid #fff;
+    // header {
+    //     display: flex;
+    //     justify-content: space-between;
+    //     height: 60px;
+    //     line-height: 60px;
+    //     padding: 0 20px;
+    //     border: 1px solid #fff;
 
-        .headerTitle {
-            color: #4b9bb7;
-            font-weight: 600;
-        }
+    //     .headerTitle {
+    //         color: #4b9bb7;
+    //         font-weight: 600;
+    //     }
 
-        .headerTip span {
-            color: #ff3b6c;
-        }
+    //     .headerTip span {
+    //         color: #ff3b6c;
+    //     }
 
-        .headerTip label {
-            color: #4b9bb7;
-        }
-    }
+    //     .headerTip label {
+    //         color: #4b9bb7;
+    //     }
+    // }
 
     main {
-        border: 1px solid #fff;
+        // border: 1px solid #fff;
         text-align: left;
         padding: 0 55px;
         background-color: #09152f;
         padding-bottom: 50px;
-
         .mainContent {
             display: flex;
             justify-content: center;
-            margin-top: 50px;
+            padding-top: 50px;
             &::v-deep .el-form-item__label {
                 color: #4b9bb7;
             }
@@ -234,7 +233,7 @@
         }
     }
     footer{
-        border: 1px solid #fff;
+        border-top: 1px solid #fff;
         height: 80px;
         display: flex;
         align-items: center;
diff --git a/src/views/systemSetting/baseSetting/department/index.vue b/src/views/systemSetting/baseSetting/department/index.vue
index b33e99c..c9556d0 100644
--- a/src/views/systemSetting/baseSetting/department/index.vue
+++ b/src/views/systemSetting/baseSetting/department/index.vue
@@ -11,7 +11,7 @@
                 </div>
                 <div class="addUser">
                     <el-button class="addBtn" type="primary" @click="dialogCreate = true">鏂板閮ㄩ棬</el-button>
-                    <el-dialog :visible.sync="dialogCreate" width="45%" v-if="dialogCreate">
+                    <el-dialog :visible.sync="dialogCreate" title="鏂板閮ㄩ棬淇℃伅" width="45%" v-if="dialogCreate">
                         <createUser :refresh="getUserList" />
                     </el-dialog>
                 </div>
@@ -57,7 +57,7 @@
                     </el-table-column>
                 </el-table>
                 <!-- 鏌ョ湅淇敼椤甸潰 -->
-                <el-dialog :visible.sync="dialogUpdate" width="45%" v-if="dialogUpdate">
+                <el-dialog :visible.sync="dialogUpdate" width="45%" :title="updateFlag ? '淇敼閮ㄩ棬淇℃伅' :'鏌ョ湅閮ㄩ棬淇℃伅'" v-if="dialogUpdate">
                     <updateUser :updateFlag="updateFlag" :userInfo="userInfo" :getUserList="getUserList"  @changeDialog="changMyDialog"  />
                 </el-dialog>
                 <!-- 鍒嗛〉 -->
@@ -335,5 +335,23 @@
     &::v-deep .el-dialog__body {
         background-color: #06122c;
     }
+    &::v-deep .el-dialog__header{
+        display: flex;
+        align-items: center;
+        background-color: #fff;
+        padding: 20px;
+        line-height: 60px;
+    }
+    &::v-deep .el-dialog__title{
+        color: #4b9bb7;
+    }
+    &::v-deep .el-dialog__close{
+        width: 20px;
+        height: 20px;
+        // color: #fff;
+    }
+    &::v-deep .el-dialog__body{
+        padding: 0;
+    }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/systemSetting/baseSetting/department/updateUser/index.vue b/src/views/systemSetting/baseSetting/department/updateUser/index.vue
index c1280ce..44f43fc 100644
--- a/src/views/systemSetting/baseSetting/department/updateUser/index.vue
+++ b/src/views/systemSetting/baseSetting/department/updateUser/index.vue
@@ -1,8 +1,8 @@
 <template>
     <div class="updateUser">
-        <header>
-            <div class="headerTitle">{{updateFlag ? '淇敼鐢ㄦ埛閮ㄩ棬淇℃伅' :'鏌ョ湅鐢ㄦ埛淇℃伅'}}</div>
-        </header>
+        <!-- <header>
+             <div class="headerTitle">{{updateFlag ? '淇敼鐢ㄦ埛閮ㄩ棬淇℃伅' :'鏌ョ湅鐢ㄦ埛淇℃伅'}}</div>
+        </header> -->
         <main>
             <div class="mainContent">
                 <el-form ref="user" label-width="140px" autoComplete="on" :model="user" :rules="createUserRules"
@@ -146,46 +146,46 @@
     border-radius: 1px;
     background-color: #09152f;
 
-    header {
-        display: flex;
-        justify-content: center;
-        height: 60px;
-        line-height: 60px;
-        padding: 0 20px;
-        border: 1px solid #fff;
+    // header {
+    //     display: flex;
+    //     justify-content: center;
+    //     height: 60px;
+    //     line-height: 60px;
+    //     padding: 0 20px;
+    //     border: 1px solid #fff;
 
-        .headerTitle {
-            color: #4b9bb7;
-            font-weight: 600;
-        }
+    //     .headerTitle {
+    //         color: #4b9bb7;
+    //         font-weight: 600;
+    //     }
 
-        .headerTip span {
-            color: #ff3b6c;
-        }
+    //     .headerTip span {
+    //         color: #ff3b6c;
+    //     }
 
-        .headerTip label {
-            color: #4b9bb7;
-        }
-    }
+    //     .headerTip label {
+    //         color: #4b9bb7;
+    //     }
+    // }
 
     main {
-        border: 1px solid #fff;
+        // border: 1px solid #fff;
         text-align: left;
         padding: 0 55px;
         background-color: #09152f;
         padding-bottom: 50px;
 
-        .mainTitle {
-            color: #4b9bb7;
-            font-weight: 600;
-            line-height: 100px;
-            font-size: 14px;
-        }
+        // .mainTitle {
+        //     color: #4b9bb7;
+        //     font-weight: 600;
+        //     line-height: 100px;
+        //     font-size: 14px;
+        // }
 
         .mainContent {
             display: flex;
             justify-content: center;
-            margin-top: 50px;
+            padding-top: 50px;
 
             .el-form-item__content {
                 width: 400px;
diff --git a/src/views/systemSetting/baseSetting/role/createUser/index.vue b/src/views/systemSetting/baseSetting/role/createUser/index.vue
index 8d60730..9d8fbc2 100644
--- a/src/views/systemSetting/baseSetting/role/createUser/index.vue
+++ b/src/views/systemSetting/baseSetting/role/createUser/index.vue
@@ -1,11 +1,11 @@
 <template>
     <div class="createUser">
-        <header>
-            <div class="headerTitle">鏂板璐︽埛</div>
+        <!-- <header>
+            <div class="headerTitle">鏂板瑙掕壊</div>
             <div class="headerTip">
                 <label>x</label>
             </div>
-        </header>
+        </header> -->
         <main>
             <div class="mainContent">
                 <el-form ref="user" label-width="140px" autoComplete="on" :model="role" :rules="createRoleRules"
@@ -123,30 +123,30 @@
     border-radius: 1px;
     background-color: #09152f;
 
-    header {
-        display: flex;
-        justify-content: space-between;
-        height: 60px;
-        line-height: 60px;
-        padding: 0 20px;
-        border: 1px solid #fff;
+    // header {
+    //     display: flex;
+    //     justify-content: space-between;
+    //     height: 60px;
+    //     line-height: 60px;
+    //     padding: 0 20px;
+    //     border: 1px solid #fff;
 
-        .headerTitle {
-            color: #4b9bb7;
-            font-weight: 600;
-        }
+    //     .headerTitle {
+    //         color: #4b9bb7;
+    //         font-weight: 600;
+    //     }
 
-        .headerTip span {
-            color: #ff3b6c;
-        }
+    //     .headerTip span {
+    //         color: #ff3b6c;
+    //     }
 
-        .headerTip label {
-            color: #4b9bb7;
-        }
-    }
+    //     .headerTip label {
+    //         color: #4b9bb7;
+    //     }
+    // }
 
     main {
-        border: 1px solid #fff;
+        // border: 1px solid #fff;
         text-align: left;
         padding: 0 55px;
         background-color: #09152f;
@@ -155,7 +155,7 @@
         .mainContent {
             display: flex;
             justify-content: center;
-            margin-top: 50px;
+            padding-top: 50px;
             &::v-deep .el-form-item__label {
                 color: #4b9bb7;
             }
diff --git a/src/views/systemSetting/baseSetting/role/index.vue b/src/views/systemSetting/baseSetting/role/index.vue
index 42bd7e0..be67cba 100644
--- a/src/views/systemSetting/baseSetting/role/index.vue
+++ b/src/views/systemSetting/baseSetting/role/index.vue
@@ -11,7 +11,7 @@
                 </div>
                 <div class="addUser">
                     <el-button class="addBtn" type="primary" @click="dialogCreate = true">鏂板缓瑙掕壊</el-button>
-                    <el-dialog :visible.sync="dialogCreate" width="45%" v-if="dialogCreate">
+                    <el-dialog :visible.sync="dialogCreate" title="鏂板瑙掕壊" width="45%" v-if="dialogCreate">
                         <createUser :refresh="getUserList" />
                     </el-dialog>
                 </div>
@@ -57,7 +57,7 @@
                     </el-table-column>
                 </el-table>
                 <!-- 鏌ョ湅淇敼椤甸潰 -->
-                <el-dialog :visible.sync="dialogUpdate" width="45%" v-if="dialogUpdate">
+                <el-dialog :visible.sync="dialogUpdate" width="45%" :title="updateFlag ? '淇敼瑙掕壊淇℃伅' :'鏌ョ湅瑙掕壊淇℃伅'" v-if="dialogUpdate">
                     <updateUser :updateFlag="updateFlag" :userInfo=userInfo :getUserList=getUserList @changeDialog="changeDialog"  />
                 </el-dialog>
                 <!-- 鍒嗛〉 -->
@@ -357,8 +357,23 @@
     &::v-deep .el-dialog__body {
         background-color: #06122c;
     }
-    // &::v-deep .el-dialog__title{
-    //     color: #4b9bb7;
-    // }
+    &::v-deep .el-dialog__header{
+        display: flex;
+        align-items: center;
+        background-color: #fff;
+        padding: 20px;
+        line-height: 60px;
+    }
+    &::v-deep .el-dialog__title{
+        color: #4b9bb7;
+    }
+    &::v-deep .el-dialog__close{
+        width: 20px;
+        height: 20px;
+        // color: #fff;
+    }
+    &::v-deep .el-dialog__body{
+        padding: 0;
+    }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/systemSetting/baseSetting/role/updateUser/index.vue b/src/views/systemSetting/baseSetting/role/updateUser/index.vue
index 1f4aa2b..5d2e253 100644
--- a/src/views/systemSetting/baseSetting/role/updateUser/index.vue
+++ b/src/views/systemSetting/baseSetting/role/updateUser/index.vue
@@ -1,8 +1,8 @@
 <template>
     <div class="updateUser">
-        <header>
+        <!-- <header>
             <div class="headerTitle">{{updateFlag ? '淇敼瑙掕壊淇℃伅' :'鏌ョ湅瑙掕壊淇℃伅'}}</div>
-        </header>
+        </header> -->
         <main>
             <div class="mainContent">
                 <el-form ref="user" label-width="140px" autoComplete="on" :model="role" :rules="createRoleRules"
@@ -123,29 +123,29 @@
     border-radius: 1px;
     background-color: #09152f;
 
-    header {
-        display: flex;
-        justify-content: center;
-        height: 60px;
-        line-height: 60px;
-        padding: 0 20px;
-        border: 1px solid #fff;
-        .headerTitle {
-            color: #4b9bb7;
-            font-weight: 600;
-        }
+    // header {
+    //     display: flex;
+    //     justify-content: center;
+    //     height: 60px;
+    //     line-height: 60px;
+    //     padding: 0 20px;
+    //     border: 1px solid #fff;
+    //     .headerTitle {
+    //         color: #4b9bb7;
+    //         font-weight: 600;
+    //     }
 
-        .headerTip span {
-            color: #ff3b6c;
-        }
+    //     .headerTip span {
+    //         color: #ff3b6c;
+    //     }
 
-        .headerTip label {
-            color: #4b9bb7;
-        }
-    }
+    //     .headerTip label {
+    //         color: #4b9bb7;
+    //     }
+    // }
 
     main {
-        border: 1px solid #fff;
+        // border: 1px solid #fff;
         text-align: left;
         padding: 0 55px;
         background-color: #09152f;
@@ -153,7 +153,7 @@
         .mainContent {
             display: flex;
             justify-content: center;
-            margin-top: 50px    ;
+            padding-top: 50px;
             .el-form-item__content {
                 width: 400px;
 
diff --git a/src/views/systemSetting/baseSetting/user/createUser/index.vue b/src/views/systemSetting/baseSetting/user/createUser/index.vue
index 28e70ed..3c36297 100644
--- a/src/views/systemSetting/baseSetting/user/createUser/index.vue
+++ b/src/views/systemSetting/baseSetting/user/createUser/index.vue
@@ -1,14 +1,14 @@
 <template>
     <div class="createUser">
-        <header>
+        <!-- <header>
             <div class="headerTitle">鏂板璐︽埛</div>
             <div class="headerTip">
                 <span>*</span>
                 <label>涓哄繀濉」</label>
             </div>
-        </header>
+        </header> -->
         <main>
-            <div class="mainTitle">鍩虹淇℃伅</div>
+            <!-- <div class="mainTitle">鍩虹淇℃伅</div> -->
             <div class="mainContent">
                 <el-form ref="user" label-width="140px" autoComplete="on" :model="user" :rules="createUserRules"
                     label-position="right">
@@ -306,45 +306,46 @@
     border-radius: 1px;
     background-color: #09152f;
 
-    header {
-        display: flex;
-        justify-content: space-between;
-        height: 60px;
-        line-height: 60px;
-        padding: 0 20px;
-        border: 1px solid #fff;
+    // header {
+    //     display: flex;
+    //     justify-content: space-between;
+    //     height: 60px;
+    //     line-height: 60px;
+    //     padding: 0 20px;
+    //     border: 1px solid #fff;
 
-        .headerTitle {
-            color: #4b9bb7;
-            font-weight: 600;
-        }
+    //     .headerTitle {
+    //         color: #4b9bb7;
+    //         font-weight: 600;
+    //     }
 
-        .headerTip span {
-            color: #ff3b6c;
-        }
+    //     .headerTip span {
+    //         color: #ff3b6c;
+    //     }
 
-        .headerTip label {
-            color: #4b9bb7;
-        }
-    }
+    //     .headerTip label {
+    //         color: #4b9bb7;
+    //     }
+    // }
 
     main {
-        border: 1px solid #fff;
+        // border: 1px solid #fff;
         text-align: left;
         padding: 0 55px;
         background-color: #09152f;
         padding-bottom: 50px;
-        .mainTitle {
-            color: #4b9bb7;
-            font-weight: 600;
-            line-height: 100px;
-            font-size: 14px;
-        }
+        padding-top: 20px;
+        // .mainTitle {
+        //     color: #4b9bb7;
+        //     font-weight: 600;
+        //     line-height: 100px;
+        //     font-size: 14px;
+        // }
 
         .mainContent {
             display: flex;
             justify-content: center;
-
+            margin-top: 50px;
             &::v-deep .el-form-item__label {
                 color: #4b9bb7;
             }
diff --git a/src/views/systemSetting/baseSetting/user/index.vue b/src/views/systemSetting/baseSetting/user/index.vue
index b642c21..6286333 100644
--- a/src/views/systemSetting/baseSetting/user/index.vue
+++ b/src/views/systemSetting/baseSetting/user/index.vue
@@ -11,7 +11,7 @@
                 </div>
                 <div class="addUser">
                     <el-button class="addBtn" type="primary" @click="dialogCreate = true">娣诲姞鐢ㄦ埛</el-button>
-                    <el-dialog :visible.sync="dialogCreate" width="45%" v-if="dialogCreate"
+                    <el-dialog :visible.sync="dialogCreate" title="鏂板璐︽埛" width="45%" v-if="dialogCreate"
                         :before-close="handleClose1">
                         <createUser :refresh="getUserList" />
                     </el-dialog>
@@ -65,7 +65,7 @@
                 </el-table>
                 <!-- 鏌ョ湅淇敼椤甸潰 -->
                 <el-dialog :visible.sync="dialogUpdate" width="45%" v-if="dialogUpdate"
-                    :before-close="handleClose2">
+                    :before-close="handleClose2" :title="updateFlag ? '淇敼鐢ㄦ埛閮ㄩ棬淇℃伅' :'鏌ョ湅鐢ㄦ埛淇℃伅'">
                     <updateUser :updateFlag="updateFlag" :userInfo=userInfo  />
                 </el-dialog>
                 <!-- 鍒嗛〉 -->
@@ -369,5 +369,23 @@
     &::v-deep .el-dialog__body {
         background-color: #06122c;
     }
+    &::v-deep .el-dialog__header{
+        display: flex;
+        align-items: center;
+        background-color: #fff;
+        padding: 20px;
+        line-height: 60px;
+    }
+    &::v-deep .el-dialog__title{
+        color: #4b9bb7;
+    }
+    &::v-deep .el-dialog__close{
+        width: 20px;
+        height: 20px;
+        // color: #fff;
+    }
+    &::v-deep .el-dialog__body{
+        padding: 0;
+    }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/systemSetting/baseSetting/user/updateUser/index.vue b/src/views/systemSetting/baseSetting/user/updateUser/index.vue
index 270ee8c..eabcd01 100644
--- a/src/views/systemSetting/baseSetting/user/updateUser/index.vue
+++ b/src/views/systemSetting/baseSetting/user/updateUser/index.vue
@@ -1,10 +1,10 @@
 <template>
     <div class="updateUser">
-        <header>
+        <!-- <header>
             <div class="headerTitle">{{updateFlag ? '淇敼鐢ㄦ埛閮ㄩ棬淇℃伅' :'鏌ョ湅鐢ㄦ埛淇℃伅'}}</div>
-        </header>
+        </header> -->
         <main>
-            <div class="mainTitle">鍩虹淇℃伅</div>
+            <!-- <div class="mainTitle">鍩虹淇℃伅</div> -->
             <div class="mainContent">
                 <el-form ref="user" label-width="140px" autoComplete="on" :model="user" :rules="createUserRules"
                     label-position="right">
@@ -296,44 +296,44 @@
     border-radius: 1px;
     background-color: #09152f;
 
-    header {
-        display: flex;
-        justify-content: center;
-        height: 60px;
-        line-height: 60px;
-        padding: 0 20px;
-        border: 1px solid #fff;
-        .headerTitle {
-            color: #4b9bb7;
-            font-weight: 600;
-        }
+    // header {
+    //     display: flex;
+    //     justify-content: center;
+    //     height: 60px;
+    //     line-height: 60px;
+    //     padding: 0 20px;
+    //     border: 1px solid #fff;
+    //     .headerTitle {
+    //         color: #4b9bb7;
+    //         font-weight: 600;
+    //     }
 
-        .headerTip span {
-            color: #ff3b6c;
-        }
+    //     .headerTip span {
+    //         color: #ff3b6c;
+    //     }
 
-        .headerTip label {
-            color: #4b9bb7;
-        }
-    }
+    //     .headerTip label {
+    //         color: #4b9bb7;
+    //     }
+    // }
 
     main {
-        border: 1px solid #fff;
+        // border: 1px solid #fff;
         text-align: left;
         padding: 0 55px;
         background-color: #09152f;
         padding-bottom: 50px;
-        .mainTitle {
-            color: #4b9bb7;
-            font-weight: 600;
-            line-height: 100px;
-            font-size: 14px;
-        }
+        // .mainTitle {
+        //     color: #4b9bb7;
+        //     font-weight: 600;
+        //     line-height: 100px;
+        //     font-size: 14px;
+        // }
 
         .mainContent {
             display: flex;
             justify-content: center;
-
+            padding-top: 50px;
             .el-form-item__content {
                 width: 400px;
 

--
Gitblit v1.8.0