| | |
| | | <template> |
| | | <div> |
| | | <vol-box |
| | | v-model="dialogFormVisible" |
| | | :lazy="true" |
| | | width="20%" |
| | | :padding="15" |
| | | title="éæ©åºåºçº¿ä½" |
| | | > |
| | | <div> |
| | | <VolForm |
| | | ref="myform" |
| | | :label-width="120" |
| | | :loadKey="true" |
| | | :formFields="formFields1" |
| | | :formRules="formRules1" |
| | | > |
| | | |
| | | </VolForm> |
| | | </div> |
| | | <template #footer> |
| | | <!-- <el-button type="primary" size="small" @click="submit">确认</el-button> --> |
| | | <el-button type="danger" size="small" @click="outbound" |
| | | >åºåº</el-button |
| | | > |
| | | </template> |
| | | </vol-box> |
| | | <vol-box |
| | | v-model="showDetialBox" |
| | | :lazy="true" |
| | | width="75%" |
| | | width="85%" |
| | | :padding="15" |
| | | title="åæ®æç»ä¿¡æ¯" |
| | | > |
| | | <div class="box-head"> |
| | | <!-- <el-dialog v-model="dialogFormVisible" title="éæ©åºåºçº¿ä½" width="500" center> |
| | | <span> |
| | | It should be noted that the content will not be aligned in center by |
| | | default |
| | | </span> |
| | | <template #footer> |
| | | <div class="dialog-footer"> |
| | | <el-button @click="outbound">åºåº</el-button> |
| | | </div> |
| | | </template> |
| | | </el-dialog> --> |
| | | |
| | | <!-- <el-dialog |
| | | v-model="dialogFormVisible" |
| | | title="Warning" |
| | | width="500" |
| | | align-center |
| | | > |
| | | <span>Open the dialog from the center from the screen</span> |
| | | <template #footer> |
| | | <div class="dialog-footer"> |
| | | <el-button @click="outbound">åºåº</el-button> |
| | | </div> |
| | | </template> |
| | | </el-dialog> --> |
| | | <!-- <el-dialog v-model="dialogFormVisible" title="éæ©åºåºçº¿ä½" width="500"> |
| | | <el-form :model="form" width="500"> |
| | | <div style="width: 300px;margin: 0px auto;"> |
| | | <el-form-item label="è¯·éæ©çº¿ä½" :label-width="formLabelWidth"> |
| | | <el-select v-model="form.region" placeholder="éæ©çº¿ä½"> |
| | | <el-option label="1å·çº¿" value="5236" /> |
| | | <el-option label="2å·çº¿" value="5243" /> |
| | | <el-option label="3å·çº¿" value="5250" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </div> |
| | | </el-form> |
| | | <template #footer> |
| | | <div class="dialog-footer"> |
| | | <el-button @click="outbound">åºåº</el-button> |
| | | </div> |
| | | </template> |
| | | </el-dialog> --> |
| | | <el-alert :closable="false" style="width: 100%"> |
| | | <el-row> |
| | | <el-col :span="16"> |
| | |
| | | type="primary" |
| | | size="small" |
| | | style="float: right; height: 20px; margin-right: 10px" |
| | | @click="outbound" |
| | | @click="outSelect" |
| | | >ç´æ¥åºåº</el-link |
| | | > |
| | | <el-link |
| | |
| | | </el-table> |
| | | </div> |
| | | </vol-box> |
| | | <pp-stock-select ref="childs" ></pp-stock-select> |
| | | <stock-select ref="childs" ></stock-select> |
| | | <selected-stock |
| | | ref="SelectedStock" |
| | | @parentCall="parentCall" |
| | |
| | | <script> |
| | | import VolBox from "@/components/basic/VolBox.vue"; |
| | | import VolForm from "@/components/basic/VolForm.vue"; |
| | | import StockSelect from "./StockSelect.vue"; |
| | | import SelectedStock from "./SelectedStock.vue"; |
| | | import StockSelect from "./ProStockSelect.vue"; |
| | | import SelectedStock from "./ProSelectedStock.vue"; |
| | | export default { |
| | | components: { VolBox, VolForm, StockSelect, SelectedStock }, |
| | | data() { |
| | |
| | | currentRow: null, |
| | | selection: [], |
| | | tableData: [], |
| | | dialogFormVisible:false, |
| | | formLabelWidth: '160px', |
| | | formFields1: { |
| | | LineCode: "", |
| | | }, |
| | | formRules1:[[ |
| | | { |
| | | dataKey: "line", |
| | | title: "éæ©çº¿ä½", |
| | | required: true, |
| | | field: "LineCode", |
| | | data: [ |
| | | { key: "5236", value: "1å·çº¿" }, |
| | | { key: "5243", value: "2å·çº¿" }, |
| | | { key: "5250", value: "3å·çº¿" }, |
| | | ], |
| | | type: "select", |
| | | extra: { |
| | | |
| | | }, |
| | | }]], |
| | | form: { |
| | | name: '', |
| | | region: '', |
| | | date1: '', |
| | | date2: '', |
| | | delivery: false, |
| | | type: [], |
| | | resource: '', |
| | | desc: '', |
| | | }, |
| | | tableColumns: [ |
| | | { |
| | | prop: "id", |
| | |
| | | width: 150, |
| | | }, |
| | | { |
| | | prop: "assignStock", |
| | | title: "æå®åºå", |
| | | type: "icon", |
| | | width: 90, |
| | | icon: "el-icon-s-grid", |
| | | }, |
| | | { |
| | | prop: "viewDetail", |
| | | title: "åºåºè¯¦ç»", |
| | | type: "icon", |
| | | width: 90, |
| | | icon: "el-icon-s-operation", |
| | | }, |
| | | { |
| | | prop: "qtyPcs", |
| | | title: "åæ ¼PCSæ°", |
| | | type: "string", |
| | |
| | | type: "string", |
| | | width: 120, |
| | | }, |
| | | |
| | | { |
| | | prop: "spareQty", |
| | | title: "å¤åæ°", |
| | | type: "string", |
| | | width: 120, |
| | | }, |
| | | // { |
| | | // prop: "assignStock", |
| | | // title: "æå®åºå", |
| | | // type: "icon", |
| | | // width: 90, |
| | | // icon: "el-icon-s-grid", |
| | | // }, |
| | | { |
| | | prop: "viewDetail", |
| | | title: "åºåºè¯¦ç»", |
| | | type: "icon", |
| | | width: 90, |
| | | icon: "el-icon-s-operation", |
| | | }, |
| | | { |
| | | prop: "creater", |
| | |
| | | Foots: "", |
| | | total: 0, |
| | | // 2020.08.29å¢å èªå®ä¹å页æ¡å¤§å° |
| | | sizes: [30, 60, 100, 120], |
| | | size: 30, // é»è®¤åé¡µå¤§å° |
| | | sizes: [60, 100, 120], |
| | | size: 60, // é»è®¤åé¡µå¤§å° |
| | | Wheres: [], |
| | | page: 1, |
| | | rows: 30, |
| | | rows: 60, |
| | | }, |
| | | searchFormOptions: [ |
| | | [ |
| | |
| | | }; |
| | | }, |
| | | methods: { |
| | | outSelect(){ |
| | | if (this.selection.length === 0) { |
| | | return this.$message.error("è¯·éæ©åæ®æç»"); |
| | | } |
| | | this.dialogFormVisible=true; |
| | | }, |
| | | open(row) { |
| | | this.row = row; |
| | | this.showDetialBox = true; |
| | |
| | | this.getData(); |
| | | }, |
| | | getData() { |
| | | var wheres = [{ name: "orderId", value: this.row.id }]; |
| | | var wheres = [{ name: "proOrderId", value: this.row.id }]; |
| | | var param = { |
| | | page: this.paginations.page, |
| | | rows: this.paginations.rows, |
| | |
| | | if (this.selection.length === 0) { |
| | | return this.$message.error("è¯·éæ©åæ®æç»"); |
| | | } |
| | | //è¯·éæ©åæ¡æ°æ® |
| | | if (this.selection.length > 1) { |
| | | return this.$message.error("è¯·éæ©åæ¡æ°æ®"); |
| | | } |
| | | var keys = this.selection.map((item) => item.id); // è·åéä¸è¡çid |
| | | |
| | | this.http |
| | | .post("api/Task/OutProductTask?stationCode=5236", keys, "æ°æ®å¤çä¸") |
| | | .post("api/Task/OutProductTask?stationCode="+this.formFields1.LineCode, keys, "æ°æ®å¤çä¸") |
| | | .then((x) => { |
| | | if (!x.status) return this.$message.error(x.message); |
| | | this.$message.success("æä½æå"); |
| | |
| | | this.$emit("parentCall", ($vue) => { |
| | | $vue.getData(); |
| | | }); |
| | | this.formFields1.LineCode=""; |
| | | this.dialogFormVisible=false; |
| | | this.$parent.refresh(); |
| | | }); |
| | | }, |
| | | setCurrent(row) { |
| | |
| | | this.currentRow = val; |
| | | }, |
| | | getButtonEnable(propName, row) { |
| | | console.log(row) |
| | | if (propName == "assignStock") { |
| | | if ( |
| | | row.proOrderDetailStatus !== 0 && |
| | | (row.proOrderDetailStatus !== 0 && |
| | | row.proOrderDetailStatus !== 60 && |
| | | row.proOrderDetailStatus !== 70 && |
| | | row.proOrderDetailStatus !== 80 |
| | | row.proOrderDetailStatus !== 80) || row.qtyPcs==row.lockQtyPcs |
| | | ) { |
| | | return true; |
| | | } else { |