czg_team/cashier-web
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 耗材报损

Browse Source
This commit is contained in:
wwz
2025-04-15 10:41:12 +08:00
parent c093c618b2
commit 0d495c20ef
5 changed files with 120 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

136
src/views/inventory/operation_in/index.vue
View File

@@ -5,60 +5,65 @@
<el-row>
<el-form-item label="类型">
<el-radio-group :model-value="type" @change="tabChange">
<el-radio value="in">入库</el-radio>
<el-radio value="out">出库</el-radio>
<el-radio v-if="type == 'reportinglosses'" value="reportinglosses">报损</el-radio>
<div v-else>
<el-radio value="in">入库</el-radio>
<el-radio value="out">出库</el-radio>
</div>
</el-radio-group>
</el-form-item>
</el-row>
<el-row>
<el-col v-if="type == 'in'" :span="8">
<el-form-item label="供应商">
<el-select v-model="queryForm.vendorId" placeholder="请选择供应商" clearable style="width: 220px"
@change="changeTypeEnum">
<el-option v-for="item in purveyorList" :key="item.id" :label="item.name" :value="item.id" />
</el-select>
{{ queryForm.waitAmount }}
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="出入库时间" prop="inOutDate">
<el-date-picker v-model="queryForm.inOutDate" type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
placeholder="选择日期" style="width: 220px" disabled="false" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="应付金额">
<el-input v-model="queryForm.amountPayable" placeholder="请输入应收金额" style="width: 220px" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="实付金额">
<el-input v-model="queryForm.actualPaymentAmount" placeholder="请输入实收金额" style="width: 220px" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="付款时间">
<el-date-picker v-model="queryForm.paymentDate" type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
placeholder="选择日期" style="width: 220px" />
</el-form-item>
</el-col>
<!-- <el-col :span="8">
<div v-if="type != 'reportinglosses'">
<el-row>
<el-col v-if="type == 'in'" :span="8">
<el-form-item label="供应商">
<el-select v-model="queryForm.vendorId" placeholder="请选择供应商" clearable style="width: 220px"
@change="changeTypeEnum">
<el-option v-for="item in purveyorList" :key="item.id" :label="item.name" :value="item.id" />
</el-select>
{{ queryForm.waitAmount }}
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="出入库时间" prop="inOutDate">
<el-date-picker v-model="queryForm.inOutDate" type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
placeholder="选择日期" style="width: 220px" disabled="false" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="应付金额">
<el-input v-model="queryForm.amountPayable" placeholder="请输入应收金额" style="width: 220px" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="实付金额">
<el-input v-model="queryForm.actualPaymentAmount" placeholder="请输入实收金额" style="width: 220px" />
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="付款时间">
<el-date-picker v-model="queryForm.paymentDate" type="date" format="YYYY-MM-DD"
value-format="YYYY-MM-DD" placeholder="选择日期" style="width: 220px" />
</el-form-item>
</el-col>
<!-- <el-col :span="8">
<el-form-item label="批号">
<el-input v-model="queryForm.batchNo" placeholder="请输入批号" style="width: 220px" />
</el-form-item>
</el-col> -->
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="备注">
<el-input v-model="queryForm.remark" placeholder="请输入备注" style="width: 220px" />
</el-form-item>
</el-col>
</el-row>
</el-row>
<!-- <el-row>
<el-col :span="8">
<el-form-item label="备注">
<el-input v-model="queryForm.remark" placeholder="请输入备注" style="width: 220px" />
</el-form-item>
</el-col>
</el-row> -->
</div>
<el-form-item label="选择耗材">
<div />
<el-button type="primary" @click="showHaocai">选择耗材</el-button>
@@ -84,7 +89,7 @@
{{ scope.row.consGroupName }}
</template>
</el-table-column>
<el-table-column label="进价">
<el-table-column>
<template v-slot="scope">
<el-input-number v-model="scope.row.price" :min="0" controls-position="right" />
<div class="tips" style="font-size: 16px">
@@ -117,16 +122,27 @@
</div>
</template>
</el-table-column>
<el-table-column label="小计">
<!-- <el-table-column v-if="type == 'reportinglosses'" label="报损数量">
<template v-slot="scope">
<el-input :value="xiaoji(scope.row)" readonly style="width: 100px" />
{{ scope.row.number }}
<div class="tips" style="font-size: 16px">
入库前：
{{ returnStockNumber(scope.row, scope.row.number) }}
{{ scope.row.unit }}
</div>
</template>
</el-table-column> -->
<el-table-column v-if="type == 'reportinglosses'" label="上传图片">
<template v-slot="scope">
<MultiImageUpload v-model="scope.row.imgUrls" />
</template>
</el-table-column>
<el-table-column label="备注">
<!-- <el-table-column label="备注">
<template v-slot="scope">
<el-input v-model="textarea" stype="textarea" placeholder="" />
</template>
</el-table-column>
</el-table-column> -->
<el-table-column label="操作" width="80">
<template v-slot="scope">
<el-button link @click="tableData.list.splice(scope.$index, 1)">删除</el-button>
@@ -164,6 +180,8 @@ import vendorApi from "@/api/product/vendor";
import stockApi from "@/api/product/stock";
import dayjs from "dayjs";
import goodsList from "./components/goods-list.vue";
import MultiImageUpload from "@/components/Upload/MultiImageUpload.vue";
import ConsumableList from "./components/consumableList.vue";
import { formatDecimal } from "@/utils/tools.js";
export default {
@@ -371,21 +389,26 @@ export default {
unitName: v.conUnit,
inOutNumber,
subTotal: this.xiaoji(v),
imgUrls: v.imgUrls,
number: v.number,
};
});
if (this.type == "in") {
await stockApi.in({ ...this.queryForm, bodyList });
} else {
} else if (this.type == "out") {
await stockApi.out({ ...this.queryForm, bodyList });
} else if (this.type == "reportinglosses") {
await stockApi.reportinglosses(bodyList);
}
this.queryFormLoading = false;
const title = this.type == "in" ? "入库" : "出库";
// const title = this.type == "in" ? "入库" : "出库";
ElMessage({
message: title + "提交成功",
// message: title + "提交成功",
message: "提交成功",
type: "success",
});
this.$router.push("/inventory/consumables");
// this.showResult = true
this.showResult = true;
// this.$refs.shopList.reset()//清除选项
// this.$refs.ConsumableList.reset()//清除选项
} catch (error) {
@@ -406,6 +429,7 @@ export default {
item.unit = item.defaultUnit || item.conUnit;
item.originPrice = item.price;
item.price = this.returnPrice(item, item.price);
item.imgUrls = item.imgUrls ? item.imgUrls : [];
return item;
});
this.tableData.list = [...this.tableData.list, ...arr];