From d33c6b6b3b0e8cb9177ba90852b018a23faa18a0 Mon Sep 17 00:00:00 2001
From: zhanghl <253316343@qq.com>
Date: 星期五, 25 四月 2025 14:51:50 +0800
Subject: [PATCH] 气柜和管路物料用量数据-页面
---
src/views/basicData/gasMaterialUsage/index.vue | 166 +++++++++++++++++++++++++++++++-----------------------
1 files changed, 95 insertions(+), 71 deletions(-)
diff --git a/src/views/basicData/gasMaterialUsage/index.vue b/src/views/basicData/gasMaterialUsage/index.vue
index 5842980..c55a215 100644
--- a/src/views/basicData/gasMaterialUsage/index.vue
+++ b/src/views/basicData/gasMaterialUsage/index.vue
@@ -1,52 +1,59 @@
<template>
<div class="app-container">
- <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
- <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="version">
- <el-input
- v-model="queryParams.version"
- 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="standardAmount">
- <el-input
- v-model="queryParams.standardAmount"
- 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="20">
+ <el-col>
+ <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
+ <el-row :gutter="20">
+ <el-col :span="6">
+ <el-form-item label="鏂欏彿" prop="itemNumber">
+ <el-input
+ v-model="queryParams.itemNumber"
+ placeholder="璇疯緭鍏ユ枡鍙�"
+ clearable
+ @keyup.enter="handleQuery"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="鍥惧彿" prop="drawingNo">
+ <el-input
+ v-model="queryParams.drawingNo"
+ placeholder="璇疯緭鍏ュ浘鍙�"
+ clearable
+ @keyup.enter="handleQuery"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="鐗堟湰" prop="version">
+ <el-input
+ v-model="queryParams.version"
+ placeholder="璇疯緭鍏ョ増鏈�"
+ clearable
+ @keyup.enter="handleQuery"
+ />
+ </el-form-item>
+ </el-col>
+ <el-col :span="6">
+ <el-form-item label="宸ュ簭鍚嶇О" prop="processName">
+ <el-input
+ v-model="queryParams.processName"
+ 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="10" class="mb8">
<el-col :span="1.5">
<el-button
@@ -55,7 +62,8 @@
icon="Upload"
@click="handleImport"
v-hasPermi="['gasMaterialUsage:import']"
- >瀵煎叆</el-button>
+ >瀵煎叆
+ </el-button>
</el-col>
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
@@ -69,14 +77,14 @@
</HxlhTable>
<!-- 娣诲姞鎴栦慨鏀归挘閲戣鍒掔鐞嗗璇濇 -->
- <el-dialog :title="upload.title" v-model="upload.open" width="90%" append-to-body @close="dialogCancel" >
+ <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;" >
+ <div style="border-bottom: 1px solid #ccc;">
<p>涓婁紶Excel鏂囦欢锛岀郴缁熷皢瑙ｆ瀽鏁版嵁骞朵繚瀛樸��</p>
</div>
</el-col>
- <el-col >
+ <el-col>
<div></div>
</el-col>
</el-row>
@@ -92,7 +100,9 @@
:on-progress="handleFileUploadProgress"
:on-success="handleFileSuccess"
:auto-upload="true" drag>
- <el-icon class="el-icon--upload"><upload-filled /></el-icon>
+ <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">
@@ -115,7 +125,7 @@
</el-row>
<template #footer>
<div class="dialog-footer">
- <el-button @click="dialogCancel">鍙� 娑�</el-button>
+ <el-button @click="dialogCancel">鍏� 闂�</el-button>
</div>
</template>
</el-dialog>
@@ -125,13 +135,13 @@
</template>
<script setup name="ApsGasMaterialUsage">
-import { list, getOne, add, update, del } from "@/api/basicData/gasMaterialUsage.js";
+import {list, getOne, add, update, del} from "@/api/basicData/gasMaterialUsage.js";
import HxlhTable from "@/components/HxlhTable/index.vue";
import {ref} from "vue";
-import { getToken } from "@/utils/auth.js";
+import {getToken} from "@/utils/auth.js";
import {ElMessage} from "element-plus";
-const { proxy } = getCurrentInstance();
+const {proxy} = getCurrentInstance();
const ApsGasMaterialUsageList = ref([]);
const open = ref(false);
@@ -161,18 +171,17 @@
standardAmount: null,
orgCode: null,
},
- rules: {
- }
+ rules: {}
});
-const { queryParams, form, rules } = toRefs(data);
+const {queryParams, form, rules} = toRefs(data);
const columns = ref([
- { type: 'seq', title: '搴忓彿', width: 60 },
- { title: '鏂欏彿', field: 'itemNumber', width: 150,},
- { title: '鍥惧彿', field: 'drawingNo', width: 150,},
- { title: '鐗堟湰', field: 'version', width: 150,},
- { title: '宸ュ簭鍚嶇О', field: 'processName', width: 150,},
- { title: '鏍囧噯鐢ㄩ噺', field: 'standardAmount', width: 150,},
+ {type: 'seq', title: '搴忓彿', width: 60},
+ {title: '鏂欏彿', field: 'itemNumber'},
+ {title: '鍥惧彿', field: 'drawingNo'},
+ {title: '鐗堟湰', field: 'version', width: 150,},
+ {title: '宸ュ簭鍚嶇О', field: 'processName'},
+ {title: '鏍囧噯鐢ㄩ噺', field: 'standardAmount', width: 150,},
])
/** 鏌ヨ姘旀煖绠¤矾鐗╂枡鐢ㄩ噺鍒楄〃 */
@@ -197,7 +206,7 @@
// 鏄惁鏇存柊宸茬粡瀛樺湪鐨勭敤鎴锋暟鎹�
updateSupport: 0,
// 璁剧疆涓婁紶鐨勮姹傚ご閮�
- headers: { Authorization: "Bearer " + getToken() ,local: 'zhl'},
+ headers: {Authorization: "Bearer " + getToken(), local: 'zhl'},
// 涓婁紶鐨勫湴鍧�
url: import.meta.env.VITE_APP_BASE_API + "/aps/gasMaterialUsage/importData"
});
@@ -207,24 +216,38 @@
upload.title = "閽ｉ噾璁″垝鏁版嵁涓婁紶";
upload.open = true;
}
+
/**鏂囦欢涓婁紶涓鐞� */
const handleFileUploadProgress = (event, file, fileList) => {
upload.isUploading = true;
};
/** 鏂囦欢涓婁紶鎴愬姛澶勭悊 */
const handleFileSuccess = (response, file, fileList) => {
- if(response.code === '200'){
+ if (response.code === 200) {
batchNumber.value = response.data;
isVisible.value = true;
planned.value = false;
isError.value = false;
- }else{
+ getList();
+ } 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.$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;
};
+
+/** dialog鍙栨秷 */
+function dialogCancel() {
+ if (uploadRef.value) {
+ uploadRef.value.clearFiles();
+ }
+ isVisible.value = false;
+ isError.value = false;
+ planned.value = true;
+ upload.open = false;
+ upload.isUploading = false;
+}
// 鍙栨秷鎸夐挳
function cancel() {
@@ -310,12 +333,13 @@
/** 鍒犻櫎鎸夐挳鎿嶄綔 */
function handleDelete(row) {
const _ids = row.id || ids.value;
- proxy.$modal.confirm('鏄惁纭鍒犻櫎姘旀煖绠¤矾鐗╂枡鐢ㄩ噺缂栧彿涓�"' + _ids + '"鐨勬暟鎹」锛�').then(function() {
+ proxy.$modal.confirm('鏄惁纭鍒犻櫎姘旀煖绠¤矾鐗╂枡鐢ㄩ噺缂栧彿涓�"' + _ids + '"鐨勬暟鎹」锛�').then(function () {
return del(_ids);
}).then(() => {
getList();
proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛");
- }).catch(() => {});
+ }).catch(() => {
+ });
}
/** 瀵煎嚭鎸夐挳鎿嶄綔 */
--
Gitblit v1.9.3