“dzb”
2022-09-22 ab36c0c3dbaa95fa3f94268cfc8b8bb7aae22b80
src/views/systemSetting/baseSetting/user/index.vue
@@ -11,7 +11,8 @@
                </div>
                <div class="addUser">
                    <el-button class="addBtn" type="primary" @click="dialogCreate = true">添加用户</el-button>
                    <el-dialog :visible.sync="dialogCreate" width="45%" destroy-on-close>
                    <el-dialog :visible.sync="dialogCreate" title="新增账户" width="45%" v-if="dialogCreate"
                        :before-close="handleClose1">
                        <createUser :refresh="getUserList" />
                    </el-dialog>
                </div>
@@ -63,8 +64,9 @@
                    </el-table-column>
                </el-table>
                <!-- 查看修改页面 -->
                <el-dialog :visible.sync="dialogUpdate" width="45%" destroy-on-close>
                    <updateUser :updateFlag="updateFlag" :userInfo=userInfo />
                <el-dialog :visible.sync="dialogUpdate" width="45%" v-if="dialogUpdate"
                    :before-close="handleClose2" :title="updateFlag ? '修改用户部门信息' :'查看用户信息'">
                    <updateUser :updateFlag="updateFlag" :userInfo=userInfo  />
                </el-dialog>
                <!-- 分页 -->
                <div class="pagination">
@@ -120,7 +122,7 @@
        // 获取用户列表
        getUserList() {
            const that = this;
            const {currentPage,pageSize,search} = this;
            const { currentPage, pageSize, search } = this;
            this.dialogCreate = false;
            // 获取所有用户信息、用户查询(暂时支持电话号码)
            this.$axios.get(`sccg/admin/list?mobile=${search}&current=${currentPage}&pageSize=${pageSize}`).then(res => {
@@ -129,7 +131,7 @@
                        item.createTime = helper(item.createTime);
                        item.status == 1 ? item.status = true : item.status = false;
                    })
                    that.totalNum = res.data.pages*pageSize;
                    that.totalNum = res.data.pages * pageSize;
                    that.tableData = res.data.records;
                }
            })
@@ -170,6 +172,26 @@
            this.currentPage = page;
            this.getUserList();
        },
        // 创建弹窗关闭
        handleClose1(done) {
            const that = this;
            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;
@@ -279,18 +301,15 @@
                color: #4b9bb7;
            }
        }
        .el-table {
            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;
@@ -346,5 +365,23 @@
    &::v-deep .el-dialog__body {
        background-color: #06122c;
    }
    &::v-deep .el-dialog__header{
        display: flex;
        align-items: center;
        background-color: #fff;
        padding: 20px;
        line-height: 60px;
    }
    &::v-deep .el-dialog__title{
        color: #4b9bb7;
    }
    &::v-deep .el-dialog__close{
        width: 20px;
        height: 20px;
        // color: #fff;
    }
    &::v-deep .el-dialog__body{
        padding: 0;
    }
}
</style>