yufei0306
4 months ago
6 changed files with 288 additions and 166 deletions
@ -0,0 +1,185 @@ |
|||
<template> |
|||
<Dialog |
|||
:title="dialogTitle" |
|||
v-model="dialogVisible" |
|||
:close-on-click-modal="true" |
|||
:vLoading="formLoading" |
|||
width="fit-content" |
|||
> |
|||
<template #title>{{ dialogTitle }} </template> |
|||
<el-button type="primary" @click="addRow" style="float:right;;">添加</el-button> |
|||
<el-table :data="tableData" style="border: 1px;stripe; width:1300px ;" > |
|||
<el-table-column prop="processName" label="工序名称" width="200px"> |
|||
<template #default="scope"> |
|||
<el-select v-model="scope.row.processCodeSelected" @change="processChange" value-key="processCode"> |
|||
<el-option v-for="item in processOption" :key="item.processCode" :label="item.processName" :value="item.processCode" /> |
|||
</el-select> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="reportName" label="报工人" width="200px"> |
|||
<template #default="scope"> |
|||
<el-select v-model="scope.row.personSelected" multiple :value-key="workerCode"> |
|||
<el-option v-for="item in personOption" :key="item.workerCode" :label="item.workerName" :value="item.workerCode" /> |
|||
</el-select> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="reportCount" label="报工数量" width="200px" > |
|||
<template #default="scope"> |
|||
<el-input-number v-model="scope.row.reportCount" @change="handleCount(scope.row)" :key="count"></el-input-number> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="workTerm" label="工时" width="200px" > |
|||
<template #default="scope"> |
|||
<el-input-number v-model="scope.row.workTerm"></el-input-number> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="checkFlag" label="已质检" width="80px" > |
|||
<template #default="scope"> |
|||
|
|||
<el-switch inactive-value="false" v-model="scope.row.checkFlag" ></el-switch> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="qualified" label="合格数" width="200px" > |
|||
|
|||
<template #default="scope" > |
|||
<el-input-number v-model="scope.row.qualified" @change="handleCount(scope.row)" :key="qcount" :disabled="scope.row.checkFlag=='false'" ></el-input-number> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="unqualified" label="不合格数" width="100px"> |
|||
<template #default="scope"> |
|||
<el-input v-model="scope.row.unqualified" disabled="true">{{scope.row.unqualified= scope.row.reportCount -scope.row.qualified}}</el-input> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="操作" width="100px"> |
|||
<template #default="scope"> |
|||
<el-button type="text" @click="deleteRow(scope.$index)">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
|
|||
|
|||
<template #footer> |
|||
<el-button @click="dialogVisible = false">关闭</el-button> |
|||
<el-button type="primary" :disabled="saveFlag" @click="saveReport">保存</el-button> |
|||
</template> </Dialog |
|||
> |
|||
</template> |
|||
<script lang="ts" setup> |
|||
import { Dialog } from '@/components/Dialog' |
|||
import * as workschedulingApi from '@/api/mes/workScheduling' |
|||
import dayjs from 'dayjs' |
|||
const message = useMessage() // 消息弹窗 |
|||
const { t } = useI18n() // 国际化 |
|||
const rowData = ref() |
|||
const openDetail = async (row: any, titleName: any) => { |
|||
rowData.value = row |
|||
dialogVisible.value = true |
|||
dialogTitle.value = titleName |
|||
getProcessList(row) |
|||
|
|||
} |
|||
const dialogVisible = ref(false) |
|||
const dialogTitle = ref() |
|||
const formLoading = ref(false) |
|||
const processOption = ref([]) |
|||
const personOption=ref([]) |
|||
const processCodeSelected = ref() |
|||
const personSelected = ref() |
|||
const checkFlag = ref(false) |
|||
const reportCount = ref() |
|||
const workTerm = ref() |
|||
const saveFlag=ref(false) |
|||
const tableData=ref([{}]) |
|||
const addRow=()=>{ |
|||
|
|||
if(tableData.value.length<processOption.value.length){ |
|||
tableData.value.push({ |
|||
processCode:processCodeSelected.value, |
|||
processName:processOption.value?.find(item=>item.processCode==processCodeSelected.value)?.processName, |
|||
reportName:personOption.value?.find(item=>item.workerCode==personSelected.value)?.workerName, |
|||
reportCount:reportCount.value, |
|||
workTerm:workTerm.value, |
|||
checkFlag:checkFlag.value}) |
|||
}else{ |
|||
message.alert('超出可报工的工序数量，不能再添加！') |
|||
} |
|||
|
|||
} |
|||
const deleteRow = (index: number) => { |
|||
tableData.value.splice(index, 1) |
|||
} |
|||
//获取工序列表 |
|||
const getProcessList=async(row)=>{ |
|||
let params={ |
|||
planDayCode:row.planMasterCode, |
|||
schedulingCode:row.schedulingCode |
|||
} |
|||
processOption.value=await workschedulingApi.getProcessList(params) |
|||
} |
|||
const processChange=(val:any)=>{ |
|||
//console.log("processChange-81",val) |
|||
getCurrentWorkerList(val) |
|||
} |
|||
//获取工序人员 |
|||
const getCurrentWorkerList = async (val) => { |
|||
//console.log("personOption-91",val) |
|||
let params = { |
|||
planDayCode: rowData.value.planMasterCode, |
|||
processCode: val |
|||
} |
|||
personOption.value = await workschedulingApi.getCurrentWorkerList(params) |
|||
|
|||
} |
|||
const count = ref(0) |
|||
const qcount = ref(1) |
|||
//报工数量处理 |
|||
const handleCount = (row) => { |
|||
if (row.reportCount > rowData.value.planCount) { |
|||
message.alert('报工数量不能超出计划数量！计划数【'+rowData.value.planCount+'】') |
|||
row.reportCount =rowData.value.planCount |
|||
//tableData.value[index].reportCount =rowData.value.planCount |
|||
count.value++ |
|||
return |
|||
} |
|||
//message.alert(row.checkFlag==true?'1':'2') |
|||
if (row.checkFlag) { |
|||
if (row.reportCount < row.qualified) { |
|||
message.alert('合格数不能超出报工数！') |
|||
row.qualified=row.reportCount |
|||
qcount.value++ |
|||
return |
|||
} |
|||
if (row.qualified == undefined || row.qualified == 0) { |
|||
row.qualified = row.reportCount |
|||
qcount.value++ |
|||
} |
|||
|
|||
row.unqualified= row.reportCount- row.qualified |
|||
} |
|||
} |
|||
//提交报工 |
|||
const saveReport = async() => { |
|||
|
|||
saveFlag.value = true |
|||
try { |
|||
let data = { |
|||
planMasterCode: rowData.value.planMasterCode, |
|||
schedulingCode: rowData.value.schedulingCode, |
|||
schedulingDetailList: tableData.value |
|||
} |
|||
//console.log("report-saveReport-170",data) |
|||
workschedulingApi.reportWorkByTask(data) |
|||
}finally{ |
|||
saveFlag.value = false |
|||
dialogVisible.value = false |
|||
emit('close') |
|||
} |
|||
//console.log("report-saveReport-82",data) |
|||
//await workschedulingApi.reportWorkByProcess(data) |
|||
|
|||
} |
|||
// 传递给父类 |
|||
const emit = defineEmits(['success', 'close']) |
|||
|
|||
defineExpose({ openDetail }) // 提供 open 方法，用于打开弹窗 |
|||
</script> |
|||
Loading…
Reference in new issue