| | |
| | | <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 |