From d942877495ceea1575e64fb6d4e2972f6da10cac Mon Sep 17 00:00:00 2001
From: odc.xiaohui <xiaohui@Q1>
Date: 星期三, 11 一月 2023 10:09:24 +0800
Subject: [PATCH] 2023/1/11 肖辉 修改UI样式
---
src/views/operate/car/lawCar/index.vue | 5
src/views/operate/writManager/writTemplate/index.vue | 17
src/views/operate/baseSetting/illegalBuild/index.vue | 21
src/views/operate/viewEvent/index.vue | 11
src/views/operate/baseSetting/violation/index.vue | 23
src/views/systemSetting/device/loudspeaker/index.vue | 17
src/components/Table/index.vue | 13
src/views/operate/management/message/index.vue | 12
src/views/operate/log/index.vue | 21
src/views/operate/message/myIndex/index.vue | 27 +
src/views/systemSetting/platform/cockpitManage/index.vue | 18
src/views/intelligentPatrol/statistics/unlawful/type/index.vue | 15
src/views/systemSetting/device/handheldTerminal/index.vue | 17
src/views/operate/myWait/index.vue | 20
src/views/operate/fivepack/threepack/components/content.vue | 13
src/views/operate/disposal/casepool/pool/index.vue | 31 +-
src/views/systemSetting/baseSetting/user/components/header/index.vue | 11
src/views/operate/disposal/casepool/learn/index.vue | 31 +
src/views/systemSetting/baseSetting/department/index.vue | 12
src/views/systemSetting/device/bayonet/index.vue | 4
src/views/operate/images/index.vue | 29 +
src/views/operate/disposal/casepool/notDeal/index.vue | 32 +
src/views/operate/sms/smsTemplate/index.vue | 25 +
src/views/intelligentPatrol/statistics/unlawful/point/index.vue | 11
src/views/operate/video/index.vue | 33 +-
src/views/intelligentPatrol/studyJudge/inspectionTable/index.vue | 10
src/views/systemSetting/baseSetting/user/components/main/index.vue | 2
src/views/intelligentPatrol/statistics/unlawful/time/index.vue | 11
src/views/operate/disposal/casepool/escalation/index.vue | 24 +
src/views/systemSetting/device/grid/index.vue | 5
src/views/operate/fivepack/threepack/components/aside/index.vue | 4
src/views/operate/message/mycontrol/index.vue | 11
src/views/operate/writManager/writ/index.vue | 17
src/views/operate/disposal/casepool/dispatch/index.vue | 20
src/views/operate/sms/smsIndex/index.vue | 26 +
src/views/operate/car/soilCar/index.vue | 4
src/views/operate/car/myIndex/index.vue | 47 +-
src/views/intelligentPatrol/statistics/unlawful/shop/index.vue | 11
src/views/video/index.vue | 19 +
src/views/operate/management/myIndex/index.vue | 22 +
src/views/intelligentPatrol/illegalSearch/index.vue | 25 +
src/views/systemSetting/baseSetting/user/index.vue | 5
src/views/systemSetting/device/grid/components/main/index.vue | 12
src/App.vue | 16
src/views/systemSetting/baseSetting/role/index.vue | 26 +
src/views/intelligentPatrol/statistics/unlawful/area/index.vue | 17
46 files changed, 483 insertions(+), 320 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index b58e05d..1dee9fa 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -79,8 +79,8 @@
}
.button-addition {
- background-color: #eb5d01 !important;
- border: 1px solid #eb5d01 !important;
+ background-color: #eb5d01;
+ border: 1px solid #eb5d01;
color: #ffffff;
}
@@ -133,12 +133,20 @@
}
#app {
+ .userList{
+
+ }
+ .list{
+
+ }
// 璁剧疆寮瑰嚭妗嗘牱寮�
.el-dialog__title {
- color: #E9eef3;
+ color: #333;
}
.el-dialog__header {
- background-color: #09152f;
+ color: black;
+ background-color: #DCDFE6;
+ //border: 1px solid #DCDFE6;
}
// 璁剧疆table鏍峰紡
diff --git a/src/components/Table/index.vue b/src/components/Table/index.vue
index d1afdbc..4a560a0 100644
--- a/src/components/Table/index.vue
+++ b/src/components/Table/index.vue
@@ -1,8 +1,11 @@
<template>
<div class="Table">
<div class="datatable">
- <el-table ref="multipleTable" :data="tableData" style="width: 100%"
- :header-cell-style="{'font-size':'14px','font-weight':'650','line-height':'45px'}"
+ <el-table
+ border
+ stripe
+ ref="multipleTable" :data="tableData" style="width: 100%"
+ :header-cell-style="{'background':'#F5F5F5','font-size':'14px','font-weight':'650','line-height':'45px'}"
:row-class-name="tableRowClassName">
<el-table-column v-for="item in option.group" :key="item.prop" :label="item.label"
:prop="item.prop" :min-width="item['min-width'] ? item['item.min-width']:'10'">
@@ -11,11 +14,11 @@
{{scope.row[item.prop]}}
</div>
<slot v-else-if="item.type === 'operation'" name="operation" :info="scope">
-
+
</slot>
<slot name="status" v-else-if="item.type === 'status'" :info="scope">
</slot>
- <slot name='time' v-else-if="item.type === 'time'" :timeobj="scope">
+ <slot name='time' v-else-if="item.type === 'time'" :timeobj="scope">
</slot>
</template>
@@ -255,4 +258,4 @@
background-color: #4b9bb7;
}
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/intelligentPatrol/illegalSearch/index.vue b/src/views/intelligentPatrol/illegalSearch/index.vue
index 715c12b..3b95990 100644
--- a/src/views/intelligentPatrol/illegalSearch/index.vue
+++ b/src/views/intelligentPatrol/illegalSearch/index.vue
@@ -33,8 +33,11 @@
</div>
</div>
<!-- 鏁版嵁灞曠ず -->
- <el-table ref="multipleTable"
- :header-cell-style="{ 'font-weight': '650', 'line-height': '45px' }"
+ <el-table
+ border
+ stripe
+ ref="multipleTable"
+ :header-cell-style="{ 'background':'#F5F5F5','font-weight': '650', 'line-height': '45px' }"
:data="tableData" style="width: 100%" :row-class-name="tableRowClassName">
<el-table-column type="selection" min-width="5">
</el-table-column>
@@ -133,10 +136,10 @@
baseInfo.getCategoryList().then((result)=>{
this.headerList[2].options = result;
- })
+ })
getTypeList("1","02").then((result)=>{
this.headerList[8].options = result;
- })
+ })
},
data() {
@@ -360,14 +363,14 @@
<style lang="scss" scoped>
.illegal-search {
text-align: left;
- margin: 10px 20px;
+ padding: 10px 20px;
color: #4b9bb7;
-
+ border: 1px solid #ccc;
header {
background-color: white;
.headerContent {
- padding: 20px 40px;
+ //padding: 20px 40px;
display: flex;
justify-content: space-between;
align-items: center;
@@ -405,7 +408,7 @@
.el-button {
background-color: #2f91ec;
- border: 1px solid #17324c;
+ //border: 1px solid #17324c;
color: #ffffff;
}
}
@@ -418,10 +421,10 @@
display: flex;
justify-content: space-between;
align-items: center;
- padding: 0 20px;
+ //padding: 0 20px;
.funs-sp {
- border: 1px solid #17324c;
+ border: 1px solid #DCDFE6;
}
.funs {
@@ -449,4 +452,4 @@
}
}
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/intelligentPatrol/statistics/unlawful/area/index.vue b/src/views/intelligentPatrol/statistics/unlawful/area/index.vue
index 0025cda..9f27801 100644
--- a/src/views/intelligentPatrol/statistics/unlawful/area/index.vue
+++ b/src/views/intelligentPatrol/statistics/unlawful/area/index.vue
@@ -40,8 +40,11 @@
<div class="main-content">
<!-- 鏁版嵁灞曠ず -->
<el-table
+ border
+ stripe
ref="multipleTable"
:header-cell-style="{
+ 'background':'#F5F5F5',
'font-weight': '650',
'line-height': '45px',
}"
@@ -183,15 +186,15 @@
<style lang="scss" scoped>
.list {
text-align: left;
- margin: 10px 20px;
+ padding: 10px 20px;
color: #4b9bb7;
-
+ border: 1px solid #ccc;
header {
background-color: white;
- border: 1pox solid #fff;
+ border: 1px solid #fff;
.header-content {
- padding: 0 40px;
+ //padding: 0 40px;
display: flex;
line-height: 100px;
justify-content: space-between;
@@ -231,14 +234,14 @@
}
}
- :deep(.el-range-separator) {
+ ::v-deep(.el-range-separator) {
padding: 0px !important;
}
main {
// background-color: #09152f;
margin-top: 20px;
padding-bottom: 50px;
- border: 1pox solid #fff;
+ border: 1px solid #fff;
.main-title {
line-height: 60px;
@@ -340,4 +343,4 @@
}
}
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/intelligentPatrol/statistics/unlawful/point/index.vue b/src/views/intelligentPatrol/statistics/unlawful/point/index.vue
index e2c0d5c..295365c 100644
--- a/src/views/intelligentPatrol/statistics/unlawful/point/index.vue
+++ b/src/views/intelligentPatrol/statistics/unlawful/point/index.vue
@@ -40,8 +40,11 @@
<div class="main-content">
<!-- 鏁版嵁灞曠ず -->
<el-table
+ border
+ stripe
ref="multipleTable"
:header-cell-style="{
+ 'background':'#F5F5F5',
'font-weight': '650',
'line-height': '45px',
}"
@@ -193,15 +196,15 @@
<style lang="scss" scoped>
.list {
text-align: left;
- margin: 10px 20px;
+ padding: 10px 20px;
color: #4b9bb7;
-
+ border: 1px solid #ccc;
header {
background-color: white;
border: 1pox solid #fff;
.header-content {
- padding: 0 40px;
+ //padding: 0 40px;
display: flex;
line-height: 100px;
justify-content: space-between;
@@ -350,4 +353,4 @@
}
}
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/intelligentPatrol/statistics/unlawful/shop/index.vue b/src/views/intelligentPatrol/statistics/unlawful/shop/index.vue
index 2dad694..fb85e1b 100644
--- a/src/views/intelligentPatrol/statistics/unlawful/shop/index.vue
+++ b/src/views/intelligentPatrol/statistics/unlawful/shop/index.vue
@@ -40,8 +40,11 @@
<div class="main-content">
<!-- 鏁版嵁灞曠ず -->
<el-table
+ border
+ stripe
ref="multipleTable"
:header-cell-style="{
+ 'background':'#F5F5F5',
'font-weight': '650',
'line-height': '45px',
}"
@@ -187,15 +190,15 @@
<style lang="scss" scoped>
.list {
text-align: left;
- margin: 10px 20px;
+ padding: 10px 20px;
color: #4b9bb7;
-
+ border: 1px solid #ccc;
header {
background-color: white;
border: 1pox solid #fff;
.header-content {
- padding: 0 40px;
+ //padding: 0 40px;
display: flex;
line-height: 100px;
justify-content: space-between;
@@ -344,4 +347,4 @@
}
}
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/intelligentPatrol/statistics/unlawful/time/index.vue b/src/views/intelligentPatrol/statistics/unlawful/time/index.vue
index 27e81b7..a3772b5 100644
--- a/src/views/intelligentPatrol/statistics/unlawful/time/index.vue
+++ b/src/views/intelligentPatrol/statistics/unlawful/time/index.vue
@@ -40,8 +40,11 @@
<div class="main-content">
<!-- 鏁版嵁灞曠ず -->
<el-table
+ border
+ stripe
ref="multipleTable"
:header-cell-style="{
+ 'background':'#F5F5F5',
'font-weight': '650',
'line-height': '45px',
}"
@@ -183,15 +186,15 @@
<style lang="scss" scoped>
.list {
text-align: left;
- margin: 10px 20px;
+ padding: 10px 20px;
color: #4b9bb7;
-
+ border: 1px solid #ccc;
header {
background-color: white;
border: 1pox solid #fff;
.header-content {
- padding: 0 40px;
+ //padding: 0 40px;
display: flex;
line-height: 100px;
justify-content: space-between;
@@ -340,4 +343,4 @@
}
}
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/intelligentPatrol/statistics/unlawful/type/index.vue b/src/views/intelligentPatrol/statistics/unlawful/type/index.vue
index 8c1e6b1..649cc16 100644
--- a/src/views/intelligentPatrol/statistics/unlawful/type/index.vue
+++ b/src/views/intelligentPatrol/statistics/unlawful/type/index.vue
@@ -1,4 +1,4 @@
-<template>
+<template xmlns="http://www.w3.org/1999/html">
<div class="list">
<header>
<div class="header-content">
@@ -40,8 +40,11 @@
<div class="main-content">
<!-- 鏁版嵁灞曠ず -->
<el-table
+ border
+ stripe
ref="multipleTable"
:header-cell-style="{
+ 'background':'#F5F5F5',
'font-weight': '650',
'line-height': '45px',
}"
@@ -191,15 +194,15 @@
<style lang="scss" scoped>
.list {
text-align: left;
- margin: 10px 20px;
+ padding: 10px 20px;
color: #4b9bb7;
-
+ border: 1px solid #ccc;
header {
background-color: white;
- border: 1pox solid #fff;
+ border: 1px solid #fff;
.header-content {
- padding: 0 40px;
+ //padding: 0 40px;
display: flex;
line-height: 100px;
justify-content: space-between;
@@ -348,4 +351,4 @@
}
}
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/intelligentPatrol/studyJudge/inspectionTable/index.vue b/src/views/intelligentPatrol/studyJudge/inspectionTable/index.vue
index 02516f9..78e442c 100644
--- a/src/views/intelligentPatrol/studyJudge/inspectionTable/index.vue
+++ b/src/views/intelligentPatrol/studyJudge/inspectionTable/index.vue
@@ -1,8 +1,11 @@
<template>
<div class="mainContent">
<!-- 鏁版嵁灞曠ず -->
- <el-table ref="multipleTable"
- :header-cell-style="{ 'font-weight': '650', 'line-height': '45px' }"
+ <el-table
+ border
+ stripe
+ ref="multipleTable"
+ :header-cell-style="{ 'background':'#F5F5F5','font-weight': '650', 'line-height': '45px' }"
:data="tableData" style="width: 100%" :row-class-name="tableRowClassName" @selection-change="tableChange">
<el-table-column type="selection" min-width="5">
</el-table-column>
@@ -307,13 +310,14 @@
padding: 0 20px;
.funs-sp {
- border: 1px solid #17324c;
+ //border: 1px solid #DCDFE6;
}
.funs {
display: flex;
.funsItem {
+ border: 1px solid #DCDFE6;
line-height: 28px;
display: flex;
align-items: center;
diff --git a/src/views/operate/baseSetting/illegalBuild/index.vue b/src/views/operate/baseSetting/illegalBuild/index.vue
index 993e979..bcf63fe 100644
--- a/src/views/operate/baseSetting/illegalBuild/index.vue
+++ b/src/views/operate/baseSetting/illegalBuild/index.vue
@@ -24,8 +24,11 @@
<main>
<div class="mainContent">
<!-- 鏁版嵁灞曠ず -->
- <el-table ref="multipleTable"
- :header-cell-style="{background:'#fff','font-weight':'650','line-height':'45px'}"
+ <el-table
+ border
+ stripe
+ ref="multipleTable"
+ :header-cell-style="{'background':'#F5F5F5','font-weight':'650','line-height':'45px'}"
:data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
@selection-change="tableChange">
<el-table-column type="selection" min-width="5">
@@ -263,9 +266,9 @@
<style lang="scss" scoped>
.userList {
text-align: left;
- margin: 10px 20px;
+ padding: 10px 20px;
color: #4b9bb7;
-
+ border: 1px solid #ccc;
.headerTitle {
line-height: 40px;
}
@@ -274,7 +277,7 @@
background-color: #fff;
.headerContent {
- padding: 0 40px;
+ padding: 0;
display: flex;
line-height: 100px;
justify-content: space-between;
@@ -304,14 +307,14 @@
.el-button {
padding: 12px 25px;
- border-radius: 20px;
+ //border-radius: 20px;
}
}
.addBtn {
- background-color: #eb5d01;
+ //background-color: #eb5d01;
border: none;
- border-radius: 20px;
+ //border-radius: 20px;
padding: 12px 30px;
}
}
@@ -410,4 +413,4 @@
}
}
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/operate/baseSetting/violation/index.vue b/src/views/operate/baseSetting/violation/index.vue
index f2fac8e..c42cac8 100644
--- a/src/views/operate/baseSetting/violation/index.vue
+++ b/src/views/operate/baseSetting/violation/index.vue
@@ -24,8 +24,11 @@
<main>
<div class="mainContent">
<!-- 鏁版嵁灞曠ず -->
- <el-table ref="multipleTable"
- :header-cell-style="{'font-weight':'650','line-height':'45px'}"
+ <el-table
+ border
+ stripe
+ ref="multipleTable"
+ :header-cell-style="{'background':'#F5F5F5','font-weight':'650','line-height':'45px'}"
:data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
@selection-change="tableChange">
<el-table-column type="selection" min-width="5">
@@ -276,9 +279,9 @@
<style lang="scss" scoped>
.userList {
text-align: left;
- margin: 10px 20px;
- // color: #4b9bb7;
-
+ padding: 10px 20px;
+ color: #4b9bb7;
+ border: 1px solid #ccc;
.headerTitle {
line-height: 40px;
}
@@ -287,7 +290,7 @@
// background-color: #09152f;
.headerContent {
- padding: 0 40px;
+ padding: 0;
display: flex;
line-height: 100px;
justify-content: space-between;
@@ -317,14 +320,14 @@
.el-button {
padding: 12px 25px;
- border-radius: 20px;
+ //border-radius: 20px;
}
}
.addBtn {
- background-color: #eb5d01;
+ //background-color: #eb5d01;
border: none;
- border-radius: 20px;
+ //border-radius: 20px;
padding: 12px 30px;
}
}
@@ -428,4 +431,4 @@
}
}
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/operate/car/lawCar/index.vue b/src/views/operate/car/lawCar/index.vue
index eb8a456..fb82e66 100644
--- a/src/views/operate/car/lawCar/index.vue
+++ b/src/views/operate/car/lawCar/index.vue
@@ -16,7 +16,7 @@
<div>{{car.carPhone}}</div>
</el-form-item>
</div>
- <div class="car-item">
+ <div class="car-item">
<el-form-item label="鎵�灞為儴闂�:" class="car-item-container">
<div>{{car.carDept}}</div>
</el-form-item>
@@ -54,6 +54,7 @@
.law-car {
color: #4b9bb7;
padding: 20px;
+ border: 1px solid #ccc;
.law-car-header{
line-height: 60px;
text-align: left;
@@ -92,4 +93,4 @@
}
}
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/operate/car/myIndex/index.vue b/src/views/operate/car/myIndex/index.vue
index f1c2e2a..a16b704 100644
--- a/src/views/operate/car/myIndex/index.vue
+++ b/src/views/operate/car/myIndex/index.vue
@@ -24,8 +24,11 @@
:class="[item.checked ? 'is-active' : '', 'type-item']">{{ item.name }}</div>
</div>
<!-- 鏁版嵁灞曠ず -->
- <el-table ref="multipleTable"
- :header-cell-style="{'font-weight': '650', 'line-height': '45px' }"
+ <el-table
+ border
+ stripe
+ ref="multipleTable"
+ :header-cell-style="{'background':'#F5F5F5','font-weight': '650', 'line-height': '45px' }"
:data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
@selection-change="tableChange">
<el-table-column type="selection" min-width="5">
@@ -80,7 +83,7 @@
<!-- tools -->
<div class="tools">
<div class="funs">
- <div class="funsItem funs-sp">
+ <div class="funsItem funs-sp funs-first">
<el-checkbox v-model="all" @change="selectAll()">鍏ㄩ��</el-checkbox>
</div>
<div class="funsItem funs-sp">
@@ -338,10 +341,10 @@
},
selectChange(list) {
if (this.tempList.length !== 0) {
-
+
this.preMyIdx = list;
this.mulDelete(this.tempList);
-
+
} else {
this.myIdx = this.preMyIdx;
this.$message({
@@ -389,15 +392,15 @@
<style lang="scss" scoped>
.userList {
text-align: left;
- margin: 10px 20px;
+ padding: 10px 20px;
color: #4b9bb7;
-
+ border: 1px solid #ccc;
header {
// background-color: #09152f;
- border: 1pox solid #fff;
+ border: 1px solid #fff;
.headerContent {
- padding: 0 40px;
+ padding: 0;
display: flex;
line-height: 100px;
justify-content: space-between;
@@ -417,7 +420,7 @@
&::v-deep .el-input__inner {
// background-color: #09152f;
- border: 1px solid #17324c;
+ //border: 1px solid #17324c;
}
}
@@ -432,14 +435,14 @@
.el-button {
padding: 12px 25px;
- border-radius: 20px;
+ //border-radius: 20px;
}
}
.addBtn {
- background-color: #eb5d01;
+ //background-color: #eb5d01;
border: none;
- border-radius: 20px;
+ //border-radius: 20px;
padding: 12px 30px;
}
}
@@ -447,14 +450,14 @@
&::v-deep .el-input__inner {
// background-color: #09152f;
- border: 1px solid #17324c;
+ //border: 1px solid #17324c;
}
main {
// background-color: #09152f;
margin-top: 20px;
padding-bottom: 50px;
- border: 1pox solid #fff;
+ border: 1px solid #fff;
.btn span:hover {
cursor: pointer;
@@ -479,7 +482,7 @@
.is-active {
// background-color: #070f22;
border-radius: 4px;
- color: #fff;
+ color: #2f54eb;
}
}
@@ -487,15 +490,17 @@
display: flex;
justify-content: space-between;
align-items: center;
- padding: 0 20px;
+ padding: 0;
.funs {
display: flex;
.funs-sp {
- border: 1px solid #17324c;
+ border: 1px solid #DCDFE6;
}
-
+ .funs-first{
+ margin-left: 0!important;
+ }
.funsItem {
line-height: 28px;
display: flex;
@@ -503,7 +508,7 @@
border-radius: 4px;
font-size: 12px;
margin-left: 10px;
-
+ border: 1px solid #DCDFE6;
.el-checkbox {
width: 80px;
padding: 0 10px;
@@ -652,4 +657,4 @@
padding: 0;
}
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/operate/car/soilCar/index.vue b/src/views/operate/car/soilCar/index.vue
index 87d6caf..7936dcd 100644
--- a/src/views/operate/car/soilCar/index.vue
+++ b/src/views/operate/car/soilCar/index.vue
@@ -54,7 +54,7 @@
.soil-car {
color: #4b9bb7;
padding: 20px;
-
+ border: 1px solid #ccc;
.soil-car-header {
line-height: 60px;
text-align: left;
@@ -100,4 +100,4 @@
}
}
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/operate/disposal/casepool/dispatch/index.vue b/src/views/operate/disposal/casepool/dispatch/index.vue
index be6f80b..13ef881 100644
--- a/src/views/operate/disposal/casepool/dispatch/index.vue
+++ b/src/views/operate/disposal/casepool/dispatch/index.vue
@@ -24,8 +24,12 @@
:class="[item.checked ? 'is-active' : '', 'type-item']">{{ item.name }}</div>
</div>
<!-- 鏁版嵁灞曠ず -->
- <el-table ref="multipleTable" :header-cell-style="{
+ <el-table
+ border
+ stripe
+ ref="multipleTable" :header-cell-style="{
// background:'#06122c',
+ 'background':'#F5F5F5',
'font-weight': '650', 'line-height': '45px'
}" :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
@selection-change="tableChange">
@@ -358,14 +362,14 @@
<style lang="scss" scoped>
.userList {
text-align: left;
- margin: 10px 20px;
+ padding: 10px 20px;
color: #4b9bb7;
-
+ border: 1px solid #ccc;
header {
// background-color: #09152f;
.headerContent {
- padding: 0 40px;
+ padding: 0;
display: flex;
line-height: 100px;
justify-content: space-between;
@@ -385,7 +389,7 @@
&::v-deep .el-input__inner {
background-color: #fff;
- border: 1px solid #17324c;
+ //border: 1px solid #17324c;
}
}
@@ -400,7 +404,7 @@
.el-button {
padding: 12px 25px;
- border-radius: 20px;
+ //border-radius: 20px;
}
}
@@ -455,10 +459,10 @@
display: flex;
justify-content: space-between;
align-items: center;
- padding: 0 20px;
+ //padding: 0 20px;
.funs-sp {
- border: 1px solid #17324c;
+ border: 1px solid #DCDFE6;
}
.funs {
diff --git a/src/views/operate/disposal/casepool/escalation/index.vue b/src/views/operate/disposal/casepool/escalation/index.vue
index 5747bc6..ef4234b 100644
--- a/src/views/operate/disposal/casepool/escalation/index.vue
+++ b/src/views/operate/disposal/casepool/escalation/index.vue
@@ -29,8 +29,11 @@
<div class="mainContent">
<!-- 鏁版嵁灞曠ず -->
<el-table
+ border
+ stripe
ref="multipleTable"
:header-cell-style="{
+ 'background':'#F5F5F5',
'font-weight': '650',
'line-height': '45px',
}"
@@ -80,7 +83,7 @@
<!-- tools -->
<div class="tools">
<div class="funs">
- <div class="funsItem funs-sp">
+ <div class="funsItem funs-sp funs-first">
<el-checkbox v-model="all" @change="selectAll()"
>鍏ㄩ��</el-checkbox
>
@@ -399,14 +402,14 @@
<style lang="scss" scoped>
.userList {
text-align: left;
- margin: 10px 20px;
+ padding: 10px 20px;
color: #4b9bb7;
-
+ border: 1px solid #ccc;
header {
background-color: white;
.headerContent {
- padding: 0 40px;
+ padding: 0;
display: flex;
line-height: 100px;
justify-content: space-between;
@@ -450,7 +453,7 @@
.el-button {
padding: 12px 25px;
- border-radius: 20px;
+ //border-radius: 20px;
}
}
@@ -465,7 +468,7 @@
&::v-deep .el-input__inner {
// background-color: #09152f;
- border: 1px solid #17324c;
+ //border: 1px solid #17324c;
}
main {
@@ -526,12 +529,15 @@
display: flex;
justify-content: space-between;
align-items: center;
- padding: 0 20px;
+ //padding: 0 20px;
.funs {
display: flex;
+ .funs-first{
+ margin-left: 0!important;
+ }
.funs-sp {
- border: 1px solid #17324c;
+ border: 1px solid #DCDFE6;
}
.funsItem {
line-height: 28px;
@@ -655,4 +661,4 @@
padding: 0;
}
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/operate/disposal/casepool/learn/index.vue b/src/views/operate/disposal/casepool/learn/index.vue
index 6dfeaee..ea9733c 100644
--- a/src/views/operate/disposal/casepool/learn/index.vue
+++ b/src/views/operate/disposal/casepool/learn/index.vue
@@ -24,8 +24,12 @@
:class="[item.checked ? 'is-active':'','type-item']">{{item.name}}</div>
</div>
<!-- 鏁版嵁灞曠ず -->
- <el-table ref="multipleTable"
+ <el-table
+ border
+ stripe
+ ref="multipleTable"
:header-cell-style="{
+ 'background':'#F5F5F5',
// background:'#06122c',
'font-weight':'650','line-height':'45px'}"
:data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
@@ -93,7 +97,7 @@
<!-- tools -->
<div class="tools">
<div class="funs">
- <div class="funsItem funs-sp">
+ <div class="funsItem funs-sp funs-first">
<el-checkbox v-model="all" @change="selectAll()">鍏ㄩ��</el-checkbox>
</div>
<div class="funsItem funs-sp">
@@ -370,14 +374,14 @@
<style lang="scss" scoped>
.userList {
text-align: left;
- margin: 10px 20px;
+ padding: 10px 20px;
color: #4b9bb7;
-
+ border: 1px solid #ccc;
header {
// background-color: #09152f;
.headerContent {
- padding: 0 40px;
+ //padding: 0 40px;
display: flex;
line-height: 100px;
justify-content: space-between;
@@ -397,7 +401,7 @@
&::v-deep .el-input__inner {
// background-color: #09152f;
- border: 1px solid #17324c;
+ //border: 1px solid #17324c;
}
}
@@ -412,14 +416,14 @@
.el-button {
padding: 12px 25px;
- border-radius: 20px;
+ //border-radius: 20px;
}
}
.addBtn {
- background-color: #eb5d01;
+ //background-color: #eb5d01;
border: none;
- border-radius: 20px;
+ //border-radius: 20px;
padding: 12px 30px;
}
}
@@ -462,12 +466,15 @@
display: flex;
justify-content: space-between;
align-items: center;
- padding: 0 20px;
+ //padding: 0 20px;
.funs {
display: flex;
+ .funs-first{
+ margin-left: 0!important;
+ }
.funs-sp{
- border: 1px solid #17324c;
+ border: 1px solid #DCDFE6;
}
.funsItem {
line-height: 28px;
@@ -548,4 +555,4 @@
padding: 0 5px;
}
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/operate/disposal/casepool/notDeal/index.vue b/src/views/operate/disposal/casepool/notDeal/index.vue
index a60ea7a..4dbf662 100644
--- a/src/views/operate/disposal/casepool/notDeal/index.vue
+++ b/src/views/operate/disposal/casepool/notDeal/index.vue
@@ -24,9 +24,13 @@
:class="[item.checked ? 'is-active':'','type-item']">{{item.name}}</div>
</div>
<!-- 鏁版嵁灞曠ず -->
- <el-table ref="multipleTable"
+ <el-table
+ border
+ stripe
+ ref="multipleTable"
:header-cell-style="{
// background:'#06122c',
+ 'background':'#F5F5F5',
'font-weight':'650','line-height':'45px'}"
:data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
@selection-change="tableChange">
@@ -86,7 +90,7 @@
<!-- tools -->
<div class="tools">
<div class="funs">
- <div class="funsItem funs-sp">
+ <div class="funsItem funs-sp funs-first">
<el-checkbox v-model="all" @change="selectAll()">鍏ㄩ��</el-checkbox>
</div>
<div class="funsItem funs-sp">
@@ -314,7 +318,7 @@
url:`sccg/base_case/baseCaseDetail/${code}`
})
.then(res=>{
- this.info = res.data;
+ this.info = res.data;
this.dialogView = true;
})
},
@@ -356,13 +360,14 @@
<style lang="scss" scoped>
.userList {
text-align: left;
- margin: 10px 20px;
+ padding: 10px 20px;
color: #4b9bb7;
+ border: 1px solid #ccc;
header {
// background-color: #09152f;
.headerContent {
- padding: 0 40px;
+ //padding: 0 40px;
display: flex;
line-height: 100px;
justify-content: space-between;
@@ -392,14 +397,14 @@
.el-button {
padding: 12px 25px;
- border-radius: 20px;
+ //border-radius: 20px;
}
}
.addBtn {
- background-color: #eb5d01;
+ //background-color: #eb5d01;
border: none;
- border-radius: 20px;
+ //border-radius: 20px;
padding: 12px 30px;
}
}
@@ -430,7 +435,7 @@
.is-active {
// background-color: #070f22;
border-radius: 4px;
- color: #fff;
+ color: #2f54eb;
}
}
@@ -438,12 +443,15 @@
display: flex;
justify-content: space-between;
align-items: center;
- padding: 0 20px;
+ //padding: 0 20px;
.funs {
display: flex;
+ .funs-first{
+ margin-left: 0!important;
+ }
.funs-sp{
- border: 1px solid #17324c;
+ border: 1px solid #DCDFE6;
}
.funsItem {
line-height: 28px;
@@ -522,4 +530,4 @@
padding: 0 5px;
}
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/operate/disposal/casepool/pool/index.vue b/src/views/operate/disposal/casepool/pool/index.vue
index f0e2f53..7e34227 100644
--- a/src/views/operate/disposal/casepool/pool/index.vue
+++ b/src/views/operate/disposal/casepool/pool/index.vue
@@ -46,8 +46,11 @@
:class="[item.checked ? 'is-active':'','type-item']">{{item.name}}</div>
</div>
<!-- 鏁版嵁灞曠ず -->
- <el-table ref="multipleTable"
- :header-cell-style="{'font-weight':'650','line-height':'45px'}"
+ <el-table
+ border
+ stripe
+ ref="multipleTable"
+ :header-cell-style="{ 'background':'#F5F5F5','font-weight':'650','line-height':'45px'}"
:data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
@selection-change="tableChange">
<el-table-column type="selection" min-width="5">
@@ -465,14 +468,14 @@
<style lang="scss" scoped>
.userList {
text-align: left;
- margin: 10px 20px;
+ padding: 10px 20px;
color: #4b9bb7;
-
+ border: 1px solid #ccc;
header {
// background-color: #09152f;
.headerContent {
- padding: 0 40px;
+ padding: 0;
display: flex;
line-height: 100px;
justify-content: space-between;
@@ -517,14 +520,14 @@
.el-button {
padding: 12px 25px;
- border-radius: 20px;
+ //border-radius: 20px;
}
}
.addBtn {
- background-color: #eb5d01;
+ //background-color: #eb5d01;
border: none;
- border-radius: 20px;
+ //border-radius: 20px;
padding: 12px 30px;
}
}
@@ -538,7 +541,7 @@
line-height: 60px;
}
- padding: 10px;
+ //padding: 10px;
.nav {
display: flex;
@@ -585,9 +588,9 @@
.tools {
display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 0 20px;
+ justify-content: right;
+ //align-items: ri;
+ //padding: 0 20px;
.funs {
display: flex;
@@ -661,7 +664,7 @@
display:none
}
}
-
+
.operation {
display: flex;
@@ -678,4 +681,4 @@
}
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/operate/fivepack/threepack/components/aside/index.vue b/src/views/operate/fivepack/threepack/components/aside/index.vue
index 16731a5..d09a996 100644
--- a/src/views/operate/fivepack/threepack/components/aside/index.vue
+++ b/src/views/operate/fivepack/threepack/components/aside/index.vue
@@ -84,7 +84,7 @@
&::v-deep .el-input__inner {
// background-color: #09152f;
- border: 1px solid #17324c;
+ //border: 1px solid #17324c;
}
}
@@ -103,4 +103,4 @@
}
}
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/operate/fivepack/threepack/components/content.vue b/src/views/operate/fivepack/threepack/components/content.vue
index c7b2580..fe4bbae 100644
--- a/src/views/operate/fivepack/threepack/components/content.vue
+++ b/src/views/operate/fivepack/threepack/components/content.vue
@@ -26,7 +26,11 @@
</header>
<main>
<!-- 鏁版嵁灞曠ず -->
- <el-table ref="multipleTable" :header-cell-style="{
+ <el-table
+ border
+ stripe
+ ref="multipleTable" :header-cell-style="{
+ 'background':'#F5F5F5',
'font-weight': '650',
'line-height': '45px',
}" :data="tableData" style="width: 100%" :row-class-name="tableRowClassName">
@@ -361,8 +365,9 @@
.content {
flex: 1;
height: 100%;
+ margin-left: 5px;
padding-left: 20px;
-
+ border: 1px solid #ccc;
.headerContent {
display: flex;
line-height: 100px;
@@ -504,7 +509,7 @@
margin-top: 50px;
display: flex;
line-height: 50px;
- justify-content: center;
+ justify-content: right;
.el-pagination {
@@ -540,4 +545,4 @@
}
}
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/operate/images/index.vue b/src/views/operate/images/index.vue
index 1a47a4b..728865e 100644
--- a/src/views/operate/images/index.vue
+++ b/src/views/operate/images/index.vue
@@ -42,8 +42,11 @@
</div>
<!-- 鏁版嵁灞曠ず -->
<el-table
+ border
+ stripe
ref="multipleTable"
:header-cell-style="{
+ 'background':'#F5F5F5',
'font-weight': '650',
'line-height': '45px',
}"
@@ -106,7 +109,7 @@
</el-dialog>
<div class="tools">
<div class="funs">
- <div class="funsItem funs-sp">
+ <div class="funsItem funs-sp funs-first">
<el-checkbox v-model="all" @change="selectAll()"
>鍏ㄩ��</el-checkbox
>
@@ -388,14 +391,14 @@
<style lang="scss" scoped>
.userList {
text-align: left;
- margin: 10px 20px;
+ padding: 10px 20px;
color: #4b9bb7;
-
+ border: 1px solid #ccc;
header {
background-color: white;
.headerContent {
- padding: 0 40px;
+ padding: 0;
display: flex;
line-height: 100px;
justify-content: space-between;
@@ -415,7 +418,7 @@
&::v-deep .el-input__inner {
// background-color: #09152f;
- border: 1px solid #17324c;
+ //border: 1px solid #17324c;
}
}
}
@@ -429,14 +432,14 @@
.el-button {
padding: 12px 25px;
- border-radius: 20px;
+ //border-radius: 20px;
}
}
.addBtn {
// background-color: #eb5d01;
border: none;
- border-radius: 20px;
+ //border-radius: 20px;
padding: 12px 30px;
}
}
@@ -444,7 +447,7 @@
&::v-deep .el-input__inner {
// background-color: #09152f;
- border: 1px solid #17324c;
+ //border: 1px solid #17324c;
}
main {
@@ -459,7 +462,7 @@
.type-nav {
display: flex;
line-height: 40px;
- margin-left: 30px;
+ //margin-left: 30px;
padding-top: 10px;
margin-bottom: 10px;
@@ -485,10 +488,12 @@
display: flex;
justify-content: space-between;
align-items: center;
- padding: 0 20px;
-
+ padding: 0;
+ .funs-first{
+ margin-left: 0!important;
+ }
.funs-sp {
- border: 1px solid #17324c;
+ border: 1px solid #DCDFE6;
}
.funs {
diff --git a/src/views/operate/log/index.vue b/src/views/operate/log/index.vue
index 2322b2d..9d155ee 100644
--- a/src/views/operate/log/index.vue
+++ b/src/views/operate/log/index.vue
@@ -69,9 +69,12 @@
</div>
<!-- 鏁版嵁灞曠ず -->
<el-table
+ border
+ stripe
ref="multipleTable"
:header-cell-style="{
// background: '#06122c',
+ 'background':'#F5F5F5',
'font-size': '12px',
color: '#606266',
'font-weight': '650',
@@ -109,7 +112,7 @@
<!-- tools -->
<div class="tools">
<div class="funs">
- <div class="funsItem funs-sp">
+ <div class="funsItem funs-sp funs-first">
<el-checkbox v-model="all" @change="selectAll()"
>鍏ㄩ��</el-checkbox
>
@@ -427,23 +430,23 @@
<style lang="scss" scoped>
.userList {
text-align: left;
- margin: 10px 20px;
+ padding: 10px 20px;
color: #606266;
-
+ border: 1px solid #ccc;
header {
background-color: white;
border: 1px solid #fff;
.header-nav {
line-height: 40px;
- padding: 0 30px;
+ padding-left: 10px;
display: flex;
justify-content: space-between;
font-weight: 650;
}
.header-content {
- padding: 0 40px;
+ padding: 0;
display: flex;
line-height: 100px;
// justify-content: space-between;
@@ -525,13 +528,15 @@
display: flex;
justify-content: space-between;
align-items: center;
- padding: 0 20px;
+ //padding: 0 20px;
.funs {
display: flex;
-
+ .funs-first{
+ margin-left: 0!important;
+ }
.funs-sp {
- border: 1px solid #17324c;
+ border: 1px solid #DCDFE6;
}
.funsItem {
diff --git a/src/views/operate/management/message/index.vue b/src/views/operate/management/message/index.vue
index 44041c6..7198a91 100644
--- a/src/views/operate/management/message/index.vue
+++ b/src/views/operate/management/message/index.vue
@@ -236,18 +236,18 @@
<style lang="scss" scoped>
.message {
text-align: left;
- margin: 10px 20px;
+ padding: 10px 20px;
color: #4b9bb7;
-
+ border: 1px solid #ccc;
header {
background-color: white;
.header-title {
line-height: 40px;
- padding: 0 20px;
+ //padding: 0 20px;
border-bottom: 1px solid #4b9bb7;
}
.header-content {
- padding: 0 40px;
+ //padding: 0 40px;
display: flex;
line-height: 100px;
justify-content: space-between;
@@ -267,7 +267,7 @@
&::v-deep .el-input__inner {
// background-color: #09152f;
- border: 1px solid #17324c;
+ //border: 1px solid #17324c;
}
}
}
@@ -366,4 +366,4 @@
}
}
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/operate/management/myIndex/index.vue b/src/views/operate/management/myIndex/index.vue
index b0f4b18..270dd4f 100644
--- a/src/views/operate/management/myIndex/index.vue
+++ b/src/views/operate/management/myIndex/index.vue
@@ -20,8 +20,11 @@
<main>
<div class="mainContent">
<!-- 鏁版嵁灞曠ず -->
- <el-table ref="multipleTable"
- :header-cell-style="{'font-weight':'650','line-height':'45px'}"
+ <el-table
+ border
+ stripe
+ ref="multipleTable"
+ :header-cell-style="{ 'background':'#F5F5F5','font-weight':'650','line-height':'45px'}"
:data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
@selection-change="tableChange">
<el-table-column type="selection" min-width="5">
@@ -361,12 +364,12 @@
<style lang="scss" scoped>
.userList {
text-align: left;
- margin: 10px 20px;
+ padding: 10px 20px;
color: #4b9bb7;
-
+ border: 1px solid #ccc;
header {
// background-color: #09152f;
- padding: 10px 20px;
+ //padding: 10px 20px;
.problem,
.status {
@@ -397,12 +400,15 @@
display: flex;
justify-content: space-between;
align-items: center;
- padding: 0 20px;
+ //padding: 0 20px;
.funs {
display: flex;
+ .funs-first{
+ margin-left: 0!important;
+ }
.funs-sp{
- border: 1px solid #17324c;
+ border: 1px solid #DCDFE6;
}
.funsItem {
line-height: 28px;
@@ -563,4 +569,4 @@
padding: 0;
}
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/operate/message/myIndex/index.vue b/src/views/operate/message/myIndex/index.vue
index d74344d..ae9d732 100644
--- a/src/views/operate/message/myIndex/index.vue
+++ b/src/views/operate/message/myIndex/index.vue
@@ -42,8 +42,11 @@
@click="handleOpera(null, 'create')">娣诲姞</el-button>
</div>
<!-- 鏁版嵁灞曠ず -->
- <el-table ref="multipleTable"
- :header-cell-style="{ background: 'white', 'font-weight': '650', 'line-height': '45px' }" :data="tableData"
+ <el-table
+ border
+ stripe
+ ref="multipleTable"
+ :header-cell-style="{ 'background':'#F5F5F5', 'font-weight': '650', 'line-height': '45px' }" :data="tableData"
style="width: 100%" :row-class-name="tableRowClassName" @selection-change="tableChange">
<el-table-column type="selection" min-width="5">
</el-table-column>
@@ -85,7 +88,7 @@
<!-- tools -->
<div class="tools">
<div class="funs">
- <div class="funsItem funs-sp">
+ <div class="funsItem funs-sp funs-first">
<el-checkbox v-model="all" @change="selectAll()">鍏ㄩ��</el-checkbox>
</div>
<div class="funsItem funs-sp">
@@ -357,22 +360,22 @@
<style lang="scss" scoped>
.userList {
text-align: left;
- margin: 10px 20px;
+ padding: 10px 20px;
color: #606266;
-
+ border: 1px solid #ccc;
header {
background-color: white;
.header-nav {
line-height: 40px;
- padding: 0 30px;
+ //padding: 0 30px;
display: flex;
justify-content: space-between;
font-weight: 650;
}
.header-content {
- padding: 0 40px;
+ padding: 0;
display: flex;
line-height: 100px;
justify-content: space-between;
@@ -442,20 +445,22 @@
display: flex;
justify-content: space-between;
align-items: center;
- padding: 0 20px;
+ //padding: 0 20px;
.funs {
display: flex;
-
+ .funs-first{
+ margin-left: 0!important;
+ }
.funs-sp {
- border: 1px solid #17324c;
+ //border: 1px solid #DCDFE6;
}
.funsItem {
line-height: 28px;
display: flex;
align-items: center;
-
+ border: 1px solid #DCDFE6;
border-radius: 4px;
font-size: 12px;
margin-left: 10px;
diff --git a/src/views/operate/message/mycontrol/index.vue b/src/views/operate/message/mycontrol/index.vue
index 964a042..85b8475 100644
--- a/src/views/operate/message/mycontrol/index.vue
+++ b/src/views/operate/message/mycontrol/index.vue
@@ -7,8 +7,11 @@
<el-button class="button-addition" type="primary" icon="el-icon-plus" @click="dialogCreate = true">娣诲姞</el-button>
</div>
<!-- 鏁版嵁灞曠ず -->
- <el-table ref="multipleTable"
- :header-cell-style="{background:'white','font-weight':'650','line-height':'45px'}"
+ <el-table
+ border
+ stripe
+ ref="multipleTable"
+ :header-cell-style="{ 'background':'#F5F5F5','font-weight':'650','line-height':'45px'}"
:data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
@selection-change="tableChange">
<el-table-column type="selection" min-width="5">
@@ -280,9 +283,9 @@
<style lang="scss" scoped>
.userList {
text-align: left;
- margin: 10px 20px;
+ padding: 10px 20px;
color: #606266;
-
+ border: 1px solid #ccc;
main {
background-color: white;
margin-top: 20px;
diff --git a/src/views/operate/myWait/index.vue b/src/views/operate/myWait/index.vue
index bdd2e5d..18d9ce1 100644
--- a/src/views/operate/myWait/index.vue
+++ b/src/views/operate/myWait/index.vue
@@ -15,7 +15,11 @@
<main>
<div class="mainContent">
<!-- 鏁版嵁灞曠ず -->
- <el-table ref="multipleTable" :header-cell-style="{
+ <el-table
+ border
+ stripe
+ ref="multipleTable" :header-cell-style="{
+ 'background':'#F5F5F5',
'font-weight': '650',
'line-height': '45px',
}" :data="tableData" style="width: 100%" :row-class-name="tableRowClassName" @selection-change="tableChange">
@@ -305,9 +309,9 @@
<style lang="scss" scoped>
.userList {
text-align: left;
- margin: 10px 20px;
+ padding: 10px 20px;
color: #4b9bb7;
-
+ border: 1px solid #ccc;
.headerTitle {
line-height: 40px;
}
@@ -316,7 +320,7 @@
background-color: white;
.headerContent {
- padding: 0 40px;
+ padding: 0;
display: flex;
line-height: 100px;
justify-content: space-between;
@@ -336,7 +340,7 @@
&::v-deep .el-input__inner {
background-color: #fff;
- border: 1px solid #17324c;
+ //border: 1px solid #17324c;
}
}
}
@@ -350,7 +354,7 @@
.el-button {
padding: 12px 25px;
- border-radius: 20px;
+ //border-radius: 20px;
}
}
@@ -385,7 +389,7 @@
line-height: 28px;
display: flex;
align-items: center;
- border: 1px solid #17324c;
+ border: 1px solid #DCDFE6;
border-radius: 4px;
font-size: 12px;
margin-left: 10px;
@@ -532,4 +536,4 @@
padding: 0;
}
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/operate/sms/smsIndex/index.vue b/src/views/operate/sms/smsIndex/index.vue
index b28cc30..767989d 100644
--- a/src/views/operate/sms/smsIndex/index.vue
+++ b/src/views/operate/sms/smsIndex/index.vue
@@ -32,8 +32,12 @@
</el-button>
</div>
<!-- 鏁版嵁灞曠ず -->
- <el-table ref="multipleTable" :header-cell-style="{
+ <el-table
+ border
+ stripe
+ ref="multipleTable" :header-cell-style="{
// background: '#06122c',
+ 'background':'#F5F5F5',
'font-size': '12px',
color: '#606266',
'font-weight': '650',
@@ -74,7 +78,7 @@
:before-close="handleConfirmClose">
<div class="mainContent1">
- <el-form ref="user" label-width="140px" autoComplete="on" :model="role"
+ <el-form ref="user" label-width="140px" autoComplete="on" :model="role"
label-position="right" disabled=false>
<!-- 鎻愰啋鏂瑰紡
<el-form-item class="optionItem" label="鎻愰啋鏂瑰紡:" prop="channelCode">
@@ -150,7 +154,7 @@
</el-dialog>
<div class="tools">
<div class="funs">
- <div class="funsItem funs-sp">
+ <div class="funsItem funs-sp funs-first">
<el-checkbox v-model="all" @change="selectAll()">鍏ㄩ��
</el-checkbox>
</div>
@@ -413,22 +417,22 @@
<style lang="scss" scoped>
.userList {
text-align: left;
- margin: 10px 20px;
+ padding: 10px 20px;
color: #606266;
-
+ border: 1px solid #ccc;
header {
background-color: white;
.header-nav {
line-height: 40px;
- padding: 0 30px;
+ padding: 0 10px;
display: flex;
justify-content: space-between;
font-weight: 650;
}
.header-content {
- padding: 0 40px;
+ //padding: 0 40px;
display: flex;
line-height: 100px;
// justify-content: space-between;
@@ -507,13 +511,15 @@
display: flex;
justify-content: space-between;
align-items: center;
- padding: 0 20px;
+ //padding: 0 20px;
.funs {
display: flex;
-
+ .funs-first{
+ margin-left: 0!important;
+ }
.funs-sp {
- border: 1px solid #17324c;
+ border: 1px solid #DCDFE6;
}
.funsItem {
diff --git a/src/views/operate/sms/smsTemplate/index.vue b/src/views/operate/sms/smsTemplate/index.vue
index 591e858..78645e7 100644
--- a/src/views/operate/sms/smsTemplate/index.vue
+++ b/src/views/operate/sms/smsTemplate/index.vue
@@ -29,8 +29,11 @@
<el-button class="button-addition" type="primary" icon="el-icon-plus" @click="isShowDialog = true; dialogType = 'create'">娣诲姞</el-button>
</div>
<!-- 鏁版嵁灞曠ず -->
- <el-table ref="multipleTable"
- :header-cell-style="{background:'white','font-weight':'650','line-height':'45px'}"
+ <el-table
+ border
+ stripe
+ ref="multipleTable"
+ :header-cell-style="{ 'background':'#F5F5F5','font-weight':'650','line-height':'45px'}"
:data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
@selection-change="tableChange">
<el-table-column type="selection" min-width="5">
@@ -69,7 +72,7 @@
</el-dialog>
<div class="tools">
<div class="funs">
- <div class="funsItem funs-sp">
+ <div class="funsItem funs-sp funs-first">
<el-checkbox v-model="all" @change="selectAll()">鍏ㄩ��</el-checkbox>
</div>
<div class="funsItem funs-sp">
@@ -319,22 +322,22 @@
<style lang="scss" scoped>
.userList {
text-align: left;
- margin: 10px 20px;
+ padding: 10px 20px;
color: #606266;
-
+ border: 1px solid #ccc;
header {
background-color: white;
.header-nav {
line-height: 40px;
- padding: 0 30px;
+ //padding: 0 30px;
display: flex;
justify-content: space-between;
font-weight: 650;
}
.header-content {
- padding: 0 40px;
+ //padding: 0 40px;
display: flex;
line-height: 100px;
justify-content: space-between;
@@ -405,13 +408,15 @@
display: flex;
justify-content: space-between;
align-items: center;
- padding: 0 20px;
+ //padding: 0 20px;
.funs {
display: flex;
-
+ .funs-first{
+ margin-left: 0!important;
+ }
.funs-sp {
- border: 1px solid #17324c;
+ border: 1px solid #DCDFE6;
}
.funsItem {
diff --git a/src/views/operate/video/index.vue b/src/views/operate/video/index.vue
index 5968ca9..576af4e 100644
--- a/src/views/operate/video/index.vue
+++ b/src/views/operate/video/index.vue
@@ -37,8 +37,11 @@
</div>
<!-- 鏁版嵁灞曠ず -->
<el-table
+ border
+ stripe
ref="multipleTable"
:header-cell-style="{
+ 'background':'#F5F5F5',
'font-weight': '650',
'line-height': '45px',
}"
@@ -95,12 +98,12 @@
<div class="tools">
<div class="funs">
- <div class="funsItem funs-sp">
+ <div class="funsItem funs-sp funs-first">
<el-checkbox v-model="all" @change="selectAll()"
>鍏ㄩ��</el-checkbox
>
</div>
- <div class="funsItem funs-sp">
+ <div class="funsItem funs-sp ">
<el-checkbox v-model="unsame" @change="disSame(tableData)"
>鍙嶉��</el-checkbox
>
@@ -366,14 +369,14 @@
<style lang="scss" scoped>
.userList {
text-align: left;
- margin: 10px 20px;
+ padding: 10px 20px;
color: #4b9bb7;
-
+ border: 1px solid #ccc;
header {
background-color: white;
.headerContent {
- padding: 0 40px;
+ padding: 0;
display: flex;
line-height: 100px;
justify-content: space-between;
@@ -393,7 +396,7 @@
&::v-deep .el-input__inner {
// background-color: #09152f;
- border: 1px solid #17324c;
+ //border: 1px solid #17324c;
}
}
}
@@ -407,14 +410,14 @@
.el-button {
padding: 12px 25px;
- border-radius: 20px;
+ //border-radius: 20px;
}
}
.addBtn {
// background-color: #eb5d01;
border: none;
- border-radius: 20px;
+ //border-radius: 20px;
padding: 12px 30px;
}
}
@@ -422,7 +425,7 @@
&::v-deep .el-input__inner {
// background-color: #09152f;
- border: 1px solid #17324c;
+ //border: 1px solid #17324c;
}
main {
@@ -437,7 +440,7 @@
.type-nav {
display: flex;
line-height: 40px;
- margin-left: 30px;
+ //margin-left: 30px;
padding-top: 10px;
margin-bottom: 10px;
@@ -463,10 +466,12 @@
display: flex;
justify-content: space-between;
align-items: center;
- padding: 0 20px;
-
+ padding: 0;
+ .funs-first{
+ margin-left: 0!important;
+ }
.funs-sp {
- border: 1px solid #17324c;
+ border: 1px solid #DCDFE6;
}
.funs {
@@ -553,4 +558,4 @@
// background-color: #09152f;
}
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/operate/viewEvent/index.vue b/src/views/operate/viewEvent/index.vue
index 40a643f..09b0742 100644
--- a/src/views/operate/viewEvent/index.vue
+++ b/src/views/operate/viewEvent/index.vue
@@ -63,8 +63,11 @@
<div class="mainContent">
<!-- 鏁版嵁灞曠ず -->
<el-table
+ border
+ stripe
ref="multipleTable"
:header-cell-style="{
+ 'background':'#F5F5F5',
background: '#fff',
'font-weight': '650',
'line-height': '45px',
@@ -317,14 +320,14 @@
<style lang="scss" scoped>
.userList {
text-align: left;
- margin: 10px 20px;
+ padding: 10px 20px;
color: #4b9bb7;
-
+ border: 1px solid #ccc;
header {
display: flex;
line-height: 60px;
flex-direction: column;
- padding: 0 20px;
+ padding: 0;
color: #4b9bb7;
.headerContent {
@@ -521,4 +524,4 @@
// background-color: #06122c;
}
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/operate/writManager/writ/index.vue b/src/views/operate/writManager/writ/index.vue
index 3decf47..68e223a 100644
--- a/src/views/operate/writManager/writ/index.vue
+++ b/src/views/operate/writManager/writ/index.vue
@@ -15,8 +15,11 @@
<div class="main-content">
<!-- 鏁版嵁灞曠ず -->
<el-table
+ border
+ stripe
ref="multipleTable"
:header-cell-style="{
+ 'background':'#F5F5F5',
'font-weight': '650',
'line-height': '45px',
}"
@@ -254,14 +257,14 @@
<style lang="scss" scoped>
.list {
text-align: left;
- margin: 10px 20px;
+ padding: 10px 20px;
color: #4b9bb7;
-
+ border: 1px solid #ccc;
header {
background-color: white;
.header-content {
- padding: 0 40px;
+ padding: 0;
display: flex;
line-height: 100px;
justify-content: space-between;
@@ -281,7 +284,7 @@
&::v-deep .el-input__inner {
background-color: #fff;
- border: 1px solid #17324c;
+ //border: 1px solid #17324c;
}
}
}
@@ -311,7 +314,7 @@
line-height: 28px;
display: flex;
align-items: center;
- border: 1px solid #17324c;
+ //border: 1px solid #17324c;
border-radius: 4px;
font-size: 12px;
margin-left: 10px;
@@ -434,7 +437,7 @@
.el-button {
padding: 12px 25px;
- border-radius: 20px;
+ //border-radius: 20px;
}
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/operate/writManager/writTemplate/index.vue b/src/views/operate/writManager/writTemplate/index.vue
index 535561e..7b2c608 100644
--- a/src/views/operate/writManager/writTemplate/index.vue
+++ b/src/views/operate/writManager/writTemplate/index.vue
@@ -15,8 +15,11 @@
<div class="main-content">
<!-- 鏁版嵁灞曠ず -->
<el-table
+ border
+ stripe
ref="multipleTable"
:header-cell-style="{
+ 'background':'#F5F5F5',
'font-weight': '650',
'line-height': '45px',
}"
@@ -157,14 +160,14 @@
<style lang="scss" scoped>
.list {
text-align: left;
- margin: 10px 20px;
+ padding: 10px 20px;
color: #4b9bb7;
-
+ border: 1px solid #ccc;
header {
background-color: white;
.header-content {
- padding: 0 40px;
+ padding: 0;
display: flex;
line-height: 100px;
justify-content: space-between;
@@ -184,7 +187,7 @@
&::v-deep .el-input__inner {
// background-color: #09152f;
- border: 1px solid #17324c;
+ //border: 1px solid #17324c;
}
}
}
@@ -214,7 +217,7 @@
line-height: 28px;
display: flex;
align-items: center;
- border: 1px solid #17324c;
+ //border: 1px solid #17324c;
border-radius: 4px;
font-size: 12px;
margin-left: 10px;
@@ -304,7 +307,7 @@
.el-button {
padding: 12px 25px;
- border-radius: 20px;
+ //border-radius: 20px;
}
}
}
@@ -319,4 +322,4 @@
background-color: #06122c !important;
color: #fff;
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/systemSetting/baseSetting/department/index.vue b/src/views/systemSetting/baseSetting/department/index.vue
index 7f0f8d5..54691db 100644
--- a/src/views/systemSetting/baseSetting/department/index.vue
+++ b/src/views/systemSetting/baseSetting/department/index.vue
@@ -33,8 +33,11 @@
<div class="mainContent">
<!-- 鏁版嵁灞曠ず -->
<el-table
+ border
+ stripe
ref="multipleTable"
:header-cell-style="{
+ 'background':'#F5F5F5',
'font-size': '14px',
'font-weight': '650',
'line-height': '45px',
@@ -447,7 +450,7 @@
text-align: left;
margin: 10px 20px;
// color: #4b9bb7;
-
+ border: 1px solid #ccc;
header {
// background-color: white;
// border: 1 pox solid #fff;
@@ -487,14 +490,14 @@
.el-button {
padding: 12px 25px;
- border-radius: 20px;
+ //border-radius: 20px;
}
}
.addBtn {
- background-color: #eb5d01;
+ //background-color: #eb5d01;
border: none;
- border-radius: 20px;
+ //border-radius: 20px;
padding: 12px 30px;
}
}
@@ -518,6 +521,7 @@
.funs-sp {
// border: 1px solid #17324c;
+ border: 1px solid #DCDFE6;
}
.funs {
diff --git a/src/views/systemSetting/baseSetting/role/index.vue b/src/views/systemSetting/baseSetting/role/index.vue
index 71503ec..dd2da9b 100644
--- a/src/views/systemSetting/baseSetting/role/index.vue
+++ b/src/views/systemSetting/baseSetting/role/index.vue
@@ -6,7 +6,7 @@
<span>绛涢�夋潯浠�:</span>
<el-input placeholder="璇疯緭鍏ュ唴瀹�" v-model="context"></el-input>
<div class="findBtn">
- <el-button type="primary" @click="search">鏌ヨ</el-button>
+ <el-button class="find-Btn" type="primary" @click="search">鏌ヨ</el-button>
</div>
</div>
<div class="addUser">
@@ -21,8 +21,11 @@
<main>
<div class="mainContent">
<!-- 鏁版嵁灞曠ず -->
- <el-table ref="multipleTable"
- :header-cell-style="{'font-size':'14px','font-weight':'650','line-height':'45px'}"
+ <el-table
+ border
+ stripe
+ ref="multipleTable"
+ :header-cell-style="{'font-size':'14px','font-weight':'650','line-height':'45px','background':'#F5F5F5',}"
:data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
@selection-change="tableChange">
<el-table-column type="selection" min-width="5">
@@ -35,7 +38,7 @@
</el-table-column>
<el-table-column prop="status" label="鍚敤" min-width="5">
<template slot-scope="scope">
- <el-switch class="switchStyle" v-model="scope.row.status"
+ <el-switch class="switchStyle" v-model="scope.row.status"
active-color="#3fef9a" inactive-color="#000212" disabled>
</el-switch>
</template>
@@ -53,7 +56,7 @@
</div>
</template>
</el-table-column>
- </el-table>
+ </el-table>
<!-- 淇敼椤甸潰 -->
<el-dialog :visible.sync="dialogUpdate" width="45%" :title="updateFlag ? '鏉冮檺璁剧疆' :'鏌ョ湅瑙掕壊淇℃伅'"
v-if="dialogUpdate" >
@@ -80,7 +83,7 @@
:value="item.value" :disabled="item.disabled">
</el-option>
</el-select>
- </div>
+ </div>
</div>
<div class="pagination">
<el-pagination background :current-page="currentPage" layout="prev, pager, next"
@@ -359,7 +362,7 @@
text-align: left;
margin: 10px 20px;
// color: #4b9bb7;
-
+ border: 1px solid #ccc;
header {
// background-color: #09152f;
// border: 1pox solid #fff;
@@ -400,14 +403,14 @@
.el-button {
padding: 12px 25px;
- border-radius: 20px;
+
}
}
.addBtn {
- background-color: #eb5d01;
+ //background-color: #eb5d01;
border: none;
- border-radius: 20px;
+ //border-radius: 20px;
padding: 12px 30px;
}
}
@@ -430,6 +433,7 @@
padding: 0 20px;
.funs-sp{
// border: 1px solid #17324c;
+ border: 1px solid #DCDFE6;
}
.funs {
display: flex;
@@ -509,4 +513,4 @@
}
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/systemSetting/baseSetting/user/components/header/index.vue b/src/views/systemSetting/baseSetting/user/components/header/index.vue
index 4b6d0de..3626fd5 100644
--- a/src/views/systemSetting/baseSetting/user/components/header/index.vue
+++ b/src/views/systemSetting/baseSetting/user/components/header/index.vue
@@ -5,7 +5,7 @@
<span>绛涢�夋潯浠�:</span>
<el-input placeholder="璇疯緭鍏ュ唴瀹�" v-model="search"></el-input>
<div class="findBtn">
- <el-button type="primary" @click="setSearch">鏌ヨ</el-button>
+ <el-button class="find-Btn" type="primary" @click="setSearch">鏌ヨ</el-button>
</div>
</div>
<div class="addUser">
@@ -55,7 +55,7 @@
<style lang="scss" scoped>
header {
// background-color: #09152f;
- border: 1pox solid #fff;
+ border: 1px solid #fff;
.headerContent {
padding: 0 40px;
@@ -93,18 +93,17 @@
.el-button {
padding: 12px 25px;
- border-radius: 20px;
+
}
}
.addBtn {
- background-color: #eb5d01;
+ background-color: #409EFF;
border: none;
- border-radius: 20px;
padding: 12px 30px;
}
}
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/systemSetting/baseSetting/user/components/main/index.vue b/src/views/systemSetting/baseSetting/user/components/main/index.vue
index 6613191..d14fc65 100644
--- a/src/views/systemSetting/baseSetting/user/components/main/index.vue
+++ b/src/views/systemSetting/baseSetting/user/components/main/index.vue
@@ -500,7 +500,7 @@
.funs {
display: flex;
.funs-sp {
- // border: 1px solid #17324c;
+ border: 1px solid #DCDFE6;
}
.funsItem {
line-height: 28px;
diff --git a/src/views/systemSetting/baseSetting/user/index.vue b/src/views/systemSetting/baseSetting/user/index.vue
index 4faf378..67016b2 100644
--- a/src/views/systemSetting/baseSetting/user/index.vue
+++ b/src/views/systemSetting/baseSetting/user/index.vue
@@ -19,7 +19,7 @@
}
},
created(){
-
+
},
methods: {
// 鑾峰彇鎼滅储杩斿洖缁撴灉
@@ -45,5 +45,6 @@
text-align: left;
margin: 10px 20px;
color: #4b9bb7;
+ border: 1px solid #ccc;
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/systemSetting/device/bayonet/index.vue b/src/views/systemSetting/device/bayonet/index.vue
index 8dc43d3..4e19321 100644
--- a/src/views/systemSetting/device/bayonet/index.vue
+++ b/src/views/systemSetting/device/bayonet/index.vue
@@ -200,7 +200,7 @@
text-align: left;
margin: 10px 20px;
// color: #4b9bb7;
-
+ border: 1px solid #ccc;
header {
background-color: white;
@@ -327,4 +327,4 @@
.line {
padding: 0 5px;
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/systemSetting/device/grid/components/main/index.vue b/src/views/systemSetting/device/grid/components/main/index.vue
index 6bcbe6e..c8639ee 100644
--- a/src/views/systemSetting/device/grid/components/main/index.vue
+++ b/src/views/systemSetting/device/grid/components/main/index.vue
@@ -25,8 +25,10 @@
</header>
<!-- 鏁版嵁灞曠ず -->
<el-table
+ border
+ stripe
ref="multipleTable"
- :header-cell-style="{ 'font-weight': '650', 'line-height': '45px' }"
+ :header-cell-style="{'background':'#F5F5F5', 'font-weight': '650', 'line-height': '45px' }"
:data="tableData"
style="width: 100%"
:row-class-name="tableRowClassName"
@@ -302,7 +304,7 @@
.el-button {
padding: 12px 25px;
- border-radius: 20px;
+ //border-radius: 20px;
}
}
::v-deep .el-form {
@@ -337,10 +339,10 @@
line-height: 20px;
padding: 10px 20px;
margin-left: auto;
- border-radius: 20px;
+ //border-radius: 20px;
.el-button {
padding: 12px 25px;
- border-radius: 20px;
+ //border-radius: 20px;
}
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/systemSetting/device/grid/index.vue b/src/views/systemSetting/device/grid/index.vue
index 156d55f..dc9b9ef 100644
--- a/src/views/systemSetting/device/grid/index.vue
+++ b/src/views/systemSetting/device/grid/index.vue
@@ -18,7 +18,7 @@
}
},
created(){
-
+
},
methods: {
// 鑾峰彇鎼滅储杩斿洖缁撴灉
@@ -42,5 +42,6 @@
text-align: left;
margin: 10px 20px;
color: #4b9bb7;
+ border: 1px solid #ccc;
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/systemSetting/device/handheldTerminal/index.vue b/src/views/systemSetting/device/handheldTerminal/index.vue
index e4ffd0f..004e3ae 100644
--- a/src/views/systemSetting/device/handheldTerminal/index.vue
+++ b/src/views/systemSetting/device/handheldTerminal/index.vue
@@ -29,8 +29,11 @@
</div>
<!-- 鏁版嵁灞曠ず -->
<el-table
+ border
+ stripe
ref="multipleTable"
:header-cell-style="{
+ 'background':'#F5F5F5',
'font-weight': '650',
'line-height': '45px',
}"
@@ -233,15 +236,15 @@
<style lang="scss" scoped>
.list {
text-align: left;
- margin: 10px 20px;
+ padding: 10px 20px;
// color: #4b9bb7;
-
+ border: 1px solid #ccc;
header {
background-color: white;
// border: 1pox solid #fff;
.header-content {
- padding: 0 40px;
+ padding: 0;
display: flex;
line-height: 100px;
justify-content: space-between;
@@ -270,13 +273,13 @@
main {
// background-color: #09152f;
- margin-top: 20px;
+ //margin-top: 20px;
padding-bottom: 50px;
- border: 1pox solid #fff;
+ //border: 1pox solid #fff;
.main-title {
line-height: 60px;
- padding: 10px 20px;
+ padding:0px;
}
.tools {
@@ -374,4 +377,4 @@
}
}
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/systemSetting/device/loudspeaker/index.vue b/src/views/systemSetting/device/loudspeaker/index.vue
index a13924c..4cb5738 100644
--- a/src/views/systemSetting/device/loudspeaker/index.vue
+++ b/src/views/systemSetting/device/loudspeaker/index.vue
@@ -29,8 +29,11 @@
</div>
<!-- 鏁版嵁灞曠ず -->
<el-table
+ border
+ stripe
ref="multipleTable"
:header-cell-style="{
+ 'background':'#F5F5F5',
'font-weight': '650',
'line-height': '45px',
}"
@@ -238,15 +241,15 @@
<style lang="scss" scoped>
.list {
text-align: left;
- margin: 10px 20px;
+ padding: 10px 20px;
// color: #4b9bb7;
-
+ border: 1px solid #ccc;
header {
background-color: white;
// border: 1pox solid #fff;
.header-content {
- padding: 0 40px;
+ padding: 0px;
display: flex;
line-height: 100px;
justify-content: space-between;
@@ -275,13 +278,13 @@
main {
// background-color: #09152f;
- margin-top: 20px;
+ //margin-top: 20px;
padding-bottom: 50px;
- border: 1pox solid #fff;
+ //border: 1px solid #fff;
.main-title {
line-height: 60px;
- padding: 10px 20px;
+ padding: 0;
}
.tools {
@@ -366,4 +369,4 @@
}
}
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/systemSetting/platform/cockpitManage/index.vue b/src/views/systemSetting/platform/cockpitManage/index.vue
index 309ade6..1be6436 100644
--- a/src/views/systemSetting/platform/cockpitManage/index.vue
+++ b/src/views/systemSetting/platform/cockpitManage/index.vue
@@ -39,8 +39,11 @@
<el-button class="button-addition" type="primary" @click="showAddDialog">娣诲姞</el-button>
</div>
<!-- 鏁版嵁灞曠ず -->
- <el-table ref="multipleTable"
- :header-cell-style="{ 'font-size': '14px', 'font-weight': '650', 'line-height': '45px' }"
+ <el-table
+ border
+ stripe
+ ref="multipleTable"
+ :header-cell-style="{ 'background':'#F5F5F5', 'font-size': '14px', 'font-weight': '650', 'line-height': '45px' }"
:data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
@selection-change="tableChange">
<el-table-column prop="name" label="閮ㄩ棬鍚嶇О" min-width="8">
@@ -441,9 +444,9 @@
<style lang="scss" scoped>
.userList {
text-align: left;
- margin: 10px 20px;
+ padding: 10px 20px;
// color: #4b9bb7;
-
+ border: 1px solid #ccc;
header {
// background-color: #09152f;
@@ -457,7 +460,7 @@
.search-item {
display: flex;
- margin-right: 10vw;
+ margin-right: 1vw;
}
.el-input {
@@ -481,7 +484,7 @@
.el-button {
padding: 12px 25px;
- border-radius: 20px;
+ //border-radius: 20px;
}
}
}
@@ -505,6 +508,7 @@
display: flex;
line-height: 40px;
align-items: center;
+ margin-bottom: 10px;
}
.tools {
@@ -593,4 +597,4 @@
padding: 0 5px;
}
}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/video/index.vue b/src/views/video/index.vue
index 6c98008..768e4ae 100644
--- a/src/views/video/index.vue
+++ b/src/views/video/index.vue
@@ -1,10 +1,10 @@
<template>
- <el-container style="height: 100%">
+ <el-container class="video-container" style="height: 100%">
<el-aside heigth="100%" width="200px">
<department-aside @selectedDepartment="selectedDepartment" />
</el-aside>
- <el-container>
+ <el-container class="video-body-right">
<el-header style="display: flex; flex-direction: column; height: 120px">
<div
style="display: flex; justify-content: space-between; height: 80px"
@@ -18,7 +18,7 @@
"
>鏁翠綋瓒嬪娍</span
>
- <el-date-picker v-model="value" type="date" placeholder="閫夋嫨鏃ユ湡">
+ <el-date-picker class="video-time-select" v-model="value" type="date" placeholder="閫夋嫨鏃ユ湡">
</el-date-picker>
</div>
<!-- <div style="height: 60px; display: flex; justify-content: flex-start">
@@ -298,6 +298,17 @@
};
</script>
<style lang="scss" scoped>
+.video-time-select{
+ &::v-deep .el-input__prefix{
+ height: auto;
+ }
+
+}
+.video-body-right{
+ padding: 10px;
+ border: 1px solid #ccc;
+ margin-left: 5px;
+}
.button-one {
height: 40px;
width: 80px;
@@ -438,4 +449,4 @@
video::-webkit-media-controls-toggle-closed-captions-button {
display: none;
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.8.0