From c7736d8cf69ef05b601512d9bdc8f91b1cfde43b Mon Sep 17 00:00:00 2001
From: CD配唱片 <CD配唱片>
Date: 星期五, 25 四月 2025 15:33:07 +0800
Subject: [PATCH] Merge branch 'dev' of http://192.168.50.149:8085/r/aps-kj-web into dev
---
src/api/basicData/gasMaterialUsage.js | 44 ++++++
src/views/basicData/gasMaterialUsage/index.vue | 353 ++++++++++++++++++++++++++++++++++++++++++++++++++
2 files changed, 397 insertions(+), 0 deletions(-)
diff --git a/src/api/basicData/gasMaterialUsage.js b/src/api/basicData/gasMaterialUsage.js
new file mode 100644
index 0000000..c8fad4e
--- /dev/null
+++ b/src/api/basicData/gasMaterialUsage.js
@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 鏌ヨ姘旀煖绠¤矾鐗╂枡鐢ㄩ噺鍒楄〃
+export function list(query) {
+ return request({
+ url: '/aps/gasMaterialUsage/list',
+ method: 'get',
+ params: query
+ })
+}
+
+// 鏌ヨ姘旀煖绠¤矾鐗╂枡鐢ㄩ噺璇︾粏
+export function getOne(id) {
+ return request({
+ url: '/aps/gasMaterialUsage/' + id,
+ method: 'get'
+ })
+}
+
+// 鏂板姘旀煖绠¤矾鐗╂枡鐢ㄩ噺
+export function add(data) {
+ return request({
+ url: '/aps/gasMaterialUsage',
+ method: 'post',
+ data: data
+ })
+}
+
+// 淇敼姘旀煖绠¤矾鐗╂枡鐢ㄩ噺
+export function update(data) {
+ return request({
+ url: '/aps/gasMaterialUsage',
+ method: 'put',
+ data: data
+ })
+}
+
+// 鍒犻櫎姘旀煖绠¤矾鐗╂枡鐢ㄩ噺
+export function del(id) {
+ return request({
+ url: '/aps/gasMaterialUsage/' + id,
+ method: 'delete'
+ })
+}
diff --git a/src/views/basicData/gasMaterialUsage/index.vue b/src/views/basicData/gasMaterialUsage/index.vue
new file mode 100644
index 0000000..143853d
--- /dev/null
+++ b/src/views/basicData/gasMaterialUsage/index.vue
@@ -0,0 +1,353 @@
+<template>
+ <div class="app-container">
+ <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
+ type="info"
+ plain
+ icon="Upload"
+ @click="handleImport"
+ v-hasPermi="['gasMaterialUsage:import']"
+ >瀵煎叆
+ </el-button>
+ </el-col>
+ <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
+ </el-row>
+ <HxlhTable
+ style="width: 100%"
+ :columns="columns"
+ :data="ApsGasMaterialUsageList"
+ :loading="loading"
+ :height="height"
+ >
+ </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>
+ <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>
+ <el-col style="margin-top: 20px;">
+ <div v-show="isVisible">
+ <el-alert icon="Check" :show-icon="true" title="鏁版嵁宸叉垚鍔熻В鏋�" type="success" :closable="false"/>
+ </div>
+ <div v-show="isError">
+ <el-alert icon="Close" :show-icon="true" title="鏁版嵁宸茶В鏋愬け璐�" type="error" :closable="false"/>
+ </div>
+ </el-col>
+ </el-row>
+ <template #footer>
+ <div class="dialog-footer">
+ <el-button @click="dialogCancel">鍏� 闂�</el-button>
+ </div>
+ </template>
+ </el-dialog>
+
+
+ </div>
+</template>
+
+<script setup name="ApsGasMaterialUsage">
+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 {ElMessage} from "element-plus";
+
+const {proxy} = getCurrentInstance();
+
+const ApsGasMaterialUsageList = 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 isVisible = ref(false);
+const isError = ref(false);
+const planned = ref(true);
+const batchNumber = ref(null);
+const exampleHeight = ref("500px");
+const uploadRef = ref();
+
+const data = reactive({
+ form: {},
+ queryParams: {
+ itemNumber: null,
+ drawingNo: null,
+ version: null,
+ processName: null,
+ standardAmount: null,
+ orgCode: null,
+ },
+ rules: {}
+});
+
+const {queryParams, form, rules} = toRefs(data);
+const columns = ref([
+ {type: 'seq', title: '搴忓彿', width: 60},
+ {title: '鏂欏彿', field: 'itemNumber'},
+ {title: '鍥惧彿', field: 'drawingNo'},
+ {title: '鐗堟湰', field: 'version', width: 150,},
+ {title: '宸ュ簭鍚嶇О', field: 'processName'},
+ {title: '鏍囧噯鐢ㄩ噺', field: 'standardAmount', width: 150,},
+])
+
+/** 鏌ヨ姘旀煖绠¤矾鐗╂枡鐢ㄩ噺鍒楄〃 */
+function getList() {
+ loading.value = true;
+ list(queryParams.value).then(response => {
+ ApsGasMaterialUsageList.value = response.rows;
+ total.value = response.total;
+ loading.value = false;
+ });
+}
+
+
+/*** 鐢ㄦ埛瀵煎叆鍙傛暟 */
+const upload = reactive({
+ // 鏄惁鏄剧ず寮瑰嚭灞傦紙鐢ㄦ埛瀵煎叆锛�
+ open: false,
+ // 寮瑰嚭灞傛爣棰橈紙鐢ㄦ埛瀵煎叆锛�
+ title: "",
+ // 鏄惁绂佺敤涓婁紶
+ isUploading: false,
+ // 鏄惁鏇存柊宸茬粡瀛樺湪鐨勭敤鎴锋暟鎹�
+ updateSupport: 0,
+ // 璁剧疆涓婁紶鐨勮姹傚ご閮�
+ headers: {Authorization: "Bearer " + getToken(), local: 'int'},
+ // 涓婁紶鐨勫湴鍧�
+ url: import.meta.env.VITE_APP_BASE_API + "/aps/gasMaterialUsage/importData"
+});
+
+/** 瀵煎叆鎸夐挳鎿嶄綔 */
+function handleImport() {
+ upload.title = "閽ｉ噾璁″垝鏁版嵁涓婁紶";
+ upload.open = true;
+}
+
+/**鏂囦欢涓婁紶涓鐞� */
+const handleFileUploadProgress = (event, file, fileList) => {
+ upload.isUploading = true;
+};
+/** 鏂囦欢涓婁紶鎴愬姛澶勭悊 */
+const handleFileSuccess = (response, file, fileList) => {
+ if (response.code === 200) {
+ batchNumber.value = response.data;
+ isVisible.value = true;
+ planned.value = false;
+ isError.value = false;
+ 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.$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() {
+ open.value = false;
+ reset();
+}
+
+// 琛ㄥ崟閲嶇疆
+function reset() {
+ form.value = {
+ id: null,
+ itemNumber: null,
+ drawingNo: null,
+ version: null,
+ processName: null,
+ standardAmount: null,
+ orgCode: null,
+ createBy: null,
+ createTime: null,
+ delFlag: null
+ };
+ proxy.resetForm("ApsGasMaterialUsageRef");
+}
+
+/** 鎼滅储鎸夐挳鎿嶄綔 */
+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
+ getOne(_id).then(response => {
+ form.value = response.data;
+ open.value = true;
+ title.value = "淇敼姘旀煖绠¤矾鐗╂枡鐢ㄩ噺";
+ });
+}
+
+/** 鎻愪氦鎸夐挳 */
+function submitForm() {
+ proxy.$refs["ApsGasMaterialUsageRef"].validate(valid => {
+ if (valid) {
+ if (form.value.id != null) {
+ update(form.value).then(response => {
+ proxy.$modal.msgSuccess("淇敼鎴愬姛");
+ open.value = false;
+ getList();
+ });
+ } else {
+ add(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 del(_ids);
+ }).then(() => {
+ getList();
+ proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛");
+ }).catch(() => {
+ });
+}
+
+/** 瀵煎嚭鎸夐挳鎿嶄綔 */
+function handleExport() {
+ proxy.download('aps/gasMaterialUsage/export', {
+ ...queryParams.value
+ }, `ApsGasMaterialUsage_${new Date().getTime()}.xlsx`)
+}
+
+getList();
+</script>
--
Gitblit v1.9.3