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