From e43f5e48d4f3ae4c08f91c81f5f614356b960ecb Mon Sep 17 00:00:00 2001
From: huangjiayang <5265313@qq.com>
Date: 星期日, 27 四月 2025 15:09:24 +0800
Subject: [PATCH] 【ADD】增加标准工序页面代码
---
src/api/basicData/standardProcess.js | 44 ++++
src/views/basicData/standardProcess/index.vue | 538 +++++++++++++++++++++++++++++++++++++++++++++++++++++
2 files changed, 582 insertions(+), 0 deletions(-)
diff --git a/src/api/basicData/standardProcess.js b/src/api/basicData/standardProcess.js
new file mode 100644
index 0000000..dc89aac
--- /dev/null
+++ b/src/api/basicData/standardProcess.js
@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 鏌ヨ鏍囧噯宸ュ簭鍒楄〃
+export function listStandardProcess(query) {
+ return request({
+ url: '/aps/standardProcess/list',
+ method: 'get',
+ params: query
+ })
+}
+
+// 鏌ヨ鏍囧噯宸ュ簭璇︾粏
+export function getStandardProcess(id) {
+ return request({
+ url: '/aps/standardProcess/' + id,
+ method: 'get'
+ })
+}
+
+// 鏂板鏍囧噯宸ュ簭
+export function addStandardProcess(data) {
+ return request({
+ url: '/aps/standardProcess',
+ method: 'post',
+ data: data
+ })
+}
+
+// 淇敼鏍囧噯宸ュ簭
+export function updateStandardProcess(data) {
+ return request({
+ url: '/aps/standardProcess',
+ method: 'put',
+ data: data
+ })
+}
+
+// 鍒犻櫎鏍囧噯宸ュ簭
+export function delStandardProcess(id) {
+ return request({
+ url: '/aps/standardProcess/' + id,
+ method: 'delete'
+ })
+}
diff --git a/src/views/basicData/standardProcess/index.vue b/src/views/basicData/standardProcess/index.vue
new file mode 100644
index 0000000..68566fd
--- /dev/null
+++ b/src/views/basicData/standardProcess/index.vue
@@ -0,0 +1,538 @@
+<template>
+ <div class="app-container">
+ <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
+ <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="processName">
+ <el-input
+ v-model="queryParams.processName"
+ placeholder="璇疯緭鍏ュ伐搴忓悕绉�"
+ clearable
+ @keyup.enter="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="璧勬簮缁�" prop="resourceGroupName">
+ <el-input
+ v-model="queryParams.resourceGroupName"
+ placeholder="璇疯緭鍏ヨ祫婧愮粍"
+ clearable
+ @keyup.enter="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="浜ц兘妯″瀷" prop="model">
+ <el-input
+ v-model="queryParams.model"
+ placeholder="璇疯緭鍏ヤ骇鑳芥ā鍨�: 鐙崰/鍚堟壒"
+ clearable
+ @keyup.enter="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="璁捐浜ц兘" prop="designCapacity">
+ <el-input
+ v-model="queryParams.designCapacity"
+ placeholder="璇疯緭鍏ヨ璁′骇鑳�"
+ clearable
+ @keyup.enter="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="宸ュ巶" prop="plant">
+ <el-input
+ v-model="queryParams.plant"
+ placeholder="璇疯緭鍏ュ伐鍘�"
+ clearable
+ @keyup.enter="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="杞﹂棿" prop="workShop">
+ <el-input
+ v-model="queryParams.workShop"
+ placeholder="璇疯緭鍏ヨ溅闂�"
+ clearable
+ @keyup.enter="handleQuery"
+ />
+ </el-form-item>
+ <el-form-item label="鏃ュ巻鎻忚堪" prop="workCalender">
+ <el-input
+ v-model="queryParams.workCalender"
+ 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="['core:standardProcess:add']"
+ >鏂板</el-button>
+ </el-col>
+ <el-col :span="1.5">
+ <el-button
+ type="success"
+ plain
+ icon="Edit"
+ :disabled="single"
+ @click="handleUpdate"
+ v-hasPermi="['core:standardProcess:edit']"
+ >淇敼</el-button>
+ </el-col>
+ <el-col :span="1.5">
+ <el-button
+ type="danger"
+ plain
+ icon="Delete"
+ :disabled="multiple"
+ @click="handleDelete"
+ v-hasPermi="['core:standardProcess:remove']"
+ >鍒犻櫎</el-button>
+ </el-col>
+ <el-col :span="1.5">
+ <el-button
+ type="info"
+ plain
+ icon="Upload"
+ @click="handleImport"
+ v-hasPermi="['aps:standardProcess:importData']"
+ >瀵煎叆</el-button>
+ </el-col>
+ <el-col :span="1.5">
+ <el-button
+ type="warning"
+ plain
+ icon="Download"
+ @click="handleExport"
+ v-hasPermi="['core:standardProcess:export']"
+ >瀵煎嚭</el-button>
+ </el-col>
+ <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
+ </el-row>
+
+ <HxlhTable
+ style="width: 100%"
+ :columns="columns"
+ :data="standardProcessList"
+ :loading="loading"
+ :height="height"
+ @on-checkbox="handleCheckboxChange"
+ >
+ </HxlhTable>
+
+<!-- 鐢ㄦ埛瀵煎叆瀵硅瘽妗� -->
+ <el-dialog :title="upload.title" v-model="upload.open" width="90%" append-to-body @close="dialogCancel">
+ <el-row :gutter="10">
+ <el-col>
+ <div style="border-bottom: 1px solid #ccc;" >
+ <p>涓婁紶Excel鏂囦欢銆�</p>
+ </div>
+ </el-col>
+ <el-col >
+ <div></div>
+ </el-col>
+ </el-row>
+
+ <el-row :gutter="10" style="margin-top: 20px;">
+ </el-row>
+ <el-row>
+ <el-col>
+ <el-upload ref="uploadRef" :limit="1" accept=".xlsx, .xls" :headers="upload.headers" :action="upload.url + '?updateSupport=' + upload.updateSupport" :disabled="upload.isUploading" :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess" :auto-upload="true" drag>
+ <el-icon class="el-icon--upload"><upload-filled /></el-icon>
+ <div class="el-upload__text">灏嗘枃浠舵嫋鍒版澶勶紝鎴�<em>鐐瑰嚮涓婁紶</em></div>
+ <template #tip>
+ <div class="el-upload__tip">
+ <span>浠呭厑璁稿鍏ls銆亁lsx鏍煎紡鏂囦欢銆�</span>
+ </div>
+ </template>
+ </el-upload>
+ </el-col>
+ </el-row>
+<!-- <el-row v-show="isVisible">-->
+<!-- <el-col>-->
+<!-- <div>-->
+<!-- <h2>鏁版嵁棰勮</h2>-->
+<!-- </div>-->
+<!-- <HxlhTable-->
+<!-- style="width: 100%"-->
+<!-- :columns="exampleColumns"-->
+<!-- :data="exampleList"-->
+<!-- :loading="loading"-->
+<!-- :maxHeight="exampleHeight"-->
+<!-- @on-checkbox="handleCheckboxChange"-->
+<!-- >-->
+<!-- </HxlhTable>-->
+<!-- </el-col>-->
+<!-- <el-col>-->
+<!-- <div style="text-align: right;">-->
+<!-- <h4>鍏变笂浼�<span style="color: blue;">{{ total }}</span>鏉℃暟鎹�</h4>-->
+<!-- </div>-->
+<!-- </el-col>-->
+<!-- </el-row>-->
+ <template #footer>
+ <div class="dialog-footer">
+ <el-button
+ type="success"
+ plain
+ icon="Check"
+ :disabled="planned"
+ @click="uploadParse"
+ >纭涓婁紶</el-button>
+ <el-button @click="dialogCancel">鍙� 娑�</el-button>
+ </div>
+ </template>
+ </el-dialog>
+
+ <!-- 娣诲姞鎴栦慨鏀规爣鍑嗗伐搴忓璇濇 -->
+ <el-dialog :title="title" v-model="open" width="500px" append-to-body>
+ <el-form ref="standardProcessRef" :model="form" :rules="rules" label-width="80px">
+ <el-form-item label="宸ュ簭缂栫爜" prop="processNumber">
+ <el-input v-model="form.processNumber" placeholder="璇疯緭鍏ュ伐搴忕紪鐮�" />
+ </el-form-item>
+ <el-form-item label="宸ュ簭鍚嶇О" prop="processName">
+ <el-input v-model="form.processName" placeholder="璇疯緭鍏ュ伐搴忓悕绉�" />
+ </el-form-item>
+ <el-form-item label="璧勬簮缁�" prop="resourceGroupName">
+ <el-input v-model="form.resourceGroupName" placeholder="璇疯緭鍏ヨ祫婧愮粍" />
+ </el-form-item>
+ <el-form-item label="浜ц兘妯″瀷" prop="model">
+ <el-input v-model="form.model" placeholder="璇疯緭鍏ヤ骇鑳芥ā鍨�: 鐙崰/鍚堟壒" />
+ </el-form-item>
+ <el-form-item label="璁捐浜ц兘" prop="designCapacity">
+ <el-input v-model="form.designCapacity" placeholder="璇疯緭鍏ヨ璁′骇鑳�" />
+ </el-form-item>
+ <el-form-item label="宸ュ巶" prop="plant">
+ <el-input v-model="form.plant" placeholder="璇疯緭鍏ュ伐鍘�" />
+ </el-form-item>
+ <el-form-item label="杞﹂棿" prop="workShop">
+ <el-input v-model="form.workShop" placeholder="璇疯緭鍏ヨ溅闂�" />
+ </el-form-item>
+<!-- <el-form-item label="鏃ュ巻Id" prop="workCalenderId">-->
+<!-- <el-input v-model="form.workCalenderId" placeholder="璇疯緭鍏ユ棩鍘咺d" />-->
+<!-- </el-form-item>-->
+<!-- <el-form-item label="浜ц兘妯″瀷Id" prop="modelId">-->
+<!-- <el-input v-model="form.modelId" placeholder="璇疯緭鍏ヤ骇鑳芥ā鍨婭d" />-->
+<!-- </el-form-item>-->
+ <el-form-item label="鏃ュ巻鎻忚堪" prop="workCalender">
+ <el-input v-model="form.workCalender" 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="StandardProcess">
+import { listStandardProcess, getStandardProcess, delStandardProcess, addStandardProcess, updateStandardProcess } from "@/api/basicData/standardProcess";
+import HxlhTable from "@/components/HxlhTable/index.vue";
+import { getToken } from "@/utils/auth.js";
+import {ref} from "vue";
+import { ElMessage } from 'element-plus'
+
+const { proxy } = getCurrentInstance();
+
+const standardProcessList = 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 - 260 + "px;")
+const isVisible = ref(false);
+const isError = ref(false);
+const planned = ref(true);
+const batchNumber = ref(null);
+const exampleHeight = ref("500px");
+const uploadRef = ref();
+const exampleList = ref([]);
+const requestDate = ref(null);
+
+/*** 鐢ㄦ埛瀵煎叆鍙傛暟 */
+const upload = reactive({
+ // 鏄惁鏄剧ず寮瑰嚭灞傦紙鐢ㄦ埛瀵煎叆锛�
+ open: false,
+ // 寮瑰嚭灞傛爣棰橈紙鐢ㄦ埛瀵煎叆锛�
+ title: "",
+ // 鏄惁绂佺敤涓婁紶
+ isUploading: false,
+ // 鏄惁鏇存柊宸茬粡瀛樺湪鐨勭敤鎴锋暟鎹�
+ updateSupport: 0,
+ // 璁剧疆涓婁紶鐨勮姹傚ご閮�
+ headers: { Authorization: "Bearer " + getToken() },
+ // 涓婁紶鐨勫湴鍧�
+ url: import.meta.env.VITE_APP_BASE_API + "/aps/standardProcess/importData"
+});
+// 琛ㄦ牸閰嶇疆-鍒楄〃
+const columns = ref([
+ { type: 'checkbox', width: 60, align:"center"},
+ { type: 'seq', title: '搴忓彿', width: 60, align: 'center' },
+ {
+ title: '宸ュ簭缂栫爜',
+ field: 'processNumber',
+ width: 150,
+ align:"center",
+ },
+ {
+ title: '宸ュ簭鍚嶇О',
+ field: 'processName',
+ width: 200,
+ align:"center",
+ },
+ {
+ title: '璧勬簮缁�',
+ field: 'resourceGroupName',
+ width: 150,
+ align:"center",
+ },
+ {
+ title: '浜ц兘妯″瀷',
+ field: 'model',
+ width: 150,
+ align:"center",
+ },
+ {
+ title: '璁捐浜ц兘',
+ field: 'designCapacity',
+ width: 150,
+ align:"center",
+ },
+ {
+ title: '宸ュ巶',
+ field: 'plant',
+ width: 150,
+ align:"center",
+ },
+ {
+ title: '杞﹂棿',
+ field: 'workShop',
+ width: 150,
+ align:"center",
+ },
+ {
+ title: '鏃ュ巻',
+ field: 'workCalender',
+ width: 150,
+ align:"center",
+ }
+]);
+
+const data = reactive({
+ form: {},
+ queryParams: {
+ pageNum: 1,
+ pageSize: 10,
+ processNumber: null,
+ processName: null,
+ resourceGroupName: null,
+ model: null,
+ designCapacity: null,
+ plantId: null,
+ plant: null,
+ workShopId: null,
+ workShop: null,
+ workCalenderId: null,
+ modelId: null,
+ workCalender: null
+ },
+ rules: {
+ }
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+/** 鏌ヨ鏍囧噯宸ュ簭鍒楄〃 */
+function getList() {
+ loading.value = true;
+ listStandardProcess(queryParams.value).then(response => {
+ standardProcessList.value = response.rows;
+ total.value = response.total;
+ loading.value = false;
+ });
+}
+
+// 鍙栨秷鎸夐挳
+function cancel() {
+ open.value = false;
+ reset();
+}
+
+// 琛ㄥ崟閲嶇疆
+function reset() {
+ form.value = {
+ id: null,
+ processNumber: null,
+ processName: null,
+ resourceGroupName: null,
+ model: null,
+ designCapacity: null,
+ plantId: null,
+ plant: null,
+ workShopId: null,
+ workShop: null,
+ workCalenderId: null,
+ delFlag: null,
+ createBy: null,
+ createTime: null,
+ updateBy: null,
+ updateTime: null,
+ modelId: null,
+ workCalender: null
+ };
+ proxy.resetForm("standardProcessRef");
+}
+
+/** 鎼滅储鎸夐挳鎿嶄綔 */
+function handleQuery() {
+ queryParams.value.pageNum = 1;
+ getList();
+}
+
+/** 閲嶇疆鎸夐挳鎿嶄綔 */
+function resetQuery() {
+ 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
+ getStandardProcess(_id).then(response => {
+ form.value = response.data;
+ open.value = true;
+ title.value = "淇敼鏍囧噯宸ュ簭";
+ });
+}
+
+/** 鎻愪氦鎸夐挳 */
+function submitForm() {
+ proxy.$refs["standardProcessRef"].validate(valid => {
+ if (valid) {
+ if (form.value.id != null) {
+ updateStandardProcess(form.value).then(response => {
+ proxy.$modal.msgSuccess("淇敼鎴愬姛");
+ open.value = false;
+ getList();
+ });
+ } else {
+ addStandardProcess(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 delStandardProcess(_ids);
+ }).then(() => {
+ getList();
+ proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛");
+ }).catch(() => {});
+}
+
+/** 瀵煎嚭鎸夐挳鎿嶄綔 */
+function handleExport() {
+ proxy.download('aps/standardProcess/export', {
+ ...queryParams.value
+ }, `standardProcess_${new Date().getTime()}.xlsx`)
+}
+
+/** 瀵煎叆鎸夐挳鎿嶄綔 */
+function handleImport() {
+ upload.title = "璧勬簮姹犳暟鎹笂浼�";
+ upload.open = true;
+}
+
+function handleCheckboxChange(){}
+
+/** dialog鍙栨秷 */
+function dialogCancel(){
+ if (uploadRef.value) {
+ uploadRef.value.clearFiles();
+ }
+ requestDate.value = null;
+ isVisible.value = false;
+ isError.value = false;
+ planned.value = true;
+ upload.open = false;
+ upload.isUploading = false;
+}
+
+/** 涓婁紶骞惰В鏋愭寜閽搷浣� */
+function uploadParse() {
+ loading.value = false;
+ isVisible.value = false;
+ isError.value = false;
+ planned.value = true;
+ upload.open = false;
+ requestDate.value = null;
+ ElMessage({
+ message: '璧勬簮姹犳暟鎹凡鎴愬姛涓婁紶鍜岃В鏋�',
+ type: 'success',
+ })
+ getList();
+}
+
+/** 鏂囦欢涓婁紶鎴愬姛澶勭悊 */
+const handleFileSuccess = (response, file, fileList) => {
+ if(response.code == '200'){
+ batchNumber.value = response.data;
+ isVisible.value = true;
+ planned.value = false;
+ isError.value = false;
+ }else{
+ isError.value = true;
+ proxy.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "瀵煎叆缁撴灉", { dangerouslyUseHTMLString: true });
+ }
+ proxy.$refs["uploadRef"].handleRemove(file);
+ upload.isUploading = false;
+};
+
+/**鏂囦欢涓婁紶涓鐞� */
+const handleFileUploadProgress = (event, file, fileList) => {
+ upload.isUploading = true;
+};
+
+getList();
+</script>
--
Gitblit v1.9.3