优化图层管理

src/api/application/layer.ts

@@ -4,6 +4,7 @@ import {
   TableDataByTableNameParams,
   TempeleteByTableNameParams,
   UploadSldStyleParams,
+  GetSldFilePathNameParams,
 } from './model/index';
 
 enum Api {
@@ -17,6 +18,8 @@ enum Api {
   AddTableData = '/api/Layer/AddTableData',
   // 上传样式
   UploadSldStyle = '/api/Layer/UploadSldStyle',
+  // 获取样式详情
+  GetSldFilePath = '/api/Layer/GetSldFilePath',
 }
 /**
  * @description: 获取打卡点列表
@@ -25,7 +28,6 @@ export function tableDataByTableName(params: TableDataByTableNameParams) {
   return defHttp.get({ url: Api.TableDataByTableName, params });
 }
 
-
 /**
  * @description: 编辑打卡点
  */
@@ -39,7 +41,7 @@ export function updateTableData(params: any) {
 /**
  * @description: 编辑图斑
  */
- export function addTableData(params: any) {
+export function addTableData(params: any) {
   return defHttp.post({
     url: Api.AddTableData,
     params,
@@ -64,3 +66,9 @@ export function uploadSldStyle(params: UploadSldStyleParams) {
     params,
   });
 }
+/**
+ * @description: 获取样式详情
+ */
+export function getSldFilePath(params: GetSldFilePathNameParams) {
+  return defHttp.get({ url: Api.GetSldFilePath, params });
+}

src/api/application/model/index.ts

@@ -37,4 +37,8 @@ export interface UploadSldStyleParams {
   filepath: string;
   tablename: string;
   styleName: string;
+  id: string;
+}
+export interface GetSldFilePathNameParams {
+  tablename: string;
 }

src/views/demo/layer/index.vue

@@ -139,14 +139,13 @@
             :multiple="false"
             :maxCount="1"
             :customRequest="handleCustomRequest"
-            v-if="!fileUrl"
           >
             <p class="ant-upload-drag-icon">
               <inbox-outlined></inbox-outlined>
             </p>
             <p class="ant-upload-text">上传SLD文件</p>
           </a-upload-dragger>
-          <div v-else>
+          <div v-if="fileUrl">
             <p>{{ fileUrlView.name }}</p>
             <a-button type="primary" @click="editorHandle">在编辑器中打开</a-button>
           </div>
@@ -159,7 +158,7 @@
       </div>
     </div>
     <AddModel @register="registerAddModal" :treeData="treeData" @success="handleSuccess" />
-    <EditorModel @register="registerEditorModal" @editorCancel="editorCancel"/>
+    <EditorModel @register="registerEditorModal" @editorCancel="editorCancel" />
     <a-modal
       :keyboard="false"
       :maskClosable="false"
@@ -194,6 +193,7 @@
     updateTableData,
     addTableData,
     uploadSldStyle,
+    getSldFilePath,
   } from '@/api/application/layer';
   import { ValidateErrorEntity } from 'ant-design-vue/es/form/interface';
   import { useMessage } from '@/hooks/web/useMessage';
@@ -461,10 +461,20 @@
   };
 
   const styleHandle = () => {
-    fileUrl.value = '';
-    fileUrlView.value = {};
-    styleName.value = '';
     showTable.value = 'style';
+    getSldFilePath({ tablename: tableName.value }).then((res) => {
+      if (res) {
+        fileUrlView.value.name = res.filepath;
+        fileUrl.value = res.filepath;
+        fileUrlView.value.url = res.filepath;
+        fileUrlView.value.id = res.fileid;
+        styleName.value = res.stylename;
+      } else {
+        fileUrl.value = '';
+        fileUrlView.value = {};
+        styleName.value = '';
+      }
+    });
   };
   const handleChange = (info) => {
     fileList.value = info.fileList;
@@ -495,6 +505,7 @@
       filepath: fileUrl.value,
       styleName: styleName.value,
       tablename: tableName.value,
+      id: fileUrlView.value.id,
     };
     uploadSldStyle(params).then((res) => {
       console.log(res);