fix: bug
This commit is contained in:
teukkk
parent
9ec3a72352
commit
d0af58d866
@ -1,138 +1,140 @@
|
|||||||
<template>
|
<template>
|
||||||
<ContentContainer>
|
<div class="h-full">
|
||||||
<template #header>
|
<ContentContainer>
|
||||||
<div class="shared-header">
|
<template #header>
|
||||||
<span class="title">{{ t('views.chatUser.title') }}</span>
|
<div class="shared-header">
|
||||||
<el-icon size="12">
|
<span class="title">{{ t('views.chatUser.title') }}</span>
|
||||||
<rightOutlined></rightOutlined>
|
<el-icon size="12">
|
||||||
</el-icon>
|
<rightOutlined></rightOutlined>
|
||||||
<span class="sub-title">{{ t('views.chatUser.group.title') }}</span>
|
</el-icon>
|
||||||
</div>
|
<span class="sub-title">{{ t('views.chatUser.group.title') }}</span>
|
||||||
</template>
|
</div>
|
||||||
<el-card style="--el-card-padding: 0" class="user-card">
|
</template>
|
||||||
<div class="flex h-full">
|
<el-card style="--el-card-padding: 0" class="user-card">
|
||||||
<div class="user-left border-r p-16">
|
<div class="flex h-full">
|
||||||
<div class="user-left_title flex-between">
|
<div class="user-left border-r p-16">
|
||||||
<h4 class="medium">{{ $t('views.chatUser.group.title') }}</h4>
|
<div class="user-left_title flex-between">
|
||||||
<el-tooltip effect="dark" :content="`${$t('common.create')}${$t('views.chatUser.group.title')}`"
|
<h4 class="medium">{{ $t('views.chatUser.group.title') }}</h4>
|
||||||
placement="top">
|
<el-tooltip effect="dark" :content="`${$t('common.create')}${$t('views.chatUser.group.title')}`"
|
||||||
<el-button type="primary" text @click="createOrUpdate()">
|
placement="top">
|
||||||
<AppIcon iconName="app-copy"></AppIcon>
|
<el-button type="primary" text @click="createOrUpdate()">
|
||||||
</el-button>
|
<AppIcon iconName="app-copy"></AppIcon>
|
||||||
</el-tooltip>
|
</el-button>
|
||||||
|
</el-tooltip>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="p-8">
|
||||||
|
<el-input v-model="filterText" :placeholder="$t('common.search')" prefix-icon="Search" clearable />
|
||||||
|
</div>
|
||||||
|
<div class="list-height-left">
|
||||||
|
<el-scrollbar v-loading="loading">
|
||||||
|
<common-list :data="filterList" @click="clickUserGroup" :default-active="current?.id">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<div class="flex-between">
|
||||||
|
<span class="ellipsis" style="max-width: initial;">{{ row.name }}</span>
|
||||||
|
<el-dropdown :teleported="false">
|
||||||
|
<el-button text>
|
||||||
|
<el-icon class="color-secondary">
|
||||||
|
<MoreFilled />
|
||||||
|
</el-icon>
|
||||||
|
</el-button>
|
||||||
|
<template #dropdown>
|
||||||
|
<el-dropdown-menu style="min-width: 80px">
|
||||||
|
<el-dropdown-item @click.stop="createOrUpdate(row)" class="p-8">
|
||||||
|
<AppIcon iconName="app-copy"></AppIcon>
|
||||||
|
{{
|
||||||
|
$t('common.rename')
|
||||||
|
}}
|
||||||
|
</el-dropdown-item>
|
||||||
|
<el-dropdown-item @click.stop="deleteGroup(row)" class="border-t p-8">
|
||||||
|
<AppIcon iconName="app-copy"></AppIcon>
|
||||||
|
{{
|
||||||
|
$t('common.delete')
|
||||||
|
}}
|
||||||
|
</el-dropdown-item>
|
||||||
|
</el-dropdown-menu>
|
||||||
|
</template>
|
||||||
|
</el-dropdown>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<template #empty>
|
||||||
|
<span></span>
|
||||||
|
</template>
|
||||||
|
</common-list>
|
||||||
|
</el-scrollbar>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="p-8">
|
<!-- 右边 -->
|
||||||
<el-input v-model="filterText" :placeholder="$t('common.search')" prefix-icon="Search" clearable />
|
<div class="user-right" v-loading="rightLoading">
|
||||||
</div>
|
<div class="flex align-center">
|
||||||
<div class="list-height-left">
|
<h4 class="medium">{{ current?.name }}</h4>
|
||||||
<el-scrollbar v-loading="loading">
|
<el-divider direction="vertical" class="mr-8 ml-8" />
|
||||||
<common-list :data="filterList" @click="clickUserGroup" :default-active="current?.id">
|
<AppIcon iconName="app-wordspace" style="font-size: 16px" class="color-input-placeholder"></AppIcon>
|
||||||
|
<span class="color-input-placeholder ml-4">
|
||||||
|
{{ paginationConfig.total }}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex-between mb-16" style="margin-top: 20px;">
|
||||||
|
<div>
|
||||||
|
<el-button type="primary" @click="createUser()">
|
||||||
|
{{ t('views.role.member.add') }}
|
||||||
|
</el-button>
|
||||||
|
<el-button :disabled="multipleSelection.length === 0" @click="handleDeleteUser()">
|
||||||
|
{{ $t('common.delete') }}
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
|
<div class="flex-between complex-search">
|
||||||
|
<el-select class="complex-search__left" v-model="searchType" style="width: 120px">
|
||||||
|
<el-option :label="$t('views.login.loginForm.username.label')" value="username" />
|
||||||
|
</el-select>
|
||||||
|
<el-input v-if="searchType === 'username'" v-model="searchForm.username" @change="getList"
|
||||||
|
:placeholder="$t('common.searchBar.placeholder')" style="width: 220px" clearable />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<app-table :data="tableData" :pagination-config="paginationConfig" @sizeChange="handleSizeChange"
|
||||||
|
@changePage="getList" @selection-change="handleSelectionChange">
|
||||||
|
<el-table-column type="selection" width="55" />
|
||||||
|
<el-table-column prop="nick_name" :label="$t('views.userManage.userForm.nick_name.label')" />
|
||||||
|
<el-table-column prop="username" :label="$t('views.login.loginForm.username.label')" />
|
||||||
|
<el-table-column prop="source" :label="$t('views.userManage.source.label')">
|
||||||
<template #default="{ row }">
|
<template #default="{ row }">
|
||||||
<div class="flex-between">
|
{{
|
||||||
<span class="ellipsis" style="max-width: initial;">{{ row.name }}</span>
|
row.source === 'LOCAL'
|
||||||
<el-dropdown :teleported="false">
|
? $t('views.userManage.source.local')
|
||||||
<el-button text>
|
: row.source === 'wecom'
|
||||||
<el-icon class="color-secondary">
|
? $t('views.userManage.source.wecom')
|
||||||
<MoreFilled />
|
: row.source === 'lark'
|
||||||
</el-icon>
|
? $t('views.userManage.source.lark')
|
||||||
</el-button>
|
: row.source === 'dingtalk'
|
||||||
<template #dropdown>
|
? $t('views.userManage.source.dingtalk')
|
||||||
<el-dropdown-menu style="min-width: 80px">
|
: row.source === 'OAUTH2' || row.source === 'OAuth2'
|
||||||
<el-dropdown-item @click.stop="createOrUpdate(row)" class="p-8">
|
? 'OAuth2'
|
||||||
<AppIcon iconName="app-copy"></AppIcon>
|
: row.source
|
||||||
{{
|
}}
|
||||||
$t('common.rename')
|
|
||||||
}}
|
|
||||||
</el-dropdown-item>
|
|
||||||
<el-dropdown-item @click.stop="deleteGroup(row)" class="border-t p-8">
|
|
||||||
<AppIcon iconName="app-copy"></AppIcon>
|
|
||||||
{{
|
|
||||||
$t('common.delete')
|
|
||||||
}}
|
|
||||||
</el-dropdown-item>
|
|
||||||
</el-dropdown-menu>
|
|
||||||
</template>
|
|
||||||
</el-dropdown>
|
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
<template #empty>
|
</el-table-column>
|
||||||
<span></span>
|
<el-table-column :label="$t('common.operation')" width="100" fixed="right">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<el-tooltip effect="dark" :content="`${$t('views.role.member.delete.button')}`" placement="top">
|
||||||
|
<el-button type="primary" text @click.stop="handleDeleteUser(row)">
|
||||||
|
<el-icon>
|
||||||
|
<EditPen />
|
||||||
|
</el-icon>
|
||||||
|
</el-button>
|
||||||
|
</el-tooltip>
|
||||||
</template>
|
</template>
|
||||||
</common-list>
|
</el-table-column>
|
||||||
</el-scrollbar>
|
</app-table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</el-card>
|
||||||
<!-- 右边 -->
|
</ContentContainer>
|
||||||
<div class="user-right" v-loading="rightLoading">
|
<CreateOrUpdateGroupDialog ref="createOrUpdateGroupDialogRef" @refresh="refresh" />
|
||||||
<div class="flex align-center">
|
<CreateGroupUserDialog ref="createGroupUserDialogRef" @refresh="getList" />
|
||||||
<h4 class="medium">{{ current?.name }}</h4>
|
</div>
|
||||||
<el-divider direction="vertical" class="mr-8 ml-8" />
|
|
||||||
<AppIcon iconName="app-wordspace" style="font-size: 16px" class="color-input-placeholder"></AppIcon>
|
|
||||||
<span class="color-input-placeholder ml-4">
|
|
||||||
{{ paginationConfig.total }}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="flex-between mb-16" style="margin-top: 20px;">
|
|
||||||
<div>
|
|
||||||
<el-button type="primary" @click="createUser()">
|
|
||||||
{{ t('views.role.member.add') }}
|
|
||||||
</el-button>
|
|
||||||
<el-button :disabled="multipleSelection.length === 0" @click="handleDeleteUser()">
|
|
||||||
{{ $t('common.delete') }}
|
|
||||||
</el-button>
|
|
||||||
</div>
|
|
||||||
<div class="flex-between complex-search">
|
|
||||||
<el-select class="complex-search__left" v-model="searchType" style="width: 120px">
|
|
||||||
<el-option :label="$t('views.login.loginForm.username.label')" value="username" />
|
|
||||||
</el-select>
|
|
||||||
<el-input v-if="searchType === 'username'" v-model="searchForm.username" @change="getList"
|
|
||||||
:placeholder="$t('common.searchBar.placeholder')" style="width: 220px" clearable />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<app-table :data="tableData" :pagination-config="paginationConfig" @sizeChange="handleSizeChange"
|
|
||||||
@changePage="getList" @selection-change="handleSelectionChange">
|
|
||||||
<el-table-column type="selection" width="55" />
|
|
||||||
<el-table-column prop="nick_name" :label="$t('views.userManage.userForm.nick_name.label')" />
|
|
||||||
<el-table-column prop="username" :label="$t('views.login.loginForm.username.label')" />
|
|
||||||
<el-table-column prop="source" :label="$t('views.userManage.source.label')">
|
|
||||||
<template #default="{ row }">
|
|
||||||
{{
|
|
||||||
row.source === 'LOCAL'
|
|
||||||
? $t('views.userManage.source.local')
|
|
||||||
: row.source === 'wecom'
|
|
||||||
? $t('views.userManage.source.wecom')
|
|
||||||
: row.source === 'lark'
|
|
||||||
? $t('views.userManage.source.lark')
|
|
||||||
: row.source === 'dingtalk'
|
|
||||||
? $t('views.userManage.source.dingtalk')
|
|
||||||
: row.source === 'OAUTH2' || row.source === 'OAuth2'
|
|
||||||
? 'OAuth2'
|
|
||||||
: row.source
|
|
||||||
}}
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column :label="$t('common.operation')" width="100" fixed="right">
|
|
||||||
<template #default="{ row }">
|
|
||||||
<el-tooltip effect="dark" :content="`${$t('views.role.member.delete.button')}`" placement="top">
|
|
||||||
<el-button type="primary" text @click.stop="handleDeleteUser(row)">
|
|
||||||
<el-icon>
|
|
||||||
<EditPen />
|
|
||||||
</el-icon>
|
|
||||||
</el-button>
|
|
||||||
</el-tooltip>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</app-table>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</el-card>
|
|
||||||
</ContentContainer>
|
|
||||||
<CreateOrUpdateGroupDialog ref="createOrUpdateGroupDialogRef" @refresh="refresh" />
|
|
||||||
<CreateGroupUserDialog ref="createGroupUserDialogRef" @refresh="getList" />
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
|
|||||||
@ -1,145 +1,147 @@
|
|||||||
<template>
|
<template>
|
||||||
<ContentContainer>
|
<div class="h-full">
|
||||||
<template #header>
|
<ContentContainer>
|
||||||
<div class="shared-header">
|
<template #header>
|
||||||
<span class="title">{{ t('views.chatUser.title') }}</span>
|
<div class="shared-header">
|
||||||
<el-icon size="12">
|
<span class="title">{{ t('views.chatUser.title') }}</span>
|
||||||
<rightOutlined></rightOutlined>
|
<el-icon size="12">
|
||||||
</el-icon>
|
<rightOutlined></rightOutlined>
|
||||||
<span class="sub-title">{{ t('views.chatUser.title') }}</span>
|
</el-icon>
|
||||||
</div>
|
<span class="sub-title">{{ t('views.chatUser.title') }}</span>
|
||||||
</template>
|
|
||||||
<el-card class="h-full">
|
|
||||||
<div class="flex-between mb-16">
|
|
||||||
<div>
|
|
||||||
<el-button type="primary" @click="createUser()">
|
|
||||||
{{ t('views.userManage.createUser') }}
|
|
||||||
</el-button>
|
|
||||||
<el-button @click="syncUsers">
|
|
||||||
{{ $t('views.chatUser.syncUsers') }}
|
|
||||||
</el-button>
|
|
||||||
<el-button :disabled="multipleSelection.length === 0" @click="setUserGroups">
|
|
||||||
{{ $t('views.chatUser.setUserGroups') }}
|
|
||||||
</el-button>
|
|
||||||
<el-button :disabled="multipleSelection.length === 0" @click="handleBatchDelete">
|
|
||||||
{{ $t('common.delete') }}
|
|
||||||
</el-button>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="flex-between complex-search">
|
</template>
|
||||||
<el-select class="complex-search__left" v-model="search_type" style="width: 120px"
|
<el-card class="h-full">
|
||||||
@change="search_type_change">
|
<div class="flex-between mb-16">
|
||||||
<el-option :label="$t('views.login.loginForm.username.label')" value="name" />
|
<div>
|
||||||
</el-select>
|
<el-button type="primary" @click="createUser()">
|
||||||
<el-input v-if="search_type === 'name'" v-model="search_form.name" @change="getList"
|
{{ t('views.userManage.createUser') }}
|
||||||
:placeholder="$t('common.searchBar.placeholder')" style="width: 220px" clearable />
|
</el-button>
|
||||||
|
<el-button @click="syncUsers">
|
||||||
|
{{ $t('views.chatUser.syncUsers') }}
|
||||||
|
</el-button>
|
||||||
|
<el-button :disabled="multipleSelection.length === 0" @click="setUserGroups">
|
||||||
|
{{ $t('views.chatUser.setUserGroups') }}
|
||||||
|
</el-button>
|
||||||
|
<el-button :disabled="multipleSelection.length === 0" @click="handleBatchDelete">
|
||||||
|
{{ $t('common.delete') }}
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
|
<div class="flex-between complex-search">
|
||||||
|
<el-select class="complex-search__left" v-model="search_type" style="width: 120px"
|
||||||
|
@change="search_type_change">
|
||||||
|
<el-option :label="$t('views.login.loginForm.username.label')" value="name" />
|
||||||
|
</el-select>
|
||||||
|
<el-input v-if="search_type === 'name'" v-model="search_form.name" @change="getList"
|
||||||
|
:placeholder="$t('common.searchBar.placeholder')" style="width: 220px" clearable />
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<app-table class="mt-16" :data="userTableData" :pagination-config="paginationConfig"
|
||||||
<app-table class="mt-16" :data="userTableData" :pagination-config="paginationConfig"
|
@sizeChange="handleSizeChange" @changePage="getList" v-loading="loading"
|
||||||
@sizeChange="handleSizeChange" @changePage="getList" v-loading="loading"
|
@selection-change="handleSelectionChange" @sort-change="handleSortChange">
|
||||||
@selection-change="handleSelectionChange" @sort-change="handleSortChange">
|
<el-table-column type="selection" width="55" />
|
||||||
<el-table-column type="selection" width="55" />
|
<el-table-column prop="nick_name" :label="$t('views.userManage.userForm.nick_name.label')" />
|
||||||
<el-table-column prop="nick_name" :label="$t('views.userManage.userForm.nick_name.label')" />
|
<el-table-column prop="username" :label="$t('common.username')" />
|
||||||
<el-table-column prop="username" :label="$t('common.username')" />
|
<el-table-column prop="is_active" :label="$t('common.status.label')">
|
||||||
<el-table-column prop="is_active" :label="$t('common.status.label')">
|
<template #default="{ row }">
|
||||||
<template #default="{ row }">
|
<div v-if="row.is_active" class="flex align-center">
|
||||||
<div v-if="row.is_active" class="flex align-center">
|
<el-icon class="color-success mr-8" style="font-size: 16px">
|
||||||
<el-icon class="color-success mr-8" style="font-size: 16px">
|
<SuccessFilled />
|
||||||
<SuccessFilled />
|
</el-icon>
|
||||||
</el-icon>
|
<span class="color-secondary">
|
||||||
<span class="color-secondary">
|
{{ $t('common.status.enabled') }}
|
||||||
{{ $t('common.status.enabled') }}
|
</span>
|
||||||
|
</div>
|
||||||
|
<div v-else class="flex align-center">
|
||||||
|
<AppIcon iconName="app-disabled" class="color-secondary mr-8"></AppIcon>
|
||||||
|
<span class="color-secondary">
|
||||||
|
{{ $t('common.status.disabled') }}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
<el-table-column prop="email" :label="$t('views.login.loginForm.email.label')" show-overflow-tooltip>
|
||||||
|
<template #default="{ row }">
|
||||||
|
{{ row.email || '-' }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="phone" :label="$t('views.userManage.userForm.phone.label')">
|
||||||
|
<template #default="{ row }">
|
||||||
|
{{ row.phone || '-' }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="user_group_names" :label="$t('views.chatUser.group.title')">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<TagGroup :tags="row.user_group_names" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="source" :label="$t('views.userManage.source.label')">
|
||||||
|
<template #default="{ row }">
|
||||||
|
{{
|
||||||
|
row.source === 'LOCAL'
|
||||||
|
? $t('views.userManage.source.local')
|
||||||
|
: row.source === 'wecom'
|
||||||
|
? $t('views.userManage.source.wecom')
|
||||||
|
: row.source === 'lark'
|
||||||
|
? $t('views.userManage.source.lark')
|
||||||
|
: row.source === 'dingtalk'
|
||||||
|
? $t('views.userManage.source.dingtalk')
|
||||||
|
: row.source === 'OAUTH2' || row.source === 'OAuth2'
|
||||||
|
? 'OAuth2'
|
||||||
|
: row.source
|
||||||
|
}}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
<el-table-column :label="$t('common.createTime')" width="180">
|
||||||
|
<template #default="{ row }">
|
||||||
|
{{ datetimeFormat(row.create_time) }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
<el-table-column :label="$t('common.operation')" width="160" align="left" fixed="right">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<span @click.stop>
|
||||||
|
<el-switch size="small" v-model="row.is_active" :before-change="() => changeState(row)" />
|
||||||
</span>
|
</span>
|
||||||
</div>
|
<el-divider direction="vertical" />
|
||||||
<div v-else class="flex align-center">
|
<span class="mr-8">
|
||||||
<AppIcon iconName="app-disabled" class="color-secondary mr-8"></AppIcon>
|
<el-button type="primary" text @click.stop="editUser(row)" :title="$t('common.edit')">
|
||||||
<span class="color-secondary">
|
<el-icon>
|
||||||
{{ $t('common.status.disabled') }}
|
<EditPen />
|
||||||
|
</el-icon>
|
||||||
|
</el-button>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
|
|
||||||
<el-table-column prop="email" :label="$t('views.login.loginForm.email.label')" show-overflow-tooltip>
|
<span class="mr-8">
|
||||||
<template #default="{ row }">
|
<el-button type="primary" text @click.stop="editPwdUser(row)"
|
||||||
{{ row.email || '-' }}
|
:title="$t('views.userManage.setting.updatePwd')">
|
||||||
</template>
|
<el-icon>
|
||||||
</el-table-column>
|
<Lock />
|
||||||
<el-table-column prop="phone" :label="$t('views.userManage.userForm.phone.label')">
|
</el-icon>
|
||||||
<template #default="{ row }">
|
</el-button>
|
||||||
{{ row.phone || '-' }}
|
</span>
|
||||||
</template>
|
<span>
|
||||||
</el-table-column>
|
<el-button :disabled="row.role === 'ADMIN'" type="primary" text @click.stop="deleteUserManage(row)"
|
||||||
<el-table-column prop="user_group_names" :label="$t('views.chatUser.group.title')">
|
:title="$t('common.delete')">
|
||||||
<template #default="{ row }">
|
<el-icon>
|
||||||
<TagGroup :tags="row.user_group_names" />
|
<Delete />
|
||||||
</template>
|
</el-icon>
|
||||||
</el-table-column>
|
</el-button>
|
||||||
<el-table-column prop="source" :label="$t('views.userManage.source.label')">
|
</span>
|
||||||
<template #default="{ row }">
|
</template>
|
||||||
{{
|
</el-table-column>
|
||||||
row.source === 'LOCAL'
|
</app-table>
|
||||||
? $t('views.userManage.source.local')
|
</el-card>
|
||||||
: row.source === 'wecom'
|
</ContentContainer>
|
||||||
? $t('views.userManage.source.wecom')
|
|
||||||
: row.source === 'lark'
|
|
||||||
? $t('views.userManage.source.lark')
|
|
||||||
: row.source === 'dingtalk'
|
|
||||||
? $t('views.userManage.source.dingtalk')
|
|
||||||
: row.source === 'OAUTH2' || row.source === 'OAuth2'
|
|
||||||
? 'OAuth2'
|
|
||||||
: row.source
|
|
||||||
}}
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
|
|
||||||
<el-table-column :label="$t('common.createTime')" width="180">
|
<UserDrawer :title="title" :optionLoading="optionLoading" :chatGroupList="chatGroupList" ref="UserDrawerRef"
|
||||||
<template #default="{ row }">
|
@refresh="refresh" />
|
||||||
{{ datetimeFormat(row.create_time) }}
|
<UserPwdDialog ref="UserPwdDialogRef" @refresh="refresh" />
|
||||||
</template>
|
<SetUserGroupsDialog :optionLoading="optionLoading" :chatGroupList="chatGroupList" ref="setUserGroupsRef"
|
||||||
</el-table-column>
|
@refresh="refresh" />
|
||||||
|
<SyncUsersDialog ref="syncUsersDialogRef" @refresh="refresh" />
|
||||||
<el-table-column :label="$t('common.operation')" width="160" align="left" fixed="right">
|
</div>
|
||||||
<template #default="{ row }">
|
|
||||||
<span @click.stop>
|
|
||||||
<el-switch size="small" v-model="row.is_active" :before-change="() => changeState(row)" />
|
|
||||||
</span>
|
|
||||||
<el-divider direction="vertical" />
|
|
||||||
<span class="mr-8">
|
|
||||||
<el-button type="primary" text @click.stop="editUser(row)" :title="$t('common.edit')">
|
|
||||||
<el-icon>
|
|
||||||
<EditPen />
|
|
||||||
</el-icon>
|
|
||||||
</el-button>
|
|
||||||
</span>
|
|
||||||
|
|
||||||
<span class="mr-8">
|
|
||||||
<el-button type="primary" text @click.stop="editPwdUser(row)"
|
|
||||||
:title="$t('views.userManage.setting.updatePwd')">
|
|
||||||
<el-icon>
|
|
||||||
<Lock />
|
|
||||||
</el-icon>
|
|
||||||
</el-button>
|
|
||||||
</span>
|
|
||||||
<span>
|
|
||||||
<el-button :disabled="row.role === 'ADMIN'" type="primary" text @click.stop="deleteUserManage(row)"
|
|
||||||
:title="$t('common.delete')">
|
|
||||||
<el-icon>
|
|
||||||
<Delete />
|
|
||||||
</el-icon>
|
|
||||||
</el-button>
|
|
||||||
</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</app-table>
|
|
||||||
</el-card>
|
|
||||||
</ContentContainer>
|
|
||||||
|
|
||||||
<UserDrawer :title="title" :optionLoading="optionLoading" :chatGroupList="chatGroupList" ref="UserDrawerRef"
|
|
||||||
@refresh="refresh" />
|
|
||||||
<UserPwdDialog ref="UserPwdDialogRef" @refresh="refresh" />
|
|
||||||
<SetUserGroupsDialog :optionLoading="optionLoading" :chatGroupList="chatGroupList" ref="setUserGroupsRef"
|
|
||||||
@refresh="refresh" />
|
|
||||||
<SyncUsersDialog ref="syncUsersDialogRef" @refresh="refresh" />
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user