修改派工显示

This commit is contained in:
shaoleiliu-netizen123 2026-08-04 13:14:45 +08:00
parent c83470087e
commit 296e6d74df
4 changed files with 138 additions and 161 deletions

View File

@ -112,13 +112,6 @@
/> />
</n-form-item> </n-form-item>
<n-form-item label="所属工段" path="sectionId"> <n-form-item label="所属工段" path="sectionId">
<!-- <n-select
v-model:value="formData.sectionId"
:options="sectionList"
placeholder="请选择所属工段"
clearable
style="width: 200px"
/> -->
<n-tree-select <n-tree-select
v-model:value="formData.sectionId" v-model:value="formData.sectionId"
cascade cascade

View File

@ -54,13 +54,26 @@
:columns="columns" :columns="columns"
:data="tableData" :data="tableData"
:loading="loading" :loading="loading"
:pagination="pagination"
:row-key="(row) => row.id" :row-key="(row) => row.id"
:scroll-x="1200" :scroll-x="1200"
/>
<div class="pagination-container" style="display: flex; justify-content: flex-end; margin-top: 12px">
<n-pagination
v-model:page="pagination.page"
v-model:page-size="pagination.pageSize"
:item-count="pagination.itemCount"
:page-sizes="[10, 20, 50, 100]"
show-size-picker
show-quick-jumper
@update:page="handlePageChange" @update:page="handlePageChange"
@update:page-size="handlePageSizeChange" @update:page-size="handlePageSizeChange"
@update:checked-row-keys="handleCheck" @update:checked-row-keys="handleCheck"
/> >
<template #prefix>
{{ pagination.itemCount }}
</template>
</n-pagination>
</div>
</n-card> </n-card>
<!-- 新增/编辑弹窗 --> <!-- 新增/编辑弹窗 -->
@ -138,7 +151,6 @@ import { stationHandoverApi, type StationHandover } from '@/api/stationHandover'
import { sectionApi,Section } from '@/api/section' import { sectionApi,Section } from '@/api/section'
import { deviceApi,Device} from '@/api/device' import { deviceApi,Device} from '@/api/device'
import { userApi,SysUser } from '@/api/system' import { userApi,SysUser } from '@/api/system'
import { label } from 'three/tsl'
import {deptApi} from "@/api/org.ts"; import {deptApi} from "@/api/org.ts";
import {TreeNode} from "echarts/types/src/data/Tree"; import {TreeNode} from "echarts/types/src/data/Tree";
@ -192,7 +204,6 @@ const formRules = {
// //
const columns: DataTableColumns<StationHandover> = [ const columns: DataTableColumns<StationHandover> = [
{ type: 'selection' }, { type: 'selection' },
{ title: '主键', key: 'id' },
{ title: '设备/工位', key: 'deviceName' }, { title: '设备/工位', key: 'deviceName' },
{ title: '上机人', key: 'handoverPerson' }, { title: '上机人', key: 'handoverPerson' },
{ title: '接收人', key: 'receiverPerson' }, { title: '接收人', key: 'receiverPerson' },

View File

@ -64,6 +64,33 @@
</n-space> </n-space>
</template> </template>
</n-modal> </n-modal>
<!--派工详情弹窗-->
<n-modal v-model:show="showAssingWorkDetail" title="派工详情" style="width: 1000px" >
<n-card>
<n-descriptions :column="2" bordered size="small" label-placement="left" style="margin-bottom: 16px">
<n-descriptions-item label="物料编码">{{ assingWorkDetail.materialCode || '-' }}</n-descriptions-item>
<n-descriptions-item label="物料名称">{{ assingWorkDetail.materialName || '-' }}</n-descriptions-item>
<n-descriptions-item label="工序名称">{{ assingWorkDetail.processName || '-' }}</n-descriptions-item>
<n-descriptions-item label="车间名称">{{ assingWorkDetail.workshopName || '-' }}</n-descriptions-item>
<n-descriptions-item label="生产工段">{{ assingWorkDetail.sectionName || '-' }}</n-descriptions-item>
<n-descriptions-item label="生产设备">{{ assingWorkDetail.deviceName || '-' }}</n-descriptions-item>
<n-descriptions-item label="派工编号">{{ assingWorkDetail.assingCode || '-' }}</n-descriptions-item>
<n-descriptions-item label="派工数量">{{ assingWorkDetail.quantity ?? '-' }}</n-descriptions-item>
<n-descriptions-item label="是否返工">{{ handlerReWork(assingWorkDetail.rework) ?? '-' }}</n-descriptions-item>
<n-descriptions-item label="返工数量">{{ assingWorkDetail.reworkNum ?? '-' }}</n-descriptions-item>
<n-descriptions-item label="派工状态">{{ handlerPatchStatus(assingWorkDetail.assingStatus) ?? '-' }}</n-descriptions-item>
</n-descriptions>
<template #footer>
<n-space justify="end">
<n-button @click="showAssingWorkDetail = false">取消</n-button>
</n-space>
</template>
</n-card>
</n-modal>
</div> </div>
</template> </template>
@ -78,14 +105,13 @@ import {
import { mytasks,type AssingWork } from '@/api/production'; import { mytasks,type AssingWork } from '@/api/production';
import { import {
NButton, NSpace, NTag, NDataTable, DataTableColumns NButton, NSpace, NTag, NDataTable, DataTableColumns, NDescriptions, NDescriptionsItem
} from 'naive-ui' } from 'naive-ui'
import { dictDataApi } from '@/api/org' import { dictDataApi } from '@/api/org'
import { assingWorkDetailApi,AssingWorkDetail } from '@/api/AssingWorkDetail' import { assingWorkDetailApi,AssingWorkDetail } from '@/api/AssingWorkDetail'
import { SubmitLog } from '@/api/submitLog'
import SubmitLogInfoPage from "@/views/production/componets/SubmitLogInfoPage.vue"; import SubmitLogInfoPage from "@/views/production/componets/SubmitLogInfoPage.vue";
import {QualityTesting} from "@/api/qualityTesting.ts";
import QualityInfoPage from "@/views/production/componets/QualityInfoPage.vue"; import QualityInfoPage from "@/views/production/componets/QualityInfoPage.vue";
import Button from "naive-ui/es/button/src/Button";
const defaultBaseInfo = ref({ const defaultBaseInfo = ref({
@ -100,6 +126,7 @@ const defaultBaseInfo = ref({
const baseInfo = ref({...defaultBaseInfo}) const baseInfo = ref({...defaultBaseInfo})
const qcAssingStatusOptions = ref<{ label: string; value: any;class:any }[]>([]) const qcAssingStatusOptions = ref<{ label: string; value: any;class:any }[]>([])
const qcAssingWorkDetailStatusOptions = ref<{ label: string; value: any;class:any }[]>([])
// //
const tableLoading = ref<Boolean>(false) const tableLoading = ref<Boolean>(false)
@ -109,6 +136,9 @@ const AssingWorkExpandedKeys = ref<Array<string |number>>([])
const processName = ref<string>() const processName = ref<string>()
//
const showAssingWorkDetail = ref<boolean>(false)
const assingWorkDetail = ref<AssingWork>({})
const AssingWorkColumns :DataTableColumns<AssingWork> = [ const AssingWorkColumns :DataTableColumns<AssingWork> = [
@ -118,34 +148,29 @@ const AssingWorkColumns :DataTableColumns<AssingWork> = [
expandable:()=>true, expandable:()=>true,
renderExpand:(row) => renderAssingWorkExpand(row) renderExpand:(row) => renderAssingWorkExpand(row)
}, },
{
align:"center",
title:"物料名称",
key:"materialName",
minWidth:150,
render(row:any) {
var opt = row.materialName
if(opt) return opt
return '-'
}
},
{
align:"center",
title:"物料编码",
key:"materialCode",
minWidth:150,
render(row:any) {
var opt = row.materialCode
if(opt) return opt
return '-'
}
},
{ {
align:"center", align:"center",
title:"派工编号", title:"派工编号",
key:"assingCode", key:"assingCode",
minWidth:150 minWidth:150,
render(row:any) {
return h(
'a',
{
class: 'route-code-link',
href: 'javascript:;',
style: {
color: '#2080f0',
textDecoration: 'underline',
cursor: 'pointer',
},
onClick: (e: MouseEvent) => {
viewAssingWorkDetail(row)
},
},
row.assingCode
)
}
}, },
{ {
align:'center', align:'center',
@ -172,23 +197,22 @@ const AssingWorkColumns :DataTableColumns<AssingWork> = [
return h(NTag, { type: opt.class, size: 'small' }, { default: () => opt.label }) return h(NTag, { type: opt.class, size: 'small' }, { default: () => opt.label })
} }
//0 1 2+34
}, },
// {
// align:'center',
// title: '',
// key: 'workshopName',
// minWidth: 200
// },
// {
// align:'center',
// title: '',
// key: 'sectionName',
// minWidth: 200
// },
{ {
align:'center', align:'center',
title: '车间名称', title: '工位/设备',
key: 'workshopName',
minWidth: 200
},
{
align:'center',
title: '工段名称',
key: 'sectionName',
minWidth: 200
},
{
align:'center',
title: '工位名称',
key: 'deviceName', key: 'deviceName',
minWidth: 200 minWidth: 200
}, },
@ -198,22 +222,6 @@ const AssingWorkColumns :DataTableColumns<AssingWork> = [
minWidth: 100, minWidth: 100,
key: 'quantity' key: 'quantity'
}, },
{
align:'center',
title: '是否返工',
key: 'rework',
minWidth: 100,
render(row:any) {
const quit = row.rework === 1
return h(NTag, {type: quit ? 'error' : 'success', size: 'small'}, {default: () => (quit ? '是' : '否')})
}
},
{
align:'center',
title: '返工次数',
key: 'reworkNum',
minWidth: 150
},
{ {
align:'center', align:'center',
title: '完成数量', title: '完成数量',
@ -228,23 +236,7 @@ const AssingWorkColumns :DataTableColumns<AssingWork> = [
}, },
{ {
align:'center', align:'center',
title: '是否质检打回', title: '状态',
key: 'qualityReturn',
minWidth: 120,
render(row:any) {
const quit = row.qualityReturn === 1
return h(NTag, {type: quit ? 'error' : 'success', size: 'small'}, {default: () => (quit ? '是' : '否')})
}
},
{
align:'center',
title: '质检打回数量',
key: 'qualityReturnNum',
minWidth: 150
},
{
align:'center',
title: '工序状态',
key: 'status', key: 'status',
minWidth: 100, minWidth: 100,
render(row:any) { render(row:any) {
@ -281,18 +273,6 @@ const AssingWorkColumns :DataTableColumns<AssingWork> = [
return '-' return '-'
} }
}, },
{
align:'center',
title: '暂停/改派时间',
key: 'pauseTime',
minWidth: 150
},
{
align:'center',
title: '暂停/改派原因',
key: 'reason',
minWidth: 150
},
{ {
align:'center', align:'center',
title: '操作', title: '操作',
@ -337,9 +317,6 @@ const AssingWorkColumns :DataTableColumns<AssingWork> = [
const showQcReport = ref<boolean>(false) const showQcReport = ref<boolean>(false)
const reportTitle = ref<string>() const reportTitle = ref<string>()
const submitLogList = ref<SubmitLog[]>([])
const qualityList = ref<QualityTesting[]>([])
// //
const loadingRowIds = ref<Set<number>>(new Set()) const loadingRowIds = ref<Set<number>>(new Set())
@ -360,26 +337,41 @@ const AssingWorkDetailColums:DataTableColumns<AssingWorkDetail> = [
align:"center", align:"center",
title:"数量", title:"数量",
key:"num", key:"num",
width:150 width:80
}, },
{ {
align:"center", align:"center",
title:"来源", title:"来源",
key:"source", key:"source",
width:150, width:100,
render(row:any) { render(row:any) {
var opt = row.deviceName var opt = row.source
if(opt == 1) return '设备' if(opt == 1) return '设备'
if(opt == 2) return '终端' if(opt == 2) return '终端'
if(opt == 3) return '后台' if(opt == 3) return '后台'
return '-' return '-'
} }
}, },
{
align:'center',
title: '质检状态',
key: 'status',
width: 100,
render(row:any) {
const val = row.status
const opt = qcAssingWorkDetailStatusOptions.value.find(o => o.value === val || String(o.value) === String(val))
if (!opt) return val ?? '-'
return h(NTag, { type: opt.class, size: 'small' }, { default: () => opt.label })
}
//0 1 2+34
},
{ {
align:"center", align:"center",
title:"操作人", title:"操作人",
key:"userName", key:"userName",
width:150 width:100
}, },
{ {
align:"center", align:"center",
@ -446,10 +438,13 @@ const AssingWorkAllExpanded = computed(()=>{
}) })
function AssingWorkToggleExpandAll() { function AssingWorkToggleExpandAll() {
console.log(AssingWorkTableData.value)
if(AssingWorkAllExpanded.value) { if(AssingWorkAllExpanded.value) {
console.log(AssingWorkTableData.value)
AssingWorkExpandedKeys.value = [] AssingWorkExpandedKeys.value = []
}else{ }else{
AssingWorkExpandedKeys.value = AssingWorkTableData.value.map(RowKey) AssingWorkExpandedKeys.value = AssingWorkTableData.value.map(RowKey)
console.log(AssingWorkTableData.value)
} }
} }
@ -493,8 +488,6 @@ function renderAssingWorkExpand(row: AssingWork) {
async function getAssingWorkDetail(assingWorkId:number) { async function getAssingWorkDetail(assingWorkId:number) {
const res = await assingWorkDetailApi.selectAssingWorkDetailListByAssingWorkId(assingWorkId) const res = await assingWorkDetailApi.selectAssingWorkDetailListByAssingWorkId(assingWorkId)
console.log(res);
return res return res
} }
@ -505,6 +498,10 @@ async function loadDictOptions() {
const data = await dictDataApi.listByType('assing_status') const data = await dictDataApi.listByType('assing_status')
qcAssingStatusOptions.value = data.map(d => ({ label: d.dictLabel, value: (Number(d.dictValue) || d.dictValue),class:d.listClass })) qcAssingStatusOptions.value = data.map(d => ({ label: d.dictLabel, value: (Number(d.dictValue) || d.dictValue),class:d.listClass }))
}catch {} }catch {}
try {
const data = await dictDataApi.listByType('assing_work_detail_status')
qcAssingWorkDetailStatusOptions.value = data.map(d => ({ label: d.dictLabel, value: (Number(d.dictValue) || d.dictValue),class:d.listClass }))
}catch {}
} }
@ -529,8 +526,28 @@ function handleQualityRecords(row:any) {
baseInfo.value.logOrQuality = "Quality" baseInfo.value.logOrQuality = "Quality"
} }
const viewAssingWorkDetail= ((row:any)=>{
showAssingWorkDetail.value = true
assingWorkDetail.value = row
console.log(assingWorkDetail.value)
})
const handlerReWork = ((row:any)=>{
if (row == 0) return '否'
if (row == 1) return '是'
})
const handlerPatchStatus = ((row:any)=>{
const val = row
console.log(qcAssingStatusOptions.value)
const opt = qcAssingStatusOptions.value.find(
o => o.value === val || String(o.value) === String(val)
)
if (!opt) return val ?? '-'
console.log( opt)
return opt.label
})
onMounted(()=>{ onMounted(()=>{
getlist() getlist()

View File

@ -230,7 +230,7 @@ import {
inspectio inspectio
} from '@/api/production' } from '@/api/production'
import PlmModelDrawer from '@/components/PlmModelDrawer.vue' import PlmModelDrawer from '@/components/PlmModelDrawer.vue'
import type { PlmModelOpenContext } from '@/api/plmModel'
import AssingWorkVue from '@/views/biz/flowingAround/assingWork.vue' import AssingWorkVue from '@/views/biz/flowingAround/assingWork.vue'
import { qualityTestingApi, type QualityTesting } from '@/api/qualityTesting' import { qualityTestingApi, type QualityTesting } from '@/api/qualityTesting'
import SumbitDetailCard from '@/components/SumbitDetailCard.vue' import SumbitDetailCard from '@/components/SumbitDetailCard.vue'
@ -371,22 +371,6 @@ const columns = [
minWidth: 100, minWidth: 100,
key: 'quantity' key: 'quantity'
}, },
{
align:'center',
title: '是否返工',
key: 'rework',
minWidth: 100,
render(row:any) {
const quit = row.rework === 1
return h(NTag, {type: quit ? 'error' : 'success', size: 'small'}, {default: () => (quit ? '是' : '否')})
}
},
{
align:'center',
title: '返工次数',
key: 'reworkNum',
minWidth: 150
},
{ {
align:'center', align:'center',
title: '完成数量', title: '完成数量',
@ -405,22 +389,6 @@ const columns = [
key: 'createBy', key: 'createBy',
minWidth: 150 minWidth: 150
}, },
{
align:'center',
title: '是否质检打回',
key: 'qualityReturn',
minWidth: 120,
render(row:any) {
const quit = row.qualityReturn === 1
return h(NTag, {type: quit ? 'error' : 'success', size: 'small'}, {default: () => (quit ? '是' : '否')})
}
},
{
align:'center',
title: '质检打回数量',
key: 'qualityReturnNum',
minWidth: 150
},
{ {
align:'center', align:'center',
title: '工序状态', title: '工序状态',
@ -460,18 +428,6 @@ const columns = [
return '-' return '-'
} }
}, },
{
align:'center',
title: '暂停/改派时间',
key: 'pauseTime',
minWidth: 150
},
{
align:'center',
title: '暂停/改派原因',
key: 'reason',
minWidth: 150
},
{ {
align:'center', align:'center',
title: '操作', title: '操作',