songjianet
2 years ago
committed by
GitHub
13 changed files with 875 additions and 4 deletions
@ -0,0 +1,62 @@
|
||||
/* |
||||
* 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 { axios } from '@/service/service' |
||||
import { ListReq, K8SReq } from './types' |
||||
|
||||
export function queryNamespaceListPaging(params: ListReq): any { |
||||
return axios({ |
||||
url: '/k8s-namespace', |
||||
method: 'get', |
||||
params |
||||
}) |
||||
} |
||||
|
||||
export function verifyNamespaceK8s(params: K8SReq): any { |
||||
return axios({ |
||||
url: '/k8s-namespace/verify', |
||||
method: 'post', |
||||
params |
||||
}) |
||||
} |
||||
|
||||
export function createK8sNamespace(params: K8SReq): any { |
||||
return axios({ |
||||
url: '/k8s-namespace', |
||||
method: 'post', |
||||
params |
||||
}) |
||||
} |
||||
|
||||
export function updateK8sNamespace(params: K8SReq, id: number): any { |
||||
return axios({ |
||||
url: `/k8s-namespace/${id}`, |
||||
method: 'put', |
||||
params: { |
||||
...params, |
||||
id |
||||
} |
||||
}) |
||||
} |
||||
|
||||
export function delNamespaceById(id: number): any { |
||||
return axios({ |
||||
url: '/k8s-namespace/delete', |
||||
method: 'post', |
||||
params: { id } |
||||
}) |
||||
} |
||||
@ -0,0 +1,52 @@
|
||||
/* |
||||
* 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. |
||||
*/ |
||||
|
||||
interface ListReq { |
||||
pageNo: number |
||||
pageSize: number |
||||
searchVal?: string |
||||
} |
||||
|
||||
interface K8SReq { |
||||
namespace: string |
||||
k8s: string |
||||
owner?: string |
||||
tag?: string |
||||
limitsCpu?: number | string |
||||
limitsMemory?: number | string |
||||
} |
||||
|
||||
interface NamespaceItem extends K8SReq { |
||||
id: number |
||||
createTime: string |
||||
updateTime: string |
||||
podRequestCpu?: any |
||||
podRequestMemory?: any |
||||
podReplicas?: any |
||||
onlineJobNum?: any |
||||
} |
||||
|
||||
interface NamespaceListRes { |
||||
totalList: NamespaceItem[] |
||||
total: number |
||||
totalPage: number |
||||
pageSize: number |
||||
currentPage: number |
||||
start: number |
||||
} |
||||
|
||||
export { ListReq, K8SReq, NamespaceItem, NamespaceListRes } |
||||
@ -0,0 +1,194 @@
|
||||
/* |
||||
* 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 { defineComponent, PropType, toRefs, watch } from 'vue' |
||||
import Modal from '@/components/modal' |
||||
import { |
||||
NForm, |
||||
NFormItem, |
||||
NInput, |
||||
NInputGroup, |
||||
NInputGroupLabel |
||||
} from 'naive-ui' |
||||
import { useModal } from './use-modal' |
||||
import { useI18n } from 'vue-i18n' |
||||
|
||||
const K8sNamespaceModal = defineComponent({ |
||||
name: 'YarnQueueModal', |
||||
props: { |
||||
showModalRef: { |
||||
type: Boolean as PropType<boolean>, |
||||
default: false |
||||
}, |
||||
statusRef: { |
||||
type: Number as PropType<number>, |
||||
default: 0 |
||||
}, |
||||
row: { |
||||
type: Object as PropType<any>, |
||||
default: {} |
||||
} |
||||
}, |
||||
emits: ['cancelModal', 'confirmModal'], |
||||
setup(props, ctx) { |
||||
const { variables, handleValidate } = useModal(props, ctx) |
||||
const { t } = useI18n() |
||||
|
||||
const cancelModal = () => { |
||||
if (props.statusRef === 0) { |
||||
variables.model.namespace = '' |
||||
variables.model.k8s = '' |
||||
variables.model.tag = '' |
||||
variables.model.limitsCpu = '' |
||||
variables.model.limitsMemory = '' |
||||
variables.model.owner = '' |
||||
} |
||||
ctx.emit('cancelModal', props.showModalRef) |
||||
} |
||||
|
||||
const confirmModal = () => { |
||||
handleValidate(props.statusRef) |
||||
} |
||||
|
||||
watch( |
||||
() => props.statusRef, |
||||
() => { |
||||
if (props.statusRef === 0) { |
||||
variables.model.namespace = '' |
||||
variables.model.k8s = '' |
||||
variables.model.tag = '' |
||||
variables.model.limitsCpu = '' |
||||
variables.model.limitsMemory = '' |
||||
variables.model.owner = '' |
||||
} else { |
||||
variables.model.id = props.row.id |
||||
variables.model.namespace = props.row.namespace |
||||
variables.model.k8s = props.row.k8s |
||||
variables.model.tag = props.row.tag |
||||
variables.model.limitsCpu = props.row.limitsCpu + '' |
||||
variables.model.limitsMemory = props.row.limitsMemory + '' |
||||
variables.model.owner = props.row.owner |
||||
} |
||||
} |
||||
) |
||||
|
||||
watch( |
||||
() => props.row, |
||||
() => { |
||||
variables.model.id = props.row.id |
||||
variables.model.namespace = props.row.namespace |
||||
variables.model.k8s = props.row.k8s |
||||
variables.model.tag = props.row.tag |
||||
variables.model.limitsCpu = props.row.limitsCpu + '' |
||||
variables.model.limitsMemory = props.row.limitsMemory + '' |
||||
variables.model.owner = props.row.owner |
||||
} |
||||
) |
||||
|
||||
return { t, ...toRefs(variables), cancelModal, confirmModal } |
||||
}, |
||||
render() { |
||||
const { t } = this |
||||
return ( |
||||
<div> |
||||
<Modal |
||||
title={ |
||||
this.statusRef === 0 |
||||
? t('security.k8s_namespace.create_namespace') |
||||
: t('security.k8s_namespace.edit_namespace') |
||||
} |
||||
show={this.showModalRef} |
||||
onCancel={this.cancelModal} |
||||
onConfirm={this.confirmModal} |
||||
confirmDisabled={!this.model.namespace || !this.model.k8s} |
||||
> |
||||
{{ |
||||
default: () => ( |
||||
<NForm |
||||
model={this.model} |
||||
rules={this.rules} |
||||
ref='k8sNamespaceFormRef' |
||||
> |
||||
<NFormItem |
||||
label={t('security.k8s_namespace.k8s_namespace')} |
||||
path='namespace' |
||||
> |
||||
<NInput |
||||
placeholder={t('security.k8s_namespace.k8s_namespace_tips')} |
||||
v-model={[this.model.namespace, 'value']} |
||||
/> |
||||
</NFormItem> |
||||
<NFormItem |
||||
label={t('security.k8s_namespace.k8s_cluster')} |
||||
path='k8s' |
||||
> |
||||
<NInput |
||||
placeholder={t('security.k8s_namespace.k8s_cluster_tips')} |
||||
v-model={[this.model.k8s, 'value']} |
||||
/> |
||||
</NFormItem> |
||||
<NFormItem label={t('security.k8s_namespace.tag')} path='tag'> |
||||
<NInput |
||||
placeholder={t('security.k8s_namespace.tag_tips')} |
||||
v-model={[this.model.tag, 'value']} |
||||
/> |
||||
</NFormItem> |
||||
<NFormItem |
||||
label={t('security.k8s_namespace.limit_cpu')} |
||||
path='limitsCpu' |
||||
> |
||||
<NInputGroup> |
||||
<NInput |
||||
placeholder={t('security.k8s_namespace.limit_cpu_tips')} |
||||
v-model={[this.model.limitsCpu, 'value']} |
||||
/> |
||||
<NInputGroupLabel>CORE</NInputGroupLabel> |
||||
</NInputGroup> |
||||
</NFormItem> |
||||
<NFormItem |
||||
label={t('security.k8s_namespace.limit_memory')} |
||||
path='limitsMemory' |
||||
> |
||||
<NInputGroup> |
||||
<NInput |
||||
placeholder={t( |
||||
'security.k8s_namespace.limit_memory_tips' |
||||
)} |
||||
v-model={[this.model.limitsMemory, 'value']} |
||||
/> |
||||
<NInputGroupLabel>GB</NInputGroupLabel> |
||||
</NInputGroup> |
||||
</NFormItem> |
||||
<NFormItem |
||||
label={t('security.k8s_namespace.owner')} |
||||
path='owner' |
||||
> |
||||
<NInput |
||||
placeholder={t('security.k8s_namespace.owner_tips')} |
||||
v-model={[this.model.owner, 'value']} |
||||
/> |
||||
</NFormItem> |
||||
</NForm> |
||||
) |
||||
}} |
||||
</Modal> |
||||
</div> |
||||
) |
||||
} |
||||
}) |
||||
|
||||
export default K8sNamespaceModal |
||||
@ -0,0 +1,99 @@
|
||||
/* |
||||
* 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 { reactive, ref, SetupContext } from 'vue' |
||||
import { useI18n } from 'vue-i18n' |
||||
import { |
||||
verifyNamespaceK8s, |
||||
createK8sNamespace, |
||||
updateK8sNamespace |
||||
} from '@/service/modules/k8s-namespace' |
||||
|
||||
export function useModal( |
||||
props: any, |
||||
ctx: SetupContext<('cancelModal' | 'confirmModal')[]> |
||||
) { |
||||
const { t } = useI18n() |
||||
|
||||
const variables = reactive({ |
||||
k8sNamespaceFormRef: ref(), |
||||
model: { |
||||
id: ref<number>(-1), |
||||
namespace: ref(''), |
||||
k8s: ref(''), |
||||
owner: ref(''), |
||||
tag: ref(''), |
||||
limitsCpu: ref(''), |
||||
limitsMemory: ref('') |
||||
}, |
||||
rules: { |
||||
namespace: { |
||||
required: true, |
||||
trigger: ['input', 'blur'], |
||||
validator() { |
||||
if (variables.model.namespace === '') { |
||||
return new Error(t('security.k8s_namespace.k8s_namespace_tips')) |
||||
} |
||||
} |
||||
}, |
||||
k8s: { |
||||
required: true, |
||||
trigger: ['input', 'blur'], |
||||
validator() { |
||||
if (variables.model.k8s === '') { |
||||
return new Error(t('security.k8s_namespace.k8s_cluster_tips')) |
||||
} |
||||
} |
||||
} |
||||
} |
||||
}) |
||||
|
||||
const handleValidate = (statusRef: number) => { |
||||
variables.k8sNamespaceFormRef.validate((errors: any) => { |
||||
if (!errors) { |
||||
statusRef === 0 ? submitK8SNamespaceModal() : updateK8SNamespaceModal() |
||||
} else { |
||||
return |
||||
} |
||||
}) |
||||
} |
||||
|
||||
const submitK8SNamespaceModal = () => { |
||||
verifyNamespaceK8s(variables.model).then(() => { |
||||
createK8sNamespace(variables.model).then(() => { |
||||
variables.model.namespace = '' |
||||
variables.model.k8s = '' |
||||
variables.model.tag = '' |
||||
variables.model.limitsCpu = '' |
||||
variables.model.limitsMemory = '' |
||||
variables.model.owner = '' |
||||
ctx.emit('confirmModal', props.showModalRef) |
||||
}) |
||||
}) |
||||
} |
||||
|
||||
const updateK8SNamespaceModal = () => { |
||||
updateK8sNamespace(variables.model, variables.model.id).then((res: any) => { |
||||
ctx.emit('confirmModal', props.showModalRef) |
||||
}) |
||||
} |
||||
|
||||
return { |
||||
variables, |
||||
handleValidate |
||||
} |
||||
} |
||||
@ -0,0 +1,32 @@
|
||||
/* |
||||
* 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. |
||||
*/ |
||||
|
||||
.search-card { |
||||
display: flex; |
||||
justify-content: space-between; |
||||
align-items: center; |
||||
} |
||||
|
||||
.table-card { |
||||
margin-top: 8px; |
||||
|
||||
.pagination { |
||||
margin-top: 20px; |
||||
display: flex; |
||||
justify-content: center; |
||||
} |
||||
} |
||||
@ -0,0 +1,159 @@
|
||||
/* |
||||
* 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 { defineComponent, onMounted, toRefs, watch } from 'vue' |
||||
import { |
||||
NButton, |
||||
NCard, |
||||
NDataTable, |
||||
NIcon, |
||||
NInput, |
||||
NPagination, |
||||
NSpace |
||||
} from 'naive-ui' |
||||
import { SearchOutlined } from '@vicons/antd' |
||||
import { useI18n } from 'vue-i18n' |
||||
import { useTable } from './use-table' |
||||
import Card from '@/components/card' |
||||
import K8sNamespaceModal from './components/k8s-namespace-modal' |
||||
import styles from './index.module.scss' |
||||
|
||||
const k8sNamespaceManage = defineComponent({ |
||||
name: 'k8s-namespace-manage', |
||||
setup() { |
||||
const { t } = useI18n() |
||||
const { variables, getTableData, createColumns } = useTable() |
||||
|
||||
const requestData = () => { |
||||
getTableData({ |
||||
pageSize: variables.pageSize, |
||||
pageNo: variables.page, |
||||
searchVal: variables.searchVal |
||||
}) |
||||
} |
||||
|
||||
const onUpdatePageSize = () => { |
||||
variables.page = 1 |
||||
requestData() |
||||
} |
||||
|
||||
const onSearch = () => { |
||||
variables.page = 1 |
||||
requestData() |
||||
} |
||||
|
||||
const handleModalChange = () => { |
||||
variables.showModalRef = true |
||||
variables.statusRef = 0 |
||||
} |
||||
|
||||
const onCancelModal = () => { |
||||
variables.showModalRef = false |
||||
} |
||||
|
||||
const onConfirmModal = () => { |
||||
variables.showModalRef = false |
||||
requestData() |
||||
} |
||||
|
||||
onMounted(() => { |
||||
createColumns(variables) |
||||
requestData() |
||||
}) |
||||
|
||||
watch(useI18n().locale, () => { |
||||
createColumns(variables) |
||||
}) |
||||
|
||||
return { |
||||
t, |
||||
...toRefs(variables), |
||||
requestData, |
||||
onCancelModal, |
||||
onConfirmModal, |
||||
onUpdatePageSize, |
||||
handleModalChange, |
||||
onSearch |
||||
} |
||||
}, |
||||
render() { |
||||
const { |
||||
t, |
||||
requestData, |
||||
onUpdatePageSize, |
||||
onCancelModal, |
||||
onConfirmModal, |
||||
handleModalChange, |
||||
onSearch |
||||
} = this |
||||
|
||||
return ( |
||||
<div> |
||||
<NCard> |
||||
<div class={styles['search-card']}> |
||||
<div> |
||||
<NButton size='small' type='primary' onClick={handleModalChange}> |
||||
{t('security.k8s_namespace.create_namespace')} |
||||
</NButton> |
||||
</div> |
||||
<NSpace> |
||||
<NInput |
||||
size='small' |
||||
clearable |
||||
v-model={[this.searchVal, 'value']} |
||||
placeholder={t('security.k8s_namespace.search_tips')} |
||||
/> |
||||
<NButton size='small' type='primary' onClick={onSearch}> |
||||
{{ |
||||
icon: () => ( |
||||
<NIcon> |
||||
<SearchOutlined /> |
||||
</NIcon> |
||||
) |
||||
}} |
||||
</NButton> |
||||
</NSpace> |
||||
</div> |
||||
</NCard> |
||||
<Card class={styles['table-card']}> |
||||
<NDataTable columns={this.columns} data={this.tableData} /> |
||||
<div class={styles.pagination}> |
||||
<NPagination |
||||
v-model:page={this.page} |
||||
v-model:page-size={this.pageSize} |
||||
page-count={this.totalPage} |
||||
show-size-picker |
||||
page-sizes={[10, 30, 50]} |
||||
show-quick-jumper |
||||
onUpdatePage={requestData} |
||||
onUpdatePageSize={onUpdatePageSize} |
||||
/> |
||||
</div> |
||||
</Card> |
||||
<K8sNamespaceModal |
||||
showModalRef={this.showModalRef} |
||||
statusRef={this.statusRef} |
||||
row={this.row} |
||||
onCancelModal={onCancelModal} |
||||
onConfirmModal={onConfirmModal} |
||||
/> |
||||
</div> |
||||
) |
||||
} |
||||
}) |
||||
|
||||
export default k8sNamespaceManage |
||||
@ -0,0 +1,201 @@
|
||||
/* |
||||
* 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 { useAsyncState } from '@vueuse/core' |
||||
import { reactive, h, ref } from 'vue' |
||||
import { NButton, NPopconfirm, NSpace, NTooltip } from 'naive-ui' |
||||
import { useI18n } from 'vue-i18n' |
||||
import { format } from 'date-fns' |
||||
import { DeleteOutlined, EditOutlined } from '@vicons/antd' |
||||
import { |
||||
queryNamespaceListPaging, |
||||
delNamespaceById |
||||
} from '@/service/modules/k8s-namespace' |
||||
import type { |
||||
NamespaceListRes, |
||||
NamespaceItem |
||||
} from '@/service/modules/k8s-namespace/types' |
||||
|
||||
export function useTable() { |
||||
const { t } = useI18n() |
||||
|
||||
const handleEdit = (row: NamespaceItem) => { |
||||
variables.showModalRef = true |
||||
variables.statusRef = 1 |
||||
variables.row = row |
||||
} |
||||
|
||||
const handleDelete = (row: NamespaceItem) => { |
||||
delNamespaceById(row.id).then(() => { |
||||
getTableData({ |
||||
pageSize: variables.pageSize, |
||||
pageNo: |
||||
variables.tableData.length === 1 && variables.page > 1 |
||||
? variables.page - 1 |
||||
: variables.page, |
||||
searchVal: variables.searchVal |
||||
}) |
||||
}) |
||||
} |
||||
|
||||
const createColumns = (variables: any) => { |
||||
variables.columns = [ |
||||
{ |
||||
title: '#', |
||||
key: 'index' |
||||
}, |
||||
{ |
||||
title: t('security.k8s_namespace.k8s_namespace'), |
||||
key: 'namespace' |
||||
}, |
||||
{ |
||||
title: t('security.k8s_namespace.k8s_cluster'), |
||||
key: 'k8s' |
||||
}, |
||||
{ |
||||
title: t('security.k8s_namespace.owner'), |
||||
key: 'owner' |
||||
}, |
||||
{ |
||||
title: t('security.k8s_namespace.tag'), |
||||
key: 'tag' |
||||
}, |
||||
{ |
||||
title: t('security.k8s_namespace.limit_cpu'), |
||||
key: 'limitsCpu' |
||||
}, |
||||
{ |
||||
title: t('security.k8s_namespace.limit_memory'), |
||||
key: 'limitsMemory' |
||||
}, |
||||
{ |
||||
title: t('security.k8s_namespace.create_time'), |
||||
key: 'createTime' |
||||
}, |
||||
{ |
||||
title: t('security.k8s_namespace.update_time'), |
||||
key: 'updateTime' |
||||
}, |
||||
{ |
||||
title: t('security.k8s_namespace.operation'), |
||||
key: 'operation', |
||||
render(row: NamespaceItem) { |
||||
return h(NSpace, null, { |
||||
default: () => [ |
||||
h( |
||||
NTooltip, |
||||
{}, |
||||
{ |
||||
trigger: () => |
||||
h( |
||||
NButton, |
||||
{ |
||||
circle: true, |
||||
type: 'info', |
||||
size: 'small', |
||||
onClick: () => { |
||||
handleEdit(row) |
||||
} |
||||
}, |
||||
{ |
||||
icon: () => h(EditOutlined) |
||||
} |
||||
), |
||||
default: () => t('security.k8s_namespace.edit') |
||||
} |
||||
), |
||||
h( |
||||
NPopconfirm, |
||||
{ |
||||
onPositiveClick: () => { |
||||
handleDelete(row) |
||||
} |
||||
}, |
||||
{ |
||||
trigger: () => |
||||
h( |
||||
NTooltip, |
||||
{}, |
||||
{ |
||||
trigger: () => |
||||
h( |
||||
NButton, |
||||
{ |
||||
circle: true, |
||||
type: 'error', |
||||
size: 'small' |
||||
}, |
||||
{ |
||||
icon: () => h(DeleteOutlined) |
||||
} |
||||
), |
||||
default: () => t('security.k8s_namespace.delete') |
||||
} |
||||
), |
||||
default: () => t('security.k8s_namespace.delete_confirm') |
||||
} |
||||
) |
||||
] |
||||
}) |
||||
} |
||||
} |
||||
] |
||||
} |
||||
|
||||
const variables = reactive({ |
||||
columns: [], |
||||
tableData: [], |
||||
page: ref(1), |
||||
pageSize: ref(10), |
||||
searchVal: ref(null), |
||||
totalPage: ref(1), |
||||
showModalRef: ref(false), |
||||
statusRef: ref(0), |
||||
row: {} |
||||
}) |
||||
|
||||
const getTableData = (params: any) => { |
||||
const { state } = useAsyncState( |
||||
queryNamespaceListPaging({ ...params }).then((res: NamespaceListRes) => { |
||||
variables.tableData = res.totalList.map((item, index) => { |
||||
item.createTime = format( |
||||
new Date(item.createTime), |
||||
'yyyy-MM-dd HH:mm:ss' |
||||
) |
||||
item.updateTime = format( |
||||
new Date(item.updateTime), |
||||
'yyyy-MM-dd HH:mm:ss' |
||||
) |
||||
return { |
||||
index: index + 1, |
||||
...item |
||||
} |
||||
}) as any |
||||
variables.totalPage = res.totalPage |
||||
}), |
||||
{} |
||||
) |
||||
|
||||
return state |
||||
} |
||||
|
||||
return { |
||||
variables, |
||||
getTableData, |
||||
createColumns |
||||
} |
||||
} |
||||
Loading…
Reference in new issue