From e4897e8a61146a1e7a5418373e31375a16366c46 Mon Sep 17 00:00:00 2001
From: yaowanxin <3588231647@qq.com>
Date: 星期一, 11 八月 2025 15:26:25 +0800
Subject: [PATCH] 添加附件，调整数据
---
src/views/energyManagement/energyArea/index.vue | 142 +++++++++++++++++++++++++---------------------
1 files changed, 77 insertions(+), 65 deletions(-)
diff --git a/src/views/energyManagement/energyArea/index.vue b/src/views/energyManagement/energyArea/index.vue
index 72f5449..25ce083 100644
--- a/src/views/energyManagement/energyArea/index.vue
+++ b/src/views/energyManagement/energyArea/index.vue
@@ -4,7 +4,7 @@
<div>
<el-input v-model="search" style="width: 210px" placeholder="杈撳叆鍏抽敭瀛楄繘琛屾悳绱�" @change="searchFilter"
@clear="searchFilter" clearable prefix-icon="Search" />
- <el-button type="primary" @click="openModelDia('add')" style="margin-left: 10px">鏂板鍖哄煙</el-button>
+ <el-button type="primary" @click="openProDia('add')" style="margin-left: 10px">鏂板鐖跺尯鍩�</el-button>
</div>
<div ref="containerRef">
<el-tree ref="tree" v-loading="treeLoad" :data="list" @node-click="handleNodeClick"
@@ -23,16 +23,14 @@
? node.expanded ? 'FolderOpened' : 'Folder' : 'Tickets'" />
</el-icon>
{{ data.fuId==null ? data.id : '' || data.areaName }}
-
-
</span>
<div>
- <!-- <el-button type="primary" link @click="openProDia('edit', data)">
+ <el-button v-if="node.level < 2" type="primary" link @click="openProDia('edit', data)">
缂栬緫
- </el-button> -->
- <el-button v-if="node.level < 2" type="primary" link @click="openProDia('add', data)" :disabled="node.level >= 3">
- 娣诲姞瀛愬尯鍩�
</el-button>
+ <!-- <el-button v-if="node.level < 2" type="primary" link @click="openProDia('add', data)" :disabled="node.level >= 3">
+ 娣诲姞瀛愬尯鍩�
+ </el-button> -->
<!-- <el-button v-if="!node.childNodes.length" style="margin-left: 4px" type="danger" link
@click="remove(node, data)">
鍒犻櫎
@@ -44,10 +42,10 @@
</div>
</div>
<div class="right">
- <div style="margin-bottom: 10px" v-if="isShowButton">
- <!-- <el-button type="primary" @click="openModelDia('add')">
+ <div style="margin-bottom: 10px">
+ <el-button type="primary" @click="openModelDia('add')">
鏂板鍖哄煙
- </el-button> -->
+ </el-button>
<ImportExcel @uploadSuccess="getModelList" />
<el-button type="danger" @click="handleDelete" style="margin-left: 10px" plain>
鍒犻櫎
@@ -58,11 +56,11 @@
</div>
<el-dialog v-model="productDia" title="鍖哄煙" width="400px" @keydown.enter.prevent>
<el-form :model="form" label-width="140px" label-position="top" :rules="rules" ref="formRef">
- <el-row :gutter="30">
+ <el-row>
<el-col :span="24">
- <el-form-item label="鐖跺尯鍩燂細" prop="fuId">
- <el-select v-model="form.fuId" placeholder="璇烽�夋嫨鐖跺尯鍩�" clearable @keydown.enter.prevent>
- <el-option v-for="item in list" :key="item.id" :label="item.label" :value="item.id" />
+ <el-form-item label="鍖哄煙绫诲瀷锛�" prop="areaType">
+ <el-select v-model="form.areaType" placeholder="璇烽�夋嫨鍖哄煙绫诲瀷" clearable @keydown.enter.prevent>
+ <el-option v-for="item in areaTypeList" :key="item" :label="item" :value="item" />
</el-select>
</el-form-item>
</el-col>
@@ -71,6 +69,7 @@
<template #footer>
<div class="dialog-footer">
<el-button type="primary" @click="submitForm">纭</el-button>
+ <!-- <el-button type="primary" @click="submitModelForm">纭</el-button> -->
<el-button @click="closeProDia">鍙栨秷</el-button>
</div>
</template>
@@ -114,17 +113,9 @@
</template>
<script setup>
-import { ref } from "vue";
+import { ref, onMounted } from "vue";
import { ElMessageBox } from "element-plus";
import { areaListPage, areaDelete, areaAdd, areaUpdate } from "@/api/energyManagement/index.js";
-import {
- addOrEditProduct,
- addOrEditProductModel,
- delProduct,
- delProductModel,
- modelListPage,
- productTreeList,
-} from "@/api/basicData/product.js";
// import ImportExcel from "../../../ImportExcel/index.vue";
const { proxy } = getCurrentInstance();
@@ -151,6 +142,10 @@
"鐗规畩鐢ㄧ數鍖哄煙"
])
const tableColumn = ref([
+ {
+ label: "鍖哄煙缂栧彿",
+ prop: "id"
+ },
{
label: "鍖哄煙鍚嶇О",
prop: "areaName"
@@ -185,7 +180,7 @@
const selectedRows = ref([]);
const page = reactive({
current: 1,
- size: 10,
+ size: 30,
total: 0,
});
const data = reactive({
@@ -196,39 +191,38 @@
fuId: "",
sort: ""
},
-
- modelForm: {
- areaName: "",
- areaType: "",
- fuId: "",
- sort: ""
- },
modelRules: {
model: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
unit: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }],
},
});
-const { form, rules, modelForm, modelRules } = toRefs(data);
-
+const { form, rules, modelRules } = toRefs(data);
+// const originalRecords = ref([]);
+// const parentItems = ref([]);
// 鏌ヨ浜у搧鏍�
-const getProductTreeList = () => {
+const getProductTeeList = () => {
treeLoad.value = true;
- areaListPage()
+ areaListPage({
+ current: page.current,
+ size: page.size,
+ })
.then((res) => {
const originalRecords = res.data.records;
+ console.log(originalRecords);
// 绛涢�塮uId涓虹┖鐨勯」浣滀负鐖惰妭鐐�
- const parentItems = originalRecords.filter(item => !item.fuId);
+ list.value = originalRecords.filter(item => !item.fuId);
// 涓烘瘡涓埗鑺傜偣娣诲姞children骞跺尮閰嶅瓙鑺傜偣
- parentItems.forEach(parent => {
+ list.value.forEach(parent => {
parent.children = originalRecords.filter(child => child.fuId === parent.id);
});
- // 鏇存柊鍒楄〃鏁版嵁涓烘爲褰㈢粨鏋�
- list.value = parentItems;
+ // // 鏇存柊鍒楄〃鏁版嵁涓烘爲褰㈢粨鏋�
+ // list.value = parentItems.value;
+
console.log('鏍戝舰缁撴瀯鏁版嵁:', list.value);
- list.value.forEach((a) => {
- expandedKeys.value.push(a.label);
- });
+ // list.value.forEach((a) => {
+ // expandedKeys.value.push(a.label);
+ // });
treeLoad.value = false;
})
.catch((err) => {
@@ -242,10 +236,16 @@
// 鎵撳紑浜у搧寮规
const openProDia = (type, data) => {
operationType.value = type;
+ modelOperationType.value = type;
+
productDia.value = true;
- form.value.fuId = "";
+ form.value.areaType = "";
if (type === "edit") {
form.value.id = data.id;
+ form.value.areaName = data.areaName;
+ form.value.areaType = data.areaType;
+ form.value.fuId = data.fuId;
+ form.value.sort = data.sort;
}
};
// 鎵撳紑瑙勬牸鍨嬪彿寮规
@@ -270,14 +270,17 @@
areaAdd(form.value).then((res) => {
proxy.$modal.msgSuccess("鎻愪氦鎴愬姛");
closeProDia();
- getProductTreeList();
+ getProductTeeList();
+ getModelList();
+
});
}else {
form.value.id = currentId.value;
areaUpdate(form.value).then((res) => {
proxy.$modal.msgSuccess("鎻愪氦鎴愬姛");
closeProDia();
- getProductTreeList();
+ getModelList();
+ getProductTeeList();
});
}
}
@@ -300,10 +303,11 @@
})
.then(() => {
tableLoading.value = true;
- delProduct(ids)
+ areaDelete(ids)
.then((res) => {
proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛");
- getProductTreeList();
+ getProductTeeList();
+ getModelList();
})
.finally(() => {
tableLoading.value = false;
@@ -316,7 +320,7 @@
// 閫夋嫨浜у搧
const handleNodeClick = (val, node, el) => {
// 鍒ゆ柇鏄惁涓哄彾瀛愯妭鐐�
- isShowButton.value = !(val.children && val.children.length > 0);
+ // isShowButton.value = !(val.children && val.children.length > 0);
// 鍙湁鍙跺瓙鑺傜偣鎵嶆墽琛屼互涓嬮�昏緫
currentId.value = val.id;
currentParentId.value = val.parentId;
@@ -327,13 +331,21 @@
const submitModelForm = () => {
proxy.$refs.modelFormRef.validate((valid) => {
if (valid) {
- modelForm.value.productId = currentId.value;
- areaUpdate(form.value).then((res) => {
- proxy.$modal.msgSuccess("鎻愪氦鎴愬姛");
- closeModelDia();
- getModelList();
- getProductTreeList();
- });
+ if (modelOperationType.value === "add") {
+ form.value.fuId = currentId.value;
+ areaAdd(form.value).then((res) => {
+ proxy.$modal.msgSuccess("鎻愪氦鎴愬姛");
+ });
+ }
+ else {
+ // form.value.id = currentId.value;
+ areaUpdate(form.value).then((res) => {
+ proxy.$modal.msgSuccess("鎻愪氦鎴愬姛");
+ });
+ }
+ closeModelDia();
+ getModelList();
+ getProductTeeList();
}
});
};
@@ -347,21 +359,18 @@
selectedRows.value = selection;
};
-// 鏌ヨ瑙勬牸鍨嬪彿
-const pagination = (obj) => {
- page.current = obj.page;
- page.size = obj.limit;
- getModelList();
-};
+// 鏌ヨ鍖哄煙
const getModelList = () => {
tableLoading.value = true;
areaListPage({
- id: currentId.value,
+ fuId: currentId.value,
current: page.current,
size: page.size,
}).then((res) => {
console.log("res", res);
- tableData.value = res.data.records;
+ const originalRecords = res.data.records;
+ // 绛涢�塮uId涓虹┖鐨勯」浣滀负鐖惰妭鐐�
+ tableData.value = originalRecords.filter(item => item.fuId === currentId.value);
page.total = res.total;
tableLoading.value = false;
});
@@ -386,7 +395,7 @@
.then((res) => {
proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛");
getModelList();
- getProductTreeList();
+ getProductTeeList();
})
.finally(() => {
tableLoading.value = false;
@@ -432,7 +441,10 @@
// 娌″尮閰嶅埌杩斿洖false
return false;
};
-getProductTreeList();
+onMounted(() => {
+ getProductTeeList();
+});
+
</script>
<style scoped>
--
Gitblit v1.9.3