|
@@ -14,32 +14,80 @@
|
|
|
action: () => openModal(),
|
|
|
},
|
|
|
]"
|
|
|
- @get-list="getList">
|
|
|
+ @get-list="getList"
|
|
|
+ >
|
|
|
</byTable>
|
|
|
</div>
|
|
|
|
|
|
- <el-dialog title="手动入库" v-if="dialogVisible" v-model="dialogVisible" width="1000" v-loading="loadingDialog">
|
|
|
- <byForm :formConfig="formConfig" :formOption="formOption" v-model="formData.data" :rules="rules" ref="submit">
|
|
|
+ <el-dialog
|
|
|
+ title="手动入库"
|
|
|
+ v-if="dialogVisible"
|
|
|
+ v-model="dialogVisible"
|
|
|
+ width="1000"
|
|
|
+ v-loading="loadingDialog"
|
|
|
+ >
|
|
|
+ <byForm
|
|
|
+ :formConfig="formConfig"
|
|
|
+ :formOption="formOption"
|
|
|
+ v-model="formData.data"
|
|
|
+ :rules="rules"
|
|
|
+ ref="submit"
|
|
|
+ >
|
|
|
<template #details>
|
|
|
<div style="width: 100%">
|
|
|
- <el-button type="primary" @click="openProduct = true">添加明细</el-button>
|
|
|
- <el-table :data="formData.data.list" style="width: 100%; margin-top: 16px">
|
|
|
- <el-table-column prop="productCode" label="产品编码" width="140" />
|
|
|
- <el-table-column prop="productName" label="产品名称" min-width="220" />
|
|
|
- <el-table-column prop="productSpec" label="规格型号" min-width="220" />
|
|
|
+ <el-button type="primary" @click="openProduct = true"
|
|
|
+ >添加明细</el-button
|
|
|
+ >
|
|
|
+ <el-table
|
|
|
+ :data="formData.data.list"
|
|
|
+ style="width: 100%; margin-top: 16px"
|
|
|
+ >
|
|
|
+ <el-table-column
|
|
|
+ prop="productCode"
|
|
|
+ label="产品编码"
|
|
|
+ width="140"
|
|
|
+ />
|
|
|
+ <el-table-column
|
|
|
+ prop="productName"
|
|
|
+ label="产品名称"
|
|
|
+ min-width="220"
|
|
|
+ />
|
|
|
+ <el-table-column
|
|
|
+ prop="productSpec"
|
|
|
+ label="规格型号"
|
|
|
+ min-width="220"
|
|
|
+ />
|
|
|
<el-table-column prop="productUnit" label="单位" width="100" />
|
|
|
<el-table-column label="入库数量" width="160">
|
|
|
<template #default="{ row, $index }">
|
|
|
<div style="width: 100%">
|
|
|
- <el-form-item :prop="'list.' + $index + '.quantity'" :rules="rules.quantity" :inline-message="true">
|
|
|
- <el-input-number v-model="row.quantity" placeholder="请输入数量" style="width: 100%" :precision="0" :controls="false" :min="0" />
|
|
|
+ <el-form-item
|
|
|
+ :prop="'list.' + $index + '.quantity'"
|
|
|
+ :rules="rules.quantity"
|
|
|
+ :inline-message="true"
|
|
|
+ >
|
|
|
+ <el-input-number
|
|
|
+ v-model="row.quantity"
|
|
|
+ placeholder="请输入数量"
|
|
|
+ style="width: 100%"
|
|
|
+ :precision="0"
|
|
|
+ :controls="false"
|
|
|
+ :min="0"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column align="center" label="操作" width="80" fixed="right">
|
|
|
+ <el-table-column
|
|
|
+ align="center"
|
|
|
+ label="操作"
|
|
|
+ width="80"
|
|
|
+ fixed="right"
|
|
|
+ >
|
|
|
<template #default="{ row, $index }">
|
|
|
- <el-button type="primary" link @click="handleDelete($index)">删除</el-button>
|
|
|
+ <el-button type="primary" link @click="handleDelete($index)"
|
|
|
+ >删除</el-button
|
|
|
+ >
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
@@ -48,12 +96,22 @@
|
|
|
</byForm>
|
|
|
<template #footer>
|
|
|
<el-button @click="dialogVisible = false" size="large">取 消</el-button>
|
|
|
- <el-button type="primary" @click="submitForm()" size="large">确 定</el-button>
|
|
|
+ <el-button type="primary" @click="submitForm()" size="large"
|
|
|
+ >确 定</el-button
|
|
|
+ >
|
|
|
</template>
|
|
|
</el-dialog>
|
|
|
|
|
|
- <el-dialog v-model="openProduct" title="选择商品" width="70%" append-to-body>
|
|
|
- <SelectGoods @cancel="openProduct = false" @pushGoods="pushGoods"></SelectGoods>
|
|
|
+ <el-dialog
|
|
|
+ v-model="openProduct"
|
|
|
+ title="选择商品"
|
|
|
+ width="70%"
|
|
|
+ append-to-body
|
|
|
+ >
|
|
|
+ <SelectGoods
|
|
|
+ @cancel="openProduct = false"
|
|
|
+ @pushGoods="pushGoods"
|
|
|
+ ></SelectGoods>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -163,13 +221,15 @@ const getDict = () => {
|
|
|
const getList = async (req) => {
|
|
|
sourceList.value.pagination = { ...sourceList.value.pagination, ...req };
|
|
|
loading.value = true;
|
|
|
- proxy.post("/stockJournalDetails/page", sourceList.value.pagination).then((res) => {
|
|
|
- sourceList.value.data = res.rows;
|
|
|
- sourceList.value.pagination.total = res.total;
|
|
|
- setTimeout(() => {
|
|
|
- loading.value = false;
|
|
|
- }, 200);
|
|
|
- });
|
|
|
+ proxy
|
|
|
+ .post("/stockJournalDetails/page", sourceList.value.pagination)
|
|
|
+ .then((res) => {
|
|
|
+ sourceList.value.data = res.rows;
|
|
|
+ sourceList.value.pagination.total = res.total;
|
|
|
+ setTimeout(() => {
|
|
|
+ loading.value = false;
|
|
|
+ }, 200);
|
|
|
+ });
|
|
|
};
|
|
|
getDict();
|
|
|
getList();
|
|
@@ -199,6 +259,13 @@ const formConfig = computed(() => {
|
|
|
data: warehouseList.value,
|
|
|
},
|
|
|
{
|
|
|
+ type: "input",
|
|
|
+ label: "备注",
|
|
|
+ itemType: "textarea",
|
|
|
+ prop: "remarks",
|
|
|
+ itemWidth: 50,
|
|
|
+ },
|
|
|
+ {
|
|
|
type: "slot",
|
|
|
slotName: "details",
|
|
|
label: "入库明细",
|
|
@@ -207,6 +274,7 @@ const formConfig = computed(() => {
|
|
|
});
|
|
|
const rules = ref({
|
|
|
warehouseId: [{ required: true, message: "请选择仓库", trigger: "change" }],
|
|
|
+ remarks: [{ required: true, message: "请输入备注", trigger: "blur" }],
|
|
|
});
|
|
|
const openModal = () => {
|
|
|
formData.data = {
|