| | |
| | | > |
| | | <div class="elForm" style="display: flex;flex-direction: column;justify-content: flex-start"> |
| | | <div style="display: flex"> |
| | | <el-form-item label="入库部门" required style="display: flex;"> |
| | | <el-select |
| | | v-model="form.deptno" |
| | | :popper-append-to-body="false" |
| | | filterable |
| | | style="width: 200px" |
| | | placeholder="请选择" |
| | | > |
| | | <!-- @change="getProductInHouseOrderSearch"--> |
| | | <el-option |
| | | v-for="item in departmentArr" |
| | | :key="item.code" |
| | | :label="item.name" |
| | | :value="item.code" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="生产车间" style=" display: flex;"> |
| | | <el-select |
| | | v-model="form.wkshopcode" |
| | |
| | | style="width: 200px" |
| | | /> |
| | | </el-form-item> |
| | | |
| | | </div> |
| | | |
| | | <div style="display: flex"> |
| | | <el-form-item |
| | | label="销售订单" |
| | | style="display: flex;" |
| | |
| | | style="width: 200px" |
| | | /> |
| | | </el-form-item> |
| | | </div> |
| | | |
| | | <div style="display: flex"> |
| | | <el-form-item label="产品编码" style=" display: flex;"> |
| | | <el-input v-model="form.partcode" placeholder="请输入" style="width: 200px" /> |
| | | </el-form-item> |
| | |
| | | </el-select> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="入库部门" required style=" display: flex;"> |
| | | <el-select |
| | | v-model="form.deptno" |
| | | :popper-append-to-body="false" |
| | | filterable |
| | | style="width: 200px" |
| | | placeholder="请选择" |
| | | > |
| | | <el-option |
| | | v-for="item in departmentArr" |
| | | :key="item.code" |
| | | :label="item.name" |
| | | :value="item.code" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | |
| | | </div> |
| | | <div |
| | | class="bodySearchReset" |
| | |
| | | label="序号" |
| | | /> |
| | | |
| | | <!-- <el-table-column--> |
| | | <!-- prop="stockcode"--> |
| | | <!-- label="仓库"--> |
| | | <!-- width="160"--> |
| | | <!-- show-tooltip-when-overflow--> |
| | | <!-- >--> |
| | | <!-- <template slot-scope="{row}">--> |
| | | <!-- <div>{{ row.stockcode ? stockcodeArr.find(i => i.code === row.stockcode).name : '/' }}</div>--> |
| | | <!-- <!– <div–>--> |
| | | <!-- <!– v-if="!(row.index === tabClickIndex && tabClickLabel === '仓库')"–>--> |
| | | <!-- <!– >–>--> |
| | | <!-- <!– {{ row.stockcode ? stockcodeArr.find(i => i.code === row.stockcode).name : '/' }}–>--> |
| | | <!-- <!– </div>–>--> |
| | | <!-- <!– <el-select–>--> |
| | | <!-- <!– v-if="row.index === tabClickIndex && tabClickLabel === '仓库'"–>--> |
| | | <!-- <!– v-model="row.stockcode"–>--> |
| | | <!-- <!– placeholder="请选择"–>--> |
| | | <!-- <!– >–>--> |
| | | <!-- <!– <el-option–>--> |
| | | <!-- <!– v-for="item in stockcodeArr"–>--> |
| | | <!-- <!– :key="item.code"–>--> |
| | | <!-- <!– :label="item.name"–>--> |
| | | <!-- <!– :value="item.code"–>--> |
| | | <!-- <!– />–>--> |
| | | <!-- <!– </el-select>–>--> |
| | | <!-- </template>--> |
| | | <!-- </el-table-column>--> |
| | | <!-- <el-table-column--> |
| | | <!-- prop="inbarcode"--> |
| | | <!-- label="入库条码"--> |
| | | <!-- width="160"--> |
| | | <!-- show-tooltip-when-overflow--> |
| | | <!-- />--> |
| | | <el-table-column |
| | | prop="stockcode" |
| | | label="入库仓库" |
| | |
| | | |
| | | </div> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="汇总"> |
| | | <div class="elTableDiv" style="margin: 0 auto 10px;"> |
| | | <el-table |
| | | ref="tableDataRef" |
| | | class="tableFixed" |
| | | :data="tableDataSummary" |
| | | :height="(tableHeight-25)+'px'" |
| | | border |
| | | :row-class-name="tableRowClassName2" |
| | | :style="{width: 100+'%',height:(tableHeight-25)+'px',}" |
| | | highlight-current-row |
| | | :header-cell-style="this.$headerCellStyle" |
| | | :cell-style="this.$cellStyle" |
| | | > |
| | | <el-table-column |
| | | type="index" |
| | | width="50" |
| | | fixed |
| | | label="序号" |
| | | /> |
| | | <!-- <el-table-column--> |
| | | <!-- prop="stockcode"--> |
| | | <!-- label="仓库"--> |
| | | <!-- width="110"--> |
| | | <!-- <el-tab-pane label="汇总">--> |
| | | <!-- <div class="elTableDiv" style="margin: 0 auto 10px;">--> |
| | | <!-- <el-table--> |
| | | <!-- ref="tableDataRef"--> |
| | | <!-- class="tableFixed"--> |
| | | <!-- :data="tableDataSummary"--> |
| | | <!-- :height="(tableHeight-25)+'px'"--> |
| | | <!-- border--> |
| | | <!-- :row-class-name="tableRowClassName2"--> |
| | | <!-- :style="{width: 100+'%',height:(tableHeight-25)+'px',}"--> |
| | | <!-- highlight-current-row--> |
| | | <!-- :header-cell-style="this.$headerCellStyle"--> |
| | | <!-- :cell-style="this.$cellStyle"--> |
| | | <!-- >--> |
| | | <!-- <template slot-scope="{row}">--> |
| | | <!-- <div>{{ stockcodeArr.find(i => i.code === row.stockcode).name }}</div>--> |
| | | <!-- </template>--> |
| | | <!-- </el-table-column>--> |
| | | <!-- <el-table-column--> |
| | | <!-- type="index"--> |
| | | <!-- width="50"--> |
| | | <!-- fixed--> |
| | | <!-- label="序号"--> |
| | | <!-- />--> |
| | | |
| | | <!-- <el-table-column--> |
| | | <!-- prop="partcode"--> |
| | | <!-- label="产品编码"--> |
| | | <!-- min-width="160"--> |
| | | <!-- show-tooltip-when-overflow--> |
| | | <!-- />--> |
| | | <!-- <el-table-column--> |
| | | <!-- prop="partname"--> |
| | | <!-- label="产品名称"--> |
| | | <!-- min-width="160"--> |
| | | <!-- show-tooltip-when-overflow--> |
| | | <!-- />--> |
| | | <!-- <el-table-column--> |
| | | <!-- prop="partspec"--> |
| | | <!-- label="产品规格"--> |
| | | <!-- min-width="160"--> |
| | | <!-- show-tooltip-when-overflow--> |
| | | <!-- >--> |
| | | <!-- <template slot-scope="{row}">--> |
| | | <!-- <div v-if="row.stockname">{{ row.stockname }}</div>--> |
| | | <!-- <div v-else>/</div>--> |
| | | <!-- </template>--> |
| | | |
| | | <!-- </el-table-column>--> |
| | | |
| | | <!-- <el-table-column--> |
| | | <!-- prop="inbarcode"--> |
| | | <!-- label="入库条码"--> |
| | | <!-- width="160"--> |
| | | <!-- show-tooltip-when-overflow--> |
| | | <!-- />--> |
| | | <!-- <el-table-column--> |
| | | <!-- prop="m_po"--> |
| | | <!-- label="订单编号"--> |
| | | <!-- width="160"--> |
| | | <!-- prop="qty"--> |
| | | <!-- label="订单数量"--> |
| | | <!-- min-width="95"--> |
| | | |
| | | <!-- show-tooltip-when-overflow--> |
| | | <!-- >--> |
| | | <!-- <template slot-scope="{row}">--> |
| | | <!-- <div v-if="row.m_po">{{ row.m_po }}</div>--> |
| | | <!-- <div v-if="row.qty">{{ row.qty }}</div>--> |
| | | <!-- <div v-else>/</div>--> |
| | | <!-- </template>--> |
| | | <!-- </el-table-column>--> |
| | | <!-- <!– <el-table-column–>--> |
| | | <!-- <!– prop="plan_qty"–>--> |
| | | <!-- <!– label="工单数量"–>--> |
| | | <!-- <!– min-width="95"–>--> |
| | | <!-- <!– fixed="right"–>--> |
| | | <!-- <!– show-tooltip-when-overflow–>--> |
| | | <!-- <!– />–>--> |
| | | <!-- <el-table-column--> |
| | | <!-- prop="wo_code"--> |
| | | <!-- label="工单编号"--> |
| | | <!-- width="160"--> |
| | | <!-- show-tooltip-when-overflow--> |
| | | <!-- />--> |
| | | <el-table-column |
| | | prop="partcode" |
| | | label="产品编码" |
| | | min-width="160" |
| | | show-tooltip-when-overflow |
| | | /> |
| | | <el-table-column |
| | | prop="partname" |
| | | label="产品名称" |
| | | min-width="160" |
| | | show-tooltip-when-overflow |
| | | /> |
| | | <el-table-column |
| | | prop="partspec" |
| | | label="产品规格" |
| | | min-width="160" |
| | | show-tooltip-when-overflow |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.stockname">{{ row.stockname }}</div> |
| | | <div v-else>/</div> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column |
| | | prop="qty" |
| | | label="订单数量" |
| | | min-width="95" |
| | | |
| | | show-tooltip-when-overflow |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.qty">{{ row.qty }}</div> |
| | | <div v-else>/</div> |
| | | </template> |
| | | </el-table-column> |
| | | <!-- <el-table-column--> |
| | | <!-- prop="plan_qty"--> |
| | | <!-- label="工单数量"--> |
| | | <!-- prop="good_qty"--> |
| | | <!-- label="完工数量"--> |
| | | <!-- min-width="95"--> |
| | | <!-- fixed="right"--> |
| | | |
| | | <!-- show-tooltip-when-overflow--> |
| | | <!-- />--> |
| | | <el-table-column |
| | | prop="good_qty" |
| | | label="完工数量" |
| | | min-width="95" |
| | | <!-- <el-table-column--> |
| | | <!-- prop="inhouseqty"--> |
| | | <!-- label="已入库数量"--> |
| | | <!-- min-width="95"--> |
| | | |
| | | show-tooltip-when-overflow |
| | | /> |
| | | <el-table-column |
| | | prop="inhouseqty" |
| | | label="已入库数量" |
| | | min-width="95" |
| | | <!-- show-tooltip-when-overflow--> |
| | | <!-- />--> |
| | | <!-- <el-table-column--> |
| | | <!-- prop="stinhouseqty"--> |
| | | <!-- label="可入库数量"--> |
| | | <!-- min-width="95"--> |
| | | |
| | | show-tooltip-when-overflow |
| | | /> |
| | | <el-table-column |
| | | prop="stinhouseqty" |
| | | label="可入库数量" |
| | | min-width="95" |
| | | |
| | | show-tooltip-when-overflow |
| | | /> |
| | | </el-table> |
| | | </div> |
| | | </el-tab-pane> |
| | | <!-- show-tooltip-when-overflow--> |
| | | <!-- />--> |
| | | <!-- </el-table>--> |
| | | <!-- </div>--> |
| | | <!-- </el-tab-pane>--> |
| | | </el-tabs> |
| | | </div> |
| | | |
| | |
| | | this.getProductInHouseOrderCodeSearch() |
| | | this.getDeptSelectData() |
| | | |
| | | this.getProductInHouseOrderSearch() |
| | | // this.getProductInHouseOrderSearch() |
| | | }, |
| | | methods: { |
| | | // 获取入库部门 |
| | |
| | | }, |
| | | // 获取大列表查询 |
| | | async getProductInHouseOrderSearch() { |
| | | if (this.form.deptno === '') { |
| | | return this.$message.info('入库部门不能为空!') |
| | | } |
| | | const data = { |
| | | saleordercode: this.form.saleordercode, // 销售单号 |
| | | wkshopcode: this.form.wkshopcode, // 生产车间 |
| | |
| | | mesordercode: this.form.mesordercode, // 工单编号 |
| | | partcode: this.form.partcode, // 产品编码 |
| | | partname: this.form.partname, // 产品名称 |
| | | partspec: this.form.partspec // 规格型号 |
| | | partspec: this.form.partspec, // 规格型号 |
| | | deptno: this.form.deptno// 入库部门 |
| | | |
| | | } |
| | | const { data: res } = await ProductInHouseOrderSearch(data) |
| | |
| | | TableDetailData// 表体 |
| | | ] |
| | | } |
| | | |
| | | this.$store.state.app.buttonIsDisabled = true |
| | | const res = await ProductInHouseOrderSeave(data) |
| | | this.$store.state.app.buttonIsDisabled = false |
| | | if (res.code === '200') { |
| | | this.$message.success('入库成功!') |
| | | this.multipleSelection = [] |
| | | this.form.deptno = '' |
| | | this.form.stockcode = '' |
| | | await this.getProductInHouseOrderSearch() |
| | | // this.form.deptno = '' |
| | | // this.form.stockcode = '' |
| | | // await this.getProductInHouseOrderSearch() |
| | | this.reset() |
| | | await this.getProductInHouseOrderCodeSearch() |
| | | } |
| | | }, |
| | |
| | | this.form.partcode = ''// 产品编码 |
| | | this.form.partname = '' // 产品名称 |
| | | this.form.partspec = '' // 规格型号 |
| | | this.form.deptno = '' // 规格型号 |
| | | this.tableDataDetail = [] |
| | | }, |
| | | // 获取页面高度 |
| | | getHeight() { |