|
|
@@ -1,36 +1,14 @@
|
|
|
<template>
|
|
|
- <ele-modal
|
|
|
- :visible.sync="visible"
|
|
|
- :closed="cancel"
|
|
|
- :title="`${type == 'add' ? '创建' : '编辑'}采购计划`"
|
|
|
- custom-class="ele-dialog-form"
|
|
|
- :close-on-click-modal="false"
|
|
|
- :close-on-press-escape="false"
|
|
|
- width="80%"
|
|
|
- :maxable="true"
|
|
|
- >
|
|
|
- <el-form
|
|
|
- :model="formData"
|
|
|
- ref="formRef"
|
|
|
- label-width="120px"
|
|
|
- class="ele-body"
|
|
|
- :rules="rules"
|
|
|
- >
|
|
|
+ <ele-modal :visible.sync="visible" :closed="cancel" :title="`${type == 'add' ? '创建' : '编辑'}采购计划`"
|
|
|
+ custom-class="ele-dialog-form" :close-on-click-modal="false" :close-on-press-escape="false" width="80%"
|
|
|
+ :maxable="true">
|
|
|
+ <el-form :model="formData" ref="formRef" label-width="120px" class="ele-body" :rules="rules">
|
|
|
<el-row :gutter="24">
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="需求类型" prop="demandType">
|
|
|
- <el-select
|
|
|
- v-model="formData.demandType"
|
|
|
- placeholder="请选择"
|
|
|
- style="width: 100%"
|
|
|
- :disabled="type == 'detail'"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="item in demandTypeList"
|
|
|
- :key="item.dictCode"
|
|
|
- :label="item.dictValue"
|
|
|
- :value="item.dictCode"
|
|
|
- >
|
|
|
+ <el-select v-model="formData.demandType" placeholder="请选择" style="width: 100%" :disabled="type == 'detail'">
|
|
|
+ <el-option v-for="item in demandTypeList" :key="item.dictCode" :label="item.dictValue"
|
|
|
+ :value="item.dictCode">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
@@ -38,79 +16,47 @@
|
|
|
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="计划名称" prop="name">
|
|
|
- <el-input
|
|
|
- placeholder="请选择"
|
|
|
- v-model="formData.name"
|
|
|
- :readonly="type == 'detail'"
|
|
|
- ></el-input>
|
|
|
+ <el-input placeholder="请选择" v-model="formData.name" :readonly="type == 'detail'"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="8">
|
|
|
<el-form-item label="备注" prop="remark">
|
|
|
- <el-input
|
|
|
- placeholder="备注"
|
|
|
- v-model="formData.remark"
|
|
|
- :readonly="type == 'detail'"
|
|
|
- ></el-input>
|
|
|
+ <el-input placeholder="备注" v-model="formData.remark" :readonly="type == 'detail'"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
|
|
|
<el-form :model="formData" ref="tableForm">
|
|
|
- <ele-pro-table
|
|
|
- ref="table"
|
|
|
- :needPage="false"
|
|
|
- :columns="columns"
|
|
|
- row-key="id"
|
|
|
- >
|
|
|
+ <ele-pro-table ref="table" :needPage="false" :columns="columns" row-key="id">
|
|
|
<template v-slot:toolbar>
|
|
|
- <el-button
|
|
|
- size="small"
|
|
|
- type="primary"
|
|
|
- icon="el-icon-plus"
|
|
|
- class="ele-btn-icon"
|
|
|
- @click="produceAdd"
|
|
|
- v-if="type != 'detail'"
|
|
|
- >
|
|
|
+ <el-button size="small" type="primary" icon="el-icon-plus" class="ele-btn-icon" @click="produceAdd"
|
|
|
+ v-if="type != 'detail'">
|
|
|
添加生产计划
|
|
|
</el-button>
|
|
|
</template>
|
|
|
|
|
|
<template v-slot:code="{ row }">
|
|
|
- <el-input
|
|
|
- placeholder="请输入"
|
|
|
- readonly
|
|
|
- :value="row.code || row.salesOrderCode"
|
|
|
- ></el-input>
|
|
|
+ <el-input placeholder="请输入" readonly :value="row.code || row.salesOrderCode"></el-input>
|
|
|
</template>
|
|
|
|
|
|
- <template v-slot:productionPlanId="{ row }">
|
|
|
- <el-link
|
|
|
- type="primary"
|
|
|
- v-if="!row.productionPlanId"
|
|
|
- :underline="false"
|
|
|
- @click.native="openVersion(row)"
|
|
|
- :disabled="type == 'detail'"
|
|
|
- >选择</el-link
|
|
|
- >
|
|
|
+ <template v-slot:bomId="{ row }">
|
|
|
+ <el-select v-model="row.bomId" placeholder="请选择" style="width: 100%" :disabled="type == 'detail'"
|
|
|
+ @change="changeVersions(row)">
|
|
|
+ <el-option v-for="item in row.bomCategoryList" :key="item.id" :label="'V' + item.versions + '.0'"
|
|
|
+ :value="item.id">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+
|
|
|
</template>
|
|
|
|
|
|
<template v-slot:action="{ row, $index }" v-if="type != 'detail'">
|
|
|
<template>
|
|
|
- <el-link
|
|
|
- type="primary"
|
|
|
- :underline="false"
|
|
|
- @click="categorySelect(row)"
|
|
|
- >
|
|
|
+ <el-link type="primary" :underline="false" @click="categorySelect(row)">
|
|
|
添加物料
|
|
|
</el-link>
|
|
|
- <el-popconfirm
|
|
|
- class="ele-action"
|
|
|
- title="确定要删除此销售订单吗？"
|
|
|
- @confirm="remove(row, $index)"
|
|
|
- >
|
|
|
+ <el-popconfirm class="ele-action" title="确定要删除此生产计划吗？" @confirm="remove(row, $index)">
|
|
|
<template v-slot:reference>
|
|
|
<el-link type="danger" :underline="false" icon="el-icon-delete">
|
|
|
删除
|
|
|
@@ -122,25 +68,20 @@
|
|
|
|
|
|
<!-- 展开内容 -->
|
|
|
<template v-slot:expand="{ row, $index }">
|
|
|
- <div
|
|
|
- style="
|
|
|
+ <div class="batch-actions" v-if="row.materialList.length > 0">
|
|
|
+ <el-button @click="batchUpdateDeliveryMethod">批量修改到货方式</el-button>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div style="
|
|
|
width: calc(100% - 95px);
|
|
|
min-height: 60px;
|
|
|
margin-left: 95px;
|
|
|
- "
|
|
|
- v-if="row.materialList.length > 0"
|
|
|
- >
|
|
|
- <ele-pro-table
|
|
|
- :toolbar="false"
|
|
|
- toolsTheme="none"
|
|
|
- ref="table2"
|
|
|
- :need-page="false"
|
|
|
- :datasource="row.materialList"
|
|
|
- :columns="columns2"
|
|
|
- :key="row.categoryId + '-' + $index"
|
|
|
- >
|
|
|
+ " v-if="row.materialList.length > 0">
|
|
|
+ <ele-pro-table :toolbar="false" toolsTheme="none" ref="table2" :need-page="false"
|
|
|
+ :datasource="row.materialList" :columns="columns2" :key="row.categoryId + '-' + $index"
|
|
|
+ @selection-change="handleSelectionChange">
|
|
|
<template v-slot:sort="{ $index }">
|
|
|
- {{ $index }}
|
|
|
+ {{ $index + 1 }}
|
|
|
</template>
|
|
|
|
|
|
<template v-slot:unit="{ row }">
|
|
|
@@ -150,141 +91,70 @@
|
|
|
<template v-slot:demandQuantity="{ row }">
|
|
|
<div>
|
|
|
<!-- 需求数量 -->
|
|
|
- <el-input
|
|
|
- v-model="row.demandQuantity"
|
|
|
- placeholder="请输入"
|
|
|
- :readonly="type == 'detail'"
|
|
|
- @input="
|
|
|
+ <el-input v-model="row.demandQuantity" placeholder="请输入" :readonly="type == 'detail'" @input="
|
|
|
(value) =>
|
|
|
- (row.demandQuantity = value.replace(
|
|
|
- /^(-)*(\d+)\.(\d\d\d\d\d\d).*$/,
|
|
|
- '$1$2.$3'
|
|
|
- ))
|
|
|
- "
|
|
|
- ></el-input>
|
|
|
+ (row.demandQuantity = value.replace(
|
|
|
+ /^(-)*(\d+)\.(\d\d\d\d\d\d).*$/,
|
|
|
+ '$1$2.$3'
|
|
|
+ ))
|
|
|
+ "></el-input>
|
|
|
</div>
|
|
|
-
|
|
|
</template>
|
|
|
- <!-- <template v-slot:purchasingCycle="{ row }">
|
|
|
- <el-input
|
|
|
- v-model="row.purchasingCycle"
|
|
|
- placeholder="请输入"
|
|
|
- :readonly="type == 'detail'"
|
|
|
- @input="
|
|
|
- (value) =>
|
|
|
- (row.purchasingCycle = value.replace(
|
|
|
- /^(-)*(\d+)\.(\d\d\d\d\d\d).*$/,
|
|
|
- '$1$2.$3'
|
|
|
- ))
|
|
|
- "
|
|
|
- >
|
|
|
- <template slot="append" v-if="row.purchasingCycle">
|
|
|
- {{ row.purchasingCycleUnit }}
|
|
|
- </template>
|
|
|
- </el-input>
|
|
|
- </template> -->
|
|
|
+
|
|
|
<template v-slot:purchasingCycle="{ row }">
|
|
|
{{ row.purchasingCycle }}{{ row.purchasingCycleUnit }}
|
|
|
</template>
|
|
|
<template v-slot:purchaseQuantity="{ row }">
|
|
|
- <el-input
|
|
|
- v-model="row.purchaseQuantity"
|
|
|
- placeholder="请输入"
|
|
|
- :readonly="type == 'detail'"
|
|
|
- @input="
|
|
|
- (value) =>
|
|
|
- (row.purchaseQuantity = value.replace(
|
|
|
- /^(-)*(\d+)\.(\d\d\d\d\d\d).*$/,
|
|
|
- '$1$2.$3'
|
|
|
- ))
|
|
|
- "
|
|
|
- ></el-input>
|
|
|
+ <el-input v-model="row.purchaseQuantity" placeholder="请输入" :readonly="type == 'detail'" @input="
|
|
|
+ (value) =>
|
|
|
+ (row.purchaseQuantity = value.replace(
|
|
|
+ /^(-)*(\d+)\.(\d\d\d\d\d\d).*$/,
|
|
|
+ '$1$2.$3'
|
|
|
+ ))
|
|
|
+ "></el-input>
|
|
|
</template>
|
|
|
|
|
|
- <template v-slot:deliveryMethod="{ row }">
|
|
|
- <el-select
|
|
|
- clearable
|
|
|
- class="ele-block"
|
|
|
- v-model="row.deliveryMethod"
|
|
|
- placeholder="请选择"
|
|
|
- :disabled="type == 'detail'"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- label="一次性到货"
|
|
|
- :value="1"
|
|
|
- @click.native="row.timeList = null"
|
|
|
- />
|
|
|
- <el-option
|
|
|
- label="分批到货"
|
|
|
- :value="2"
|
|
|
- @click.native="
|
|
|
- handleMethod(row);
|
|
|
- row.requireDeliveryTime = null;
|
|
|
- "
|
|
|
- />
|
|
|
+ <template v-slot:deliveryMethod="{ row, $index }">
|
|
|
+ <el-select clearable class="ele-block" v-model="row.deliveryMethod" placeholder="请选择"
|
|
|
+ :disabled="type == 'detail'">
|
|
|
+ <el-option label="一次性到货" :value="1" @click.native="row.timeList = null" />
|
|
|
+ <el-option label="分批到货" :value="2" @click.native="
|
|
|
+ handleMethod(row, $index);
|
|
|
+ row.requireDeliveryTime = null;
|
|
|
+ " />
|
|
|
</el-select>
|
|
|
</template>
|
|
|
|
|
|
- <template v-slot:requireDeliveryTime="{ row }">
|
|
|
- <el-date-picker
|
|
|
- style="width: 100%"
|
|
|
- clearable
|
|
|
- v-model="row.requireDeliveryTime"
|
|
|
- type="date"
|
|
|
- v-if="row.deliveryMethod == 1"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- placeholder="请选择日期"
|
|
|
- :readonly="type == 'detail'"
|
|
|
- :pickerOptions="{
|
|
|
+ <template v-slot:requireDeliveryTime="{ row, $index }">
|
|
|
+ <el-date-picker style="width: 100%" clearable v-model="row.requireDeliveryTime" type="date"
|
|
|
+ v-if="row.deliveryMethod == 1" value-format="yyyy-MM-dd" placeholder="请选择日期"
|
|
|
+ :readonly="type == 'detail'" :pickerOptions="{
|
|
|
disabledDate: (time) =>
|
|
|
time.getTime() <
|
|
|
new Date(new Date().setHours(0, 0, 0, 0)).getTime()
|
|
|
- }"
|
|
|
- >
|
|
|
+ }">
|
|
|
</el-date-picker>
|
|
|
|
|
|
- <el-link
|
|
|
- type="primary"
|
|
|
- :underline="false"
|
|
|
- v-if="row.deliveryMethod == 2"
|
|
|
- @click.native="handleMethod(row)"
|
|
|
- >
|
|
|
+ <el-link type="primary" :underline="false" v-if="row.deliveryMethod == 2"
|
|
|
+ @click.native="handleMethod(row, $index)">
|
|
|
设置分批时间
|
|
|
</el-link>
|
|
|
</template>
|
|
|
|
|
|
<template v-slot:imgUrl="{ row }">
|
|
|
- <fileUpload
|
|
|
- v-model="row.imgUrl"
|
|
|
- module="main"
|
|
|
- :showLib="false"
|
|
|
- :limit="1"
|
|
|
- :disabled="type == 'detail'"
|
|
|
- />
|
|
|
+ <fileUpload v-model="row.imgUrl" module="main" :showLib="false" :limit="1"
|
|
|
+ :disabled="type == 'detail'" />
|
|
|
</template>
|
|
|
|
|
|
<template v-slot:files="{ row }">
|
|
|
- <fileUpload
|
|
|
- v-model="row.files"
|
|
|
- module="main"
|
|
|
- :showLib="false"
|
|
|
- :limit="1"
|
|
|
- :disabled="type == 'detail'"
|
|
|
- />
|
|
|
+ <fileUpload v-model="row.files" module="main" :showLib="false" :limit="1"
|
|
|
+ :disabled="type == 'detail'" />
|
|
|
</template>
|
|
|
|
|
|
<template v-slot:action="{ row }" v-if="type != 'detail'">
|
|
|
- <el-popconfirm
|
|
|
- class="ele-action"
|
|
|
- title="确定要删除当前物料吗？"
|
|
|
- @confirm="remove2(row)"
|
|
|
- >
|
|
|
+ <el-popconfirm class="ele-action" title="确定要删除当前物料吗？" @confirm="remove2(row)">
|
|
|
<template v-slot:reference>
|
|
|
- <el-link
|
|
|
- type="danger"
|
|
|
- :underline="false"
|
|
|
- icon="el-icon-delete"
|
|
|
- >
|
|
|
+ <el-link type="danger" :underline="false" icon="el-icon-delete">
|
|
|
删除
|
|
|
</el-link>
|
|
|
</template>
|
|
|
@@ -301,574 +171,708 @@
|
|
|
<el-button type="primary" @click="confirm">保存</el-button>
|
|
|
</div>
|
|
|
|
|
|
- <produceOrder
|
|
|
- ref="produceOrderRef"
|
|
|
- @chooseOrder="chooseOrder"
|
|
|
- ></produceOrder>
|
|
|
+ <produceOrder ref="produceOrderRef" @chooseOrder="chooseOrder"></produceOrder>
|
|
|
|
|
|
<ProductModal ref="productRefs" @chooseModal="chooseModal" />
|
|
|
|
|
|
- <ProductionVersion
|
|
|
- ref="versionRefs"
|
|
|
- @changeProduct="changeProduct"
|
|
|
- ></ProductionVersion>
|
|
|
+ <ProductionVersion ref="versionRefs" @changeProduct="changeProduct"></ProductionVersion>
|
|
|
|
|
|
<timeDialog ref="timeDialogRef" @chooseTime="chooseTime"></timeDialog>
|
|
|
+
|
|
|
+ <ele-modal :visible.sync="batchVisible" title="批量选择" width="25vw" append-to-body @close="handleCancel"
|
|
|
+ :maxable="true">
|
|
|
+ <el-form :model="formData2" label-width="100px">
|
|
|
+ <el-form-item label="到货方式" prop="deliveryMethod">
|
|
|
+ <el-select clearable v-model="formData2.deliveryMethod" placeholder="请选择">
|
|
|
+ <el-option label="一次性到货" :value="1" />
|
|
|
+ <el-option label="分批到货" :value="2" @click.native="
|
|
|
+ handleMethod();
|
|
|
+ " />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="要求到货时间" prop="requireDeliveryTime">
|
|
|
+ <el-date-picker clearable v-model="formData2.requireDeliveryTime" type="date"
|
|
|
+ v-show="formData2.deliveryMethod == 1" value-format="yyyy-MM-dd" placeholder="请选择日期" :pickerOptions="{
|
|
|
+ disabledDate: (time) =>
|
|
|
+ time.getTime() <
|
|
|
+ new Date(new Date().setHours(0, 0, 0, 0)).getTime()
|
|
|
+ }">
|
|
|
+ </el-date-picker>
|
|
|
+ <el-link type="primary" :underline="false" v-show="formData2.deliveryMethod == 2"
|
|
|
+ @click.native="handleMethod()">
|
|
|
+ 设置分批时间
|
|
|
+ </el-link>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <template v-slot:footer>
|
|
|
+ <el-button @click="handleCancel">取消</el-button>
|
|
|
+ <el-button type="primary" @click="handleConfirm">确认</el-button>
|
|
|
+ </template>
|
|
|
+ </ele-modal>
|
|
|
+
|
|
|
</ele-modal>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- import produceOrder from './produceOrder.vue';
|
|
|
- import ProductModal from './ProductModal.vue';
|
|
|
- import {
|
|
|
- listBomByPlanIdsOverride,
|
|
|
- listBomBySalesOrderId,
|
|
|
- save,
|
|
|
- getById
|
|
|
- } from '@/api/materialPlan/index';
|
|
|
- import ProductionVersion from '@/components/CreatePlan/ProductionVersion2.vue';
|
|
|
- import fileUpload from '@/components/upload/fileUpload';
|
|
|
- import timeDialog from './timeDialog';
|
|
|
- import dictMixins from '@/mixins/dictMixins';
|
|
|
- export default {
|
|
|
- components: {
|
|
|
- produceOrder,
|
|
|
- ProductModal,
|
|
|
- ProductionVersion,
|
|
|
- fileUpload,
|
|
|
- timeDialog
|
|
|
- },
|
|
|
- mixins: [dictMixins],
|
|
|
- data() {
|
|
|
- return {
|
|
|
- visible: false,
|
|
|
- type: 'add',
|
|
|
-
|
|
|
- tableData: [],
|
|
|
-
|
|
|
- xsId: null,
|
|
|
- rules: {
|
|
|
- demandType: [
|
|
|
- {
|
|
|
- required: true,
|
|
|
- message: '请选择需求类型',
|
|
|
- trigger: ['blur', 'change']
|
|
|
- }
|
|
|
- ],
|
|
|
- name: [
|
|
|
- {
|
|
|
- required: true,
|
|
|
- message: '请输入配料计划名称',
|
|
|
- trigger: ['blur', 'change']
|
|
|
- }
|
|
|
- ]
|
|
|
+import produceOrder from './produceOrder.vue';
|
|
|
+import ProductModal from './ProductModal.vue';
|
|
|
+import {
|
|
|
+ listBomByPlanIdsOverride,
|
|
|
+ listBomBySalesOrderId,
|
|
|
+ listBomByBomVersionId,
|
|
|
+ save,
|
|
|
+ getById
|
|
|
+} from '@/api/materialPlan/index';
|
|
|
+import ProductionVersion from '@/components/CreatePlan/ProductionVersion2.vue';
|
|
|
+import fileUpload from '@/components/upload/fileUpload';
|
|
|
+import timeDialog from './timeDialog';
|
|
|
+import dictMixins from '@/mixins/dictMixins';
|
|
|
+export default {
|
|
|
+ components: {
|
|
|
+ produceOrder,
|
|
|
+ ProductModal,
|
|
|
+ ProductionVersion,
|
|
|
+ fileUpload,
|
|
|
+ timeDialog
|
|
|
+ },
|
|
|
+ mixins: [dictMixins],
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ formData2: {
|
|
|
+ deliveryMethod: 1,
|
|
|
+ requireDeliveryTime: '',
|
|
|
+ timeList: []
|
|
|
+ },
|
|
|
+ batchVisible: false,
|
|
|
+ multipleSelection: [],
|
|
|
+ visible: false,
|
|
|
+ type: 'add',
|
|
|
+
|
|
|
+ tableData: [],
|
|
|
+
|
|
|
+ xsId: null,
|
|
|
+ formData: {
|
|
|
+ demandType: '1',
|
|
|
+ name: '',
|
|
|
+ remark: '',
|
|
|
+ detailRemoveIds: [],
|
|
|
+ materialRemoveIds: [],
|
|
|
+ orderType: 2
|
|
|
+ },
|
|
|
+ demandTypeList: [
|
|
|
+ {
|
|
|
+ dictCode: '1',
|
|
|
+ dictValue: '生产性物资采购'
|
|
|
},
|
|
|
- formData: {
|
|
|
- demandType: '1',
|
|
|
- name: '',
|
|
|
- remark: '',
|
|
|
- detailRemoveIds: [],
|
|
|
- materialRemoveIds: [],
|
|
|
- orderType: 2
|
|
|
+ {
|
|
|
+ dictCode: '6',
|
|
|
+ dictValue: '外协自供料采购'
|
|
|
},
|
|
|
-
|
|
|
- demandTypeList: [
|
|
|
- {
|
|
|
- dictCode: '1',
|
|
|
- dictValue: '生产性物资采购'
|
|
|
- },
|
|
|
+ {
|
|
|
+ dictCode: '7',
|
|
|
+ dictValue: '外协客供料采购'
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ expandedRowKeys: [],
|
|
|
+ rules: {
|
|
|
+ demandType: [
|
|
|
{
|
|
|
- dictCode: '6',
|
|
|
- dictValue: '外协自供料采购'
|
|
|
- },
|
|
|
+ required: true,
|
|
|
+ message: '请选择需求类型',
|
|
|
+ trigger: ['blur', 'change']
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ name: [
|
|
|
{
|
|
|
- dictCode: '7',
|
|
|
- dictValue: '外协客供料采购'
|
|
|
+ required: true,
|
|
|
+ message: '请输入配料计划名称',
|
|
|
+ trigger: ['blur', 'change']
|
|
|
}
|
|
|
]
|
|
|
- };
|
|
|
- },
|
|
|
- computed: {
|
|
|
- // 表格列配置
|
|
|
- columns() {
|
|
|
- const list = [
|
|
|
- {
|
|
|
- width: 45,
|
|
|
- type: 'expand',
|
|
|
- columnKey: 'materialList',
|
|
|
- align: 'center',
|
|
|
- slot: 'expand'
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- width: 50,
|
|
|
- label: '序号',
|
|
|
- type: 'index',
|
|
|
- align: 'center',
|
|
|
- slot: 'index'
|
|
|
- },
|
|
|
+ },
|
|
|
+ };
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ // 表格列配置
|
|
|
+ columns() {
|
|
|
+ const list = [
|
|
|
+ {
|
|
|
+ width: 45,
|
|
|
+ type: 'expand',
|
|
|
+ columnKey: 'materialList',
|
|
|
+ align: 'center',
|
|
|
+ slot: 'expand'
|
|
|
+ },
|
|
|
|
|
|
- {
|
|
|
- prop: 'code',
|
|
|
- label: '销售订单号',
|
|
|
- slot: 'code',
|
|
|
- showOverflowTooltip: true,
|
|
|
- align: 'center',
|
|
|
- minWidth: 170,
|
|
|
- sortable: true
|
|
|
- },
|
|
|
- {
|
|
|
- prop: 'customerName',
|
|
|
- label: '客户名称',
|
|
|
- align: 'center',
|
|
|
- showOverflowTooltip: true
|
|
|
- },
|
|
|
- {
|
|
|
- prop: 'deliveryNum',
|
|
|
- label: '客户代号',
|
|
|
- align: 'center',
|
|
|
- showOverflowTooltip: true
|
|
|
- },
|
|
|
- {
|
|
|
- prop: 'productCode',
|
|
|
- label: '编码',
|
|
|
- align: 'center',
|
|
|
- showOverflowTooltip: true,
|
|
|
- minWidth: 140
|
|
|
- },
|
|
|
+ {
|
|
|
+ width: 50,
|
|
|
+ label: '序号',
|
|
|
+ type: 'index',
|
|
|
+ align: 'center',
|
|
|
+ slot: 'index'
|
|
|
+ },
|
|
|
+ // {
|
|
|
+ // prop: 'purchaseType',
|
|
|
+ // label: '采购类型',
|
|
|
+ // align: 'center',
|
|
|
+ // showOverflowTooltip: true,
|
|
|
+ // minWidth: 120,
|
|
|
+ // sortable: true,
|
|
|
+ // formatter: (row) => {
|
|
|
+ // return row.purchaseType == '1' ? '未采购' : '已采购';
|
|
|
+ // }
|
|
|
+ // },
|
|
|
+ {
|
|
|
+ prop: 'code',
|
|
|
+ label: '销售订单号',
|
|
|
+ slot: 'code',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ align: 'center',
|
|
|
+ minWidth: 170,
|
|
|
+ sortable: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'customerName',
|
|
|
+ label: '客户名称',
|
|
|
+ align: 'center',
|
|
|
+ showOverflowTooltip: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'deliveryNum',
|
|
|
+ label: '客户代号',
|
|
|
+ align: 'center',
|
|
|
+ showOverflowTooltip: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'productCode',
|
|
|
+ label: '编码',
|
|
|
+ align: 'center',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ minWidth: 140
|
|
|
+ },
|
|
|
|
|
|
- {
|
|
|
- prop: 'productName',
|
|
|
- label: '名称',
|
|
|
- align: 'center',
|
|
|
- minWidth: 120
|
|
|
- },
|
|
|
+ {
|
|
|
+ prop: 'productName',
|
|
|
+ label: '名称',
|
|
|
+ align: 'center',
|
|
|
+ minWidth: 120
|
|
|
+ },
|
|
|
|
|
|
- {
|
|
|
- prop: 'model',
|
|
|
- label: '型号',
|
|
|
- align: 'center',
|
|
|
- minWidth: 120
|
|
|
- },
|
|
|
+ {
|
|
|
+ prop: 'model',
|
|
|
+ label: '型号',
|
|
|
+ align: 'center',
|
|
|
+ minWidth: 120
|
|
|
+ },
|
|
|
|
|
|
- {
|
|
|
- prop: 'brandNo',
|
|
|
- label: '牌号',
|
|
|
- align: 'center'
|
|
|
- },
|
|
|
+ {
|
|
|
+ prop: 'brandNo',
|
|
|
+ label: '牌号',
|
|
|
+ align: 'center'
|
|
|
+ },
|
|
|
|
|
|
- {
|
|
|
- prop: 'deliveryTime',
|
|
|
- label: '交付日期',
|
|
|
+ {
|
|
|
+ prop: 'deliveryTime',
|
|
|
+ label: '交付日期',
|
|
|
+ align: 'center',
|
|
|
+ showOverflowTooltip: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'contractNum',
|
|
|
+ label: '订单数量',
|
|
|
+ align: 'center'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'lackNum',
|
|
|
+ label: '欠交数量',
|
|
|
+ align: 'center'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'bomId',
|
|
|
+ label: '选择BOM版本',
|
|
|
+ slot: 'bomId',
|
|
|
+ align: 'center',
|
|
|
+ minWidth: 110
|
|
|
+ },
|
|
|
+ this.type != 'detail'
|
|
|
+ ? {
|
|
|
+ columnKey: 'action',
|
|
|
+ label: '操作',
|
|
|
+ width: 150,
|
|
|
align: 'center',
|
|
|
+ resizable: false,
|
|
|
+ slot: 'action',
|
|
|
showOverflowTooltip: true
|
|
|
- },
|
|
|
- {
|
|
|
- prop: 'contractNum',
|
|
|
- label: '订单数量',
|
|
|
- align: 'center'
|
|
|
- },
|
|
|
- {
|
|
|
- prop: 'lackNum',
|
|
|
- label: '欠交数量',
|
|
|
- align: 'center'
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- prop: 'productionPlanId',
|
|
|
- label: '工艺路线',
|
|
|
- slot: 'productionPlanId',
|
|
|
- align: 'center',
|
|
|
- minWidth: 110
|
|
|
- },
|
|
|
- this.type != 'detail'
|
|
|
- ? {
|
|
|
- columnKey: 'action',
|
|
|
- label: '操作',
|
|
|
- width: 150,
|
|
|
- align: 'center',
|
|
|
- resizable: false,
|
|
|
- slot: 'action',
|
|
|
- showOverflowTooltip: true
|
|
|
- }
|
|
|
- : ''
|
|
|
- ].filter(Boolean);
|
|
|
- return list;
|
|
|
- },
|
|
|
- columns2() {
|
|
|
- const list = [
|
|
|
- {
|
|
|
- width: 50,
|
|
|
- label: '序号',
|
|
|
- prop: 'sort',
|
|
|
- slot: 'sort',
|
|
|
- align: 'center'
|
|
|
- },
|
|
|
-
|
|
|
- {
|
|
|
- label: '物料名称',
|
|
|
- prop: 'name',
|
|
|
- align: 'center',
|
|
|
- minWidth: 120
|
|
|
- },
|
|
|
+ }
|
|
|
+ : ''
|
|
|
+ ].filter(Boolean);
|
|
|
+ return list;
|
|
|
+ },
|
|
|
+ columns2() {
|
|
|
+ const list = [
|
|
|
+ {
|
|
|
+ columnKey: 'selection',
|
|
|
+ type: 'selection',
|
|
|
+ width: 50,
|
|
|
+ align: 'center',
|
|
|
+ fixed: 'left'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ width: 50,
|
|
|
+ label: '序号',
|
|
|
+ prop: 'sort',
|
|
|
+ slot: 'sort',
|
|
|
+ align: 'center'
|
|
|
+ },
|
|
|
|
|
|
- {
|
|
|
- label: '物料编码',
|
|
|
- prop: 'code',
|
|
|
- align: 'center',
|
|
|
- minWidth: 120
|
|
|
- },
|
|
|
- {
|
|
|
- label: '牌号',
|
|
|
- prop: 'brandNum',
|
|
|
- align: 'center'
|
|
|
- },
|
|
|
- {
|
|
|
- prop: 'specification',
|
|
|
- label: '规格',
|
|
|
- align: 'center',
|
|
|
- showOverflowTooltip: true,
|
|
|
- minWidth: 110
|
|
|
- },
|
|
|
- {
|
|
|
- label: '型号',
|
|
|
- prop: 'modelType',
|
|
|
- align: 'center'
|
|
|
- },
|
|
|
+ {
|
|
|
+ label: '物料名称',
|
|
|
+ prop: 'name',
|
|
|
+ align: 'center',
|
|
|
+ minWidth: 120,
|
|
|
+ fixed: 'left'
|
|
|
+ },
|
|
|
|
|
|
- {
|
|
|
- prop: 'inventoryQuantity',
|
|
|
- label: '库存',
|
|
|
- showOverflowTooltip: true
|
|
|
- },
|
|
|
+ {
|
|
|
+ label: '物料编码',
|
|
|
+ prop: 'code',
|
|
|
+ align: 'center',
|
|
|
+ minWidth: 120,
|
|
|
+ fixed: 'left'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '牌号',
|
|
|
+ prop: 'brandNum',
|
|
|
+ align: 'center'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'specification',
|
|
|
+ label: '规格',
|
|
|
+ align: 'center',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ minWidth: 110
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '型号',
|
|
|
+ prop: 'modelType',
|
|
|
+ align: 'center'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'inventoryQuantity',
|
|
|
+ label: '库存',
|
|
|
+ showOverflowTooltip: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'secureInventory',
|
|
|
+ label: '安全库存',
|
|
|
+ showOverflowTooltip: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'lockQuantity',
|
|
|
+ label: '锁库数量',
|
|
|
+ showOverflowTooltip: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'inTransitNum',
|
|
|
+ label: '在途数量',
|
|
|
+ showOverflowTooltip: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'inTransitOrdersNum',
|
|
|
+ label: '在途已关联数量',
|
|
|
+ showOverflowTooltip: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'availableQuantity',
|
|
|
+ label: '可用数量',
|
|
|
+ showOverflowTooltip: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'unit',
|
|
|
+ label: '计量单位',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ action: 'unit',
|
|
|
+ slot: 'unit'
|
|
|
+ },
|
|
|
|
|
|
- {
|
|
|
- prop: 'unit',
|
|
|
- label: '计量单位',
|
|
|
- showOverflowTooltip: true,
|
|
|
- action: 'unit',
|
|
|
- slot: 'unit'
|
|
|
- },
|
|
|
+ {
|
|
|
+ label: '需求数量',
|
|
|
+ slot: 'demandQuantity',
|
|
|
+ action: 'demandQuantity',
|
|
|
+ align: 'center',
|
|
|
+ minWidth: 120
|
|
|
+ },
|
|
|
|
|
|
- {
|
|
|
- label: '需求数量',
|
|
|
- slot: 'demandQuantity',
|
|
|
- action: 'demandQuantity',
|
|
|
- align: 'center',
|
|
|
- minWidth: 120
|
|
|
- },
|
|
|
+ {
|
|
|
+ label: '采购数量',
|
|
|
+ slot: 'purchaseQuantity',
|
|
|
+ action: 'purchaseQuantity',
|
|
|
+ align: 'center',
|
|
|
+ minWidth: 120
|
|
|
+ },
|
|
|
|
|
|
- {
|
|
|
- label: '采购数量',
|
|
|
- slot: 'purchaseQuantity',
|
|
|
- action: 'purchaseQuantity',
|
|
|
- align: 'center',
|
|
|
- minWidth: 120
|
|
|
- },
|
|
|
+ {
|
|
|
+ label: '到货方式',
|
|
|
+ slot: 'deliveryMethod',
|
|
|
+ action: 'deliveryMethod',
|
|
|
+ align: 'center',
|
|
|
+ minWidth: 140
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '采购周期',
|
|
|
+ slot: 'purchasingCycle',
|
|
|
+ action: 'purchasingCycle',
|
|
|
+ align: 'center',
|
|
|
+ minWidth: 160
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '要求到货时间',
|
|
|
+ slot: 'requireDeliveryTime',
|
|
|
+ action: 'requireDeliveryTime',
|
|
|
+ align: 'center',
|
|
|
+ minWidth: 180
|
|
|
+ },
|
|
|
|
|
|
- {
|
|
|
- label: '到货方式',
|
|
|
- slot: 'deliveryMethod',
|
|
|
- action: 'deliveryMethod',
|
|
|
- align: 'center',
|
|
|
- minWidth: 140
|
|
|
- },
|
|
|
- {
|
|
|
- label: '采购周期',
|
|
|
- slot: 'purchasingCycle',
|
|
|
- action: 'purchasingCycle',
|
|
|
- align: 'center',
|
|
|
- minWidth: 160
|
|
|
- },
|
|
|
- {
|
|
|
- label: '要求到货时间',
|
|
|
- slot: 'requireDeliveryTime',
|
|
|
- action: 'requireDeliveryTime',
|
|
|
- align: 'center',
|
|
|
- minWidth: 180
|
|
|
- },
|
|
|
+ {
|
|
|
+ label: '图纸',
|
|
|
+ slot: 'imgUrl',
|
|
|
+ action: ' imgUrl',
|
|
|
+ align: 'center',
|
|
|
+ minWidth: 140
|
|
|
+ },
|
|
|
|
|
|
- {
|
|
|
- label: '图纸',
|
|
|
- slot: 'imgUrl',
|
|
|
- action: ' imgUrl',
|
|
|
- align: 'center',
|
|
|
- minWidth: 140
|
|
|
- },
|
|
|
+ {
|
|
|
+ label: '附件',
|
|
|
+ slot: 'files',
|
|
|
+ action: ' files',
|
|
|
+ align: 'center',
|
|
|
+ minWidth: 140
|
|
|
+ },
|
|
|
|
|
|
- {
|
|
|
- label: '附件',
|
|
|
- slot: 'files',
|
|
|
- action: ' files',
|
|
|
+ this.type != 'detail'
|
|
|
+ ? {
|
|
|
+ columnKey: 'action',
|
|
|
+ label: '操作',
|
|
|
+ width: 70,
|
|
|
align: 'center',
|
|
|
- minWidth: 140
|
|
|
- },
|
|
|
-
|
|
|
- this.type != 'detail'
|
|
|
- ? {
|
|
|
- columnKey: 'action',
|
|
|
- label: '操作',
|
|
|
- width: 70,
|
|
|
- align: 'center',
|
|
|
- resizable: false,
|
|
|
- slot: 'action',
|
|
|
- showOverflowTooltip: true
|
|
|
- }
|
|
|
- : ''
|
|
|
- ].filter(Boolean);
|
|
|
- return list;
|
|
|
+ resizable: false,
|
|
|
+ slot: 'action',
|
|
|
+ showOverflowTooltip: true
|
|
|
+ }
|
|
|
+ : ''
|
|
|
+ ].filter(Boolean);
|
|
|
+ return list;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ async open(type, row) {
|
|
|
+ this.type = type;
|
|
|
+ if (type == 'add') {
|
|
|
+ // this.formData.demandType = '';
|
|
|
+ this.formData.name = '';
|
|
|
+ this.formData.remark = '';
|
|
|
+ }
|
|
|
+ this.formData.orderType = 2;
|
|
|
+ this.visible = true;
|
|
|
+
|
|
|
+ if (row) {
|
|
|
+ this.getDetail(row.id);
|
|
|
+ } else {
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.table.setData([]);
|
|
|
+ });
|
|
|
}
|
|
|
},
|
|
|
- methods: {
|
|
|
- async open(type, row) {
|
|
|
- this.type = type;
|
|
|
- if (type == 'add') {
|
|
|
- // this.formData.demandType = '';
|
|
|
- this.formData.name = '';
|
|
|
- this.formData.remark = '';
|
|
|
+
|
|
|
+ getDetail(id) {
|
|
|
+ getById(id).then((res) => {
|
|
|
+ this.$set(this.formData, 'demandType', res.demandType);
|
|
|
+ this.$set(this.formData, 'name', res.name);
|
|
|
+ this.$set(this.formData, 'remark', res.remark);
|
|
|
+ this.formData['id'] = res.id;
|
|
|
+ if (res.salesOrderList) {
|
|
|
+ this.$refs.table.setData([...res.salesOrderList]);
|
|
|
+ // 展开所有行
|
|
|
+ this.expandedRowKeys = this.$refs.table
|
|
|
+ .getData()
|
|
|
+ ?.map((item) => item.id);
|
|
|
}
|
|
|
- this.formData.orderType = 2;
|
|
|
- this.visible = true;
|
|
|
|
|
|
- if (row) {
|
|
|
- this.getDetail(row.id);
|
|
|
- } else {
|
|
|
- this.$nextTick(() => {
|
|
|
- this.$refs.table.setData([]);
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.table.toggleRowExpansionAll();
|
|
|
+ this.$forceUpdate();
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ produceAdd() {
|
|
|
+ this.tableData = this.$refs.table.getData();
|
|
|
+ this.$refs.produceOrderRef.open(this.tableData);
|
|
|
+ },
|
|
|
+ chooseOrder(list) {
|
|
|
+ let planIds = [];
|
|
|
+ list.map((m) => {
|
|
|
+ planIds.push(m.id);
|
|
|
+ delete m.id;
|
|
|
+ return {
|
|
|
+ ...m
|
|
|
+ };
|
|
|
+ });
|
|
|
+
|
|
|
+ if (planIds.length > 0) {
|
|
|
+ listBomByPlanIdsOverride({ planIds: planIds }).then((res) => {
|
|
|
+ res.forEach((m) => {
|
|
|
+ if (m.materialList.length > 0) {
|
|
|
+ m.materialList.forEach((p) => {
|
|
|
+ p.detailId = m.id;
|
|
|
+ });
|
|
|
+ }
|
|
|
});
|
|
|
- }
|
|
|
- },
|
|
|
|
|
|
- getDetail(id) {
|
|
|
- getById(id).then((res) => {
|
|
|
- this.$set(this.formData, 'demandType', res.demandType);
|
|
|
- this.$set(this.formData, 'name', res.name);
|
|
|
- this.$set(this.formData, 'remark', res.remark);
|
|
|
- this.formData['id'] = res.id;
|
|
|
- if (res.salesOrderList) {
|
|
|
- this.$refs.table.setData([...res.salesOrderList]);
|
|
|
- // 展开所有行
|
|
|
- this.expandedRowKeys = this.$refs.table
|
|
|
- .getData()
|
|
|
- ?.map((item) => item.id);
|
|
|
- }
|
|
|
+ this.$refs.table.setData([...this.tableData, ...res]);
|
|
|
|
|
|
this.$nextTick(() => {
|
|
|
this.$refs.table.toggleRowExpansionAll();
|
|
|
this.$forceUpdate();
|
|
|
});
|
|
|
});
|
|
|
- },
|
|
|
+ }
|
|
|
+ },
|
|
|
+ categorySelect(row) {
|
|
|
+ this.$refs.productRefs.open(row.materialList, row, this.type);
|
|
|
+ },
|
|
|
+ remove(row, index) {
|
|
|
+ this.formData.detailRemoveIds.push(row.id);
|
|
|
+ let _arr = this.$refs.table.getData() || [];
|
|
|
+ _arr.splice(index, 1);
|
|
|
+ this.$refs.table.setData([..._arr]);
|
|
|
+ },
|
|
|
+ chooseModal(data, current) {
|
|
|
+ data.map((m) => {
|
|
|
+ m.detailId = current.id;
|
|
|
+ delete m.id;
|
|
|
+ return {
|
|
|
+ ...m
|
|
|
+ };
|
|
|
+ });
|
|
|
|
|
|
- confirm() {
|
|
|
- this.$refs.formRef.validate(async (value) => {
|
|
|
- if (value) {
|
|
|
- let _arr = this.$refs.table.getData() ?? [];
|
|
|
+ let tableList = [];
|
|
|
+ tableList = this.$refs.table.getData();
|
|
|
|
|
|
- if (_arr.length == 0) {
|
|
|
- this.$message.info('请添加销售订单');
|
|
|
- return false;
|
|
|
- }
|
|
|
- let _arr2 = [];
|
|
|
-
|
|
|
- _arr2 = _arr.map((m) => {
|
|
|
- if (
|
|
|
- Object.prototype.hasOwnProperty.call(m, 'salesOrderId') &&
|
|
|
- m.salesOrderId
|
|
|
- ) {
|
|
|
- } else {
|
|
|
- m.salesOrderId = m.id;
|
|
|
- m.salesOrderCode = m.code;
|
|
|
- delete m.id;
|
|
|
- delete m.code;
|
|
|
- }
|
|
|
-
|
|
|
- return {
|
|
|
- ...m
|
|
|
- };
|
|
|
- });
|
|
|
-
|
|
|
- this.formData['type'] = 1;
|
|
|
- this.formData['salesOrderList'] = _arr2;
|
|
|
- this.formData.baitingType = 2;
|
|
|
-
|
|
|
- await save(this.formData);
|
|
|
- this.$message.success('保存成功！');
|
|
|
- this.$emit('success');
|
|
|
- this.cancel();
|
|
|
+ tableList.forEach((e) => {
|
|
|
+ if (e.id == current.id) {
|
|
|
+ if (e.materialList.length == 0) {
|
|
|
+ e.materialList = data;
|
|
|
+ } else {
|
|
|
+ e.materialList = [...e.materialList, ...data];
|
|
|
}
|
|
|
- });
|
|
|
- },
|
|
|
- cancel() {
|
|
|
- this.visible = false;
|
|
|
- this.formData = {};
|
|
|
- this.formData.detailRemoveIds = [];
|
|
|
- this.formData.materialRemoveIds = [];
|
|
|
- this.$refs.table.setData([]);
|
|
|
- this.$refs.formRef.resetFields();
|
|
|
- },
|
|
|
+ }
|
|
|
+ });
|
|
|
|
|
|
- datasource({}) {
|
|
|
- return [];
|
|
|
- },
|
|
|
+ console.log(tableList);
|
|
|
+ this.$refs.table.setData([...tableList]);
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ remove2(row) {
|
|
|
+ const data = this.$refs.table.getData() ?? [];
|
|
|
+ this.formData.materialRemoveIds.push(row.categoryId);
|
|
|
+ data.forEach((e) => {
|
|
|
+ if (row.detailId == e.id) {
|
|
|
+ e.materialList = e.materialList.filter(
|
|
|
+ (d) => d.categoryId !== row.categoryId
|
|
|
+ );
|
|
|
+ }
|
|
|
+ });
|
|
|
|
|
|
- reload() {
|
|
|
- this.$refs.table.reload();
|
|
|
- },
|
|
|
+ this.$refs.table.setData([...data]);
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
|
|
|
- produceAdd() {
|
|
|
- this.tableData = this.$refs.table.getData();
|
|
|
- this.$refs.produceOrderRef.open(this.tableData);
|
|
|
- },
|
|
|
+ changeVersions(row) {
|
|
|
+ console.log(row, 'row')
|
|
|
+ listBomByBomVersionId({ bomId: row.bomId, contractNum: row.contractNum, demandType: this.formData.demandType }).then(
|
|
|
+ (res) => {
|
|
|
+ row.materialList = res || [];
|
|
|
+ }
|
|
|
+ );
|
|
|
+ },
|
|
|
|
|
|
- chooseOrder(list) {
|
|
|
- let planIds = [];
|
|
|
- list.map((m) => {
|
|
|
- planIds.push(m.id);
|
|
|
- delete m.id;
|
|
|
- return {
|
|
|
- ...m
|
|
|
- };
|
|
|
- });
|
|
|
+ //选择-------------------
|
|
|
+ openVersion(row) {
|
|
|
+ this.xsId = row.id;
|
|
|
+ this.$refs.versionRefs.open();
|
|
|
+ },
|
|
|
+ changeProduct(data) {
|
|
|
+ let param = {
|
|
|
+ salesOrderIds: [this.xsId],
|
|
|
+ produceRoutingId: data.id
|
|
|
+ };
|
|
|
|
|
|
- if (planIds.length > 0) {
|
|
|
- listBomByPlanIdsOverride({ planIds: planIds }).then((res) => {
|
|
|
- res.forEach((m) => {
|
|
|
- if (m.materialList.length > 0) {
|
|
|
- m.materialList.forEach((p) => {
|
|
|
- p.detailId = m.id;
|
|
|
- });
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
- this.$refs.table.setData([...this.tableData, ...res]);
|
|
|
-
|
|
|
- this.$nextTick(() => {
|
|
|
- this.$refs.table.toggleRowExpansionAll();
|
|
|
- this.$forceUpdate();
|
|
|
- });
|
|
|
+ listBomBySalesOrderId(param).then((res) => {
|
|
|
+ if (!res) return;
|
|
|
+ const tableList = this.$refs.table.getData();
|
|
|
+
|
|
|
+ tableList
|
|
|
+ .forEach((e) => {
|
|
|
+ if (e.id == this.xsId) {
|
|
|
+ res.map((m) => {
|
|
|
+ m.detailId = this.xsId;
|
|
|
+ return {
|
|
|
+ ...m
|
|
|
+ };
|
|
|
+ });
|
|
|
+
|
|
|
+ e.materialList = res;
|
|
|
+
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.table.setData([...tableList]);
|
|
|
+ this.$refs.table.toggleRowExpansionAll();
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch((error) => {
|
|
|
+ console.error('Failed to change product:', error);
|
|
|
});
|
|
|
- }
|
|
|
- },
|
|
|
+ });
|
|
|
+ },
|
|
|
|
|
|
- remove(row, index) {
|
|
|
- this.formData.detailRemoveIds.push(row.id);
|
|
|
- let _arr = this.$refs.table.getData() || [];
|
|
|
- _arr.splice(index, 1);
|
|
|
- this.$refs.table.setData([..._arr]);
|
|
|
- },
|
|
|
+ // 处理表格选中行的变化
|
|
|
+ handleSelectionChange(selection) {
|
|
|
+ this.multipleSelection = selection;
|
|
|
+ },
|
|
|
+ handleCancel() {
|
|
|
+ this.batchVisible = false
|
|
|
+ },
|
|
|
+ batchUpdateDeliveryMethod() {
|
|
|
+ if (this.multipleSelection.length === 0) {
|
|
|
+ this.$message.warning('请选择要修改的行');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.formData2 = {
|
|
|
+ deliveryMethod: 1,
|
|
|
+ requireDeliveryTime: '',
|
|
|
+ timeList: []
|
|
|
+ };
|
|
|
+ this.batchVisible = true;
|
|
|
+ },
|
|
|
+ handleMethod(row, index) {
|
|
|
+ console.log(index, 'index')
|
|
|
+ if (row) {
|
|
|
+ this.multipleSelection = [];
|
|
|
+ }
|
|
|
+ this.$refs.timeDialogRef.open(row || {}, index);
|
|
|
+ },
|
|
|
+ chooseTime(current, timeList, currentIndex) {
|
|
|
+ const tableList = this.$refs.table.getData();
|
|
|
|
|
|
- categorySelect(row) {
|
|
|
- this.$refs.productRefs.open(row.materialList, row, this.type);
|
|
|
- },
|
|
|
+ if (current && current.categoryId) {
|
|
|
+ // 单独修改逻辑：直接操作当前物料的 timeList
|
|
|
+ tableList.forEach(item => {
|
|
|
+ if (item.id === current.detailId) {
|
|
|
+ const material = item.materialList[currentIndex];
|
|
|
|
|
|
- chooseModal(data, current) {
|
|
|
- data.map((m) => {
|
|
|
- m.detailId = current.id;
|
|
|
- delete m.id;
|
|
|
- return {
|
|
|
- ...m
|
|
|
- };
|
|
|
+ this.$set(material, 'timeList', JSON.parse(JSON.stringify(timeList)));
|
|
|
+ }
|
|
|
});
|
|
|
-
|
|
|
- let tableList = [];
|
|
|
- tableList = this.$refs.table.getData();
|
|
|
-
|
|
|
- tableList.forEach((e) => {
|
|
|
- if (e.id == current.id) {
|
|
|
- if (e.materialList.length == 0) {
|
|
|
- e.materialList = data;
|
|
|
- } else {
|
|
|
- e.materialList = [...e.materialList, ...data];
|
|
|
+ } else if (this.multipleSelection.length > 0) {
|
|
|
+ // 批量修改逻辑
|
|
|
+ tableList.forEach(item => {
|
|
|
+ item.materialList.forEach(material => {
|
|
|
+ if (this.multipleSelection.some(selected => selected.categoryId === material.categoryId)) {
|
|
|
+ this.$set(material, 'deliveryMethod', this.formData2.deliveryMethod)
|
|
|
+ this.$set(material, 'timeList', JSON.parse(JSON.stringify(timeList)));
|
|
|
}
|
|
|
- }
|
|
|
+ });
|
|
|
});
|
|
|
+ this.$refs.timeDialogRef.handleClose()
|
|
|
+ this.batchVisible = false;
|
|
|
+ }
|
|
|
|
|
|
- console.log(tableList);
|
|
|
- this.$refs.table.setData([...tableList]);
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
-
|
|
|
- remove2(row) {
|
|
|
- const data = this.$refs.table.getData() ?? [];
|
|
|
- this.formData.materialRemoveIds.push(row.categoryId);
|
|
|
- data.forEach((e) => {
|
|
|
- if (row.detailId == e.id) {
|
|
|
- e.materialList = e.materialList.filter(
|
|
|
- (d) => d.categoryId !== row.categoryId
|
|
|
- );
|
|
|
+ this.$refs.table.setData([...tableList]);
|
|
|
+ },
|
|
|
+ handleConfirm() {
|
|
|
+ const { deliveryMethod, requireDeliveryTime } = this.formData2;
|
|
|
+ const tableData = this.$refs.table.getData();
|
|
|
+
|
|
|
+ // 创建深拷贝的 timeList 模板（假设当前表单中已填写了分批时间）
|
|
|
+ const timeListTemplate = JSON.parse(JSON.stringify(this.formData2.timeList));
|
|
|
+
|
|
|
+ tableData.forEach((item) => {
|
|
|
+ item.materialList.forEach((m) => {
|
|
|
+ if (this.multipleSelection.some((selected) => selected.categoryId === m.categoryId)) {
|
|
|
+ this.$set(m, 'deliveryMethod', deliveryMethod);
|
|
|
+ if (deliveryMethod === 1) {
|
|
|
+ //一次性到货逻辑
|
|
|
+ this.$set(m, 'requireDeliveryTime', requireDeliveryTime)
|
|
|
+ this.$set(m, 'timeList', null)
|
|
|
+ } else if (deliveryMethod === 2) {
|
|
|
+ this.$set(m, 'timeList', JSON.parse(JSON.stringify(timeListTemplate)));
|
|
|
+ }
|
|
|
}
|
|
|
});
|
|
|
+ });
|
|
|
|
|
|
- this.$refs.table.setData([...data]);
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
+ this.$refs.table.setData([...tableData]);
|
|
|
+ this.batchVisible = false;
|
|
|
+ },
|
|
|
+ confirm() {
|
|
|
+ this.$refs.formRef.validate(async (value) => {
|
|
|
+ if (value) {
|
|
|
+ let _arr = this.$refs.table.getData() ?? [];
|
|
|
+
|
|
|
+ if (_arr.length == 0) {
|
|
|
+ this.$message.info('请添加生产计划');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ let _arr2 = [];
|
|
|
|
|
|
- openVersion(row) {
|
|
|
- this.xsId = row.id;
|
|
|
- this.$refs.versionRefs.open();
|
|
|
- },
|
|
|
- changeProduct(data) {
|
|
|
- let param = {
|
|
|
- salesOrderIds: [this.xsId],
|
|
|
- produceRoutingId: data.id
|
|
|
- };
|
|
|
+ _arr2 = _arr.map((m) => {
|
|
|
+ if (
|
|
|
+ Object.prototype.hasOwnProperty.call(m, 'salesOrderId') &&
|
|
|
+ m.salesOrderId
|
|
|
+ ) {
|
|
|
+ } else {
|
|
|
+ m.salesOrderId = m.id;
|
|
|
+ m.salesOrderCode = m.code;
|
|
|
+ delete m.id;
|
|
|
+ delete m.code;
|
|
|
+ }
|
|
|
|
|
|
- listBomBySalesOrderId(param).then((res) => {
|
|
|
- if (!res) return;
|
|
|
- const tableList = this.$refs.table.getData();
|
|
|
-
|
|
|
- tableList
|
|
|
- .forEach((e) => {
|
|
|
- if (e.id == this.xsId) {
|
|
|
- res.map((m) => {
|
|
|
- m.detailId = this.xsId;
|
|
|
- return {
|
|
|
- ...m
|
|
|
- };
|
|
|
- });
|
|
|
-
|
|
|
- e.materialList = res;
|
|
|
-
|
|
|
- this.$nextTick(() => {
|
|
|
- this.$refs.table.setData([...tableList]);
|
|
|
- this.$refs.table.toggleRowExpansionAll();
|
|
|
- });
|
|
|
- }
|
|
|
- })
|
|
|
- .catch((error) => {
|
|
|
- console.error('Failed to change product:', error);
|
|
|
- });
|
|
|
- });
|
|
|
- },
|
|
|
+ return {
|
|
|
+ ...m
|
|
|
+ };
|
|
|
+ });
|
|
|
|
|
|
- handleMethod(row) {
|
|
|
- this.$refs.timeDialogRef.open(row);
|
|
|
- },
|
|
|
- chooseTime(current, timeList) {
|
|
|
- let tableList = [];
|
|
|
- tableList = this.$refs.table.getData();
|
|
|
-
|
|
|
- tableList.forEach((e) => {
|
|
|
- if (e.id == current.detailId) {
|
|
|
- e.materialList.forEach((m) => {
|
|
|
- if (m.categoryId == current.categoryId) {
|
|
|
- m.timeList = timeList || [];
|
|
|
- }
|
|
|
- });
|
|
|
- }
|
|
|
- });
|
|
|
+ this.formData['type'] = 1;
|
|
|
+ this.formData['salesOrderList'] = _arr2;
|
|
|
+ this.formData.baitingType = 2;
|
|
|
|
|
|
- this.$refs.table.setData([...tableList]);
|
|
|
- this.$forceUpdate();
|
|
|
- }
|
|
|
- }
|
|
|
- };
|
|
|
+ await save(this.formData);
|
|
|
+ this.$message.success('保存成功！');
|
|
|
+ this.$emit('success');
|
|
|
+ this.cancel();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ cancel() {
|
|
|
+ this.visible = false;
|
|
|
+ this.formData = {};
|
|
|
+ this.formData.detailRemoveIds = [];
|
|
|
+ this.formData.materialRemoveIds = [];
|
|
|
+ this.$refs.table.setData([]);
|
|
|
+ this.$refs.formRef.resetFields();
|
|
|
+ },
|
|
|
+ }
|
|
|
+};
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
- :deep(.el-table__expanded-cell) {
|
|
|
- padding-bottom: 30px !important;
|
|
|
- border-bottom: 12px solid #ccffcc !important;
|
|
|
- }
|
|
|
+:deep(.el-table__expanded-cell) {
|
|
|
+ padding-bottom: 30px !important;
|
|
|
+ border-bottom: 12px solid #ccffcc !important;
|
|
|
+}
|
|
|
+
|
|
|
+.batch-actions {
|
|
|
+ text-align: right;
|
|
|
+ margin: 10px;
|
|
|
+}
|
|
|
</style>
|
yijing