| | |
| | | style="display: flex;justify-content: space-between" |
| | | > |
| | | <div class="elForm"> |
| | | <el-form-item label-width="70px" label="订单状态" style=" display: flex;"> |
| | | <el-form-item label-width="70px" label="工单状态" style=" display: flex;"> |
| | | <el-select |
| | | v-model="form.mesorderstus" |
| | | :popper-append-to-body="false" |
| | |
| | | /> |
| | | <el-table-column |
| | | prop="status" |
| | | label="订单状态" |
| | | label="工单状态" |
| | | sortable="custom" |
| | | width="110" |
| | | > |
| | |
| | | label="源单单号" |
| | | sortable="custom" |
| | | min-width="160" |
| | | /> |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.m_po">{{ row.m_po }}</div> |
| | | <div v-else>/</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="wotype" |
| | | label="单据类型" |
| | |
| | | label-width="110px" |
| | | > |
| | | <el-form-item |
| | | label="订单状态" |
| | | label="工单状态" |
| | | prop="mesorderstus" |
| | | > |
| | | <el-select |
| | |
| | | <!-- <el-button v-if="operation==='add'" type="primary" @click="dialogVisibleConfirmPreview('add')">预览</el-button>--> |
| | | <el-button |
| | | v-if="!sumbitBottonIsDisabled" |
| | | v-waves |
| | | |
| | | type="primary" |
| | | :loading="$store.state.app.buttonIsDisabled" |
| | | :disabled="$store.state.app.buttonIsDisabled" |
| | |
| | | |
| | | <el-button |
| | | v-if="sumbitBottonIsDisabled" |
| | | v-waves |
| | | |
| | | type="primary" |
| | | disabled |
| | | @click="dialogVisibleConfirm" |
| | |
| | | style="display: flex;justify-content: space-between" |
| | | > |
| | | <div class="elForm" style="justify-content: flex-start"> |
| | | <!-- <el-form-item--> |
| | | <!-- label="预计开工时间"--> |
| | | <!-- label-width="100px"--> |
| | | <!-- style=" display: flex;font-size: 14px;margin-top: 3px"--> |
| | | <!-- >--> |
| | | <!-- <el-date-picker--> |
| | | <!-- v-model="sourceForm.paystartdate"--> |
| | | <!-- type="daterange"--> |
| | | <!-- range-separator="~"--> |
| | | <!-- class="timeMini"--> |
| | | <!-- size="mini"--> |
| | | <!-- style="width: 200px;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;margin-top: 3px"--> |
| | | <!-- >--> |
| | | <!-- <el-date-picker--> |
| | | <!-- v-model="sourceForm.payenddate"--> |
| | | <!-- type="daterange"--> |
| | | <!-- :clearable="false"--> |
| | | <!-- class="timeMini"--> |
| | | <!-- range-separator="~"--> |
| | | <!-- start-placeholder="开始日期"--> |
| | | <!-- style="width: 200px;display: flex;line-height: 34px ;height: 34px ;font-size: 14px !important;"--> |
| | | <!-- end-placeholder="结束日期"--> |
| | | <!-- size="mini"--> |
| | | <!-- />--> |
| | | <!-- </el-form-item>--> |
| | | <!-- <el-form-item label="工单状态" style=" display: flex;">--> |
| | | <!-- <el-select--> |
| | | <!-- v-model="sourceForm.mesordercode"--> |
| | | <!-- filterable--> |
| | | <!-- :popper-append-to-body="false"--> |
| | | <!-- style="width: 200px"--> |
| | | <!-- placeholder="请选择"--> |
| | | <!-- >--> |
| | | <!-- <el-option--> |
| | | <!-- v-for="item in erporderstusArr"--> |
| | | <!-- :key="item.code"--> |
| | | <!-- :label="item.name"--> |
| | | <!-- :value="item.code"--> |
| | | <!-- />--> |
| | | <!-- </el-select>--> |
| | | <!-- </el-form-item>--> |
| | | <el-form-item label="工单编号" style=" display: flex;"> |
| | | <el-input v-model="sourceForm.sourceorder" placeholder="请输入" style="width: 200px" /> |
| | | </el-form-item> |
| | | <el-form-item label="产品编码" style=" display: flex;"> |
| | | <el-input v-model="sourceForm.partcode" style="width: 200px" placeholder="请输入" /> |
| | | </el-form-item> |
| | | |
| | | <el-form-item label="产品名称" style=" display: flex;"> |
| | | <el-input v-model="sourceForm.partname" style="width: 200px" placeholder="请输入" /> |
| | | </el-form-item> |
| | | <el-form-item v-show="isExpandDialog" label="产品规格" style=" display: flex;"> |
| | | <el-input v-model="sourceForm.partspec" style="width: 200px" placeholder="请输入" /> |
| | | </el-form-item> |
| | | <el-form-item v-show="isExpandDialog" label="创建人员" style=" display: flex;"> |
| | | <el-input v-model="sourceForm.creatuser" style="width: 200px" placeholder="请输入" /> |
| | | </el-form-item> |
| | | |
| | | <el-form-item |
| | | label="预计开工时间" |
| | | v-show="isExpandDialog" |
| | | label="创建时间" |
| | | label-width="100px" |
| | | style=" display: flex;font-size: 14px;margin-top: 3px" |
| | | > |
| | | <el-date-picker |
| | | v-model="sourceForm.paystartdate" |
| | | v-model="sourceForm.createdate" |
| | | type="daterange" |
| | | range-separator="~" |
| | | class="timeMini" |
| | |
| | | /> |
| | | <!-- :picker-options="expireTimeOption"--> |
| | | |
| | | </el-form-item> |
| | | <el-form-item |
| | | label="预计完工时间" |
| | | label-width="100px" |
| | | style=" display: flex;font-size: 14px;margin-top: 3px" |
| | | > |
| | | <el-date-picker |
| | | v-model="sourceForm.payenddate" |
| | | type="daterange" |
| | | :clearable="false" |
| | | class="timeMini" |
| | | range-separator="~" |
| | | start-placeholder="开始日期" |
| | | style="width: 200px;display: flex;line-height: 34px ;height: 34px ;font-size: 14px !important;" |
| | | end-placeholder="结束日期" |
| | | size="mini" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="订单状态" style=" display: flex;"> |
| | | <el-select |
| | | v-model="sourceForm.erporderstus" |
| | | filterable |
| | | :popper-append-to-body="false" |
| | | style="width: 200px" |
| | | placeholder="请选择" |
| | | > |
| | | <el-option |
| | | v-for="item in erporderstusArr" |
| | | :key="item.code" |
| | | :label="item.name" |
| | | :value="item.code" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item v-show="isExpandDialog" label="订单编号" style=" display: flex;"> |
| | | <el-input v-model="sourceForm.erpordercode" placeholder="请输入" style="width: 200px" /> |
| | | </el-form-item> |
| | | <el-form-item v-show="isExpandDialog" label="产品编码" style=" display: flex;"> |
| | | <el-input v-model="sourceForm.partcode" style="width: 200px" placeholder="请输入" /> |
| | | </el-form-item> |
| | | |
| | | <el-form-item v-show="isExpandDialog" label="产品名称" style=" display: flex;"> |
| | | <el-input v-model="sourceForm.partname" style="width: 200px" placeholder="请输入" /> |
| | | </el-form-item> |
| | | <el-form-item v-show="isExpandDialog" label="产品规格" style=" display: flex;"> |
| | | <el-input v-model="sourceForm.partspec" style="width: 200px" placeholder="请输入" /> |
| | | </el-form-item> |
| | | <el-form-item v-show="isExpandDialog" label="创建人员" style=" display: flex;"> |
| | | <el-input v-model="sourceForm.creatuser" style="width: 200px" placeholder="请输入" /> |
| | | </el-form-item> |
| | | |
| | | </div> |
| | |
| | | <div class="elTableDiv"> |
| | | <el-table |
| | | :data="sourceTableData" |
| | | :height="isExpandDialog?(tableHeight+60)+'px':(tableHeight+140)+'px'" |
| | | :height="isExpandDialog?(tableHeight+60)+'px':(tableHeight+100)+'px'" |
| | | border |
| | | :row-class-name="tableRowClassName" |
| | | :style="{width: 100+'%',height:isExpandDialog?(tableHeight+60)+'px':(tableHeight+140)+'px',}" |
| | | :style="{width: 100+'%',height:isExpandDialog?(tableHeight+60)+'px':(tableHeight+100)+'px',}" |
| | | highlight-current-row |
| | | :header-cell-style="this.$headerCellStyle" |
| | | :cell-style="this.$cellStyle" |
| | | @sort-change="sourceSortChange" |
| | | @row-click="getCurrentRowSource" |
| | | > |
| | | <!-- <el-table-column--> |
| | | <!-- type="selection"--> |
| | |
| | | v-model="radioSelectedId" |
| | | :label="row.id" |
| | | style="color: transparent;padding-left: 10px;" |
| | | @change.native="getCurrentRowSource(row.id)" |
| | | /> |
| | | <!-- @change.native="getCurrentRowSource(row.id)"--> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | |
| | | fixed |
| | | label="序号" |
| | | /> |
| | | <!-- <el-table-column--> |
| | | <!-- prop="status"--> |
| | | <!-- label="工单状态"--> |
| | | <!-- show-tooltip-when-overflow--> |
| | | <!-- sortable="custom"--> |
| | | <!-- width="110"--> |
| | | <!-- >--> |
| | | <!-- <template slot-scope="{row}">--> |
| | | <!-- <div v-if="row.status==='NEW'">新订单</div>--> |
| | | <!-- <div v-if="row.status==='CREATING'">部分下达</div>--> |
| | | <!-- <div v-if="row.status==='CREATED'">全部下达</div>--> |
| | | <!-- <div v-if="row.status==='CLOSED'">已关闭</div>--> |
| | | <!-- </template>--> |
| | | <!-- </el-table-column>--> |
| | | <el-table-column |
| | | prop="status" |
| | | label="订单状态" |
| | | sortable="custom" |
| | | width="110" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.status==='NEW'">新订单</div> |
| | | <div v-if="row.status==='CREATING'">部分下达</div> |
| | | <div v-if="row.status==='CREATED'">全部下达</div> |
| | | <div v-if="row.status==='CLOSED'">已关闭</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="wo" |
| | | label="订单编号" |
| | | sortable="custom" |
| | | label="工单编号" |
| | | prop="wo_code" |
| | | show-tooltip-when-overflow |
| | | min-width="150" |
| | | /> |
| | | sortable="custom" |
| | | > |
| | | <!-- <template slot-scope="{row}">--> |
| | | <!-- <div v-if="row.m_po">{{ row.m_po }}</div>--> |
| | | <!-- <div v-else>{{ row.wo_code }}</div>--> |
| | | <!-- </template>--> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="partcode" |
| | | label="产品编码" |
| | | sortable="custom" |
| | | show-tooltip-when-overflow |
| | | min-width="150" |
| | | /> |
| | | <el-table-column |
| | | prop="partname" |
| | | label="产品名称" |
| | | sortable="custom" |
| | | show-tooltip-when-overflow |
| | | min-width="150" |
| | | /> |
| | | <el-table-column |
| | | prop="partspec" |
| | | label="产品规格" |
| | | show-tooltip-when-overflow |
| | | sortable="custom" |
| | | min-width="110" |
| | | > |
| | |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="qty" |
| | | label="订单数量" |
| | | prop="plan_qty" |
| | | label="任务数量" |
| | | width="150" |
| | | show-tooltip-when-overflow |
| | | sortable="custom" |
| | | /> |
| | | <el-table-column |
| | | prop="relse_qty" |
| | | label="已下单数量" |
| | | prop="bad_qty" |
| | | label="报废数量" |
| | | width="150" |
| | | show-tooltip-when-overflow |
| | | sortable="custom" |
| | | /> |
| | | <!-- <el-table-column--> |
| | | <!-- prop="relse_qty"--> |
| | | <!-- show-tooltip-when-overflow--> |
| | | <!-- label="已下单数量"--> |
| | | <!-- width="150"--> |
| | | <!-- sortable="custom"--> |
| | | <!-- />--> |
| | | <el-table-column |
| | | prop="wkshp_name" |
| | | label="生产车间" |
| | | show-tooltip-when-overflow |
| | | sortable="custom" |
| | | width="150" |
| | | > |
| | |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="planstartdate" |
| | | prop="plan_startdate" |
| | | label="预计开工时间" |
| | | show-tooltip-when-overflow |
| | | sortable="custom" |
| | | width="130" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.planstartdate">{{ row.planstartdate.substring(0, 11) }}</div> |
| | | <div v-if="row.plan_startdate">{{ row.plan_startdate.substring(0, 11) }}</div> |
| | | <div v-else>/</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="planenddate" |
| | | prop="plan_enddate" |
| | | label="预计完工时间" |
| | | show-tooltip-when-overflow |
| | | sortable="custom" |
| | | width="130" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.planenddate">{{ row.planenddate.substring(0, 11) }}</div> |
| | | <div v-if="row.plan_enddate">{{ row.plan_enddate.substring(0, 11) }}</div> |
| | | <div v-else>/</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="createuser" |
| | | prop="lm_user" |
| | | label="创建人员" |
| | | show-tooltip-when-overflow |
| | | sortable="custom" |
| | | width="150" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.createuser">{{ row.createuser }}</div> |
| | | <div v-if="row.lm_user">{{ row.lm_user }}</div> |
| | | <div v-else>/</div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="createdate" |
| | | prop="lm_date" |
| | | label="创建时间" |
| | | show-tooltip-when-overflow |
| | | width="130" |
| | | sortable="custom" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.createdate">{{ row.createdate.substring(0, 11) }}</div> |
| | | <div v-if="row.lm_date">{{ row.lm_date.substring(0, 11) }}</div> |
| | | <div v-else>/</div> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | <!-- <template slot-scope="{row}">--> |
| | | <!-- <div class="operationClass">--> |
| | | <!-- <el-tooltip class="item" effect="dark" content="下达" placement="top">--> |
| | | <!-- <!– <el-button type="text" @click="edit('edit',row)">下达</el-button>–>--> |
| | | <!-- <!– <el-button type="text" @click="edit('edit',row)">下达</el-button>–>--> |
| | | <!-- <i--> |
| | | <!-- class="el-icon-bottom"--> |
| | | <!-- style="color:#42b983;cursor: pointer;margin-left: 5px"--> |
| | |
| | | align="right" |
| | | layout="total,prev, pager, next,sizes" |
| | | popper-class="select_bottom" |
| | | @pagination="getErpOrderSearch" |
| | | @pagination="getMesBadOrderSearch" |
| | | /> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <div class="footerButton"> |
| | |
| | | ClosedMesOrder, |
| | | DeleteMesOrder, ErpOrderSearch, |
| | | MesOrderSearch, PartSelectRoute, RouteSelectWkshop, SearchWorkStep, SelectRouteOrWkshop, |
| | | SelectRouteStep |
| | | SelectRouteStep, MesBadOrderSearch |
| | | } from '@/api/scgl' |
| | | import { InventoryFileAssociationRoute, PartSelect, SaveInventoryFile } from '@/api/zzmx' |
| | | import { handleDatetime, handleDatetime2, validateCode } from '@/utils/global' |
| | |
| | | dialogVisibleSource: false, |
| | | sourceTableData: [], |
| | | sourceForm: { |
| | | erporderstus: '', // 订单状态码 |
| | | erpordercode: '', // 订单编号 |
| | | mesordercode: '', // 订单状态码 |
| | | sourceorder: '', // 工单编号 |
| | | partcode: '', // 产品编码 |
| | | partname: '', // 产品名称 |
| | | partspec: '', // 产品规格 |
| | | creatuser: '', // 创建人员 |
| | | // paystartdate: '', // 交付时间 |
| | | paystartdate: '', // 预计开工时间 |
| | | payenddate: '', // 预计完工时间 |
| | | // paystartdate: '', // 预计开工时间 |
| | | // payenddate: '', // 预计完工时间 |
| | | createdate: '', // 创建时间 |
| | | prop: 'createdate', // 排序字段 |
| | | |
| | | prop: 'lm_date', // 排序字段 |
| | | order: 'desc', // 排序字段 |
| | | page: 1, // 第几页 |
| | | rows: 20 // 每页多少条 |
| | |
| | | } |
| | | this.sourceForm.order = order |
| | | this.sourceForm.prop = prop |
| | | this.getErpOrderSearch() |
| | | this.getMesBadOrderSearch() |
| | | }, |
| | | // 查询 |
| | | search() { |
| | |
| | | const { data: res2 } = await RouteSelectWkshop(data) |
| | | this.wkshopArr = res2 |
| | | this.dialogForm.wkshopcode = '' |
| | | this.sumbitBottonIsDisabled = false |
| | | }, |
| | | // 工序任务 |
| | | async check(row) { |
| | |
| | | return this.$message.info('工单类型为报废补单情况下可选择!') |
| | | } |
| | | |
| | | this.getErpOrderSearch() |
| | | this.getMesBadOrderSearch() |
| | | |
| | | this.dialogVisibleSource = true |
| | | }, |
| | | async getErpOrderSearch() { |
| | | let tempDate2 = this.sourceForm.paystartdate |
| | | if (tempDate2.length > 0) { |
| | | tempDate2 = handleDatetime(tempDate2[0]) + '~' + handleDatetime(tempDate2[1]) |
| | | } |
| | | async getMesBadOrderSearch() { |
| | | // let tempDate2 = this.sourceForm.paystartdate |
| | | // if (tempDate2.length > 0) { |
| | | // tempDate2 = handleDatetime(tempDate2[0]) + '~' + handleDatetime(tempDate2[1]) |
| | | // } |
| | | |
| | | let tempDate = this.sourceForm.payenddate |
| | | let tempDate = this.sourceForm.createdate |
| | | if (tempDate.length > 0) { |
| | | tempDate = handleDatetime(tempDate[0]) + '~' + handleDatetime(tempDate[1]) |
| | | } |
| | | |
| | | const data = { |
| | | erporderstus: this.sourceForm.erporderstus, // 订单状态码 |
| | | erpordercode: this.sourceForm.erpordercode, // 订单编号 |
| | | mesordercode: this.sourceForm.mesordercode, // 订单状态码 |
| | | sourceorder: this.sourceForm.sourceorder, // 工单编号 |
| | | partcode: this.sourceForm.partcode, // 产品编码 |
| | | partname: this.sourceForm.partname, // 产品名称 |
| | | partspec: this.sourceForm.partspec, // 产品规格 |
| | | paystartdate: tempDate2, // 交付时间 |
| | | payenddate: tempDate, // 交付时间 |
| | | // paystartdate: tempDate2, // 交付时间 |
| | | // payenddate: tempDate, // 交付时间 |
| | | creatuser: this.sourceForm.creatuser, // 创建人员 |
| | | createdate: tempDate, // 创建时间 |
| | | |
| | | prop: this.sourceForm.prop, // 排序字段 |
| | | order: this.sourceForm.order, // 排序字段 |
| | |
| | | |
| | | } |
| | | |
| | | const res = await ErpOrderSearch(data) |
| | | this.sourceTableData = res.data.filter(item => item.status !== 'NEW') |
| | | const res = await MesBadOrderSearch(data) |
| | | this.sourceTableData = res.data |
| | | this.sourceFormTotal = res.count |
| | | }, |
| | | // 单选框选中获取当前行信息 |
| | | getCurrentRowSource(id) { |
| | | this.radioSelectedId = id |
| | | getCurrentRowSource(row, event, column) { |
| | | this.radioSelectedId = row.id |
| | | this.dialogForm.mesqty = row.bad_qty |
| | | }, |
| | | sourceSearch() { |
| | | this.getErpOrderSearch() |
| | | this.getMesBadOrderSearch() |
| | | }, |
| | | sourceReset() { |
| | | this.sourceForm.erporderstus = '' |
| | |
| | | this.sourceForm.payenddate = '' |
| | | this.sourceForm.creatuser = '' |
| | | this.sourceForm.createdate = '' |
| | | this.getErpOrderSearch() |
| | | this.getMesBadOrderSearch() |
| | | }, |
| | | dialogVisibleSourceClose() { |
| | | this.radioSelectedId = '' |
| | |
| | | console.log(this.radioSelectedId) |
| | | this.sourceTableData.forEach(item => { |
| | | if (item.id === this.radioSelectedId) { |
| | | this.dialogForm.sourceorder = item.wo |
| | | this.dialogForm.sourceorder = item.wo_code |
| | | this.dialogForm.partcode = item.partcode |
| | | this.dialogForm.partspec = item.partspec |
| | | } |