calvin
1 year ago
committed by
GitHub
14 changed files with 840 additions and 7 deletions
@ -0,0 +1,89 @@ |
|||||||
|
/* |
||||||
|
* 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, |
||||||
|
ProjectParameterCodeReq, |
||||||
|
ProjectParameterReq, |
||||||
|
UpdateProjectParameterReq |
||||||
|
} from './types' |
||||||
|
|
||||||
|
export function queryProjectParameterListPaging( |
||||||
|
params: ListReq, |
||||||
|
projectCode: number |
||||||
|
): any { |
||||||
|
return axios({ |
||||||
|
url: `/projects/${projectCode}/project-parameter`, |
||||||
|
method: 'get', |
||||||
|
params |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
export function queryProjectParameterByCode( |
||||||
|
projectCode: number, |
||||||
|
code: number |
||||||
|
): any { |
||||||
|
return axios({ |
||||||
|
url: `/projects/${projectCode}/project-parameter/${code}`, |
||||||
|
method: 'get' |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
export function createProjectParameter( |
||||||
|
data: ProjectParameterReq, |
||||||
|
projectCode: number |
||||||
|
): any { |
||||||
|
return axios({ |
||||||
|
url: `/projects/${projectCode}/project-parameter`, |
||||||
|
method: 'post', |
||||||
|
data |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
export function updateProjectParameter( |
||||||
|
data: UpdateProjectParameterReq, |
||||||
|
projectCode: number |
||||||
|
): any { |
||||||
|
return axios({ |
||||||
|
url: `/projects/${projectCode}/project-parameter/${data.code}`, |
||||||
|
method: 'put', |
||||||
|
data |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
export function deleteProjectParameterByCode( |
||||||
|
data: ProjectParameterCodeReq, |
||||||
|
projectCode: number |
||||||
|
): any { |
||||||
|
return axios({ |
||||||
|
url: `/projects/${projectCode}/project-parameter/delete`, |
||||||
|
method: 'post', |
||||||
|
data |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
export function deleteProjectParameterByCodes( |
||||||
|
data: ProjectParameterCodeReq[], |
||||||
|
projectCode: number |
||||||
|
): any { |
||||||
|
return axios({ |
||||||
|
url: `/projects/${projectCode}/project-parameter/batch-delete`, |
||||||
|
method: 'post', |
||||||
|
data |
||||||
|
}) |
||||||
|
} |
@ -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. |
||||||
|
*/ |
||||||
|
|
||||||
|
interface ListReq { |
||||||
|
pageNo: number |
||||||
|
pageSize: number |
||||||
|
searchVal?: string |
||||||
|
} |
||||||
|
|
||||||
|
interface ProjectParameterCodeReq { |
||||||
|
code: number |
||||||
|
} |
||||||
|
|
||||||
|
interface ProjectParameterReq { |
||||||
|
projectParameterName: string |
||||||
|
projectParameterValue: string |
||||||
|
} |
||||||
|
|
||||||
|
interface UpdateProjectParameterReq extends ProjectParameterReq { |
||||||
|
code: number |
||||||
|
} |
||||||
|
|
||||||
|
interface ProjectParameterList { |
||||||
|
id: number |
||||||
|
code: number |
||||||
|
name: string |
||||||
|
value: string |
||||||
|
createTime: string |
||||||
|
updateTime: string |
||||||
|
} |
||||||
|
|
||||||
|
interface ProjectParameterRes { |
||||||
|
totalList: ProjectParameterList[] |
||||||
|
total: number |
||||||
|
totalPage: number |
||||||
|
pageSize: number |
||||||
|
currentPage: number |
||||||
|
start: number |
||||||
|
} |
||||||
|
|
||||||
|
export { |
||||||
|
ListReq, |
||||||
|
ProjectParameterCodeReq, |
||||||
|
ProjectParameterReq, |
||||||
|
UpdateProjectParameterReq, |
||||||
|
ProjectParameterRes, |
||||||
|
ProjectParameterList |
||||||
|
} |
@ -0,0 +1,147 @@ |
|||||||
|
/* |
||||||
|
* 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, |
||||||
|
getCurrentInstance, |
||||||
|
PropType, |
||||||
|
toRefs, |
||||||
|
watch |
||||||
|
} from 'vue' |
||||||
|
import Modal from '@/components/modal' |
||||||
|
import { NForm, NFormItem, NInput } from 'naive-ui' |
||||||
|
import { useModal } from './use-modal' |
||||||
|
import { useI18n } from 'vue-i18n' |
||||||
|
|
||||||
|
const ParameterModal = defineComponent({ |
||||||
|
name: 'ParameterModal', |
||||||
|
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.projectParameterName = '' |
||||||
|
variables.model.projectParameterValue = '' |
||||||
|
} else { |
||||||
|
variables.model.projectParameterName = props.row.paramName |
||||||
|
variables.model.projectParameterValue = props.row.paramValue |
||||||
|
} |
||||||
|
ctx.emit('cancelModal', props.showModalRef) |
||||||
|
} |
||||||
|
|
||||||
|
const confirmModal = () => { |
||||||
|
handleValidate(props.statusRef) |
||||||
|
} |
||||||
|
|
||||||
|
const trim = getCurrentInstance()?.appContext.config.globalProperties.trim |
||||||
|
|
||||||
|
watch( |
||||||
|
() => props.showModalRef, |
||||||
|
() => { |
||||||
|
props.showModalRef |
||||||
|
} |
||||||
|
) |
||||||
|
|
||||||
|
watch( |
||||||
|
() => props.statusRef, |
||||||
|
() => { |
||||||
|
if (props.statusRef === 0) { |
||||||
|
variables.model.projectParameterName = '' |
||||||
|
variables.model.projectParameterValue = '' |
||||||
|
} else { |
||||||
|
variables.model.code = props.row.code |
||||||
|
variables.model.projectParameterName = props.row.paramName |
||||||
|
variables.model.projectParameterValue = props.row.paramValue |
||||||
|
} |
||||||
|
} |
||||||
|
) |
||||||
|
|
||||||
|
watch( |
||||||
|
() => props.row, |
||||||
|
() => { |
||||||
|
variables.model.code = props.row.code |
||||||
|
variables.model.projectParameterName = props.row.paramName |
||||||
|
variables.model.projectParameterValue = props.row.paramValue |
||||||
|
} |
||||||
|
) |
||||||
|
|
||||||
|
return { t, ...toRefs(variables), cancelModal, confirmModal, trim } |
||||||
|
}, |
||||||
|
render() { |
||||||
|
const { t } = this |
||||||
|
return ( |
||||||
|
<div> |
||||||
|
<Modal |
||||||
|
title={ |
||||||
|
this.statusRef === 0 |
||||||
|
? t('project.parameter.create_parameter') |
||||||
|
: t('project.parameter.edit_parameter') |
||||||
|
} |
||||||
|
show={this.showModalRef} |
||||||
|
onCancel={this.cancelModal} |
||||||
|
onConfirm={this.confirmModal} |
||||||
|
confirmDisabled={ |
||||||
|
!this.model.projectParameterName || |
||||||
|
!this.model.projectParameterValue |
||||||
|
} |
||||||
|
confirmClassName='btn-submit' |
||||||
|
cancelClassName='btn-cancel' |
||||||
|
confirmLoading={this.saving} |
||||||
|
> |
||||||
|
{{ |
||||||
|
default: () => ( |
||||||
|
<NForm model={this.model} rules={this.rules} ref='formRef'> |
||||||
|
<NFormItem label={t('project.parameter.name')} path='name'> |
||||||
|
<NInput |
||||||
|
allowInput={this.trim} |
||||||
|
placeholder={t('project.parameter.name_tips')} |
||||||
|
v-model={[this.model.projectParameterName, 'value']} |
||||||
|
/> |
||||||
|
</NFormItem> |
||||||
|
<NFormItem label={t('project.parameter.value')} path='value'> |
||||||
|
<NInput |
||||||
|
allowInput={this.trim} |
||||||
|
placeholder={t('project.parameter.value_tips')} |
||||||
|
v-model={[this.model.projectParameterValue, 'value']} |
||||||
|
/> |
||||||
|
</NFormItem> |
||||||
|
</NForm> |
||||||
|
) |
||||||
|
}} |
||||||
|
</Modal> |
||||||
|
</div> |
||||||
|
) |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
export default ParameterModal |
@ -0,0 +1,112 @@ |
|||||||
|
/* |
||||||
|
* 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 type { Router } from 'vue-router' |
||||||
|
import { |
||||||
|
createProjectParameter, |
||||||
|
updateProjectParameter |
||||||
|
} from '@/service/modules/projects-parameter' |
||||||
|
import { |
||||||
|
ProjectParameterReq, |
||||||
|
UpdateProjectParameterReq |
||||||
|
} from '@/service/modules/projects-parameter/types' |
||||||
|
import { useRouter } from 'vue-router' |
||||||
|
|
||||||
|
export function useModal( |
||||||
|
props: any, |
||||||
|
ctx: SetupContext<('cancelModal' | 'confirmModal')[]> |
||||||
|
) { |
||||||
|
const { t } = useI18n() |
||||||
|
const router: Router = useRouter() |
||||||
|
|
||||||
|
const variables = reactive({ |
||||||
|
formRef: ref(), |
||||||
|
projectCode: ref(Number(router.currentRoute.value.params.projectCode)), |
||||||
|
model: { |
||||||
|
code: ref<number>(-1), |
||||||
|
projectParameterName: ref(''), |
||||||
|
projectParameterValue: ref('') |
||||||
|
}, |
||||||
|
saving: false, |
||||||
|
rules: { |
||||||
|
name: { |
||||||
|
required: true, |
||||||
|
trigger: ['input', 'blur'], |
||||||
|
validator() { |
||||||
|
if (variables.model.projectParameterName === '') { |
||||||
|
return new Error(t('project.parameter.name_tips')) |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
value: { |
||||||
|
required: true, |
||||||
|
trigger: ['input', 'blur'], |
||||||
|
validator() { |
||||||
|
if (variables.model.projectParameterValue === '') { |
||||||
|
return new Error(t('project.parameter.value_tips')) |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
const handleValidate = async (statusRef: number) => { |
||||||
|
// await variables.formRef.validate()
|
||||||
|
|
||||||
|
if (variables.saving) return |
||||||
|
variables.saving = true |
||||||
|
|
||||||
|
try { |
||||||
|
statusRef === 0 ? await submitModal() : await updateModal() |
||||||
|
variables.saving = false |
||||||
|
} catch (err) { |
||||||
|
variables.saving = false |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
const submitModal = () => { |
||||||
|
const data: ProjectParameterReq = { |
||||||
|
projectParameterName: variables.model.projectParameterName, |
||||||
|
projectParameterValue: variables.model.projectParameterValue |
||||||
|
} |
||||||
|
|
||||||
|
createProjectParameter(data, variables.projectCode).then(() => { |
||||||
|
variables.model.projectParameterName = '' |
||||||
|
variables.model.projectParameterValue = '' |
||||||
|
ctx.emit('confirmModal', props.showModalRef) |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
const updateModal = () => { |
||||||
|
const data: UpdateProjectParameterReq = { |
||||||
|
code: variables.model.code, |
||||||
|
projectParameterName: variables.model.projectParameterName, |
||||||
|
projectParameterValue: variables.model.projectParameterValue |
||||||
|
} |
||||||
|
|
||||||
|
updateProjectParameter(data, variables.projectCode).then(() => { |
||||||
|
ctx.emit('confirmModal', props.showModalRef) |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
return { |
||||||
|
variables, |
||||||
|
handleValidate |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,161 @@ |
|||||||
|
/* |
||||||
|
* 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 { |
||||||
|
NDataTable, |
||||||
|
NIcon, |
||||||
|
NInput, |
||||||
|
NPagination, |
||||||
|
NSpace, |
||||||
|
NButton |
||||||
|
} from 'naive-ui' |
||||||
|
import { defineComponent, onMounted, toRefs, watch } from 'vue' |
||||||
|
import { useI18n } from 'vue-i18n' |
||||||
|
import { useTable } from '@/views/projects/parameter/use-table' |
||||||
|
import Card from '@/components/card' |
||||||
|
import ParameterModal from '@/views/projects/parameter/components/parameter-modal' |
||||||
|
import { SearchOutlined } from '@vicons/antd' |
||||||
|
|
||||||
|
export default defineComponent({ |
||||||
|
name: 'ProjectParameterList', |
||||||
|
setup() { |
||||||
|
const { variables, createColumns, getTableData } = useTable() |
||||||
|
|
||||||
|
const requestData = () => { |
||||||
|
getTableData({ |
||||||
|
pageSize: variables.pageSize, |
||||||
|
pageNo: variables.page, |
||||||
|
searchVal: variables.searchVal, |
||||||
|
projectCode: variables.projectCode |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
const handleUpdateList = () => { |
||||||
|
requestData() |
||||||
|
} |
||||||
|
|
||||||
|
const handleSearch = () => { |
||||||
|
variables.page = 1 |
||||||
|
requestData() |
||||||
|
} |
||||||
|
|
||||||
|
const handleChangePageSize = () => { |
||||||
|
variables.page = 1 |
||||||
|
requestData() |
||||||
|
} |
||||||
|
|
||||||
|
const onCancelModal = () => { |
||||||
|
variables.showRef = false |
||||||
|
} |
||||||
|
|
||||||
|
const onConfirmModal = () => { |
||||||
|
variables.showRef = false |
||||||
|
requestData() |
||||||
|
} |
||||||
|
|
||||||
|
const onCreateParameter = () => { |
||||||
|
variables.showRef = true |
||||||
|
variables.statusRef = 0 |
||||||
|
} |
||||||
|
|
||||||
|
onMounted(() => { |
||||||
|
createColumns(variables) |
||||||
|
requestData() |
||||||
|
}) |
||||||
|
|
||||||
|
watch(useI18n().locale, () => { |
||||||
|
createColumns(variables) |
||||||
|
}) |
||||||
|
|
||||||
|
return { |
||||||
|
requestData, |
||||||
|
handleSearch, |
||||||
|
handleUpdateList, |
||||||
|
handleChangePageSize, |
||||||
|
onCreateParameter, |
||||||
|
onCancelModal, |
||||||
|
onConfirmModal, |
||||||
|
...toRefs(variables) |
||||||
|
} |
||||||
|
}, |
||||||
|
render() { |
||||||
|
const { t } = useI18n() |
||||||
|
const { |
||||||
|
loadingRef, |
||||||
|
handleSearch, |
||||||
|
onCreateParameter, |
||||||
|
onConfirmModal, |
||||||
|
onCancelModal |
||||||
|
} = this |
||||||
|
|
||||||
|
return ( |
||||||
|
<NSpace vertical> |
||||||
|
<Card> |
||||||
|
<NSpace justify='space-between'> |
||||||
|
<NButton size='small' type='primary' onClick={onCreateParameter}> |
||||||
|
{t('project.parameter.create_parameter')} |
||||||
|
</NButton> |
||||||
|
<NSpace> |
||||||
|
<NInput |
||||||
|
size='small' |
||||||
|
clearable |
||||||
|
v-model={[this.searchVal, 'value']} |
||||||
|
placeholder={t('project.parameter.name')} |
||||||
|
/> |
||||||
|
<NButton size='small' type='primary' onClick={handleSearch}> |
||||||
|
<NIcon> |
||||||
|
<SearchOutlined /> |
||||||
|
</NIcon> |
||||||
|
</NButton> |
||||||
|
</NSpace> |
||||||
|
</NSpace> |
||||||
|
</Card> |
||||||
|
<Card title={t('project.parameter.parameter_manage')}> |
||||||
|
<NSpace vertical> |
||||||
|
<NDataTable |
||||||
|
loading={loadingRef} |
||||||
|
columns={this.columns} |
||||||
|
data={this.tableData} |
||||||
|
striped |
||||||
|
size={'small'} |
||||||
|
scrollX={this.tableWidth} |
||||||
|
/> |
||||||
|
<NSpace justify='center'> |
||||||
|
<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={this.requestData} |
||||||
|
onUpdatePageSize={this.handleChangePageSize} |
||||||
|
/> |
||||||
|
</NSpace> |
||||||
|
</NSpace> |
||||||
|
</Card> |
||||||
|
<ParameterModal |
||||||
|
showModalRef={this.showRef} |
||||||
|
statusRef={this.statusRef} |
||||||
|
row={this.row} |
||||||
|
onCancelModal={onCancelModal} |
||||||
|
onConfirmModal={onConfirmModal} |
||||||
|
/> |
||||||
|
</NSpace> |
||||||
|
) |
||||||
|
} |
||||||
|
}) |
@ -0,0 +1,195 @@ |
|||||||
|
/* |
||||||
|
* 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 { h, ref, reactive } from 'vue' |
||||||
|
import { useI18n } from 'vue-i18n' |
||||||
|
import { useRouter } from 'vue-router' |
||||||
|
import { NSpace, NTooltip, NButton, NPopconfirm } from 'naive-ui' |
||||||
|
import { |
||||||
|
deleteProjectParameterByCode, |
||||||
|
queryProjectParameterListPaging |
||||||
|
} from '@/service/modules/projects-parameter' |
||||||
|
import { ProjectParameterCodeReq } from '@/service/modules/projects-parameter/types' |
||||||
|
import { DeleteOutlined, EditOutlined } from '@vicons/antd' |
||||||
|
import { |
||||||
|
COLUMN_WIDTH_CONFIG, |
||||||
|
calculateTableWidth, |
||||||
|
DefaultTableWidth |
||||||
|
} from '@/common/column-width-config' |
||||||
|
import type { Router } from 'vue-router' |
||||||
|
|
||||||
|
export function useTable() { |
||||||
|
const { t } = useI18n() |
||||||
|
const router: Router = useRouter() |
||||||
|
|
||||||
|
const variables = reactive({ |
||||||
|
columns: [], |
||||||
|
tableWidth: DefaultTableWidth, |
||||||
|
row: {}, |
||||||
|
tableData: [], |
||||||
|
projectCode: ref(Number(router.currentRoute.value.params.projectCode)), |
||||||
|
page: ref(1), |
||||||
|
pageSize: ref(10), |
||||||
|
searchVal: ref(), |
||||||
|
totalPage: ref(1), |
||||||
|
showRef: ref(false), |
||||||
|
statusRef: ref(0), |
||||||
|
loadingRef: ref(false) |
||||||
|
}) |
||||||
|
|
||||||
|
const createColumns = (variables: any) => { |
||||||
|
variables.columns = [ |
||||||
|
{ |
||||||
|
title: '#', |
||||||
|
key: 'id', |
||||||
|
...COLUMN_WIDTH_CONFIG['index'], |
||||||
|
render: (row: any, index: number) => index + 1 |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: t('project.parameter.name'), |
||||||
|
key: 'paramName', |
||||||
|
...COLUMN_WIDTH_CONFIG['name'] |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: t('project.parameter.value'), |
||||||
|
key: 'paramValue', |
||||||
|
...COLUMN_WIDTH_CONFIG['name'] |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: t('project.parameter.create_time'), |
||||||
|
key: 'createTime', |
||||||
|
...COLUMN_WIDTH_CONFIG['time'] |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: t('project.parameter.update_time'), |
||||||
|
key: 'updateTime', |
||||||
|
...COLUMN_WIDTH_CONFIG['time'] |
||||||
|
}, |
||||||
|
{ |
||||||
|
title: t('project.parameter.operation'), |
||||||
|
key: 'operation', |
||||||
|
...COLUMN_WIDTH_CONFIG['operation'](3), |
||||||
|
render: (row: any) => { |
||||||
|
return h(NSpace, null, { |
||||||
|
default: () => [ |
||||||
|
h( |
||||||
|
NTooltip, |
||||||
|
{}, |
||||||
|
{ |
||||||
|
trigger: () => |
||||||
|
h( |
||||||
|
NButton, |
||||||
|
{ |
||||||
|
circle: true, |
||||||
|
type: 'info', |
||||||
|
size: 'small', |
||||||
|
onClick: () => { |
||||||
|
handleEdit(row) |
||||||
|
} |
||||||
|
}, |
||||||
|
{ |
||||||
|
icon: () => h(EditOutlined) |
||||||
|
} |
||||||
|
), |
||||||
|
default: () => t('project.parameter.edit') |
||||||
|
} |
||||||
|
), |
||||||
|
h( |
||||||
|
NPopconfirm, |
||||||
|
{ |
||||||
|
onPositiveClick: () => { |
||||||
|
handleDelete(row.code) |
||||||
|
} |
||||||
|
}, |
||||||
|
{ |
||||||
|
trigger: () => |
||||||
|
h( |
||||||
|
NTooltip, |
||||||
|
{}, |
||||||
|
{ |
||||||
|
trigger: () => |
||||||
|
h( |
||||||
|
NButton, |
||||||
|
{ |
||||||
|
circle: true, |
||||||
|
type: 'error', |
||||||
|
size: 'small' |
||||||
|
}, |
||||||
|
{ |
||||||
|
icon: () => h(DeleteOutlined) |
||||||
|
} |
||||||
|
), |
||||||
|
default: () => t('project.parameter.delete') |
||||||
|
} |
||||||
|
), |
||||||
|
default: () => t('project.parameter.delete_confirm') |
||||||
|
} |
||||||
|
) |
||||||
|
] |
||||||
|
}) |
||||||
|
} |
||||||
|
} |
||||||
|
] |
||||||
|
if (variables.tableWidth) { |
||||||
|
variables.tableWidth = calculateTableWidth(variables.columns) |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
const handleEdit = (row: any) => { |
||||||
|
variables.showRef = true |
||||||
|
variables.statusRef = 1 |
||||||
|
variables.row = row |
||||||
|
} |
||||||
|
|
||||||
|
const getTableData = (params: any) => { |
||||||
|
if (variables.loadingRef) return |
||||||
|
variables.loadingRef = true |
||||||
|
|
||||||
|
queryProjectParameterListPaging({ ...params }, variables.projectCode).then( |
||||||
|
(res: any) => { |
||||||
|
variables.totalPage = res.totalPage |
||||||
|
variables.tableData = res.totalList.map((item: any) => { |
||||||
|
return { ...item } |
||||||
|
}) |
||||||
|
variables.loadingRef = false |
||||||
|
} |
||||||
|
) |
||||||
|
} |
||||||
|
|
||||||
|
const handleDelete = (code: number) => { |
||||||
|
if (variables.tableData.length === 1 && variables.page > 1) { |
||||||
|
variables.page -= 1 |
||||||
|
} |
||||||
|
const data: ProjectParameterCodeReq = { |
||||||
|
code: code |
||||||
|
} |
||||||
|
deleteProjectParameterByCode(data, variables.projectCode).then(() => { |
||||||
|
window.$message.success(t('project.parameter.success')) |
||||||
|
getTableData({ |
||||||
|
pageSize: variables.pageSize, |
||||||
|
pageNo: variables.page, |
||||||
|
searchVal: variables.searchVal |
||||||
|
}) |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
return { |
||||||
|
variables, |
||||||
|
createColumns, |
||||||
|
getTableData |
||||||
|
} |
||||||
|
} |
Loading…
Reference in new issue