From 5bc6a6f9ad1e972a1cbeaf4adbd0b77f6cfcc84c Mon Sep 17 00:00:00 2001 From: wenwj <‘1106994300@qq.com> Date: 星期三, 09 四月 2025 09:37:11 +0800 Subject: [PATCH] 零件计划相关页面 --- .env.development | 2 src/views/partPlan/index.vue | 714 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ src/api/partPlan/plan.js | 44 +++ vite.config.js | 2 4 files changed, 760 insertions(+), 2 deletions(-) diff --git a/.env.development b/.env.development index 3d4bac5..6400764 100644 --- a/.env.development +++ b/.env.development @@ -9,4 +9,4 @@ # 鏍囪瘑鏈湴寮�鍙戞湇鍔★紝鐢ㄤ簬GateWay杞彂鍒版湰鍦版湇鍔� # 閰嶅悎鍚庣鏈嶅姟 -VITE_APP_LOCAL = 'zhl' \ No newline at end of file +VITE_APP_LOCAL = 'wwj' \ No newline at end of file diff --git a/src/api/partPlan/plan.js b/src/api/partPlan/plan.js new file mode 100644 index 0000000..7aff9fc --- /dev/null +++ b/src/api/partPlan/plan.js @@ -0,0 +1,44 @@ +import request from '@/utils/request' + +// 鏌ヨ闆朵欢璁″垝绠$悊鍒楄〃 +export function listPlan(query) { + return request({ + url: '/aps/partPlan/list', + method: 'get', + params: query + }) +} + +// 鏌ヨ闆朵欢璁″垝绠$悊璇︾粏 +export function getPlan(id) { + return request({ + url: '/aps/partPlan/' + id, + method: 'get' + }) +} + +// 鏂板闆朵欢璁″垝绠$悊 +export function addPlan(data) { + return request({ + url: '/aps/partPlan', + method: 'post', + data: data + }) +} + +// 淇敼闆朵欢璁″垝绠$悊 +export function updatePlan(data) { + return request({ + url: '/aps/partPlan', + method: 'put', + data: data + }) +} + +// 鍒犻櫎闆朵欢璁″垝绠$悊 +export function delPlan(id) { + return request({ + url: '/aps/partPlan/' + id, + method: 'delete' + }) +} diff --git a/src/views/partPlan/index.vue b/src/views/partPlan/index.vue new file mode 100644 index 0000000..9b5ae3b --- /dev/null +++ b/src/views/partPlan/index.vue @@ -0,0 +1,714 @@ +<template> + <div class="app-container"> + <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px"> + <el-form-item label="涓昏鍒掑憳" prop="masterPlanner"> + <el-input + v-model="queryParams.masterPlanner" + placeholder="璇疯緭鍏ヤ富璁″垝鍛�" + clearable + @keyup.enter="handleQuery" + /> + </el-form-item> + <!-- <el-form-item label="鍛ㄦ棩" prop="weekDay"> + <el-date-picker clearable + v-model="queryParams.weekDay" + type="date" + value-format="YYYY-MM-DD" + placeholder="璇烽�夋嫨鍛ㄦ棩"> + </el-date-picker> + </el-form-item> + <el-form-item label="鍛ㄥ害" prop="weekCycle"> + <el-input + v-model="queryParams.weekCycle" + placeholder="璇疯緭鍏ュ懆搴�" + clearable + @keyup.enter="handleQuery" + /> + </el-form-item> + <el-form-item label="涓讳欢鏂欏彿" prop="mainPartNumber"> + <el-input + v-model="queryParams.mainPartNumber" + placeholder="璇疯緭鍏ヤ富浠舵枡鍙�" + clearable + @keyup.enter="handleQuery" + /> + </el-form-item> + <el-form-item label="涓讳欢鍥惧彿" prop="mainPartDrawingNumber"> + <el-input + v-model="queryParams.mainPartDrawingNumber" + placeholder="璇疯緭鍏ヤ富浠跺浘鍙�" + clearable + @keyup.enter="handleQuery" + /> + </el-form-item> --> + <el-form-item label="瀹㈡埛鍚嶇О" prop="customer"> + <el-input + v-model="queryParams.customer" + placeholder="璇疯緭鍏ュ鎴峰悕绉�" + clearable + @keyup.enter="handleQuery" + /> + </el-form-item> + <!-- <el-form-item label="鍗曟嵁鍙�" prop="documentNumber"> + <el-input + v-model="queryParams.documentNumber" + placeholder="璇疯緭鍏ュ崟鎹彿" + clearable + @keyup.enter="handleQuery" + /> + </el-form-item> + <el-form-item label="鏂欏彿" prop="itemNumber"> + <el-input + v-model="queryParams.itemNumber" + placeholder="璇疯緭鍏ユ枡鍙�" + clearable + @keyup.enter="handleQuery" + /> + </el-form-item> + <el-form-item label="鍥惧彿" prop="drawingNo"> + <el-input + v-model="queryParams.drawingNo" + placeholder="璇疯緭鍏ュ浘鍙�" + clearable + @keyup.enter="handleQuery" + /> + </el-form-item> + <el-form-item label="鐗堟湰鍙�" prop="versionNumber"> + <el-input + v-model="queryParams.versionNumber" + placeholder="璇疯緭鍏ョ増鏈彿" + clearable + @keyup.enter="handleQuery" + /> + </el-form-item> + <el-form-item label="鐢熶骇鏁伴噺" prop="productionQuantity"> + <el-input + v-model="queryParams.productionQuantity" + placeholder="璇疯緭鍏ョ敓浜ф暟閲�" + clearable + @keyup.enter="handleQuery" + /> + </el-form-item> + <el-form-item label="鑹搧鏁伴噺" prop="goodProductsQuantity"> + <el-input + v-model="queryParams.goodProductsQuantity" + placeholder="璇疯緭鍏ヨ壇鍝佹暟閲�" + clearable + @keyup.enter="handleQuery" + /> + </el-form-item> + <el-form-item label="宸ュ簭鍙�" prop="processNumber"> + <el-input + v-model="queryParams.processNumber" + placeholder="璇疯緭鍏ュ伐搴忓彿" + clearable + @keyup.enter="handleQuery" + /> + </el-form-item> + <el-form-item label="宸ヤ綔涓績" prop="workCenter"> + <el-input + v-model="queryParams.workCenter" + placeholder="璇疯緭鍏ュ伐浣滀腑蹇�" + clearable + @keyup.enter="handleQuery" + /> + </el-form-item> + <el-form-item label="鎵�灞為儴闂�" prop="department"> + <el-input + v-model="queryParams.department" + placeholder="璇疯緭鍏ユ墍灞為儴闂�" + clearable + @keyup.enter="handleQuery" + /> + </el-form-item> --> + <el-form-item label="璁″垝寮�宸ユ棩" style="width: 308px"> + <el-date-picker + v-model="daterangePlanStartDay" + value-format="YYYY-MM-DD" + type="daterange" + range-separator="-" + start-placeholder="寮�濮嬫棩鏈�" + end-placeholder="缁撴潫鏃ユ湡" + ></el-date-picker> + </el-form-item> + <el-form-item label="璁″垝瀹屽伐鏃�" style="width: 308px"> + <el-date-picker + v-model="daterangePlanEndDay" + value-format="YYYY-MM-DD" + type="daterange" + range-separator="-" + start-placeholder="寮�濮嬫棩鏈�" + end-placeholder="缁撴潫鏃ユ湡" + ></el-date-picker> + </el-form-item> + <el-form-item label="澶囨枡鏂欏彿" prop="standbyNumber"> + <el-input + v-model="queryParams.standbyNumber" + placeholder="璇疯緭鍏ュ鏂欐枡鍙�" + clearable + @keyup.enter="handleQuery" + /> + </el-form-item> + <el-form-item label="澶囨枡鍚嶇О" prop="standbyName"> + <el-input + v-model="queryParams.standbyName" + placeholder="璇疯緭鍏ュ鏂欏悕绉�" + clearable + @keyup.enter="handleQuery" + /> + </el-form-item> + <el-form-item label="澶囨枡搴撳瓨" prop="standbyStock"> + <el-input + v-model="queryParams.standbyStock" + placeholder="璇疯緭鍏ュ鏂欏簱瀛�" + clearable + @keyup.enter="handleQuery" + /> + </el-form-item> + <el-form-item label="涓嬮亾宸ュ簭鎵�灞為儴闂�" prop="nextProcessDeparment"> + <el-input + v-model="queryParams.nextProcessDeparment" + placeholder="璇疯緭鍏ヤ笅閬撳伐搴忔墍灞為儴闂�" + clearable + @keyup.enter="handleQuery" + /> + </el-form-item> + <el-form-item label="鏄惁鎸傝捣" prop="isSuspended"> + <el-input + v-model="queryParams.isSuspended" + placeholder="璇疯緭鍏ユ槸鍚︽寕璧�" + clearable + @keyup.enter="handleQuery" + /> + </el-form-item> + <el-form-item label="澶栧崗鏍囪瘑" prop="isOutsourcing"> + <el-input + v-model="queryParams.isOutsourcing" + placeholder="璇疯緭鍏ュ鍗忔爣璇�" + clearable + @keyup.enter="handleQuery" + /> + </el-form-item> + <el-form-item label="璐﹀" prop="account"> + <el-input + v-model="queryParams.account" + placeholder="璇疯緭鍏ヨ处濂�" + clearable + @keyup.enter="handleQuery" + /> + </el-form-item> + <el-form-item label="涓婇樁鐗╂枡" prop="advancedMaterials"> + <el-input + v-model="queryParams.advancedMaterials" + placeholder="璇疯緭鍏ヤ笂闃剁墿鏂�" + clearable + @keyup.enter="handleQuery" + /> + </el-form-item> + <el-form-item label="涓婇樁鍗曟嵁鍙�" prop="advancedDocumentNumber"> + <el-input + v-model="queryParams.advancedDocumentNumber" + placeholder="璇疯緭鍏ヤ笂闃跺崟鎹彿" + clearable + @keyup.enter="handleQuery" + /> + </el-form-item> + <el-form-item label="涓婇樁闇�姹傛棩鏈�" prop="advancedRequirementDay"> + <el-date-picker clearable + v-model="queryParams.advancedRequirementDay" + type="date" + value-format="YYYY-MM-DD" + placeholder="璇烽�夋嫨涓婇樁闇�姹傛棩鏈�"> + </el-date-picker> + </el-form-item> + <el-form-item label="璁″垝榻愬" prop="isPlanComplete"> + <el-input + v-model="queryParams.isPlanComplete" + placeholder="璇疯緭鍏ヨ鍒掗綈濂�" + clearable + @keyup.enter="handleQuery" + /> + </el-form-item> + <el-form-item label="搴撳瓨榻愬" prop="isStockComplete"> + <el-input + v-model="queryParams.isStockComplete" + placeholder="璇疯緭鍏ュ簱瀛橀綈濂�" + clearable + @keyup.enter="handleQuery" + /> + </el-form-item> + <el-form-item label="鏄惁鏈夋姌杩斿伐搴�" prop="hasTurnback"> + <el-input + v-model="queryParams.hasTurnback" + placeholder="璇疯緭鍏ユ槸鍚︽湁鎶樿繑宸ュ簭" + clearable + @keyup.enter="handleQuery" + /> + </el-form-item> + <el-form-item label="椋庨櫓鏍囪瘑" prop="hasRisk"> + <el-input + v-model="queryParams.hasRisk" + placeholder="璇疯緭鍏ラ闄╂爣璇�" + clearable + @keyup.enter="handleQuery" + /> + </el-form-item> + <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-form> + + <el-row :gutter="10" class="mb8"> + <el-col :span="1.5"> + <el-button + type="primary" + plain + icon="Plus" + @click="handleAdd" + v-hasPermi="['partPlan:add']" + >鏂板</el-button> + </el-col> + <el-col :span="1.5"> + <el-button + type="success" + plain + icon="Edit" + :disabled="single" + @click="handleUpdate" + v-hasPermi="['partPlan:edit']" + >淇敼</el-button> + </el-col> + <el-col :span="1.5"> + <el-button + type="danger" + plain + icon="Delete" + :disabled="multiple" + @click="handleDelete" + v-hasPermi="['partPlan:remove']" + >鍒犻櫎</el-button> + </el-col> + <el-col :span="1.5"> + <el-button + type="warning" + plain + icon="Download" + @click="handleExport" + v-hasPermi="['partPlan:export']" + >瀵煎嚭</el-button> + </el-col> + <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar> + </el-row> + + <el-table v-loading="loading" :data="planList" @selection-change="handleSelectionChange"> + <el-table-column type="selection" width="55" align="center" /> + <el-table-column label="涓昏鍒掑憳" align="center" prop="masterPlanner" /> + <el-table-column label="鍛ㄦ棩" align="center" prop="weekDay" width="180"> + <template #default="scope"> + <span>{{ parseTime(scope.row.weekDay, '{y}-{m}-{d}') }}</span> + </template> + </el-table-column> + <el-table-column label="鍛ㄥ害" align="center" prop="weekCycle" /> + <el-table-column label="涓讳欢鏂欏彿" align="center" prop="mainPartNumber" /> + <el-table-column label="涓讳欢鍥惧彿" align="center" prop="mainPartDrawingNumber" /> + <el-table-column label="瀹㈡埛鍚嶇О" align="center" prop="customer" /> + <el-table-column label="涓氬姟绫诲瀷" align="center" prop="businessType" /> + <el-table-column label="鍗曟嵁鍙�" align="center" prop="documentNumber" /> + <el-table-column label="闇�姹傚垎绫�" align="center" prop="requirementType" /> + <el-table-column label="鍗曟嵁鐘舵��" align="center" prop="documentStatus" /> + <el-table-column label="鏂欏彿" align="center" prop="itemNumber" /> + <el-table-column label="鍥惧彿" align="center" prop="drawingNo" /> + <el-table-column label="鐗堟湰鍙�" align="center" prop="versionNumber" /> + <el-table-column label="鐢熶骇鏁伴噺" align="center" prop="productionQuantity" /> + <el-table-column label="鑹搧鏁伴噺" align="center" prop="goodProductsQuantity" /> + <el-table-column label="宸ュ簭鍙�" align="center" prop="processNumber" /> + <el-table-column label="宸ヤ綔涓績" align="center" prop="workCenter" /> + <el-table-column label="鎵�灞為儴闂�" align="center" prop="department" /> + <el-table-column label="璁″垝寮�宸ユ棩" align="center" prop="planStartDay" width="180"> + <template #default="scope"> + <span>{{ parseTime(scope.row.planStartDay, '{y}-{m}-{d}') }}</span> + </template> + </el-table-column> + <el-table-column label="璁″垝瀹屽伐鏃�" align="center" prop="planEndDay" width="180"> + <template #default="scope"> + <span>{{ parseTime(scope.row.planEndDay, '{y}-{m}-{d}') }}</span> + </template> + </el-table-column> + <el-table-column label="澶囨枡鏂欏彿" align="center" prop="standbyNumber" /> + <el-table-column label="澶囨枡鍚嶇О" align="center" prop="standbyName" /> + <el-table-column label="澶囨枡搴撳瓨" align="center" prop="standbyStock" /> + <el-table-column label="涓嬮亾宸ュ簭鎵�灞為儴闂�" align="center" prop="nextProcessDeparment" /> + <el-table-column label="鏄惁鎸傝捣" align="center" prop="isSuspended" /> + <el-table-column label="澶栧崗鏍囪瘑" align="center" prop="isOutsourcing" /> + <el-table-column label="璐﹀" align="center" prop="account" /> + <el-table-column label="涓婇樁鐗╂枡" align="center" prop="advancedMaterials" /> + <el-table-column label="涓婇樁鍗曟嵁鍙�" align="center" prop="advancedDocumentNumber" /> + <el-table-column label="涓婇樁闇�姹傛棩鏈�" align="center" prop="advancedRequirementDay" width="180"> + <template #default="scope"> + <span>{{ parseTime(scope.row.advancedRequirementDay, '{y}-{m}-{d}') }}</span> + </template> + </el-table-column> + <el-table-column label="璁″垝榻愬" align="center" prop="isPlanComplete" /> + <el-table-column label="搴撳瓨榻愬" align="center" prop="isStockComplete" /> + <el-table-column label="鏄惁鏈夋姌杩斿伐搴�" align="center" prop="hasTurnback" /> + <el-table-column label="椋庨櫓鏍囪瘑" align="center" prop="hasRisk" /> + <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width"> + <template #default="scope"> + <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['partPlan:plan:edit']">淇敼</el-button> + <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['partPlan:plan:remove']">鍒犻櫎</el-button> + </template> + </el-table-column> + </el-table> + + <pagination + v-show="total>0" + :total="total" + v-model:page="queryParams.pageNum" + v-model:limit="queryParams.pageSize" + @pagination="getList" + /> + + <!-- 娣诲姞鎴栦慨鏀归浂浠惰鍒掔鐞嗗璇濇 --> + <el-dialog :title="title" v-model="open" width="500px" append-to-body> + <el-form ref="planRef" :model="form" :rules="rules" label-width="80px"> + <el-form-item label="涓婚敭id" prop="id"> + <el-input v-model="form.id" placeholder="璇疯緭鍏ヤ富閿甶d" /> + </el-form-item> + <el-form-item label="涓昏鍒掑憳" prop="masterPlanner"> + <el-input v-model="form.masterPlanner" placeholder="璇疯緭鍏ヤ富璁″垝鍛�" /> + </el-form-item> + <el-form-item label="鍛ㄦ棩" prop="weekDay"> + <el-date-picker clearable + v-model="form.weekDay" + type="date" + value-format="YYYY-MM-DD" + placeholder="璇烽�夋嫨鍛ㄦ棩"> + </el-date-picker> + </el-form-item> + <el-form-item label="鍛ㄥ害" prop="weekCycle"> + <el-input v-model="form.weekCycle" placeholder="璇疯緭鍏ュ懆搴�" /> + </el-form-item> + <el-form-item label="涓讳欢鏂欏彿" prop="mainPartNumber"> + <el-input v-model="form.mainPartNumber" placeholder="璇疯緭鍏ヤ富浠舵枡鍙�" /> + </el-form-item> + <el-form-item label="涓讳欢鍥惧彿" prop="mainPartDrawingNumber"> + <el-input v-model="form.mainPartDrawingNumber" placeholder="璇疯緭鍏ヤ富浠跺浘鍙�" /> + </el-form-item> + <el-form-item label="瀹㈡埛鍚嶇О" prop="customer"> + <el-input v-model="form.customer" placeholder="璇疯緭鍏ュ鎴峰悕绉�" /> + </el-form-item> + <el-form-item label="鍗曟嵁鍙�" prop="documentNumber"> + <el-input v-model="form.documentNumber" placeholder="璇疯緭鍏ュ崟鎹彿" /> + </el-form-item> + <el-form-item label="鏂欏彿" prop="itemNumber"> + <el-input v-model="form.itemNumber" placeholder="璇疯緭鍏ユ枡鍙�" /> + </el-form-item> + <el-form-item label="鍥惧彿" prop="drawingNo"> + <el-input v-model="form.drawingNo" placeholder="璇疯緭鍏ュ浘鍙�" /> + </el-form-item> + <el-form-item label="鐗堟湰鍙�" prop="versionNumber"> + <el-input v-model="form.versionNumber" placeholder="璇疯緭鍏ョ増鏈彿" /> + </el-form-item> + <el-form-item label="鐢熶骇鏁伴噺" prop="productionQuantity"> + <el-input v-model="form.productionQuantity" placeholder="璇疯緭鍏ョ敓浜ф暟閲�" /> + </el-form-item> + <el-form-item label="鑹搧鏁伴噺" prop="goodProductsQuantity"> + <el-input v-model="form.goodProductsQuantity" placeholder="璇疯緭鍏ヨ壇鍝佹暟閲�" /> + </el-form-item> + <el-form-item label="宸ュ簭鍙�" prop="processNumber"> + <el-input v-model="form.processNumber" placeholder="璇疯緭鍏ュ伐搴忓彿" /> + </el-form-item> + <el-form-item label="宸ヤ綔涓績" prop="workCenter"> + <el-input v-model="form.workCenter" placeholder="璇疯緭鍏ュ伐浣滀腑蹇�" /> + </el-form-item> + <el-form-item label="鎵�灞為儴闂�" prop="department"> + <el-input v-model="form.department" placeholder="璇疯緭鍏ユ墍灞為儴闂�" /> + </el-form-item> + <el-form-item label="璁″垝寮�宸ユ棩" prop="planStartDay"> + <el-date-picker clearable + v-model="form.planStartDay" + type="date" + value-format="YYYY-MM-DD" + placeholder="璇烽�夋嫨璁″垝寮�宸ユ棩"> + </el-date-picker> + </el-form-item> + <el-form-item label="璁″垝瀹屽伐鏃�" prop="planEndDay"> + <el-date-picker clearable + v-model="form.planEndDay" + type="date" + value-format="YYYY-MM-DD" + placeholder="璇烽�夋嫨璁″垝瀹屽伐鏃�"> + </el-date-picker> + </el-form-item> + <el-form-item label="澶囨枡鏂欏彿" prop="standbyNumber"> + <el-input v-model="form.standbyNumber" placeholder="璇疯緭鍏ュ鏂欐枡鍙�" /> + </el-form-item> + <el-form-item label="澶囨枡鍚嶇О" prop="standbyName"> + <el-input v-model="form.standbyName" placeholder="璇疯緭鍏ュ鏂欏悕绉�" /> + </el-form-item> + <el-form-item label="澶囨枡搴撳瓨" prop="standbyStock"> + <el-input v-model="form.standbyStock" placeholder="璇疯緭鍏ュ鏂欏簱瀛�" /> + </el-form-item> + <el-form-item label="涓嬮亾宸ュ簭鎵�灞為儴闂�" prop="nextProcessDeparment"> + <el-input v-model="form.nextProcessDeparment" placeholder="璇疯緭鍏ヤ笅閬撳伐搴忔墍灞為儴闂�" /> + </el-form-item> + <el-form-item label="鏄惁鎸傝捣" prop="isSuspended"> + <el-input v-model="form.isSuspended" placeholder="璇疯緭鍏ユ槸鍚︽寕璧�" /> + </el-form-item> + <el-form-item label="澶栧崗鏍囪瘑" prop="isOutsourcing"> + <el-input v-model="form.isOutsourcing" placeholder="璇疯緭鍏ュ鍗忔爣璇�" /> + </el-form-item> + <el-form-item label="璐﹀" prop="account"> + <el-input v-model="form.account" placeholder="璇疯緭鍏ヨ处濂�" /> + </el-form-item> + <el-form-item label="涓婇樁鐗╂枡" prop="advancedMaterials"> + <el-input v-model="form.advancedMaterials" placeholder="璇疯緭鍏ヤ笂闃剁墿鏂�" /> + </el-form-item> + <el-form-item label="涓婇樁鍗曟嵁鍙�" prop="advancedDocumentNumber"> + <el-input v-model="form.advancedDocumentNumber" placeholder="璇疯緭鍏ヤ笂闃跺崟鎹彿" /> + </el-form-item> + <el-form-item label="涓婇樁闇�姹傛棩鏈�" prop="advancedRequirementDay"> + <el-date-picker clearable + v-model="form.advancedRequirementDay" + type="date" + value-format="YYYY-MM-DD" + placeholder="璇烽�夋嫨涓婇樁闇�姹傛棩鏈�"> + </el-date-picker> + </el-form-item> + <el-form-item label="璁″垝榻愬" prop="isPlanComplete"> + <el-input v-model="form.isPlanComplete" placeholder="璇疯緭鍏ヨ鍒掗綈濂�" /> + </el-form-item> + <el-form-item label="搴撳瓨榻愬" prop="isStockComplete"> + <el-input v-model="form.isStockComplete" placeholder="璇疯緭鍏ュ簱瀛橀綈濂�" /> + </el-form-item> + <el-form-item label="鏄惁鏈夋姌杩斿伐搴�" prop="hasTurnback"> + <el-input v-model="form.hasTurnback" placeholder="璇疯緭鍏ユ槸鍚︽湁鎶樿繑宸ュ簭" /> + </el-form-item> + <el-form-item label="椋庨櫓鏍囪瘑" prop="hasRisk"> + <el-input v-model="form.hasRisk" placeholder="璇疯緭鍏ラ闄╂爣璇�" /> + </el-form-item> + </el-form> + <template #footer> + <div class="dialog-footer"> + <el-button type="primary" @click="submitForm">纭� 瀹�</el-button> + <el-button @click="cancel">鍙� 娑�</el-button> + </div> + </template> + </el-dialog> + </div> +</template> + +<script setup name="Plan"> +import { listPlan, getPlan, delPlan, addPlan, updatePlan } from "@/api/partPlan/plan"; + +const { proxy } = getCurrentInstance(); + +const planList = 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 daterangePlanStartDay = ref([]); +const daterangePlanEndDay = ref([]); + +const data = reactive({ + form: {}, + queryParams: { + pageNum: 1, + pageSize: 10, + masterPlanner: null, + weekDay: null, + weekCycle: null, + mainPartNumber: null, + mainPartDrawingNumber: null, + customer: null, + businessType: null, + documentNumber: null, + requirementType: null, + documentStatus: null, + itemNumber: null, + drawingNo: null, + versionNumber: null, + productionQuantity: null, + goodProductsQuantity: null, + processNumber: null, + workCenter: null, + department: null, + planStartDay: null, + planEndDay: null, + standbyNumber: null, + standbyName: null, + standbyStock: null, + nextProcessDeparment: null, + isSuspended: null, + isOutsourcing: null, + account: null, + advancedMaterials: null, + advancedDocumentNumber: null, + advancedRequirementDay: null, + isPlanComplete: null, + isStockComplete: null, + hasTurnback: null, + hasRisk: null + }, + rules: { + // id: [ + // { required: true, message: "涓婚敭id涓嶈兘涓虹┖", trigger: "blur" } + // ], + } +}); + +const { queryParams, form, rules } = toRefs(data); + +/** 鏌ヨ闆朵欢璁″垝绠$悊鍒楄〃 */ +function getList() { + loading.value = true; + queryParams.value.params = {}; + if (null != daterangePlanStartDay && '' != daterangePlanStartDay) { + queryParams.value.params["beginPlanStartDay"] = daterangePlanStartDay.value[0]; + queryParams.value.params["endPlanStartDay"] = daterangePlanStartDay.value[1]; + } + if (null != daterangePlanEndDay && '' != daterangePlanEndDay) { + queryParams.value.params["beginPlanEndDay"] = daterangePlanEndDay.value[0]; + queryParams.value.params["endPlanEndDay"] = daterangePlanEndDay.value[1]; + } + listPlan(queryParams.value).then(response => { + planList.value = response.rows; + total.value = response.total; + loading.value = false; + }); +} + +// 鍙栨秷鎸夐挳 +function cancel() { + open.value = false; + reset(); +} + +// 琛ㄥ崟閲嶇疆 +function reset() { + form.value = { + id: null, + masterPlanner: null, + weekDay: null, + weekCycle: null, + mainPartNumber: null, + mainPartDrawingNumber: null, + customer: null, + businessType: null, + documentNumber: null, + requirementType: null, + documentStatus: null, + itemNumber: null, + drawingNo: null, + versionNumber: null, + productionQuantity: null, + goodProductsQuantity: null, + processNumber: null, + workCenter: null, + department: null, + planStartDay: null, + planEndDay: null, + standbyNumber: null, + standbyName: null, + standbyStock: null, + nextProcessDeparment: null, + isSuspended: null, + isOutsourcing: null, + account: null, + advancedMaterials: null, + advancedDocumentNumber: null, + advancedRequirementDay: null, + isPlanComplete: null, + isStockComplete: null, + hasTurnback: null, + hasRisk: null + }; + proxy.resetForm("planRef"); +} + +/** 鎼滅储鎸夐挳鎿嶄綔 */ +function handleQuery() { + queryParams.value.pageNum = 1; + getList(); +} + +/** 閲嶇疆鎸夐挳鎿嶄綔 */ +function resetQuery() { + daterangePlanStartDay.value = []; + daterangePlanEndDay.value = []; + proxy.resetForm("queryRef"); + handleQuery(); +} + +// 澶氶�夋閫変腑鏁版嵁 +function handleSelectionChange(selection) { + ids.value = selection.map(item => item.id); + single.value = selection.length != 1; + multiple.value = !selection.length; +} + +/** 鏂板鎸夐挳鎿嶄綔 */ +function handleAdd() { + reset(); + open.value = true; + title.value = "娣诲姞闆朵欢璁″垝绠$悊"; +} + +/** 淇敼鎸夐挳鎿嶄綔 */ +function handleUpdate(row) { + reset(); + const _id = row.id || ids.value + getPlan(_id).then(response => { + form.value = response.data; + open.value = true; + title.value = "淇敼闆朵欢璁″垝绠$悊"; + }); +} + +/** 鎻愪氦鎸夐挳 */ +function submitForm() { + proxy.$refs["planRef"].validate(valid => { + if (valid) { + if (form.value.id != null) { + updatePlan(form.value).then(response => { + proxy.$modal.msgSuccess("淇敼鎴愬姛"); + open.value = false; + getList(); + }); + } else { + addPlan(form.value).then(response => { + proxy.$modal.msgSuccess("鏂板鎴愬姛"); + open.value = false; + getList(); + }); + } + } + }); +} + +/** 鍒犻櫎鎸夐挳鎿嶄綔 */ +function handleDelete(row) { + const _ids = row.id || ids.value; + proxy.$modal.confirm('鏄惁纭鍒犻櫎闆朵欢璁″垝绠$悊缂栧彿涓�"' + _ids + '"鐨勬暟鎹」锛�').then(function() { + return delPlan(_ids); + }).then(() => { + getList(); + proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛"); + }).catch(() => {}); +} + +/** 瀵煎嚭鎸夐挳鎿嶄綔 */ +function handleExport() { + proxy.download('aps/partPlan/export', { + ...queryParams.value + }, `plan_${new Date().getTime()}.xlsx`) +} + +getList(); +</script> diff --git a/vite.config.js b/vite.config.js index 2b6f847..ff69a78 100644 --- a/vite.config.js +++ b/vite.config.js @@ -31,7 +31,7 @@ proxy: { // https://cn.vitejs.dev/config/#server-proxy '/dev-api': { - target: 'http://localhost:8080', + target: 'http://192.168.50.160:8080', changeOrigin: true, rewrite: (p) => p.replace(/^\/dev-api/, '') } -- Gitblit v1.9.3