From bd3da86c6aff8ec066ed172af6d8ed60d0580686 Mon Sep 17 00:00:00 2001
From: lijingyu007 <904564792@qq.com>
Date: Mon, 27 May 2024 10:27:11 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BA=91=E5=91=98=E5=B7=A5=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E9=AA=A8=E6=9E=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/cloudUser/apply.vue | 116 ++++++++++++++++++++++++++++++++++
 src/views/cloudUser/index.vue |  69 ++++++++++++++++++++
 2 files changed, 185 insertions(+)
 create mode 100644 src/views/cloudUser/apply.vue
 create mode 100644 src/views/cloudUser/index.vue

diff --git a/src/views/cloudUser/apply.vue b/src/views/cloudUser/apply.vue
new file mode 100644
index 0000000..6189243
--- /dev/null
+++ b/src/views/cloudUser/apply.vue
@@ -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>
\ No newline at end of file
diff --git a/src/views/cloudUser/index.vue b/src/views/cloudUser/index.vue
new file mode 100644
index 0000000..c855f5f
--- /dev/null
+++ b/src/views/cloudUser/index.vue
@@ -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>
\ No newline at end of file