From f8d9dd418317a8cb305926312fe8a327fd35b22b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=B2=E4=B9=88=E4=BA=86?= <zhongchunyang@rocan.com.cn>
Date: Fri, 19 Jan 2024 15:24:21 +0800
Subject: [PATCH] =?UTF-8?q?=E7=94=A8=E6=88=B7=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/app.scss                      |   5 +
 src/views/auth/menu/api.vue              |  11 +-
 src/views/auth/menu/menu.vue             |   9 +-
 src/views/auth/role/index.vue            |   9 +-
 src/views/auth/userlist/index.vue        | 182 +++++++++++++++++++++++
 src/views/govern/user/roleCode/index.vue |  17 +--
 6 files changed, 199 insertions(+), 34 deletions(-)
 create mode 100644 src/views/auth/userlist/index.vue

diff --git a/src/styles/app.scss b/src/styles/app.scss
index d2a2ffd..9b491da 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -250,3 +250,8 @@ body,
 }
 /* 自适应-e */
 
+.custom-table-header {
+    display: flex;
+    padding: 13px 15px;
+    align-items: center;
+}
\ No newline at end of file
diff --git a/src/views/auth/menu/api.vue b/src/views/auth/menu/api.vue
index 4301993..43c4f66 100644
--- a/src/views/auth/menu/api.vue
+++ b/src/views/auth/menu/api.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <div class="menu-index-header">
+        <div class="custom-table-header">
             <div style="flex: 1; font-weight: 700">接口权限列表</div>
             <el-input
                 v-model="tableStore.table.params.searchValue"
@@ -112,11 +112,4 @@ const search = () => {
             item.path.indexOf(tableStore.table.params.searchValue) !== -1
     )
 }
-</script>
-<style lang="scss">
-.menu-index-header {
-    display: flex;
-    padding: 13px 15px;
-    align-items: center;
-}
-</style>
+</script>
\ No newline at end of file
diff --git a/src/views/auth/menu/menu.vue b/src/views/auth/menu/menu.vue
index ed7b10f..10d0817 100644
--- a/src/views/auth/menu/menu.vue
+++ b/src/views/auth/menu/menu.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <div class="menu-index-header">
+        <div class="custom-table-header">
             <div style="flex: 1; font-weight: 700">菜单列表</div>
             <el-input
                 v-model="tableStore.table.params.searchValue"
@@ -144,10 +144,3 @@ const filterData = (arr: treeData[]): treeData[] => {
     })
 }
 </script>
-<style lang="scss">
-.menu-index-header {
-    display: flex;
-    padding: 13px 15px;
-    align-items: center;
-}
-</style>
diff --git a/src/views/auth/role/index.vue b/src/views/auth/role/index.vue
index c7bd25c..89fc496 100644
--- a/src/views/auth/role/index.vue
+++ b/src/views/auth/role/index.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="default-main" style="display: flex" :style="{ height: height }">
         <div style="width: calc(100% - 280px)">
-            <div class="menu-index-header">
+            <div class="custom-table-header">
                 <div style="flex: 1; font-weight: 700">角色列表</div>
                 <el-button :icon="Plus" type="primary" @click="addRole" class="ml10">新增</el-button>
             </div>
@@ -141,10 +141,3 @@ const addRole = () => {
     popupRef.value.open('新增角色')
 }
 </script>
-<style lang="scss">
-.menu-index-header {
-    display: flex;
-    padding: 13px 15px;
-    align-items: center;
-}
-</style>
diff --git a/src/views/auth/userlist/index.vue b/src/views/auth/userlist/index.vue
new file mode 100644
index 0000000..c30c50e
--- /dev/null
+++ b/src/views/auth/userlist/index.vue
@@ -0,0 +1,182 @@
+<template>
+    <div class="default-main">
+        <TableHeader>
+            <template v-slot:select>
+                <el-form-item label="用户状态">
+                    <el-select v-model="tableStore.table.params.searchState" placeholder="选择用户状态">
+                        <el-option
+                            v-for="(item, index) in userState"
+                            :label="item.label"
+                            :key="index"
+                            :value="item.value"
+                        ></el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="用户类型:">
+                    <el-select v-model="tableStore.table.params.casualUser" placeholder="选择用户类型">
+                        <el-option
+                            v-for="(item, index) in casualUser"
+                            :label="item.label"
+                            :key="index"
+                            :value="item.value"
+                        ></el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="关键词:">
+                    <el-input
+                        style="width: 240px"
+                        v-model="tableStore.table.params.searchValue"
+                        clearable
+                        placeholder="仅根据用户名/登录名"
+                    />
+                </el-form-item>
+            </template>
+            <template v-slot:operation>
+                <el-button :icon="Plus" type="primary" @click="addUser">添加</el-button>
+            </template>
+        </TableHeader>
+        <Table ref="tableRef" />
+    </div>
+</template>
+<script setup lang="ts">
+import { Plus } from '@element-plus/icons-vue'
+import { ref, onMounted, provide } from 'vue'
+import TableStore from '@/utils/tableStore'
+import Table from '@/components/table/index.vue'
+import TableHeader from '@/components/table/header/index.vue'
+
+defineOptions({
+    name: 'auth/userlist'
+})
+const tableStore = new TableStore({
+    url: '/user-boot/user/list',
+    method: 'POST',
+    column: [
+        { title: '用户名称', field: 'name', minWidth: '130' },
+        { title: '登录名', field: 'loginName', minWidth: '130' },
+        { title: '角色', field: 'role', minWidth: '130' },
+        { title: '部门', field: 'deptName', minWidth: '200' },
+        { title: '电话', field: 'phone', minWidth: '100' },
+        { title: '注册时间', field: 'registerTime', minWidth: '130' },
+        { title: '登录时间', field: 'loginTime', minWidth: '130' },
+        { title: '类型', field: 'casualUserName', minWidth: '80' },
+        { title: '状态', field: 'stateName', minWidth: '80' },
+        {
+            title: '操作',
+            width: '180',
+            render: 'buttons',
+            fixed: 'right',
+            buttons: [
+                {
+                    name: 'edit',
+                    title: '编辑',
+                    type: 'primary',
+                    icon: 'el-icon-EditPen',
+                    render: 'tipButton',
+                    disabled: row => {
+                        return row.state !== 1
+                    },
+                    click: row => {}
+                },
+                {
+                    name: 'edit',
+                    title: '修改密码',
+                    type: 'primary',
+                    icon: 'el-icon-Lock',
+                    render: 'tipButton',
+                    disabled: row => {
+                        return row.state !== 1
+                    },
+                    click: row => {}
+                },
+                {
+                    name: 'edit',
+                    title: '激活',
+                    type: 'success',
+                    icon: 'el-icon-Open',
+                    render: 'tipButton',
+                    disabled: row => {
+                        return row.state !== 2 && row.state !== 5 && row.state !== 0 && row.state !== 4
+                    },
+                    click: row => {}
+                },
+                {
+                    name: 'edit',
+                    title: '注销',
+                    type: 'danger',
+                    icon: 'el-icon-SwitchButton',
+                    render: 'tipButton',
+                    disabled: row => {
+                        return row.state !== 1 && row.state !== 3
+                    },
+                    click: row => {}
+                }
+            ]
+        }
+    ],
+
+    loadCallback: () => {
+        tableStore.table.data.forEach((item: any) => {
+            item.deptName = item.deptName || '/'
+            switch (item.casualUser) {
+                case 0:
+                    item.casualUserName = '临时用户'
+                    break
+                case 1:
+                    item.casualUserName = '长期用户'
+                    break
+                default:
+                    item.casualUserName = '/'
+                    break
+            }
+            switch (item.state) {
+                case 0:
+                    item.stateName = '注销'
+                    break
+                case 1:
+                    item.stateName = '正常'
+                    break
+                case 2:
+                    item.stateName = '锁定'
+                    break
+                case 3:
+                    item.stateName = '待审核'
+                    break
+                case 4:
+                    item.stateName = '休眠'
+                    break
+                case 5:
+                    item.stateName = '密码过期'
+                    break
+                default:
+                    item.stateName = '/'
+                    break
+            }
+        })
+    }
+})
+
+provide('tableStore', tableStore)
+tableStore.table.params.searchState = 1
+tableStore.table.params.casualUser = -1
+tableStore.table.params.orderBy = ''
+const userState = [
+    { label: '全部', value: -1 },
+    { label: '注销', value: 0 },
+    { label: '正常', value: 1 },
+    { label: '锁定', value: 2 },
+    { label: '待审核', value: 3 },
+    { label: '休眠', value: 4 },
+    { label: '密码过期', value: 5 }
+]
+const casualUser = [
+    { label: '全部', value: -1 },
+    { label: '临时用户', value: 0 },
+    { label: '长期用户', value: 1 }
+]
+onMounted(() => {
+    tableStore.index()
+})
+
+const addUser = () => {}
+</script>
diff --git a/src/views/govern/user/roleCode/index.vue b/src/views/govern/user/roleCode/index.vue
index 05d7b92..c18876c 100644
--- a/src/views/govern/user/roleCode/index.vue
+++ b/src/views/govern/user/roleCode/index.vue
@@ -1,15 +1,14 @@
 <template>
-    <div class='default-main'>
-        <TableHeader>
-            <template v-slot:operation>
-                <el-button :icon='Refresh' type='primary' @click='refresh'>刷新推荐码</el-button>
-            </template>
-        </TableHeader>
-        <Table ref='tableRef' />
-        <popupForm ref='popupRef'></popupForm>
+    <div class="default-main">
+        <div class="custom-table-header">
+            <div style="flex: 1; font-weight: 700">角色推荐码</div>
+            <el-button :icon="Refresh" type="primary" @click="refresh">刷新推荐码</el-button>
+        </div>
+        <Table ref="tableRef" />
+        <popupForm ref="popupRef"></popupForm>
     </div>
 </template>
-<script setup lang='ts'>
+<script setup lang="ts">
 import { Refresh } from '@element-plus/icons-vue'
 import { ref, onMounted, provide } from 'vue'
 import TableStore from '@/utils/tableStore'