fix: 图层管理页面改为路由跳转

src/api/aiSupervision/layerConfigApi.js

@@ -21,6 +21,26 @@ export function getDirectoryApi(data) {
     data
   });
 }
+// 通过id查找 单个图层目录
+export function getDirectoryByIdApi(id) {
+  const data = {
+    pageNum: 1,
+    pageSize: 1,
+    ids: null,
+    data: {
+      id
+    },
+    params: {
+      orderBy: 'pub_date',
+      sortBy: 'asc'
+    }
+  };
+  return request({
+    url: `/map/layerDir/getAllTreeDir`,
+    method: 'post',
+    data
+  });
+}
 
 export function deleteDirectoryApi(id) {
   return request({

src/views/aiSupervision/layerManage/resource/LayerDetails.vue

@@ -5,7 +5,7 @@
       资源目录管理
       <span>/详情</span>
     </el-header>
-    <el-container>
+    <el-container v-if="directoryInfo">
       <div class="top">
         <span class="title">图层资源目录详情</span>
         <div class="directoryInfo">
@@ -96,13 +96,18 @@
 
 <script>
 import debounce from 'lodash/debounce';
-import { saveOrUpdateLayerApi, getLayerListApi, deleteLayerApi } from '@/api/aiSupervision/layerConfigApi.js';
+import {
+  saveOrUpdateLayerApi,
+  getLayerListApi,
+  deleteLayerApi,
+  getDirectoryByIdApi
+} from '@/api/aiSupervision/layerConfigApi.js';
 export default {
-  props: ['directoryInfo'],
   data() {
     return {
       tableData: [],
       editDataInfoForm: {
+        id: '',
         serviceType: '', //服务类型,wms/wmts/wfs/3d tiles/terrain
         serviceUrl: '', //服务地址
         serviceName: '', //服务名称
@@ -112,6 +117,7 @@ export default {
         dirNames: '',
         tileSize: '256'
       },
+      directoryInfo: null, // 目录信息
       dialogTitle: '添加图层',
       serviceTypeOptions: [
         {
@@ -140,13 +146,9 @@ export default {
       keyword: ''
     };
   },
-  mounted() {
-    this.initData();
-    this.getLayerList();
-  },
   methods: {
     goBack() {
-      this.$emit('goback');
+      this.$router.go(-1);
     },
     handleEdit(index, row) {
       this.editDataInfoForm.id = row.id;
@@ -231,6 +233,12 @@ export default {
   created() {
     // 使用 lodash 的 debounce 函数创建防抖版本
     this.debouncedGetLayerList = debounce(this.getLayerList, 500);
+
+    getDirectoryByIdApi(this.$route.query.id).then((res) => {
+      this.directoryInfo = res.data.children[0];
+      this.initData();
+      this.getLayerList();
+    });
   },
   watch: {
     keyword() {

src/views/aiSupervision/layerManage/resource/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container" v-if="!isShowLayerDetails">
+  <div class="app-container">
     <el-header>资源目录管理</el-header>
     <el-container>
       <el-main>
@@ -57,8 +57,8 @@
       </el-main>
     </el-container>
   </div>
-  <LayerDetailsVue v-else @goback="isShowLayerDetails = false" :directoryInfo="directoryInfo"></LayerDetailsVue>
 </template>
+<!-- <LayerDetailsVue v-else @goback="isShowLayerDetails = false" :directoryInfo="directoryInfo"></LayerDetailsVue> -->
 
 <script>
 import LayerDetailsVue from './LayerDetails.vue';
@@ -85,9 +85,9 @@ export default {
         label: 'label'
       },
       keyword: '',
-      dialogFormVisible: false, //是否显示 新增目录 对话框
-      isShowLayerDetails: false, //是否跳转  图层详情界面
-      directoryInfo: null //当前 详情界面 展示的信息对象
+      dialogFormVisible: false //是否显示 新增目录 对话框
+      // isShowLayerDetails: false, //是否跳转  图层详情界面
+      // directoryInfo: null //当前 详情界面 展示的信息对象
     };
   },
   // computed: {
@@ -107,8 +107,15 @@ export default {
   // },
   methods: {
     showDetails(index, row) {
-      this.isShowLayerDetails = true;
-      this.directoryInfo = row;
+      // this.isShowLayerDetails = true;
+      // this.directoryInfo = row;
+
+      this.$router.push({
+        path: 'resourceDetails',
+        query: {
+          id: row.id
+        }
+      });
     },
     async getDirectory() {
       const params = {