From e483dc300c6d71d761ebe26a00528375b39cf82e Mon Sep 17 00:00:00 2001
From: “dzb” <2632970487@qq.com>
Date: 星期二, 20 九月 2022 12:30:12 +0800
Subject: [PATCH] 解决数据渲染问题
---
src/views/systemSetting/baseSetting/department/index.vue | 45 ++++++++++++--
src/views/systemSetting/baseSetting/authority/index.vue | 45 ++++++++++++--
src/views/systemSetting/baseSetting/user/index.vue | 45 ++++++++++++--
src/views/systemSetting/baseSetting/role/index.vue | 45 ++++++++++++--
4 files changed, 152 insertions(+), 28 deletions(-)
diff --git a/src/views/systemSetting/baseSetting/authority/index.vue b/src/views/systemSetting/baseSetting/authority/index.vue
index e628cc7..f430f12 100644
--- a/src/views/systemSetting/baseSetting/authority/index.vue
+++ b/src/views/systemSetting/baseSetting/authority/index.vue
@@ -4,9 +4,9 @@
<div class="headerContent">
<div class="search">
<span>绛涢�夋潯浠�:</span>
- <el-input placeholder="璇疯緭鍏ュ唴瀹�"></el-input>
+ <el-input placeholder="璇疯緭鍏ュ唴瀹�" v-model="search"></el-input>
<div class="findBtn">
- <el-button type="primary">鏌ヨ</el-button>
+ <el-button type="primary" @click="handlePhone">鏌ヨ</el-button>
</div>
</div>
<div class="addUser">
@@ -69,7 +69,8 @@
<!-- 鍒嗛〉 -->
<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">
+ :page-size="pageSize" @current-change="changeCurrentPage" @prev-click="handlePrev"
+ @next-click="handleNext">
</el-pagination>
</div>
</div>
@@ -87,6 +88,7 @@
data() {
return {
tableData: [],
+ search: "",
dialogCreate: false,
dialogUpdate: false,
updateFlag: false,
@@ -127,7 +129,7 @@
item.status == 1 ? item.status = true : item.status = false;
})
that.totalNum = res.data.records.length;
- that.tableData = res.data.records.slice((that.currentPage-1)*10,that.currentPage*10)
+ that.tableData = res.data.records.slice((that.currentPage - 1) * 10, that.currentPage * 10)
}
})
},
@@ -153,20 +155,41 @@
this.userInfo = rowData
},
// 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
- changeCurrentPage(page){
+ changeCurrentPage(page) {
this.currentPage = page;
this.getUserList();
},
// 涓婁竴椤电偣鍑讳簨浠�
- handlePrev(page){
+ handlePrev(page) {
this.currentPage = page;
this.getUserList();
},
// 涓嬩竴椤电偣鍑讳簨浠�
- handleNext(page){
+ handleNext(page) {
this.currentPage = page;
this.getUserList();
},
+ // 鐢ㄦ埛鏌ヨ(鏆傛椂鏀寔鐢佃瘽鍙风爜)
+ handlePhone() {
+ const { search, getUserList } = this;
+ const that = this;
+ if (search == '') {
+ getUserList();
+ return;
+ }
+ this.dialogCreate = false;
+ // 鑾峰彇鎵�鏈夌敤鎴蜂俊鎭�
+ this.$axios.get(`sccg/admin/list?mobile=${search}`).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;
+ })
+ that.totalNum = res.data.records.length;
+ that.tableData = res.data.records.slice((that.currentPage - 1) * 10, that.currentPage * 10)
+ }
+ })
+ }
}
}
</script>
@@ -257,6 +280,14 @@
color: #4b9bb7;
font-size: 10px;
+ &::v-deep .el-table__empty-block {
+ background-color: #09152f;
+ }
+
+ &::v-deep .el-table__empty-block {
+ color: #4b9bb7;
+ }
+
.operation {
display: flex;
diff --git a/src/views/systemSetting/baseSetting/department/index.vue b/src/views/systemSetting/baseSetting/department/index.vue
index e628cc7..f430f12 100644
--- a/src/views/systemSetting/baseSetting/department/index.vue
+++ b/src/views/systemSetting/baseSetting/department/index.vue
@@ -4,9 +4,9 @@
<div class="headerContent">
<div class="search">
<span>绛涢�夋潯浠�:</span>
- <el-input placeholder="璇疯緭鍏ュ唴瀹�"></el-input>
+ <el-input placeholder="璇疯緭鍏ュ唴瀹�" v-model="search"></el-input>
<div class="findBtn">
- <el-button type="primary">鏌ヨ</el-button>
+ <el-button type="primary" @click="handlePhone">鏌ヨ</el-button>
</div>
</div>
<div class="addUser">
@@ -69,7 +69,8 @@
<!-- 鍒嗛〉 -->
<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">
+ :page-size="pageSize" @current-change="changeCurrentPage" @prev-click="handlePrev"
+ @next-click="handleNext">
</el-pagination>
</div>
</div>
@@ -87,6 +88,7 @@
data() {
return {
tableData: [],
+ search: "",
dialogCreate: false,
dialogUpdate: false,
updateFlag: false,
@@ -127,7 +129,7 @@
item.status == 1 ? item.status = true : item.status = false;
})
that.totalNum = res.data.records.length;
- that.tableData = res.data.records.slice((that.currentPage-1)*10,that.currentPage*10)
+ that.tableData = res.data.records.slice((that.currentPage - 1) * 10, that.currentPage * 10)
}
})
},
@@ -153,20 +155,41 @@
this.userInfo = rowData
},
// 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
- changeCurrentPage(page){
+ changeCurrentPage(page) {
this.currentPage = page;
this.getUserList();
},
// 涓婁竴椤电偣鍑讳簨浠�
- handlePrev(page){
+ handlePrev(page) {
this.currentPage = page;
this.getUserList();
},
// 涓嬩竴椤电偣鍑讳簨浠�
- handleNext(page){
+ handleNext(page) {
this.currentPage = page;
this.getUserList();
},
+ // 鐢ㄦ埛鏌ヨ(鏆傛椂鏀寔鐢佃瘽鍙风爜)
+ handlePhone() {
+ const { search, getUserList } = this;
+ const that = this;
+ if (search == '') {
+ getUserList();
+ return;
+ }
+ this.dialogCreate = false;
+ // 鑾峰彇鎵�鏈夌敤鎴蜂俊鎭�
+ this.$axios.get(`sccg/admin/list?mobile=${search}`).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;
+ })
+ that.totalNum = res.data.records.length;
+ that.tableData = res.data.records.slice((that.currentPage - 1) * 10, that.currentPage * 10)
+ }
+ })
+ }
}
}
</script>
@@ -257,6 +280,14 @@
color: #4b9bb7;
font-size: 10px;
+ &::v-deep .el-table__empty-block {
+ background-color: #09152f;
+ }
+
+ &::v-deep .el-table__empty-block {
+ color: #4b9bb7;
+ }
+
.operation {
display: flex;
diff --git a/src/views/systemSetting/baseSetting/role/index.vue b/src/views/systemSetting/baseSetting/role/index.vue
index e628cc7..f430f12 100644
--- a/src/views/systemSetting/baseSetting/role/index.vue
+++ b/src/views/systemSetting/baseSetting/role/index.vue
@@ -4,9 +4,9 @@
<div class="headerContent">
<div class="search">
<span>绛涢�夋潯浠�:</span>
- <el-input placeholder="璇疯緭鍏ュ唴瀹�"></el-input>
+ <el-input placeholder="璇疯緭鍏ュ唴瀹�" v-model="search"></el-input>
<div class="findBtn">
- <el-button type="primary">鏌ヨ</el-button>
+ <el-button type="primary" @click="handlePhone">鏌ヨ</el-button>
</div>
</div>
<div class="addUser">
@@ -69,7 +69,8 @@
<!-- 鍒嗛〉 -->
<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">
+ :page-size="pageSize" @current-change="changeCurrentPage" @prev-click="handlePrev"
+ @next-click="handleNext">
</el-pagination>
</div>
</div>
@@ -87,6 +88,7 @@
data() {
return {
tableData: [],
+ search: "",
dialogCreate: false,
dialogUpdate: false,
updateFlag: false,
@@ -127,7 +129,7 @@
item.status == 1 ? item.status = true : item.status = false;
})
that.totalNum = res.data.records.length;
- that.tableData = res.data.records.slice((that.currentPage-1)*10,that.currentPage*10)
+ that.tableData = res.data.records.slice((that.currentPage - 1) * 10, that.currentPage * 10)
}
})
},
@@ -153,20 +155,41 @@
this.userInfo = rowData
},
// 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
- changeCurrentPage(page){
+ changeCurrentPage(page) {
this.currentPage = page;
this.getUserList();
},
// 涓婁竴椤电偣鍑讳簨浠�
- handlePrev(page){
+ handlePrev(page) {
this.currentPage = page;
this.getUserList();
},
// 涓嬩竴椤电偣鍑讳簨浠�
- handleNext(page){
+ handleNext(page) {
this.currentPage = page;
this.getUserList();
},
+ // 鐢ㄦ埛鏌ヨ(鏆傛椂鏀寔鐢佃瘽鍙风爜)
+ handlePhone() {
+ const { search, getUserList } = this;
+ const that = this;
+ if (search == '') {
+ getUserList();
+ return;
+ }
+ this.dialogCreate = false;
+ // 鑾峰彇鎵�鏈夌敤鎴蜂俊鎭�
+ this.$axios.get(`sccg/admin/list?mobile=${search}`).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;
+ })
+ that.totalNum = res.data.records.length;
+ that.tableData = res.data.records.slice((that.currentPage - 1) * 10, that.currentPage * 10)
+ }
+ })
+ }
}
}
</script>
@@ -257,6 +280,14 @@
color: #4b9bb7;
font-size: 10px;
+ &::v-deep .el-table__empty-block {
+ background-color: #09152f;
+ }
+
+ &::v-deep .el-table__empty-block {
+ color: #4b9bb7;
+ }
+
.operation {
display: flex;
diff --git a/src/views/systemSetting/baseSetting/user/index.vue b/src/views/systemSetting/baseSetting/user/index.vue
index e628cc7..f430f12 100644
--- a/src/views/systemSetting/baseSetting/user/index.vue
+++ b/src/views/systemSetting/baseSetting/user/index.vue
@@ -4,9 +4,9 @@
<div class="headerContent">
<div class="search">
<span>绛涢�夋潯浠�:</span>
- <el-input placeholder="璇疯緭鍏ュ唴瀹�"></el-input>
+ <el-input placeholder="璇疯緭鍏ュ唴瀹�" v-model="search"></el-input>
<div class="findBtn">
- <el-button type="primary">鏌ヨ</el-button>
+ <el-button type="primary" @click="handlePhone">鏌ヨ</el-button>
</div>
</div>
<div class="addUser">
@@ -69,7 +69,8 @@
<!-- 鍒嗛〉 -->
<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">
+ :page-size="pageSize" @current-change="changeCurrentPage" @prev-click="handlePrev"
+ @next-click="handleNext">
</el-pagination>
</div>
</div>
@@ -87,6 +88,7 @@
data() {
return {
tableData: [],
+ search: "",
dialogCreate: false,
dialogUpdate: false,
updateFlag: false,
@@ -127,7 +129,7 @@
item.status == 1 ? item.status = true : item.status = false;
})
that.totalNum = res.data.records.length;
- that.tableData = res.data.records.slice((that.currentPage-1)*10,that.currentPage*10)
+ that.tableData = res.data.records.slice((that.currentPage - 1) * 10, that.currentPage * 10)
}
})
},
@@ -153,20 +155,41 @@
this.userInfo = rowData
},
// 褰撳墠椤垫敼鍙樿Е鍙戜簨浠�
- changeCurrentPage(page){
+ changeCurrentPage(page) {
this.currentPage = page;
this.getUserList();
},
// 涓婁竴椤电偣鍑讳簨浠�
- handlePrev(page){
+ handlePrev(page) {
this.currentPage = page;
this.getUserList();
},
// 涓嬩竴椤电偣鍑讳簨浠�
- handleNext(page){
+ handleNext(page) {
this.currentPage = page;
this.getUserList();
},
+ // 鐢ㄦ埛鏌ヨ(鏆傛椂鏀寔鐢佃瘽鍙风爜)
+ handlePhone() {
+ const { search, getUserList } = this;
+ const that = this;
+ if (search == '') {
+ getUserList();
+ return;
+ }
+ this.dialogCreate = false;
+ // 鑾峰彇鎵�鏈夌敤鎴蜂俊鎭�
+ this.$axios.get(`sccg/admin/list?mobile=${search}`).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;
+ })
+ that.totalNum = res.data.records.length;
+ that.tableData = res.data.records.slice((that.currentPage - 1) * 10, that.currentPage * 10)
+ }
+ })
+ }
}
}
</script>
@@ -257,6 +280,14 @@
color: #4b9bb7;
font-size: 10px;
+ &::v-deep .el-table__empty-block {
+ background-color: #09152f;
+ }
+
+ &::v-deep .el-table__empty-block {
+ color: #4b9bb7;
+ }
+
.operation {
display: flex;
--
Gitblit v1.8.0