| | |
| | | <div> |
| | | <div class="body" :style="{height:mainHeight+'px'}"> |
| | | |
| | | <div class="bodyTopButtonGroup"> |
| | | <div class="bodyTopButtonGroup" style="justify-content: space-between"> |
| | | <el-button |
| | | icon="el-icon-refresh-right" |
| | | @click="syncERP" |
| | |
| | | <el-form-item label="创建人员" style=" display: flex;"> |
| | | <el-input v-model="form.creatuser" style="width: 200px" placeholder="请输入" /> |
| | | </el-form-item> |
| | | <el-form-item label="预计开工时间" label-width="100px" style=" display: flex;font-size: 14px"> |
| | | <el-form-item label="预计开工时间" label-width="100px" style=" display: flex;font-size: 14px;margin-top: 3px"> |
| | | <el-date-picker |
| | | v-model="form.paystartdate" |
| | | type="daterange" |
| | | range-separator="~" |
| | | class="timeMini" |
| | | size="mini" |
| | | style="width: 225px;display: flex" |
| | | style="width: 250px;display: flex;line-height: 34px;height: 34px;font-size: 14px!important;" |
| | | :clearable="false" |
| | | start-placeholder="开始日期" |
| | | end-placeholder="结束日期" |
| | |
| | | <!-- :picker-options="expireTimeOption"--> |
| | | |
| | | </el-form-item> |
| | | <el-form-item label="预计完工时间" label-width="100px" style=" display: flex;font-size: 14px"> |
| | | <el-form-item label="预计完工时间" label-width="100px" style=" display: flex;font-size: 14px;margin-top: 3px"> |
| | | <el-date-picker |
| | | v-model="form.payenddate" |
| | | type="daterange" |
| | |
| | | class="timeMini" |
| | | range-separator="~" |
| | | start-placeholder="开始日期" |
| | | style="width: 225px;display: flex" |
| | | style="width: 250px;display: flex;line-height: 34px ;height: 34px ;font-size: 14px !important;" |
| | | end-placeholder="结束日期" |
| | | size="mini" |
| | | /> |
| | |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <el-radio |
| | | v-model="radioSelected" |
| | | :label="row.wo" |
| | | style="color: #fff;padding-left: 10px; margin-right: -25px;" |
| | | @change.native="getCurrentRow(row.wo)" |
| | | v-model="radioSelectedId" |
| | | :label="row.id" |
| | | style="color: transparent;padding-left: 15px; margin-right: -25px;" |
| | | @change.native="getCurrentRow(row.id)" |
| | | /> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | label="产品规格" |
| | | sortable="custom" |
| | | min-width="110" |
| | | /> |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.partspec">{{ row.partspec }}</div> |
| | | <div v-else>/</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="qty" |
| | | label="订单数量" |
| | |
| | | label="生产车间" |
| | | sortable="custom" |
| | | width="150" |
| | | /> |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.wkshp_name">{{ row.wkshp_name }}</div> |
| | | <div v-else>/</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="planstartdate" |
| | | label="预计开工时间" |
| | |
| | | label="创建人员" |
| | | sortable="custom" |
| | | width="150" |
| | | /> |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.createuser">{{ row.createuser }}</div> |
| | | <div v-else>/</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="createdate" |
| | | label="创建时间" |
| | |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div class="operationClass"> |
| | | <el-button type="text" @click="edit('edit',row)">下达</el-button> |
| | | <el-tooltip class="item" effect="dark" content="下达" placement="top"> |
| | | <!-- <el-button type="text" @click="edit('edit',row)">下达</el-button>--> |
| | | <i class="el-icon-bottom" style="color:#42b983;cursor: pointer;margin-left: 5px" @click="edit('edit',row)" /> |
| | | </el-tooltip> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | </div> |
| | | <!--分页--> |
| | | <pagination |
| | | v-show="total>0" |
| | | :total="total" |
| | | :page.sync="form.page" |
| | | :limit.sync="form.rows" |
| | | align="right" |
| | | layout="prev, pager, next,sizes" |
| | | layout="total,prev, pager, next,sizes" |
| | | popper-class="select_bottom" |
| | | @pagination="getErpOrderSearch" |
| | | /> |
| | |
| | | ], |
| | | total: 10, |
| | | radioSelected: '', |
| | | radioSelectedId: '', |
| | | tableData: [], |
| | | dialogVisible: false, |
| | | dialogForm: { |
| | | erporderid: '', |
| | | partname: '', // 产品名称 |
| | | partspec: '', // 产品规格 |
| | | // paystartdate: '', // 预计开工时间 |
| | |
| | | this.getErpOrderSearch() |
| | | }, |
| | | // 单选框选中获取当前行信息 |
| | | getCurrentRow(wo) { |
| | | this.radioSelected = wo |
| | | getCurrentRow(id) { |
| | | // console.log(row, 2) |
| | | // this.radioSelected = row.wo |
| | | this.radioSelectedId = id |
| | | }, |
| | | // 订单关闭 |
| | | async orderClose() { |
| | | if (this.radioSelected.length < 1) { |
| | | if (this.radioSelectedId.length < 1) { |
| | | return this.$message.info('请先选择订单!') |
| | | } |
| | | this.tableData.forEach(item => { |
| | | if (item.wo === this.radioSelected) { |
| | | if (item.id === this.radioSelectedId) { |
| | | if (item.status !== 'NEW') { |
| | | return this.$message.info('此订单非新订单,无法关闭!') |
| | | } else { |
| | |
| | | cancelButtonText: '取消', |
| | | type: 'warning' |
| | | }).then(() => { |
| | | ClosedErpOrder({ erpordercode: this.radioSelected }).then(res => { |
| | | ClosedErpOrder({ erpordercode: item.wo, erporderid: this.radioSelectedId }).then(res => { |
| | | if (res.code === '200') { |
| | | this.$message.success('订单关闭成功!') |
| | | this.getErpOrderSearch() |
| | |
| | | this.dialogVisible = true |
| | | |
| | | this.$nextTick(() => { |
| | | this.dialogForm.erporderid = row.id |
| | | this.dialogForm.erporderstus = row.status |
| | | this.dialogForm.erpordercode = row.wo |
| | | this.dialogForm.partcode = row.partcode |
| | |
| | | this.$refs.dialogForm.validate(valid => { |
| | | if (valid) { |
| | | const data = { |
| | | 'erporderid': this.dialogForm.erporderid, |
| | | // 'erporderstus': this.dialogForm.erporderstus, |
| | | 'erpordercode': this.dialogForm.erpordercode, |
| | | 'partcode': this.dialogForm.partcode, |
| | |
| | | <!--公共页面样式--> |
| | | <style lang="scss" scoped> |
| | | $main_color: #42b983; |
| | | ::v-deep .el-range-input{ |
| | | font-size: 14px !important; |
| | | } |
| | | ::v-deep .el-range__icon{ |
| | | line-height: 28px !important; |
| | | } |
| | | ::v-deep .el-range-separator{ |
| | | line-height: 28px !important; |
| | | } |
| | | ::v-deep .el-range-input{ |
| | | font-size: 14px ; |
| | | } |