From 638881a32b8701e43065a6ad8bf175fdda0c92fc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=BB=95=E5=B5=A9?= <17854119262@163.com>
Date: Fri, 8 Aug 2025 14:11:11 +0800
Subject: [PATCH 1/3] =?UTF-8?q?=E5=AA=92=E4=BD=93=E5=BA=93-=E8=BF=9B?=
 =?UTF-8?q?=E5=85=A5=E6=96=B0=E6=96=87=E4=BB=B6=E5=A4=B9=EF=BC=8C=E9=A1=B5?=
 =?UTF-8?q?=E7=A0=81=E5=9B=9E=E5=88=B01?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/demo/system/mediaLibrary/index.vue | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/views/demo/system/mediaLibrary/index.vue b/src/views/demo/system/mediaLibrary/index.vue
index 9210fcd..277d915 100644
--- a/src/views/demo/system/mediaLibrary/index.vue
+++ b/src/views/demo/system/mediaLibrary/index.vue
@@ -495,7 +495,15 @@
   const searchParams = ref();
   const [
     registerTable,
-    { reload, getDataSource, getSelectRows, setSelectedRows, clearSelectedRowKeys },
+    {
+      reload,
+      getDataSource,
+      getSelectRows,
+      setSelectedRows,
+      clearSelectedRowKeys,
+      getPaginationRef,
+      setPagination,
+    },
   ] = useTable({
     api: GetMediaFile,
     rowKey: 'id',
@@ -585,6 +593,11 @@
       nowParentKey.value = f.id;
       floders.value = floders.value.splice(0, index + 1);
       clearSelectedRowKeys();
+      if (current) {
+        setPagination({
+          current: current,
+        });
+      }
       reload().then((res) => {
         showTableData.value = res;
       });
@@ -719,6 +732,7 @@
   // 目前展示图片的列表
   const previewRecordList: any = ref([]);
   // 查看-打开这个文件夹或者展示这个图片
+  let current = 1;
   async function lookRecord(record) {
     // 展示这个图片后者视频
     if (record.objectKey) {
@@ -751,6 +765,8 @@
         id: nowParentKey.value,
         name: record.name,
       });
+      current = getPaginationRef().current;
+      setPagination({ current: 1 });
       reload().then((res) => {
         showTableData.value = res;
       });

From ab2124c65420dbd5af770e0638ecf8bcf528f53f Mon Sep 17 00:00:00 2001
From: helloxujingliang <3225043@qq.com>
Date: Fri, 8 Aug 2025 17:13:31 +0800
Subject: [PATCH 2/3] =?UTF-8?q?=E5=88=9B=E5=BB=BA=E8=88=AA=E7=82=B9?=
 =?UTF-8?q?=E8=88=AA=E7=BA=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../airlinemanagement/index.vue               | 279 +++-----------
 .../actionComponents/gimbalRotate.vue         |  13 +-
 .../workplan/actionComponents/hover.vue       |   5 +
 .../actionComponents/multipleTiming.vue       |  55 +++
 .../workplan/actionComponents/rotateYaw.vue   |  17 +-
 .../workplan/components/airLineList.vue       |   6 +-
 .../workplan/components/airPoint.vue          | 355 +++++++++++-------
 .../workplan/components/airPointConfig.vue    |  17 +-
 .../workplan/components/airPolygon.vue        |   5 +-
 .../workplan/components/createWorkPlan.vue    |   4 +-
 .../workplan/components/map.vue               | 216 +++++++----
 .../workplan/components/multipleDistance.vue  |  55 +++
 .../workplan/components/planList.vue          |   2 -
 .../workplan/lib/calculateAirLine.ts          |  15 +-
 .../{action.ts => actionConfig.ts}            |   2 +-
 .../workplan/waylineConfig/mapping2dConfig.ts | 176 +++++++++
 .../{index.ts => waylineParamsOptions.ts}     |  12 +
 .../workplan/waylineConfig/waypointConfig.ts  |  92 +++++
 18 files changed, 867 insertions(+), 459 deletions(-)
 create mode 100644 src/views/demo/workmanagement/workplan/actionComponents/multipleTiming.vue
 create mode 100644 src/views/demo/workmanagement/workplan/components/multipleDistance.vue
 rename src/views/demo/workmanagement/workplan/waylineConfig/{action.ts => actionConfig.ts} (99%)
 create mode 100644 src/views/demo/workmanagement/workplan/waylineConfig/mapping2dConfig.ts
 rename src/views/demo/workmanagement/workplan/waylineConfig/{index.ts => waylineParamsOptions.ts} (89%)
 create mode 100644 src/views/demo/workmanagement/workplan/waylineConfig/waypointConfig.ts

diff --git a/src/views/demo/workmanagement/airlinemanagement/index.vue b/src/views/demo/workmanagement/airlinemanagement/index.vue
index 9551ad7..6fd2314 100644
--- a/src/views/demo/workmanagement/airlinemanagement/index.vue
+++ b/src/views/demo/workmanagement/airlinemanagement/index.vue
@@ -36,6 +36,8 @@ import {ref,watch,onMounted,defineEmits} from 'vue';
 import airLineList from '../workplan/components/airLineList.vue';
 import createAirLine from '../workplan/components/createAirLine.vue'
 import importAirLine from '../workplan/components/importAirLine.vue'
+
+
 import Map from '../workplan/components/map.vue'
 import AirPolygon from './components/airPolygon.vue';
 import {getAirLine} from '@/api/sys/workplan';
@@ -47,10 +49,19 @@ import { XMLParser, XMLBuilder } from 'fast-xml-parser';
 
 const emits = defineEmits(["updateAirLineLise"])
 
-// 模式 add  edit  detail
+// 当前目录
+const currentFolder = ref(null);
+
+// 更新当前目录
+const setCurrentFolder = (folder)=>{
+    currentFolder.value = folder;
+    importAirLineShow.value = true;
+}
+
+// 航线模式 add  edit  detail
 const editMode = ref("add");
 
-// airLine form
+// 航线表单数据
 const airLineForm = ref({
     "id": null,
     "airLineName": null,
@@ -74,197 +85,11 @@ const airLineForm = ref({
     // "lineData":null,
 }); 
 
-// template.kml
-const templateKmlConfig = ref({
-    "author": 17861857725,
-    "createTime": 1749689844431,
-    "updateTime": 1753241338101,
-    "missionConfig": {
-      "flyToWaylineMode": "pointToPoint",
-      "finishAction": "goHome",
-      "exitOnRCLost": "goContinue",
-      "executeRCLostAction": "goBack",
-      "takeOffSecurityHeight": 20,
-      "takeOffRefPoint": "",
-      "takeOffRefPointAGLHeight": 4.169064385,
-      "globalTransitionalSpeed": 15,
-      "globalRTHHeight": 100,
-      "droneInfo": {
-        "droneEnumValue": 100,
-        "droneSubEnumValue": 1
-      },
-      "autoRerouteInfo": {
-        "transitionalAutoRerouteMode": 1,
-        "missionAutoRerouteMode": 1
-      },
-      "waylineAvoidLimitAreaMode": 0,
-      "payloadInfo": {
-        "payloadEnumValue": 99,
-        "payloadSubEnumValue": 0,
-        "payloadPositionIndex": 0
-      }
-    },
-    "Folder": {
-      "templateType": "mapping2d",
-      "templateId": 0,
-      "waylineCoordinateSysParam": {
-        "coordinateMode": "WGS84",
-        "heightMode": "EGM96",
-        "globalShootHeight": 90,
-        "surfaceFollowModeEnable": 1,
-        "isRealtimeSurfaceFollow": 0,
-        "surfaceRelativeHeight": 90,
-        "dsmFile": "wpmz/res/dsm/wgs84_ASTGTMV003_N35E118_dem_7.tif"
-      },
-      "autoFlightSpeed": 12.7,
-      "Placemark": {
-        "caliFlightEnable": 0,
-        "elevationOptimizeEnable": 1,
-        "smartObliqueEnable": 0,
-        "quickOrthoMappingEnable": 0,
-        "facadeWaylineEnable": 0,
-        "isLookAtSceneSet": 0,
-        "shootType": "time",
-        "direction": 83,
-        "margin": 0,
-        "efficiencyFlightModeEnable": 0,
-        "overlap": {
-          "orthoCameraOverlapH": 80,
-          "orthoCameraOverlapW": 70,
-          "inclinedCameraOverlapH": 80,
-          "inclinedCameraOverlapW": 70
-        },
-        "Polygon": {
-          "outerBoundaryIs": {
-            "LinearRing": {
-              "coordinates": "118.293794766158,35.1353688096117,0\n                              118.295429169407,35.1353304409052,0\n                              118.295487507293,35.1332925168381,0\n                              118.293672196844,35.1331918267775,0"
-            }
-          }
-        },
-        "ellipsoidHeight": 90,
-        "height": 90
-      },
-      "payloadParam": {
-        "payloadPositionIndex": 0,
-        "focusMode": "firstPoint",
-        "meteringMode": "average",
-        "returnMode": "singleReturnStrongest",
-        "samplingRate": 240000,
-        "scanningMode": "repetitive",
-        "imageFormat": "visable",
-        "photoSize": ""
-      }
-    }
-  })
+// 航线template.kml
+const templateKmlConfig = ref({})
 
-// wayline.wpml
-const waylineWpmlConfig = ref({
-      "missionConfig": {
-        "flyToWaylineMode": "pointToPoint",
-        "finishAction": "goHome",
-        "exitOnRCLost": "goContinue",
-        "executeRCLostAction": "goBack",
-        "takeOffSecurityHeight": 20,
-        "globalTransitionalSpeed": 15,
-        "globalRTHHeight": 100,
-        "droneInfo": {
-          "droneEnumValue": 100,
-          "droneSubEnumValue": 1
-        },
-        "autoRerouteInfo": {
-          "transitionalAutoRerouteMode": 1,
-          "missionAutoRerouteMode": 1
-        },
-        "waylineAvoidLimitAreaMode": 0,
-        "payloadInfo": {
-          "payloadEnumValue": 99,
-          "payloadSubEnumValue": 0,
-          "payloadPositionIndex": 0
-        }
-      },
-      "Folder": {
-        "templateId": 0,
-        "executeHeightMode": "WGS84",
-        "waylineId": 0,
-        "distance": 1259.17163085938,
-        "duration": 145.652896165848,
-        "autoFlightSpeed": 12.7,
-        "startActionGroup": {
-          "action": [
-            {
-              "actionId": 0,
-              "actionActuatorFunc": "gimbalRotate",
-              "actionActuatorFuncParam": {
-                "gimbalHeadingYawBase": "aircraft",
-                "gimbalRotateMode": "absoluteAngle",
-                "gimbalPitchRotateEnable": 1,
-                "gimbalPitchRotateAngle": -90,
-                "gimbalRollRotateEnable": 0,
-                "gimbalRollRotateAngle": 0,
-                "gimbalYawRotateEnable": 1,
-                "gimbalYawRotateAngle": 0,
-                "gimbalRotateTimeEnable": 0,
-                "gimbalRotateTime": 10,
-                "payloadPositionIndex": 0
-              }
-            },
-            {
-              "actionId": 1,
-              "actionActuatorFunc": "hover",
-              "actionActuatorFuncParam": {
-                "hoverTime": 0.5
-              }
-            },
-            {
-              "actionId": 2,
-              "actionActuatorFunc": "setFocusType",
-              "actionActuatorFuncParam": {
-                "cameraFocusType": "manual",
-                "payloadPositionIndex": 0
-              }
-            },
-            {
-              "actionId": 3,
-              "actionActuatorFunc": "focus",
-              "actionActuatorFuncParam": {
-                "focusX": 0,
-                "focusY": 0,
-                "focusRegionWidth": 0,
-                "focusRegionHeight": 0,
-                "isPointFocus": 0,
-                "isInfiniteFocus": 1,
-                "payloadPositionIndex": 0,
-                "isCalibrationFocus": 0
-              }
-            },
-            {
-              "actionId": 4,
-              "actionActuatorFunc": "hover",
-              "actionActuatorFuncParam": {
-                "hoverTime": 1
-              }
-            }
-          ]
-        },
-        "Placemark": []
-      }
-    })
-
-// 当前目录
-const currentFolder = ref(null);
-
-// 更新当前目录
-const setCurrentFolder = (folder)=>{
-    currentFolder.value = folder;
-    importAirLineShow.value = true;
-}
-
-
-const flyToTherePosition = ref({
-    lng:null,
-    lat:null,
-    alt:null,
-})
+// 航线wayline.wpml
+const waylineWpmlConfig = ref({})
 
 
 const flyToThere = (e)=>{
@@ -278,22 +103,6 @@ const aircraftShow = ref(false);
 const createAirLineShow = ref(false);
 const importAirLineShow = ref(false);
 
-const selectAriLine = ()=> {
-    ariLineShow.value = true;
-    aircraftShow.value = false;
-}
-
-const selectAircraft = ()=>{
-    aircraftShow.value = true;
-    ariLineShow.value = false;
-}
-
-const cancleCraete = ()=>{
-    workPlanFormShow.value = false;
-    ariLineShow.value = false;
-    aircraftShow.value = false;
-    planListShow.value = true;
-}
 
 const checkedAriLine = ref({});
 
@@ -306,23 +115,11 @@ const checkAriLine = (item)=>{
 
 const checkedDronePort = ref({});
 
-const checkDronePort = (item)=>{
-    if(item){
-        aircraftShow.value = false;
-        checkedDronePort.value = item;
-    }
-}
-
 const formData = ref(null);
 
-const toCreateWorkPlan = (data)=> {
-    formData.value = data;
-    planListShow.value = false;
-    workPlanFormShow.value = true;
-}
 
-// 创建航线
 const globalFolder = ref(null);
+
 const handlerCreateAirLine = (folder)=>{
     globalFolder.value = folder;
     createAirLineShow.value = true;
@@ -337,21 +134,33 @@ const cancleImportAirLine = ()=>{
     importAirLineShow.value = false;
 }
 
-const handlerCreateAirLineForm = (form)=>{
+// 创建航线
+const handlerCreateAirLineForm =async (form)=>{
+
+    console.log("form",form);
+
+    // 根据航线类型处理设置template.kml、wayline.wpml
+    if(form.airLineType == 'waypoint'){
+        const {templateKml,waylineWpml} = await import("../workplan/waylineConfig/waypointConfig");
+        templateKmlConfig.value  = templateKml;
+        waylineWpmlConfig.value = waylineWpml;
+    }else if(form.airLineType == 'mapping2d'){
+        const {templateKml,waylineWpml} = await import("../workplan/waylineConfig/mapping2dConfig");
+        templateKmlConfig.value  = templateKml;
+        waylineWpmlConfig.value = waylineWpml;
+    }
+
+    console.log("templateKmlConfig999",templateKmlConfig.value);
 
     // 关闭全部窗口
-    workPlanFormShow.value = false;
     ariLineShow.value = false;
-    aircraftShow.value = false;
-    planListShow.value = false;
     createAirLineShow.value = false;
-    
-    // 航线表单
-    airLineForm.value = form
-    airLineForm.value.folder = globalFolder.value;
 
-    console.log("airLineFor121m",airLineForm.value);
+     // 更新航线表单
+     airLineForm.value = form
 
+    // 更新目录参数
+    airLineForm.value.folder = globalFolder.value ? globalFolder.value : "";
 }
 
 const successCreatePlan = ()=>{
@@ -370,8 +179,6 @@ const exitDraw = ()=>{
 }
 
 
-
-
 // 预览航线
 const wayline = ref({});
 const waylineInfo = ref(null)
@@ -400,7 +207,6 @@ const planDetail =async (item) => {
 
 
 // 获取wpml文件
-
 const currentPreviewWayLine = ref(null);
 
 const airLineDetail =async (item) => {
@@ -441,10 +247,8 @@ const extractKmz = async (kmzBlob)=>{
 }
 
 onMounted(()=>{
-
-let element = window.document.getElementsByClassName("mars3d-locationbar")[0]  as HTMLElement;
-element.style.bottom = '40px';
-
+    let element = window.document.getElementsByClassName("mars3d-locationbar")[0]  as HTMLElement;
+    element.style.bottom = '40px';
 })
 
 
@@ -483,6 +287,7 @@ const importSuccess = () => {
     airLineListRef.value.getAirList();
     importAirLineShow.value = false;
 }
+
 </script>
 <style scoped>
 .map-out-container{
diff --git a/src/views/demo/workmanagement/workplan/actionComponents/gimbalRotate.vue b/src/views/demo/workmanagement/workplan/actionComponents/gimbalRotate.vue
index 2c82380..7cc5fe4 100644
--- a/src/views/demo/workmanagement/workplan/actionComponents/gimbalRotate.vue
+++ b/src/views/demo/workmanagement/workplan/actionComponents/gimbalRotate.vue
@@ -2,7 +2,11 @@
     <div class="params-item">
         <div class="params-label">俯仰角度：</div>
         <div class="params-value">
-            <a-slider v-model:value="props.params.gimbalPitchRotateAngle" :min="-180" :max="180" :step="0.01" />
+            <a-slider 
+              v-model:value="props.params.gimbalPitchRotateAngle" 
+              :min="-90" :max="30" :step="0.01" 
+              @change="paramChagne" 
+            />
         </div>
         <div class="params-value-text">
           {{ props.params.gimbalPitchRotateAngle }} °
@@ -14,13 +18,16 @@
 
 import {defineProps,defineComponent,defineOptions} from 'vue';
 
-const props = defineProps(["params"])
-
+const props = defineProps(["params","info"])
+const emits = defineEmits(["paramChagne"])
 
 defineComponent({
   name: 'gimbalRotate'
 })
 
+const paramChagne = ()=> {
+  emits("paramChagne",props.info);
+}
 
 </script>
 
diff --git a/src/views/demo/workmanagement/workplan/actionComponents/hover.vue b/src/views/demo/workmanagement/workplan/actionComponents/hover.vue
index 2fa7ece..fee7337 100644
--- a/src/views/demo/workmanagement/workplan/actionComponents/hover.vue
+++ b/src/views/demo/workmanagement/workplan/actionComponents/hover.vue
@@ -4,6 +4,7 @@
         <div class="params-value">
             <a-input-number v-model:value="props.params.hoverTime"></a-input-number>
         </div>
+        <div class="params-unit">秒</div>
     </div>
 </template>
 
@@ -35,6 +36,10 @@ defineComponent({
   flex:1;
 }
 
+.params-item .params-unit{
+  line-height:30px;
+  padding:0px 5px 0px 15px;
+}
 
 ::v-deep .ant-input-number{
   color:#fff!important;
diff --git a/src/views/demo/workmanagement/workplan/actionComponents/multipleTiming.vue b/src/views/demo/workmanagement/workplan/actionComponents/multipleTiming.vue
new file mode 100644
index 0000000..d21e394
--- /dev/null
+++ b/src/views/demo/workmanagement/workplan/actionComponents/multipleTiming.vue
@@ -0,0 +1,55 @@
+<template>
+    <div class="params-item">
+        <div class="params-label">间隔时间：</div>
+        <div class="params-value">
+            <a-input-number v-model:value="props.params.hoverTime"></a-input-number>
+        </div>
+        <div class="params-unit">秒</div>
+    </div>
+</template>
+
+<script lang="ts" setup>
+
+import {defineProps,defineComponent,defineOptions} from 'vue';
+
+const props = defineProps(["params"])
+
+
+defineComponent({
+  name: 'multipleTiming'
+})
+
+
+</script>
+
+<style scoped>
+.params-item{
+  width:100%;
+  display: flex;
+  gap:20px;
+}
+.params-item .params-label{ 
+    line-height:30px;
+}
+
+.params-item .params-value{
+  flex:1;
+}
+
+.params-item .params-unit{
+  line-height:30px;
+  padding:0px 5px 0px 15px;
+}
+
+::v-deep .ant-input-number{
+  color:#fff!important;
+  background:#3F4150!important;
+  border:0px !important;
+}
+
+::v-deep .ant-input-number-input{
+  color:#fff!important;
+  border:0px !important;
+}
+
+</style>
\ No newline at end of file
diff --git a/src/views/demo/workmanagement/workplan/actionComponents/rotateYaw.vue b/src/views/demo/workmanagement/workplan/actionComponents/rotateYaw.vue
index 59e919f..d0e77c1 100644
--- a/src/views/demo/workmanagement/workplan/actionComponents/rotateYaw.vue
+++ b/src/views/demo/workmanagement/workplan/actionComponents/rotateYaw.vue
@@ -1,8 +1,11 @@
 <template>
     <div class="params-item">
-        <div class="params-label">偏航角度</div>
+        <div class="params-label">偏航角度：</div>
         <div class="params-value">
-            <a-slider v-model:value="props.params.aircraftHeading" :min="-180" :max="180" :step="0.01" />
+            <a-slider 
+              v-model:value="props.params.aircraftHeading" 
+              :min="-180" :max="180" :step="0.01" 
+              @change="paramChagne" />
         </div>
         <div class="params-value-text">
           {{ props.params.aircraftHeading }} °
@@ -12,16 +15,20 @@
 
 <script lang="ts" setup>
 
-import {defineProps,defineComponent,defineOptions} from 'vue';
-
-const props = defineProps(["params"])
+import {defineProps,defineComponent,defineEmits} from 'vue';
 
+const props = defineProps(["params","info"])
+const emits = defineEmits(["paramChagne"])
 
 defineComponent({
   name: 'rotateYaw'
 })
 
 
+const paramChagne = ()=> {
+  emits("paramChagne",props.info);
+}
+
 </script>
 
 <style scoped>
diff --git a/src/views/demo/workmanagement/workplan/components/airLineList.vue b/src/views/demo/workmanagement/workplan/components/airLineList.vue
index 2cd5769..157a6f9 100644
--- a/src/views/demo/workmanagement/workplan/components/airLineList.vue
+++ b/src/views/demo/workmanagement/workplan/components/airLineList.vue
@@ -153,7 +153,9 @@
                     </div> 
                 </div>
                 <div class="pagenation">
-                    <a-pagination v-model:current="pageQuery.page" :total="ariLineCount" show-less-items @change="onPageChange"  />
+                    <a-pagination size="small" v-model:current="pageQuery.page" 
+                        v-model:page-size="pageQuery.limit" :total="ariLineCount" 
+                        :defaultPageSize="10"  show-less-items show-size-changer  @change="onPageChange"  />
                 </div>
             </div>
         </div>
@@ -245,7 +247,7 @@
 
     const props = defineProps(["title"])
 
-    import {templateTypeOptions} from '../waylineConfig/index';
+    import {templateTypeOptions} from '../waylineConfig/waylineParamsOptions';
 
     import JSZip from 'jszip';
     import axios from 'axios';
diff --git a/src/views/demo/workmanagement/workplan/components/airPoint.vue b/src/views/demo/workmanagement/workplan/components/airPoint.vue
index b54fb74..bcd4640 100644
--- a/src/views/demo/workmanagement/workplan/components/airPoint.vue
+++ b/src/views/demo/workmanagement/workplan/components/airPoint.vue
@@ -2,18 +2,16 @@
     <div class="container">
         <div class="title">
             <LeftOutlined @click="backPage" />
-            <div>航点航线</div>
-            <SaveOutlined @click="saveAirLine"/>
+            <div style="flex:1;">
+                <a-input v-model:value="props.airLineForm.airLineName"  size="middle" placeholder="航线名称" />
+            </div>
 
             <a-button type="primary" size="middle" @click="areaOptionsShow = !areaOptionsShow">
                 航线设置
                 <ControlOutlined />
             </a-button>
 
-            <div style="flex:1;">
-                <a-input v-model:value="props.airLineForm.airLineName"  size="middle" placeholder="航线名称" />
-            </div>
-            
+            <SaveOutlined @click="saveAirLine" style="font-size:20px;" />
         </div>
 
          <!-- 航线信息 -->
@@ -165,7 +163,7 @@
             <div class="item">
                 <div class="label">全局航线飞行速度</div>
                 <div class="content">
-                    <a-input style="width:100px;" placeholder="" v-model:value="missionConfig.globalTransitionalSpeed"></a-input>
+                    <a-input style="width:100px;" placeholder="" v-model:value="props.templateKmlConfig.Folder.autoFlightSpeed"></a-input>
                 </div>
                 <div class="unit"> m/s</div>
             </div>
@@ -343,12 +341,14 @@ import {ref,defineEmits,defineProps} from 'vue'
 import { SaveOutlined,LeftOutlined,AppstoreOutlined,DownOutlined,ControlOutlined,InfoCircleOutlined} from '@ant-design/icons-vue';
 
 // 航点动作汇总
-import { airPointActions } from '../waylineConfig/action'
+import { airPointActions } from '../waylineConfig/actionConfig'
 import { XMLParser, XMLBuilder } from 'fast-xml-parser';
 
-import {uploadXmlFile,addAirLine} from '@/api/sys/workplan';
+import {uploadXmlFile,addAirLine,editAirLine} from '@/api/sys/workplan';
 import { Modal, message } from 'ant-design-vue';
-import {missionConfigOptions,folderConfigOptions}  from '../waylineConfig/index.ts';
+import {missionConfigOptions,folderConfigOptions}  from '../waylineConfig/waylineParamsOptions.ts';
+import JSZip from "jszip";
+import { saveAs } from "file-saver"; 
 
 const emits = defineEmits(["setTakeOffPoint","checkPoint","exitDraw","addAction"])
 
@@ -520,93 +520,11 @@ const pointInfo = ref({
 
 // 处理航点数据
 const handlerPointInfo = ()=>{
-
     if(props.airPoints?.length<=0){
         message.warning("请添加航点！");
         return null;
     }
-    
-    props.airPoints?.forEach((item,index)=>{
-
-        console.log("item123",item);
-
-        let point = {
-            "Point": {
-                "coordinates": item.lng+","+item.lat
-            },
-            "index": index,
-            "executeHeight": item.alt,
-            "waypointSpeed": 10,
-            "waypointHeadingParam": {
-                "waypointHeadingMode": "followWayline",             // 飞行器偏航角模式 ：
-                "waypointHeadingAngle": item.aircraftHorizontalAngle,                          // 飞行器偏航角 [-180, 180] 当且仅当“wpml:waypointHeadingMode”为“smoothTransition”时必需
-                "waypointPoiPoint": "0.000000,0.000000,0.000000",   // 兴趣点    仅当wpml:waypointHeadingMode为towardPOI时必需
-                "waypointHeadingAngleEnable": 0,
-                "waypointHeadingPathMode": "followBadArc",          // 飞行器偏航角转动方向
-                "waypointHeadingPoiIndex": 0
-            },
-            "waypointTurnParam": {
-                "waypointTurnMode": "toPointAndStopWithDiscontinuityCurvature",
-                "waypointTurnDampingDist": 0
-            },
-            "useStraightLine": 1,
-            "actionGroup": {
-                "actionGroupId": 0,
-                "actionGroupStartIndex": 0,
-                "actionGroupEndIndex": 0,
-                "actionGroupMode": "sequence",
-                "actionTrigger": {
-                "actionTriggerType": "reachPoint"
-                },
-                "action": [
-                    {
-                        "actionId": 0,
-                        "actionActuatorFunc": "rotateYaw",
-                        "actionActuatorFuncParam": {
-                        "aircraftHeading": 0,
-                        "aircraftPathMode": "counterClockwise"
-                        }
-                    },
-                    {
-                        "actionId": 1,
-                        "actionActuatorFunc": "gimbalRotate",
-                        "actionActuatorFuncParam": {
-                        "gimbalHeadingYawBase": "north",
-                        "gimbalRotateMode": "absoluteAngle",
-                        "gimbalPitchRotateEnable": 1,
-                        "gimbalPitchRotateAngle": 0,
-                        "gimbalRollRotateEnable": 0,
-                        "gimbalRollRotateAngle": 0,
-                        "gimbalYawRotateEnable": 0,
-                        "gimbalYawRotateAngle": 0,
-                        "gimbalRotateTimeEnable": 0,
-                        "gimbalRotateTime": 0,
-                        "payloadPositionIndex": 0
-                        }
-                    },
-                    {
-                        "actionId": 2,
-                        "actionActuatorFunc": "zoom",
-                        "actionActuatorFuncParam": {
-                        "focalLength": 24,
-                        "isUseFocalFactor": 0,
-                        "payloadPositionIndex": 0
-                        }
-                    }
-                ]
-            },
-            "waypointGimbalHeadingParam": {             
-                "waypointGimbalPitchAngle": item.cameraVerticalAngle,           // 云台 垂直俯仰角参数 [-90, -30]
-                "waypointGimbalYawAngle": 0                                     // 云台 水平偏航角度
-            },
-            "isRisky": 0,
-            "waypointWorkType": 0
-        }
-        folder.value.Placemark.push(point);
-    })
-
     return true;
-
 }
 
 // waylines.json 数据
@@ -626,52 +544,194 @@ const waylinesJson = ref(
 // 保存航线
 const saveAirLine = ()=>{
 
+    // 处理template.json
+    handlerTemplateKml();
+
+    // 处理航点
+    handlerWaylineWpml();
+
+
     let handlerResult =  handlerPointInfo();
 
     if(handlerResult){
-        const builder = new XMLBuilder();
 
-        let lineData = {...waylinesJson.value}
+        // 将template中的 missionConfig 赋值 给wayline
+        props.waylineWpmlConfig.missionConfig = JSON.parse(JSON.stringify(props.templateKmlConfig.missionConfig))
 
-        let obj = handlerPrefixWpml(lineData);
+        const builder = new XMLBuilder({
+            format: true,      // 启用换行和缩进
+            indentBy: "  ",     // 缩进字符（默认2空格，可自定义为 \t 等）
+            suppressEmptyNode: true, // 可选：是否忽略空节点
+        });
 
-        let xmlString = builder.build(obj);
+        // 带wpml前缀的 template json数据
+        let templateJson = {kml:{Document:props.templateKmlConfig}}
+        let templateWpmlJson = handlerPrefixWpml(templateJson);
+        let templateXmlStr = builder.build(templateWpmlJson);
+        let templateXmlStrTemp = templateXmlStr.replace(/<\/?\d+>/g, "")
+        let templateXml = templateXmlStrTemp.replace("<kml>",`<?xml version="1.0" encoding="UTF-8"?><kml xmlns="http://www.opengis.net/kml/2.2" xmlns:wpml="http://www.dji.com/wpmz/1.0.6">`)
 
-        let xmlString2 = xmlString.replace(/<\/?\d+>/g, "")
+        // 带wpml前缀的 wayline json数据
+        // delete props.waylineWpmlConfig.missionConfig.takeOffRefPoint
+        // delete props.waylineWpmlConfig.missionConfig.takeOffRefPointAGLHeight
+        // delete props.waylineWpmlConfig.missionConfig.autoRerouteInfo
 
-        let xmlString3 = xmlString2.replace("<kml>",`<?xml version="1.0" encoding="UTF-8"?><kml xmlns="http://www.opengis.net/kml/2.2" xmlns:wpml="http://www.dji.com/wpmz/1.0.6">`)
-
-            console.log("xmlString3",xmlString3);
-            return null;
-        handlerCreateFile(xmlString3);
+        let waylineJosn = {kml:{Document:props.waylineWpmlConfig}}
+        let waylienWpmlJson = handlerPrefixWpml(waylineJosn);
+        let waylineXmlStr = builder.build(waylienWpmlJson);
+        let waylineXmlStrTemp = waylineXmlStr.replace(/<\/?\d+>/g, "")
+        let waylineXml = waylineXmlStrTemp.replace("<kml>",`<?xml version="1.0" encoding="UTF-8"?><kml xmlns="http://www.opengis.net/kml/2.2" xmlns:wpml="http://www.dji.com/wpmz/1.0.6">`)
+       
+        // 创建压缩文件
+        handlerCreateFile(templateXml,waylineXml);
 
     }
 
 }
 
-// 处理wmpl:前缀 
-const handlerPrefixWpml = (obj) => {
-  for (const key in obj) {
+// 处理生成template.json
+const handlerTemplateKml = () => {
 
-    // 如果是对象
-    if (typeof obj[key] === 'object' && obj[key] !== null) {
+    // 处理时间和日期
+    handlerCreateOrUpdateTime();
 
-        handlerPrefixWpml(obj[key]); // 递归处理嵌套对象
+    // 计算数据处理
+    // handlerAirLineHeight();
 
-        const newAttrs = {};
-        for (const attrName in obj[key]) {
-           
-            // 检查属性名是否首字母小写
-            if (/^[a-z]/.test(attrName)) {
-                newAttrs[`wmpl:${attrName}`] = obj[key][attrName];
-            } else {
-                newAttrs[attrName] = obj[key][attrName];
-            }
+
+}
+
+// 处理创建时间 编辑时间
+const handlerCreateOrUpdateTime = () => {
+
+let date = new Date();
+
+if(props.editModel == 'add'){
+    props.templateKmlConfig.createTime = date.getTime();
+    props.templateKmlConfig.updateTime = date.getTime();
+}else if(props.editModel == 'edit'){
+    props.templateKmlConfig.updateTime = date.getTime();
+}
+
+}
+
+
+// 处理生成wayline.json
+const handlerWaylineWpml = () => {
+
+    // 处理基础配置
+    props.waylineWpmlConfig.missionConfig = JSON.parse(JSON.stringify(props.templateKmlConfig.missionConfig));
+
+    // 处理统计数据
+    handlerStatistics();
+
+    // 处理航点
+    handelrAirPoint();
+
+}
+
+const handlerStatistics = () => {
+
+}
+
+// 处理航点 和 绑定动作信息
+const handelrAirPoint = () => {
+    props.airPoints?.forEach((item,index)=>{
+        let point =  {
+            "Point": {
+              "coordinates": item.lng+","+item.lat
+            },
+            "index": index,
+            "executeHeight": 172.948304450636,
+            "waypointSpeed": props.templateKmlConfig.Folder.autoFlightSpeed,
+            "waypointHeadingParam": {
+              "waypointHeadingMode": "followWayline",
+              "waypointHeadingAngle": 0,
+              "waypointPoiPoint": "0.000000,0.000000,0.000000",
+              "waypointHeadingAngleEnable": 0,
+              "waypointHeadingPathMode": "followBadArc",
+              "waypointHeadingPoiIndex": 0
+            },
+            "waypointTurnParam": {
+              "waypointTurnMode": "toPointAndStopWithDiscontinuityCurvature",
+              "waypointTurnDampingDist": 0
+            },
+            "useStraightLine": 1,
+            "waypointGimbalHeadingParam": {
+              "waypointGimbalPitchAngle": 0,
+              "waypointGimbalYawAngle": 0
+            },
+            "isRisky": 0,
+            "waypointWorkType": 0
+        }
+
+        if(item.actions.length>0){
+            point.actionGroup = {
+              "actionGroupId": 0,
+              "actionGroupStartIndex": index,
+              "actionGroupEndIndex": index,
+              "actionGroupMode": "sequence",
+              "actionTrigger": {
+                "actionTriggerType": "reachPoint"
+              },
+              "action": []
+            };
+            item.actions.forEach((action,idx)=>{
+                let actor = action.config;
+                actor.actionId =  idx
+                point.actionGroup.action.push(actor);
+            })
+        }
+        props.waylineWpmlConfig.Folder.Placemark.push(point);
+        props.templateKmlConfig.Folder.Placemark.push(point);
+    })
+
+}
+
+
+// 处理wpml:前缀 
+const handlerPrefixWpml = (obj) => {
+
+    for (const key in obj) {
+
+  
+        if (typeof obj[key] === 'object' && obj[key] !== null && !Array.isArray(obj[key])) {    // 如果是对象
+
+            handlerPrefixWpml(obj[key]); // 递归处理嵌套对象
+
+            const newAttrs = {};
+
+            for (const attrName in obj[key] ) {
+
+                // 检查属性名是否首字母小写
+                if (/^[a-z]/.test(attrName) && attrName != 'outerBoundaryIs' && attrName != 'coordinates') {
+                    newAttrs[`wpml:${attrName}`] = obj[key][attrName];
+                } else {
+                    newAttrs[attrName] = obj[key][attrName];
+                }
+            }
+
+            obj[key] = newAttrs;
+
+        }else if(typeof obj[key] === 'object' && obj[key] !== null && Array.isArray(obj[key])){      // 如果是数组
+            
+            handlerPrefixWpml(obj[key]); // 递归处理嵌套对象
+
+            const newAttrs = [];
+
+            for (const attrName in obj[key]) {
+                // 检查属性名是否首字母小写
+                if (/^[a-z]/.test(attrName)) {
+                    newAttrs[`wpml:${attrName}`] = obj[key][attrName];
+                } else {
+                    newAttrs[attrName] = obj[key][attrName];
+                }
+            }
+
+            obj[key] = newAttrs;
         }
-        obj[key] = newAttrs;
     }
-  }
-  return obj;
+    return obj;
 }
 
 
@@ -695,15 +755,35 @@ const submitForm = ref({
 })
 
 // 生成xml文件，创建航线
-const handlerCreateFile =async (content)=>{
-    const blob = new Blob([content], { type: 'wmpl/plain' });
+const handlerCreateFile =async (templateXml,waylineXml)=>{
+
+    console.log("waylineXml",templateXml,waylineXml);
+
+    const blob =await convertXmlToKmz(templateXml,waylineXml);
+
     // 创建FormData对象用于上传
     const formData = new FormData();
-    formData.append('xmlFile', blob);
-    let res = await uploadXmlFile(formData);
+
+    formData.append('xmlFile', blob,"航点航线.kmz");
+
+    let res = await uploadXmlFile(props.airLineForm.folder,formData);
+
     if(res){
-        submitForm.value.wpml = res.path;
-        let addAirLineRes =await addAirLine(submitForm.value);
+        props.airLineForm.wpml = res.path;
+        // props.airLineForm.lineData =  {type:2}
+
+        let addAirLineRes = null;
+
+        if(props.editModel == 'add'){
+
+            addAirLineRes =await addAirLine(props.airLineForm);
+
+        }else if(props.editModel == 'edit'){
+
+             addAirLineRes =await editAirLine(props.airLineForm);
+
+        }
+
         if(addAirLineRes){
             message.success("操作成功！");
             backPage();
@@ -715,6 +795,28 @@ const handlerCreateFile =async (content)=>{
     }
 }
 
+// xml文本转换为wpml和kml文件
+const convertXmlToKmz =async (templateXml,waylineXml)=>{
+
+
+const zip = new JSZip();
+
+// 1. 创建 "wmpz" 文件夹
+const wmpzFolder = zip.folder("wpmz");
+
+// 2. 向文件夹中添加文件
+wmpzFolder.file("waylines.wpml", waylineXml);
+wmpzFolder.file("template.kml", templateXml);
+
+// 3. 生成 KMZ (ZIP) 文件
+const kmzBlob = await zip.generateAsync({ type: "blob" });
+
+// 下载航线文件
+// saveAs(kmzBlob, "output.kmz");
+
+return kmzBlob;
+}
+
 
 // 退出绘制
 const backPage = ()=>{
@@ -727,7 +829,6 @@ const addAirPointAction = (action) => {
 
     // 处理动作添加逻辑
     emits("addAction",action);
-    
 
     if(action.value == ""){
 
diff --git a/src/views/demo/workmanagement/workplan/components/airPointConfig.vue b/src/views/demo/workmanagement/workplan/components/airPointConfig.vue
index ed7f021..b6d422e 100644
--- a/src/views/demo/workmanagement/workplan/components/airPointConfig.vue
+++ b/src/views/demo/workmanagement/workplan/components/airPointConfig.vue
@@ -127,19 +127,23 @@
                         </div>
                     </div>
                     <div class="item-content">
-                        <component :is="componentMap[item.value]" :params="item.config.actionActuatorFuncParam" :key="index"></component>
+                        <component 
+                            :is="componentMap[item.value]" 
+                            :params="item.config.actionActuatorFuncParam" 
+                            :info="item"
+                            :key="index"
+                            @paramChagne="paramChagne"
+                        ></component>
                     </div>
                 </div>
             </div>
         </div>
 
-        
-
     </div>
 </template>
 
 <script lang="ts" setup>
-import {ref,defineProps,watch,shallowRef,defineAsyncComponent,defineOptions  } from 'vue';
+import {ref,defineProps,watch,shallowRef,defineAsyncComponent,defineOptions,defineEmits} from 'vue';
 
 import { DeleteOutlined,LeftOutlined,RightOutlined } from '@ant-design/icons-vue'
 
@@ -163,8 +167,11 @@ const componentMap = {
 };
 
 const props = defineProps(['currentAirPoint','airPoints'])
+const emits = defineEmits(["paramChagne"])
 
-
+const paramChagne = (info) => {
+    emits("paramChagne",info);
+}
 
 watch(
     ()=>props.currentAirPoint,
diff --git a/src/views/demo/workmanagement/workplan/components/airPolygon.vue b/src/views/demo/workmanagement/workplan/components/airPolygon.vue
index 21d4b62..6de194c 100644
--- a/src/views/demo/workmanagement/workplan/components/airPolygon.vue
+++ b/src/views/demo/workmanagement/workplan/components/airPolygon.vue
@@ -250,7 +250,7 @@
 <script lang="ts" setup>
 import {ref,defineEmits,defineProps,watch} from 'vue'
 import { SaveOutlined,LeftOutlined,InfoCircleOutlined } from '@ant-design/icons-vue';
-import {missionConfigOptions,folderConfigOptions}  from '../waylineConfig/index.ts';
+import {missionConfigOptions,folderConfigOptions}  from '../waylineConfig/waylineParamsOptions.ts';
 import {uploadXmlFile,addAirLine,editAirLine} from '@/api/sys/workplan';
 import { message } from 'ant-design-vue';
 import { XMLParser, XMLBuilder } from 'fast-xml-parser';
@@ -771,7 +771,6 @@ const handlerPrefixWpml = (obj) => {
 
             // 检查属性名是否首字母小写
             if (/^[a-z]/.test(attrName) && attrName != 'outerBoundaryIs' && attrName != 'coordinates') {
-                console.log("attrName",attrName);
                 newAttrs[`wpml:${attrName}`] = obj[key][attrName];
             } else {
                 newAttrs[attrName] = obj[key][attrName];
@@ -814,7 +813,7 @@ const handlerCreateFile =async (templateXml,waylineXml)=>{
 
     formData.append('xmlFile', blob,"面状航线.kmz");
 
-    let res = await uploadXmlFile("默认文件夹/面状航线",formData);
+    let res = await uploadXmlFile(props.airLineForm.folder,formData);
 
     if(res){
         props.airLineForm.wpml = res.path;
diff --git a/src/views/demo/workmanagement/workplan/components/createWorkPlan.vue b/src/views/demo/workmanagement/workplan/components/createWorkPlan.vue
index cc8258c..0aa0a18 100644
--- a/src/views/demo/workmanagement/workplan/components/createWorkPlan.vue
+++ b/src/views/demo/workmanagement/workplan/components/createWorkPlan.vue
@@ -33,7 +33,7 @@
                             </div>
                         </a-form-item> -->
 
-                        <a-form-item ref="workspaceId" label="选择项目" name="workspaceId">
+                        <!-- <a-form-item ref="workspaceId" label="选择项目" name="workspaceId">
                             <div class="">
                                 <a-select
                                     v-model:value="submitForm.workspaceId"
@@ -46,7 +46,7 @@
                                    
                                 </a-select>
                             </div>
-                        </a-form-item>
+                        </a-form-item> -->
 
     
                         <a-form-item ref="name" label="选择航线" name="name">
diff --git a/src/views/demo/workmanagement/workplan/components/map.vue b/src/views/demo/workmanagement/workplan/components/map.vue
index da74abe..36de326 100644
--- a/src/views/demo/workmanagement/workplan/components/map.vue
+++ b/src/views/demo/workmanagement/workplan/components/map.vue
@@ -44,6 +44,7 @@
       <airPointConfig 
         :currentAirPoint="currentAirPoint" 
         :airPoints="airPoints"
+        @paramChagne="paramChagne"
       ></airPointConfig>
     </div>
 
@@ -65,7 +66,6 @@
   import airPolygon from './airPolygon.vue';
   import airPointConfig from './airPointConfig.vue';
 
-
   // const props = defineProps([
   //   'airLineForm',
   //   'flyToTherePosition',
@@ -295,12 +295,11 @@
   watch(
     () => props.waylineInfo,
     (newVal,oldVal) => {
-      
+
     }
   )
 
 
-
 // 航线预览：生成点
 const generatePreviewPoint = (placemark)=>{
 
@@ -357,24 +356,30 @@ const generatePreviewPoint = (placemark)=>{
   let moveTool: mars3d.thing.MatrixMove2;
 
   // 监听航点变化
-  watch(
-    currentAirPoint,
-    (newVal, oldVal) => {
-        //   更新航点
-        updateAirPoint(newVal);
-        //   更新镜头
-        handlerDrawCamera(newVal);
-    },
-    { deep: true },
-  );
+  // watch(
+  //   currentAirPoint,
+  //   (newVal, oldVal) => {
+  //       // console.log("newVal123",newVal);
+  //       //   更新航点
+  //       // updateAirPoint(newVal);
+  //       //   更新镜头
+  //       // handlerDrawCamera(newVal);
+  //   },
+  //   { deep: true },
+  // );
 
   const clickPoint = (id) => {
+
     airPoints.value?.forEach((item, index) => {
       if (item.id == id) {
         currentAirPoint.value = item;
+        // 更新镜头
+        handlerDrawCamera(currentAirPoint.value);
         airPointConfigShow.value = true;
       }
     });
+
+  
   };
 
   const checkPoint = (e) => {
@@ -685,7 +690,6 @@ const initMap = () => {
     // 绘制航线
     graphicLayer.on(mars3d.EventType.click, (e) => {
       // 设置当前选中点
-
       clickPoint(e.graphic.options.id);
     });
 
@@ -1574,7 +1578,8 @@ const handlerDrawLine = () => {
   // let lineString = turf.lineString(positions);
   // lineInfo.value.length = turf.length(lineString).toFixed(2);
 };
-    
+
+// 全局航点数组
 const uavPoints = ref([]);
 
 // 绘制航点
@@ -1583,40 +1588,32 @@ const handlerDrawPoint = (e) => {
         moveTool.destroy();
         moveTool = null;
     }
-
+    // 设置航线默认高度
     let position = mars3d.LngLatPoint.fromCartesian(e.position);
-
     let uuid = buildUUID();
 
+    // 获取默认航线高度
+    let globalHeight = props.templateKmlConfig.Folder.globalHeight;
+
     // 航点三维模型
     let uavAngleGraphic = new mars3d.graphic.ModelEntity({
         id:uuid,
         name: "航向",
-        position: [position._lng, position._lat, position._alt],
+        position: [position._lng, position._lat, globalHeight],
         style: {
             url: "/map/uav-angle.gltf",
             scale: 0.1,
-            heading: 90,
+            heading:90,
             distanceDisplayCondition: true,
             distanceDisplayCondition_near: 0,
             distanceDisplayPoint: {
                 color: "#00ff00",
                 pixelSize: 8
-            },
-            label: {
-                text: "",
-                font_size: 18,
-                color: "#ffffff",
-                pixelOffsetY: -50,
-                distanceDisplayCondition: true,
-                distanceDisplayCondition_far: 10000,
-                distanceDisplayCondition_near: 0
             }
-        },
-        attr: { remark: "示例1" }
+        }
     })
     graphicLayer.addGraphic(uavAngleGraphic)
-
+    
     // 地面投影点
     let stickGraphic = new mars3d.graphic.PointEntity({
         id: 'stick' + uuid,
@@ -1631,13 +1628,13 @@ const handlerDrawPoint = (e) => {
         },
     });
     stickGroundPointLayer.addGraphic(stickGraphic);
-
+    
     // 航点 投影点连接线
     let lineGraphic = new mars3d.graphic.PolylineEntity({
         id: 'line' + uuid,
         positions: [
-        [position._lng, position._lat, position._alt],
-        [position._lng, position._lat, 0],
+          [position._lng, position._lat, globalHeight],
+          [position._lng, position._lat, 0],
         ],
         style: {
         color: '#f5f5f5',
@@ -1645,34 +1642,83 @@ const handlerDrawPoint = (e) => {
         },
     });
     lineGroundPointLayer.addGraphic(lineGraphic);
-
+    
     // 航点列表
     let airPointInfo = {
         id: uuid,
         name: '航点',
         lng: position._lng,
         lat: position._lat,
-        alt: position._alt,
+        alt: globalHeight,
         aircraftHorizontalAngle: 0,
         cameraHorizontalAngle: 0,
         cameraVerticalAngle: 0,
         focalLength: 2,
-        actions:[],
+        actions:[
+              {     // 设置无人机偏航角
+                "name":"飞行器偏航角",
+                "value":"rotateYaw",
+                "type":"action",
+                "config":{
+                    "actionId": null,
+                    "actionActuatorFunc": "rotateYaw",
+                    "actionActuatorFuncParam": {
+                        "aircraftHeading": 0,
+                        "aircraftPathMode": "counterClockwise"
+                    }
+                },
+            },{     // 设置旋转云台俯仰角
+                "name":"云台俯仰角",
+                "value":"gimbalRotate",
+                "type":"action",
+                "config":{
+                    "actionId": 3,
+                    "actionActuatorFunc": "gimbalRotate",
+                    "actionActuatorFuncParam": {
+                        "gimbalHeadingYawBase": "north",
+                        "gimbalRotateMode": "absoluteAngle",
+                        "gimbalPitchRotateEnable": 1,
+                        "gimbalPitchRotateAngle": 0,
+                        "gimbalRollRotateEnable": 0,
+                        "gimbalRollRotateAngle": 0,
+                        "gimbalYawRotateEnable": 0,
+                        "gimbalYawRotateAngle": 0,
+                        "gimbalRotateTimeEnable": 0,
+                        "gimbalRotateTime": 0,
+                        "payloadPositionIndex": 0
+                    }
+                }
+            },{            // 调整相机焦距
+              "name":"相机焦距",
+              "value":"zoom",
+              "type":"action",
+              "config":{
+                  "actionId": null,
+                  "actionActuatorFunc": "zoom",
+                  "actionActuatorFuncParam": {
+                      "focalLength": 24,
+                      "isUseFocalFactor": 0,
+                      "payloadPositionIndex": 0
+                  }
+              }
+          }
+        ],
     };
     airPoints.value?.push(airPointInfo);
-
     uavPoints.value.push(graphic);
 
     // 当前航点
     currentAirPoint.value = airPoints.value[airPoints.value?.length - 1];
 
+    // 更新镜头
+    handlerDrawCamera(airPointInfo);
+
     // 更新航线
     handlerDrawLine();
 };
 
 // 绘制镜头
 const handlerDrawCamera = (e) => {
-
     // 判断是否已经添加
     const graphic = graphicLayer.getGraphicById("cameraGraphic");
     if(graphic){ // 如果存在更新数据
@@ -1691,8 +1737,8 @@ const handlerDrawCamera = (e) => {
                 topSteps: 2,
                 flat: true,
                 cameraHpr: true,
-                heading:e.aircraftHorizontalAngle,
-                pitch: e.cameraVerticalAngle+90,                   // 俯仰角 0 - 360度
+                heading:e.aircraftHorizontalAngle - 90,       // 偏航角
+                pitch: e.cameraVerticalAngle - 90,                   // 俯仰角 0 - 360度
                 roll: 0,
             }
         })
@@ -1711,8 +1757,8 @@ const handlerDrawCamera = (e) => {
                 topShow: true,
                 topSteps: 2,
                 cameraHpr: true,
-                heading:e.aircraftHorizontalAngle,
-                pitch: e.cameraVerticalAngle+90,                   // 俯仰角 0 - 360度
+                heading:e.aircraftHorizontalAngle - 90,
+                pitch: e.cameraVerticalAngle - 90,                   // 俯仰角 0 - 360度
                 roll: 0,
             }
         })
@@ -1732,24 +1778,14 @@ const updateAirPoint = (e) => {
                 style: {
                     url: "/map/uav-angle.gltf",
                     scale: 0.1,
-                    heading: e.aircraftHorizontalAngle,
+                    heading: e.aircraftHorizontalAngle + 90,
                     distanceDisplayCondition: true,
                     distanceDisplayCondition_near: 0,
                     distanceDisplayPoint: {
                         color: "#00ff00",
                         pixelSize: 8
-                    },
-                    label: {
-                        text: "",
-                        font_size: 18,
-                        color: "#ffffff",
-                        pixelOffsetY: -50,
-                        distanceDisplayCondition: true,
-                        distanceDisplayCondition_far: 10000,
-                        distanceDisplayCondition_near: 0
                     }
-                },
-                attr: { remark: "示例1" }
+                }
             }
         );
     }
@@ -1815,27 +1851,73 @@ const updateAirPoint = (e) => {
     handlerDrawLine();
 };
 
+
+// 航点动作参数改变
+const paramChagne = (info) => {
+    console.log("info1232",info);
+
+    // 判断事件类型  
+    if(info.value == 'rotateYaw'){   // 飞行器偏航角
+
+        // 设置参数
+        currentAirPoint.value.aircraftHorizontalAngle = info.config.actionActuatorFuncParam.aircraftHeading;
+
+        // 更新镜头
+        handlerDrawCamera(currentAirPoint.value);
+
+        // 更新航点
+        updateAirPoint(currentAirPoint.value);
+    }
+
+    if(info.value == "gimbalRotate"){   // 云台俯仰角
+      
+      // 设置参数
+      currentAirPoint.value.cameraVerticalAngle = info.config.actionActuatorFuncParam.gimbalPitchRotateAngle
+      // 更新镜头
+      handlerDrawCamera(currentAirPoint.value);
+    }
+
+    
+}
+
+// 事件处理
+const updateCamera = () => {
+  
+}
+
 // 删除航点
 const deleteAirPoint = (e) => {
     let id = e.graphic.id;
-
+    
     // 删除航点
-    let point = graphicLayer.getGraphicById(id);
-    if (point) {
-    graphicLayer.removeGraphic(point);
+    let uavModel = graphicLayer.getGraphicById(id);
+    if (uavModel) {
+      graphicLayer.removeGraphic(uavModel);
     }
 
     // 删除相机
-    let camera = graphicLayer.getGraphicById('camera' + id);
+    let camera = graphicLayer.getGraphicById("cameraGraphic");
     if (camera) {
-    graphicLayer.removeGraphic(camera);
+      graphicLayer.removeGraphic(camera);
+    }
+
+    // 删除贴地点
+    let point = lineGroundPointLayer.getGraphicById("line"+id);
+    if (point) {
+      lineGroundPointLayer.removeGraphic(point);
+    }
+
+    // 删除连接线
+    let line = stickGroundPointLayer.getGraphicById("stick"+id);
+    if (line) {
+      stickGroundPointLayer.removeGraphic(line);
     }
 
     // 删除数据
     airPoints.value?.forEach((item, index) => {
-    if (item.id == id) {
-        airPoints.value?.splice(index, 1);
-    }
+      if (item.id == id) {
+          airPoints.value?.splice(index, 1);
+      }
     });
 
     // 更新航线
@@ -2404,11 +2486,9 @@ const setUAVPosition = () => {
 
 /////////////////////////////////动作处理//////////////////////////////////////
 const addAction = (action) => {
+
     // 当前航点添加动作
-    
-    console.log("action",action);
-    currentAirPoint.value.actions.push(action);
-    console.log("currentAirPoint",currentAirPoint.value)
+    currentAirPoint.value.actions.push(JSON.parse(JSON.stringify(action)));
 
 }
 
diff --git a/src/views/demo/workmanagement/workplan/components/multipleDistance.vue b/src/views/demo/workmanagement/workplan/components/multipleDistance.vue
new file mode 100644
index 0000000..0c39b05
--- /dev/null
+++ b/src/views/demo/workmanagement/workplan/components/multipleDistance.vue
@@ -0,0 +1,55 @@
+<template>
+    <div class="params-item">
+        <div class="params-label">间隔距离：</div>
+        <div class="params-value">
+            <a-input-number v-model:value="props.params.hoverTime"></a-input-number>
+        </div>
+        <div class="params-unit">米</div>
+    </div>
+</template>
+
+<script lang="ts" setup>
+
+import {defineProps,defineComponent,defineOptions} from 'vue';
+
+const props = defineProps(["params"])
+
+
+defineComponent({
+  name: 'multipleDistance'
+})
+
+
+</script>
+
+<style scoped>
+.params-item{
+  width:100%;
+  display: flex;
+  gap:20px;
+}
+.params-item .params-label{ 
+    line-height:30px;
+}
+
+.params-item .params-value{
+  flex:1;
+}
+
+.params-item .params-unit{
+  line-height:30px;
+  padding:0px 5px 0px 15px;
+}
+
+::v-deep .ant-input-number{
+  color:#fff!important;
+  background:#3F4150!important;
+  border:0px !important;
+}
+
+::v-deep .ant-input-number-input{
+  color:#fff!important;
+  border:0px !important;
+}
+
+</style>
\ No newline at end of file
diff --git a/src/views/demo/workmanagement/workplan/components/planList.vue b/src/views/demo/workmanagement/workplan/components/planList.vue
index d9cbc75..0068bd3 100644
--- a/src/views/demo/workmanagement/workplan/components/planList.vue
+++ b/src/views/demo/workmanagement/workplan/components/planList.vue
@@ -225,14 +225,12 @@
             }
         ]
     )
- 
 
     const onPageChange = (e)=>{
         pageQuery.value.page = e;
         getTaskList();
     }
             
-
     // 任务状态
     const planStatusOptions = ref([
         {
diff --git a/src/views/demo/workmanagement/workplan/lib/calculateAirLine.ts b/src/views/demo/workmanagement/workplan/lib/calculateAirLine.ts
index 678abd7..eca8fad 100644
--- a/src/views/demo/workmanagement/workplan/lib/calculateAirLine.ts
+++ b/src/views/demo/workmanagement/workplan/lib/calculateAirLine.ts
@@ -16,11 +16,10 @@ export const calculateHeight = (gsd,uavModel) => {
 
     // 飞行高度= GSD(cm)×实际焦距(mm)/像元尺寸(um)
 
-    let abc =  (gsd * uavModel['focalLength'] / uavModel['pixelLength']);
+    height =  (gsd * uavModel['focalLength'] / uavModel['pixelLength']);
 
-    console.log("abc",abc);
 
-    height = ( (gsd / 100) * (uavModel['focalLength'] / 1000) * uavModel['imageWidth'] ) / ( uavModel['sensorLength'] / 1000 );
+    // height = ( (gsd / 100) * (uavModel['focalLength'] / 1000) * uavModel['imageWidth'] ) / ( uavModel['sensorLength'] / 1000 );
 
     return height.toFixed(2);
 }
@@ -30,8 +29,16 @@ export const calculateHeight = (gsd,uavModel) => {
 
 // 输入高度计算gsd
 export const calculateGsd = (height,uavModel) => {
+
+
+
     let gsd = 0;
-    gsd = ( (height*1000) * uavModel['sensorLength'] ) / (uavModel['focalLength'] * uavModel['imageWidth']) / 10;
+
+    gsd = (uavModel['pixelLength'] * height)  /  uavModel['focalLength'] ;
+
+
+    // gsd = ( (height*1000) * uavModel['sensorLength'] ) / (uavModel['focalLength'] * uavModel['imageWidth']) / 10;
+
     return gsd.toFixed(2);
 }
 
diff --git a/src/views/demo/workmanagement/workplan/waylineConfig/action.ts b/src/views/demo/workmanagement/workplan/waylineConfig/actionConfig.ts
similarity index 99%
rename from src/views/demo/workmanagement/workplan/waylineConfig/action.ts
rename to src/views/demo/workmanagement/workplan/waylineConfig/actionConfig.ts
index 8cb2692..62e3353 100644
--- a/src/views/demo/workmanagement/workplan/waylineConfig/action.ts
+++ b/src/views/demo/workmanagement/workplan/waylineConfig/actionConfig.ts
@@ -25,7 +25,7 @@ export const airPointActions = {
                 "gimbalHeadingYawBase": "north",
                 "gimbalRotateMode": "absoluteAngle",
                 "gimbalPitchRotateEnable": 1,
-                "gimbalPitchRotateAngle": -65.7,
+                "gimbalPitchRotateAngle": 0,
                 "gimbalRollRotateEnable": 0,
                 "gimbalRollRotateAngle": 0,
                 "gimbalYawRotateEnable": 0,
diff --git a/src/views/demo/workmanagement/workplan/waylineConfig/mapping2dConfig.ts b/src/views/demo/workmanagement/workplan/waylineConfig/mapping2dConfig.ts
new file mode 100644
index 0000000..c4a5d5e
--- /dev/null
+++ b/src/views/demo/workmanagement/workplan/waylineConfig/mapping2dConfig.ts
@@ -0,0 +1,176 @@
+
+// 面状航线默认template.kml数据
+export const templateKml  = {
+    "author": 17861857725,
+    "createTime": 1749689844431,
+    "updateTime": 1753241338101,
+    "missionConfig": {
+      "flyToWaylineMode": "pointToPoint",
+      "finishAction": "goHome",
+      "exitOnRCLost": "goContinue",
+      "executeRCLostAction": "goBack",
+      "takeOffSecurityHeight": 20,
+      "takeOffRefPoint": "",
+      "takeOffRefPointAGLHeight": 4.169064385,
+      "globalTransitionalSpeed": 15,
+      "globalRTHHeight": 100,
+      "droneInfo": {
+        "droneEnumValue": 100,
+        "droneSubEnumValue": 1
+      },
+      "autoRerouteInfo": {
+        "transitionalAutoRerouteMode": 1,
+        "missionAutoRerouteMode": 1
+      },
+      "waylineAvoidLimitAreaMode": 0,
+      "payloadInfo": {
+        "payloadEnumValue": 99,
+        "payloadSubEnumValue": 0,
+        "payloadPositionIndex": 0
+      }
+    },
+    "Folder": {
+      "templateType": "mapping2d",
+      "templateId": 0,
+      "waylineCoordinateSysParam": {
+        "coordinateMode": "WGS84",
+        "heightMode": "EGM96",
+        "globalShootHeight": 90,
+        "surfaceFollowModeEnable": 1,
+        "isRealtimeSurfaceFollow": 0,
+        "surfaceRelativeHeight": 90,
+        "dsmFile": "wpmz/res/dsm/wgs84_ASTGTMV003_N35E118_dem_7.tif"
+      },
+      "autoFlightSpeed": 12.7,
+      "Placemark": {
+        "caliFlightEnable": 0,
+        "elevationOptimizeEnable": 1,
+        "smartObliqueEnable": 0,
+        "quickOrthoMappingEnable": 0,
+        "facadeWaylineEnable": 0,
+        "isLookAtSceneSet": 0,
+        "shootType": "time",
+        "direction": 83,
+        "margin": 0,
+        "efficiencyFlightModeEnable": 0,
+        "overlap": {
+          "orthoCameraOverlapH": 80,
+          "orthoCameraOverlapW": 70,
+          "inclinedCameraOverlapH": 80,
+          "inclinedCameraOverlapW": 70
+        },
+        "Polygon": {
+          "outerBoundaryIs": {
+            "LinearRing": {
+              "coordinates": "118.293794766158,35.1353688096117,0\n                              118.295429169407,35.1353304409052,0\n                              118.295487507293,35.1332925168381,0\n                              118.293672196844,35.1331918267775,0"
+            }
+          }
+        },
+        "ellipsoidHeight": 90,
+        "height": 90
+      },
+      "payloadParam": {
+        "payloadPositionIndex": 0,
+        "focusMode": "firstPoint",
+        "meteringMode": "average",
+        "returnMode": "singleReturnStrongest",
+        "samplingRate": 240000,
+        "scanningMode": "repetitive",
+        "imageFormat": "visable",
+        "photoSize": ""
+      }
+    }
+}
+
+// 面状航线默认wayline.wpml数据
+export const waylineWpml = {
+    "missionConfig": {
+      "flyToWaylineMode": "pointToPoint",
+      "finishAction": "goHome",
+      "exitOnRCLost": "goContinue",
+      "executeRCLostAction": "goBack",
+      "takeOffSecurityHeight": 20,
+      "globalTransitionalSpeed": 15,
+      "globalRTHHeight": 100,
+      "droneInfo": {
+        "droneEnumValue": 100,
+        "droneSubEnumValue": 1
+      },
+      "autoRerouteInfo": {
+        "transitionalAutoRerouteMode": 1,
+        "missionAutoRerouteMode": 1
+      },
+      "waylineAvoidLimitAreaMode": 0,
+      "payloadInfo": {
+        "payloadEnumValue": 99,
+        "payloadSubEnumValue": 0,
+        "payloadPositionIndex": 0
+      }
+    },
+    "Folder": {
+      "templateId": 0,
+      "executeHeightMode": "WGS84",
+      "waylineId": 0,
+      "distance": 1259.17163085938,
+      "duration": 145.652896165848,
+      "autoFlightSpeed": 12.7,
+      "startActionGroup": {
+        "action": [
+          {
+            "actionId": 0,
+            "actionActuatorFunc": "gimbalRotate",
+            "actionActuatorFuncParam": {
+              "gimbalHeadingYawBase": "aircraft",
+              "gimbalRotateMode": "absoluteAngle",
+              "gimbalPitchRotateEnable": 1,
+              "gimbalPitchRotateAngle": -90,
+              "gimbalRollRotateEnable": 0,
+              "gimbalRollRotateAngle": 0,
+              "gimbalYawRotateEnable": 1,
+              "gimbalYawRotateAngle": 0,
+              "gimbalRotateTimeEnable": 0,
+              "gimbalRotateTime": 10,
+              "payloadPositionIndex": 0
+            }
+          },
+          {
+            "actionId": 1,
+            "actionActuatorFunc": "hover",
+            "actionActuatorFuncParam": {
+              "hoverTime": 0.5
+            }
+          },
+          {
+            "actionId": 2,
+            "actionActuatorFunc": "setFocusType",
+            "actionActuatorFuncParam": {
+              "cameraFocusType": "manual",
+              "payloadPositionIndex": 0
+            }
+          },
+          {
+            "actionId": 3,
+            "actionActuatorFunc": "focus",
+            "actionActuatorFuncParam": {
+              "focusX": 0,
+              "focusY": 0,
+              "focusRegionWidth": 0,
+              "focusRegionHeight": 0,
+              "isPointFocus": 0,
+              "isInfiniteFocus": 1,
+              "payloadPositionIndex": 0,
+              "isCalibrationFocus": 0
+            }
+          },
+          {
+            "actionId": 4,
+            "actionActuatorFunc": "hover",
+            "actionActuatorFuncParam": {
+              "hoverTime": 1
+            }
+          }
+        ]
+      },
+      "Placemark": []
+    }
+}
\ No newline at end of file
diff --git a/src/views/demo/workmanagement/workplan/waylineConfig/index.ts b/src/views/demo/workmanagement/workplan/waylineConfig/waylineParamsOptions.ts
similarity index 89%
rename from src/views/demo/workmanagement/workplan/waylineConfig/index.ts
rename to src/views/demo/workmanagement/workplan/waylineConfig/waylineParamsOptions.ts
index 42f58dc..a789251 100644
--- a/src/views/demo/workmanagement/workplan/waylineConfig/index.ts
+++ b/src/views/demo/workmanagement/workplan/waylineConfig/waylineParamsOptions.ts
@@ -97,6 +97,18 @@ export const missionConfigOptions = {
             label:"悬停",
             value:"hover"
         }
+    ],
+    globalWaypointTurnMode:[
+        {
+            label:"不过点，提前转弯",
+            value:"coordinateTurn"
+        },{
+            label:"直线飞行，到点停",
+            value:"toPointAndStopWithDiscontinuityCurvature"
+        },{
+            label:"平滑过点，提前转弯",
+            value:"toPointAndStopWithContinuityCurvature"
+        }
     ]
 }
 
diff --git a/src/views/demo/workmanagement/workplan/waylineConfig/waypointConfig.ts b/src/views/demo/workmanagement/workplan/waylineConfig/waypointConfig.ts
new file mode 100644
index 0000000..53c6c34
--- /dev/null
+++ b/src/views/demo/workmanagement/workplan/waylineConfig/waypointConfig.ts
@@ -0,0 +1,92 @@
+
+// 航点航线默认template.kml数据
+export const templateKml  = {
+    "author": 17861857725,
+    "createTime": 1753927747220,
+    "updateTime": 1753928575789,
+    "missionConfig": {
+      "flyToWaylineMode": "safely",
+      "finishAction": "goHome",
+      "exitOnRCLost": "goContinue",
+      "executeRCLostAction": "goBack",
+      "takeOffSecurityHeight": 20,
+      "takeOffRefPoint": "35.134614,118.296656,77.867669",
+      "takeOffRefPointAGLHeight": 0,
+      "globalTransitionalSpeed": 15,
+      "globalRTHHeight": 100,
+      "droneInfo": {
+        "droneEnumValue": 100,
+        "droneSubEnumValue": 1
+      },
+      "waylineAvoidLimitAreaMode": 0,
+      "payloadInfo": {
+        "payloadEnumValue": 99,
+        "payloadSubEnumValue": 2,
+        "payloadPositionIndex": 0
+      }
+    },
+    "Folder": {
+      "templateType": "waypoint",
+      "templateId": 0,
+      "waylineCoordinateSysParam": {
+        "coordinateMode": "WGS84",
+        "heightMode": "EGM96"
+      },
+      "autoFlightSpeed": 10,
+      "globalHeight": 124,
+      "caliFlightEnable": 0,
+      "gimbalPitchMode": "manual",
+      "globalWaypointHeadingParam": {
+        "waypointHeadingMode": "followWayline",
+        "waypointHeadingAngle": 0,
+        "waypointPoiPoint": "0.000000,0.000000,0.000000",
+        "waypointHeadingPathMode": "followBadArc",
+        "waypointHeadingPoiIndex": 0
+      },
+      "globalWaypointTurnMode": "toPointAndStopWithDiscontinuityCurvature",
+      "globalUseStraightLine": 1,
+      "Placemark": [],
+      "payloadParam": {
+        "payloadPositionIndex": 0,
+        "focusMode": "firstPoint",
+        "meteringMode": "average",
+        "returnMode": "singleReturnStrongest",
+        "samplingRate": 240000,
+        "scanningMode": "repetitive",
+        "imageFormat": "visable,ir",
+        "photoSize": ""
+      }
+    }
+}
+
+// 航点航线默认wayline.wpml数据
+export const waylineWpml = {
+    "missionConfig": {
+      "flyToWaylineMode": "safely",
+      "finishAction": "goHome",
+      "exitOnRCLost": "goContinue",
+      "executeRCLostAction": "goBack",
+      "takeOffSecurityHeight": 20,
+      "globalTransitionalSpeed": 15,
+      "globalRTHHeight": 100,
+      "droneInfo": {
+        "droneEnumValue": 100,
+        "droneSubEnumValue": 1
+      },
+      "waylineAvoidLimitAreaMode": 0,
+      "payloadInfo": {
+        "payloadEnumValue": 99,
+        "payloadSubEnumValue": 2,
+        "payloadPositionIndex": 0
+      }
+    },
+    "Folder": {
+      "templateId": 0,
+      "executeHeightMode": "WGS84",
+      "waylineId": 0,
+      "distance": 4453.73876953125,
+      "duration": 636.023902893066,
+      "autoFlightSpeed": 10,
+      "Placemark": []
+    }
+}
\ No newline at end of file

From 3d87834969be437222eb2e626223339bdb56f006 Mon Sep 17 00:00:00 2001
From: zhufu <17863654727@163.com>
Date: Sat, 9 Aug 2025 15:36:36 +0800
Subject: [PATCH 3/3] =?UTF-8?q?AI=E7=AE=97=E6=B3=95=E7=94=BB=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/ailist/add_algorithm_close_button.png  | Bin 0 -> 307 bytes
 public/ailist/algorithm_add_row_icon.png      | Bin 0 -> 186 bytes
 public/ailist/algorithm_upload_icon.png       | Bin 0 -> 859 bytes
 public/ailist/del_table_row.png               | Bin 0 -> 347 bytes
 public/ailist/empty_icon_image.png            | Bin 0 -> 410 bytes
 public/ailist/empty_image.png                 | Bin 0 -> 13517 bytes
 public/ailist/search_input_icon.png           | Bin 0 -> 802 bytes
 public/ailist/search_span_icon.png            | Bin 0 -> 968 bytes
 .../ailist/AddAlgorithmModal.vue              | 486 ++++++++++++++++++
 .../ailist/SelectImageModal.vue               | 166 ++++++
 .../demo/resourcemanagement/ailist/index.vue  | 483 +++++++++++++----
 .../demo/resourcemanagement/ailist/modal.vue  | 184 -------
 12 files changed, 1027 insertions(+), 292 deletions(-)
 create mode 100644 public/ailist/add_algorithm_close_button.png
 create mode 100644 public/ailist/algorithm_add_row_icon.png
 create mode 100644 public/ailist/algorithm_upload_icon.png
 create mode 100644 public/ailist/del_table_row.png
 create mode 100644 public/ailist/empty_icon_image.png
 create mode 100644 public/ailist/empty_image.png
 create mode 100644 public/ailist/search_input_icon.png
 create mode 100644 public/ailist/search_span_icon.png
 create mode 100644 src/views/demo/resourcemanagement/ailist/AddAlgorithmModal.vue
 create mode 100644 src/views/demo/resourcemanagement/ailist/SelectImageModal.vue
 delete mode 100644 src/views/demo/resourcemanagement/ailist/modal.vue

diff --git a/public/ailist/add_algorithm_close_button.png b/public/ailist/add_algorithm_close_button.png
new file mode 100644
index 0000000000000000000000000000000000000000..a9fdf80dbae93766bd9d743a4309fae13e648d7a
GIT binary patch
literal 307
zcmV-30nGl1P)<h;3K|Lk000e1NJLTq000sI000sQ1^@s6R?d!B00001b5ch_0Itp)
z=>Px#?MXyIR5(wS)G-diFbsv^zihzFz<HQpfC&x>6G-jG6}SdBfU)qZx^mMbZIKvA
z;xCRJQUEXD4V-~5^FB-925bwU1P;LSj~-`WLLR^ls06Ltz*Nj5O^hIY2NRjhqH7IO
zWu{=sH69wnvKxhvFxBkd7E$LvwT%qNKEA;rq~DgA57d~tW3XM5+At3pVsko*VHyh&
zTi0L;UL@||R7l}<3i60DNgb`rAqIs=s@T21QwYTn3&_p&YLs1==%%u5HnNPSAhB+C
zofNc=T)?sCWU#TI3fO1vN$Q32SSiRJw#$sS$RG0xY<|znS~@#~V;%qi002ovPDHLk
FV1gN;ekA|^

literal 0
HcmV?d00001

diff --git a/public/ailist/algorithm_add_row_icon.png b/public/ailist/algorithm_add_row_icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..fc0d497c4caa3b778044f149fd18944e62a41b35
GIT binary patch
literal 186
zcmeAS@N?(olHy`uVBq!ia0vp^93afW1|*O0@9PFqjKx9jP7LeL$-D$|N<3X0Lo|Yu
zQyiFVB$x9W7#VD+otK!!DxBsrDgDV=i?6dA8z=t!eEYW!&+5bfnw~gtJ?N@1_WPff
zkkFv{gFWoP?8;vThwIs-Q&vC7acfg<5nT{f_>7<VaQ(9L#@mdH4NU$Vf5g_r<tLkx
ikiar4A&a}1ogqC-M|9EFITAqo89ZJ6T-G@yGywp2%0X%X

literal 0
HcmV?d00001

diff --git a/public/ailist/algorithm_upload_icon.png b/public/ailist/algorithm_upload_icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..a8dba1a861d28acf1b690d721d73ae8572a33b94
GIT binary patch
literal 859
zcmV-h1El<kP)<h;3K|Lk000e1NJLTq000^Q000~a1^@s6e-p3M00001b5ch_0Itp)
z=>Px&6-h)vR7gv;md|SwK@`W|+ciOLON3e~Y=oBPriJco@zP6cRYVbb)q}tACU^)v
z=}AOHghEBHdg~t`MO#I&Xa#@FWDmWxU<<LyC1QjilC--|X5HOx)=hV#buNMA?fcC4
z&3C^U1ONs8?;_bAgP@_Ip#fD@9|FMPHa4IFKqmmqa?Z~IfEBgxCJ<w69ubcLKm`Eo
zghIOjV6UttqQ^prE3qKMFiHTRa?TI9YGYZ9v1vrS3IJaLU_Sud<(yv+KiH(mFpRP+
z;GAo*1h>EgS(bHCQIy+=s1Z?K2r(V(;eq5QxQhN3G`6|9`7NDJzXpH|09+74%y=*f
zkca84e+8MQ`9|0E5k*nvWMA91Cklnayyv>4AV;;k9Lvh(jgE+_h}dvV(SeB4i5r$>
zjhd$Uemh0M#x0Lb*Y#V9qFf3W5K$*0cG$LkzECL4I3U9?764!*RJ_PJA5ChC2&Fd>
z@rGqt6Q*g-dZ5jyhMe<Mn;?I*jIs7WjIl?Ecp?dqh@J}}F1u$ZLDz$db{U4Tp=lbV
z(`lz)qtSp;sU&Tl+Hp{Se?Lr3O*x=^J`ZbaYYr$TA$<3R73;b_sVK@FA{rM$EXXr*
z6tw{TmKeYO0QU6s?AA1G*fh<zG6sE6i_xXs(H)Pl?+fod!j6mB*A}RS>)HW1?`kXY
zzM@v3_^EAG<Z`(^s;biR^77B{b2|p=>+9?2?(Tji0o7`CY;|?@M-b+LWa2g@0};Iw
zLL^FtY&P4~+uQpj&||SushlYmi!~4CfIJHuhVe!Iz&Sq{k{*?N&Uxf=xqX>TW)=XB
z5Rvn*jEM3c@}X9%onBd4`R;s|0JL4W5@T!*5s%uo{S*<09Y+v-QWWJB5xo>bob*6`
zo<%5%O>kY;@5#$axm>=M&1OH#rt9nL1DdAY2Y{LoVloaC3kknJp^Y|KT{a6UD!P{w
zd1pup^536`iTJQ45M%5aB96Ct-Ky8?^|MP$OCJ-11_uWRQmNDfL_E}nA|E8<O3DjF
lQ?#N4mW~RFma!9zq+dNIl!W(l!u|jN002ovPDHLkV1oO?gRKAn

literal 0
HcmV?d00001

diff --git a/public/ailist/del_table_row.png b/public/ailist/del_table_row.png
new file mode 100644
index 0000000000000000000000000000000000000000..c47656a076b719a97966308d4a958a42ef56fec6
GIT binary patch
literal 347
zcmV-h0i^zkP)<h;3K|Lk000e1NJLTq000gE000gM1^@s6A4o0H00001b5ch_0Itp)
z=>Px$6-h)vR5(w~k+DhxK@>&ronT`oA}E$A{R4OHB#3Pq>vXa^AmkT<zp&MAu(G#F
zt%!x-CVyb3y{PQ2jWADk;)b{+F{M+@yt(JS%ew?X)Q&cjbHMJFWf8s=i5Jy1CG-o_
zXK9BGbt$x0rI=vPiZw-Ycry>P89tsUs=k12Cls^+X$bi-1+nD@1JBd9yjZajb?;%1
zn;SmJkqG+~+pODimMI0PB8YV5^DCWMZJCM9;sdn^s%rC^g`f`8P(f}>z=Fql;wR<(
zPq1aiBM63W5)ovv*ZrrUHsfpgu}UJyWAAi5tHIq)_H_U5#QR6v*|77v7Pu^urCSx)
ti&Z%iYEWf8%Tb$junMaF^4NFHzX8O&rQQH`qc;Em002ovPDHLkV1mYRnezYu

literal 0
HcmV?d00001

diff --git a/public/ailist/empty_icon_image.png b/public/ailist/empty_icon_image.png
new file mode 100644
index 0000000000000000000000000000000000000000..faad2d92edc3741dbd0173de7d1b9b8714ba081f
GIT binary patch
literal 410
zcmV;L0cHM)P)<h;3K|Lk000e1NJLTq000mG000gM1^@s6CNG?d00001b5ch_0Itp)
z=>Px$R7pfZR5(w)lD$d;K@^40ncX$ntrI0x0-D!|7CwMjSXhgx#KuCb#XhKn6<aMO
z4<I6W0vi$h0ktrgO`Q;vovX8JB3X!T<uo&M=H8Ec?;Lu5@CKlO$t40j0kRj%JRmS{
z4vDxHJwFgFTozluj2|@>1r-8^MiXF5h$fWiQ4EKws3?~aAhe|1-<W+&(BYm0=SJ&o
z=GU|JR!JPoHuwIFZe>1H!3z2CJHYSMOhPF1Ey@ic&UZ^kp`~l70ljK&J6T=kw7rlT
zpa*hnIcNwFwLswPtL?MYfF7QAvMens=%@u9hIeKj=>g7Q-yPb!5XKb<u0mVi{v+Uz
zA!-4dgmix<O{3idQj9dgE6Fk-Y7`@&N1#Ht-d+RM+~hZD1sW%EHO`j{2%3NzJ23|9
z_oTNcIIbUDM^3Efmy$jhTYB1q(LKMjV)kw|*O(Uf36DO}<l)#qp#T5?07*qoM6N<$
Eg3S}BCjbBd

literal 0
HcmV?d00001

diff --git a/public/ailist/empty_image.png b/public/ailist/empty_image.png
new file mode 100644
index 0000000000000000000000000000000000000000..d309fb67fa9bda4b1d2b9e698ce0f1c29e848e2b
GIT binary patch
literal 13517
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
Hu0mjf?#%@d

literal 0
HcmV?d00001

diff --git a/public/ailist/search_input_icon.png b/public/ailist/search_input_icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..0c9b0de3343b11077297bae48922f119cbd3ba90
GIT binary patch
literal 802
zcmV+-1Ks?IP)<h;3K|Lk000e1NJLTq000sI000sQ1^@s6R?d!B00001b5ch_0Itp)
z=>Px%+(|@1R5(wSlubxfQ547j|NEZfIHO=w5(VKR3X?vl41zL!;RoVOmSs>1ErM)g
zv}jk<5D|SCR8%1JML~<vK~0+y99}|hqN1`*iy+F1!iXp<o%imEXBfkTS$B8tJ@<G1
z=iGBHk+E#sHa~uom4ws)vI5|20%IB&CS+hd<tDamtR4m+=~tO%u(Kz*N>dJlv;g=r
zgOC&v`3%9;F;|Xlud8@J=`#U}#bSmTC};w8s{k_rd;rl-P1_L}CMBDSMG%P)toRi~
z9=VX6TWc$aJjMhlp6K5K!9@sigt)Ht_d^Zg@LNwox~iyco5f$8)rL}M04xLXSSht-
zQ;qeKU3~-d94D28pb&~@^9(0iU0pqznbxE&BJ8?zr%;RUh6qXsx$KV4*~9p)<RJhD
zNZ#}1Wz~mEOFvBoncVkEVFYKc0oVbEUuc$jpg{o3A<{DPCjVM<b4hAC&_rErJ6C<v
zmk88@Jj{+;$qxiv(aPE!E`Od`m#Lt!Sj=YxLM<SV0_^la;{@LMv|1U7SR?<U#`9@w
zYs)H_w_uwVxd330@kDaOYd9yR${IG5zxW?TW-zo{z!M;P81L<W2*rg;uq!{H+AYg+
z{zcWbzP@14G0y>LBGAf?-sDL|>=od)>0~$7)vf(99Vi-&s->&fEfH6G;WaQ>$&Mbo
zh;)-6^FcWn$}!Gcmi6Oruvj8dV2JMuz$ys3+)&OAdi2F5rOgCR0dPSacLVD5R?GUD
z3G<q<{pQ{IhM~`Zr~>ecn)UUO^-m^e&1VE=?F00F0sJJN3G`JH=r_eb{Ap~|pPj`;
zhB6}{8v!Z!HT@jX;_hw;S9JcKey>|qZYToHBY-R-sisJ8jKqLwNkOS95&5pjmh^9A
z;@+k1?z|bkV6C_agIob%Hh^(JUXvUU==jk6!3V{~Wqu=9ABC1?P(A$vG~J7(pPx-6
gvghioMy<8|6E58;kQblzLI3~&07*qoM6N<$f~}u!E&u=k

literal 0
HcmV?d00001

diff --git a/public/ailist/search_span_icon.png b/public/ailist/search_span_icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..b2ad1cbe8e2920a10efdfb6fe68f9d51ae76d0b8
GIT binary patch
literal 968
zcmV;(12_DMP)<h;3K|Lk000e1NJLTq000yK000sQ1^@s6ThRUx00001b5ch_0Itp)
z=>Px&f=NU{R5(w4lwW8ZRTRd*@9rd<ov9V7HI2}g2o(hNMFsokA=zDGObLpqX%)?G
ztX4#d^hMN$G#a5$eGp%y#KLTwwrDEYR7$NgSw-zjLCA~ZA1sxkNlSvH&SsO{nNKHw
zN+N0R<Gts6obx;9yTt#FogZlfq5*<Q0E0oI@(zx)PR@lreQu3y*St-lQ$hvAD<wB`
zW~l_1>Gky)=hC(-A}a)b1CSPQS(e#m%DO|Ah6!u{^tHf70(KBgG+?MRT+~@6nCkv=
zy^-~Y!2Xh(?zQuNJD^sOM=1CJD6y+lNDte2zmLFys4}yD`gq%w6$PCay?RtRCh1_Q
zkbNr-a`MG>Q1}DLl%ST9o4pv{+d2PT68nL2L*Q;7TTyUc!2esqH>E=62{aWgXJh0G
z*g~1dgQLyfVxp7#svF?*K_Q#IDZ{#Fy?YY1JR@KufKf_~AR87EA^~MU6A<DSe}qX~
zjH<Ke%f}wOw5-Cqe6h(W>?gT3<`h51$pq@+L`mO)B!!fywG=l9*hIpLLnVD53BBc`
z*&^+{{}P46Af^Dh0L}?KMZp$PC9H>lYMX#Z37ihxOdJF3J)5k%Ub8s?^CW;ggw-Nm
zrjz%_AzZ_(GQr90_&jj$Fv&d<J`(Yh0X|%8DO8v(7h2+p-#E@QUOj5*gSd-!Zsb=|
ztD-78rUx?@7A81EVuyrb5R;56SOf{|GvHN7j|7FxzW6%T?Qb!{XA=KmDtCUXVd4u2
zw+r|jVa=<sDwhFO2&N!@AZYIbuhDQ;PbF&63-Gy!R-;ik0I4NL7Af35H-Nd4lje0O
z5@^N&9a5xr8V(4U5xLVy_XWYk2@G}4rn<b%#_)om{m`6au7l=K;5Lsfx8D37dJrB6
z3h8yJ{KyUid<x)L;AXm(a<g;ZpCo??+)UHWy*%%L63OAfP4AlHnIHL>(C$cjZMu-X
zF&roF9~aP3a=*2KzG!8q>?z*q%tqIiS`ROrzRiwSd4wJYxO;JJ?3~|Eq6aVyajPo}
zcAs7AD0vma`@!m&9(yX;L!!MZbXe3WfDish<-K5h=73Y5>;v$Is+GG-gROtv%FCky
zHxZf!um++RSamyrDL7T@6OdUzlM+)Teh=Kt{kLS8?DFnS7#@U_6wQfgxA|oJYt1K#
qsocn}_=AO@FyxyvgXy1_3jPbV$Cn=;8M5sF0000<MNUMnLSTZ#Zo)1A

literal 0
HcmV?d00001

diff --git a/src/views/demo/resourcemanagement/ailist/AddAlgorithmModal.vue b/src/views/demo/resourcemanagement/ailist/AddAlgorithmModal.vue
new file mode 100644
index 0000000..ae13fde
--- /dev/null
+++ b/src/views/demo/resourcemanagement/ailist/AddAlgorithmModal.vue
@@ -0,0 +1,486 @@
+<template>
+  <div class="title-div">
+    <div class="title-span-div">
+      <div class="title-icon"></div>
+      <div class="title-span">创建算法</div>
+    </div>
+    <div class="close-button" @click="emits('changeAddModal',false)"></div>
+  </div>
+  <div class="interval"></div>
+  <div class="modal-content">
+    <div class="left-content">
+      <div class="item-title">模型名称</div>
+      <a-input class="name-input" v-model:value="modelName" placeholder="请输入相关名称" />
+      <div class="item-title">模型描述</div>
+      <a-textarea class="item-desc" v-model:value="modelDescription" placeholder="请输入相关描述" :rows="4" />
+      <div class="item-title">模型封面</div>
+      <div class="item-image">
+        <div class="empty-image" @click="changeSelectImageModal(true)">
+          <div class="empty-image-content">
+            <div class="empty-image-icon"></div>
+            <div class="empty-image-span">请选择文件上传</div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="right-content">
+      <div class="item-title">模型类型</div>
+      <a-segmented class="item-type" v-model:value="modelType" :options="modelTypeOptions"></a-segmented>
+      <template v-if="modelType == '0'">
+        <div class="item-title">模型规模</div>
+        <a-segmented class="item-type" v-model:value="modelScale" :options="modelScaleOptions"></a-segmented>
+        <div class="item-title">模型文件</div>
+        <a-upload
+          v-model:file-list="modelFile"
+          accept=".zip"
+          :maxCount="1"
+          :custom-request="customRequest"
+        >
+          <a-button class="select-model-file-button" type="primary" :icon="h(PlusOutlined)">选择模型文件</a-button>
+          <!-- <template #itemRender="{ file, actions }">
+            <a-space>
+              <span>{{ file.name }}</span>
+            </a-space>
+          </template> -->
+        </a-upload>
+        <div class="upload-hint">（*请上传模型压缩文件，支持pt格式）</div>
+        <div class="item-title">模型标签</div>
+        <div class="item-label-div">
+          <div class="label-title-div">
+            <div class="label-title-span">请根据模型实际情况填写信息</div>
+            <div class="add-button" @click="addLabelRow">
+              <div class="button-icon"></div>
+              <div class="button-span">添加行</div>
+            </div>
+          </div>
+          <div class="label-interval"></div>
+          <div class="label-table-title">
+            <div class="table-title-item" style="padding-left: 6px;">枚举值</div>
+            <div class="table-title-item">名称</div>
+            <div class="table-title-item">推荐置信度</div>
+            <div class="table-title-item" style="width: 55px;justify-content: center;">操作</div>
+          </div>
+          <div class="label-table-content">
+            <div class="table-row" v-for="(item,index) in modelLabelList" :key="index">
+              <div class="table-item">
+                <a-input class="table-item-input" v-model:value="item.test"/>
+              </div>
+              <div class="table-item">
+                <a-input class="table-item-input" />
+              </div>
+              <div class="table-item">
+                <a-input class="table-item-input" />
+              </div>
+              <div class="table-item" style="width: 55px; justify-content: center">
+                <div class="del-table-row" @click="delLabelRow(index)"></div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </template>
+      <template v-else>
+        <div class="item-title">推流地址</div>
+        <a-input class="name-input" v-model:value="modelPushAddress" placeholder="请输入地址" />
+        <div class="item-title">拉流地址</div>
+        <a-input class="name-input" v-model:value="modelPullAddress" placeholder="请输入地址" />
+        <div class="item-title">服务地址</div>
+        <a-input class="name-input" v-model:value="modelServeAddress" placeholder="请输入地址" />
+        <div class="item-title">密钥</div>
+        <a-textarea class="item-key" v-model:value="modelKey" placeholder="请输入密钥" :rows="4" />
+      </template>
+    </div>
+  </div>
+  <div class="interval"></div>
+  <div class="footer">
+    <a-button class="cancel-button" @click="emits('changeAddModal',false)">取消</a-button>
+    <a-button class="save-button" type="primary">确定</a-button>
+  </div>
+  <a-modal v-model:open="selectImageModal" title="选择封面" width="1000px" :footer="null" :destroyOnClose="true">
+    <SelectImageModal @changeSelectImageModal="changeSelectImageModal"/>
+  </a-modal>
+</template>
+
+<script setup lang="ts">
+import { ref, h, defineEmits, defineProps } from "vue"
+import { uploadFile } from '@/api/formrender/index';
+import { PlusOutlined, } from '@ant-design/icons-vue';
+import SelectImageModal from "./SelectImageModal.vue";
+const props = defineProps([''])
+const emits = defineEmits(['changeAddModal'])
+const modelName = ref('')
+const modelDescription = ref('')
+const modelType = ref('0')
+const modelScale = ref('N')
+const modelPullAddress = ref('')
+const modelPushAddress = ref('')
+const modelServeAddress = ref('')
+const modelKey = ref('')
+const modelFile = ref([])
+const modelFilePath = ref()
+const modelLabelList = ref([])
+const selectImageModal = ref(false)
+const modelTypeOptions = ref([
+  { label: '本地模型', value: '0' },
+  { label: '远程模型', value: '1' }
+])
+const modelScaleOptions = ref([
+  { label: 'N', value: 'N' },
+  { label: 'S', value: 'S' },
+  { label: 'M', value: 'M' },
+  { label: 'L', value: 'L' },
+  { label: 'XI', value: 'XI' },
+])
+const customRequest = (file) => {
+  const formData = new FormData()
+  formData.append('files', file.file)
+  uploadFile(formData).then(res => {
+    modelFilePath.value = res[0].filePath
+    // emits('update:shppath',res[0].filePath)
+  })
+}
+const addLabelRow = () => { 
+  // TODO
+  modelLabelList.value.push({
+    test:''
+  })
+}
+const delLabelRow = (index) => {
+  modelLabelList.value.splice(index,1)
+}
+const changeSelectImageModal = (type: boolean) => {
+  selectImageModal.value = type
+}
+</script>
+
+<style lang="scss" scoped>
+.title-div{
+  width: 100%;
+  height: 64px;
+  padding-top: 15px;
+  padding-left: 26px;
+  padding-right: 35px;
+  padding-bottom: 14px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  .title-span-div{
+    display: flex;
+    align-items: center;
+    .title-icon{
+      width: 3px;
+      height: 18px;
+      background: #0B60BD;
+      box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+      margin-right: 9px;
+    }
+    .title-span{
+      font-family: PingFangSC-Medium;
+      font-weight: 500;
+      font-size: 20px;
+      color: #11131B;
+      line-height: 33px;
+      text-shadow: 0px 10px 30px rgba(0,0,6,0.15);
+    }
+  }
+  .close-button{
+    width: 18px;
+    height: 18px;
+    background-image: url('/public/ailist/add_algorithm_close_button.png');
+    cursor: pointer;
+  }
+}
+.interval{
+  width: 631px;
+  height: 1px;
+  box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+  border: 1px solid #DBDBDB;
+  opacity: 0.66;
+}
+.modal-content{
+  display: flex;
+  padding-top: 14px;
+  padding-left: 27px;
+  padding-right: 35px;
+  padding-bottom: 28px;
+  .item-title{
+    font-family: PingFangSC-Medium;
+    font-weight: 500;
+    font-size: 16px;
+    color: #222738;
+    line-height: 33px;
+    text-shadow: 0px 10px 30px rgba(0,0,6,0.15);
+    margin-bottom: 9px;
+  }
+  .name-input{
+    height: 40px;
+    // box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+    border-radius: 2px;
+    border: 1px solid #CCCCCC;
+    margin-bottom: 6px;
+  }
+  .left-content{
+    width: 253px;
+    margin-right: 46px;
+    .item-desc{
+      height: 151px;
+      // box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+      border-radius: 2px;
+      border: 1px solid #CCCCCC;
+      margin-bottom: 6px;
+    }
+    .item-image{
+      position: relative;
+      width: 100%;
+      height: 155px;
+      background: #F5F5F5;
+      // box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+      border: 2px dashed rgba(28,29,34,0.08);
+      .empty-image{
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        width: 209px;
+        height: 119px;
+        background: #FFFFFF;
+        box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15), 0px 8px 6px 0px rgba(28,29,34,0.06);
+        border-radius: 2px;
+        border: 1px solid #CCCCCC;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
+        .empty-image-content{
+          width: 98px;
+          height: 63px;
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          .empty-image-icon{
+            width: 26px;
+            height: 28px;
+            background-image: url('/public/ailist/algorithm_upload_icon.png');
+            margin-bottom: 1px;
+          }
+          .empty-image-span{
+            font-family: PingFangSC-Regular;
+            font-weight: 400;
+            font-size: 14px;
+            color: #222738;
+            line-height: 33px;
+            text-shadow: 0px 10px 30px rgba(0,0,6,0.15);
+          }
+        }
+      }
+    }
+  }
+  .right-content{
+    width: 269px;
+    .item-type{
+      width: 262px;
+      height: 40px;
+      background: rgba(28,29,34,0.04);
+      border-radius: 20px;
+      margin-bottom: 6px;
+      // box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+      :deep(.ant-segmented-group){
+        height: 36px;
+      }
+      :deep(.ant-segmented-item){
+        width: 50%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border-radius: 18px;
+        font-family: PingFangSC-Regular;
+        font-weight: 400;
+        font-size: 14px;
+        color: rgba(28,29,34,0.5);
+        line-height: 20px;
+        text-shadow: 0px 10px 30px rgba(0,0,6,0.15);
+      }
+      :deep(.ant-segmented-item-selected){
+        font-weight: 500;
+        color: #1C1D22;
+      }
+    }
+    .select-model-file-button{
+      width: 151px;
+      height: 40px;
+      background: #0D68CB;
+      box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+      border-radius: 2px;
+      font-family: PingFangSC-Regular;
+      font-weight: 400;
+      font-size: 16px;
+      color: #FFFFFF;
+      line-height: 33px;
+      text-shadow: 0px 10px 30px rgba(0,0,6,0.15);
+    }
+    .upload-hint{
+      font-family: PingFangSC-Regular;
+      font-weight: 400;
+      font-size: 12px;
+      color: #333333;
+      line-height: 28px;
+      text-shadow: 0px 10px 30px rgba(0,0,6,0.15);
+    }
+    .item-label-div{
+      width: 100%;
+      height: 155px;
+      background: #F5F5F5;
+      // box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+      border-radius: 2px;
+      padding-top: 3px;
+      padding-left: 8px;
+      padding-right: 10px;
+      .label-title-div{
+        width: 100%;
+        height: 34px;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-bottom: 4px;
+        .label-title-span{
+          font-family: PingFangSC-Regular;
+          font-weight: 400;
+          font-size: 12px;
+          color: #222738;
+          line-height: 33px;
+          text-shadow: 0px 10px 30px rgba(0,0,6,0.15);
+        }
+        .add-button{
+          width: 66px;
+          height: 26px;
+          background: #FFFFFF;
+          // box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15), 0px 8px 6px 0px rgba(28,29,34,0.06);
+          border: 1px solid rgba(28,29,34,0.06);
+          border-radius: 13px;
+          display: flex;
+          align-items: center;
+          padding-left: 8px;
+          cursor: pointer;
+          user-select: none;
+          .button-icon{
+            width: 8px;
+            height: 8px;
+            background-image: url('/public/ailist/algorithm_add_row_icon.png');
+            margin-right: 4px;
+          }
+          .button-span{
+            font-family: PingFangSC-Regular;
+            font-weight: 400;
+            font-size: 12px;
+            color: #0D68CB;
+            line-height: 33px;
+            text-shadow: 0px 10px 30px rgba(0,0,6,0.15);
+          }
+        }
+      }
+      .label-interval{
+        height: 1px;
+        box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+        background:#DBDBDB;
+        opacity: 0.66;
+        margin-left: -8px;
+        margin-right: -10px;
+      }
+      .label-table-title{
+        height: 30px;
+        display: flex;
+        margin-bottom: 4px;
+        .table-title-item{
+          display: flex;
+          width: 66px;
+          font-family: PingFangSC-Regular;
+          font-weight: 400;
+          font-size: 12px;
+          color: #222738;
+          line-height: 33px;
+          text-shadow: 0px 10px 30px rgba(0,0,6,0.15);
+        }
+      }
+      .label-table-content{
+        height: 75px;
+        overflow: auto;
+        scrollbar-width: none; 
+        ::-webkit-scrollbar {
+          width: 0;
+          height: 0;
+        }
+
+        .table-row{
+          width: 100%;
+          height: 26px;
+          display: flex;
+          margin-bottom: 1px;
+          .table-item{
+            width: 65px;
+            height: 26px;
+            background: #FFFFFF;
+            // box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15), 0px 8px 6px 0px rgba(28,29,34,0.06);
+            border-radius: 2px 0px 0px 2px;
+            margin-right: 1px;
+            display: flex;
+            align-items: center;
+            // padding-left: 9px;
+            .table-item-input{
+              height: 26px;
+              border: 0px;
+            }
+            .table-item-input:focus{
+              box-shadow: none
+            }
+            .del-table-row{
+              width: 14px;
+              height: 14px;
+              background-image: url('/public/ailist/del_table_row.png');
+              cursor: pointer;
+            }
+          }
+        }
+      }
+    }
+    .item-key{
+      height: 88px;
+      // box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+      border-radius: 2px;
+      border: 1px solid #CCCCCC;
+    }
+  }
+}
+.footer{
+  height: 85px;
+  padding-right: 34px;
+  display: flex;
+  align-items: center;
+  justify-content: end;
+  .cancel-button{
+    width: 101px;
+    height: 40px;
+    box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+    border-radius: 4px;
+    border: 1px solid #979797;
+    font-family: PingFangSC-Medium;
+    font-weight: 500;
+    font-size: 16px;
+    color: #222738;
+    line-height: 33px;
+    text-shadow: 0px 10px 30px rgba(0,0,6,0.15);
+    margin-right: 14px;
+  }
+  .save-button{
+    width: 146px;
+    height: 40px;
+    background: #0D68CB;
+    box-shadow: 0px 10px 30px 0px rgba(0,0,6,0.15);
+    border-radius: 4px;
+    font-family: PingFangSC-Medium;
+    font-weight: 500;
+    font-size: 16px;
+    color: #FFFFFF;
+    line-height: 33px;
+    text-shadow: 0px 10px 30px rgba(0,0,6,0.15);
+  }
+}
+</style>
diff --git a/src/views/demo/resourcemanagement/ailist/SelectImageModal.vue b/src/views/demo/resourcemanagement/ailist/SelectImageModal.vue
new file mode 100644
index 0000000..c355dc0
--- /dev/null
+++ b/src/views/demo/resourcemanagement/ailist/SelectImageModal.vue
@@ -0,0 +1,166 @@
+<template>
+  <div class="cropper-tool">
+    <div class="container">
+      <div class="left">
+        <div style="padding-left: 20px;">
+          <a-upload :fileList="[]" accept="image/*" :beforeUpload="onFileChange">
+              <a-button size="small" type="primary">选择图片</a-button>
+          </a-upload>
+        </div>
+        <div style="margin-top:8px">
+          <img style="width: 640px;height: 266px;" ref="sourceImg" crossorigin="anonymous" />
+        </div>
+        <div class="controls">
+          <button @click="zoomIn">放大</button>
+          <button @click="zoomOut">缩小</button>
+          <button @click="rotateLeft">左旋</button>
+          <button @click="rotateRight">右旋</button>
+          <button @click="flipHorizontal">水平翻转</button>
+          <button @click="flipVertical">垂直翻转</button>
+          <button @click="reset">重置</button>
+        </div>
+      </div>
+      <div class="right">
+        <div style="margin-bottom:10px">裁切预览（固定 300×200）</div>
+        <div class="preview" ref="previewBox" style="width:300px;height:200px;">
+          <span v-if="!croppedUrl">（无）</span>
+          <img v-if="croppedUrl" :src="croppedUrl" alt="预览" />
+        </div>
+        <div style="margin-top:8px; display:flex; gap:8px;">
+          <a v-if="croppedUrl" :href="croppedUrl" download="cropped.png">下载裁切图</a>
+          <button @click="clear">清空</button>
+        </div>
+      </div>
+    </div>
+    <div class="footer">
+       <a-button style="margin-right: 15px;" @click="emits('changeSelectImageModal',false)">取消</a-button>
+       <a-button type="primary" @click="submitImage">确定</a-button>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, defineEmits } from 'vue';
+import Cropper from 'cropperjs';
+import 'cropperjs/dist/cropper.css';
+import { dataURLtoBlob } from '@/utils/file/base64Conver';
+import { uploadFile } from '@/api/formrender/index';
+const emits = defineEmits(['changeSelectImageModal'])
+const sourceImg = ref(null);
+const cropper = ref(null);
+const flipH = ref(1);
+const flipV = ref(1);
+const zoomValue = ref(1);
+const croppedUrl = ref('');
+
+const onFileChange = (e) => {
+  console.log(e)
+  const file = e
+  if (!file) return;
+  const url = URL.createObjectURL(file);
+  sourceImg.value.src = url;
+  sourceImg.value.onload = () => {
+    if (cropper.value) {
+      cropper.value.destroy();
+    }
+    cropper.value = new Cropper(sourceImg.value, {
+      viewMode: 1,
+      aspectRatio: 3 / 2, // 固定比例 300:200
+      autoCropArea: 1,
+      movable: true,
+      zoomable: true,
+      rotatable: true,
+      scalable: true,
+      responsive: true,
+      background: true,
+      cropBoxResizable: false,
+      cropBoxMovable: false,
+      dragMode: 'move',
+      ready() {
+        zoomValue.value = 1;
+        flipH.value = 1;
+        flipV.value = 1;
+        croppedUrl.value = '';
+        getCropped()
+      },
+      crop() {
+        getCropped()
+      }
+    });
+  };
+};
+
+const zoomIn = () => cropper.value?.zoom(0.1);
+const zoomOut = () => cropper.value?.zoom(-0.1);
+const rotateLeft = () => cropper.value?.rotate(-90);
+const rotateRight = () => cropper.value?.rotate(90);
+const flipHorizontal = () => {
+  flipH.value = -flipH.value;
+  cropper.value?.scaleX(flipH.value);
+};
+const flipVertical = () => {
+  flipV.value = -flipV.value;
+  cropper.value?.scaleY(flipV.value);
+};
+const reset = () => {
+  cropper.value?.reset();
+  zoomValue.value = 1;
+  flipH.value = 1;
+  flipV.value = 1;
+};
+
+const getCropped = () => {
+  const canvas = cropper.value.getCroppedCanvas({ width: 300, height: 200 });
+  if (!canvas) return;
+  croppedUrl.value = canvas.toDataURL('image/png');
+  console.log('croppedUrl.value',croppedUrl.value)
+};
+
+const clear = () => {
+  if (cropper.value) {
+    cropper.value.destroy();
+    cropper.value = null;
+  }
+  sourceImg.value.src = '';
+  croppedUrl.value = '';
+};
+const submitImage = (format='image/jpeg', quality = 0.9) => {
+  // const blob = dataURLtoBlob(croppedUrl.value);
+  // const formData = new FormData();
+  // formData.append('files', blob);
+  // uploadFile(formData).then(res => {
+  //   console.log(res)
+  // })
+  if (!cropper.value) return;
+  cropper.value.getCroppedCanvas({ width: 300, height: 200 })
+    .toBlob(async (blob) => {
+      if (!blob) return;
+
+      // 用 FormData 上传
+      const formData = new FormData();
+      formData.append('files', blob, `cropped.jpeg`);
+
+      uploadFile(formData).then(res => {
+        console.log(res)
+      })
+    }, format, quality);
+}
+</script>
+
+<style scoped>
+.container { display: flex; gap: 20px; }
+.left { width: 640px; }
+.right { width: 320px; }
+img { max-width: 100%; display: block; max-height: 480px; background: #f3f3f3; }
+.controls { margin-top: 10px; display:flex; flex-wrap:wrap; gap:8px; }
+.preview { border:1px solid #ddd; display:flex; align-items:center; justify-content:center; overflow:hidden; background:#fafafa }
+.footer{
+  margin-top: 12px;
+  height: 53px;
+  border-top: 1px solid #eee;
+  display: flex;
+  align-items: center;
+  justify-content: end;
+  padding-right: 40px;
+}
+</style>
diff --git a/src/views/demo/resourcemanagement/ailist/index.vue b/src/views/demo/resourcemanagement/ailist/index.vue
index 1d34e09..16bfe15 100644
--- a/src/views/demo/resourcemanagement/ailist/index.vue
+++ b/src/views/demo/resourcemanagement/ailist/index.vue
@@ -1,136 +1,403 @@
 <template>
     <PageWrapper dense contentFullHeight fixedHeight contentClass="flex">
-      <div class="w-1/4 xl:w-1/5 leftbox flex column">
-        <div class="flex ai-c jc-sb">
-          <div class="textbox">
-            <p>算法库</p>
-            <span>行业生态算法厂商</span>
+      <div class="w-1/4 xl:w-1/5 leftbox">
+        <div class="left-title-div">
+          <div class="span-div">
+            <div class="span-title">算法库</div>
+            <div class="span-subtitle">行业生态算法厂商</div>
           </div>
-          <a-button type="primary" size="small" @click="createAddClick">
-            <template #icon><PlusOutlined /></template>
-            创建
-          </a-button>
+          <a-button class="add-algorithm" type="primary" :icon="h(PlusOutlined)" @click="changeAddModal(true)">创建</a-button>
         </div>
-        <div class="flex ai-c jc-c column flex-1">
-          <div class="descbox">
-            <p>请先创建自定义算法，基于算法新增实例<br />了解更多：<BookOutlined :style="{fontSize: '14px', color: '#0A99EB'}" /> 说明书</p>
+        <div class="left-interval"></div>
+        <div class="show-algorithm-list-div">
+          <div class="empty-list">
+            <div class="empty-image"></div>
+            <div class="empty-span-title">暂无数据</div>
+            <div class="empty-span-subtitle">请先创建自定义算法，基于算法新增实例</div>
+            <div style="display: flex;align-items: center;margin-bottom: 28px;">
+              <div class="empty-span-subtitle" style="display: inline;">了解更多：</div>
+              <div class="empty-icon-image"></div>
+              <div class="empty-span-subtitle" style="display: inline;">说明书 </div>
+            </div>
+            <a-button class="empty-add-algorithm" type="primary" :icon="h(PlusOutlined)" @click="changeAddModal(true)">创建自定义算法</a-button>
           </div>
-          <a-button type="primary" @click="createAddClick">
-            <template #icon><PlusOutlined /></template>
-            创建自定义算法
-          </a-button>
         </div>
       </div>
-      <BasicTable
-        class="w-3/4 xl:w-4/5"
-        @register="registerTable"
-        @fetch-success="onFetchSuccess"
-        :searchInfo="searchInfo"
-      >
-       
-      </BasicTable>
-      <Modal
-        @submitsuccess="submitsuccess"
-        @register="registerModal"
-        @submit-reload="submitReload"
-      />
+      <div class="w-3/4 xl:w-4/5 right-out-div">
+        <div class="search-div">
+          <div class="search-span-icon"></div>
+          <div class="search-span">算法库</div>
+          <div class="search-input-div">
+            <a-input-search
+              class="search-input"
+              v-model:value="searchValue"
+              placeholder="按照实例搜索"
+              enter-button="搜索"
+              @search="onSearch"
+            >
+                <template #prefix>
+                  <div class="search-input-icon"></div>
+                </template>
+            </a-input-search>
+          </div>
+        </div>
+        <div class="search-interval">
+          <div class="interval-icon"></div>
+        </div>
+        <div class="show-list-div">
+          <div class="list-div">
+            <div class="item" v-for="value in 8">
+              <div class="image-div">
+                <img class="image-item" src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png">
+                <div class="image-span">
+                  <div class="image-span-icon"></div>
+                  <div class="image-span-info">#排水沟盖板缺</div>
+                </div>
+              </div>
+              <div class="info-div">
+                <div class="info-icon"></div>
+                <div class="info-span-div">
+                  <div class="info-span-title">高速排水沟盖板缺失检测算法</div>
+                  <div class="info-span-subtitle">识别高速公路两侧的排水沟盖板缺……</div>
+                </div>
+                <a-button class="show-info-button" type="primary">查看</a-button>
+              </div>
+            </div>
+          </div>
+          <div class="pagination-div">
+            <a-pagination
+              size="small"
+              :total="50"
+              show-size-changer
+              show-quick-jumper
+              :show-total="total => `共 ${total} 条数据`"
+            />
+          </div>
+        </div>
+      </div>
+      <a-modal width="631px" v-model:open="addAlgorithmModal" :footer="null" :closable="false" :destroyOnClose="true" :maskClosable="false" :keyboard="false">
+        <AddAlgorithmModal @changeAddModal="changeAddModal"/>
+      </a-modal>
     </PageWrapper>
   </template>
   <script lang="ts" setup>
-    import { reactive, nextTick, ref } from 'vue';
-    import { PlusOutlined, BookOutlined } from '@ant-design/icons-vue';
-    import { BasicTable, useTable } from '@/components/Table';
-    import { getButtonList, getMenuDetail, deleteButton } from '@/api/demo/system';
+    import { ref,h } from 'vue';
+    import { PlusOutlined, } from '@ant-design/icons-vue';
     import { PageWrapper } from '@/components/Page';
-    import { columns, searchFormSchema } from './index.data';
-    import { useMessage } from '@/hooks/web/useMessage';
-    import Modal from './modal.vue';
-    import { useModal } from '@/components/Modal';
+    import AddAlgorithmModal from './AddAlgorithmModal.vue';
   
-    const { createConfirm, createMessage } = useMessage();
-    defineOptions({ name: 'MenuManagement' });
-    const searchInfo = reactive<Recordable>({});
-  
-    const [registerTable, { reload, expandAll, getSelectRows, clearSelectedRowKeys }] = useTable({
-      title: '算法列表',
-      // api: getButtonList,
-      columns,
-      rowKey: 'id',
-      formConfig: {
-        labelWidth: 120,
-        schemas: searchFormSchema,
-      },
-      isTreeTable: true,
-      striped: false,
-      useSearchForm: true,
-      showTableSetting: true,
-      bordered: true,
-      showIndexColumn: false,
-      rowSelection: {
-        //多选框
-        // type: 'checkbox',
-        type: 'radio',
-      },
-      handleSearchInfoFn(info) {
-        return info;
-      },
-    });
-    const [registerModal, { openModal }] = useModal();
-    function createAddClick(){
-      openModal(true, {
-        
-      });
+    const searchValue = ref('');
+    const addAlgorithmModal = ref(false)
+    const onSearch = () => {
+    }
+    const changeAddModal = (type: boolean) => {
+      addAlgorithmModal.value = type
     }
   
-    function onFetchSuccess() {
-      // 演示默认展开所有表项
-      nextTick(expandAll);
-    }
   </script>
-  <style scoped>
-  .flex{
-    display: flex;
-  }
-  .flex-1{
-    flex: 1;
-  }
-  .column{
-    flex-direction: column;
-  }
-  .ai-c{
-    align-items: center;
-  }
-  .jc-sb{
-    justify-content: space-between;
-  }
-  .jc-c{
-    justify-content: center;
-  }
+  <style lang="scss" scoped>
   .leftbox{
     background: #fff;
     margin: 16px 0 16px 16px;
-    padding: 16px;
-    .textbox{
-      p{
+    .left-title-div{
+      width: 100%;
+      height: 82px;
+      display: flex;
+      align-items: center;
+      padding-left: 16px;
+      padding-right: 33px;
+      justify-content: space-between;
+      .span-div{
+        width: 104px;
+        height: 42px;
+        .span-title{
+          font-family: PingFangSC-Medium;
+          font-weight: 500;
+          font-size: 16px;
+          color: #060606;
+          line-height: 22px;
+        }
+        .span-subtitle{
+          font-family: PingFangSC-Regular;
+          font-weight: 400;
+          font-size: 13px;
+          color: #393939;
+          line-height: 18px;
+        }
+      }
+      .add-algorithm{
+        width: 80px;
+        height: 30px;
+        background: #0B60BD;
+        border-radius: 0px;
+      }
+    }
+    .left-interval{
+      width: 100%;
+      height: 1px;
+      border: 1px solid rgba(28,29,34,0.08);
+      opacity: 0.46;
+    }
+    .show-algorithm-list-div{
+      position: relative;
+      width: 100%;
+      height: calc(100% - 84px );
+      .empty-list{
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        width: 280px;
+        height: 311px;
+        background: #FFFFFF;
+        box-shadow: 5px 18px 32px 0px rgba(0,0,0,0.1);
+        border: 2px dashed rgba(28,29,34,0.08);
+        border-radius: 10px;
+        padding-top: 28px;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        .empty-image{
+          width: 114px;
+          height: 120px;
+          background-image: url('/public/ailist/empty_image.png');
+          margin-bottom: 8px;
+        }
+        .empty-span-title{
+          font-family: PingFangSC-Regular;
+          font-weight: 400;
+          font-size: 13px;
+          color: #000000;
+          line-height: 18px;
+          margin-bottom: 12px;
+        }
+        .empty-span-subtitle{
+          font-family: PingFangSC-Regular;
+          font-weight: 400;
+          font-size: 13px;
+          color: #393939;
+          line-height: 18px;
+        }
+        .empty-icon-image{
+          width: 16px;
+          height: 14px;
+          background-image: url('/public/ailist/empty_icon_image.png');
+          line-height: 18px;
+          display: inline;
+          cursor: pointer;
+        }
+        .empty-add-algorithm{
+          width: 167px;
+          height: 30px;
+          background: #0D68CB;
+          border-radius: 0px;
+        }
+      }
+    }
+  }
+  .right-out-div{
+    padding: 16px 16px 16px 33px;
+    .search-div{
+      position: relative;
+      height: 57px;
+      display: flex;
+      align-items: center;
+      .search-span-icon{
+        width: 20px;
+        height: 18px;
+        background-image: url('/public/ailist/search_span_icon.png');
+        margin-right: 10px;
+      }
+      .search-span{
+        font-family: PingFangSC-Medium;
         font-weight: 500;
         font-size: 16px;
         color: #060606;
         line-height: 22px;
-        margin-bottom: 0;
       }
-      span{
-        font-weight: 400;
-        font-size: 13px;
-        color: #393939;
-        line-height: 18px;
+      .search-input-div{
+        position: absolute;
+        top: 0px;
+        right: 0px;
+        width: 304px;
+        height: 38px;
+        .search-input{
+          :deep(.ant-input-affix-wrapper){
+            font-family: PingFangSC-Regular;
+            font-weight: 400;
+            font-size: 14px;
+            line-height: 28px;
+            height: 38px;
+            border-top-left-radius: 19px;
+            border-bottom-left-radius: 19px;
+          }
+          :deep(.ant-input-search-button,){
+            font-family: PingFangSC-Regular;
+            font-weight: 400;
+            font-size: 14px;
+            color: #FFFFFF;
+            line-height: 28px;
+            height: 38px;
+            border-top-right-radius: 19px;
+            border-bottom-right-radius: 19px;
+          }
+          :deep(.ant-input){
+            padding-left: 20px; 
+          }
+          .search-input-icon{
+            width: 18px;
+            height: 18px;
+            background-image: url('/public/ailist/search_input_icon.png');
+          }
+        }
       }
     }
-    .descbox{
-      font-weight: 400;
-      font-size: 13px;
-      color: #393939;
-      line-height: 18px;
-      text-align: center;
+    .search-interval{
+      position: relative;
+      width: 100%;
+      height: 2px;
+      background:rgba(28,29,34,0.08);
+      margin-bottom: 22px;
+      .interval-icon{
+        position: absolute;
+        top: 0px;
+        left: 0px;
+        width: 137px;
+        height: 2px;
+        background: #0B60BD;
+      }
+    }
+    .show-list-div{
+      width: 100%;
+      height: calc( 100% - 81px );
+      background: #FFFFFF;
+      border: 2px dashed rgba(28,29,34,0.08);
+      border-radius: 10px;
+      padding: 32px;
+      .list-div{
+        width: 100%;
+        display: flex;
+        flex-wrap: wrap;
+        margin-bottom: 90px;
+        .item{
+          width: 300px;
+          height: 268px;
+          background: #FFFFFF;
+          box-shadow: 5px 18px 32px 0px rgba(28,29,34,0.1);
+          border-radius: 10px;
+          margin-right: 10px;
+          margin-bottom: 20px;
+          .image-div{
+            position: relative;
+            width: 300px;
+            height: 200px;
+            margin-bottom: 12px;
+            .image-item{
+              width: 100%;
+              height: 100%;
+              border-top-left-radius: 10px;
+              border-top-right-radius: 10px;
+            }
+            .image-span{
+              position: absolute;
+              left: 0px;
+              bottom: 0px;
+              width: 205px;
+              height: 20px;
+              background: linear-gradient( 270deg, rgba(7,7,7,0) 0%, #111111 100%);
+              display: flex;
+              align-items: center;
+              padding-left: 9px;
+              .image-span-icon{
+                width: 4px;
+                height: 4px;
+                background: #FFA048;
+                border-radius: 50%;
+                margin-right: 5px;
+              }
+              .image-span-info{
+                font-family: PingFangSC-Regular;
+                font-weight: 400;
+                font-size: 11px;
+                color: #FFFFFF;
+                line-height: 15px;
+              }
+            }
+          }
+          .info-div{
+            width: 100%;
+            height: 40px;
+            display: flex;
+            align-items: center;
+            padding-left: 7px;
+            .info-icon{
+              width: 3px;
+              height: 34px;
+              background: #0B60BD;
+              margin-right: 5px;
+            }
+            .info-span-div{
+              width: 187px;
+              margin-right: 22px;
+              .info-span-title{
+                font-family: PingFangSC-Medium;
+                font-weight: 500;
+                font-size: 14px;
+                color: #1C1D22;
+                line-height: 20px;
+                margin-bottom: 5px;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+              }
+              .info-span-subtitle{
+                font-family: PingFangSC-Regular;
+                font-weight: 400;
+                font-size: 11px;
+                color: rgba(28,29,34,0.5);
+                line-height: 15px;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+              }
+            }
+            .show-info-button{
+              width: 54px;
+              height: 23px;
+              border-radius: 12px;
+              background: #0B60BD;
+              :deep(span){
+                position: absolute;
+                top: 50%;
+                left: 50%;
+                transform: translate(-50%, -50%);
+                font-family: PingFangSC-Regular;
+                font-weight: 400;
+                font-size: 11px;
+                color: #FFFFFF;
+                line-height: 15px;
+              }
+            }
+          }
+        }
+        .item:nth-child(4n){
+          margin-right: 0px;
+        }
+      }
+      
+      .pagination-div{
+        padding-right: 32px;
+        width: 100%;
+        height: 66px;
+        display: flex;
+        align-items: center;
+        justify-content: end;
+      }
+    }
+    .right-box{
+      width: 100%;
+      height: 100%;
+      background-color: #fff;
     }
   }
   </style>
diff --git a/src/views/demo/resourcemanagement/ailist/modal.vue b/src/views/demo/resourcemanagement/ailist/modal.vue
deleted file mode 100644
index 629efa5..0000000
--- a/src/views/demo/resourcemanagement/ailist/modal.vue
+++ /dev/null
@@ -1,184 +0,0 @@
-<template>
-    <BasicModal
-      v-bind="$attrs"
-      @register="registerModal"
-      :canFullscreen="false"
-      :defaultFullscreen="false"
-      :showCancelBtn="true"
-      :showOkBtn="true"
-      :draggable="false"
-      title="创建算法"
-      @ok="submitClick"
-    >
-        <div class="flex titlesbox">
-            <div class="li" v-for="(item,index) in tabList">
-                <span :class="index==tabIndex?'active':''" @click="tabsClick(index)">{{item}}</span>
-            </div>
-        </div>
-        <!-- 视频算法 -->
-        <div class="formsbox" v-if="tabIndex == 0">
-            <a-form
-                :model="formState"
-                ref="formRef"
-                :label-col="{ span: 6 }"
-                :wrapper-col="{ span: 18 }"
-                autocomplete="off"
-            >
-                <a-form-item
-                    label="算法名称"
-                    name="username"
-                    :rules="[{ required: true, message: '请输入' }]"
-                >
-                    <a-input v-model:value="formState.username" />
-                </a-form-item>
-                <a-form-item
-                    label="概要描述"
-                    name="username"
-                    :rules="[{ required: true, message: '请输入' }]"
-                >
-                    <a-textarea v-model:value="formState.username" />
-                </a-form-item>
-                <a-form-item
-                    label="算力名称"
-                    name="username"
-                    :rules="[{ required: true, message: '请输入' }]"
-                >
-                    <a-input v-model:value="formState.username" />
-                </a-form-item>
-                <a-form-item
-                    label="推流地址"
-                    name="username"
-                    :rules="[{ required: true, message: '请输入' }]"
-                >
-                    <a-input v-model:value="formState.username" />
-                </a-form-item>
-                <a-form-item
-                    label="拉流地址"
-                    name="username"
-                    :rules="[{ required: true, message: '请输入' }]"
-                >
-                    <a-input v-model:value="formState.username" />
-                </a-form-item>
-                <a-form-item
-                    label="服务地址"
-                    name="username"
-                    :rules="[{ required: true, message: '请输入' }]"
-                >
-                    <a-input v-model:value="formState.username" />
-                </a-form-item>
-                <a-form-item
-                    label="秘钥"
-                    name="username"
-                    :rules="[{ required: true, message: '请输入' }]"
-                >
-                    <a-input v-model:value="formState.username" />
-                </a-form-item>
-            </a-form>
-        </div>
-        <!-- 图片算法 -->
-        <div class="formsbox" v-if="tabIndex == 1">
-            <a-form
-                :model="formState"
-                ref="formRef"
-                :label-col="{ span: 6 }"
-                :wrapper-col="{ span: 18 }"
-                autocomplete="off"
-            >
-                <a-form-item
-                    label="算法名称"
-                    name="username"
-                    :rules="[{ required: true, message: '请输入' }]"
-                >
-                    <a-input v-model:value="formState.username" />
-                </a-form-item>
-                <a-form-item
-                    label="概要描述"
-                    name="username"
-                    :rules="[{ required: true, message: '请输入' }]"
-                >
-                    <a-textarea v-model:value="formState.username" />
-                </a-form-item>
-                <a-form-item
-                    label="算力名称"
-                    name="username"
-                    :rules="[{ required: true, message: '请输入' }]"
-                >
-                    <a-input v-model:value="formState.username" />
-                </a-form-item>
-                <a-form-item
-                    label="服务地址"
-                    name="username"
-                    :rules="[{ required: true, message: '请输入' }]"
-                >
-                    <a-input v-model:value="formState.username" />
-                </a-form-item>
-                <a-form-item
-                    label="秘钥"
-                    name="username"
-                    :rules="[{ required: true, message: '请输入' }]"
-                >
-                    <a-input v-model:value="formState.username" />
-                </a-form-item>
-            </a-form>
-        </div>
-    </BasicModal>
-</template>
-<script lang="ts" setup>
-    import { ref, defineEmits, reactive, toRaw } from 'vue';
-    import { BasicModal, useModalInner } from '@/components/Modal';
-    const tabIndex = ref(0);
-    const tabList = ["视频算法","图片算法"];
-    const tabsClick = (index) =>{
-        tabIndex.value = index
-    }
-    const formRef = ref();
-    interface FormState {
-        username: string;
-        password: string;
-        remember: boolean;
-    }
-
-    const formState = reactive<FormState>({
-        username: '',
-        password: '',
-        remember: true,
-    });
-    const submitClick = ()=>{
-        console.log('submit')
-        formRef.value.validate().then(() => {
-            console.log('values', formState, toRaw(formState));
-        })
-        .catch(error => {
-            console.log('error', error);
-        });
-    }
-    const [registerModal, { closeModal }] = useModalInner((data: any) => {
-        
-    });
-</script>
-<style scoped>
-.titlesbox{
-    width: 92%;
-    margin-left: 4%;
-    line-height: 40px;
-    border-bottom: 1px solid #F5F6FA;
-    .li{
-        width: 50%;
-        text-align: center;
-        span{
-            color: #222738;
-            cursor: pointer;
-            line-height: 40px;
-            display: inline-block;
-        }
-        .active{
-            border-bottom: 3px solid #3A57E8;
-        }
-    }
-}
-.formsbox{
-    width: 92%;
-    margin-left: 4%;
-    padding-top: 20px;
-}
-</style>
\ No newline at end of file