组件工具，二维图层

src/views/assembly/item/AssemblyData.vue

@@ -65,6 +65,7 @@ import AssemblyDrawer from './AssemblyDrawer.vue';
 import Search from './child/Search.vue';
 import { session } from '/@/utils/Memory';
 import { getImgUrl } from '/@/api/dataAdmin/assembly';
+import interfaceImg from '/@/assets/images/interface.jpg';
 
 
 export default defineComponent({
@@ -112,14 +113,13 @@ export default defineComponent({
       });
     }
 
-    async function getImg(i, name) {
-      var defUrl = `http://106.12.170.138:4001/examples/img/${name}`;
+    async function getImg(i) {
       var url = null;
       if (i) {
         var arr = i.split(',')
         if (arr.length > 1) url = await getImgUrl(arr[0], arr[1]);
       }
-      return url ? url : defUrl;
+      return url ? url : interfaceImg;
     }
 
     const visible = ref<boolean>(false);

src/views/assembly/library/index.vue

@@ -78,15 +78,13 @@
         </Tag>
       </template>
     </BasicTable>
-    <!-- <MapDrawer @register="registerDrawer" @success="handleSuccess" /> -->
     <MapSourceModal @register="registerModal" @success="handleSuccess" />
   </div>
 </template>
 <script lang="ts">
 import { defineComponent, nextTick, onBeforeMount, createVNode } from 'vue';
 import { BasicTable, useTable, TableAction } from '/@/components/Table';
-import { delRole, getRoleListByPage, setRoleStatus } from '/@/api/system/system';
-// import { useDrawer } from '/@/components/Drawer';
+import { delRole, setRoleStatus } from '/@/api/system/system';
 import { useModal } from '/@/components/Modal';
 import MapDrawer from './MapDrawer.vue';
 import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
@@ -97,9 +95,8 @@ import { Authority } from '/@/components/Authority';
 import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
 import { useMessage } from '/@/hooks/web/useMessage';
 import { Switch, Popconfirm, message, Modal } from 'ant-design-vue';
-import { list, deleteService, getAssemblyLibs } from '/@/api/dataAdmin/assembly';
+import { getAssemblyLibs } from '/@/api/dataAdmin/assembly';
 //操作申请库资源
-// import { getResInCar, clearResInCar, deleteResInCar } from '/@/api/resource/plat';
 import Moment from 'moment'
 import { queryFlowInfoPage, submitExamine } from '/@/api/resource/examine';
 import { deleteResInCar } from '/@/api/resource/plat';
@@ -109,7 +106,6 @@ export default defineComponent({
   components: { BasicTable, MapDrawer, MapSourceModal, TableAction, Authority, Switch, Popconfirm },
   setup() {
 
-    //const [registerDrawer, { openDrawer }] = useDrawer();
     const [registerModal, { openModal }] = useModal();
     const [registerTable, { setProps, reload, setSelectedRowKeys }] = useTable({
       title: '地图资源列表',
@@ -154,19 +150,12 @@ export default defineComponent({
     });
 
     function handleCreate() {
-      // openDrawer(true, {
-      //   isUpdate: false,
-      // });
       openModal(true, {
         isUpdate: false,
       });
     }
 
     function handleEdit(record: Recordable) {
-      // openDrawer(true, {
-      //   record,
-      //   isUpdate: true,
-      // });
       openModal(true, {
         record,
         isUpdate: true,

src/views/dataAdmin/assembly/SourceDetail.vue

@@ -1,7 +1,7 @@
 <!--
- * @Author: tengmingxue 1473375109@qq.com
+ * @Author: sujunling
  * @Date: 2023-08-15 22:08:21
- * @LastEditors: tengmingxue 1473375109@qq.com
+ * @LastEditors: sujunling
  * @LastEditTime: 2023-08-17 15:59:13
  * @FilePath: \xld-gis-admin\src\views\resource\map\SourceDetail.vue
  * @Description: 地图资源明细界面

src/views/systemAdmin/system/mapTools/layer2d/index.vue

@@ -35,7 +35,6 @@
                 </template>
             </BasicTable>
         </div>
-
     </div>
 </template>
 
@@ -44,48 +43,16 @@ import { defineComponent, onMounted, watch, ref, reactive, toRefs, computed } fr
 // 导入表格组件，表格事件
 import { BasicTable, useTable, TableAction } from '/@/components/Table';
 import { Button } from 'ant-design-vue';
-
 import { message, Modal } from 'ant-design-vue';
 import moment from 'moment'
 import { session } from '/@/utils/Memory';
 import { get2dLayers } from '/@/api/sys/mapTools';
+import { columns } from "./layer2d.data";
 
 export default defineComponent({
     components: { BasicTable, TableAction, Button },
     name: "tools",
     setup() {
-        const columns = [
-            {
-                title: '图层',
-                dataIndex: 'title',
-                key: 'title',
-                align: 'center'
-            },
-            {
-                title: 'id',
-                dataIndex: 'id',
-                key: 'id',
-                align: 'center'
-            },
-            {
-                title: 'EPSG',
-                dataIndex: 'epsg',
-                key: 'epsg',
-                align: 'center'
-            },
-            {
-                title: '地址',
-                dataIndex: 'url',
-                key: 'url',
-                align: 'center'
-            },
-            {
-                title: '层级范围',
-                dataIndex: 'level',
-                align: 'center',
-                slots: { customRender: 'level' },
-            }
-        ]
         const handleEdit = () => {
 
         }

src/views/systemAdmin/system/mapTools/layer2d/layer2d.data.ts

@@ -0,0 +1,35 @@
+
+
+//二维图层管理表格列
+export const columns = [
+    {
+        title: '图层',
+        dataIndex: 'title',
+        key: 'title',
+        align: 'center'
+    },
+    {
+        title: 'id',
+        dataIndex: 'id',
+        key: 'id',
+        align: 'center'
+    },
+    {
+        title: 'EPSG',
+        dataIndex: 'epsg',
+        key: 'epsg',
+        align: 'center'
+    },
+    {
+        title: '地址',
+        dataIndex: 'url',
+        key: 'url',
+        align: 'center'
+    },
+    {
+        title: '层级范围',
+        dataIndex: 'level',
+        align: 'center',
+        slots: { customRender: 'level' },
+    }
+];

src/views/systemAdmin/system/mapTools/menus/index.vue

@@ -1,14 +1,14 @@
 <template>
   <div class="p-4">
     <BasicTable @register="registerTable" @fetch-success="onFetchSuccess">
-      <template #toolbar>
+      <!-- <template #toolbar>
         <Button type="primary" @click="handleCreate">
           {{ getI18nCreateMenu }}
         </Button>
         <Button type="primary" danger :disabled="getCanBatchDelete" @click="handleBatchDelete">
           批量删除
         </Button>
-      </template>
+      </template> -->
       <template #action="{ record }">
         <TableAction :actions="[
           {
@@ -17,16 +17,16 @@
             icon: 'clarity:note-edit-line',
             onClick: handleEdit.bind(null, record),
           },
-          {
-            label: '删除',
-            tooltip: '删除',
-            icon: 'ant-design:delete-outlined',
-            color: 'error',
-            popConfirm: {
-              title: getDeleteTitle(),
-              confirm: handleDelete.bind(null, record),
-            },
-          },
+          // {
+          //   label: '删除',
+          //   tooltip: '删除',
+          //   icon: 'ant-design:delete-outlined',
+          //   color: 'error',
+          //   popConfirm: {
+          //     title: getDeleteTitle(),
+          //     confirm: handleDelete.bind(null, record),
+          //   },
+          // },
         ]" />
       </template>
     </BasicTable>