阳光印刷Web: 新增工单管理功能并优化生产流程界面
- 新增工单管理页面,包含工单查询、编辑、流转卡打印等功能
- 在生产汇报页面增加工单编号和订单编号显示列
- 移除生产流程编辑和新建页面中的工序类型字段
- 更新生产流程新建页面的工序机台必填验证提示信息
- 实现工单流转卡的二维码生成和打印功能
- 添加工单报工功能,支持生产数量、报废数量等数据录入
- 集成设备台账信息,支持机台选择功能
| | |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item |
| | | label="工序类型" |
| | | prop="type" |
| | | :rules="[ |
| | | { |
| | | required: true, |
| | | message: '请选择工序类型', |
| | | } |
| | | ]" |
| | | > |
| | | <el-select v-model="formState.type" placeholder="请选择工序类型"> |
| | | <el-option label="计时" :value="0" /> |
| | | <el-option label="计件" :value="1" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <!-- <el-form-item--> |
| | | <!-- label="工序类型"--> |
| | | <!-- prop="type"--> |
| | | <!-- :rules="[--> |
| | | <!-- {--> |
| | | <!-- required: true,--> |
| | | <!-- message: '请选择工序类型',--> |
| | | <!-- }--> |
| | | <!-- ]"--> |
| | | <!-- >--> |
| | | <!-- <el-select v-model="formState.type" placeholder="请选择工序类型">--> |
| | | <!-- <el-option label="计时" :value="0" />--> |
| | | <!-- <el-option label="计件" :value="1" />--> |
| | | <!-- </el-select>--> |
| | | <!-- </el-form-item>--> |
| | | <!-- <el-form-item label="工资定额" prop="salaryQuota">--> |
| | | <!-- <el-input v-model="formState.salaryQuota" type="number" :step="0.001" />--> |
| | | <!-- </el-form-item>--> |
| | |
| | | :rules="[ |
| | | { |
| | | required: true, |
| | | message: '请选择工序类型', |
| | | message: '请选择工序机台', |
| | | } |
| | | ]" |
| | | > |
| | |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item |
| | | label="工序类型" |
| | | prop="type" |
| | | :rules="[ |
| | | { |
| | | required: true, |
| | | message: '请选择工序类型', |
| | | } |
| | | ]" |
| | | > |
| | | <el-select v-model="formState.type" placeholder="请选择工序类型"> |
| | | <el-option label="计时" :value="0" /> |
| | | <el-option label="计件" :value="1" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <!-- <el-form-item--> |
| | | <!-- label="工序类型"--> |
| | | <!-- prop="type"--> |
| | | <!-- :rules="[--> |
| | | <!-- {--> |
| | | <!-- required: true,--> |
| | | <!-- message: '请选择工序类型',--> |
| | | <!-- }--> |
| | | <!-- ]"--> |
| | | <!-- >--> |
| | | <!-- <el-select v-model="formState.type" placeholder="请选择工序类型">--> |
| | | <!-- <el-option label="计时" :value="0" />--> |
| | | <!-- <el-option label="计件" :value="1" />--> |
| | | <!-- </el-select>--> |
| | | <!-- </el-form-item>--> |
| | | <!-- <el-form-item label="工资定额" prop="salaryQuota">--> |
| | | <!-- <el-input v-model="formState.salaryQuota" type="number" :step="0.001">--> |
| | | <!-- <template #append>元</template>--> |
| | |
| | | // 响应式数据(替代选项式的 data) |
| | | const formState = ref({ |
| | | name: '', |
| | | type: undefined, |
| | | type: 0, |
| | | remark: '', |
| | | salaryQuota: '', |
| | | isQuality: false, |
| | |
| | | width: 120, |
| | | }, |
| | | { |
| | | label: "工单编号", |
| | | prop: "workOrderNo", |
| | | width: 120, |
| | | }, |
| | | { |
| | | label: "订单编号", |
| | | prop: "salesContractNo", |
| | | width: 120, |
| | | }, |
| | | { |
| | | label: "工序", |
| | | prop: "process", |
| | | width: 120, |
| | |
| | | { |
| | | label: "最终审核人", |
| | | prop: "sureAuditUserName", |
| | | width: 120, |
| | | }, |
| | | { |
| | | label: "工单编号", |
| | | prop: "workOrderNo", |
| | | width: 120, |
| | | }, |
| | | { |
| | | label: "订单编号", |
| | | prop: "salesContractNo", |
| | | width: 120, |
| | | }, |
| | | { |
| | |
| | | width: "140", |
| | | }, |
| | | { |
| | | label: "报工人", |
| | | prop: "userNames", |
| | | width: "140", |
| | | }, |
| | | { |
| | | label: "计划开始时间", |
| | | prop: "planStartTime", |
| | | width: "140", |
| | |
| | | }; |
| | | |
| | | const handleEdit = row => { |
| | | if (!isCurrentUserReportWorker(row)) { |
| | | ElMessage.warning("当前用户不是该工单的报工人,无法编辑"); |
| | | return; |
| | | } |
| | | // if (!isCurrentUserReportWorker(row)) { |
| | | // ElMessage.warning("当前用户不是该工单的报工人,无法编辑"); |
| | | // return; |
| | | // } |
| | | editrow.value = JSON.parse(JSON.stringify(row)); |
| | | editDialogVisible.value = true; |
| | | }; |