| | |
| | | <template /> |
| | | <template> |
| | | <div> |
| | | <div class="body" :style="{height:mainHeight+'px'}"> |
| | | |
| | | <div class="bodyTopFormGroup" style="margin-top: 10px;"> |
| | | <el-form |
| | | ref="form" |
| | | :model="form" |
| | | label-width="100px" |
| | | inline |
| | | style="display: flex;" |
| | | > |
| | | <div class="elForm"> |
| | | <el-form-item label="工单编码" style=" display: flex;"> |
| | | <el-input v-model="form.wo_code" placeholder="请输入" style="width: 200px" /> |
| | | </el-form-item> |
| | | <el-form-item label="产品编码" style=" display: flex;"> |
| | | <el-input v-model="form.partnumber" placeholder="请输入" style="width: 200px" /> |
| | | </el-form-item> |
| | | <el-form-item label="产品名称" style=" display: flex;"> |
| | | <el-input v-model="form.partname" placeholder="请输入" style="width: 200px" /> |
| | | </el-form-item> |
| | | <el-form-item label="产品规格" style=" display: flex;"> |
| | | <el-input v-model="form.partspec" placeholder="请输入" style="width: 200px" /> |
| | | </el-form-item> |
| | | |
| | | <el-form-item v-show="isExpandForm" label="报工人员" style=" display: flex;"> |
| | | <el-input v-model="form.reportuser" placeholder="请输入" style="width: 200px" /> |
| | | </el-form-item> |
| | | <el-form-item v-show="isExpandForm" label="报工时间" style=" display: flex;"> |
| | | <el-input v-model="form.reportdate" placeholder="请输入" style="width: 200px" /> |
| | | </el-form-item> |
| | | |
| | | </div> |
| | | <div |
| | | class="bodySearchReset" |
| | | :style="{marginLeft:$store.state.app.sidebar.opened? $store.state.settings.menuIsHorizontal?'15%':'3%':'10%'}" |
| | | > |
| | | <el-button v-waves type="primary" icon="el-icon-search" @click="getMesOrderStepVerifySearch">查询</el-button> |
| | | <el-button v-waves type="info" icon="el-icon-refresh" @click="reset">重置</el-button> |
| | | </div> |
| | | </el-form> |
| | | <div |
| | | class="bodyTopFormExpand" |
| | | > |
| | | <svg-icon |
| | | v-show="mouseHoverType==='mouseout'" |
| | | style="cursor: pointer" |
| | | :icon-class="!isExpandForm?'doubleDown3':'doubleUp3'" |
| | | @mouseenter="mouseHoverType=$event.type" |
| | | /> |
| | | <svg-icon |
| | | v-show="mouseHoverType==='mouseenter'" |
| | | style="cursor: pointer" |
| | | :icon-class="!isExpandForm?'doubleDown':'doubleUp'" |
| | | @click="isExpandForm=!isExpandForm" |
| | | @mouseout="mouseHoverType=$event.type" |
| | | /> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="elTableDiv"> |
| | | <el-table |
| | | ref="tableDataRef" |
| | | class="tableFixed" |
| | | :data="tableData" |
| | | :height="isExpandForm?tableHeight:(tableHeight+40)+'px'" |
| | | border |
| | | row-class-name="custom-row" |
| | | :style="{width: 100+'%',height:isExpandForm?tableHeight:(tableHeight+40)+'px',}" |
| | | highlight-current-row |
| | | |
| | | :header-cell-style="this.$headerCellStyle" |
| | | :cell-style="this.$cellStyle" |
| | | @sort-change="sortChange" |
| | | > |
| | | <!-- :row-key="getRowKey"--> |
| | | <!-- <el-table-column--> |
| | | <!-- type="selection"--> |
| | | <!-- width="50"--> |
| | | <!-- :reserve-selection="true"--> |
| | | <!-- fixed--> |
| | | <!-- />--> |
| | | <el-table-column |
| | | prop="rowNum" |
| | | width="50" |
| | | fixed |
| | | label="序号" |
| | | /> |
| | | <el-table-column |
| | | prop="wo_code" |
| | | label="报工工单" |
| | | sortable="custom" |
| | | min-width="160" |
| | | show-overflow-tooltip |
| | | /> |
| | | <el-table-column |
| | | prop="partnumber" |
| | | label="产品编码" |
| | | show-overflow-tooltip |
| | | sortable="custom" |
| | | min-width="110" |
| | | /> |
| | | <el-table-column |
| | | prop="partname" |
| | | label="产品名称" |
| | | sortable="custom" |
| | | show-overflow-tooltip |
| | | min-width="110" |
| | | /> |
| | | <el-table-column |
| | | prop="task_qty" |
| | | label="任务数量" |
| | | sortable="custom" |
| | | show-overflow-tooltip |
| | | min-width="110" |
| | | /> |
| | | <el-table-column |
| | | prop="wkshp_name" |
| | | label="车间名称" |
| | | show-overflow-tooltip |
| | | sortable="custom" |
| | | min-width="110" |
| | | /> |
| | | <el-table-column |
| | | prop="eqp_name" |
| | | label="设备名称" |
| | | sortable="custom" |
| | | show-overflow-tooltip |
| | | min-width="110" |
| | | /> |
| | | <el-table-column |
| | | prop="stepname" |
| | | label="工序名称" |
| | | show-overflow-tooltip |
| | | sortable="custom" |
| | | min-width="110" |
| | | /> |
| | | <el-table-column |
| | | prop="step_price" |
| | | label="工序单价" |
| | | show-overflow-tooltip |
| | | sortable="custom" |
| | | min-width="110" |
| | | /> |
| | | <el-table-column |
| | | prop="usergroup_name" |
| | | label="报工班组" |
| | | show-overflow-tooltip |
| | | min-width="110" |
| | | sortable="custom" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | {{ row.usergroup_name ? row.usergroup_name : '/' }} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="username" |
| | | label="报工人员" |
| | | show-overflow-tooltip |
| | | min-width="110" |
| | | sortable="custom" |
| | | /> |
| | | <el-table-column |
| | | prop="report_qty" |
| | | label="合格数量" |
| | | show-overflow-tooltip |
| | | sortable="custom" |
| | | min-width="110" |
| | | /> |
| | | <el-table-column |
| | | prop="ng_qty" |
| | | label="不良数量" |
| | | show-overflow-tooltip |
| | | min-width="110" |
| | | sortable="custom" |
| | | /> |
| | | <el-table-column |
| | | prop="laborbad_qty" |
| | | label="工废数量" |
| | | min-width="110" |
| | | show-overflow-tooltip |
| | | sortable="custom" |
| | | /> |
| | | <el-table-column |
| | | prop="materielbad_qty" |
| | | label="料废数量" |
| | | show-overflow-tooltip |
| | | min-width="110" |
| | | sortable="custom" |
| | | /> |
| | | <el-table-column |
| | | prop="report_date" |
| | | label="报工时间" |
| | | min-width="160" |
| | | show-overflow-tooltip |
| | | sortable="custom" |
| | | /> |
| | | <el-table-column |
| | | label="操作" |
| | | width="100" |
| | | fixed="right" |
| | | > |
| | | <template slot-scope="{row}"> |
| | | <div class="operationClass"> |
| | | <el-button |
| | | type="text" |
| | | style="cursor: pointer;font-size: 14px" |
| | | @click="reportAdjust(row)" |
| | | >报工调整 |
| | | </el-button> |
| | | |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | <!--分页--> |
| | | <pagination |
| | | :total="total" |
| | | :page.sync="form.page" |
| | | :limit.sync="form.rows" |
| | | align="right" |
| | | layout="total,prev, pager, next,sizes,jumper" |
| | | popper-class="select_bottom" |
| | | @pagination="getMesOrderStepVerifySearch" |
| | | /> |
| | | </div> |
| | | |
| | | <el-dialog |
| | | v-el-drag-dialog |
| | | title="报工调整" |
| | | :visible.sync="dialogVisible" |
| | | width="800px" |
| | | :close-on-click-modal="false" |
| | | top="15vh" |
| | | @closed="handleClose" |
| | | @close="handleClose" |
| | | > |
| | | <el-form ref="dialogForm" inline :rules="dialogFormRules" :model="dialogForm" label-width="80px"> |
| | | <el-divider content-position="left">工单信息</el-divider> |
| | | |
| | | <el-form-item label="工单编号"> |
| | | <el-input v-model="dialogForm.postcode" style="width: 200px" /> |
| | | </el-form-item> |
| | | <el-form-item label="" prop="postname"> |
| | | <el-input v-model="dialogForm.postname" style="width: 200px" /> |
| | | </el-form-item> |
| | | <el-form-item label="描述"> |
| | | <el-input |
| | | v-model="dialogForm.description" |
| | | type="textarea" |
| | | style="width: 200px" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item required label="岗位状态"> |
| | | <el-radio-group v-model="dialogForm.status"> |
| | | <el-radio label="Y">正常</el-radio> |
| | | <el-radio label="N">停用</el-radio> |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | </el-form> |
| | | <span slot="footer" class="dialog-footer"> |
| | | <div class="footerButton"> |
| | | <el-button v-waves @click="dialogVisibleCancel">取 消</el-button> |
| | | <el-button |
| | | v-waves |
| | | type="primary" |
| | | :loading="$store.state.app.buttonIsDisabled" |
| | | :disabled="$store.state.app.buttonIsDisabled" |
| | | @click="dialogVisibleConfirm" |
| | | >确 定</el-button> |
| | | </div> |
| | | </span> |
| | | </el-dialog> |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import Pagination from '@/components/Pagination' |
| | | import { |
| | | AddUpdatePost, RoleAssignedUserBatchAdd, |
| | | RoleAssignedUserBatchCancel, |
| | | RoleAssignedUserData |
| | | |
| | | } from '@/api/basicSettings' |
| | | import { handleDatetime, validateCode } from '@/utils/global' |
| | | import elDragDialog from '@/directive/el-drag-dialog' |
| | | import waves from '@/directive/waves' |
| | | import arrayToTree from 'array-to-tree' |
| | | import { GroupsPermissions, PostPermissions, PrentOrganization, RolePermissions } from '@/api/GeneralBasicData' |
| | | import { MesOrderStepModelSearch, MesOrderStepVerifySearch } from '@/api/WorkOrder' |
| | | |
| | | export default { |
| | | name: 'ReportCorrect' |
| | | name: 'Zzjg', |
| | | components: { |
| | | Pagination |
| | | }, |
| | | directives: { elDragDialog, waves }, |
| | | data() { |
| | | return { |
| | | mouseHoverType: 'mouseout', |
| | | isExpandForm: false, |
| | | mainHeight: 0, |
| | | tableHeight: 0, |
| | | form: { |
| | | wo_code: '', // 工单编码 |
| | | partnumber: '', // 产品编码 |
| | | partname: '', // 产品名称 |
| | | partspec: '', // 产品规格 |
| | | reportuser: '', // 报工人员 |
| | | reportdate: '', // 报工时间 |
| | | |
| | | prop: 'report_date', // 排序字段 |
| | | order: 'desc', // 排序字段 |
| | | page: 1, // 第几页 |
| | | rows: 20 // 每页多少条 |
| | | }, |
| | | total: 10, |
| | | tableData: [], |
| | | |
| | | dialogVisible: false, |
| | | dialogForm: { |
| | | |
| | | }, |
| | | tableDataDialog: [], |
| | | totalDialog: 10 |
| | | |
| | | } |
| | | }, |
| | | created() { |
| | | }, |
| | | mounted() { |
| | | window.addEventListener('resize', this.getHeight) |
| | | this.getHeight() |
| | | |
| | | this.getMesOrderStepVerifySearch() |
| | | }, |
| | | methods: { |
| | | // 报工调整列表查询 |
| | | async getMesOrderStepVerifySearch() { |
| | | let tempDate = this.form.reportdate |
| | | if (tempDate.length > 0) { |
| | | tempDate = handleDatetime(tempDate[0]) + '~' + handleDatetime(tempDate[1]) |
| | | } |
| | | const data = { |
| | | wo_code: this.form.wo_code, |
| | | partnumber: this.form.partnumber, |
| | | partname: this.form.partname, |
| | | partspec: this.form.partspec, |
| | | reportuser: this.form.reportuser, |
| | | reportdate: tempDate, |
| | | |
| | | prop: this.form.prop, // 排序字段 |
| | | order: this.form.order, // 排序字段 |
| | | page: this.form.page, // 第几页 |
| | | rows: this.form.rows // 每页多少条 |
| | | } |
| | | const res = await MesOrderStepVerifySearch(data) |
| | | this.tableData = res.data |
| | | this.total = res.count |
| | | }, |
| | | // 排序改变时 |
| | | sortChange({ column, prop, order }) { |
| | | if (order === 'descending') { |
| | | order = 'desc' |
| | | } else if (order === 'ascending') { |
| | | order = 'asc' |
| | | } else { |
| | | order = 'desc' |
| | | } |
| | | this.form.order = order |
| | | this.form.prop = prop |
| | | this.getMesOrderStepVerifySearch() |
| | | }, |
| | | // 重置 |
| | | reset() { |
| | | this.form.wo_code = '' |
| | | this.form.partnumber = '' |
| | | this.form.partname = '' |
| | | this.form.partspec = '' |
| | | this.form.reportuser = '' |
| | | this.form.reportdate = '' |
| | | this.getMesOrderStepVerifySearch() |
| | | }, |
| | | |
| | | // 报工调整 |
| | | async reportAdjust(row) { |
| | | const data = { |
| | | wo_code: row.wo_code, |
| | | step_code: row.step_code, |
| | | step_type: row.steptype, |
| | | isbott: row.first_choke, |
| | | isend: row.last_choke, |
| | | id: row.id, |
| | | sbid: row.sbid |
| | | } |
| | | const res = await MesOrderStepModelSearch(data) |
| | | if (res.code === '200') { |
| | | |
| | | // this.dialogVisible=true |
| | | } |
| | | }, |
| | | |
| | | // 对话框关闭事件 |
| | | handleClose() { |
| | | // this.form.flag = 'TRUE' |
| | | }, |
| | | getRowKey(row) { |
| | | return row.partnumber |
| | | }, |
| | | |
| | | // 对话框取消 |
| | | dialogVisibleCancel() { |
| | | this.dialogVisible = false |
| | | }, |
| | | // 对话框确认 |
| | | async dialogVisibleConfirm() { |
| | | |
| | | }, |
| | | // 获取页面高度 |
| | | getHeight() { |
| | | this.$nextTick(() => { |
| | | this.mainHeight = window.innerHeight - 85 |
| | | this.tableHeight = this.mainHeight - 205 |
| | | this.$refs.tableDataRef.doLayout() |
| | | }) |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | <style scoped lang="scss"> |
| | | ::v-deep .el-dialog .el-divider__text { |
| | | font-weight: bolder !important; |
| | | } |
| | | |
| | | </style> |