| | |
| | | </div> |
| | | <div class="box-table" style="margin-top: 1%"> |
| | | <el-table ref="singleTable" :data="tableData" style="width: 100%; height: 630px" highlight-current-row |
| | | @current-change="handleCurrentChange" height="500px" @row-click="handleRowClick" |
| | | height="500px" @row-click="handleRowClick" |
| | | @selection-change="handleSelectionChange"> |
| | | <el-table-column type="selection" width="55"> </el-table-column> |
| | | <el-table-column label="åºå·" type="index" fixed="left" width="55" align="center"></el-table-column> |
| | |
| | | :class="item.icon" style="font-size: 22px"></i></el-link></el-tooltip> |
| | | </div> |
| | | |
| | | <div v-else-if="item.type == 'tags'"> |
| | | <el-tag size="small" :type="scoped.row.remark === 'æåºå' ? 'primary' : 'error'"> |
| | | {{ getDictionary(scoped.row, item) }} |
| | | </el-tag> |
| | | </div> |
| | | <div v-else-if="item.type == 'tag'"> |
| | | <el-tag size="small"> |
| | | {{ getDictionary(scoped.row, item) }} |
| | |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | <div style="margin-top: 20px; text-align: right;"> |
| | | <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" |
| | | :current-page="paginations.page" :page-sizes="paginations.sizes" :page-size="paginations.size" |
| | | layout="total, sizes, prev, pager, next, jumper" :total="paginations.total"> <!-- å
³é®ï¼ç»å®total屿§ --> |
| | | </el-pagination> |
| | | </div> |
| | | </vol-box> |
| | | <stock-select ref="child" @parentCall="parentCall"></stock-select> |
| | |
| | | title: "éæ±åç±»", |
| | | type: "string", |
| | | width: 150, |
| | | }, |
| | | { |
| | | prop: "remark", |
| | | title: "æ¯å¦æåºå", |
| | | type: "tags", |
| | | width:120, |
| | | }, |
| | | { |
| | | prop: "orderQuantity", |
| | |
| | | }, |
| | | getData() { |
| | | var wheres = [{ name: "orderId", value: this.row.id }, { name: "materielCode", value: this.MaterialCode, DisplayType: "text" }]; |
| | | console.log(JSON.stringify(wheres)); |
| | | var param = { |
| | | page: this.paginations.page, |
| | | rows: this.paginations.rows, |
| | |
| | | order: this.paginations.order, |
| | | wheres: JSON.stringify(wheres), // æ¥è¯¢æ¡ä»¶ï¼æ ¼å¼ä¸º[{ name: "åæ®µ", value: "xx" }] |
| | | }; |
| | | console.log(param); |
| | | this.http |
| | | .post("api/AllocateOutboundOrderDetail/GetPageData", param, "æ¥è¯¢ä¸") |
| | | .then((x) => { |
| | | this.tableData = x.rows; |
| | | this.MaterialCode = ""; |
| | | this.paginations.total = x.total; |
| | | this.tableData = x.rows; |
| | | }); |
| | | }, |
| | |
| | | this.$message.error("è¯¥åæ®å·²æ²¡ææ°éå¯åºåº"); |
| | | return; |
| | | } |
| | | console.log(row); |
| | | this.$refs.child.open(row); |
| | | } |
| | | }, |
| | |
| | | setCurrent(row) { |
| | | this.$refs.singleTable.setCurrentRow(row); |
| | | }, |
| | | handleCurrentChange(val) { |
| | | this.currentRow = val; |
| | | // handleCurrentChange(val) { |
| | | // this.currentRow = val; |
| | | // }, |
| | | handleSizeChange(size) { |
| | | console.log(size); |
| | | this.paginations.size = size; |
| | | this.paginations.rows = size; |
| | | this.paginations.page = 1; // é置页ç |
| | | this.getData(); |
| | | }, |
| | | |
| | | handleCurrentChange(page) { |
| | | console.log(page) |
| | | this.paginations.page = page; |
| | | this.getData(); |
| | | }, |
| | | getButtonEnable(propName, row) { |
| | | if (propName == "assignStock") { |
| | |
| | | } |
| | | } |
| | | }, |
| | | }, |
| | | } |
| | | }; |
| | | </script> |
| | | <style scoped> |