| | |
| | | <div style="padding: 10px 0"> |
| | | <div class="card"> |
| | | <div class="title"> |
| | | <el-button size="small" type="primary" @click="addTemQuarter">新增</el-button> |
| | | <el-button size="small" type="primary" @click="quarterSample">季度抽样</el-button> |
| | | <el-button size="small" type="primary" @click="handleStockList">刷新</el-button> |
| | | <span style="font-size:12px;color:grey;">切换IFS域:</span> |
| | | <el-select style="margin: 0 10px" v-model="queryParamOne.contract" @change="handleStockList" size="mini" placeholder="切换域"> |
| | | <el-option label="ZTNS" value="ZTNS"/> |
| | | <el-option label="KJNS" value="KJNS"/> |
| | | </el-select> |
| | | <el-button size="mini" type="primary" @click="addTemQuarter">新增</el-button> |
| | | <el-button size="mini" type="primary" @click="quarterSample">季度抽样</el-button> |
| | | <el-button size="mini" @click="handleStockList">刷新</el-button> |
| | | </div> |
| | | <el-table |
| | | border |
| | | ref="finishedproducttransferTable" |
| | | v-loading="tableLoading" |
| | | :data="stockList" |
| | |
| | | @selection-change="handleSelectionChange" |
| | | > |
| | | <el-table-column type="selection" width="45"></el-table-column> |
| | | <el-table-column type="index" align="center" width="60" label="序号"></el-table-column> |
| | | <el-table-column label="IFS域" prop="contract" width="100" min-width="100" align="center"> |
| | | <template slot-scope="scope"> |
| | | <el-tag v-if="scope.row.contract==='ZTNS'" type="success">{{scope.row.contract}}</el-tag> |
| | | <el-tag v-else>{{scope.row.contract}}</el-tag> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | :show-overflow-tooltip="true" |
| | | align="center" |
| | | label="客户订单编号" |
| | | prop="customerOrderNo" |
| | | width="140" |
| | | width="160" |
| | | min-width="160" |
| | | show-overflow-tooltip |
| | | > |
| | | <template slot="header" slot-scope="scope"> |
| | | <div style="line-height: 14px;margin-bottom: 6px">客户订单编号</div> |
| | |
| | | align="center" |
| | | label="成品零件号" |
| | | prop="partNo" |
| | | width="140" |
| | | width="180" |
| | | min-width="180" |
| | | show-overflow-tooltip |
| | | > |
| | | <template slot="header" slot-scope="scope"> |
| | | <div style="line-height: 14px;margin-bottom: 6px">成品零件号</div> |
| | |
| | | align="center" |
| | | label="零件名称" |
| | | prop="partName" |
| | | width="140" |
| | | min-width="140" |
| | | show-overflow-tooltip |
| | | > |
| | | <template slot="header" slot-scope="scope"> |
| | | <div style="line-height: 14px;margin-bottom: 6px">零件名称</div> |
| | |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | :show-overflow-tooltip="true" |
| | | align="center" |
| | | label="仓库" |
| | | prop="warehouseName" |
| | | width="140" |
| | | min-width="140" |
| | | > |
| | | <template slot="header" slot-scope="scope"> |
| | | <div style="line-height: 14px;margin-bottom: 6px">仓库</div> |
| | |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | :show-overflow-tooltip="true" |
| | | align="center" |
| | | label="库位号" |
| | | prop="locationNo" |
| | | width="140" |
| | | min-width="140" |
| | | > |
| | | <template slot="header" slot-scope="scope"> |
| | | <div style="line-height: 14px;margin-bottom: 6px">库位号</div> |
| | |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | :show-overflow-tooltip="true" |
| | | align="center" |
| | | label="库位名称" |
| | | prop="locationName" |
| | | width="140" |
| | | min-width="140" |
| | | > |
| | | <template slot="header" slot-scope="scope"> |
| | | <div style="line-height: 14px;margin-bottom: 6px">库位名称</div> |
| | |
| | | align="center" |
| | | label="批次号" |
| | | prop="partBatchNo" |
| | | width="140" |
| | | width="160" |
| | | min-width="16" |
| | | show-overflow-tooltip |
| | | > |
| | | <template slot="header" slot-scope="scope"> |
| | | <div style="line-height: 14px;margin-bottom: 6px">批次号</div> |
| | |
| | | label="入库来源" |
| | | prop="inSource" |
| | | width="140" |
| | | min-width="140" |
| | | show-overflow-tooltip |
| | | > |
| | | <template slot="header" slot-scope="scope"> |
| | | <div style="line-height: 14px;margin-bottom: 6px">入库来源</div> |
| | |
| | | label="外护颜色" |
| | | prop="outerColor" |
| | | width="140" |
| | | min-width="140" |
| | | show-overflow-tooltip |
| | | > |
| | | <template slot="header" slot-scope="scope"> |
| | | <div style="line-height: 14px;margin-bottom: 6px">外护颜色</div> |
| | |
| | | label="库存数量" |
| | | prop="stockQuantity" |
| | | width="140" |
| | | min-width="140" |
| | | show-overflow-tooltip |
| | | > |
| | | </el-table-column> |
| | | <el-table-column |
| | |
| | | label="可用库存数量" |
| | | prop="availableStockQuantity" |
| | | width="140" |
| | | min-width="140" |
| | | show-overflow-tooltip |
| | | > |
| | | <template slot-scope="scope"> |
| | | <span>{{ scope.row.availableStockQuantity }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="库存单位" prop="unit" align="center" width="140" min-width="140"></el-table-column> |
| | | </el-table> |
| | | <div class="pagin-page" style="margin-top: 0;margin-bottom: 0;"> |
| | | <el-pagination |
| | |
| | | return { |
| | | stockList: [], |
| | | queryParamOne: { |
| | | contract:"ZTNS", |
| | | partNo: null, |
| | | partName: null, |
| | | warehouseName: null, |
| | |
| | | getIfsStock(newReqParam).then((response) => { |
| | | this.tableLoading = false |
| | | const resData = response.data |
| | | this.queryReport.total = resData.total |
| | | this.queryReport.total = resData.count |
| | | const resStockList = resData.data |
| | | resStockList.forEach((item) => { |
| | | this.stockList.push({ |
| | | contract:item.CONTRACT, |
| | | partNo: item.PART_NO, |
| | | partName: item.PART_DESC, |
| | | warehouseName: item.WAREHOUSE_ID, |
| | |
| | | outerColor: item.ATTR4, |
| | | customerOrderNo: item.ATTR6, |
| | | inSource: item.ATTR23, |
| | | unit:item.UNIT_MEAS |
| | | }) |
| | | }) |
| | | }).catch(() => { |
| | |
| | | }, |
| | | getFinalParam() { |
| | | const newReqParam = { |
| | | contract: this.queryParamOne.contract, |
| | | partNo: this.queryParamOne.partNo, |
| | | partDescription: this.queryParamOne.partName, |
| | | warehouse: this.queryParamOne.warehouseName |