关键软测宝后台管理系统
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

69 lines
2.2 KiB

<template>
<div class="cloudUser">
<el-table v-loading="loading" :data="cloudUserList">
<el-table-column label="用户编号" align="center" prop="index" />
<el-table-column label="姓名" align="center" prop="name" />
<el-table-column label="手机号" align="center" prop="idNumber" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button size="mini" type="text" icon="el-icon-delete" @click="delFn(scope.row)">删除</el-button>
<el-button size="mini" type="text" icon="el-icon-view" @click="detailFn(scope.row)"
>查看详情</el-button
>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 审核弹层 -->
<el-dialog title="详情" :visible.sync="detailOpen" width="500px" append-to-body> </el-dialog>
</div>
</template>
<script>
export default {
data() {
return {
loading: false,
cloudUserList: [],
detailOpen: false,
total: 0,
queryParams: {
pageNum: 1,
pageSize: 10,
},
}
},
created() {
this.getList()
},
methods: {
getList() {},
delFn() {
this.$confirm('此操作将永久云员工, 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
})
.then(() => {
this.$message({
type: 'success',
message: '删除成功!',
})
})
.catch(() => {})
},
detailFn() {
this.detailOpen = true
},
},
}
</script>
<style lang="scss" scoped>
</style>