| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-row :gutter="20"> <el-col> |
| | | <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="90px"> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="6"> |
| | | |
| | | <el-form-item label="排序" prop="num"> |
| | | <el-input |
| | | v-model="queryParams.workOrderNo" |
| | | placeholder="请输入钣金计划工单号" |
| | | clearable |
| | | @keyup.enter="handleQuery" |
| | | /> |
| | | </el-form-item> </el-col> |
| | | <el-col :span="24" style="text-align: right;"> |
| | | <el-form-item> |
| | | <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button> |
| | | <el-button icon="Refresh" @click="resetQuery">重置</el-button> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | </el-form> |
| | | </el-col> </el-row> |
| | | <el-row :gutter="20"> |
| | | <el-col> |
| | | <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="90px"> |
| | | <el-row :gutter="20"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="工单号" prop="num"> |
| | | <el-input |
| | | v-model="queryParams.workOrderNo" |
| | | placeholder="请输入钣金计划工单号" |
| | | clearable |
| | | @keyup.enter="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12" style="text-align: right;"> |
| | | <el-form-item> |
| | | <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button> |
| | | <el-button icon="Refresh" @click="resetQuery">重置</el-button> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | </el-form> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row :gutter="10" class="mb8"> |
| | | |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="success" |
| | | plain |
| | | icon="Edit" |
| | | :disabled="single" |
| | | @click="handleUpdate" |
| | | v-hasPermi="['aps_plate_process_stat:aps_plate_process_stat:edit']" |
| | | >更新统计表</el-button> |
| | | </el-col> |
| | | |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="warning" |
| | | plain |
| | | icon="Download" |
| | | @click="handleExport" |
| | | v-hasPermi="['aps_plate_process_stat:aps_plate_process_stat:export']" |
| | | type="warning" |
| | | plain |
| | | icon="Download" |
| | | @click="handleExport" |
| | | v-hasPermi="['apsPlateProcessStat:export']" |
| | | >导出</el-button> |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="success" |
| | | plain |
| | | icon="Edit" |
| | | @click="handleUpdate" |
| | | v-hasPermi="['apsPlateProcessStat:edit']" |
| | | >更新</el-button> |
| | | </el-col> |
| | | |
| | | <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar> |
| | | </el-row> |
| | | |
| | | <el-table v-loading="loading" :data="aps_plate_process_statList" @selection-change="handleSelectionChange"> |
| | | <el-table-column type="selection" width="55" align="center" /> |
| | | <el-table-column label="工单号" align="center" prop="workOrderNo" /> |
| | | <el-table-column label="工序名称" align="center" prop="processName" /> |
| | | <el-table-column label="排序" align="center" prop="num" /> |
| | | <el-table-column label="工序号" align="center" prop="routeProcessNumber" /> |
| | | <el-table-column label="当前工序号" align="center" prop="currentProcessNumber" /> |
| | | <el-table-column label="生产数量" align="center" prop="productionQuantity" /> |
| | | <el-table-column label="标准工时" align="center" prop="standardTime" /> |
| | | <el-table-column label="工序总工时" align="center" prop="processTotalTime" /> |
| | | <el-table-column label="计划完成日" align="center" prop="processPlanEndDay" /> |
| | | <el-table-column label="计算完成日" align="center" prop="computePlanEndDay" /> |
| | | <el-table-column label="设计工时" align="center" prop="designTimes" /> |
| | | <el-table-column label="批次号" align="center" prop="batchNumber" /> |
| | | </el-table> |
| | | |
| | | |
| | | |
| | | <HxlhTable |
| | | style="width: 100%" |
| | | :columns="columns" |
| | | :data="aps_plate_process_statList" |
| | | :loading="loading" |
| | | :height="height" |
| | | > |
| | | </HxlhTable> |
| | | <!-- 添加或修改钣金统计对话框 --> |
| | | <el-dialog :title="title" v-model="open" width="500px" append-to-body> |
| | | <el-form ref="aps_plate_process_statRef" :model="form" :rules="rules" label-width="80px"> |
| | |
| | | |
| | | <script setup name="Aps_plate_process_stat"> |
| | | import { listPlateStat,updateStat } from "@/api/mainPlan/plateProcessStat"; |
| | | |
| | | import HxlhTable from "@/components/HxlhTable/index.vue"; |
| | | import { getToken } from "@/utils/auth"; |
| | | import { ref } from "vue"; |
| | | import {ElMessage} from "element-plus"; |
| | | const { proxy } = getCurrentInstance(); |
| | | |
| | | const aps_plate_process_statList = ref([]); |
| | | const open = ref(false); |
| | | const loading = ref(true); |
| | | const showSearch = ref(true); |
| | | const ids = ref([]); |
| | | const single = ref(true); |
| | | const multiple = ref(true); |
| | | const total = ref(0); |
| | | const title = ref(""); |
| | | const height = ref(document.documentElement.clientHeight - 270 + "px;") |
| | | |
| | | |
| | | const data = reactive({ |
| | | form: {}, |
| | |
| | | }); |
| | | |
| | | const { queryParams, form, rules } = toRefs(data); |
| | | |
| | | |
| | | // 表格配置 |
| | | const columns = ref([ |
| | | { type: 'seq', title: '序号', width: 60 }, |
| | | { |
| | | title: '工单号', |
| | | field: 'workOrderNo', |
| | | width: 150, |
| | | } , |
| | | { |
| | | title: '工序名称', |
| | | field: 'processName', |
| | | width: 250, |
| | | }, |
| | | { |
| | | title: '工序号', |
| | | field: 'routeProcessNumber', |
| | | width: 150, |
| | | }, |
| | | { |
| | | title: '当前工序号', |
| | | field: 'currentProcessNumber', |
| | | width: 150, |
| | | }, |
| | | { |
| | | title: '生产数量', |
| | | field: 'productionQuantity', |
| | | width: 100, |
| | | }, |
| | | { |
| | | title: '标准工时', |
| | | field: 'standardTime', |
| | | width: 100, |
| | | }, |
| | | { |
| | | title: '工序总工时', |
| | | field: 'processTotalTime', |
| | | width: 100, |
| | | }, |
| | | { |
| | | title: '计划开工日', |
| | | field: 'processPlanStartDay', |
| | | width: 200, |
| | | }, |
| | | { |
| | | title: '计划完工日', |
| | | field: 'processPlanEndDay', |
| | | width: 200, |
| | | }, |
| | | { |
| | | title: '订单完工日', |
| | | field: 'orderPlanEndDay', |
| | | width: 200, |
| | | } |
| | | ]); |
| | | |
| | | |
| | | |
| | | /** 查询钣金统计列表 */ |
| | | function getList() { |
| | |
| | | /** 修改按钮操作 */ |
| | | function handleUpdate(row) { |
| | | reset(); |
| | | const _id = row.id || ids.value |
| | | getAps_plate_process_stat(_id).then(response => { |
| | | updateStat().then(response => { |
| | | form.value = response.data; |
| | | open.value = true; |
| | | title.value = "修改钣金统计"; |
| | | |
| | | ElMessage({ |
| | | message: '数据更新成功', |
| | | type: 'success', |
| | | }) |
| | | getList(); |
| | | }); |
| | | } |
| | | |
| | |
| | | |
| | | /** 导出按钮操作 */ |
| | | function handleExport() { |
| | | proxy.download('aps_plate_process_stat/aps_plate_process_stat/export', { |
| | | proxy.download('/aps/plateProcessStat/export', { |
| | | ...queryParams.value |
| | | }, `aps_plate_process_stat_${new Date().getTime()}.xlsx`) |
| | | } |