feat(planInfo): 生产计划监控页面添加导出功能

- 在查询按钮组中添加导出按钮
- 实现导出功能,导出当前查询结果为 Excel 文件
- 优化物料名称显示,添加显示延迟的 tooltip
- 移除未使用的 queryMoritorPageList 导入
master
zangch@mesnac.com 3 months ago
parent b58e5133fe
commit e73847e3c1

@ -42,6 +42,7 @@
<el-form-item> <el-form-item>
<el-button type='primary' icon='Search' @click='handleQuery'>搜索</el-button> <el-button type='primary' icon='Search' @click='handleQuery'>搜索</el-button>
<el-button icon='Refresh' @click='resetQuery'>重置</el-button> <el-button icon='Refresh' @click='resetQuery'>重置</el-button>
<el-button type="warning" plain icon="Download" @click="handleExport"></el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</el-card> </el-card>
@ -61,9 +62,9 @@
<template #default="{ row }"> <template #default="{ row }">
<div class="cell-content"> <div class="cell-content">
<div v-for="plan in getPlansForShift(row, shift.shiftId)" :key="plan.planId" class="cell-item material-item"> <div v-for="plan in getPlansForShift(row, shift.shiftId)" :key="plan.planId" class="cell-item material-item">
<el-tooltip <el-tooltip
:content="plan.materialName" :content="plan.materialName"
placement="top" placement="top"
:show-after="500"> :show-after="500">
<span class="material-name">{{ plan.materialName }}</span> <span class="material-name">{{ plan.materialName }}</span>
</el-tooltip> </el-tooltip>
@ -121,7 +122,7 @@ import {
delPlanInfo, delPlanInfo,
addPlanInfo, addPlanInfo,
updatePlanInfo, updatePlanInfo,
orderAddProductPlanList, issuePlanInfo, queryMoritorPageList, queryMoritorList orderAddProductPlanList, issuePlanInfo, queryMoritorList
} from '@/api/mes/planInfo'; } from '@/api/mes/planInfo';
import { PlanInfoVO, PlanInfoQuery, PlanInfoForm } from '@/api/mes/planInfo/types'; import { PlanInfoVO, PlanInfoQuery, PlanInfoForm } from '@/api/mes/planInfo/types';
import { getBaseShiftInfoList } from '@/api/mes/baseShiftInfo'; import { getBaseShiftInfoList } from '@/api/mes/baseShiftInfo';
@ -486,6 +487,14 @@ const handleDateRangeChange = (val) => {
} }
}; };
//
function handleExport() {
proxy.download('/mes/planInfo/exportMonitor', {
...queryParams.value
}, `生产计划监控_${new Date().getTime()}.xlsx`)
}
</script> </script>
<style> <style>
/* 设置头部样式 */ /* 设置头部样式 */

Loading…
Cancel
Save