Browse Source
[Feature-12040][api][ui] Add authorization management of read and write permissions for project center3.2.0-release
Yiming Guo
2 years ago
committed by
GitHub
28 changed files with 899 additions and 78 deletions
@ -0,0 +1,91 @@ |
|||||||
|
/* |
||||||
|
* Licensed to the Apache Software Foundation (ASF) under one or more |
||||||
|
* contributor license agreements. See the NOTICE file distributed with |
||||||
|
* this work for additional information regarding copyright ownership. |
||||||
|
* The ASF licenses this file to You under the Apache License, Version 2.0 |
||||||
|
* (the "License"); you may not use this file except in compliance with |
||||||
|
* the License. You may obtain a copy of the License at |
||||||
|
* |
||||||
|
* http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
* |
||||||
|
* Unless required by applicable law or agreed to in writing, software |
||||||
|
* distributed under the License is distributed on an "AS IS" BASIS, |
||||||
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
||||||
|
* See the License for the specific language governing permissions and |
||||||
|
* limitations under the License. |
||||||
|
*/ |
||||||
|
|
||||||
|
import { ref, watch, onMounted } from 'vue' |
||||||
|
import { useI18n } from 'vue-i18n' |
||||||
|
import { |
||||||
|
COLUMN_WIDTH_CONFIG, |
||||||
|
calculateTableWidth, |
||||||
|
DefaultTableWidth |
||||||
|
} from '@/common/column-width-config' |
||||||
|
import type { TableColumns } from '../types' |
||||||
|
|
||||||
|
// const { t } = useI18n()
|
||||||
|
const PERM_LIST = [ |
||||||
|
{ |
||||||
|
label: 'project.list.no_permission', |
||||||
|
value: 0 |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: 'project.list.read_permission', |
||||||
|
value: 2 |
||||||
|
}, |
||||||
|
{ |
||||||
|
label: 'project.list.all_permission', |
||||||
|
value: 7 |
||||||
|
} |
||||||
|
] |
||||||
|
|
||||||
|
|
||||||
|
export function useColumns() { |
||||||
|
const { t } = useI18n() |
||||||
|
|
||||||
|
const columnsRef = ref({ |
||||||
|
columns: [] as TableColumns, |
||||||
|
tableWidth: DefaultTableWidth |
||||||
|
}) |
||||||
|
|
||||||
|
const createColumns = () => { |
||||||
|
const columns: any = [ |
||||||
|
{ |
||||||
|
type: 'selection', |
||||||
|
key: 'selection', |
||||||
|
...COLUMN_WIDTH_CONFIG['checkbox'] |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: t('project.list.project_name'), |
||||||
|
key: 'name', |
||||||
|
...COLUMN_WIDTH_CONFIG['size'] |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: t('project.list.authorize_level'), |
||||||
|
key: 'perm', |
||||||
|
render: (record: any):any => { |
||||||
|
return PERM_LIST.filter(item => item.value == record.perm).map(item => t(item.label)) |
||||||
|
}, |
||||||
|
...COLUMN_WIDTH_CONFIG['index'] |
||||||
|
} |
||||||
|
] |
||||||
|
columnsRef.value = { |
||||||
|
columns, |
||||||
|
tableWidth: calculateTableWidth(columns) |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
onMounted(() => { |
||||||
|
createColumns() |
||||||
|
}) |
||||||
|
|
||||||
|
watch(useI18n().locale, () => { |
||||||
|
createColumns() |
||||||
|
}) |
||||||
|
|
||||||
|
return { |
||||||
|
columnsRef, |
||||||
|
createColumns |
||||||
|
} |
||||||
|
} |
Loading…
Reference in new issue