xutao
/
lx-MOM-front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

first

Browse Source
master
吴普建 12 months ago
parent 003897fbc2
commit 1a9689c228
2 changed files with 437 additions and 375 deletions
Show Stats Download Patch File Download Diff File

17
src/service/api/md/workbench/enamelling/index.ts
Unescape Escape View File

@ -2,31 +2,34 @@ import { request } from '~/src/service/request';
// 获取列表
export const getWorkbenchEnamellingList = (params: any) => {
return request.get('/md/mes/md/mdWorkbenchEnamelling/list', { params });
return request.get('/md/mes/md/mdWorkbenchEnamelling/list', { params });
};
export const getMdPrintData = (params: any) => {
return request.get('/mes/md/mdPrintData', { params });
};
export const selectAllWorkbenchEnamellingList = (params: any) => {
return request.get('/md/mes/md/mdWorkbenchEnamelling/selectAll', { params });
return request.get('/md/mes/md/mdWorkbenchEnamelling/selectAll', { params });
};
// 通过ID查询单条数据
export const queryWorkbenchEnamellingById = (params: any) => {
return request.get(`/md/mes/md/mdWorkbenchEnamelling/${params.id}`);
return request.get(`/md/mes/md/mdWorkbenchEnamelling/${params.id}`);
};
// 删除产品
export const deleteWorkbenchEnamelling = (params: any) => {
return request.delete(`/md/mes/md/mdWorkbenchEnamelling/${params.id}`);
return request.delete(`/md/mes/md/mdWorkbenchEnamelling/${params.id}`);
};
// 新增产品
export const addWorkbenchEnamelling = (data: any) => {
return request.post(`/md/mes/md/mdWorkbenchEnamelling`, data);
return request.post(`/md/mes/md/mdWorkbenchEnamelling`, data);
};
// 编辑
export const editWorkbenchEnamelling = (data: any) => {
return request.put(`/md/mes/md/mdWorkbenchEnamelling`, data);
return request.put(`/md/mes/md/mdWorkbenchEnamelling`, data);
};
// 启用禁用
export const updateIsEnable = (data: any) => {
return request.put(`/md/mes/md/mdWorkbenchEnamelling/updateEnable`, data);
return request.put(`/md/mes/md/mdWorkbenchEnamelling/updateEnable`, data);
};

795
src/views/produce/workRecords/index.vue
Unescape Escape View File

@ -1,143 +1,144 @@
<template>
<div>
<my-card title="搜索条件" search>
<n-form label-placement="top" class="flex gap-2" style="display: flex; flex-wrap: wrap">
<n-form-item label="工单类型">
<n-select
v-model:value="searchForm.taskType"
placeholder="请选择工单类型"
class="w-160px"
:options="processOptions"
:style="{ width: formItemWidth }"
@update-value="selectTaskType"
></n-select>
</n-form-item>
<n-form-item label="生产工单号">
<n-input
v-model:value="searchForm.taskSn"
type="text"
placeholder="生产工单号"
:style="{ width: formItemWidth }"
/>
</n-form-item>
<n-form-item label="机台">
<n-select
v-model:value="searchForm.workstationId"
placeholder="请选择机台"
:options="machineList"
class="w-160px"
:style="{ width: formItemWidth }"
></n-select>
</n-form-item>
<n-form-item label="报工时间">
<n-date-picker v-model:value="range" type="datetimerange" clearable />
</n-form-item>
<n-form-item label="批号">
<n-input
v-model:value="searchForm.batchCode"
placeholder="请输入批号"
:style="{ width: formItemWidth }"
></n-input>
</n-form-item>
<n-form-item label="规格">
<n-input
v-model:value="searchForm.itemSpecification"
placeholder="请输入规格"
:style="{ width: formItemWidth }"
></n-input>
</n-form-item>
<!-- <n-form-item label="贸易商">
<n-select
v-model:value="ingredientsId"
placeholder="请选择贸易商"
:filterable="true"
:options="merchantList"
:style="{ width: formItemWidth }"
@update-value="(val, item: any) => {
searchForm.ingredientsName = item.label;
}
"
></n-select>
</n-form-item>
<n-form-item label="规格">
<n-select
v-model:value="itemId"
placeholder="选择规格"
:filterable="true"
:options="specificationList"
:style="{ width: formItemWidth }"
@update-value="(val, item: any) => {
searchForm.itemSpecification = item.label;
}
"
></n-select>
</n-form-item>
<n-form-item label="材料厂家">
<n-select
v-model:value="manufacturerId"
placeholder="选择材料厂家"
:filterable="true"
:options="manufacturerList"
@update-value="(val, item: any) => {
searchForm.manufacturerName = item.label;
}
"
></n-select>
</n-form-item>
<n-form-item label="称重时间">
<n-date-picker
v-model:formatted-value="searchForm.weightTime"
type="date"
:style="{ width: formItemWidth }"
clearable
/>
</n-form-item> -->
<n-form-item label="投料二维码">
<n-input
v-model:value="searchForm.inputSn"
placeholder="请输入投料二维码"
:style="{ width: formItemWidth }"
></n-input>
</n-form-item>
<n-form-item label="报工二维码">
<n-input
v-model:value="searchForm.outputSn"
placeholder="请输入报工二维码"
:style="{ width: formItemWidth }"
></n-input>
</n-form-item>
<n-form-item>
<component :is="useSearchBtn(search, resetThen)"></component>
</n-form-item>
</n-form>
</my-card>
<div>
<my-card title="搜索条件" search>
<n-form label-placement="top" class="flex gap-2" style="display: flex; flex-wrap: wrap">
<n-form-item label="工单类型">
<n-select
v-model:value="searchForm.taskType"
placeholder="请选择工单类型"
class="w-160px"
:options="processOptions"
:style="{ width: formItemWidth }"
@update-value="selectTaskType"
></n-select>
</n-form-item>
<n-form-item label="生产工单号">
<n-input
v-model:value="searchForm.taskSn"
type="text"
placeholder="生产工单号"
:style="{ width: formItemWidth }"
/>
</n-form-item>
<n-form-item label="机台">
<n-select
v-model:value="searchForm.workstationId"
placeholder="请选择机台"
:options="machineList"
class="w-160px"
:style="{ width: formItemWidth }"
></n-select>
</n-form-item>
<n-form-item label="报工时间">
<n-date-picker v-model:value="range" type="datetimerange" clearable />
</n-form-item>
<n-form-item label="批号">
<n-input
v-model:value="searchForm.batchCode"
placeholder="请输入批号"
:style="{ width: formItemWidth }"
></n-input>
</n-form-item>
<n-form-item label="规格">
<n-input
v-model:value="searchForm.itemSpecification"
placeholder="请输入规格"
:style="{ width: formItemWidth }"
></n-input>
</n-form-item>
<!-- <n-form-item label="贸易商">
<n-select
v-model:value="ingredientsId"
placeholder="请选择贸易商"
:filterable="true"
:options="merchantList"
:style="{ width: formItemWidth }"
@update-value="(val, item: any) => {
searchForm.ingredientsName = item.label;
}
"
></n-select>
</n-form-item>
<n-form-item label="规格">
<n-select
v-model:value="itemId"
placeholder="选择规格"
:filterable="true"
:options="specificationList"
:style="{ width: formItemWidth }"
@update-value="(val, item: any) => {
searchForm.itemSpecification = item.label;
}
"
></n-select>
</n-form-item>
<n-form-item label="材料厂家">
<n-select
v-model:value="manufacturerId"
placeholder="选择材料厂家"
:filterable="true"
:options="manufacturerList"
@update-value="(val, item: any) => {
searchForm.manufacturerName = item.label;
}
"
></n-select>
</n-form-item>
<n-form-item label="称重时间">
<n-date-picker
v-model:formatted-value="searchForm.weightTime"
type="date"
:style="{ width: formItemWidth }"
clearable
/>
</n-form-item> -->
<n-form-item label="投料二维码">
<n-input
v-model:value="searchForm.inputSn"
placeholder="请输入投料二维码"
:style="{ width: formItemWidth }"
></n-input>
</n-form-item>
<n-form-item label="报工二维码">
<n-input
v-model:value="searchForm.outputSn"
placeholder="请输入报工二维码"
:style="{ width: formItemWidth }"
></n-input>
</n-form-item>
<n-form-item>
<component :is="useSearchBtn(search, resetThen)"></component>
</n-form-item>
</n-form>
</my-card>
<my-card title="报工记录">
<template #right>
<div style="display: flex">
<!-- <n-button type="info" size="small" style="margin-right: 10px" @click="lookReport">查看报表</n-button> -->
<CxColumns v-if="searchForm.taskType === 0" v-model:columns="lsColumns" />
<CxColumns v-else v-model:columns="qbColumns" />
</div>
</template>
<n-data-table
:loading="loading"
:columns="searchForm.taskType === 0 ? lsColumns : qbColumns"
:data="data"
:scroll-x="dataTableConfig.scrollWidth(columns)"
:max-height="dataTableConfig.maxHeight"
></n-data-table>
<my-pagination v-model:search-form="searchForm" @init="init"></my-pagination>
</my-card>
</div>
<my-card title="报工记录">
<template #right>
<div style="display: flex">
<!-- <n-button type="info" size="small" style="margin-right: 10px" @click="lookReport">查看报表</n-button> -->
<CxColumns v-if="searchForm.taskType === 0" v-model:columns="lsColumns" />
<CxColumns v-else v-model:columns="qbColumns" />
</div>
</template>
<n-data-table
:loading="loading"
:columns="searchForm.taskType === 0 ? lsColumns : qbColumns"
:data="data"
:scroll-x="dataTableConfig.scrollWidth(columns)"
:max-height="dataTableConfig.maxHeight"
></n-data-table>
<my-pagination v-model:search-form="searchForm" @init="init"></my-pagination>
</my-card>
</div>
</template>
<script setup lang="tsx">
import { ref, onMounted } from 'vue';
import type { Ref } from 'vue';
import { hiprint } from 'vue-plugin-hiprint';
import type { DataTableColumns } from 'naive-ui';
import { getWorkbenchWiredrawingList } from '@/service/api/md/workbench/wiredrawing';
import { getWorkbenchEnamellingList } from '@/service/api/md/workbench/enamelling';
import { getWorkbenchEnamellingList, getMdPrintData } from '@/service/api/md/workbench/enamelling';
// import { getMaterialList } from '@/service/api/md/itemlist/index';
// import { getIngredientsTradersList } from '@/service/api/md/ingredients/traders';
// import { getIngredientsManufacturerList } from '@/service/api/md/ingredients/manufacturer';
@ -147,23 +148,26 @@ import { useLoading } from '~/src/hooks';
import { getOutputLog } from '~/src/service/api/produre/workRecords/index';
import { formatDate } from '~/src/utils/form/rule';
import { useResetSearch } from '~/src/utils/common/searchReset';
import { useSocketStore } from '@/store/modules/socket';
const { loading, startLoading, endLoading } = useLoading();
const socketStore = useSocketStore();
const { searchForm, reset } = useResetSearch({
taskSn: '', // 生产工单号
workstationId: null, // 机台
taskType: 0, // 工单类型
orderSn: '', // 订单编号
pageNum: 1,
pageSize: 10,
total: 0,
batchCode: '',
ingredientsName: '',
manufacturerName: '',
itemSpecification: '',
weightTime: null,
outputSn: '',
inputSn: ''
taskSn: '', // 生产工单号
workstationId: null, // 机台
taskType: 0, // 工单类型
orderSn: '', // 订单编号
pageNum: 1,
pageSize: 10,
total: 0,
batchCode: '',
ingredientsName: '',
manufacturerName: '',
itemSpecification: '',
weightTime: null,
outputSn: '',
inputSn: ''
});
const ingredientsId = ref<number | null>(null);
@ -171,14 +175,14 @@ const manufacturerId = ref<number | null>(null);
const itemId = ref<number | null>(null);
const processOptions = [
{
value: 0,
label: '金属'
},
{
value: 1,
label: '板材'
}
{
value: 0,
label: '金属'
},
{
value: 1,
label: '板材'
}
];
const machineList = ref<{ label: string; value: number }[]>([]);
@ -197,147 +201,166 @@ const columnsFilterData = ref<Array<string>>(['alexPositionNumber', 'alexLot']);
const data = ref<workRecords.TabelList[]>([]);
const columns: Ref<DataTableColumns<workRecords.TabelList>> = ref([
{
title: '序号',
key: 'index',
align: 'center',
width: 70,
render: (_row, index) => (searchForm.value.pageNum - 1) * searchForm.value.pageSize + index + 1
},
{
title: '工单类型',
align: 'center',
key: 'taskType',
width: 100,
render: row => {
return row.taskType === '0' ? '金属' : '板材';
}
},
{
title: '机台',
align: 'center',
key: 'workstationCode',
width: 100
},
{
title: '轴位置数',
align: 'center',
key: 'alexPositionNumber',
width: 100
},
{
title: '批次',
align: 'center',
key: 'alexLot',
width: 100
},
{
title: '订单类型',
align: 'center',
key: 'orderType',
width: 100,
render: row => {
return row.orderType === '0' ? '客户订单' : '备库订单';
}
},
{
title: '客户',
align: 'center',
key: 'clientName',
width: 150,
ellipsis: {
tooltip: true
}
},
{
title: '生产工单号',
align: 'center',
key: 'taskSn',
width: 140,
ellipsis: {
tooltip: true
}
},
{
title: '投料二维码',
align: 'center',
key: 'inputSn',
width: 140,
render: row => {
return (
<n-space>
<n-ellipsis line-clamp="1">{row.inputSn}</n-ellipsis>
</n-space>
);
}
},
{
title: '报工二维码',
align: 'center',
key: 'outputSn',
width: 140,
render: row => {
return (
<n-space>
<n-ellipsis line-clamp="1">{row.outputSn}</n-ellipsis>
</n-space>
);
}
},
{
title: '产品型号',
align: 'center',
key: 'productModel',
width: 100
},
{
title: '产品规格',
align: 'center',
key: 'productSpecification',
width: 100
},
{
title: '报工数量',
align: 'center',
key: 'outputWeight',
width: 100
},
{
title: '报工规格',
align: 'center',
key: 'itemSpecification',
width: 100
},
{
title: '单位',
align: 'center',
key: 'measureName',
width: 100
},
{
title: '报工时间',
align: 'center',
key: 'createTime',
width: 180
},
{
title: '报工人',
align: 'center',
key: 'createBy',
width: 100
},
{
title: '报工工号',
align: 'center',
key: 'jobNumber',
width: 100
},
{
title: '批号',
align: 'center',
key: 'batchCode',
width: 100
}
{
title: '序号',
key: 'index',
align: 'center',
width: 70,
render: (_row, index) => (searchForm.value.pageNum - 1) * searchForm.value.pageSize + index + 1
},
{
title: '工单类型',
align: 'center',
key: 'taskType',
width: 100,
render: row => {
return row.taskType === '0' ? '金属' : '板材';
}
},
{
title: '机台',
align: 'center',
key: 'workstationCode',
width: 100
},
{
title: '轴位置数',
align: 'center',
key: 'alexPositionNumber',
width: 100
},
{
title: '批次',
align: 'center',
key: 'alexLot',
width: 100
},
{
title: '订单类型',
align: 'center',
key: 'orderType',
width: 100,
render: row => {
return row.orderType === '0' ? '客户订单' : '备库订单';
}
},
{
title: '客户',
align: 'center',
key: 'clientName',
width: 150,
ellipsis: {
tooltip: true
}
},
{
title: '生产工单号',
align: 'center',
key: 'taskSn',
width: 140,
ellipsis: {
tooltip: true
}
},
{
title: '投料二维码',
align: 'center',
key: 'inputSn',
width: 140,
render: row => {
return (
<n-space>
<n-ellipsis line-clamp="1">{row.inputSn}</n-ellipsis>
</n-space>
);
}
},
{
title: '报工二维码',
align: 'center',
key: 'outputSn',
width: 140,
render: row => {
return (
<n-space>
<n-ellipsis line-clamp="1">{row.outputSn}</n-ellipsis>
</n-space>
);
}
},
{
title: '产品型号',
align: 'center',
key: 'productModel',
width: 100
},
{
title: '产品规格',
align: 'center',
key: 'productSpecification',
width: 100
},
{
title: '报工数量（副）',
align: 'center',
key: 'outputWeight',
width: 100
},
{
title: '报工规格',
align: 'center',
key: 'itemSpecification',
width: 100
},
{
title: '单位',
align: 'center',
key: 'measureName',
width: 100
},
{
title: '报工时间',
align: 'center',
key: 'createTime',
width: 180
},
{
title: '报工人',
align: 'center',
key: 'createBy',
width: 100
},
{
title: '报工工号',
align: 'center',
key: 'jobNumber',
width: 100
},
{
title: '批号',
align: 'center',
key: 'batchCode',
width: 100
},
{
title: '操作',
key: 'action',
fixed: 'right',
width: 100,
render(row) {
return (
<n-button
type="primary"
size="tiny"
onClick={() => {
printTemp(row);
}}
>
补打标签
</n-button>
);
}
}
]);
const lsColumns: Ref<DataTableColumns<workRecords.TabelList>> = ref([]);
@ -345,61 +368,61 @@ const lsColumns: Ref<DataTableColumns<workRecords.TabelList>> = ref([]);
const qbColumns: Ref<DataTableColumns<workRecords.TabelList>> = ref([]);
function search(): void {
if (range.value !== null) {
searchForm.value['params[beginTime]'] = formatDate(new Date(range.value[0]), 'yyyy-MM-dd');
searchForm.value['params[endTime]'] = formatDate(new Date(range.value[1]), 'yyyy-MM-dd');
} else {
searchForm.value['params[beginTime]'] = null;
searchForm.value['params[endTime]'] = null;
}
init();
if (range.value !== null) {
searchForm.value['params[beginTime]'] = formatDate(new Date(range.value[0]), 'yyyy-MM-dd');
searchForm.value['params[endTime]'] = formatDate(new Date(range.value[1]), 'yyyy-MM-dd');
} else {
searchForm.value['params[beginTime]'] = null;
searchForm.value['params[endTime]'] = null;
}
init();
}
function resetThen(): void {
reset();
ingredientsId.value = null;
manufacturerId.value = null;
itemId.value = null;
range.value = null;
search();
reset();
ingredientsId.value = null;
manufacturerId.value = null;
itemId.value = null;
range.value = null;
search();
}
function selectTaskType(value: number) {
if (value === searchForm.value.taskType) return;
searchForm.value.taskType = value;
searchForm.value.workstationId = null;
init();
if (searchForm.value.taskType === 0) {
machineList.value = [];
wiredrawingList.value.forEach(item => {
machineList.value.push({
label: item.label,
value: item.value
});
});
lsColumns.value = columns.value.filter((item: any) => !columnsFilterData.value.includes(item.key));
} else {
qbColumns.value = columns.value.map(item => item);
if (isGetEnamelCoverList.value) {
machineList.value = [];
enamellingList.value.forEach(item => {
machineList.value.push({
label: item.label,
value: item.value
});
});
return;
}
getWorkbenchEnamellingList({ pageSize: 999 }).then(res => {
isGetEnamelCoverList.value = true;
res.rows.forEach((item: { equipmentCode: any; id: any }) => {
enamellingList.value.push({
label: item.equipmentCode,
value: item.id
});
});
machineList.value = enamellingList.value;
});
}
if (value === searchForm.value.taskType) return;
searchForm.value.taskType = value;
searchForm.value.workstationId = null;
init();
if (searchForm.value.taskType === 0) {
machineList.value = [];
wiredrawingList.value.forEach(item => {
machineList.value.push({
label: item.label,
value: item.value
});
});
lsColumns.value = columns.value.filter((item: any) => !columnsFilterData.value.includes(item.key));
} else {
qbColumns.value = columns.value.map(item => item);
if (isGetEnamelCoverList.value) {
machineList.value = [];
enamellingList.value.forEach(item => {
machineList.value.push({
label: item.label,
value: item.value
});
});
return;
}
getWorkbenchEnamellingList({ pageSize: 999 }).then(res => {
isGetEnamelCoverList.value = true;
res.rows.forEach((item: { equipmentCode: any; id: any }) => {
enamellingList.value.push({
label: item.equipmentCode,
value: item.id
});
});
machineList.value = enamellingList.value;
});
}
}
// function lookReport() {
// let url = 'http://huaerda-jimu.24yt.com/jmreport/view/989752370909216768';
@ -456,33 +479,69 @@ function selectTaskType(value: number) {
// });
// }
function printTemp(row: any) {
let printData = row.printObj;
if (window.hiwebSocket?.opened) {
if (!printData) {
window.$message?.error('补打数据为空，不可打印！');
return;
}
const hiprintTemplate = new hiprint.PrintTemplate({ template: JSON.parse(printData?.templateJson) });
hiprintTemplate.print2(JSON.parse(printData?.templateData));
} else {
window.$message?.error('客户端未连接,无法直接打印');
}
// getMdPrintData({bizId: id}).then(res => {
// console.log(res)
// })
// socketStore.setMsg(
// JSON.stringify({
// templateType: 'paintStorage',
// printValue: [rawMaterial1Row.value],
// reprintData: reprintDatas
// })
// );
// window.$message?.success('已发送打印命令');
// if (window.hiwebSocket.opened) {
// if (!printData) {
// window.$message?.error('补打数据为空，不可打印！');
// return;
// }
// const hiprintTemplate = new hiprint.PrintTemplate({ template: JSON.parse(printData?.templateJson) });
// hiprintTemplate.print2(JSON.parse(printData?.templateData));
// } else {
// window.$message?.error('客户端未连接,无法直接打印');
// }
}
function init() {
startLoading();
getOutputLog({ ...searchForm.value }).then(res => {
if (res.code === 200) {
data.value = res.rows;
searchForm.value.total = res.total;
}
endLoading();
});
if (isGetWiredrawingList.value) return;
getWorkbenchWiredrawingList({ pageSize: 999 }).then(res => {
if (res.code === 200) {
isGetWiredrawingList.value = true;
res.rows.forEach((item: { equipmentCode: any; id: any }) => {
wiredrawingList.value.push({
label: item.equipmentCode,
value: item.id
});
});
machineList.value = wiredrawingList.value;
}
});
startLoading();
getOutputLog({ ...searchForm.value }).then(res => {
if (res.code === 200) {
data.value = res.rows;
searchForm.value.total = res.total;
}
endLoading();
});
if (isGetWiredrawingList.value) return;
getWorkbenchWiredrawingList({ pageSize: 999 }).then(res => {
if (res.code === 200) {
isGetWiredrawingList.value = true;
res.rows.forEach((item: { equipmentCode: any; id: any }) => {
wiredrawingList.value.push({
label: item.equipmentCode,
value: item.id
});
});
machineList.value = wiredrawingList.value;
}
});
}
onMounted(() => {
init();
// getList();
lsColumns.value = columns.value.filter((item: any) => !columnsFilterData.value.includes(item.key));
init();
// getList();
lsColumns.value = columns.value.filter((item: any) => !columnsFilterData.value.includes(item.key));
});
</script>

Write Preview
Loading…
Cancel
Save