|
|
|
@ -9,8 +9,8 @@
|
|
|
|
:disabled="disabled"
|
|
|
|
:disabled="disabled"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<el-table :data="formData" show-summary :summary-method="getSummaries" class="-mt-10px">
|
|
|
|
<el-table :data="formData" show-summary :summary-method="getSummaries" class="-mt-10px">
|
|
|
|
<el-table-column label="序号" type="index" align="center" width="60" />
|
|
|
|
<el-table-column :label="t('SparePartsManagement.SpareOut.itemIndex')" type="index" align="center" width="60" />
|
|
|
|
<el-table-column label="仓库名称" min-width="125">
|
|
|
|
<el-table-column :label="t('SparePartsManagement.SpareOut.itemWarehouseName')" min-width="125">
|
|
|
|
<template #default="{ row, $index }">
|
|
|
|
<template #default="{ row, $index }">
|
|
|
|
<el-form-item
|
|
|
|
<el-form-item
|
|
|
|
:prop="`${$index}.warehouseId`"
|
|
|
|
:prop="`${$index}.warehouseId`"
|
|
|
|
@ -21,7 +21,7 @@
|
|
|
|
v-model="row.warehouseId"
|
|
|
|
v-model="row.warehouseId"
|
|
|
|
clearable
|
|
|
|
clearable
|
|
|
|
filterable
|
|
|
|
filterable
|
|
|
|
placeholder="请选择仓库"
|
|
|
|
:placeholder="t('SparePartsManagement.SpareOut.placeholderWarehouse')"
|
|
|
|
@change="onChangeWarehouse($event, row)"
|
|
|
|
@change="onChangeWarehouse($event, row)"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<el-option
|
|
|
|
<el-option
|
|
|
|
@ -34,7 +34,7 @@
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column label="备件名称" min-width="180">
|
|
|
|
<el-table-column :label="t('SparePartsManagement.SpareOut.itemProductName')" min-width="180">
|
|
|
|
<template #default="{ row, $index }">
|
|
|
|
<template #default="{ row, $index }">
|
|
|
|
<el-form-item :prop="`${$index}.productId`" :rules="formRules.productId" class="mb-0px!">
|
|
|
|
<el-form-item :prop="`${$index}.productId`" :rules="formRules.productId" class="mb-0px!">
|
|
|
|
<el-select
|
|
|
|
<el-select
|
|
|
|
@ -42,7 +42,7 @@
|
|
|
|
clearable
|
|
|
|
clearable
|
|
|
|
filterable
|
|
|
|
filterable
|
|
|
|
@change="onChangeProduct($event, row)"
|
|
|
|
@change="onChangeProduct($event, row)"
|
|
|
|
placeholder="请选择备件"
|
|
|
|
:placeholder="t('SparePartsManagement.SpareOut.placeholderProduct')"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<el-option
|
|
|
|
<el-option
|
|
|
|
v-for="item in productList"
|
|
|
|
v-for="item in productList"
|
|
|
|
@ -54,28 +54,28 @@
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column label="库存" min-width="100">
|
|
|
|
<el-table-column :label="t('SparePartsManagement.SpareOut.itemStockCount')" min-width="100">
|
|
|
|
<template #default="{ row }">
|
|
|
|
<template #default="{ row }">
|
|
|
|
<el-form-item class="mb-0px!">
|
|
|
|
<el-form-item class="mb-0px!">
|
|
|
|
<el-input disabled v-model="row.stockCount" :formatter="erpCountInputFormatter" />
|
|
|
|
<el-input disabled v-model="row.stockCount" :formatter="erpCountInputFormatter" />
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column label="备件编码" min-width="150">
|
|
|
|
<el-table-column :label="t('SparePartsManagement.SpareOut.itemProductCode')" min-width="150">
|
|
|
|
<template #default="{ row }">
|
|
|
|
<template #default="{ row }">
|
|
|
|
<el-form-item class="mb-0px!">
|
|
|
|
<el-form-item class="mb-0px!">
|
|
|
|
<el-input disabled v-model="row.productBarCode" />
|
|
|
|
<el-input disabled v-model="row.productBarCode" />
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column label="单位" min-width="80">
|
|
|
|
<el-table-column :label="t('SparePartsManagement.SpareOut.itemUnitName')" min-width="80">
|
|
|
|
<template #default="{ row }">
|
|
|
|
<template #default="{ row }">
|
|
|
|
<el-form-item class="mb-0px!">
|
|
|
|
<el-form-item class="mb-0px!">
|
|
|
|
<el-input disabled v-model="row.productUnitName" />
|
|
|
|
<el-input disabled v-model="row.productUnitName" />
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column label="数量" prop="count" fixed="right" min-width="140">
|
|
|
|
<el-table-column :label="t('SparePartsManagement.SpareOut.itemCount')" prop="count" fixed="right" min-width="140">
|
|
|
|
<template #default="{ row, $index }">
|
|
|
|
<template #default="{ row, $index }">
|
|
|
|
<el-form-item :prop="`${$index}.count`" :rules="formRules.count" class="mb-0px!">
|
|
|
|
<el-form-item :prop="`${$index}.count`" :rules="formRules.count" class="mb-0px!">
|
|
|
|
<el-input-number
|
|
|
|
<el-input-number
|
|
|
|
@ -88,7 +88,7 @@
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column label="单价" fixed="right" min-width="120">
|
|
|
|
<el-table-column :label="t('SparePartsManagement.SpareOut.itemProductPrice')" fixed="right" min-width="120">
|
|
|
|
<template #default="{ row, $index }">
|
|
|
|
<template #default="{ row, $index }">
|
|
|
|
<el-form-item :prop="`${$index}.productPrice`" class="mb-0px!">
|
|
|
|
<el-form-item :prop="`${$index}.productPrice`" class="mb-0px!">
|
|
|
|
<el-input-number
|
|
|
|
<el-input-number
|
|
|
|
@ -101,21 +101,24 @@
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column label="合计金额" prop="totalPrice" fixed="right" min-width="100">
|
|
|
|
<el-table-column :label="t('SparePartsManagement.SpareOut.itemTotalPrice')" prop="totalPrice" fixed="right" min-width="100">
|
|
|
|
<template #default="{ row, $index }">
|
|
|
|
<template #default="{ row, $index }">
|
|
|
|
<el-form-item :prop="`${$index}.totalPrice`" class="mb-0px!">
|
|
|
|
<el-form-item :prop="`${$index}.totalPrice`" class="mb-0px!">
|
|
|
|
<el-input disabled v-model="row.totalPrice" :formatter="erpPriceInputFormatter" />
|
|
|
|
<el-input disabled v-model="row.totalPrice" :formatter="erpPriceInputFormatter" />
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column label="备注" fixed="right" min-width="150">
|
|
|
|
<el-table-column :label="t('SparePartsManagement.SpareOut.itemRemark')" fixed="right" min-width="150">
|
|
|
|
<template #default="{ row, $index }">
|
|
|
|
<template #default="{ row, $index }">
|
|
|
|
<el-form-item :prop="`${$index}.remark`" class="mb-0px!">
|
|
|
|
<el-form-item :prop="`${$index}.remark`" class="mb-0px!">
|
|
|
|
<el-input v-model="row.remark" placeholder="请输入备注" />
|
|
|
|
<el-input
|
|
|
|
|
|
|
|
v-model="row.remark"
|
|
|
|
|
|
|
|
:placeholder="t('SparePartsManagement.SpareOut.placeholderRemark')"
|
|
|
|
|
|
|
|
/>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
</el-table-column>
|
|
|
|
</el-table-column>
|
|
|
|
<el-table-column align="center" fixed="right" label="操作" width="60">
|
|
|
|
<el-table-column align="center" fixed="right" :label="t('SparePartsManagement.SpareOut.itemOperate')" width="60">
|
|
|
|
<template #default="{ $index }">
|
|
|
|
<template #default="{ $index }">
|
|
|
|
<el-button type="danger" @click="handleDelete($index)" link>
|
|
|
|
<el-button type="danger" @click="handleDelete($index)" link>
|
|
|
|
<Icon icon="ep:delete" />
|
|
|
|
<Icon icon="ep:delete" />
|
|
|
|
@ -125,10 +128,11 @@
|
|
|
|
</el-table>
|
|
|
|
</el-table>
|
|
|
|
</el-form>
|
|
|
|
</el-form>
|
|
|
|
<el-row justify="center" class="mt-3" v-if="!disabled">
|
|
|
|
<el-row justify="center" class="mt-3" v-if="!disabled">
|
|
|
|
<el-button @click="handleAdd" round>+ 添加出库备件</el-button>
|
|
|
|
<el-button @click="handleAdd" round>+ {{ t('SparePartsManagement.SpareOut.itemAddButton') }}</el-button>
|
|
|
|
</el-row>
|
|
|
|
</el-row>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
|
|
<script setup lang="ts">
|
|
|
|
|
|
|
|
import { useI18n } from '@/hooks/web/useI18n'
|
|
|
|
import { ProductApi, ProductVO } from '@/api/erp/product/product'
|
|
|
|
import { ProductApi, ProductVO } from '@/api/erp/product/product'
|
|
|
|
import { WarehouseApi, WarehouseVO } from '@/api/erp/stock/warehouse'
|
|
|
|
import { WarehouseApi, WarehouseVO } from '@/api/erp/stock/warehouse'
|
|
|
|
import { StockApi } from '@/api/erp/stock/stock'
|
|
|
|
import { StockApi } from '@/api/erp/stock/stock'
|
|
|
|
@ -139,6 +143,8 @@ import {
|
|
|
|
getSumValue
|
|
|
|
getSumValue
|
|
|
|
} from '@/utils'
|
|
|
|
} from '@/utils'
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const { t } = useI18n()
|
|
|
|
|
|
|
|
|
|
|
|
const props = defineProps<{
|
|
|
|
const props = defineProps<{
|
|
|
|
items: undefined
|
|
|
|
items: undefined
|
|
|
|
disabled: false
|
|
|
|
disabled: false
|
|
|
|
@ -146,10 +152,30 @@ const props = defineProps<{
|
|
|
|
const formLoading = ref(false) // 表单的加载中
|
|
|
|
const formLoading = ref(false) // 表单的加载中
|
|
|
|
const formData = ref([])
|
|
|
|
const formData = ref([])
|
|
|
|
const formRules = reactive({
|
|
|
|
const formRules = reactive({
|
|
|
|
inId: [{ required: true, message: '出库编号不能为空', trigger: 'blur' }],
|
|
|
|
inId: [
|
|
|
|
warehouseId: [{ required: true, message: '仓库不能为空', trigger: 'blur' }],
|
|
|
|
{ required: true, message: t('SparePartsManagement.SpareOut.validatorItemOutIdRequired'), trigger: 'blur' }
|
|
|
|
productId: [{ required: true, message: '备件不能为空', trigger: 'blur' }],
|
|
|
|
],
|
|
|
|
count: [{ required: true, message: '备件数量不能为空', trigger: 'blur' }]
|
|
|
|
warehouseId: [
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
|
|
message: t('SparePartsManagement.SpareOut.validatorItemWarehouseRequired'),
|
|
|
|
|
|
|
|
trigger: 'blur'
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
productId: [
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
|
|
message: t('SparePartsManagement.SpareOut.validatorItemProductRequired'),
|
|
|
|
|
|
|
|
trigger: 'blur'
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
count: [
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
required: true,
|
|
|
|
|
|
|
|
message: t('SparePartsManagement.SpareOut.validatorItemCountRequired'),
|
|
|
|
|
|
|
|
trigger: 'blur'
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
]
|
|
|
|
})
|
|
|
|
})
|
|
|
|
const formRef = ref([]) // 表单 Ref
|
|
|
|
const formRef = ref([]) // 表单 Ref
|
|
|
|
const productList = ref<ProductVO[]>([]) // 产品列表
|
|
|
|
const productList = ref<ProductVO[]>([]) // 产品列表
|
|
|
|
@ -186,7 +212,7 @@ const getSummaries = (param: SummaryMethodProps) => {
|
|
|
|
const sums: string[] = []
|
|
|
|
const sums: string[] = []
|
|
|
|
columns.forEach((column, index) => {
|
|
|
|
columns.forEach((column, index) => {
|
|
|
|
if (index === 0) {
|
|
|
|
if (index === 0) {
|
|
|
|
sums[index] = '合计'
|
|
|
|
sums[index] = t('SparePartsManagement.SpareOut.sumLabel')
|
|
|
|
return
|
|
|
|
return
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if (['count', 'totalPrice'].includes(column.property)) {
|
|
|
|
if (['count', 'totalPrice'].includes(column.property)) {
|
|
|
|
|
