From 15079a363658567a62db46ccfe489f04af79a687 Mon Sep 17 00:00:00 2001
From: “dzb” <2632970487@qq.com>
Date: 星期三, 28 九月 2022 18:41:45 +0800
Subject: [PATCH] 运营管理的基础设置和案件池首页
---
src/views/systemSetting/baseSetting/user/components/main/index.vue | 132 +++++++++++++++++++++++++++++++++----------
1 files changed, 100 insertions(+), 32 deletions(-)
diff --git a/src/views/systemSetting/baseSetting/user/components/main/index.vue b/src/views/systemSetting/baseSetting/user/components/main/index.vue
index c974a08..97ba372 100644
--- a/src/views/systemSetting/baseSetting/user/components/main/index.vue
+++ b/src/views/systemSetting/baseSetting/user/components/main/index.vue
@@ -4,7 +4,7 @@
<!-- 鏁版嵁灞曠ず -->
<el-table ref="multipleTable"
:header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}"
- :data="tableData" style="width: 100%" :row-class-name="tableRowClassName">
+ :data="tableData" style="width: 100%" :row-class-name="tableRowClassName" @selection-change="tableChange">
<el-table-column type="selection" min-width="5">
</el-table-column>
<el-table-column label="鐢ㄦ埛ID" min-width="4">
@@ -58,28 +58,29 @@
:getUserList="getUserList" />
</el-dialog>
<!-- tools -->
- <div class="pagination">
+ <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" :disabled="item.disabled">
+ </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 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> -->
- <!-- <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>
</div>
</main>
</template>
@@ -106,23 +107,56 @@
password: false,
depart: false,
},
- all:false,
- unsame:false,
+ all: false,
+ unsame: false,
+ myIdx:0,
+ options:[
+ {
+ value:0,
+ label:'鎵归噺鎿嶄綔',
+ disabled:true,
+ },
+ {
+ value:1,
+ label:'鎵归噺鍚敤',
+ },
+ {
+ value:2,
+ label:'鎵归噺绂佺敤',
+ },
+ {
+ value:3,
+ label:'鎵归噺鍒犻櫎',
+ }
+ ],
+ tempList:[]
}
},
created() {
this.getUserList();
},
methods: {
- changeTime({createTime}){
+ selectChange(list){
+ console.log(list);
+ console.log(this.tempList);
+ },
+ tableChange(list){
+ this.tempList = list;
+ if(list.length===this.tableData.length){
+ this.all = true;
+ }else{
+ this.all = false
+ }
+ },
+ changeTime({ createTime }) {
return helper(createTime);
},
selectAll() {
this.$refs.multipleTable.toggleAllSelection();
},
- disSame(list){
- console.log(this.$refs.multipleTable);
+ disSame(list) {
+ // console.log(this.$refs.multipleTable);
// const row = this.$refs.table.data
list.forEach(row => {
this.$refs.multipleTable.toggleRowSelection(row)
@@ -199,10 +233,10 @@
// 鑾峰彇鎵�鏈夌敤鎴蜂俊鎭�佺敤鎴锋煡璇�(鏆傛椂鏀寔鐢佃瘽鍙风爜)
this.$axios.get(`sccg/admin/list?mobile=${search}¤t=${currentPage}&pageSize=${pageSize}`).then(res => {
if (res.code === 200) {
- // res.data.records.forEach(item => {
- // item.createTime = helper(item.createTime);
- // item.status == 1 ? item.status = true : item.status = false;
- // })
+ res.data.records.forEach(item => {
+ // item.createTime = helper(item.createTime);
+ item.status == 1 ? item.status = true : item.status = false;
+ })
that.totalNum = res.data.pages * pageSize;
that.tableData = res.data.records;
this.renderFlag = true;
@@ -238,6 +272,7 @@
if (this.keyword != '') {
this.search = this.keyword;
}
+ this.currentPage = 1;
this.getUserList();
this.$emit('resetFresh', { flag: false })
}
@@ -261,12 +296,40 @@
.tools {
display: flex;
justify-content: space-between;
+ align-items: center;
+ padding: 0 20px;
+ .funs {
+ display: flex;
+ .funsItem {
+ line-height: 28px;
+ display: flex;
+ align-items: center;
+ border: 1px solid #17324c;
+ border-radius: 4px;
+ font-size: 12px;
+ margin-left: 10px;
+ .el-checkbox{
+ width: 80px;
+ padding: 0 10px;
+ }
+ .el-select{
+ width: 120px;
+ }
+ &::v-deep .el-input__inner{
+ border: none;
+ background-color: #09152f;
+ }
+ &:hover{
+ border: 1px solid #4b9bb7;
+ }
+ &:hover .el-checkbox{
+ color: #4b9bb7;
+ }
+ }
+
+ }
- // .funs {}
-
-
- }
- .pagination {
+ .pagination {
margin-top: 50px;
display: flex;
line-height: 50px;
@@ -280,8 +343,13 @@
background-color: #071f39;
color: #4b9bb7;
}
+ &::v-deep .active{
+ background-color: #409eff;
+ color: #fff;
+ }
}
}
+ }
.el-table {
color: #4b9bb7;
--
Gitblit v1.8.0