|
|
|
|
@ -7,26 +7,26 @@
|
|
|
|
|
:inline="true"
|
|
|
|
|
min-label-width="68px"
|
|
|
|
|
>
|
|
|
|
|
<el-form-item label="工艺参数编码" prop="code">
|
|
|
|
|
<el-form-item :label="t('ProcessParameter.fields.code')" prop="code">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="queryParams.code"
|
|
|
|
|
placeholder="请输入工艺参数编码"
|
|
|
|
|
:placeholder="t('ProcessParameter.placeholders.code')"
|
|
|
|
|
clearable
|
|
|
|
|
@keyup.enter="handleQuery"
|
|
|
|
|
class="!w-240px"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="工艺参数名称" prop="name">
|
|
|
|
|
<el-form-item :label="t('ProcessParameter.fields.name')" prop="name">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="queryParams.name"
|
|
|
|
|
placeholder="请输入工艺参数名称"
|
|
|
|
|
:placeholder="t('ProcessParameter.placeholders.name')"
|
|
|
|
|
clearable
|
|
|
|
|
@keyup.enter="handleQuery"
|
|
|
|
|
class="!w-240px"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="是否启用" prop="isEnable">
|
|
|
|
|
<el-select v-model="queryParams.isEnable" placeholder="请选择是否启用" clearable class="!w-180px">
|
|
|
|
|
<el-form-item :label="t('ProcessParameter.fields.isEnable')" prop="isEnable">
|
|
|
|
|
<el-select v-model="queryParams.isEnable" :placeholder="t('ProcessParameter.placeholders.isEnable')" clearable class="!w-180px">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="dict in getStrDictOptions(DICT_TYPE.INFRA_BOOLEAN_STRING)"
|
|
|
|
|
:key="dict.value"
|
|
|
|
|
@ -35,7 +35,7 @@
|
|
|
|
|
/>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="创建时间" prop="createTime" v-show="showAllFilters">
|
|
|
|
|
<el-form-item :label="t('ProcessParameter.fields.createTime')" prop="createTime" v-show="showAllFilters">
|
|
|
|
|
<el-date-picker
|
|
|
|
|
v-model="queryParams.createTime"
|
|
|
|
|
value-format="YYYY-MM-DD HH:mm:ss"
|
|
|
|
|
@ -81,31 +81,33 @@
|
|
|
|
|
|
|
|
|
|
<ContentWrap>
|
|
|
|
|
<el-table
|
|
|
|
|
ref="tableRef"
|
|
|
|
|
v-loading="loading"
|
|
|
|
|
:data="list"
|
|
|
|
|
:stripe="true"
|
|
|
|
|
:show-overflow-tooltip="true"
|
|
|
|
|
:max-height="planTableMaxHeight"
|
|
|
|
|
row-key="id"
|
|
|
|
|
@selection-change="handleSelectionChange"
|
|
|
|
|
>
|
|
|
|
|
<el-table-column type="selection" width="55" reserve-selection />
|
|
|
|
|
<el-table-column label="工艺参数编码" align="center" prop="code" sortable />
|
|
|
|
|
<el-table-column label="工艺参数名称" align="center" prop="name" sortable />
|
|
|
|
|
<el-table-column label="是否启用" align="center" prop="isEnable" width="100">
|
|
|
|
|
<el-table-column :label="t('ProcessParameter.fields.code')" align="center" prop="code" sortable />
|
|
|
|
|
<el-table-column :label="t('ProcessParameter.fields.name')" align="center" prop="name" sortable />
|
|
|
|
|
<el-table-column :label="t('ProcessParameter.fields.isEnable')" align="center" prop="isEnable" width="100">
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<dict-tag :type="DICT_TYPE.INFRA_BOOLEAN_STRING" :value="scope.row.isEnable" />
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column label="备注" align="center" prop="remark" />
|
|
|
|
|
<el-table-column :label="t('ProcessParameter.fields.remark')" align="center" prop="remark" />
|
|
|
|
|
<el-table-column
|
|
|
|
|
label="创建时间"
|
|
|
|
|
:label="t('ProcessParameter.fields.createTime')"
|
|
|
|
|
align="center"
|
|
|
|
|
prop="createTime"
|
|
|
|
|
:formatter="dateFormatter"
|
|
|
|
|
width="180px"
|
|
|
|
|
sortable
|
|
|
|
|
/>
|
|
|
|
|
<el-table-column label="操作" align="center" min-width="120px">
|
|
|
|
|
<el-table-column :label="t('ProcessParameter.fields.operate')" align="center" min-width="120px">
|
|
|
|
|
<template #default="scope">
|
|
|
|
|
<el-button
|
|
|
|
|
link
|
|
|
|
|
@ -152,6 +154,18 @@ const { t } = useI18n()
|
|
|
|
|
const loading = ref(true)
|
|
|
|
|
const list = ref<ProcessParameterVO[]>([])
|
|
|
|
|
const total = ref(0)
|
|
|
|
|
const tableRef = ref()
|
|
|
|
|
const planTableMaxHeight = ref(520)
|
|
|
|
|
const planPaginationRef = ref<HTMLElement>()
|
|
|
|
|
|
|
|
|
|
const updatePlanTableMaxHeight = async () => {
|
|
|
|
|
await nextTick()
|
|
|
|
|
const tableTop = tableRef.value?.$el?.getBoundingClientRect().top ?? 0
|
|
|
|
|
const paginationHeight = planPaginationRef.value?.getBoundingClientRect().height ?? 72
|
|
|
|
|
const pageBottomGap = 56
|
|
|
|
|
const availableHeight = window.innerHeight - tableTop - paginationHeight - pageBottomGap
|
|
|
|
|
planTableMaxHeight.value = Math.min(window.innerHeight, Math.max(240, Math.floor(availableHeight)))
|
|
|
|
|
}
|
|
|
|
|
const queryParams = reactive({
|
|
|
|
|
pageNo: 1,
|
|
|
|
|
pageSize: 10,
|
|
|
|
|
@ -168,6 +182,7 @@ const filterCount = 4
|
|
|
|
|
|
|
|
|
|
const toggleFilters = () => {
|
|
|
|
|
showAllFilters.value = !showAllFilters.value
|
|
|
|
|
updatePlanTableMaxHeight()
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const getList = async () => {
|
|
|
|
|
@ -178,6 +193,7 @@ const getList = async () => {
|
|
|
|
|
total.value = data.total
|
|
|
|
|
} finally {
|
|
|
|
|
loading.value = false
|
|
|
|
|
updatePlanTableMaxHeight()
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@ -218,7 +234,7 @@ const handleExport = async () => {
|
|
|
|
|
ids: selectedIds.value.length ? selectedIds.value.join(',') : undefined
|
|
|
|
|
}
|
|
|
|
|
const data = await ProcessParameterApi.exportProcessParameter(params)
|
|
|
|
|
download.excel(data, '工艺参数.xls')
|
|
|
|
|
download.excel(data, t('ProcessParameter.filenames.export'))
|
|
|
|
|
} catch {
|
|
|
|
|
} finally {
|
|
|
|
|
exportLoading.value = false
|
|
|
|
|
@ -227,5 +243,11 @@ const handleExport = async () => {
|
|
|
|
|
|
|
|
|
|
onMounted(() => {
|
|
|
|
|
getList()
|
|
|
|
|
updatePlanTableMaxHeight()
|
|
|
|
|
window.addEventListener("resize", updatePlanTableMaxHeight)
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
onBeforeUnmount(() => {
|
|
|
|
|
window.removeEventListener("resize", updatePlanTableMaxHeight)
|
|
|
|
|
})
|
|
|
|
|
</script>
|
|
|
|
|
|