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