|
|
@@ -313,61 +313,93 @@
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
+ =={{ dimension }}
|
|
|
|
|
|
<div class="material">
|
|
|
- <div class="flex">
|
|
|
- <div><span class="red">*</span>出库明细</div>
|
|
|
- <div>
|
|
|
- <el-button type="primary" @click="addStock">添加</el-button>
|
|
|
+ <el-button type="primary" @click="addStock">添加</el-button>
|
|
|
+ <div v-if="dimension != 4">
|
|
|
+ <div class="flex">
|
|
|
+ <div><span class="red">*</span>物品清单</div>
|
|
|
+ <div>
|
|
|
+ <!-- <el-button type="primary" @click="addStock">添加</el-button> -->
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="mt10 form-table">
|
|
|
- <el-form
|
|
|
- ref="warehousingMaterialListRef"
|
|
|
- :model="{ warehousingMaterialList: warehousingMaterialList }"
|
|
|
- :show-message="false"
|
|
|
- >
|
|
|
- <el-table
|
|
|
- ref="multipleTable"
|
|
|
- :data="warehousingMaterialList"
|
|
|
- tooltip-effect="dark"
|
|
|
- style="width: 100%"
|
|
|
- stripe
|
|
|
- :header-cell-style="{ background: '#EEEEEE', border: 'none' }"
|
|
|
+ <div class="mt10 form-table">
|
|
|
+ <el-form
|
|
|
+ ref="warehousingMaterialListRef"
|
|
|
+ :model="{ warehousingMaterialList: warehousingMaterialList }"
|
|
|
+ :show-message="false"
|
|
|
>
|
|
|
- <el-table-column label="序号" type="index" width="50">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- label="物品编码"
|
|
|
- prop="assetCode"
|
|
|
- ></el-table-column>
|
|
|
+ <el-table
|
|
|
+ ref="multipleTable"
|
|
|
+ :data="warehousingMaterialList"
|
|
|
+ tooltip-effect="dark"
|
|
|
+ style="width: 100%"
|
|
|
+ stripe
|
|
|
+ :header-cell-style="{ background: '#EEEEEE', border: 'none' }"
|
|
|
+ >
|
|
|
+ <el-table-column label="序号" type="index" width="50">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="编码"
|
|
|
+ prop="assetCode"
|
|
|
+ ></el-table-column>
|
|
|
|
|
|
- <el-table-column
|
|
|
- label="物品名称"
|
|
|
- prop="assetName"
|
|
|
- ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="名称"
|
|
|
+ prop="assetName"
|
|
|
+ ></el-table-column>
|
|
|
|
|
|
- <el-table-column
|
|
|
- v-for="(item, index) in tableHeader"
|
|
|
- :key="index"
|
|
|
- align="center"
|
|
|
- :label="item.label"
|
|
|
- width="150"
|
|
|
- :prop="item.prop"
|
|
|
- >
|
|
|
- <template slot-scope="{ row }">
|
|
|
- <template v-if="item.formatter">{{
|
|
|
- item.formatter(row)
|
|
|
- }}</template>
|
|
|
- <template v-else>{{ row[item.prop] }}</template>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <!-- <el-table-column label="类型" prop="materialId">
|
|
|
- <template slot-scope="{ row, $index }">
|
|
|
- {{ row.materialId }}
|
|
|
- </template>
|
|
|
- </el-table-column> -->
|
|
|
- <el-table-column
|
|
|
+ <el-table-column
|
|
|
+ v-for="(item, index) in tableHeader"
|
|
|
+ :key="index"
|
|
|
+ align="center"
|
|
|
+ :label="item.label"
|
|
|
+ width="150"
|
|
|
+ :prop="item.prop"
|
|
|
+ >
|
|
|
+ <template slot-scope="{ row }">
|
|
|
+ <template v-if="item.formatter">{{
|
|
|
+ item.formatter(row)
|
|
|
+ }}</template>
|
|
|
+ <template v-else>{{ row[item.prop] }}</template>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="批次号"
|
|
|
+ prop="batchNo"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column label="最小包装单元" width="120">
|
|
|
+ <template slot-scope="{ row }">
|
|
|
+ {{ row.packingCountBase }}{{ row.measuringUnit }}/{{
|
|
|
+ row.minUnit
|
|
|
+ }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="包装数量" prop="availableCountBase">
|
|
|
+ <template slot-scope="{ row }">
|
|
|
+ {{ row.availableCountBase }}{{ row.minUnit }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="计量数量"
|
|
|
+ prop="packingCountBase"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="计量单位"
|
|
|
+ prop="measuringUnit"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column label="重量" prop="weight"></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="重量单位"
|
|
|
+ prop="weightUnit"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="仓库"
|
|
|
+ width="300"
|
|
|
+ prop="pathName"
|
|
|
+ ></el-table-column>
|
|
|
+ <!-- <el-table-column
|
|
|
label="出库数量"
|
|
|
prop=""
|
|
|
align="center"
|
|
|
@@ -375,13 +407,6 @@
|
|
|
>
|
|
|
<template slot-scope="{ row, $index }">
|
|
|
<el-row :gutter="4">
|
|
|
- <!-- <el-col :span="9">
|
|
|
- <el-input type="text" :value="row.selfSum" disabled>
|
|
|
- <template slot="append">
|
|
|
- {{ row.unit }}
|
|
|
- </template>
|
|
|
- </el-input></el-col
|
|
|
- > -->
|
|
|
<el-col :span="9" v-if="!row.isUnpack">
|
|
|
<el-input type="text" disabled :value="row.outInNum">
|
|
|
<template slot="append">
|
|
|
@@ -396,17 +421,38 @@
|
|
|
>
|
|
|
</el-row>
|
|
|
</template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="操作" width="200">
|
|
|
- <template slot-scope="{ row, $index }">
|
|
|
- <el-button type="text" @click="listDel(row, $index)"
|
|
|
- >删除</el-button
|
|
|
- >
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- </el-form>
|
|
|
+ </el-table-column> -->
|
|
|
+ <el-table-column label="操作" width="200">
|
|
|
+ <template slot-scope="{ row, $index }">
|
|
|
+ <el-button type="text" @click="listDel(row, $index)"
|
|
|
+ >删除</el-button
|
|
|
+ >
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ <div class="flex" style="margin-top: 20px">
|
|
|
+ <div><span class="red">*</span>包装清单</div>
|
|
|
+ </div>
|
|
|
+ <div class="mt10 form-table">
|
|
|
+ <BatchDetail
|
|
|
+ :assetType="formData.extInfo.assetType"
|
|
|
+ :data="batchDetailsVOList"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- <div class="flex" style="margin-top: 20px">
|
|
|
+ <div><span class="red">*</span>包装清单</div>
|
|
|
</div>
|
|
|
+ <div class="mt10 form-table">
|
|
|
+ <BatchDetail
|
|
|
+ :assetType="formData.extInfo.assetType"
|
|
|
+ :codeObj="{ name: '包装编码', prop: 'code' }"
|
|
|
+ :nameObj="{ name: '名称', prop: 'name' }"
|
|
|
+ />
|
|
|
+ </div> -->
|
|
|
+
|
|
|
<div class="mt20">
|
|
|
<el-tabs v-model="activeName" type="card">
|
|
|
<el-tab-pane :label="`${title}明细`" name="a">
|
|
|
@@ -420,34 +466,45 @@
|
|
|
>
|
|
|
<el-table-column label="序号" type="index" width="50">
|
|
|
</el-table-column>
|
|
|
+
|
|
|
<el-table-column
|
|
|
- :label="`${title}编码`"
|
|
|
+ :label="`编码`"
|
|
|
min-width="100"
|
|
|
- prop="sourceBizNo"
|
|
|
+ prop="assetCode"
|
|
|
></el-table-column>
|
|
|
- <el-table-column
|
|
|
- label="客户代号"
|
|
|
- v-if="formData.bizType == 3"
|
|
|
- prop="contactCode"
|
|
|
- >
|
|
|
- <template slot-scope="{ row }">
|
|
|
- {{ row.customCode }}
|
|
|
- </template>
|
|
|
+ <el-table-column label="名称" prop="name" width="50">
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column label="批次号" prop="batchNo">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- label="供应商代号"
|
|
|
- v-if="formData.bizType == 4"
|
|
|
+ v-if="dimension == 4"
|
|
|
+ label="包装编码"
|
|
|
+ min-width="100"
|
|
|
prop="assetCode"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ v-for="(item, index) in tableHeader"
|
|
|
+ :key="index"
|
|
|
+ align="center"
|
|
|
+ :label="item.label"
|
|
|
+ width="150"
|
|
|
+ :prop="item.prop"
|
|
|
>
|
|
|
<template slot-scope="{ row }">
|
|
|
- {{ row.supplierCode }}
|
|
|
+ <template v-if="item.formatter">{{
|
|
|
+ item.formatter(row)
|
|
|
+ }}</template>
|
|
|
+ <template v-else>{{ row[item.prop] }}</template>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- label="批次号"
|
|
|
- prop="sourceBatchNo"
|
|
|
+ label="物料编码"
|
|
|
+ width="250"
|
|
|
+ prop="code"
|
|
|
></el-table-column>
|
|
|
- <el-table-column label="生产日期" width="200">
|
|
|
+
|
|
|
+ <!-- <el-table-column label="生产日期" width="200">
|
|
|
<template slot-scope="{ row }">
|
|
|
<span v-if="row.dateType === 2">
|
|
|
{{ row.produceTime }}
|
|
|
@@ -460,25 +517,27 @@
|
|
|
{{ row.procureTime }}
|
|
|
</span>
|
|
|
</template>
|
|
|
+ </el-table-column> -->
|
|
|
+ <el-table-column label="计量数量" prop="">
|
|
|
+ <template slot-scope="{ row }">1</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- label="最小包装单元"
|
|
|
- align="center"
|
|
|
- prop="modelType"
|
|
|
- >
|
|
|
- <template slot-scope="{ row, $index }">
|
|
|
- <template v-if="!row.isUnpack">
|
|
|
- {{ row.measurementUnit }}{{ row.unit }}/{{
|
|
|
- row.minUnit
|
|
|
- }}</template
|
|
|
- >
|
|
|
- </template>
|
|
|
+ label="计量单位"
|
|
|
+ prop="measuringUnit"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column label="物料代号" prop="materielCode">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- label="包装编码"
|
|
|
- prop="packageNo"
|
|
|
+ label="客户代号"
|
|
|
+ prop="clientCode"
|
|
|
></el-table-column>
|
|
|
+ <el-table-column label="刻码" prop=""></el-table-column>
|
|
|
+ <el-table-column label="重量" prop="weight"></el-table-column>
|
|
|
<el-table-column
|
|
|
+ label="重量单位"
|
|
|
+ prop="weightUnit"
|
|
|
+ ></el-table-column>
|
|
|
+ <!-- <el-table-column
|
|
|
label="货位"
|
|
|
prop="pathName"
|
|
|
show-overflow-tooltip
|
|
|
@@ -488,7 +547,7 @@
|
|
|
<template slot-scope="{ row }">
|
|
|
<el-checkbox v-model="row.isTransferAsset"></el-checkbox>
|
|
|
</template>
|
|
|
- </el-table-column>
|
|
|
+ </el-table-column> -->
|
|
|
</el-table>
|
|
|
</el-tab-pane>
|
|
|
</el-tabs>
|
|
|
@@ -505,11 +564,13 @@
|
|
|
<AssetsDialog
|
|
|
ref="assetsDialogRef"
|
|
|
:title="title"
|
|
|
- :warehousingMaterialList="warehousingMaterialList"
|
|
|
+ :warehousingMaterialList="selectionList"
|
|
|
:assetType="formData.extInfo.assetType"
|
|
|
- @selectTableData="onSelectTableData"
|
|
|
+ @detailData="detailData"
|
|
|
/>
|
|
|
|
|
|
+ <!-- @selectTableData="onSelectTableData" -->
|
|
|
+
|
|
|
<!-- 选桶号 -->
|
|
|
<detailSelect
|
|
|
ref="detailSelectRef"
|
|
|
@@ -554,8 +615,11 @@
|
|
|
import { tableHeader } from '../common';
|
|
|
import detailSelect from './components/detailSelect';
|
|
|
import eom from './components/eom.vue';
|
|
|
+
|
|
|
+ import BatchDetail from './components/batchDetail.vue';
|
|
|
export default {
|
|
|
components: {
|
|
|
+ BatchDetail,
|
|
|
pickOrder,
|
|
|
selectUpload,
|
|
|
selectTree,
|
|
|
@@ -569,6 +633,7 @@
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ dimension: '3',
|
|
|
llList: [],
|
|
|
codeList: [],
|
|
|
materialType,
|
|
|
@@ -628,25 +693,68 @@
|
|
|
},
|
|
|
options: [],
|
|
|
loading: false,
|
|
|
- onSelectTableDataVal: []
|
|
|
+ onSelectTableDataVal: [],
|
|
|
+ batchDetailsVOList: [],
|
|
|
+ materialCodeReqList: [],
|
|
|
+ selectionList: []
|
|
|
// shouldTriggerPickorder: true
|
|
|
};
|
|
|
},
|
|
|
computed: {
|
|
|
tableHeader() {
|
|
|
return tableHeader(this.formData.extInfo.assetType);
|
|
|
- },
|
|
|
- // 条码信息
|
|
|
- materialCodeReqList() {
|
|
|
- return this.warehousingMaterialList
|
|
|
- .map((i) => i.warehouseLedgerDetails || [])
|
|
|
- .flat();
|
|
|
}
|
|
|
+ // 条码信息
|
|
|
+ // materialCodeReqList() {
|
|
|
+ // return this.warehousingMaterialList
|
|
|
+ // .map((i) => i.warehouseLedgerDetails || [])
|
|
|
+ // .flat();
|
|
|
+ // }
|
|
|
},
|
|
|
created() {
|
|
|
this.initData();
|
|
|
},
|
|
|
methods: {
|
|
|
+ detailData(data, dimension) {
|
|
|
+ this.dimension = dimension;
|
|
|
+ console.log('总数居', data);
|
|
|
+ this.onSelectTableDataVal = data.realTimeInventoryVOList;
|
|
|
+ this.warehousingMaterialList = data.realTimeInventoryVOList.map(
|
|
|
+ (next) => {
|
|
|
+ delete next.updateTime;
|
|
|
+ delete next.createTime;
|
|
|
+ return {
|
|
|
+ ...next,
|
|
|
+ realInventoryAmount: 0,
|
|
|
+ assetType: this.formData.extInfo.assetType,
|
|
|
+ outInNum: '',
|
|
|
+ assetCode: next.code,
|
|
|
+ assetName: next.name,
|
|
|
+ bizStatus: 2,
|
|
|
+ contactCode: next.contactCode
|
|
|
+ };
|
|
|
+ }
|
|
|
+ );
|
|
|
+ // this.batchDetailsVOList = data.batchDetailsVOList;
|
|
|
+
|
|
|
+ if (dimension == 4) {
|
|
|
+ this.materialCodeReqList = data.wlList;
|
|
|
+ this.selectionList = data.wlList;
|
|
|
+ const obj = {
|
|
|
+ outInDetailAddPOList: data.realTimeInventoryVOList
|
|
|
+ };
|
|
|
+ // this.batchDetailsVOList = data.batchDetailsVOList;
|
|
|
+ // this.selectionList = data.wlList;
|
|
|
+ } else if (dimension == 3) {
|
|
|
+ // this.selectionList = data.wlList;
|
|
|
+ this.batchDetailsVOList = data.wlList.map((item) => {
|
|
|
+ return { ...item, packingCountBase: 1 };
|
|
|
+ });
|
|
|
+ } else if (dimension == 2) {
|
|
|
+ this.batchDetailsVOList = data.wlList;
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
onClear() {
|
|
|
this.formData.sourceBizNo = '';
|
|
|
this.warehousingMaterialList = [];
|