From 40b5273e2540cee05bf3b9f11af5706989b5f699 Mon Sep 17 00:00:00 2001 From: zhang_12370 <z2864490065@outlook.com> Date: 星期五, 27 六月 2025 16:42:11 +0800 Subject: [PATCH] 提交删除部分页面导出按钮 修改采购逻辑 取消供应商新增校验 完善vue打包以后找不到文件的问题 --- src/views/archiveManagement/index.vue | 647 +++++++++++++++++++++++++++++++--------------------------- 1 files changed, 345 insertions(+), 302 deletions(-) diff --git a/src/views/archiveManagement/index.vue b/src/views/archiveManagement/index.vue index 486522f..af8c450 100644 --- a/src/views/archiveManagement/index.vue +++ b/src/views/archiveManagement/index.vue @@ -4,84 +4,87 @@ <div class="left-content"> <div class="tree-header"> <h3>鏂囨。绠$悊</h3> - <el-button type="primary" size="small" @click="append('')" icon="Plus" - >鏂板</el-button + <el-button icon="Plus" size="small" type="primary" @click="append('')" + >鏂板 + </el-button > </div> <!-- 鎼滅储妗� --> <div class="search-box"> <el-input - v-model="filterText" - placeholder="杈撳叆鍏抽敭瀛楄繘琛屾悳绱�" - size="small" - clearable - @input="handleFilter" + v-model="filterText" + clearable + placeholder="杈撳叆鍏抽敭瀛楄繘琛屾悳绱�" + size="small" + @input="handleFilter" > <template #prefix> - <el-icon><Search /></el-icon> + <el-icon> + <Search/> + </el-icon> </template> </el-input> </div> <div class="tree-container"> <el-tree - ref="treeRef" - :data="treeData" - :props="props" - :filter-node-method="filterNode" - :expand-on-click-node="false" - :default-expand-all="false" - node-key="id" - @node-click="handleNodeClick" - class="custom-tree" + ref="treeRef" + :data="treeData" + :default-expand-all="false" + :expand-on-click-node="false" + :filter-node-method="filterNode" + :props="props" + class="custom-tree" + node-key="id" + @node-click="handleNodeClick" > <template #default="{ node, data }"> - <div class="tree-node-content" @dblclick="headerDbClick(data)"> + <div class="tree-node-content" @dblclick="headerDbClick(node,data)"> <div class="node-icon"> <el-icon - v-if="!node.isLeaf" - :class="{ expanded: node.expanded }" + v-if="!node.isLeaf" + :class="{ expanded: node.expanded }" > - <Folder /> + <Folder/> </el-icon> <el-icon v-else> - <Document /> + <Document/> </el-icon> </div> <div class="node-label"> <span v-if="!data.isEdit" class="label-text">{{ - node.label - }}</span> + node.label + }}</span> <el-input - v-else - :ref="(el) => setInputRef(el, data)" - placeholder="璇疯緭鍏ヨ妭鐐瑰悕绉�" - v-model="newName" - @blur="($event) => handleInputBlur($event, data, node)" - @keyup.enter=" - ($event) => handleInputBlur($event, data, node) + v-else + :ref="(el) => setInputRef(el, data)" + v-model="newName" + autofocus + class="tree-input" + placeholder="璇疯緭鍏ヨ妭鐐瑰悕绉�" + size="small" + @blur="(event) => handleInputBlur(event, data, node)" + @keyup.enter=" + (event) => handleInputBlur(event, data, node) " - size="small" - class="tree-input" - autofocus /> </div> - <div class="node-actions" v-show="!data.isEdit"> + <div v-show="!data.isEdit" class="node-actions"> <el-button - link - size="small" - @click.stop="append(data)" - icon="Plus" - title="鏂板瀛愯妭鐐�" + icon="Plus" + link + size="small" + title="鏂板瀛愯妭鐐�" + @click.stop="append(data)" ></el-button> <el-button - link - size="small" - @click.stop="remove(node, data)" - icon="Delete" - title="鍒犻櫎" + icon="Delete" + link + size="small" + title="鍒犻櫎" + @click.stop="remove(node, data)" ></el-button> </div> </div> @@ -92,152 +95,150 @@ </div> <div class="right"> <el-row :gutter="24"> - <el-col :span="2" :offset="20" - ><el-button :icon="Delete" type="danger" @click="delHandler">鍒犻櫎</el-button></el-col + <el-col :offset="20" :span="2" + > + <el-button :icon="Delete" type="danger" @click="delHandler">鍒犻櫎</el-button> + </el-col > <el-col :span="2" - ><el-button - :icon="Plus" - type="primary" - @click="add" - :disabled="!tableData.length" - >鏂板</el-button - ></el-col + > + <el-button + :disabled="!tableSwitch" + :icon="Plus" + type="primary" + @click="add" + >鏂板 + </el-button + > + </el-col > </el-row> <ETable - :maxHeight="1200" - :loading="loading" - :table-data="tableData" - :columns="columns" - @selection-change="handleSelectionChange" - @edit="handleEdit" - :show-selection="true" - :border="true" + :border="true" + :columns="columns" + :loading="loading" + :maxHeight="1200" + :show-selection="true" + :table-data="tableData" + @edit="handleEdit" + @selection-change="handleSelectionChange" > </ETable> <Pagination - :total="total" - :page="queryParams.current" - :limit="queryParams.pageSize" - :show-total="true" - @pagination="handlePageChange" - :layout="'total, prev, pager, next, jumper'" + :layout="'total, prev, pager, next, jumper'" + :limit="queryParams.pageSize" + :page="queryParams.current" + :show-total="true" + :total="total" + @pagination="handlePageChange" ></Pagination> </div> <archiveDialog - v-model:centerDialogVisible="dialogVisible" - @centerDialogVisible="centerDialogVisible" - :row="row" - @submitForm="submitForm" - ref="archiveDialogs" + ref="archiveDialogs" + v-model:centerDialogVisible="dialogVisible" + :row="row" + @centerDialogVisible="centerDialogVisible" + @submitForm="submitForm" > </archiveDialog> </el-card> </template> <script setup> -import { onMounted, ref, nextTick, reactive } from "vue"; +import {nextTick, onMounted, reactive, ref} from "vue"; import ETable from "@/components/Table/ETable.vue"; -import { ElButton, ElInput, ElIcon, ElMessage } from "element-plus"; +import {ElButton, ElIcon, ElInput, ElMessage, ElMessageBox} from "element-plus"; import archiveDialog from "./mould/archiveDialog.vue"; import Pagination from "@/components/Pagination/index.vue"; -import { - Plus, - Search, - Folder, - Document, - Delete, -} from "@element-plus/icons-vue"; -import { - getTree, - addOrEditTree, - delTree, - getArchiveList, - addOrEditArchive, - delArchive, -} from "@/api/archiveManagement"; -const dialogVisible = ref(false); // 鎺у埗褰掓。瀵硅瘽妗嗘樉绀� +import {Delete, Document, Folder, Plus, Search,} from "@element-plus/icons-vue"; +import {addOrEditTree, delArchive, delTree, getArchiveList, getTree,} from "@/api/archiveManagement"; + +// ===== 鍝嶅簲寮忕姸鎬佺鐞� ===== +const dialogVisible = ref(false); const loading = ref(false); const tableData = ref([]); const treeData = ref([]); const newName = ref(""); -const inputRefs = ref(new Map()); // 瀛樺偍杈撳叆妗嗗紩鐢� -const filterText = ref(""); // 鎼滅储鍏抽敭瀛� -const treeRef = ref(); // 鏍戠粍浠跺紩鐢� -const total = ref(0); // 鎬昏褰曟暟 +const inputRefs = ref(new Map()); +const filterText = ref(""); +const treeRef = ref(); +const total = ref(0); +const row = ref({}); +const selectedRows = reactive([]); +const rowClickData = ref({}); +const tableSwitch = ref(false); +const archiveDialogs = ref(null); + +// ===== 閰嶇疆甯搁噺 ===== const columns = [ - { prop: "name", label: "鍚嶇О", minWidth: 180 }, - { prop: "type", label: "绫诲瀷", minWidth: 120 }, - { prop: "status", label: "鐘舵��", minWidth: 100 }, + {prop: "name", label: "鍚嶇О", minWidth: 180}, + {prop: "type", label: "绫诲瀷", minWidth: 120}, + {prop: "status", label: "鐘舵��", minWidth: 100}, ]; -const selectedRows = reactive([]); // 瀛樺偍閫変腑琛屾暟鎹� + +const queryParams = reactive({ + searchAll: "", + current: 1, + pageSize: 10, + treeId: null, +}); + +const props = { + label: "name", + children: "children", + isLeaf: "leaf", +}; + +// ===== 宸ュ叿鍑芥暟 ===== +const handleError = (error, defaultMsg = "鎿嶄綔澶辫触锛岃绋嶅悗閲嶈瘯") => { + console.error(error); + ElMessage.error(defaultMsg); +}; + +const showSuccess = (msg = "鎿嶄綔鎴愬姛") => { + ElMessage.success(msg); +}; + +const showConfirm = (message, title = "纭鎿嶄綔") => { + return ElMessageBox.confirm(message, title, { + confirmButtonText: '纭畾', + cancelButtonText: '鍙栨秷', + type: 'warning', + }); +}; + +// ===== 鍩虹鍔熻兘鍑芥暟 ===== const handleSelectionChange = (selection) => { selectedRows.splice(0, selectedRows.length, ...selection); }; -const queryParams = reactive({ - searchText: "", - current: 1, - pageSize: 10, // 鍥哄畾姣忛〉10鏉� - treeId: null, // 褰撳墠鏍戣妭鐐笽D -}); -// 鎼滅储杩囨护鍔熻兘 + const handleFilter = () => { treeRef.value?.filter(filterText.value); }; -const row = ref({}); // 褰撳墠閫変腑琛屾暟鎹� + const filterNode = (value, data) => { if (!value) return true; return data.name?.toLowerCase().includes(value.toLowerCase()); }; -const submitForm = async (res) => { - console.log("鎻愪氦琛ㄥ崟鍥炶皟:", res); - - if (res && res.code === 200) { - ElMessage.success("鎿嶄綔鎴愬姛"); - // 鍒锋柊鍒楄〃鏁版嵁 - await getArchiveListData(); - } else { - ElMessage.error("鎿嶄綔澶辫触: " + (res?.message || "鏈煡閿欒")); - } -} + const centerDialogVisible = (val) => { - console.log(val); + dialogVisible.value = val; }; -// 澶勭悊鑺傜偣鐐瑰嚮 -const handleNodeClick = async (data) => { - console.log("鐐瑰嚮鑺傜偣:", data); - // 鍒囨崲鑺傜偣鏃堕噸缃埌绗竴椤� - queryParams.current = 1; - queryParams.treeId = data.id; - getArchiveListData(); -}; -const archiveDialogs = ref(null); // 琛ㄦ牸缁勪欢寮曠敤 -// add -const add = () => { - row.value = {}; // 娓呯┖琛屾暟鎹紝纭繚鏄柊澧炴ā寮� - dialogVisible.value = true; - newName.value = ""; // 娓呯┖杈撳叆妗� - archiveDialogs.value.initForm(); // 閲嶇疆琛ㄥ崟 -}; -// 澶勭悊鍒嗛〉鍙樺寲 -const handlePageChange = ({ page }) => { - console.log("鍒嗛〉鍙樺寲:", { page }); - queryParams.current = page; - // pageSize 鍥哄畾涓�20锛屼笉鍐嶄粠鍙傛暟涓幏鍙� - getArchiveListData(); +// ===== 鏁版嵁鑾峰彇鍑芥暟 ===== +const getList = async () => { + try { + const res = await getTree(); + treeData.value = res.code === 200 ? (res.data?.records || res.data || []) : []; + } catch (error) { + handleError(error, "鑾峰彇鏍戠粨鏋勬暟鎹け璐�"); + treeData.value = []; + } }; const getArchiveListData = async () => { try { loading.value = true; - console.log("鑾峰彇褰掓。鍒楄〃鏁版嵁", { - treeId: queryParams.treeId, - current: queryParams.current, - pageSize: queryParams.pageSize, - }); - - let res = await getArchiveList({ + const res = await getArchiveList({ treeId: queryParams.treeId, current: queryParams.current, size: queryParams.pageSize, @@ -249,57 +250,145 @@ total.value = 0; return; } - + tableData.value = res.data?.records || res.data || []; total.value = res.data?.total || 0; - // 纭繚鍒嗛〉鍙傛暟姝g‘鏇存柊 + if (res.data?.current) { queryParams.current = res.data.current; } - // pageSize 鍥哄畾涓�20锛屼笉浠庡悗绔幏鍙� - - console.log("鏁版嵁鏇存柊瀹屾垚:", { - total: total.value, - current: queryParams.current, - pageSize: queryParams.pageSize, - records: tableData.value.length, - }); } catch (error) { - console.error("鑾峰彇褰掓。鍒楄〃澶辫触:", error); - ElMessage.error("鑾峰彇鏁版嵁澶辫触"); + handleError(error, "鑾峰彇褰掓。鏁版嵁澶辫触"); tableData.value = []; total.value = 0; } finally { loading.value = false; } }; + +// ===== 琛ㄥ崟鎻愪氦澶勭悊 ===== +const submitForm = async (res) => { + try { + if (res?.code === 200) { + showSuccess(); + dialogVisible.value = false; + await getArchiveListData(); + } else { + ElMessage.error("鎿嶄綔澶辫触: " + (res?.message || res?.msg || "鏈煡閿欒")); + } + } catch (error) { + handleError(error, "鎻愪氦琛ㄥ崟澶辫触"); + } +}; +// ===== 鑺傜偣鎿嶄綔鍑芥暟 ===== +const handleNodeClick = (data) => { + rowClickData.value = data; + tableSwitch.value = true; + queryParams.current = 1; + queryParams.treeId = data.id; + getArchiveListData(); +}; + +const handlePageChange = (pagination) => { + try { + const { page, limit } = pagination; + queryParams.current = page; + if (limit) queryParams.pageSize = limit; + getArchiveListData(); + } catch (error) { + handleError(error, "鍒嗛〉鎿嶄綔澶辫触"); + } +}; + +// ===== 寮圭獥鎿嶄綔鍑芥暟 ===== +const openDialog = (isEdit = false, rowData = {}) => { + try { + row.value = isEdit ? { ...rowData } : {}; + newName.value = ""; + dialogVisible.value = true; + + nextTick(() => { + if (archiveDialogs.value) { + const method = isEdit ? 'editForm' : 'initForm'; + if (typeof archiveDialogs.value[method] === 'function') { + archiveDialogs.value[method](isEdit ? rowData : rowClickData.value); + } + } + }); + } catch (error) { + handleError(error, `鎵撳紑${isEdit ? '缂栬緫' : '鏂板'}鐣岄潰澶辫触`); + } +}; + +const add = () => openDialog(false); +const handleEdit = (rows) => openDialog(true, rows); + +// ===== 鍒犻櫎鎿嶄綔鍑芥暟 ===== const delHandler = async () => { if (selectedRows.length === 0) { ElMessage.warning("璇烽�夋嫨瑕佸垹闄ょ殑鏁版嵁"); return; } + try { + await showConfirm(`纭畾瑕佸垹闄ら�変腑鐨� ${selectedRows.length} 鏉¤褰曞悧锛焋, '鍒犻櫎纭'); + const ids = selectedRows.map((row) => row.id); - console.log(ids) const { code, msg } = await delArchive(ids); + if (code !== 200) { - ElMessage.warning("鍒犻櫎澶辫触: " + msg); - } else { - ElMessage.success("鍒犻櫎鎴愬姛"); - // 鍒犻櫎鎴愬姛鍚庨噸鏂拌幏鍙栨暟鎹� - await getArchiveListData(); + ElMessage.error("鍒犻櫎澶辫触: " + msg); + return; } + + showSuccess("鍒犻櫎鎴愬姛"); + await getArchiveListData(); + selectedRows.splice(0, selectedRows.length); + } catch (error) { - console.error("鍒犻櫎褰掓。澶辫触:", error); - ElMessage.error("鍒犻櫎褰掓。澶辫触"); + if (error !== 'cancel') { + handleError(error, "鍒犻櫎鎿嶄綔澶辫触"); + } } }; -// 鍙屽嚮缂栬緫鑺傜偣 -const headerDbClick = (comeTreeData) => { - comeTreeData.isEdit = true; - newName.value = comeTreeData.name; + +const remove = async (node, data) => { + if (!data?.id) { + ElMessage.warning("鏃犳硶鍒犻櫎姝よ妭鐐�"); + return; + } + + try { + await showConfirm(`纭畾瑕佸垹闄よ妭鐐� "${data.name}" 鍚楋紵`, '鍒犻櫎纭'); + + const { code, msg } = await delTree([data.id]); + + if (code !== 200) { + ElMessage.error("鍒犻櫎澶辫触: " + msg); + return; + } + + showSuccess("鍒犻櫎鎴愬姛"); + await getList(); + + } catch (error) { + if (error !== 'cancel') { + handleError(error, "鍒犻櫎鑺傜偣澶辫触"); + } + } +}; +// ===== 鏍戣妭鐐圭紪杈戝嚱鏁� ===== +const setInputRef = (el, data) => { + if (el) { + inputRefs.value.set(data.id || data, el); + } +}; + +const headerDbClick = (node, data) => { + data.isEdit = true; + newName.value = data.name; nextTick(() => { - const inputEl = inputRefs.value.get(comeTreeData.id || comeTreeData); + const inputEl = inputRefs.value.get(data.id || data); if (inputEl) { inputEl.focus(); inputEl.select(); @@ -307,172 +396,122 @@ }); }; -// 璁剧疆杈撳叆妗嗗紩鐢ㄧ殑鏂规硶 -const setInputRef = (el, data) => { - if (el) { - inputRefs.value.set(data.id || data, el); - if (data.isEdit) { - nextTick(() => { - // el.focus(); - // el.select(); - }); - } +const expandParentNodes = (node) => { + if (node?.parent?.data) { + node.parent.expanded = true; + expandParentNodes(node.parent); } }; -// 澶勭悊杈撳叆妗嗗け鐒� const handleInputBlur = async (event, comeTreeData, node) => { - if (!comeTreeData.isEdit) return; // 濡傛灉涓嶆槸缂栬緫鐘舵�侊紝鐩存帴杩斿洖 - if (event.relatedTarget && event.relatedTarget.tagName === "BUTTON") { - return; - } - comeTreeData.isEdit = false; - const newValue = newName.value.trim(); - if (comeTreeData.name === newValue) { - console.log("娌℃湁淇敼鍐呭"); - return; - } - if (newValue === "") { - console.warn("杈撳叆涓嶈兘涓虹┖"); - newName.value = comeTreeData.name || "鏂拌妭鐐�"; - return; - } try { - comeTreeData.name = newValue; - // 鑾峰彇鐖惰妭鐐圭殑id - 閫氳繃 node 鍙傛暟鏇村噯纭湴鑾峰彇 - let parentId = null; - if (node && node.parent && node.parent.data) { - parentId = node.parent.data.id; + if (!comeTreeData.isEdit || (event.relatedTarget?.tagName === "BUTTON")) return; + + comeTreeData.isEdit = false; + const newValue = newName.value.trim(); + + if (comeTreeData.name === newValue) return; + + if (!newValue) { + newName.value = comeTreeData.name || "鏂拌妭鐐�"; + ElMessage.warning("鑺傜偣鍚嶇О涓嶈兘涓虹┖"); + return; } - await addOrEditTree({ + + const parentId = node?.parent?.data?.id || null; + + const result = await addOrEditTree({ name: newValue, - parentId: parentId || null, // 濡傛灉娌℃湁鐖惰妭鐐癸紝鍒欎负 null + parentId, + id: comeTreeData.id || null, }); + + if (result.code === 200) { + comeTreeData.name = newValue; + if (!comeTreeData.id && result.data) { + comeTreeData.id = result.data.id || result.data; + } + showSuccess("淇濆瓨鎴愬姛"); + + const currentNodeId = comeTreeData.id; + await getList(); + + nextTick(() => { + if (currentNodeId && treeRef.value) { + const targetNode = treeRef.value.getNode(currentNodeId); + if (targetNode) { + targetNode.expanded = true; + expandParentNodes(targetNode); + } + } + }); + } else { + comeTreeData.name = comeTreeData.name || "鏂拌妭鐐�"; + ElMessage.error("淇濆瓨澶辫触: " + (result.msg || "鏈煡閿欒")); + } + } catch (error) { - console.error("瀛樺偍澶辫触", error); + handleError(error, "淇濆瓨鑺傜偣澶辫触"); comeTreeData.name = comeTreeData.name || "鏂拌妭鐐�"; } - console.log("淇濆瓨鎴愬姛:", newValue); }; -onMounted(async () => { - await getList(); +// ===== 鑺傜偣鏂板鍑芥暟 ===== +const createNewNode = (name, isEdit = true) => ({ + name, + isEdit, }); -const props = { - label: "name", - children: "children", // 鏀逛负 children 浠ュ尮閰嶆爣鍑嗙粨鏋� - isLeaf: "leaf", -}; -const remove = async (node, data) => { - console.log("鍒犻櫎鑺傜偣:", data); - if (!data || !data.id) { - console.warn("鏃犳硶鍒犻櫎鏈畾涔夋垨鏃犳晥鐨勮妭鐐�"); - return; - } - console.log("鍒犻櫎鑺傜偣 ID:", data.id); - let { code, msg } = await delTree([data.id]); - if (code !== 200) { - ElMessage.warning("鍒犻櫎澶辫触, " + msg); - } else { - ElMessage.success("鍒犻櫎鎴愬姛"); - } - await getList(); +const focusInput = (nodeData, delay = 50) => { + setTimeout(() => { + const inputEl = inputRefs.value.get(nodeData.id || nodeData); + if (inputEl) { + inputEl.focus(); + inputEl.select(); + inputEl.$el?.scrollIntoView?.({ + behavior: "smooth", + block: "nearest", + }); + } + }, delay); }; const append = async (data) => { if (data === "") { // 鏂板鏍硅妭鐐� - console.log("鏂板鏍硅妭鐐�"); - const newNode = { - id: Date.now(), - name: "鏂拌妭鐐�", - isEdit: true, - }; + const newNode = createNewNode("鏂拌妭鐐�"); treeData.value.push(newNode); newName.value = "鏂拌妭鐐�"; - nextTick(() => { - const inputEl = inputRefs.value.get(newNode.id || newNode); - if (inputEl) { - inputEl.focus(); - inputEl.select(); - } - }); + nextTick(() => focusInput(newNode)); } else { - const hasChildren = data.children && data.children.length > 0; + const hasChildren = data.children; const nodeKey = data.id || data; const node = treeRef.value?.getNode(nodeKey); - const isExpanded = node?.expanded; // 濡傛灉鏈夊瓙绾т笖鏈睍寮�锛屽厛灞曞紑鑺傜偣 - if (hasChildren && !isExpanded) { - console.log(treeRef.value, "灞曞紑鑺傜偣", nodeKey); - if ( - treeRef.value && - treeRef.value.store && - treeRef.value.store.nodesMap[nodeKey] - ) { - treeRef.value.store.nodesMap[nodeKey].expanded = true; - } + const isExpanded = node?.expanded; + + // 濡傛灉鏈夊瓙绾т笖鏈睍寮�锛屽厛灞曞紑鑺傜偣 + if (hasChildren && !isExpanded && treeRef.value?.store?.nodesMap[nodeKey]) { + treeRef.value.store.nodesMap[nodeKey].expanded = true; } - - const newNode = { - id: Date.now(), - name: "鏂板瓙鑺傜偣", - isEdit: true, - }; - + + const newNode = createNewNode("鏂板瓙鑺傜偣"); + if (!data.children) { data.children = []; } data.children.push(newNode); newName.value = "鏂板瓙鑺傜偣"; - // 鏍规嵁鏄惁闇�瑕佸睍寮�鏉ュ喅瀹氬欢杩熸椂闂� const delay = hasChildren && !isExpanded ? 200 : 50; - - // 绛夊緟DOM鏇存柊瀹屾垚鍚庡啀鑱氱劍 - nextTick(() => { - setTimeout(() => { - const inputEl = inputRefs.value.get(newNode.id || newNode); - if (inputEl) { - inputEl.focus(); - inputEl.select(); - - // 婊氬姩鍒版柊澧炵殑鑺傜偣浣嶇疆 - inputEl.$el?.scrollIntoView?.({ - behavior: "smooth", - block: "nearest", - }); - } - }, delay); - }); + nextTick(() => focusInput(newNode, delay)); } }; -const handleEdit = (rows) => { - row.value = rows; - dialogVisible.value = true; - archiveDialogs.value.editForm(rows); // 璋冪敤缂栬緫鏂规硶 - // console.log("缂栬緫琛屾暟鎹�:", archiveDialogs.value); -}; - -// 绉婚櫎鎳掑姞杞斤紝鐩存帴鑾峰彇鏁版嵁 -const getList = async () => { - try { - let res = await getTree(); - if (res.code === 200) { - treeData.value = res.data?.records || res.data || []; - } else { - console.error("Failed to fetch tree data:", res.message); - treeData.value = []; - } - } catch (error) { - console.error("鑾峰彇鏍戝舰鏁版嵁澶辫触:", error); - treeData.value = []; - } -}; +// ===== 鐢熷懡鍛ㄦ湡 ===== +onMounted(getList); </script> -<style scoped lang="scss"> +<style lang="scss" scoped> .custom-tree-node { flex: 1; display: flex; @@ -663,11 +702,13 @@ } } } + .el-card { width: calc(100% - 40px); height: calc(100vh - 130px); margin: 20px; box-sizing: border-box; + .left { width: 30%; height: calc(100vh - 160px); @@ -684,13 +725,15 @@ flex-direction: column; } } + .right { width: 70%; height: calc(100vh - 160px); - padding: 0px 10px; + padding: 0 10px; float: left; } } + .archive-management-card { margin: 0; } -- Gitblit v1.9.3