From 32a212b99dfd1591cc0ace0f53e6cb0be81cea85 Mon Sep 17 00:00:00 2001
From: odc.xiaohui <xiaohui@Q1>
Date: 星期四, 12 一月 2023 15:33:41 +0800
Subject: [PATCH] 2023/1/12 肖辉 userlist样式调整
---
src/views/operate/message/mycontrol/index.vue | 121 +++++++++++++++-------------------------
1 files changed, 45 insertions(+), 76 deletions(-)
diff --git a/src/views/operate/message/mycontrol/index.vue b/src/views/operate/message/mycontrol/index.vue
index 2d18cb2..85b8475 100644
--- a/src/views/operate/message/mycontrol/index.vue
+++ b/src/views/operate/message/mycontrol/index.vue
@@ -4,11 +4,14 @@
<div class="mainContent">
<div class="main-nav">
<span>鏁版嵁鍒楄〃</span>
- <el-button type="primary" icon="el-icon-plus" @click="dialogCreate = true">娣诲姞</el-button>
+ <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:'#06122c','font-size':'12px',color:'#4b9bb7','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">
@@ -49,30 +52,6 @@
:before-close="handleClose">
<MyEdit @closeDialog="closeDialog" :info="info"></MyEdit>
</el-dialog>
- <!-- tools -->
- <!-- <div class="tools">
- <div class="funs">
- <div class="funsItem">
- <el-checkbox v-model="all" @change="selectAll()">鍏ㄩ��</el-checkbox>
- </div>
- <div class="funsItem">
- <el-checkbox v-model="unsame" @change="disSame(tableData)">鍙嶉��</el-checkbox>
- </div>
- <div class="funsItem">
- <el-select v-model="myIdx" placeholder="鎵归噺鎿嶄綔" @change="selectChange">
- <el-option v-for="item in options" :key="item.value" :label="item.label"
- :value="item.value">
- </el-option>
- </el-select>
- </div>
- </div>
- <div class="pagination">
- <el-pagination background :current-page="currentPage" layout="prev, pager, next"
- :total="totalNum" :page-size="pageSize" @current-change="changeCurrentPage"
- @prev-click="handlePrev" @next-click="handleNext">
- </el-pagination>
- </div>
- </div> -->
</div>
</main>
</div>
@@ -93,7 +72,6 @@
tableData: [],
dialogCreate: false,
dialogEdit:false,
- totalNum: null,
pageSize: 10,
currentPage: 1,
all: false,
@@ -134,7 +112,6 @@
},
// 鍒犻櫎鏁版嵁
handleDelete(idArr) {
- console.log(idArr);
this.$confirm('鏄惁纭畾纭畾鍒犻櫎鏍忕洰?')
.then(_ => {
this.$axios({
@@ -152,18 +129,15 @@
})
})
.catch(err=>{
- console.log(err);
})
},
// 淇敼鏍忕洰鐘舵��
- handleChangeStatus({ id, status }) {
- console.log(id, status);
- status === true ? status = 1 : status = 0;
+ handleChangeStatus({ id, isShow }) {
this.$axios({
method: 'post',
url: `sccg/message_column/update/${id}`,
data: {
- isShow: status,
+ isShow: Number(isShow),
}
})
.then(res => {
@@ -184,18 +158,15 @@
item.isShow === 1 ? item.isShow = true : item.isShow = false;
})
arr = res.data
- // console.log(res);
})
return arr;
},
// 璁剧疆琛ㄦ牸鏁版嵁
async setTableData() {
this.tableData = await this.getColumnList();
- this.totalNum = this.tableData.length;
},
// 涓嬫媺妗嗙洃鍚�
async selectChange(list) {
- console.log(this.tempList);
if (this.tempList.length !== 0) {
this.preMyIdx = list;
if (list === 3) {
@@ -235,10 +206,9 @@
message: res.message
})
}
- console.log(res);
})
})
- .catch(err => { console.log(err) })
+ .catch(err => { })
},
// 琛ㄦ牸鐘舵�佺洃鍚�
tableChange(list) {
@@ -297,7 +267,6 @@
done();
})
.catch(err => {
- console.log(err);
})
},
// 鑷畾涔夊叧闂脊绐�
@@ -314,14 +283,14 @@
<style lang="scss" scoped>
.userList {
text-align: left;
- margin: 10px 20px;
- color: #4b9bb7;
-
+ padding: 10px 20px;
+ color: #606266;
+ border: 1px solid #ccc;
main {
- background-color: #09152f;
+ background-color: white;
margin-top: 20px;
padding-bottom: 50px;
- border: 1pox solid #fff;
+ border: 1px solid #fff;
.mainTitle {
line-height: 60px;
@@ -363,7 +332,7 @@
&::v-deep .el-input__inner {
border: none;
- background-color: #09152f;
+ //background-color: #09152f;
}
&:hover {
@@ -383,29 +352,29 @@
line-height: 50px;
justify-content: center;
- .el-pagination {
-
- &::v-deep li,
- &::v-deep .btn-prev,
- &::v-deep .btn-next {
- background-color: #071f39;
- color: #4b9bb7;
- }
-
- &::v-deep .active {
- background-color: #409eff;
- color: #fff;
- }
- }
+ //.el-pagination {
+ //
+ // &::v-deep li,
+ // &::v-deep .btn-prev,
+ // &::v-deep .btn-next {
+ // background-color: #071f39;
+ // color: #4b9bb7;
+ // }
+ //
+ // &::v-deep .active {
+ // background-color: #409eff;
+ // color: #fff;
+ // }
+ //}
}
}
.el-table {
- color: #4b9bb7;
- font-size: 10px;
+ // color: #606266;
+ // font-size: 10px;
&::v-deep .el-table__empty-block {
- background-color: #09152f;
+ //background-color: #09152f;
}
&::v-deep .el-table__empty-block {
@@ -433,13 +402,13 @@
}
}
- .el-table::v-deep .warning-row {
- background: #06122c;
- }
-
- .el-table::v-deep .success-row {
- background: #071f39;
- }
+ //.el-table::v-deep .warning-row {
+ // background: #06122c;
+ //}
+ //
+ //.el-table::v-deep .success-row {
+ // background: #071f39;
+ //}
&::v-deep .switchStyle .el-switch__label {
position: absolute;
@@ -471,10 +440,10 @@
}
}
- &::v-deep .el-dialog__header,
- &::v-deep .el-dialog__body {
- background-color: #06122c;
- }
+ //&::v-deep .el-dialog__header,
+ //&::v-deep .el-dialog__body {
+ // background-color: #06122c;
+ //}
&::v-deep .el-dialog__header {
display: flex;
@@ -485,7 +454,7 @@
}
&::v-deep .el-dialog__title {
- color: #4b9bb7;
+ color: #606266;
}
&::v-deep .el-dialog__close {
@@ -498,4 +467,4 @@
padding: 0;
}
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.8.0