mirror of
https://github.com/himool/HimoolERP.git
synced 2024-11-10 08:55:40 +08:00
feat: 调整
This commit is contained in:
Czw996
parent
6739cb2efa
commit
43745d8fb4
1 changed files with 426 additions and 354 deletions
|
|
@ -41,67 +41,36 @@
|
|||
<a-date-picker v-model="form.handle_time" valueFormat="YYYY-MM-DD" style="width: 100%" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="6" style="width: 320px;">
|
||||
<a-form-model-item prop="other_amount" label="其他费用">
|
||||
<a-input-number v-model="form.other_amount" style="width: 100%;" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="6" style="width: 320px;">
|
||||
<a-form-model-item prop="remark" label="备注">
|
||||
<a-textarea v-model="form.remark" allowClear :rows="4" />
|
||||
<a-input v-model="form.remark" allowClear />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form-model>
|
||||
<div>
|
||||
<a-row gutter="16">
|
||||
<a-space>
|
||||
<a-button type="primary" @click="handelAddAcount">添加结算账户</a-button>
|
||||
</a-space>
|
||||
</a-row>
|
||||
<div style="margin-top: 16px;">
|
||||
<a-table rowKey="id" size="middle" :columns="columnsAccount" :data-source="accountsData"
|
||||
:pagination="false">
|
||||
<div slot="account" slot-scope="value, item, index">
|
||||
<a-select v-if="!item.isTotal" v-model="item.account" style="width: 100%" @change="(value) => changeAccount(value, item, index)">
|
||||
<a-select-option v-for="Account in accountsItems" :key="Account.id"
|
||||
:value="Account.id">
|
||||
{{ Account.name }}
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</div>
|
||||
<div slot="payment_amount" slot-scope="value, item, index">
|
||||
<div v-if="item.isTotal">{{ value }}</div>
|
||||
<a-input-number v-else style="width: 100%"
|
||||
v-model="item.payment_amount"
|
||||
:min="0"
|
||||
:precision="2"></a-input-number>
|
||||
</div>
|
||||
<div slot="action" slot-scope="value, item, index">
|
||||
<a-button-group v-if="!item.isTotal" size="small">
|
||||
<a-button type="danger" @click="removeAccount(item)">移除</a-button>
|
||||
</a-button-group>
|
||||
</div>
|
||||
</a-table>
|
||||
</div>
|
||||
</div>
|
||||
<a-divider></a-divider>
|
||||
|
||||
<div>
|
||||
<a-row gutter="16">
|
||||
<a-space>
|
||||
<a-button type="primary" @click="openMaterialModal">添加商品</a-button>
|
||||
</a-space>
|
||||
</a-row>
|
||||
<div style="margin-top: 16px;">
|
||||
<a-table rowKey="id" size="middle" :columns="columns" :data-source="goodsData"
|
||||
:pagination="false">
|
||||
<a-divider orientation="left">商品信息</a-divider>
|
||||
|
||||
<div>
|
||||
<a-row gutter="16">
|
||||
<a-space>
|
||||
<!-- <a-input placeholder="请扫描商品条码"></a-input> -->
|
||||
<a-button type="primary" @click="openMaterialModal">添加商品</a-button>
|
||||
</a-space>
|
||||
</a-row>
|
||||
<div style="margin-top: 16px;">
|
||||
<a-table rowKey="id" size="middle" :columns="columns" :data-source="goodsData" :pagination="false">
|
||||
<div slot="purchase_quantity" slot-scope="value, item, index">
|
||||
<div v-if="item.isTotal">{{ value }}</div>
|
||||
<a-input-number v-else v-model="item.purchase_quantity" :min="0" size="small"></a-input-number>
|
||||
</div>
|
||||
<div slot="purchase_price" slot-scope="value, item, index">
|
||||
<a-input-number v-if="!item.isTotal" v-model="item.purchase_price" :min="0" size="small"></a-input-number>
|
||||
<a-input-number
|
||||
v-if="!item.isTotal"
|
||||
v-model="item.purchase_price"
|
||||
:min="0"
|
||||
size="small"
|
||||
></a-input-number>
|
||||
</div>
|
||||
<div slot="action" slot-scope="value, item, index">
|
||||
<a-button-group v-if="!item.isTotal" size="small">
|
||||
|
|
@ -109,8 +78,93 @@
|
|||
</a-button-group>
|
||||
</div>
|
||||
</a-table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a-divider orientation="left">账单信息</a-divider>
|
||||
|
||||
<div>
|
||||
<a-row gutter="16">
|
||||
<a-col :span="4">
|
||||
<a-form-model-item
|
||||
prop="other_amount"
|
||||
label="其他费用"
|
||||
:label-col="{ span: 24 }"
|
||||
:wrapper-col="{ span: 24 }"
|
||||
>
|
||||
<a-input-number v-model="form.other_amount" style="width: 100%;" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="4">
|
||||
<a-form-model-item label="总计金额(元)" :label-col="{ span: 24 }" :wrapper-col="{ span: 24 }">
|
||||
<a-input-number :value="totalAmount" :disabled="true" style="width: 100%;" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
|
||||
<a-row gutter="16">
|
||||
<a-col :span="4">
|
||||
<a-form-model-item label="结算账户" :label-col="{ span: 24 }" :wrapper-col="{ span: 24 }">
|
||||
<a-select v-model="purchase_account_item.account" style="width: 100%">
|
||||
<a-select-option v-for="Account in accountsItems" :key="Account.id" :value="Account.id">
|
||||
{{ Account.name }}
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="4">
|
||||
<a-form-model-item label="实付金额(元)" :label-col="{ span: 24 }" :wrapper-col="{ span: 24 }">
|
||||
<a-input-number v-model="purchase_account_item.payment_amount" style="width: 100%;" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row gutter="16">
|
||||
<a-col :span="4">
|
||||
<a-form-model-item label="本单欠款(元)" :label-col="{ span: 24 }" :wrapper-col="{ span: 24 }">
|
||||
<a-input-number :value="amountOwed" :disabled="true" style="width: 100%;" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
|
||||
<!-- <div style="margin-top: 16px; width: 40%;">
|
||||
<a-table
|
||||
rowKey="id"
|
||||
size="middle"
|
||||
:columns="columnsAccount"
|
||||
:data-source="accountsData"
|
||||
:pagination="false"
|
||||
>
|
||||
<div slot="account" slot-scope="value, item, index">
|
||||
<a-select
|
||||
v-if="!item.isTotal"
|
||||
v-model="item.account"
|
||||
style="width: 100%"
|
||||
@change="(value) => changeAccount(value, item, index)"
|
||||
>
|
||||
<a-select-option v-for="Account in accountsItems" :key="Account.id" :value="Account.id">
|
||||
{{ Account.name }}
|
||||
</a-select-option>
|
||||
</a-select-option>
|
||||
</div>
|
||||
<div slot="payment_amount" slot-scope="value, item, index">
|
||||
<div v-if="item.isTotal">{{ value }}</div>
|
||||
<a-input-number
|
||||
v-else
|
||||
style="width: 100%"
|
||||
v-model="item.payment_amount"
|
||||
:min="0"
|
||||
:precision="2"
|
||||
></a-input-number>
|
||||
</div>
|
||||
<div slot="action" slot-scope="value, item, index">
|
||||
<a-button-group v-if="!item.isTotal" size="small">
|
||||
<a-button type="danger" @click="removeAccount(item)">移除</a-button>
|
||||
<a-button type="primary" @click="handelAddAcount">添加</a-button>
|
||||
</a-button-group>
|
||||
</div>
|
||||
</a-table>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</a-spin>
|
||||
|
||||
<div style="margin-top: 32px;">
|
||||
|
|
@ -119,324 +173,342 @@
|
|||
</a-popconfirm>
|
||||
</div>
|
||||
</a-card>
|
||||
<materials-select-modal v-model="materialsSelectModalVisible" :warehouse="form.warehouse" @select="onSelectMaterial"></materials-select-modal>
|
||||
<materials-select-modal
|
||||
v-model="materialsSelectModalVisible"
|
||||
:warehouse="form.warehouse"
|
||||
@select="onSelectMaterial"
|
||||
></materials-select-modal>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import moment from 'moment';
|
||||
import { getPurchaseOrderNumber } from '@/api/data'
|
||||
import { purchaseOrderCreate } from '@/api/purchasing';
|
||||
import { suppliersOption, userOption, warehousesOption, inventoriesOption, accountsOption } from '@/api/option'
|
||||
import moment from "moment";
|
||||
import { getPurchaseOrderNumber } from "@/api/data";
|
||||
import { purchaseOrderCreate } from "@/api/purchasing";
|
||||
import { suppliersOption, userOption, warehousesOption, inventoriesOption, accountsOption } from "@/api/option";
|
||||
|
||||
export default {
|
||||
components: {
|
||||
MaterialsSelectModal: () => import('@/components/MaterialSelectModal/index'),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
description: '新增',
|
||||
warehouseItems: [],
|
||||
handlerItems: [],
|
||||
suppliersItems: [],
|
||||
accountsItems: [],
|
||||
materialsSelectModalVisible: false,
|
||||
loading: false,
|
||||
model: {},
|
||||
form: {},
|
||||
rules: {
|
||||
number: [
|
||||
{ required: true, message: '请输入编号', trigger: 'change' },
|
||||
],
|
||||
warehouse: [
|
||||
{ required: true, message: '请选择仓库', trigger: 'change' }
|
||||
],
|
||||
supplier: [
|
||||
{ required: true, message: '请选择供应商', trigger: 'change' }
|
||||
],
|
||||
handler: [
|
||||
{ required: true, message: '请选择经手人', trigger: 'change' }
|
||||
],
|
||||
handle_time: [
|
||||
{ required: true, message: '请选择处理日期', trigger: 'change' },
|
||||
],
|
||||
other_amount: [
|
||||
{ pattern: new RegExp(/^\d{0,14}(?:\.\d{0,2})?$/), message: '其他费用格式不正确', trigger: 'change' }
|
||||
],
|
||||
export default {
|
||||
components: {
|
||||
MaterialsSelectModal: () => import("@/components/MaterialSelectModal/index"),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
description: "新增",
|
||||
warehouseItems: [],
|
||||
handlerItems: [],
|
||||
suppliersItems: [],
|
||||
accountsItems: [],
|
||||
materialsSelectModalVisible: false,
|
||||
loading: false,
|
||||
model: {},
|
||||
form: {},
|
||||
rules: {
|
||||
number: [{ required: true, message: "请输入编号", trigger: "change" }],
|
||||
warehouse: [{ required: true, message: "请选择仓库", trigger: "change" }],
|
||||
supplier: [{ required: true, message: "请选择供应商", trigger: "change" }],
|
||||
handler: [{ required: true, message: "请选择经手人", trigger: "change" }],
|
||||
handle_time: [{ required: true, message: "请选择处理日期", trigger: "change" }],
|
||||
other_amount: [
|
||||
{ pattern: new RegExp(/^\d{0,14}(?:\.\d{0,2})?$/), message: "其他费用格式不正确", trigger: "change" },
|
||||
],
|
||||
},
|
||||
columns: [
|
||||
{
|
||||
title: "序号",
|
||||
dataIndex: "index",
|
||||
key: "index",
|
||||
width: 45,
|
||||
customRender: (value, item, index) => {
|
||||
return item.isTotal ? "合计" : index + 1;
|
||||
},
|
||||
},
|
||||
columns: [
|
||||
{
|
||||
title: '序号',
|
||||
dataIndex: 'index',
|
||||
key: 'index',
|
||||
width: 45,
|
||||
customRender: (value, item, index) => {
|
||||
return item.isTotal ? '合计' : (index + 1)
|
||||
},
|
||||
{
|
||||
title: "名称",
|
||||
dataIndex: "name",
|
||||
key: "name",
|
||||
width: 150,
|
||||
},
|
||||
{
|
||||
title: "编号",
|
||||
dataIndex: "number",
|
||||
key: "number",
|
||||
width: 150,
|
||||
},
|
||||
{
|
||||
title: "规格",
|
||||
dataIndex: "spec",
|
||||
key: "spec",
|
||||
width: 150,
|
||||
},
|
||||
{
|
||||
title: "单位",
|
||||
dataIndex: "unit",
|
||||
key: "unit",
|
||||
width: 80,
|
||||
},
|
||||
{
|
||||
title: "采购数量",
|
||||
dataIndex: "purchase_quantity",
|
||||
key: "purchase_quantity",
|
||||
width: 120,
|
||||
scopedSlots: { customRender: "purchase_quantity" },
|
||||
},
|
||||
{
|
||||
title: "采购单价(元)",
|
||||
dataIndex: "purchase_price",
|
||||
key: "purchase_price",
|
||||
width: 120,
|
||||
scopedSlots: { customRender: "purchase_price" },
|
||||
},
|
||||
{
|
||||
title: "金额",
|
||||
dataIndex: "totalAmount",
|
||||
key: "totalAmount",
|
||||
width: 200,
|
||||
customRender: (value, item) => {
|
||||
if (item.isTotal) return value;
|
||||
value = NP.times(item.purchase_quantity, item.purchase_price);
|
||||
return item.id ? NP.round(value, 2) : "";
|
||||
},
|
||||
{
|
||||
title: '名称',
|
||||
dataIndex: 'name',
|
||||
key: 'name',
|
||||
width: 150,
|
||||
},
|
||||
{
|
||||
title: "操作",
|
||||
dataIndex: "action",
|
||||
key: "action",
|
||||
width: 80,
|
||||
scopedSlots: { customRender: "action" },
|
||||
},
|
||||
],
|
||||
materialItems: [],
|
||||
columnsAccount: [
|
||||
{
|
||||
title: "序号",
|
||||
dataIndex: "index",
|
||||
key: "index",
|
||||
width: 45,
|
||||
customRender: (value, item, index) => {
|
||||
return item.isTotal ? "合计" : index + 1;
|
||||
},
|
||||
{
|
||||
title: '编号',
|
||||
dataIndex: 'number',
|
||||
key: 'number',
|
||||
width: 150,
|
||||
},
|
||||
{
|
||||
title: '规格',
|
||||
dataIndex: 'spec',
|
||||
key: 'spec',
|
||||
width: 150,
|
||||
},
|
||||
{
|
||||
title: '单位',
|
||||
dataIndex: 'unit',
|
||||
key: 'unit',
|
||||
width: 80,
|
||||
},
|
||||
{
|
||||
title: '采购数量',
|
||||
dataIndex: 'purchase_quantity',
|
||||
key: 'purchase_quantity',
|
||||
width: 120,
|
||||
scopedSlots: { customRender: 'purchase_quantity' },
|
||||
},
|
||||
{
|
||||
title: '采购单价(元)',
|
||||
dataIndex: 'purchase_price',
|
||||
key: 'purchase_price',
|
||||
width: 120,
|
||||
scopedSlots: { customRender: 'purchase_price' },
|
||||
},
|
||||
{
|
||||
title: '金额',
|
||||
dataIndex: 'totalAmount',
|
||||
key: 'totalAmount',
|
||||
width: 200,
|
||||
customRender: (value, item) => {
|
||||
if (item.isTotal) return value;
|
||||
value = NP.times(item.purchase_quantity, item.purchase_price);
|
||||
return item.id ? NP.round(value, 2) : ''
|
||||
},
|
||||
},
|
||||
{
|
||||
title: '操作',
|
||||
dataIndex: 'action',
|
||||
key: 'action',
|
||||
width: 80,
|
||||
scopedSlots: { customRender: 'action' },
|
||||
},
|
||||
],
|
||||
materialItems: [],
|
||||
columnsAccount: [
|
||||
{
|
||||
title: '序号',
|
||||
dataIndex: 'index',
|
||||
key: 'index',
|
||||
width: 45,
|
||||
customRender: (value, item, index) => {
|
||||
return item.isTotal ? '合计' : (index + 1)
|
||||
},
|
||||
},
|
||||
{
|
||||
title: '结算账户',
|
||||
dataIndex: 'account',
|
||||
key: 'account',
|
||||
width: 200,
|
||||
scopedSlots: { customRender: 'account' },
|
||||
},
|
||||
{
|
||||
title: '付款金额',
|
||||
dataIndex: 'payment_amount',
|
||||
key: 'payment_amount',
|
||||
width: 200,
|
||||
scopedSlots: { customRender: 'payment_amount' },
|
||||
},
|
||||
{
|
||||
title: '操作',
|
||||
dataIndex: 'action',
|
||||
key: 'action',
|
||||
width: 80,
|
||||
scopedSlots: { customRender: 'action' },
|
||||
},
|
||||
],
|
||||
purchase_account_items: [],
|
||||
},
|
||||
{
|
||||
title: "结算账户",
|
||||
dataIndex: "account",
|
||||
key: "account",
|
||||
width: 200,
|
||||
scopedSlots: { customRender: "account" },
|
||||
},
|
||||
{
|
||||
title: "付款金额",
|
||||
dataIndex: "payment_amount",
|
||||
key: "payment_amount",
|
||||
width: 200,
|
||||
scopedSlots: { customRender: "payment_amount" },
|
||||
},
|
||||
{
|
||||
title: "操作",
|
||||
dataIndex: "action",
|
||||
key: "action",
|
||||
width: 160,
|
||||
scopedSlots: { customRender: "action" },
|
||||
},
|
||||
],
|
||||
purchase_account_items: [],
|
||||
|
||||
purchase_account_item: {},
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
totalAmount() {
|
||||
let totalAmount = 0;
|
||||
for (let item of this.materialItems) {
|
||||
let amount = NP.times(item.purchase_quantity, item.purchase_price);
|
||||
totalAmount = NP.plus(totalAmount, amount);
|
||||
}
|
||||
|
||||
totalAmount = NP.plus(totalAmount, this.form.other_amount || 0);
|
||||
return totalAmount;
|
||||
},
|
||||
amountOwed() {
|
||||
return NP.minus(this.totalAmount, this.purchase_account_item.payment_amount || 0);
|
||||
},
|
||||
goodsData() {
|
||||
// 统计合计
|
||||
let totalQuantity = 0,
|
||||
totalAmount = 0;
|
||||
for (let item of this.materialItems) {
|
||||
totalQuantity = NP.plus(totalQuantity, item.purchase_quantity);
|
||||
let amount = NP.times(item.purchase_quantity, item.purchase_price);
|
||||
totalAmount = NP.plus(totalAmount, amount);
|
||||
}
|
||||
return [
|
||||
...this.materialItems,
|
||||
{
|
||||
id: "-1",
|
||||
isTotal: true,
|
||||
name: "",
|
||||
purchase_quantity: totalQuantity,
|
||||
totalAmount: totalAmount,
|
||||
},
|
||||
];
|
||||
},
|
||||
accountsData() {
|
||||
// 统计合计
|
||||
let totalAmount = 0;
|
||||
for (let item of this.purchase_account_items) {
|
||||
totalAmount = NP.plus(totalAmount, item.payment_amount);
|
||||
}
|
||||
console.log([
|
||||
...this.purchase_account_items,
|
||||
{
|
||||
id: "-1",
|
||||
isTotal: true,
|
||||
payment_amount: totalAmount,
|
||||
},
|
||||
]);
|
||||
return [
|
||||
...this.purchase_account_items,
|
||||
{
|
||||
id: "-1",
|
||||
isTotal: true,
|
||||
payment_amount: totalAmount,
|
||||
},
|
||||
];
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
moment,
|
||||
initData() {
|
||||
this.resetForm();
|
||||
warehousesOption({ page_size: 999999, is_active: true }).then((data) => {
|
||||
this.warehouseItems = data.results;
|
||||
});
|
||||
userOption({ page_size: 999999, is_active: true }).then((data) => {
|
||||
this.handlerItems = data.results;
|
||||
});
|
||||
suppliersOption({ page_size: 999999, is_active: true }).then((data) => {
|
||||
this.suppliersItems = data.results;
|
||||
});
|
||||
accountsOption({ page_size: 999999, is_active: true }).then((data) => {
|
||||
this.accountsItems = data.results;
|
||||
});
|
||||
},
|
||||
handelAddAcount() {
|
||||
console.log(1);
|
||||
this.purchase_account_items.push({
|
||||
id: this.purchase_account_items.length + 1,
|
||||
account: "",
|
||||
payment_amount: 0,
|
||||
});
|
||||
console.log(this.purchase_account_items);
|
||||
this.purchase_account_items = [...this.purchase_account_items];
|
||||
},
|
||||
removeAccount(item) {
|
||||
this.purchase_account_items = this.$functions.removeItem(this.purchase_account_items, item);
|
||||
},
|
||||
changeAccount(value, item, idx) {
|
||||
let count = this.purchase_account_items.filter((_item) => {
|
||||
return _item.account == value;
|
||||
});
|
||||
if (count.length > 1) {
|
||||
this.$message.warn("已添加过改结算账户!");
|
||||
this.purchase_account_items[idx].account = "";
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
goodsData() {
|
||||
// 统计合计
|
||||
let totalQuantity = 0,
|
||||
totalAmount = 0;
|
||||
for (let item of this.materialItems) {
|
||||
totalQuantity = NP.plus(totalQuantity, item.purchase_quantity);
|
||||
let amount = NP.times(item.purchase_quantity, item.purchase_price);
|
||||
totalAmount = NP.plus(totalAmount, amount);
|
||||
}
|
||||
return [
|
||||
...this.materialItems,
|
||||
{
|
||||
id: '-1',
|
||||
isTotal: true,
|
||||
name: '',
|
||||
purchase_quantity: totalQuantity,
|
||||
totalAmount: totalAmount,
|
||||
},
|
||||
];
|
||||
},
|
||||
accountsData() {
|
||||
// 统计合计
|
||||
let totalAmount = 0;
|
||||
for (let item of this.purchase_account_items) {
|
||||
totalAmount = NP.plus(totalAmount, item.payment_amount);
|
||||
}
|
||||
return [
|
||||
...this.purchase_account_items,
|
||||
{
|
||||
id: '-1',
|
||||
isTotal: true,
|
||||
payment_amount: totalAmount,
|
||||
},
|
||||
];
|
||||
},
|
||||
changeWarehouse() {
|
||||
this.materialItems = [];
|
||||
},
|
||||
methods: {
|
||||
moment,
|
||||
initData() {
|
||||
this.resetForm();
|
||||
warehousesOption({ page_size: 999999, is_active: true }).then(data => {
|
||||
this.warehouseItems = data.results;
|
||||
});
|
||||
userOption({ page_size: 999999, is_active: true }).then(data => {
|
||||
this.handlerItems = data.results;
|
||||
});
|
||||
suppliersOption({ page_size: 999999, is_active: true }).then(data => {
|
||||
this.suppliersItems = data.results;
|
||||
});
|
||||
accountsOption({ page_size: 999999, is_active: true }).then(data => {
|
||||
this.accountsItems = data.results;
|
||||
});
|
||||
},
|
||||
handelAddAcount() {
|
||||
this.purchase_account_items.push({
|
||||
id: this.purchase_account_items.length + 1,
|
||||
account: '',
|
||||
payment_amount: 0
|
||||
});
|
||||
},
|
||||
removeAccount(item) {
|
||||
this.purchase_account_items = this.$functions.removeItem(this.purchase_account_items, item);
|
||||
},
|
||||
changeAccount(value, item, idx) {
|
||||
let count = this.purchase_account_items.filter((_item) => {
|
||||
return _item.account == value;
|
||||
})
|
||||
if (count.length > 1) {
|
||||
this.$message.warn('已添加过改结算账户!');
|
||||
this.purchase_account_items[idx].account = '';
|
||||
}
|
||||
},
|
||||
changeWarehouse() {
|
||||
this.materialItems = [];
|
||||
},
|
||||
openMaterialModal() {
|
||||
if (!this.form.warehouse) {
|
||||
this.$message.warn('请先选择仓库！');
|
||||
return false;
|
||||
}
|
||||
this.materialsSelectModalVisible = true;
|
||||
},
|
||||
onSelectMaterial(item) {
|
||||
let index = this.materialItems.findIndex(_item => _item.id == item.id);
|
||||
if (index != -1) {
|
||||
this.$message.warn('产品已存在');
|
||||
return
|
||||
}
|
||||
this.materialItems = this.$functions.insertItem(this.materialItems, {
|
||||
id: item.id,
|
||||
goods: item.goods,
|
||||
number: item.goods_number,
|
||||
name: item.goods_name,
|
||||
spec: item.goods_spec,
|
||||
unit: item.unit_name,
|
||||
purchase_quantity: 1,
|
||||
purchase_price: 0,
|
||||
total_quantity: item.total_quantity
|
||||
});
|
||||
},
|
||||
removeMaterial(item) {
|
||||
this.materialItems = this.$functions.removeItem(this.materialItems, item);
|
||||
},
|
||||
create() {
|
||||
this.$refs.form.validate(async (valid) => {
|
||||
if (valid) {
|
||||
let ifHasEmptyGoods = false;
|
||||
let ifHasEmptyAccounts = false;
|
||||
|
||||
this.purchase_account_items.map(item => {
|
||||
if (!item.account || item.payment_amount === '' || item.payment_amount === null) {
|
||||
ifHasEmptyAccounts = true;
|
||||
}
|
||||
})
|
||||
if (ifHasEmptyAccounts) {
|
||||
this.$message.warn('请将结算账户信息填写完整');
|
||||
return false
|
||||
}
|
||||
openMaterialModal() {
|
||||
if (!this.form.warehouse) {
|
||||
this.$message.warn("请先选择仓库！");
|
||||
return false;
|
||||
}
|
||||
this.materialsSelectModalVisible = true;
|
||||
},
|
||||
onSelectMaterial(item) {
|
||||
let index = this.materialItems.findIndex((_item) => _item.id == item.id);
|
||||
if (index != -1) {
|
||||
this.$message.warn("产品已存在");
|
||||
return;
|
||||
}
|
||||
this.materialItems = this.$functions.insertItem(this.materialItems, {
|
||||
id: item.id,
|
||||
goods: item.goods,
|
||||
number: item.goods_number,
|
||||
name: item.goods_name,
|
||||
spec: item.goods_spec,
|
||||
unit: item.unit_name,
|
||||
purchase_quantity: 1,
|
||||
purchase_price: 0,
|
||||
total_quantity: item.total_quantity,
|
||||
});
|
||||
},
|
||||
removeMaterial(item) {
|
||||
this.materialItems = this.$functions.removeItem(this.materialItems, item);
|
||||
},
|
||||
create() {
|
||||
this.$refs.form.validate(async (valid) => {
|
||||
if (valid) {
|
||||
let ifHasEmptyGoods = false;
|
||||
let ifHasEmptyAccounts = false;
|
||||
|
||||
|
||||
if (this.materialItems.length == 0) {
|
||||
this.$message.warn('未添加商品');
|
||||
return false
|
||||
this.purchase_account_items.map((item) => {
|
||||
if (!item.account || item.payment_amount === "" || item.payment_amount === null) {
|
||||
ifHasEmptyAccounts = true;
|
||||
}
|
||||
this.materialItems.map(item => {
|
||||
if (item.purchase_price === null || !item.purchase_quantity) {
|
||||
ifHasEmptyGoods = true;
|
||||
}
|
||||
});
|
||||
// if (ifHasEmptyAccounts) {
|
||||
// this.$message.warn("请将结算账户信息填写完整");
|
||||
// return false;
|
||||
// }
|
||||
|
||||
if (this.materialItems.length == 0) {
|
||||
this.$message.warn("未添加商品");
|
||||
return false;
|
||||
}
|
||||
this.materialItems.map((item) => {
|
||||
if (item.purchase_price === null || !item.purchase_quantity) {
|
||||
ifHasEmptyGoods = true;
|
||||
}
|
||||
});
|
||||
if (ifHasEmptyGoods) {
|
||||
this.$message.warn("采购单价和采购数量必填");
|
||||
return false;
|
||||
}
|
||||
this.loading = true;
|
||||
let formData = {
|
||||
...this.form,
|
||||
purchase_account_items: [this.purchase_account_item],
|
||||
purchase_goods_items: this.materialItems.map((item) => {
|
||||
return {
|
||||
goods: item.goods,
|
||||
purchase_quantity: item.purchase_quantity,
|
||||
purchase_price: item.purchase_price,
|
||||
};
|
||||
}),
|
||||
};
|
||||
console.log(formData);
|
||||
purchaseOrderCreate(formData)
|
||||
.then((data) => {
|
||||
this.$message.success("创建成功");
|
||||
this.$router.push({ path: "/purchasing/purchase_record" });
|
||||
})
|
||||
if (ifHasEmptyGoods) {
|
||||
this.$message.warn('采购单价和采购数量必填');
|
||||
return false
|
||||
}
|
||||
this.loading = true;
|
||||
let formData = {
|
||||
...this.form,
|
||||
purchase_account_items: this.purchase_account_items.map(item => {
|
||||
delete item.id
|
||||
return item
|
||||
}),
|
||||
purchase_goods_items: this.materialItems.map(item => {
|
||||
return {
|
||||
goods: item.goods,
|
||||
purchase_quantity: item.purchase_quantity,
|
||||
purchase_price: item.purchase_price,
|
||||
}
|
||||
})
|
||||
};
|
||||
console.log(formData)
|
||||
purchaseOrderCreate(formData).then(data => {
|
||||
this.$message.success('创建成功');
|
||||
this.$router.push({ path: '/purchasing/purchase_record' });
|
||||
}).finally(() => {
|
||||
.finally(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
resetForm() {
|
||||
this.form = {};
|
||||
getPurchaseOrderNumber().then(data => {
|
||||
this.form = { number: data.number }
|
||||
})
|
||||
this.materialItems = [];
|
||||
this.handelAddAcount();
|
||||
},
|
||||
}
|
||||
});
|
||||
},
|
||||
mounted() {
|
||||
this.initData();
|
||||
}
|
||||
}
|
||||
</script>
|
||||
resetForm() {
|
||||
this.form = { other_amount: 0 };
|
||||
getPurchaseOrderNumber().then((data) => {
|
||||
this.form = { number: data.number };
|
||||
});
|
||||
this.materialItems = [];
|
||||
this.handelAddAcount();
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
this.initData();
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
|
|
|||
Loading…
Reference in a new issue