fix: build error

This commit is contained in:
wangdan-fit2cloud 2025-07-11 21:02:36 +08:00
parent 0f4ebc5981
commit 109e8507f1
2 changed files with 90 additions and 69 deletions

View File

@ -1,14 +1,14 @@
import {RoleTypeEnum} from '@/enums/system' import { RoleTypeEnum } from '@/enums/system'
import {t} from '@/locales' import { t } from '@/locales'
import useStore from '@/stores' import useStore from '@/stores'
const {user} = useStore() const { user } = useStore()
export const roleTypeMap: { [RoleTypeEnum.USER]: string; [RoleTypeEnum.WORKSPACE_MANAGE]: string } = { export const roleTypeMap: any = {
...(user.is_admin() ...(user.is_admin()
? { ? {
[RoleTypeEnum.ADMIN]: t('views.role.systemAdmin'), [RoleTypeEnum.ADMIN]: t('views.role.systemAdmin'),
} }
: {}), : {}),
[RoleTypeEnum.USER]: t('views.role.user'), [RoleTypeEnum.USER]: t('views.role.user'),
[RoleTypeEnum.WORKSPACE_MANAGE]: t('views.role.workspaceAdmin'), [RoleTypeEnum.WORKSPACE_MANAGE]: t('views.role.workspaceAdmin'),
}; }

View File

@ -45,8 +45,10 @@
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item :label="$t('views.userManage.userForm.phone.label')" prop="phone"> <el-form-item :label="$t('views.userManage.userForm.phone.label')" prop="phone">
<el-input v-model="userForm.phone" <el-input
:placeholder="$t('views.userManage.userForm.phone.placeholder')"> v-model="userForm.phone"
:placeholder="$t('views.userManage.userForm.phone.placeholder')"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="默认密码" v-if="!isEdit"> <el-form-item label="默认密码" v-if="!isEdit">
@ -54,12 +56,18 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<h4 class="title-decoration-1 mb-16 mt-8" v-if="user.isEE() || user.isPE()"> <h4 class="title-decoration-1 mb-16 mt-8" v-if="user.isEE() || user.isPE()">
{{ $t('views.userManage.roleSetting') }}</h4> {{ $t('views.userManage.roleSetting') }}
<MemberFormContent ref="memberFormContentRef" :models="formItemModel" v-model:form="list" </h4>
v-loading="memberFormContentLoading" <MemberFormContent
keepOneLine ref="memberFormContentRef"
:addText="$t('views.userManage.addRole')" v-if="user.isEE() || user.isPE()" :models="formItemModel"
:deleteButtonDisabled="deleteButtonDisabled"/> v-model:form="list"
v-loading="memberFormContentLoading"
keepOneLine
:addText="$t('views.userManage.addRole')"
v-if="user.isEE() || user.isPE()"
:deleteButtonDisabled="deleteButtonDisabled"
/>
<template #footer> <template #footer>
<el-button @click.prevent="visible = false"> {{ $t('common.cancel') }}</el-button> <el-button @click.prevent="visible = false"> {{ $t('common.cancel') }}</el-button>
<el-button type="primary" @click="submit(userFormRef)" :loading="loading"> <el-button type="primary" @click="submit(userFormRef)" :loading="loading">
@ -69,18 +77,18 @@
</el-drawer> </el-drawer>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import {ref, reactive, watch, onBeforeMount, computed} from 'vue' import { ref, reactive, watch, onBeforeMount, computed } from 'vue'
import type {FormInstance} from 'element-plus' import type { FormInstance } from 'element-plus'
import userManageApi from '@/api/system/user-manage' import userManageApi from '@/api/system/user-manage'
import {MsgSuccess} from '@/utils/message' import { MsgSuccess } from '@/utils/message'
import {t} from '@/locales' import { t } from '@/locales'
import type {FormItemModel} from '@/api/type/role' import type { FormItemModel } from '@/api/type/role'
import WorkspaceApi from '@/api/workspace/workspace' import WorkspaceApi from '@/api/workspace/workspace'
import MemberFormContent from '@/views/system/role/component/MemberFormContent.vue' import MemberFormContent from '@/views/system/role/component/MemberFormContent.vue'
import {RoleTypeEnum} from '@/enums/system' import { RoleTypeEnum } from '@/enums/system'
import useStore from "@/stores"; import useStore from '@/stores'
const {user} = useStore() const { user } = useStore()
const props = defineProps({ const props = defineProps({
title: String, title: String,
}) })
@ -96,17 +104,17 @@ const userForm = ref<any>({
nick_name: '', nick_name: '',
}) })
const list = ref<any[]>([]); const list = ref<any[]>([])
const memberFormContentLoading = ref(false); const memberFormContentLoading = ref(false)
const formItemModel = ref<FormItemModel[]>([]); const formItemModel = ref<FormItemModel[]>([])
const roleFormItem = ref<FormItemModel[]>([]); const roleFormItem = ref<FormItemModel[]>([])
const adminRoleList = ref<any[]>([]) const adminRoleList = ref<any[]>([])
const workspaceFormItem = ref<FormItemModel[]>([]) const workspaceFormItem = ref<FormItemModel[]>([])
const isAdmin = computed(() => userForm.value['id'] === 'f0dd8f71-e4ee-11ee-8c84-a8a1595801ab') const isAdmin = computed(() => userForm.value['id'] === 'f0dd8f71-e4ee-11ee-8c84-a8a1595801ab')
function deleteButtonDisabled(element: any) { function deleteButtonDisabled(element: any) {
if (isAdmin.value && ['ADMIN','WORKSPACE_MANAGE', 'USER'].includes(element.role_id)) { if (isAdmin.value && ['ADMIN', 'WORKSPACE_MANAGE', 'USER'].includes(element.role_id)) {
return true return true
} }
return false return false
@ -114,28 +122,31 @@ function deleteButtonDisabled(element: any) {
async function getRoleFormItem() { async function getRoleFormItem() {
try { try {
const res = await WorkspaceApi.getWorkspaceRoleList(memberFormContentLoading); const res = await WorkspaceApi.getWorkspaceRoleList(memberFormContentLoading)
roleFormItem.value = [{ roleFormItem.value = [
path: 'role_id', {
label: t('views.role.member.role'), path: 'role_id',
rules: [ label: t('views.role.member.role'),
{ rules: [
required: true, {
message: `${t('common.selectPlaceholder')}${t('views.role.member.role')}`, required: true,
message: `${t('common.selectPlaceholder')}${t('views.role.member.role')}`,
},
],
selectProps: {
options:
res.data?.map((item) => ({
label: item.name,
value: item.id,
})) || [],
placeholder: `${t('common.selectPlaceholder')}${t('views.role.member.role')}`,
multiple: false,
}, },
], },
selectProps: { ]
options: res.data?.map(item => ({ adminRoleList.value = res.data.filter((item) => item.type === RoleTypeEnum.ADMIN)
label: item.name,
value: item.id
})) || [],
placeholder: `${t('common.selectPlaceholder')}${t('views.role.member.role')}`,
multiple: false
}
}]
adminRoleList.value = res.data.filter(item => item.type === RoleTypeEnum.ADMIN)
} catch (e) { } catch (e) {
console.error(e); console.error(e)
} }
} }
@ -146,16 +157,20 @@ async function getWorkspaceFormItem() {
{ {
path: 'workspace_ids', path: 'workspace_ids',
label: t('views.role.member.workspace'), label: t('views.role.member.workspace'),
hidden: (e) => adminRoleList.value.find(item => item.id === e.role_id), hidden: (e) => adminRoleList.value.find((item) => item.id === e.role_id),
rules: [ rules: [
{ {
validator: (rule, value, callback) => { validator: (rule, value, callback) => {
const match = rule.field?.match(/\[(\d+)\]/); const match = rule.field?.match(/\[(\d+)\]/)
const isAdmin = adminRoleList.value.some(role => role.id === list.value[parseInt(match?.[1] ?? '', 10)].role_id); const isAdmin = adminRoleList.value.some(
(role) => role.id === list.value[parseInt(match?.[1] ?? '', 10)].role_id,
)
if (!isAdmin && (!value || value.length === 0)) { if (!isAdmin && (!value || value.length === 0)) {
callback(new Error(`${t('common.selectPlaceholder')}${t('views.role.member.workspace')}`)); callback(
new Error(`${t('common.selectPlaceholder')}${t('views.role.member.workspace')}`),
)
} else { } else {
callback(); callback()
} }
}, },
trigger: 'blur', trigger: 'blur',
@ -166,12 +181,15 @@ async function getWorkspaceFormItem() {
res.data?.map((item) => ({ res.data?.map((item) => ({
label: item.name, label: item.name,
value: item.id, value: item.id,
disabledFunction: (e: any)=> isAdmin.value && ['WORKSPACE_MANAGE', 'USER'].includes(e.role_id) && item.id === 'default' disabledFunction: (e: any) =>
isAdmin.value &&
['WORKSPACE_MANAGE', 'USER'].includes(e.role_id) &&
item.id === 'default',
})) || [], })) || [],
placeholder: `${t('common.selectPlaceholder')}${t('views.role.member.workspace')}`, placeholder: `${t('common.selectPlaceholder')}${t('views.role.member.workspace')}`,
clearableFunction: (e)=>{ clearableFunction: (e) => {
return !(isAdmin.value && ['WORKSPACE_MANAGE', 'USER'].includes(e.role_id)) return !(isAdmin.value && ['WORKSPACE_MANAGE', 'USER'].includes(e.role_id))
} },
}, },
}, },
] ]
@ -182,13 +200,13 @@ async function getWorkspaceFormItem() {
onBeforeMount(async () => { onBeforeMount(async () => {
if (user.isEE() || user.isPE()) { if (user.isEE() || user.isPE()) {
await getRoleFormItem(); await getRoleFormItem()
if (user.isEE()) { if (user.isEE()) {
await getWorkspaceFormItem(); await getWorkspaceFormItem()
} }
formItemModel.value = [...roleFormItem.value, ...workspaceFormItem.value] formItemModel.value = [...roleFormItem.value, ...workspaceFormItem.value]
} }
list.value = [{role_id: '', workspace_ids: []}] list.value = [{ role_id: '', workspace_ids: [] }]
}) })
const rules = reactive({ const rules = reactive({
@ -260,7 +278,7 @@ watch(visible, (bool) => {
nick_name: '', nick_name: '',
} }
isEdit.value = false isEdit.value = false
list.value = [{role_id: '', workspace_ids: []}] list.value = [{ role_id: '', workspace_ids: [] }]
userFormRef.value?.clearValidate() userFormRef.value?.clearValidate()
} }
}) })
@ -273,7 +291,10 @@ const open = (data: any) => {
userForm.value.password = data.password userForm.value.password = data.password
userForm.value.phone = data.phone userForm.value.phone = data.phone
userForm.value.nick_name = data.nick_name userForm.value.nick_name = data.nick_name
list.value = data.role_setting.map(item=>({...item, workspace_ids: item.workspace_ids.includes('None')?[]:item.workspace_ids})) list.value = data.role_setting.map((item: any) => ({
...item,
workspace_ids: item.workspace_ids.includes('None') ? [] : item.workspace_ids,
}))
isEdit.value = true isEdit.value = true
} else { } else {
//zxl //zxl
@ -294,26 +315,26 @@ const submit = async (formEl: FormInstance | undefined) => {
await memberFormContentRef.value?.validate() await memberFormContentRef.value?.validate()
} }
if (user.isPE() || user.isEE()) { if (user.isPE() || user.isEE()) {
list.value = list.value.map(item => { list.value = list.value.map((item) => {
const isAdminRole = adminRoleList.value.find(item1 => item1.id === item.role_id); const isAdminRole = adminRoleList.value.find((item1) => item1.id === item.role_id)
// ['None'] // ['None']
if (isAdminRole) { if (isAdminRole) {
return {...item, workspace_ids: ['None']}; return { ...item, workspace_ids: ['None'] }
} }
// PE ['default'] // PE ['default']
if (user.isPE()) { if (user.isPE()) {
return {...item, workspace_ids: ['default']}; return { ...item, workspace_ids: ['default'] }
} }
// //
return item; return item
}); })
} }
const params = { const params = {
...userForm.value, ...userForm.value,
role_setting: list.value role_setting: list.value,
} }
if (isEdit.value) { if (isEdit.value) {
userManageApi.putUserManage(userForm.value.id, params, loading).then((res) => { userManageApi.putUserManage(userForm.value.id, params, loading).then((res) => {
@ -332,6 +353,6 @@ const submit = async (formEl: FormInstance | undefined) => {
}) })
} }
defineExpose({open}) defineExpose({ open })
</script> </script>
<style lang="scss" scoped></style> <style lang="scss" scoped></style>