| | |
| | | <span>筛选条件:</span> |
| | | <el-input placeholder="请输入内容" v-model="search"></el-input> |
| | | <div class="findBtn"> |
| | | <el-button type="primary" @click="handlePhone">查询</el-button> |
| | | <el-button type="primary" @click="getUserList">查询</el-button> |
| | | </div> |
| | | </div> |
| | | <div class="addUser"> |
| | | <el-button class="addBtn" type="primary" @click="dialogCreate = true">添加用户</el-button> |
| | | <el-dialog :visible.sync="dialogCreate" width="45%"> |
| | | <el-dialog :visible.sync="dialogCreate" width="45%" v-if="dialogCreate" |
| | | :before-close="handleClose1"> |
| | | <createUser :refresh="getUserList" /> |
| | | </el-dialog> |
| | | </div> |
| | |
| | | </el-table-column> |
| | | </el-table> |
| | | <!-- 查看修改页面 --> |
| | | <el-dialog :visible.sync="dialogUpdate" width="45%"> |
| | | <updateUser :updateFlag="updateFlag" :userInfo=userInfo /> |
| | | <el-dialog :visible.sync="dialogUpdate" width="45%" v-if="dialogUpdate" |
| | | :before-close="handleClose2"> |
| | | <updateUser :updateFlag="updateFlag" :userInfo=userInfo /> |
| | | </el-dialog> |
| | | <!-- 分页 --> |
| | | <div class="pagination"> |
| | |
| | | // 获取用户列表 |
| | | getUserList() { |
| | | const that = this; |
| | | const { currentPage, pageSize, search } = this; |
| | | this.dialogCreate = false; |
| | | // 获取所有用户信息 |
| | | this.$axios.get('sccg/admin/list').then(res => { |
| | | // 获取所有用户信息、用户查询(暂时支持电话号码) |
| | | 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; |
| | | }) |
| | | that.totalNum = res.data.records.length; |
| | | that.tableData = res.data.records.slice((that.currentPage - 1) * 10, that.currentPage * 10) |
| | | that.totalNum = res.data.pages * pageSize; |
| | | that.tableData = res.data.records; |
| | | } |
| | | }) |
| | | }, |
| | |
| | | this.currentPage = page; |
| | | this.getUserList(); |
| | | }, |
| | | // 用户查询(暂时支持电话号码) |
| | | handlePhone() { |
| | | const { search, getUserList } = this; |
| | | // 创建弹窗关闭 |
| | | handleClose1(done) { |
| | | 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) |
| | | } |
| | | }) |
| | | this.$confirm('确认关闭?') |
| | | .then(_ => { |
| | | that.dialogCreate = false; |
| | | done(); |
| | | }) |
| | | .catch(_ => { }); |
| | | }, |
| | | // 查看弹窗关闭 |
| | | handleClose2(done) { |
| | | const that = this; |
| | | this.$confirm('确认关闭?') |
| | | .then(_ => { |
| | | this.dialogUpdate = false; |
| | | done(); |
| | | }) |
| | | .catch(_ => { }); |
| | | } |
| | | // 用户查询(暂时支持电话号码) |
| | | // handlePhone() { |
| | | // const { search, getUserList } = this; |
| | | // if (search == '') { |
| | | // getUserList(); |
| | | // return; |
| | | // } |
| | | // this.handlePhoneSearch(search); |
| | | // }, |
| | | // handlePhoneSearch(search){ |
| | | // this.dialogCreate = false; |
| | | // const that = this; |
| | | // // 获取手机号用户信息 |
| | | // 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) * that.pageSize, that.currentPage * that.pageSize) |
| | | // } |
| | | // }) |
| | | // } |
| | | } |
| | | } |
| | | </script> |