From 2706a375cc779a77674c9f3df3833d9a3f804d59 Mon Sep 17 00:00:00 2001
From: ColorWhiteDeveloper <2632970487@qq.com>
Date: 星期一, 19 九月 2022 18:35:07 +0800
Subject: [PATCH] 修改样式
---
src/views/systemSetting/baseSetting/authority/createUser/index.vue | 7 ++-
src/views/systemSetting/baseSetting/department/createUser/index.vue | 7 ++-
src/views/systemSetting/baseSetting/department/index.vue | 19 +++++----
src/views/systemSetting/baseSetting/user/createUser/index.vue | 7 ++-
src/views/systemSetting/baseSetting/authority/index.vue | 19 +++++----
src/views/systemSetting/baseSetting/role/createUser/index.vue | 7 ++-
src/views/systemSetting/baseSetting/user/index.vue | 19 +++++----
src/views/systemSetting/baseSetting/role/index.vue | 12 +++--
8 files changed, 57 insertions(+), 40 deletions(-)
diff --git a/src/views/systemSetting/baseSetting/authority/createUser/index.vue b/src/views/systemSetting/baseSetting/authority/createUser/index.vue
index 872c556..a56064a 100644
--- a/src/views/systemSetting/baseSetting/authority/createUser/index.vue
+++ b/src/views/systemSetting/baseSetting/authority/createUser/index.vue
@@ -307,7 +307,7 @@
border-radius: 1px;
// min-width: 1024px;
// min-height: 1450px;
- background-color: #fff;
+ background-color: #09152f;
header {
display: flex;
@@ -315,6 +315,7 @@
height: 60px;
line-height: 60px;
padding: 0 20px;
+ border: 1px solid #fff;
.headerTitle {
font-weight: 600;
color: #666;
@@ -330,9 +331,11 @@
}
main {
- border-top: 1px solid #f0f2f5;
+ // border-top: 1px solid #f0f2f5;
+ border: 1px solid #fff;
text-align: left;
padding: 0 55px;
+ background-color: #09152f;
.mainTitle {
// margin-left: 60px;
color: #666;
diff --git a/src/views/systemSetting/baseSetting/authority/index.vue b/src/views/systemSetting/baseSetting/authority/index.vue
index 02590b6..f2da19c 100644
--- a/src/views/systemSetting/baseSetting/authority/index.vue
+++ b/src/views/systemSetting/baseSetting/authority/index.vue
@@ -24,10 +24,10 @@
:data="tableData" style="width: 100%" :row-class-name="tableRowClassName">
<el-table-column type="selection" width="55">
</el-table-column>
- <el-table-column label="鐢ㄦ埛ID" width="67">
+ <el-table-column label="鐢ㄦ埛ID" width="80">
<template slot-scope="scope">{{ scope.row.id }}</template>
</el-table-column>
- <el-table-column prop="nickName" label="鐢ㄦ埛鍚嶇О" width="82">
+ <el-table-column prop="nickName" label="鐢ㄦ埛鍚嶇О" width="100">
</el-table-column>
<el-table-column prop="username" label="鎵�灞炲鍚�" width="76">
</el-table-column>
@@ -41,14 +41,14 @@
</el-table-column>
<el-table-column prop="createTime" label="鍒涘缓鏃堕棿" width="128">
</el-table-column>
- <el-table-column prop="status" label="鍚敤" width="90">
+ <el-table-column prop="status" label="鍚敤" width="120">
<template slot-scope="scope">
<el-switch class="switchStyle" v-model="scope.row.status" active-text="寮�" inactive-text="鍏�"
active-color="#3fef9a" inactive-color="#000212" @change="handleChangeStatus(scope.row)">
</el-switch>
</template>
</el-table-column>
- <el-table-column prop="operation" label="鎿嶄綔" width="246">
+ <el-table-column prop="operation" label="鎿嶄綔" width="366">
<template slot-scope="scope">
<div class="operation">
<!-- <span @click="handleChangeRole(scope.row)">淇敼瑙掕壊</span> -->
@@ -137,7 +137,7 @@
header {
background-color: #09152f;
-
+ border: 1pox solid #fff;
.headerContent {
padding: 0 40px;
display: flex;
@@ -183,10 +183,10 @@
main {
background-color: #09152f;
- margin-top: 20px;
+ padding-top: 20px;
// padding: 0 40px;
padding-bottom: 50px;
-
+ border: 1pox solid #fff;
.mainTitle {
line-height: 60px;
}
@@ -196,7 +196,6 @@
.el-table {
color: #4b9bb7;
font-size: 10px;
-
.operation {
display: flex;
// justify-content: space-around;
@@ -209,7 +208,9 @@
}
}
}
-
+.el-dialog__header,.el-dialog__body{
+ background-color: #06122c;
+}
.el-table .warning-row {
background: #06122c;
}
diff --git a/src/views/systemSetting/baseSetting/department/createUser/index.vue b/src/views/systemSetting/baseSetting/department/createUser/index.vue
index 872c556..a56064a 100644
--- a/src/views/systemSetting/baseSetting/department/createUser/index.vue
+++ b/src/views/systemSetting/baseSetting/department/createUser/index.vue
@@ -307,7 +307,7 @@
border-radius: 1px;
// min-width: 1024px;
// min-height: 1450px;
- background-color: #fff;
+ background-color: #09152f;
header {
display: flex;
@@ -315,6 +315,7 @@
height: 60px;
line-height: 60px;
padding: 0 20px;
+ border: 1px solid #fff;
.headerTitle {
font-weight: 600;
color: #666;
@@ -330,9 +331,11 @@
}
main {
- border-top: 1px solid #f0f2f5;
+ // border-top: 1px solid #f0f2f5;
+ border: 1px solid #fff;
text-align: left;
padding: 0 55px;
+ background-color: #09152f;
.mainTitle {
// margin-left: 60px;
color: #666;
diff --git a/src/views/systemSetting/baseSetting/department/index.vue b/src/views/systemSetting/baseSetting/department/index.vue
index 02590b6..f2da19c 100644
--- a/src/views/systemSetting/baseSetting/department/index.vue
+++ b/src/views/systemSetting/baseSetting/department/index.vue
@@ -24,10 +24,10 @@
:data="tableData" style="width: 100%" :row-class-name="tableRowClassName">
<el-table-column type="selection" width="55">
</el-table-column>
- <el-table-column label="鐢ㄦ埛ID" width="67">
+ <el-table-column label="鐢ㄦ埛ID" width="80">
<template slot-scope="scope">{{ scope.row.id }}</template>
</el-table-column>
- <el-table-column prop="nickName" label="鐢ㄦ埛鍚嶇О" width="82">
+ <el-table-column prop="nickName" label="鐢ㄦ埛鍚嶇О" width="100">
</el-table-column>
<el-table-column prop="username" label="鎵�灞炲鍚�" width="76">
</el-table-column>
@@ -41,14 +41,14 @@
</el-table-column>
<el-table-column prop="createTime" label="鍒涘缓鏃堕棿" width="128">
</el-table-column>
- <el-table-column prop="status" label="鍚敤" width="90">
+ <el-table-column prop="status" label="鍚敤" width="120">
<template slot-scope="scope">
<el-switch class="switchStyle" v-model="scope.row.status" active-text="寮�" inactive-text="鍏�"
active-color="#3fef9a" inactive-color="#000212" @change="handleChangeStatus(scope.row)">
</el-switch>
</template>
</el-table-column>
- <el-table-column prop="operation" label="鎿嶄綔" width="246">
+ <el-table-column prop="operation" label="鎿嶄綔" width="366">
<template slot-scope="scope">
<div class="operation">
<!-- <span @click="handleChangeRole(scope.row)">淇敼瑙掕壊</span> -->
@@ -137,7 +137,7 @@
header {
background-color: #09152f;
-
+ border: 1pox solid #fff;
.headerContent {
padding: 0 40px;
display: flex;
@@ -183,10 +183,10 @@
main {
background-color: #09152f;
- margin-top: 20px;
+ padding-top: 20px;
// padding: 0 40px;
padding-bottom: 50px;
-
+ border: 1pox solid #fff;
.mainTitle {
line-height: 60px;
}
@@ -196,7 +196,6 @@
.el-table {
color: #4b9bb7;
font-size: 10px;
-
.operation {
display: flex;
// justify-content: space-around;
@@ -209,7 +208,9 @@
}
}
}
-
+.el-dialog__header,.el-dialog__body{
+ background-color: #06122c;
+}
.el-table .warning-row {
background: #06122c;
}
diff --git a/src/views/systemSetting/baseSetting/role/createUser/index.vue b/src/views/systemSetting/baseSetting/role/createUser/index.vue
index 872c556..a56064a 100644
--- a/src/views/systemSetting/baseSetting/role/createUser/index.vue
+++ b/src/views/systemSetting/baseSetting/role/createUser/index.vue
@@ -307,7 +307,7 @@
border-radius: 1px;
// min-width: 1024px;
// min-height: 1450px;
- background-color: #fff;
+ background-color: #09152f;
header {
display: flex;
@@ -315,6 +315,7 @@
height: 60px;
line-height: 60px;
padding: 0 20px;
+ border: 1px solid #fff;
.headerTitle {
font-weight: 600;
color: #666;
@@ -330,9 +331,11 @@
}
main {
- border-top: 1px solid #f0f2f5;
+ // border-top: 1px solid #f0f2f5;
+ border: 1px solid #fff;
text-align: left;
padding: 0 55px;
+ background-color: #09152f;
.mainTitle {
// margin-left: 60px;
color: #666;
diff --git a/src/views/systemSetting/baseSetting/role/index.vue b/src/views/systemSetting/baseSetting/role/index.vue
index 8958fd2..f2da19c 100644
--- a/src/views/systemSetting/baseSetting/role/index.vue
+++ b/src/views/systemSetting/baseSetting/role/index.vue
@@ -48,7 +48,7 @@
</el-switch>
</template>
</el-table-column>
- <el-table-column prop="operation" label="鎿嶄綔" width="500">
+ <el-table-column prop="operation" label="鎿嶄綔" width="366">
<template slot-scope="scope">
<div class="operation">
<!-- <span @click="handleChangeRole(scope.row)">淇敼瑙掕壊</span> -->
@@ -137,7 +137,7 @@
header {
background-color: #09152f;
-
+ border: 1pox solid #fff;
.headerContent {
padding: 0 40px;
display: flex;
@@ -183,10 +183,10 @@
main {
background-color: #09152f;
- margin-top: 20px;
+ padding-top: 20px;
// padding: 0 40px;
padding-bottom: 50px;
-
+ border: 1pox solid #fff;
.mainTitle {
line-height: 60px;
}
@@ -208,7 +208,9 @@
}
}
}
-
+.el-dialog__header,.el-dialog__body{
+ background-color: #06122c;
+}
.el-table .warning-row {
background: #06122c;
}
diff --git a/src/views/systemSetting/baseSetting/user/createUser/index.vue b/src/views/systemSetting/baseSetting/user/createUser/index.vue
index 872c556..a56064a 100644
--- a/src/views/systemSetting/baseSetting/user/createUser/index.vue
+++ b/src/views/systemSetting/baseSetting/user/createUser/index.vue
@@ -307,7 +307,7 @@
border-radius: 1px;
// min-width: 1024px;
// min-height: 1450px;
- background-color: #fff;
+ background-color: #09152f;
header {
display: flex;
@@ -315,6 +315,7 @@
height: 60px;
line-height: 60px;
padding: 0 20px;
+ border: 1px solid #fff;
.headerTitle {
font-weight: 600;
color: #666;
@@ -330,9 +331,11 @@
}
main {
- border-top: 1px solid #f0f2f5;
+ // border-top: 1px solid #f0f2f5;
+ border: 1px solid #fff;
text-align: left;
padding: 0 55px;
+ background-color: #09152f;
.mainTitle {
// margin-left: 60px;
color: #666;
diff --git a/src/views/systemSetting/baseSetting/user/index.vue b/src/views/systemSetting/baseSetting/user/index.vue
index 02590b6..f2da19c 100644
--- a/src/views/systemSetting/baseSetting/user/index.vue
+++ b/src/views/systemSetting/baseSetting/user/index.vue
@@ -24,10 +24,10 @@
:data="tableData" style="width: 100%" :row-class-name="tableRowClassName">
<el-table-column type="selection" width="55">
</el-table-column>
- <el-table-column label="鐢ㄦ埛ID" width="67">
+ <el-table-column label="鐢ㄦ埛ID" width="80">
<template slot-scope="scope">{{ scope.row.id }}</template>
</el-table-column>
- <el-table-column prop="nickName" label="鐢ㄦ埛鍚嶇О" width="82">
+ <el-table-column prop="nickName" label="鐢ㄦ埛鍚嶇О" width="100">
</el-table-column>
<el-table-column prop="username" label="鎵�灞炲鍚�" width="76">
</el-table-column>
@@ -41,14 +41,14 @@
</el-table-column>
<el-table-column prop="createTime" label="鍒涘缓鏃堕棿" width="128">
</el-table-column>
- <el-table-column prop="status" label="鍚敤" width="90">
+ <el-table-column prop="status" label="鍚敤" width="120">
<template slot-scope="scope">
<el-switch class="switchStyle" v-model="scope.row.status" active-text="寮�" inactive-text="鍏�"
active-color="#3fef9a" inactive-color="#000212" @change="handleChangeStatus(scope.row)">
</el-switch>
</template>
</el-table-column>
- <el-table-column prop="operation" label="鎿嶄綔" width="246">
+ <el-table-column prop="operation" label="鎿嶄綔" width="366">
<template slot-scope="scope">
<div class="operation">
<!-- <span @click="handleChangeRole(scope.row)">淇敼瑙掕壊</span> -->
@@ -137,7 +137,7 @@
header {
background-color: #09152f;
-
+ border: 1pox solid #fff;
.headerContent {
padding: 0 40px;
display: flex;
@@ -183,10 +183,10 @@
main {
background-color: #09152f;
- margin-top: 20px;
+ padding-top: 20px;
// padding: 0 40px;
padding-bottom: 50px;
-
+ border: 1pox solid #fff;
.mainTitle {
line-height: 60px;
}
@@ -196,7 +196,6 @@
.el-table {
color: #4b9bb7;
font-size: 10px;
-
.operation {
display: flex;
// justify-content: space-around;
@@ -209,7 +208,9 @@
}
}
}
-
+.el-dialog__header,.el-dialog__body{
+ background-color: #06122c;
+}
.el-table .warning-row {
background: #06122c;
}
--
Gitblit v1.8.0