|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
<template>
|
|
|
<div>
|
|
<div>
|
|
|
- <ele-modal :visible.sync="visible" :title="title" width="80vw" append-to-body>
|
|
|
|
|
|
|
+ <ele-modal :visible.sync="visible" :title="title" width="80vw" append-to-body :maxable="true">
|
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="90px" class="create-form" :maxable="true">
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="90px" class="create-form" :maxable="true">
|
|
|
<el-row :gutter="24">
|
|
<el-row :gutter="24">
|
|
|
<el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
|
|
<el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
|
|
@@ -9,14 +9,16 @@
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
<el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
|
|
<el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
|
|
|
- <el-form-item label="交付要求:">
|
|
|
|
|
- <DictSelection dictName="紧急程度" clearable v-model="form.deliveryRequirements">
|
|
|
|
|
- </DictSelection>
|
|
|
|
|
|
|
+ <el-form-item label="订单类型:" prop="orderType">
|
|
|
|
|
+ <el-select v-model="form.orderType" style="width: 100%;">
|
|
|
|
|
+ <el-option v-for="item of orderTypeList" :key="item.id" :label="item.label"
|
|
|
|
|
+ :value="item.id"></el-option>
|
|
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
<el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
|
|
<el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
|
|
|
- <el-form-item label="订单类型:">
|
|
|
|
|
- <DictSelection dictName="订单类型" clearable v-model="form.orderType">
|
|
|
|
|
|
|
+ <el-form-item label="销售类型:">
|
|
|
|
|
+ <DictSelection dictName="订单类型" clearable v-model="form.saleType">
|
|
|
</DictSelection>
|
|
</DictSelection>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
@@ -28,19 +30,19 @@
|
|
|
</el-col>
|
|
</el-col>
|
|
|
<el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
|
|
<el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
|
|
|
<el-form-item label="客户名称:">
|
|
<el-form-item label="客户名称:">
|
|
|
- <el-input clearable v-model="form.customerName" :disabled="form.orderType == 3" />
|
|
|
|
|
|
|
+ <el-input clearable v-model="form.customerName" :disabled="form.saleType == 3" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
|
|
|
|
|
<el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
|
|
<el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
|
|
|
<el-form-item label="客户简称:">
|
|
<el-form-item label="客户简称:">
|
|
|
- <el-input clearable v-model="form.simpleName" :disabled="form.orderType == 3" />
|
|
|
|
|
|
|
+ <el-input clearable v-model="form.simpleName" :disabled="form.saleType == 3" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
|
|
|
|
|
<el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
|
|
<el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
|
|
|
<el-form-item label="客户代号:">
|
|
<el-form-item label="客户代号:">
|
|
|
- <el-input clearable v-model="form.serialNo" :disabled="form.orderType == 3" />
|
|
|
|
|
|
|
+ <el-input clearable v-model="form.serialNo" :disabled="form.saleType == 3" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
|
|
|
|
@@ -57,20 +59,25 @@
|
|
|
</el-date-picker>
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
- <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
|
|
|
|
|
|
|
+ <!-- <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
|
|
|
<el-form-item label="齐套状态:" prop="completeState">
|
|
<el-form-item label="齐套状态:" prop="completeState">
|
|
|
<el-select v-model="form.completeState" style="width: 100%">
|
|
<el-select v-model="form.completeState" style="width: 100%">
|
|
|
<el-option v-for="item of completeList" :key="item.code" :label="item.name"
|
|
<el-option v-for="item of completeList" :key="item.code" :label="item.name"
|
|
|
:value="item.code"></el-option>
|
|
:value="item.code"></el-option>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
-
|
|
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
|
|
|
|
+ </el-col> -->
|
|
|
<el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
|
|
<el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
|
|
|
<el-form-item label="备注:">
|
|
<el-form-item label="备注:">
|
|
|
<el-input clearable v-model="form.notes" />
|
|
<el-input clearable v-model="form.notes" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
|
|
+ <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
|
|
|
|
|
+ <el-form-item label="交付要求:">
|
|
|
|
|
+ <DictSelection dictName="紧急程度" clearable v-model="form.deliveryRequirements">
|
|
|
|
|
+ </DictSelection>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
</el-row>
|
|
</el-row>
|
|
|
|
|
|
|
|
<el-table :data="form.productInfoList" border height="40vh" key="id">
|
|
<el-table :data="form.productInfoList" border height="40vh" key="id">
|
|
@@ -81,9 +88,9 @@
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
<el-table-column label="行号" align="center" prop="lineNumber">
|
|
<el-table-column label="行号" align="center" prop="lineNumber">
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
- <el-table-column label="产品名称" align="center" prop="productName">
|
|
|
|
|
|
|
+ <el-table-column label="名称" align="center" prop="productName">
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
- <el-table-column label="物料编码" align="center" prop="productCode">
|
|
|
|
|
|
|
+ <el-table-column label="编码" align="center" prop="productCode">
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
<el-table-column label="牌号" align="center" prop="brandNo">
|
|
<el-table-column label="牌号" align="center" prop="brandNo">
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
@@ -95,6 +102,22 @@
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
<el-table-column label="重量单位" align="center" prop="weightUnit">
|
|
<el-table-column label="重量单位" align="center" prop="weightUnit">
|
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
|
|
+ <el-table-column label="生产编号" align="center" prop="productionCodes" width="140">
|
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
|
+ <el-form-item label-width="0px" :prop="'productInfoList.' + scope.$index + '.productionCodes'">
|
|
|
|
|
+ <el-input style="width: 100%" size="small" v-model="scope.row.productionCodes" placeholder="请输入">
|
|
|
|
|
+ </el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </el-table-column>
|
|
|
|
|
+ <el-table-column label="批次号" align="center" prop="batchNo" width="140">
|
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
|
+ <el-form-item label-width="0px" :prop="'productInfoList.' + scope.$index + '.batchNo'">
|
|
|
|
|
+ <el-input style="width: 100%" size="small" v-model="scope.row.batchNo" placeholder="请输入">
|
|
|
|
|
+ </el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </el-table-column>
|
|
|
<el-table-column label="订单数量" width="140" align="center" prop="contractNum">
|
|
<el-table-column label="订单数量" width="140" align="center" prop="contractNum">
|
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
|
<el-form-item label-width="0px" :prop="'productInfoList.' + scope.$index + '.contractNum'" :rules="{
|
|
<el-form-item label-width="0px" :prop="'productInfoList.' + scope.$index + '.contractNum'" :rules="{
|
|
@@ -273,7 +296,7 @@ export default {
|
|
|
form: {
|
|
form: {
|
|
|
productInfoList: [],
|
|
productInfoList: [],
|
|
|
deliveryRequirements: 1,
|
|
deliveryRequirements: 1,
|
|
|
- orderType: 1,
|
|
|
|
|
|
|
+ saleType: 1,
|
|
|
orderLibraryType: 2,
|
|
orderLibraryType: 2,
|
|
|
productType: 2,
|
|
productType: 2,
|
|
|
bomCategoryId: '',
|
|
bomCategoryId: '',
|
|
@@ -281,13 +304,18 @@ export default {
|
|
|
factoriesId: '',
|
|
factoriesId: '',
|
|
|
deliveryTime: dayjs(
|
|
deliveryTime: dayjs(
|
|
|
new Date().getTime() + 3600 * 1000 * 24 * 10
|
|
new Date().getTime() + 3600 * 1000 * 24 * 10
|
|
|
- ).format('YYYY-MM-DD')
|
|
|
|
|
|
|
+ ).format('YYYY-MM-DD'),
|
|
|
|
|
+ orderType: 0
|
|
|
},
|
|
},
|
|
|
// 表单验证规则
|
|
// 表单验证规则
|
|
|
rules: {
|
|
rules: {
|
|
|
deliveryTime: [
|
|
deliveryTime: [
|
|
|
{ required: true, message: '请选择交付日期', trigger: 'change' }
|
|
{ required: true, message: '请选择交付日期', trigger: 'change' }
|
|
|
|
|
+ ],
|
|
|
|
|
+ orderType: [
|
|
|
|
|
+ { required: true, message: '请选择订单类型', trigger: 'blur' }
|
|
|
]
|
|
]
|
|
|
|
|
+
|
|
|
},
|
|
},
|
|
|
typeList: [
|
|
typeList: [
|
|
|
{ id: 1, label: '内销订单' },
|
|
{ id: 1, label: '内销订单' },
|
|
@@ -318,7 +346,22 @@ export default {
|
|
|
nowData = new Date(nowData.setDate(nowData.getDate() - 1));
|
|
nowData = new Date(nowData.setDate(nowData.getDate() - 1));
|
|
|
return time < nowData;
|
|
return time < nowData;
|
|
|
}
|
|
}
|
|
|
- }
|
|
|
|
|
|
|
+ },
|
|
|
|
|
+ // 订单类型
|
|
|
|
|
+ orderTypeList: [
|
|
|
|
|
+ {
|
|
|
|
|
+ id: 0, label: '库存性订单'
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ id: 1, label: '生产性订单'
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ id: 2, label: '无客户生产性订单'
|
|
|
|
|
+ },
|
|
|
|
|
+ {
|
|
|
|
|
+ id: 4, label: '不定向订单'
|
|
|
|
|
+ },
|
|
|
|
|
+ ],
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
watch: {
|
|
watch: {
|
|
@@ -381,7 +424,7 @@ export default {
|
|
|
this.form = {
|
|
this.form = {
|
|
|
productInfoList: [],
|
|
productInfoList: [],
|
|
|
deliveryRequirements: 1,
|
|
deliveryRequirements: 1,
|
|
|
- orderType: 1,
|
|
|
|
|
|
|
+ saleType: 1,
|
|
|
orderLibraryType: 2,
|
|
orderLibraryType: 2,
|
|
|
deliveryTime: dayjs(
|
|
deliveryTime: dayjs(
|
|
|
new Date().getTime() + 3600 * 1000 * 24 * 10
|
|
new Date().getTime() + 3600 * 1000 * 24 * 10
|
|
@@ -499,7 +542,6 @@ export default {
|
|
|
}
|
|
}
|
|
|
this.loading = true;
|
|
this.loading = true;
|
|
|
console.log(this.form);
|
|
console.log(this.form);
|
|
|
-
|
|
|
|
|
createOrUpdate(this.form)
|
|
createOrUpdate(this.form)
|
|
|
.then((res) => {
|
|
.then((res) => {
|
|
|
this.loading = false;
|
|
this.loading = false;
|