| | |
| | | </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> |
| | |
| | | :disabled="getButtonEnable(item.prop, scoped.row)" @click="tableButtonClick(scoped.row, item)"><i |
| | | :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> |
| | |
| | | areaId: "2", |
| | | showDetialBox: false, |
| | | flag: false, |
| | | MaterialCode:"", |
| | | MaterialCode: "", |
| | | currentRow: null, |
| | | selection: [], |
| | | tableData: [], |
| | |
| | | title: "éæ±åç±»", |
| | | type: "string", |
| | | width: 150, |
| | | }, |
| | | { |
| | | prop: "remark", |
| | | title: "æ¯å¦æåºå", |
| | | type: "tags", |
| | | width:120, |
| | | }, |
| | | { |
| | | prop: "orderQuantity", |
| | |
| | | type: "datetime", |
| | | width: 160, |
| | | }, |
| | | { |
| | | prop: "remark", |
| | | title: "夿³¨", |
| | | type: "string", |
| | | }, |
| | | ], |
| | | paginations: { |
| | | sort: "id", |
| | |
| | | this.getData(); |
| | | }, |
| | | getData() { |
| | | var wheres = [{ name: "orderId", value: this.row.id},{name: "materielCode",value:this.MaterialCode,DisplayType:"text"}]; |
| | | 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, |
| | |
| | | .post("api/ProductionOutboundOrderDetail/GetPageData", param, "æ¥è¯¢ä¸") |
| | | .then((x) => { |
| | | this.tableData = x.rows; |
| | | this.MaterialCode = ""; |
| | | this.paginations.total = x.total; |
| | | this.tableData = x.rows; |
| | | }); |
| | | |
| | | }, |
| | | tableButtonClick(row, column) { |
| | | if (column.prop == "assignStock") { |
| | |
| | | } |
| | | var keys = this.selection.map((item) => item.id); // è·åéä¸è¡çid |
| | | var param = { |
| | | "orderIds":keys, |
| | | "orderIds": keys, |
| | | "AreaId": this.areaId, |
| | | } |
| | | this.http |
| | |
| | | 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") { |