parent
25a3fc1fb5
commit
bd3da86c6a
@ -0,0 +1,116 @@ |
|||||||
|
<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" prop="status" width="180"> |
||||||
|
<template slot-scope="scope"> |
||||||
|
<span v-if="scope.row.status == 0" style="color: #e6a23c">未审核</span> |
||||||
|
<span v-if="scope.row.status == 1" style="color: #67c23a">审核通过</span> |
||||||
|
<el-tooltip class="item" effect="dark" :content="scope.row.auditOpinion" placement="top-start"> |
||||||
|
<span v-if="scope.row.status == 2" style="color: #f56c6c; cursor: pointer">审核未通过</span> |
||||||
|
</el-tooltip> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
|
||||||
|
<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-edit" @click="applyFn(scope.row)">审核</el-button> |
||||||
|
<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="applyOpen" width="500px" append-to-body @close="companyApplyCancel"> |
||||||
|
<el-form :rules="rules" ref="form" label-width="80px" :model="form"> |
||||||
|
<el-form-item label="状态" prop="status"> |
||||||
|
<el-select v-model="form.status" placeholder="请选择审核结果"> |
||||||
|
<el-option label="通过" value="1"></el-option> |
||||||
|
<el-option label="不通过" value="2"></el-option> |
||||||
|
</el-select> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item label="意见" prop="auditOpinion"> |
||||||
|
<el-input v-model="form.auditOpinion" placeholder="请输入咨询内容"></el-input> |
||||||
|
</el-form-item> |
||||||
|
</el-form> |
||||||
|
<div slot="footer" class="dialog-footer"> |
||||||
|
<el-button size="mini" type="primary" @click="companyApplySubmit">确 定</el-button> |
||||||
|
<el-button size="mini" @click="companyApplyCancel">取 消</el-button> |
||||||
|
</div> |
||||||
|
</el-dialog> |
||||||
|
<!-- 审核弹层 --> |
||||||
|
<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, |
||||||
|
applyOpen: false, |
||||||
|
total: 0, |
||||||
|
queryParams: { |
||||||
|
pageNum: 1, |
||||||
|
pageSize: 10, |
||||||
|
}, |
||||||
|
form: {}, |
||||||
|
rules: { |
||||||
|
status: [{ required: true, message: '请选择审核结果', trigger: 'blur' }], |
||||||
|
}, |
||||||
|
} |
||||||
|
}, |
||||||
|
created() { |
||||||
|
this.getList() |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
getList() {}, |
||||||
|
applyFn() { |
||||||
|
this.applyOpen = true |
||||||
|
}, |
||||||
|
delFn() { |
||||||
|
this.$confirm('此操作将永久云员工, 是否继续?', '提示', { |
||||||
|
confirmButtonText: '确定', |
||||||
|
cancelButtonText: '取消', |
||||||
|
type: 'warning', |
||||||
|
}) |
||||||
|
.then(() => { |
||||||
|
this.$message({ |
||||||
|
type: 'success', |
||||||
|
message: '删除成功!', |
||||||
|
}) |
||||||
|
}) |
||||||
|
.catch(() => {}) |
||||||
|
}, |
||||||
|
detailFn() { |
||||||
|
this.detailOpen = true |
||||||
|
}, |
||||||
|
companyApplySubmit() { |
||||||
|
this.$refs['form'].validate((valid) => { |
||||||
|
if (valid) { |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
companyApplyCancel() { |
||||||
|
this.form = {} |
||||||
|
this.applyOpen = false |
||||||
|
}, |
||||||
|
}, |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
</style> |
||||||
@ -0,0 +1,69 @@ |
|||||||
|
<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> |
||||||
Loading…
Reference in new issue