调度预案与调度操作记录

ljq
1 parent 19ef73f7
Showing 84 changed files with 7167 additions and 42 deletions
src/main/java/com/bsth/controller/realcontrol/ScheduleRealInfoController.java
src/main/java/com/bsth/controller/zndd/LoggerZnddController.java
src/main/java/com/bsth/controller/zndd/ZnddYuAnConroller.java
src/main/java/com/bsth/data/zndd/AutomaticSch.java
src/main/java/com/bsth/repository/zndd/ZnddYuAnRepository.java
src/main/java/com/bsth/security/ResourcesConfig.java
src/main/java/com/bsth/service/zndd/LoggerZnddService.java
src/main/java/com/bsth/service/zndd/ZnddYuAnService.java
src/main/java/com/bsth/service/zndd/impl/LoggerZnddServiceImpl.java
src/main/java/com/bsth/service/zndd/impl/ZnddYuAnServiceImpl.java
src/main/resources/static/pages/forms/zndd/logger_zndd.html
src/main/resources/static/pages/zndd_yuan/Blueprint.Net.Server/Blueprint.Net.Server.csproj
src/main/resources/static/pages/zndd_yuan/Blueprint.Net.Server/Blueprint.Net.Server.sln
src/main/resources/static/pages/zndd_yuan/Blueprint.Net.Server/Controllers/BlueprintController.cs
src/main/resources/static/pages/zndd_yuan/Blueprint.Net.Server/Models.cs
src/main/resources/static/pages/zndd_yuan/Blueprint.Net.Server/Program.cs
src/main/resources/static/pages/zndd_yuan/Blueprint.Net.Server/Properties/launchSettings.json
src/main/resources/static/pages/zndd_yuan/Blueprint.Net.Server/appsettings.Development.json
src/main/resources/static/pages/zndd_yuan/Blueprint.Net.Server/appsettings.json
src/main/resources/static/pages/zndd_yuan/Blueprint.Net.Server/bin/Debug/net8.0/Blueprint.Net.Server.deps.json
@@ -890,8 +890,8 @@ public class ScheduleRealInfoController extends BaseController&lt;ScheduleRealInfo,
 	 * @param ids
 	 * @return
 	 */
-	@RequestMapping(value = "thissch/{ids}", method = RequestMethod.POST)
-	public ScheduleRealInfo thissch(@RequestParam Integer ids){
-		return scheduleRealInfoService.thissch(ids);
+	@RequestMapping(value = "thissch/{id}", method = RequestMethod.POST)
+	public ScheduleRealInfo thissch(@RequestParam Integer id){
+		return scheduleRealInfoService.thissch(id);
 	}
 }
@@ -2,10 +2,24 @@ package com.bsth.controller.zndd;
  
 import com.bsth.controller.BaseController;
 import com.bsth.entity.zndd.LoggerZndd;
+import com.bsth.service.zndd.LoggerZnddService;
+import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestParam;
 import org.springframework.web.bind.annotation.RestController;
  
+import java.util.List;
+import java.util.Map;
+
 @RestController
 @RequestMapping("logZndd")
 public class LoggerZnddController  extends BaseController<LoggerZndd, Integer> {
+
+    @Autowired
+    LoggerZnddService loggerZnddService;
+    @RequestMapping("listall")
+    public List<Map<String, Object>> listAll(@RequestParam Map<String, Object> map){
+
+        return  loggerZnddService.listAll(map);
+    }
 }
+package com.bsth.controller.zndd;
+
+import com.bsth.controller.BaseController;
+import com.bsth.entity.zndd.ZnddYuAn;
+import com.bsth.service.zndd.ZnddYuAnService;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.web.bind.annotation.*;
+
+import java.util.Map;
+
+@RestController
+@RequestMapping("zndya")
+public class ZnddYuAnConroller extends BaseController<ZnddYuAn, Integer> {
+
+    @Autowired
+    ZnddYuAnService znddYuAnService;
+
+    //添加类型
+
+    @RequestMapping(value = "/addMap", method = RequestMethod.POST)
+    public Map<String, Object> addMap(@RequestBody Map<String, Object> params){
+       return znddYuAnService.addMap(params);
+    }
+}
@@ -120,7 +120,7 @@ public class AutomaticSch {
                 }
             }
  
-            ScheduleRealInfo sr = dayOfSchedule.findByNbbm("W8A-009").get(0);
+            ScheduleRealInfo sr = dayOfSchedule.findByNbbm("W8A-027").get(0);
             ts(addStationPeople(sr, "DKL", 0L));//大客流
  
  
+package com.bsth.repository.zndd;
+
+
+import com.bsth.entity.zndd.ZnddYuAn;
+import com.bsth.repository.BaseRepository;
+import org.springframework.data.jpa.repository.Modifying;
+import org.springframework.data.jpa.repository.Query;
+import org.springframework.stereotype.Repository;
+
+@Repository
+public interface ZnddYuAnRepository extends BaseRepository<ZnddYuAn, Integer> {
+    @Modifying
+    @Query(value="delete from ZnddYuAn sr where sr.type = ?1")
+    void deleteType(String type);
+}
+package com.bsth.security;
+
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.context.annotation.Configuration;
+import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
+import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
+
+/**
+ * 通用配置
+ * 
+ * @author ruoyi
+ */
+@Configuration
+public class ResourcesConfig implements WebMvcConfigurer
+{
+
+    @Value("${dc.imgurl}")
+    private  String imgurl; //存储图片地址
+    //映射图片地址
+    @Override
+    public void addResourceHandlers(ResourceHandlerRegistry registry)
+    {
+        /** 本地文件上传路径 */
+        registry.addResourceHandler("profile" + "/**")
+                .addResourceLocations("file:" + imgurl + "/");
+    }
+
+    
+}
 \ No newline at end of file
@@ -3,5 +3,11 @@ package com.bsth.service.zndd;
 import com.bsth.entity.zndd.LoggerZndd;
 import com.bsth.service.BaseService;
  
+import java.util.List;
+import java.util.Map;
+
 public interface LoggerZnddService extends BaseService<LoggerZndd, Integer> {
+
+
+    List<Map<String, Object>> listAll(Map<String, Object> map);
 }
+package com.bsth.service.zndd;
+
+import com.bsth.entity.GeoPremise;
+import com.bsth.entity.zndd.ZnddYuAn;
+import com.bsth.service.BaseService;
+
+import java.util.Map;
+
+public interface ZnddYuAnService extends BaseService<ZnddYuAn, Integer> {
+
+
+    Map<String, Object> addMap(Map<String, Object> params);
+}
 package com.bsth.service.zndd.impl;
  
+import com.bsth.entity.search.CustomerSpecs;
 import com.bsth.entity.zndd.LoggerZndd;
+import com.bsth.repository.zndd.LoggerZnddRepository;
 import com.bsth.service.impl.BaseServiceImpl;
 import com.bsth.service.zndd.LoggerZnddService;
+import org.apache.poi.ss.formula.functions.T;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.data.domain.Pageable;
+
+import org.springframework.data.domain.Sort;
 import org.springframework.stereotype.Service;
  
+import java.util.List;
+import java.util.Map;
+
 @Service
 public class LoggerZnddServiceImpl extends BaseServiceImpl<LoggerZndd, Integer> implements LoggerZnddService {
+
+    @Autowired
+    LoggerZnddRepository loggerZnddRepository;
+     public List<Map<String, Object>> listAll(Map<String, Object> map){
+         loggerZnddRepository.findAll((Sort) map);
+
+         return null;
+    }
 }
+package com.bsth.service.zndd.impl;
+
+import com.alibaba.fastjson.JSON;
+import com.alibaba.fastjson.JSONObject;
+import com.bsth.common.ResponseCode;
+import com.bsth.entity.zndd.ZnddYuAn;
+import com.bsth.repository.zndd.ZnddYuAnRepository;
+import com.bsth.service.impl.BaseServiceImpl;
+import com.bsth.service.zndd.ZnddYuAnService;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+import org.springframework.transaction.annotation.Transactional;
+
+import java.util.Arrays;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+@Service
+public class ZnddYuAnServiceImpl extends BaseServiceImpl<ZnddYuAn, Integer> implements ZnddYuAnService  {
+
+
+    Logger logger = LoggerFactory.getLogger(this.getClass());
+    @Autowired
+    ZnddYuAnRepository znddYuAnRepository;
+
+    @Override
+    @Transactional
+    public Map<String, Object> addMap(Map<String, Object> params){
+        Map<String, Object> rs = new HashMap<>();
+
+        try {
+            List<Map> list = JSON.parseArray(params.get("data").toString(), Map.class);
+
+            List<Map> listlineks = JSON.parseArray(params.get("links").toString(), Map.class);
+
+            znddYuAnRepository.deleteType(params.get("type").toString());
+            for (Map m : list){
+                ZnddYuAn zya = new ZnddYuAn();
+                String s = JSONObject.toJSONString(m);
+                zya.setType(params.get("type").toString());
+                zya.setJsonDate(s);
+                zya.setTypes("0");
+                znddYuAnRepository.save(zya);
+            }
+            for (Map m : listlineks) {
+                ZnddYuAn zya = new ZnddYuAn();
+                String s = JSONObject.toJSONString(m);
+                zya.setType(params.get("type").toString());
+                zya.setJsonDate(s);
+                zya.setTypes("1");
+                znddYuAnRepository.save(zya);
+            }
+            rs.put("status", ResponseCode.SUCCESS);
+        }catch (Exception e){
+            logger.info("调度预案添加-"+e);
+            rs.put("ERROR", "操作失败,请检查数据是否有误！");
+        }
+
+        return rs;
+    }
+}
@@ -50,7 +50,6 @@
             <input class="btn btn-default" type="button" id="query" value="筛选"/>
             <input class="btn btn-default" type="button" id="export" value="导出"/>
           </div>
-          <img src="/profile/avatar/2024/04/07/blob_20240407160316A002.png">
         </form>
       </div>
       <div class="portlet-body">
@@ -188,6 +187,11 @@
       $get('/logZndd/all',{rq_eq:date,lineCode_eq:line,type:'query'},function(result){
         $("#form_line").text(lineName);
         $("#form_date").text(date);
+
+        $.each(result, function(i, obj) {
+          obj.createDate = moment(obj.createDate).format("YYYY-MM-DD HH:mm:ss");
+        });
+
         // 把数据填充到模版中
         var tbodyHtml = template('dailyInfo',{list:result});
         // 把渲染好的模版html文本追加到表格中
@@ -239,7 +243,7 @@
       fgsdmDaily = $("#fgsdmDaily").val();
       lineName=$("#select2-line-container").html();
       var i = layer.load(2);
-      $post('/znddLogger/list',{gsdmDaily:gsdmDaily,fgsdmDaily:fgsdmDaily,line:line,date:date,type:'export',lineName:lineName},function(result){
+      $get('/logZndd/listall',{rq_eq:date,lineCode_eq:line,type:'export'},function(result){
         window.open("/downloadFile/download?fileName="
                 +moment(date).format("YYYYMMDD")+"-"+lineName+"-班次日报表");
         layer.close(i);
+<Project Sdk="Microsoft.NET.Sdk.Web">
+
+  <PropertyGroup>
+    <TargetFramework>net8.0</TargetFramework>
+    <Nullable>enable</Nullable>
+    <ImplicitUsings>enable</ImplicitUsings>
+  </PropertyGroup>
+
+  <ItemGroup>
+    <PackageReference Include="FreeSql" Version="3.2.821" />
+    <PackageReference Include="FreeSql.Provider.Sqlite" Version="3.2.821" />
+    <PackageReference Include="FreeSql.Repository" Version="3.2.821" />
+    <PackageReference Include="Swashbuckle.AspNetCore" Version="6.4.0" />
+  </ItemGroup>
+
+</Project>
+
+Microsoft Visual Studio Solution File, Format Version 12.00
+# Visual Studio Version 17
+VisualStudioVersion = 17.9.34622.214
+MinimumVisualStudioVersion = 10.0.40219.1
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Blueprint.Net.Server", "Blueprint.Net.Server.csproj", "{650D80E6-03AB-40D8-A1DD-C9A42DF92249}"
+EndProject
+Global
+	GlobalSection(SolutionConfigurationPlatforms) = preSolution
+		Debug|Any CPU = Debug|Any CPU
+		Release|Any CPU = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(ProjectConfigurationPlatforms) = postSolution
+		{650D80E6-03AB-40D8-A1DD-C9A42DF92249}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{650D80E6-03AB-40D8-A1DD-C9A42DF92249}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{650D80E6-03AB-40D8-A1DD-C9A42DF92249}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{650D80E6-03AB-40D8-A1DD-C9A42DF92249}.Release|Any CPU.Build.0 = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(SolutionProperties) = preSolution
+		HideSolutionNode = FALSE
+	EndGlobalSection
+	GlobalSection(ExtensibilityGlobals) = postSolution
+		SolutionGuid = {6CE115DF-4AF8-4EB9-8A99-04F0BED024AC}
+	EndGlobalSection
+EndGlobal
+using Microsoft.AspNetCore.Mvc;
+using System.Collections.Frozen;
+using System.Linq;
+using System.Xml.Linq;
+using static FreeSql.Internal.GlobalFilter;
+
+namespace Blueprint.Net.Server.Controllers
+{
+    [ApiController]
+    [Route("[controller]")]
+    public class BlueprintController(ILogger<BlueprintController> logger, IFreeSql fsql) : ControllerBase
+    {
+        private readonly ILogger<BlueprintController> _logger = logger;
+        private readonly IFreeSql _fsql = fsql;
+
+        [HttpGet("GetProjects")]
+        public async Task<ActionResult<IEnumerable<Project>>> GetProjects()
+        {
+            var projects = await _fsql.Select<Project>()
+                .IncludeMany(p => p.Workspaces, a => a.IncludeMany(b => b.Links))
+                .IncludeMany(p => p.Workspaces, a => a.IncludeMany(b => b.Cards))
+                .IncludeMany(p => p.Workspaces, a => a.IncludeMany(b => b.Cards, c => c.IncludeMany(d => d.Nodes)))
+                .ToListAsync();
+
+            List<long> linkIds = [];
+            List<long> workspaceIds = [];
+
+            foreach (var project in projects)
+            {
+                foreach (var workspace in project.Workspaces)
+                {
+                    workspaceIds.Add(workspace.Id);
+
+                }
+            }
+
+            var links = await _fsql.Select<Link>().Where(p => workspaceIds.Contains(p.WorkspaceId)).ToListAsync();
+
+            foreach (var link in links)
+            {
+                linkIds.Add(link.SourceId);
+                linkIds.Add(link.TargetId);
+            }
+
+            var nodeConnectInfos = await _fsql.Select<NodeConnectInfo>().Where(p => linkIds.Contains(p.Id)).ToListAsync();
+
+            foreach (var project in projects)
+            {
+                foreach (var workspace in project.Workspaces)
+                {
+
+                    foreach (var link in links.Where(p => p.WorkspaceId == workspace.Id))
+                    {
+                        link.Source = nodeConnectInfos.FirstOrDefault(p => p.Id == link.SourceId) ?? new();
+                        link.Target = nodeConnectInfos.FirstOrDefault(p => p.Id == link.TargetId) ?? new();
+
+                        workspace.Links.Add(link);
+                    }
+                }
+            }
+
+
+            return Ok(projects);
+        }
+
+        [HttpPost("Project")]
+        public async Task<ActionResult<Project>> Project([FromBody] Project project)
+        {
+
+            var projectRepo = _fsql.GetRepository<Project>();
+
+            projectRepo.DbContextOptions.EnableCascadeSave = true;
+
+            project = await projectRepo.InsertOrUpdateAsync(project);
+            projectRepo.Attach(project);
+
+            foreach (var workspaces in project.Workspaces)
+            {
+                foreach (var node in workspaces.Links)
+                {
+
+                    if (node.SourceId == 0)
+                    {
+                        node.SourceId = await _fsql.Insert(node.Source).ExecuteIdentityAsync();
+                        node.Source.Id = node.SourceId;
+                    }
+                    else
+                    {
+                        await _fsql.Update<NodeConnectInfo>().SetSource(node.Source).Where(p => p.Id == node.SourceId).ExecuteAffrowsAsync();
+                    }
+
+                    if (node.TargetId == 0)
+                    {
+                        node.TargetId = await _fsql.Insert(node.Target).ExecuteIdentityAsync();
+                        node.Target.Id = node.TargetId;
+                    }
+                    else
+                    {
+                        await _fsql.Update<NodeConnectInfo>().SetSource(node.Target).Where(p => p.Id == node.TargetId).ExecuteAffrowsAsync();
+                    }
+                }
+            }
+            await projectRepo.UpdateAsync(project);
+
+            return Ok(project);
+
+        }
+
+
+        [HttpDelete("DeleteProject/{id}")]
+        public async Task<IActionResult> DeleteProject(long id)
+        {
+
+            var repo = _fsql.GetRepository<Project>();
+
+            repo.DbContextOptions.EnableCascadeSave = true;
+
+            var project = await repo.Select
+                .IncludeMany(p => p.Workspaces, a => a.IncludeMany(b => b.Cards, c => c.IncludeMany(d => d.Nodes)))
+                .IncludeMany(p => p.Workspaces, a => a.IncludeMany(b => b.Links))
+                .Where(p => p.Id == id)
+                .FirstAsync();
+
+            var deleteIds = new List<long>();
+
+            foreach (var workspace in project.Workspaces)
+            {
+                foreach (var node in workspace.Links)
+                {
+                    deleteIds.Add(node.SourceId);
+                    deleteIds.Add(node.TargetId);
+                }
+            }
+            await _fsql.Delete<NodeConnectInfo>().Where(p => deleteIds.Contains(p.Id)).ExecuteAffrowsAsync();
+
+            var ret = await repo.DeleteAsync(project);
+            if (ret > 0)
+                return Ok();
+            return NotFound();
+        }
+        [HttpDelete("DeleteWorkspace/{id}")]
+        public async Task<IActionResult> DeleteWorkspace(long id)
+        {
+            var repo = _fsql.GetRepository<Workspace>();
+
+            repo.DbContextOptions.EnableCascadeSave = true;
+
+            var workspace = await repo.Select
+                .IncludeMany(p => p.Cards, a => a.IncludeMany(b => b.Nodes))
+                .IncludeMany(p => p.Links)
+                .Where(p => p.Id == id)
+                .FirstAsync();
+
+
+            var deleteIds = new List<long>();
+
+            foreach (var node in workspace.Links)
+            {
+                deleteIds.Add(node.SourceId);
+                deleteIds.Add(node.TargetId);
+            }
+            await _fsql.Delete<NodeConnectInfo>().Where(p => deleteIds.Contains(p.Id)).ExecuteAffrowsAsync();
+
+            var ret = await repo.DeleteAsync(workspace);
+            if (ret > 0)
+                return Ok();
+            return NotFound();
+        }
+
+        [HttpDelete("DeleteLink/{id}")]
+        public async Task<IActionResult> DeleteLink(long id)
+        {
+            var repo = _fsql.GetRepository<Link>();
+
+            repo.DbContextOptions.EnableCascadeSave = true;
+
+            var link = await repo.Select.Where(p => p.Id == id).FirstAsync();
+
+
+            var deleteIds = new List<long>
+            {
+                link.SourceId,
+                link.TargetId
+            };
+
+            await _fsql.Delete<NodeConnectInfo>().Where(p => deleteIds.Contains(p.Id)).ExecuteAffrowsAsync();
+
+            var ret = await repo.DeleteAsync(link);
+            if (ret > 0)
+                return Ok();
+            return NotFound();
+        }
+
+        [HttpDelete("DeleteCard/{id}")]
+        public async Task<IActionResult> DeleteCard(long id)
+        {
+            var repo = _fsql.GetRepository<Card>();
+
+            repo.DbContextOptions.EnableCascadeSave = true;
+
+            var card = await repo.Select.IncludeMany(p => p.Nodes).Where(p => p.Id == id).FirstAsync();
+
+            var ret = await repo.DeleteAsync(card);
+            if (ret > 0)
+                return Ok();
+            return NotFound();
+        }
+
+    }
+}
+using FreeSql.DataAnnotations;
+using System.ComponentModel.DataAnnotations;
+using System.Text.RegularExpressions;
+
+namespace Blueprint.Net.Server
+{
+    public class Card
+    {
+        [Column(IsIdentity = true, IsPrimary = true)] public long Id { get; set; }
+        public long WorkspaceId { get; set; }
+        public int X { get; set; }
+        public int Y { get; set; }
+        public string Label { get; set; }
+        public string Type { get; set; }
+        [Navigate(nameof(CardNodeInfo.CardId))] public List<CardNodeInfo> Nodes { get; set; } = [];
+        public List<string> TitleBarColor { get; set; } = [];
+    }
+
+    public class Link
+    {
+        [Column(IsIdentity = true, IsPrimary = true)] public long Id { get; set; }
+        public long WorkspaceId { get; set; }
+
+        [Navigate(nameof(SourceId))] public NodeConnectInfo Source { get; set; }
+
+        [Navigate(nameof(TargetId))] public NodeConnectInfo Target { get; set; }
+
+        public long SourceId { get; set; }
+        public long TargetId { get; set; }
+
+    }
+
+    public class NodeConnectInfo
+    {
+        [Column(IsIdentity = true, IsPrimary = true)] public long Id { get; set; }
+        public string Node { get; set; }
+        public int X { get; set; }
+        public int Y { get; set; }
+        public string Color { get; set; }
+        public string EnumType { get; set; }
+    }
+
+    public class CardNodeInfo
+    {
+        [Column(IsIdentity = true, IsPrimary = true)]  public long Id { get; set; }
+
+        public long CardId { get; set; }
+        public string Type { get; set; }
+        public int Level { get; set; }
+        public string EnumType { get; set; }
+        public string Color { get; set; }
+        public int? MultiConnected { get; set; }
+        public string Slot { get; set; }
+        public string Label { get; set; }
+        public string Value { get; set; }
+    }
+
+
+
+
+
+    public class Project
+    {
+        [Column(IsIdentity = true, IsPrimary = true)] public long Id { get; set; }
+        public string Name { get; set; }
+        [Navigate(nameof(Workspace.ProjectId))] public List<Workspace> Workspaces { get; set; } = [];
+    }
+
+    public class Workspace
+    {
+        [Column(IsIdentity = true, IsPrimary = true)] public long Id { get; set; }
+        public long ProjectId { get; set; }
+        public string Name { get; set; }
+        [Navigate(nameof(Card.WorkspaceId))] public List<Card> Cards { get; set; } = [];
+        [Navigate(nameof(Card.WorkspaceId))] public List<Link> Links { get; set; } = [];
+    }
+
+}
+
+namespace Blueprint.Net.Server
+{
+    public class Program
+    {
+        public static void Main(string[] args)
+        {
+            var builder = WebApplication.CreateBuilder(args);
+
+            // Add services to the container.
+
+            builder.Services.AddControllers();
+            // Learn more about configuring Swagger/OpenAPI at https://aka.ms/aspnetcore/swashbuckle
+            builder.Services.AddEndpointsApiExplorer();
+            builder.Services.AddSwaggerGen();
+
+            builder.Services.AddSingleton(new FreeSql.FreeSqlBuilder()
+                .UseConnectionString(FreeSql.DataType.Sqlite, @"Data Source=blueprint.db")
+                .UseMonitorCommand(cmd => Console.WriteLine($"Sql：{cmd.CommandText}"))//监听SQL语句
+                .UseAutoSyncStructure(true) //自动同步实体结构到数据库，FreeSql不会扫描程序集，只有CRUD时才会生成表。
+                .Build());
+
+            var app = builder.Build();
+
+            // Configure the HTTP request pipeline.
+            if (app.Environment.IsDevelopment())
+            {
+                app.UseSwagger();
+                app.UseSwaggerUI();
+            }
+
+            app.UseAuthorization();
+
+            app.UseStaticFiles();
+
+            app.MapControllers();
+
+            app.Run();
+        }
+    }
+}
+{
+  "$schema": "http://json.schemastore.org/launchsettings.json",
+  "iisSettings": {
+    "windowsAuthentication": false,
+    "anonymousAuthentication": true,
+    "iisExpress": {
+      "applicationUrl": "http://localhost:19130",
+      "sslPort": 0
+    }
+  },
+  "profiles": {
+    "http": {
+      "commandName": "Project",
+      "dotnetRunMessages": true,
+      "launchBrowser": true,
+      "launchUrl": "swagger",
+      "applicationUrl": "http://localhost:5277",
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
+      }
+    },
+    "IIS Express": {
+      "commandName": "IISExpress",
+      "launchBrowser": true,
+      "launchUrl": "swagger",
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
+      }
+    }
+  }
+}
+{
+  "Logging": {
+    "LogLevel": {
+      "Default": "Information",
+      "Microsoft.AspNetCore": "Warning"
+    }
+  }
+}
+{
+  "Logging": {
+    "LogLevel": {
+      "Default": "Information",
+      "Microsoft.AspNetCore": "Warning"
+    }
+  },
+  "AllowedHosts": "*"
+}
+{
+  "runtimeTarget": {
+    "name": ".NETCoreApp,Version=v8.0",
+    "signature": ""
+  },
+  "compilationOptions": {},
+  "targets": {
+    ".NETCoreApp,Version=v8.0": {
+      "Blueprint.Net.Server/1.0.0": {
+        "dependencies": {
+          "FreeSql": "3.2.821",
+          "FreeSql.Provider.Sqlite": "3.2.821",
+          "FreeSql.Repository": "3.2.821",
+          "Swashbuckle.AspNetCore": "6.4.0"
+        },
+        "runtime": {
+          "Blueprint.Net.Server.dll": {}
+        }
+      },
+      "FreeSql/3.2.821": {
+        "runtime": {
+          "lib/netstandard2.1/FreeSql.dll": {
+            "assemblyVersion": "3.2.821.0",
+            "fileVersion": "3.2.821.0"
+          }
+        },
+        "resources": {
+          "lib/netstandard2.1/zh-Hans/FreeSql.resources.dll": {
+            "locale": "zh-Hans"
+          }
+        }
+      },
+      "FreeSql.DbContext/3.2.821": {
+        "dependencies": {
+          "FreeSql": "3.2.821",
+          "Microsoft.Extensions.DependencyInjection": "8.0.0"
+        },
+        "runtime": {
+          "lib/net8.0/FreeSql.DbContext.dll": {
+            "assemblyVersion": "3.2.821.0",
+            "fileVersion": "3.2.821.0"
+          }
+        },
+        "resources": {
+          "lib/net8.0/zh-Hans/FreeSql.DbContext.resources.dll": {
+            "locale": "zh-Hans"
+          }
+        }
+      },
+      "FreeSql.Provider.Sqlite/3.2.821": {
+        "dependencies": {
+          "FreeSql": "3.2.821",
+          "System.Data.SQLite.Core": "1.0.115.5"
+        },
+        "runtime": {
+          "lib/netstandard2.0/FreeSql.Provider.Sqlite.dll": {
+            "assemblyVersion": "3.2.821.0",
+            "fileVersion": "3.2.821.0"
+          }
+        }
+      },
+      "FreeSql.Repository/3.2.821": {
+        "dependencies": {
+          "FreeSql.DbContext": "3.2.821"
+        },
+        "runtime": {
+          "lib/net8.0/FreeSql.Repository.dll": {
+            "assemblyVersion": "3.2.821.0",
+            "fileVersion": "3.2.821.0"
+          }
+        }
+      },
+      "Microsoft.Extensions.ApiDescription.Server/6.0.5": {},
+      "Microsoft.Extensions.DependencyInjection/8.0.0": {
+        "dependencies": {
+          "Microsoft.Extensions.DependencyInjection.Abstractions": "8.0.0"
+        }
+      },
+      "Microsoft.Extensions.DependencyInjection.Abstractions/8.0.0": {},
+      "Microsoft.OpenApi/1.2.3": {
+        "runtime": {
+          "lib/netstandard2.0/Microsoft.OpenApi.dll": {
+            "assemblyVersion": "1.2.3.0",
+            "fileVersion": "1.2.3.0"
+          }
+        }
+      },
+      "Stub.System.Data.SQLite.Core.NetStandard/1.0.115.5": {
+        "runtime": {
+          "lib/netstandard2.1/System.Data.SQLite.dll": {
+            "assemblyVersion": "1.0.115.5",
+            "fileVersion": "1.0.115.5"
+          }
+        },
+        "runtimeTargets": {
+          "runtimes/linux-x64/native/SQLite.Interop.dll": {
+            "rid": "linux-x64",
+            "assetType": "native",
+            "fileVersion": "0.0.0.0"
+          },
+          "runtimes/osx-x64/native/SQLite.Interop.dll": {
+            "rid": "osx-x64",
+            "assetType": "native",
+            "fileVersion": "0.0.0.0"
+          },
+          "runtimes/win-x64/native/SQLite.Interop.dll": {
+            "rid": "win-x64",
+            "assetType": "native",
+            "fileVersion": "1.0.115.5"
+          },
+          "runtimes/win-x86/native/SQLite.Interop.dll": {
+            "rid": "win-x86",
+            "assetType": "native",
+            "fileVersion": "1.0.115.5"
+          }
+        }
+      },
+      "Swashbuckle.AspNetCore/6.4.0": {
+        "dependencies": {
+          "Microsoft.Extensions.ApiDescription.Server": "6.0.5",
+          "Swashbuckle.AspNetCore.Swagger": "6.4.0",
+          "Swashbuckle.AspNetCore.SwaggerGen": "6.4.0",
+          "Swashbuckle.AspNetCore.SwaggerUI": "6.4.0"
+        }
+      },
+      "Swashbuckle.AspNetCore.Swagger/6.4.0": {
+        "dependencies": {
+          "Microsoft.OpenApi": "1.2.3"
+        },
+        "runtime": {
+          "lib/net6.0/Swashbuckle.AspNetCore.Swagger.dll": {
+            "assemblyVersion": "6.4.0.0",
+            "fileVersion": "6.4.0.0"
+          }
+        }
+      },
+      "Swashbuckle.AspNetCore.SwaggerGen/6.4.0": {
+        "dependencies": {
+          "Swashbuckle.AspNetCore.Swagger": "6.4.0"
+        },
+        "runtime": {
+          "lib/net6.0/Swashbuckle.AspNetCore.SwaggerGen.dll": {
+            "assemblyVersion": "6.4.0.0",
+            "fileVersion": "6.4.0.0"
+          }
+        }
+      },
+      "Swashbuckle.AspNetCore.SwaggerUI/6.4.0": {
+        "runtime": {
+          "lib/net6.0/Swashbuckle.AspNetCore.SwaggerUI.dll": {
+            "assemblyVersion": "6.4.0.0",
+            "fileVersion": "6.4.0.0"
+          }
+        }
+      },
+      "System.Data.SQLite.Core/1.0.115.5": {
+        "dependencies": {
+          "Stub.System.Data.SQLite.Core.NetStandard": "1.0.115.5"
+        }
+      }
+    }
+  },
+  "libraries": {
+    "Blueprint.Net.Server/1.0.0": {
+      "type": "project",
+      "serviceable": false,
+      "sha512": ""
+    },
+    "FreeSql/3.2.821": {
+      "type": "package",
+      "serviceable": true,
+      "sha512": "sha512-bI/CTioEq4B9k5pqaZnXBSyJCIbHoUUTJGgQJF5osgq7/9kOxZo93hmZr8Vw6n5iFG5chx6wkcn4dnJJUsAEkA==",
+      "path": "freesql/3.2.821",
+      "hashPath": "freesql.3.2.821.nupkg.sha512"
+    },
+    "FreeSql.DbContext/3.2.821": {
+      "type": "package",
+      "serviceable": true,
+      "sha512": "sha512-wQWjKj7/2Iwzp5WxOE5WV/HmoVmj6fKPYGBxKB7JWxF7HudmXjeZS1Hll2ovQksqF/YujYf7SxGbDv5mU9qSGA==",
+      "path": "freesql.dbcontext/3.2.821",
+      "hashPath": "freesql.dbcontext.3.2.821.nupkg.sha512"
+    },
+    "FreeSql.Provider.Sqlite/3.2.821": {
+      "type": "package",
+      "serviceable": true,
+      "sha512": "sha512-vBvvq9mDz488XWYeNQSSt8t3FCKquS4DPab7hu7QVRF0ftXRAc6rRK5axFFJZjc5ABU7aIKtu1UiKQky8z/VnA==",
+      "path": "freesql.provider.sqlite/3.2.821",
+      "hashPath": "freesql.provider.sqlite.3.2.821.nupkg.sha512"
+    },
+    "FreeSql.Repository/3.2.821": {
+      "type": "package",
+      "serviceable": true,
+      "sha512": "sha512-cE/VG103FYXn2m63Xp7heYptPazNN+z+dUm9jZe2vNwV8LUCU3PbY04MD+liyQBCZ5WGCK70Pe4GXGfQzvRMLw==",
+      "path": "freesql.repository/3.2.821",
+      "hashPath": "freesql.repository.3.2.821.nupkg.sha512"
+    },
+    "Microsoft.Extensions.ApiDescription.Server/6.0.5": {
+      "type": "package",
+      "serviceable": true,
+      "sha512": "sha512-Ckb5EDBUNJdFWyajfXzUIMRkhf52fHZOQuuZg/oiu8y7zDCVwD0iHhew6MnThjHmevanpxL3f5ci2TtHQEN6bw==",
+      "path": "microsoft.extensions.apidescription.server/6.0.5",
+      "hashPath": "microsoft.extensions.apidescription.server.6.0.5.nupkg.sha512"
+    },
+    "Microsoft.Extensions.DependencyInjection/8.0.0": {
+      "type": "package",
+      "serviceable": true,
+      "sha512": "sha512-V8S3bsm50ig6JSyrbcJJ8bW2b9QLGouz+G1miK3UTaOWmMtFwNNNzUf4AleyDWUmTrWMLNnFSLEQtxmxgNQnNQ==",
+      "path": "microsoft.extensions.dependencyinjection/8.0.0",
+      "hashPath": "microsoft.extensions.dependencyinjection.8.0.0.nupkg.sha512"
+    },
+    "Microsoft.Extensions.DependencyInjection.Abstractions/8.0.0": {
+      "type": "package",
+      "serviceable": true,
+      "sha512": "sha512-cjWrLkJXK0rs4zofsK4bSdg+jhDLTaxrkXu4gS6Y7MAlCvRyNNgwY/lJi5RDlQOnSZweHqoyvgvbdvQsRIW+hg==",
+      "path": "microsoft.extensions.dependencyinjection.abstractions/8.0.0",
+      "hashPath": "microsoft.extensions.dependencyinjection.abstractions.8.0.0.nupkg.sha512"
+    },
+    "Microsoft.OpenApi/1.2.3": {
+      "type": "package",
+      "serviceable": true,
+      "sha512": "sha512-Nug3rO+7Kl5/SBAadzSMAVgqDlfGjJZ0GenQrLywJ84XGKO0uRqkunz5Wyl0SDwcR71bAATXvSdbdzPrYRYKGw==",
+      "path": "microsoft.openapi/1.2.3",
+      "hashPath": "microsoft.openapi.1.2.3.nupkg.sha512"
+    },
+    "Stub.System.Data.SQLite.Core.NetStandard/1.0.115.5": {
+      "type": "package",
+      "serviceable": true,
+      "sha512": "sha512-WfrqQg6WL+r4H1sVKTenNj6ERLXUukUxqcjH1rqPqXadeIWccTVpydESieD7cZ/NWQVSKLYIHuoBX5du+BFhIQ==",
+      "path": "stub.system.data.sqlite.core.netstandard/1.0.115.5",
+      "hashPath": "stub.system.data.sqlite.core.netstandard.1.0.115.5.nupkg.sha512"
+    },
+    "Swashbuckle.AspNetCore/6.4.0": {
+      "type": "package",
+      "serviceable": true,
+      "sha512": "sha512-eUBr4TW0up6oKDA5Xwkul289uqSMgY0xGN4pnbOIBqCcN9VKGGaPvHX3vWaG/hvocfGDP+MGzMA0bBBKz2fkmQ==",
+      "path": "swashbuckle.aspnetcore/6.4.0",
+      "hashPath": "swashbuckle.aspnetcore.6.4.0.nupkg.sha512"
+    },
+    "Swashbuckle.AspNetCore.Swagger/6.4.0": {
+      "type": "package",
+      "serviceable": true,
+      "sha512": "sha512-nl4SBgGM+cmthUcpwO/w1lUjevdDHAqRvfUoe4Xp/Uvuzt9mzGUwyFCqa3ODBAcZYBiFoKvrYwz0rabslJvSmQ==",
+      "path": "swashbuckle.aspnetcore.swagger/6.4.0",
+      "hashPath": "swashbuckle.aspnetcore.swagger.6.4.0.nupkg.sha512"
+    },
+    "Swashbuckle.AspNetCore.SwaggerGen/6.4.0": {
+      "type": "package",
+      "serviceable": true,
+      "sha512": "sha512-lXhcUBVqKrPFAQF7e/ZeDfb5PMgE8n5t6L5B6/BQSpiwxgHzmBcx8Msu42zLYFTvR5PIqE9Q9lZvSQAcwCxJjw==",
+      "path": "swashbuckle.aspnetcore.swaggergen/6.4.0",
+      "hashPath": "swashbuckle.aspnetcore.swaggergen.6.4.0.nupkg.sha512"
+    },
+    "Swashbuckle.AspNetCore.SwaggerUI/6.4.0": {
+      "type": "package",
+      "serviceable": true,
+      "sha512": "sha512-1Hh3atb3pi8c+v7n4/3N80Jj8RvLOXgWxzix6w3OZhB7zBGRwsy7FWr4e3hwgPweSBpwfElqj4V4nkjYabH9nQ==",
+      "path": "swashbuckle.aspnetcore.swaggerui/6.4.0",
+      "hashPath": "swashbuckle.aspnetcore.swaggerui.6.4.0.nupkg.sha512"
+    },
+    "System.Data.SQLite.Core/1.0.115.5": {
+      "type": "package",
+      "serviceable": true,
+      "sha512": "sha512-vADIqqgpxaC5xR6qOV8/KMZkQeSDCfmmWpVOtQx0oEr3Yjq2XdTxX7+jfE4+oO2xPovAbYiz6Q5cLRbSsDkq6Q==",
+      "path": "system.data.sqlite.core/1.0.115.5",
+      "hashPath": "system.data.sqlite.core.1.0.115.5.nupkg.sha512"
+    }
+  }
+}
 \ No newline at end of file
+{
+  "runtimeOptions": {
+    "tfm": "net8.0",
+    "frameworks": [
+      {
+        "name": "Microsoft.NETCore.App",
+        "version": "8.0.0"
+      },
+      {
+        "name": "Microsoft.AspNetCore.App",
+        "version": "8.0.0"
+      }
+    ],
+    "configProperties": {
+      "System.GC.Server": true,
+      "System.Runtime.Serialization.EnableUnsafeBinaryFormatterSerialization": false
+    }
+  }
+}
 \ No newline at end of file
+{"ContentRoots":["E:\\Code\\Blueprint\\Blueprint.Net.Server\\wwwroot\\"],"Root":{"Children":{"index.html":{"Children":null,"Asset":{"ContentRootIndex":0,"SubPath":"index.html"},"Patterns":null}},"Asset":null,"Patterns":[{"ContentRootIndex":0,"Pattern":"**","Depth":0}]}}
 \ No newline at end of file
+{
+  "Logging": {
+    "LogLevel": {
+      "Default": "Information",
+      "Microsoft.AspNetCore": "Warning"
+    }
+  }
+}
+{
+  "Logging": {
+    "LogLevel": {
+      "Default": "Information",
+      "Microsoft.AspNetCore": "Warning"
+    }
+  },
+  "AllowedHosts": "*"
+}
+{
+  "format": 1,
+  "restore": {
+    "E:\\Code\\Blueprint\\Blueprint.Net.Server\\Blueprint.Net.Server.csproj": {}
+  },
+  "projects": {
+    "E:\\Code\\Blueprint\\Blueprint.Net.Server\\Blueprint.Net.Server.csproj": {
+      "version": "1.0.0",
+      "restore": {
+        "projectUniqueName": "E:\\Code\\Blueprint\\Blueprint.Net.Server\\Blueprint.Net.Server.csproj",
+        "projectName": "Blueprint.Net.Server",
+        "projectPath": "E:\\Code\\Blueprint\\Blueprint.Net.Server\\Blueprint.Net.Server.csproj",
+        "packagesPath": "C:\\Users\\anan\\.nuget\\packages\\",
+        "outputPath": "E:\\Code\\Blueprint\\Blueprint.Net.Server\\obj\\",
+        "projectStyle": "PackageReference",
+        "fallbackFolders": [
+          "C:\\Users\\anan\\AppData\\Roaming\\Godot\\mono\\GodotNuGetFallbackFolder",
+          "C:\\Program Files (x86)\\Microsoft Visual Studio\\Shared\\NuGetPackages"
+        ],
+        "configFilePaths": [
+          "C:\\Users\\anan\\AppData\\Roaming\\NuGet\\NuGet.Config",
+          "C:\\Users\\anan\\AppData\\Roaming\\NuGet\\config\\Godot.Offline.Config",
+          "C:\\Program Files (x86)\\NuGet\\Config\\Microsoft.VisualStudio.FallbackLocation.config",
+          "C:\\Program Files (x86)\\NuGet\\Config\\Microsoft.VisualStudio.Offline.config"
+        ],
+        "originalTargetFrameworks": [
+          "net8.0"
+        ],
+        "sources": {
+          "C:\\Program Files (x86)\\Microsoft SDKs\\NuGetPackages\\": {},
+          "C:\\Program Files\\dotnet\\library-packs": {},
+          "https://api.nuget.org/v3/index.json": {}
+        },
+        "frameworks": {
+          "net8.0": {
+            "targetAlias": "net8.0",
+            "projectReferences": {}
+          }
+        },
+        "warningProperties": {
+          "warnAsError": [
+            "NU1605"
+          ]
+        },
+        "restoreAuditProperties": {
+          "enableAudit": "true",
+          "auditLevel": "low",
+          "auditMode": "direct"
+        }
+      },
+      "frameworks": {
+        "net8.0": {
+          "targetAlias": "net8.0",
+          "dependencies": {
+            "FreeSql": {
+              "target": "Package",
+              "version": "[3.2.821, )"
+            },
+            "FreeSql.Provider.Sqlite": {
+              "target": "Package",
+              "version": "[3.2.821, )"
+            },
+            "FreeSql.Repository": {
+              "target": "Package",
+              "version": "[3.2.821, )"
+            },
+            "Swashbuckle.AspNetCore": {
+              "target": "Package",
+              "version": "[6.4.0, )"
+            }
+          },
+          "imports": [
+            "net461",
+            "net462",
+            "net47",
+            "net471",
+            "net472",
+            "net48",
+            "net481"
+          ],
+          "assetTargetFallback": true,
+          "warn": true,
+          "frameworkReferences": {
+            "Microsoft.AspNetCore.App": {
+              "privateAssets": "none"
+            },
+            "Microsoft.NETCore.App": {
+              "privateAssets": "all"
+            }
+          },
+          "runtimeIdentifierGraphPath": "C:\\Program Files\\dotnet\\sdk\\8.0.201/PortableRuntimeIdentifierGraph.json"
+        }
+      }
+    }
+  }
+}
 \ No newline at end of file
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<Project ToolsVersion="14.0" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
+  <PropertyGroup Condition=" '$(ExcludeRestorePackageImports)' != 'true' ">
+    <RestoreSuccess Condition=" '$(RestoreSuccess)' == '' ">True</RestoreSuccess>
+    <RestoreTool Condition=" '$(RestoreTool)' == '' ">NuGet</RestoreTool>
+    <ProjectAssetsFile Condition=" '$(ProjectAssetsFile)' == '' ">$(MSBuildThisFileDirectory)project.assets.json</ProjectAssetsFile>
+    <NuGetPackageRoot Condition=" '$(NuGetPackageRoot)' == '' ">$(UserProfile)\.nuget\packages\</NuGetPackageRoot>
+    <NuGetPackageFolders Condition=" '$(NuGetPackageFolders)' == '' ">C:\Users\anan\.nuget\packages\;C:\Users\anan\AppData\Roaming\Godot\mono\GodotNuGetFallbackFolder;C:\Program Files (x86)\Microsoft Visual Studio\Shared\NuGetPackages</NuGetPackageFolders>
+    <NuGetProjectStyle Condition=" '$(NuGetProjectStyle)' == '' ">PackageReference</NuGetProjectStyle>
+    <NuGetToolVersion Condition=" '$(NuGetToolVersion)' == '' ">6.9.1</NuGetToolVersion>
+  </PropertyGroup>
+  <ItemGroup Condition=" '$(ExcludeRestorePackageImports)' != 'true' ">
+    <SourceRoot Include="C:\Users\anan\.nuget\packages\" />
+    <SourceRoot Include="C:\Users\anan\AppData\Roaming\Godot\mono\GodotNuGetFallbackFolder\" />
+    <SourceRoot Include="C:\Program Files (x86)\Microsoft Visual Studio\Shared\NuGetPackages\" />
+  </ItemGroup>
+  <ImportGroup Condition=" '$(ExcludeRestorePackageImports)' != 'true' ">
+    <Import Project="$(NuGetPackageRoot)microsoft.extensions.apidescription.server\6.0.5\build\Microsoft.Extensions.ApiDescription.Server.props" Condition="Exists('$(NuGetPackageRoot)microsoft.extensions.apidescription.server\6.0.5\build\Microsoft.Extensions.ApiDescription.Server.props')" />
+    <Import Project="$(NuGetPackageRoot)swashbuckle.aspnetcore\6.4.0\build\Swashbuckle.AspNetCore.props" Condition="Exists('$(NuGetPackageRoot)swashbuckle.aspnetcore\6.4.0\build\Swashbuckle.AspNetCore.props')" />
+  </ImportGroup>
+  <PropertyGroup Condition=" '$(ExcludeRestorePackageImports)' != 'true' ">
+    <PkgMicrosoft_Extensions_ApiDescription_Server Condition=" '$(PkgMicrosoft_Extensions_ApiDescription_Server)' == '' ">C:\Users\anan\.nuget\packages\microsoft.extensions.apidescription.server\6.0.5</PkgMicrosoft_Extensions_ApiDescription_Server>
+  </PropertyGroup>
+</Project>
 \ No newline at end of file
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<Project ToolsVersion="14.0" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
+  <ImportGroup Condition=" '$(ExcludeRestorePackageImports)' != 'true' ">
+    <Import Project="$(NuGetPackageRoot)microsoft.extensions.apidescription.server\6.0.5\build\Microsoft.Extensions.ApiDescription.Server.targets" Condition="Exists('$(NuGetPackageRoot)microsoft.extensions.apidescription.server\6.0.5\build\Microsoft.Extensions.ApiDescription.Server.targets')" />
+  </ImportGroup>
+</Project>
 \ No newline at end of file
+// <autogenerated />
+using System;
+using System.Reflection;
+[assembly: global::System.Runtime.Versioning.TargetFrameworkAttribute(".NETCoreApp,Version=v8.0", FrameworkDisplayName = ".NET 8.0")]
+[
+  {
+    "ContainingType": "Blueprint.Net.Server.Controllers.BlueprintController",
+    "Method": "DeleteCard",
+    "RelativePath": "Blueprint/DeleteCard/{id}",
+    "HttpMethod": "DELETE",
+    "IsController": true,
+    "Order": 0,
+    "Parameters": [
+      {
+        "Name": "id",
+        "Type": "System.Int64",
+        "IsRequired": true
+      }
+    ],
+    "ReturnTypes": []
+  },
+  {
+    "ContainingType": "Blueprint.Net.Server.Controllers.BlueprintController",
+    "Method": "DeleteLink",
+    "RelativePath": "Blueprint/DeleteLink/{id}",
+    "HttpMethod": "DELETE",
+    "IsController": true,
+    "Order": 0,
+    "Parameters": [
+      {
+        "Name": "id",
+        "Type": "System.Int64",
+        "IsRequired": true
+      }
+    ],
+    "ReturnTypes": []
+  },
+  {
+    "ContainingType": "Blueprint.Net.Server.Controllers.BlueprintController",
+    "Method": "DeleteProject",
+    "RelativePath": "Blueprint/DeleteProject/{id}",
+    "HttpMethod": "DELETE",
+    "IsController": true,
+    "Order": 0,
+    "Parameters": [
+      {
+        "Name": "id",
+        "Type": "System.Int64",
+        "IsRequired": true
+      }
+    ],
+    "ReturnTypes": []
+  },
+  {
+    "ContainingType": "Blueprint.Net.Server.Controllers.BlueprintController",
+    "Method": "DeleteWorkspace",
+    "RelativePath": "Blueprint/DeleteWorkspace/{id}",
+    "HttpMethod": "DELETE",
+    "IsController": true,
+    "Order": 0,
+    "Parameters": [
+      {
+        "Name": "id",
+        "Type": "System.Int64",
+        "IsRequired": true
+      }
+    ],
+    "ReturnTypes": []
+  },
+  {
+    "ContainingType": "Blueprint.Net.Server.Controllers.BlueprintController",
+    "Method": "GetProjects",
+    "RelativePath": "Blueprint/GetProjects",
+    "HttpMethod": "GET",
+    "IsController": true,
+    "Order": 0,
+    "Parameters": [],
+    "ReturnTypes": [
+      {
+        "Type": "System.Collections.Generic.IEnumerable\u00601[[Blueprint.Net.Server.Project, Blueprint.Net.Server, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null]]",
+        "MediaTypes": [
+          "text/plain",
+          "application/json",
+          "text/json"
+        ],
+        "StatusCode": 200
+      }
+    ]
+  },
+  {
+    "ContainingType": "Blueprint.Net.Server.Controllers.BlueprintController",
+    "Method": "Project",
+    "RelativePath": "Blueprint/Project",
+    "HttpMethod": "POST",
+    "IsController": true,
+    "Order": 0,
+    "Parameters": [
+      {
+        "Name": "project",
+        "Type": "Blueprint.Net.Server.Project",
+        "IsRequired": true
+      }
+    ],
+    "ReturnTypes": [
+      {
+        "Type": "Blueprint.Net.Server.Project",
+        "MediaTypes": [
+          "text/plain",
+          "application/json",
+          "text/json"
+        ],
+        "StatusCode": 200
+      }
+    ]
+  }
+]
 \ No newline at end of file
+//------------------------------------------------------------------------------
+// <auto-generated>
+//     This code was generated by a tool.
+//
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated.
+// </auto-generated>
+//------------------------------------------------------------------------------
+
+using System;
+using System.Reflection;
+
+[assembly: System.Reflection.AssemblyCompanyAttribute("Blueprint.Net.Server")]
+[assembly: System.Reflection.AssemblyConfigurationAttribute("Debug")]
+[assembly: System.Reflection.AssemblyFileVersionAttribute("1.0.0.0")]
+[assembly: System.Reflection.AssemblyInformationalVersionAttribute("1.0.0+21310e5f9b84d697cb0feff5b5ab032eedbd8151")]
+[assembly: System.Reflection.AssemblyProductAttribute("Blueprint.Net.Server")]
+[assembly: System.Reflection.AssemblyTitleAttribute("Blueprint.Net.Server")]
+[assembly: System.Reflection.AssemblyVersionAttribute("1.0.0.0")]
+
+// 由 MSBuild WriteCodeFragment 类生成。
+
+5eddb37dc7a53e4fa87096743c7acd0b6360a57b70e21a4550930a7499bb9c12
+is_global = true
+build_property.TargetFramework = net8.0
+build_property.TargetPlatformMinVersion = 
+build_property.UsingMicrosoftNETSdkWeb = true
+build_property.ProjectTypeGuids = 
+build_property.InvariantGlobalization = 
+build_property.PlatformNeutralAssembly = 
+build_property.EnforceExtendedAnalyzerRules = 
+build_property._SupportedPlatformList = Linux,macOS,Windows
+build_property.RootNamespace = Blueprint.Net.Server
+build_property.RootNamespace = Blueprint.Net.Server
+build_property.ProjectDir = E:\Code\Blueprint\Blueprint.Net.Server\
+build_property.EnableComHosting = 
+build_property.EnableGeneratedComInterfaceComImportInterop = 
+build_property.RazorLangVersion = 8.0
+build_property.SupportLocalizedComponentNames = 
+build_property.GenerateRazorMetadataSourceChecksumAttributes = 
+build_property.MSBuildProjectDirectory = E:\Code\Blueprint\Blueprint.Net.Server
+build_property._RazorSourceGeneratorDebug = 
+// <auto-generated/>
+global using global::Microsoft.AspNetCore.Builder;
+global using global::Microsoft.AspNetCore.Hosting;
+global using global::Microsoft.AspNetCore.Http;
+global using global::Microsoft.AspNetCore.Routing;
+global using global::Microsoft.Extensions.Configuration;
+global using global::Microsoft.Extensions.DependencyInjection;
+global using global::Microsoft.Extensions.Hosting;
+global using global::Microsoft.Extensions.Logging;
+global using global::System;
+global using global::System.Collections.Generic;
+global using global::System.IO;
+global using global::System.Linq;
+global using global::System.Net.Http;
+global using global::System.Net.Http.Json;
+global using global::System.Threading;
+global using global::System.Threading.Tasks;
+//------------------------------------------------------------------------------
+// <auto-generated>
+//     此代码由工具生成。
+//     运行时版本:4.0.30319.42000
+//
+//     对此文件的更改可能会导致不正确的行为，并且如果
+//     重新生成代码，这些更改将会丢失。
+// </auto-generated>
+//------------------------------------------------------------------------------
+
+using System;
+using System.Reflection;
+
+[assembly: Microsoft.AspNetCore.Mvc.ApplicationParts.ApplicationPartAttribute("Swashbuckle.AspNetCore.SwaggerGen")]
+
+// 由 MSBuild WriteCodeFragment 类生成。
+
+e6649176d8592337858ccf92973fd389b3d88f5441cf720c89972060326574ca
+E:\Code\Blueprint\Blueprint.Net.Server\obj\Debug\net8.0\Blueprint.Net.Server.csproj.AssemblyReference.cache
+E:\Code\Blueprint\Blueprint.Net.Server\obj\Debug\net8.0\Blueprint.Net.Server.GeneratedMSBuildEditorConfig.editorconfig
+E:\Code\Blueprint\Blueprint.Net.Server\obj\Debug\net8.0\Blueprint.Net.Server.AssemblyInfoInputs.cache
+E:\Code\Blueprint\Blueprint.Net.Server\obj\Debug\net8.0\Blueprint.Net.Server.AssemblyInfo.cs
+E:\Code\Blueprint\Blueprint.Net.Server\obj\Debug\net8.0\Blueprint.Net.Server.csproj.CoreCompileInputs.cache
+E:\Code\Blueprint\Blueprint.Net.Server\obj\Debug\net8.0\Blueprint.Net.Server.MvcApplicationPartsAssemblyInfo.cs
+E:\Code\Blueprint\Blueprint.Net.Server\obj\Debug\net8.0\Blueprint.Net.Server.MvcApplicationPartsAssemblyInfo.cache
+E:\Code\Blueprint\Blueprint.Net.Server\obj\Debug\net8.0\Blueprint.Net.Server.sourcelink.json
+E:\Code\Blueprint\Blueprint.Net.Server\bin\Debug\net8.0\appsettings.Development.json
+E:\Code\Blueprint\Blueprint.Net.Server\bin\Debug\net8.0\appsettings.json
+E:\Code\Blueprint\Blueprint.Net.Server\bin\Debug\net8.0\Blueprint.Net.Server.exe
+E:\Code\Blueprint\Blueprint.Net.Server\bin\Debug\net8.0\Blueprint.Net.Server.deps.json
+E:\Code\Blueprint\Blueprint.Net.Server\bin\Debug\net8.0\Blueprint.Net.Server.runtimeconfig.json
+E:\Code\Blueprint\Blueprint.Net.Server\bin\Debug\net8.0\Blueprint.Net.Server.dll
+E:\Code\Blueprint\Blueprint.Net.Server\bin\Debug\net8.0\Blueprint.Net.Server.pdb
+E:\Code\Blueprint\Blueprint.Net.Server\bin\Debug\net8.0\FreeSql.dll
+E:\Code\Blueprint\Blueprint.Net.Server\bin\Debug\net8.0\FreeSql.Provider.Sqlite.dll
+E:\Code\Blueprint\Blueprint.Net.Server\bin\Debug\net8.0\Microsoft.OpenApi.dll
+E:\Code\Blueprint\Blueprint.Net.Server\bin\Debug\net8.0\System.Data.SQLite.dll
+E:\Code\Blueprint\Blueprint.Net.Server\bin\Debug\net8.0\Swashbuckle.AspNetCore.Swagger.dll
+E:\Code\Blueprint\Blueprint.Net.Server\bin\Debug\net8.0\Swashbuckle.AspNetCore.SwaggerGen.dll
+E:\Code\Blueprint\Blueprint.Net.Server\bin\Debug\net8.0\Swashbuckle.AspNetCore.SwaggerUI.dll
+E:\Code\Blueprint\Blueprint.Net.Server\bin\Debug\net8.0\zh-Hans\FreeSql.resources.dll
+E:\Code\Blueprint\Blueprint.Net.Server\bin\Debug\net8.0\runtimes\linux-x64\native\SQLite.Interop.dll
+E:\Code\Blueprint\Blueprint.Net.Server\bin\Debug\net8.0\runtimes\osx-x64\native\SQLite.Interop.dll
+E:\Code\Blueprint\Blueprint.Net.Server\bin\Debug\net8.0\runtimes\win-x64\native\SQLite.Interop.dll
+E:\Code\Blueprint\Blueprint.Net.Server\bin\Debug\net8.0\runtimes\win-x86\native\SQLite.Interop.dll
+E:\Code\Blueprint\Blueprint.Net.Server\obj\Debug\net8.0\staticwebassets.build.json
+E:\Code\Blueprint\Blueprint.Net.Server\obj\Debug\net8.0\staticwebassets.development.json
+E:\Code\Blueprint\Blueprint.Net.Server\obj\Debug\net8.0\staticwebassets\msbuild.Blueprint.Net.Server.Microsoft.AspNetCore.StaticWebAssets.props
+E:\Code\Blueprint\Blueprint.Net.Server\obj\Debug\net8.0\staticwebassets\msbuild.build.Blueprint.Net.Server.props
+E:\Code\Blueprint\Blueprint.Net.Server\obj\Debug\net8.0\staticwebassets\msbuild.buildMultiTargeting.Blueprint.Net.Server.props
+E:\Code\Blueprint\Blueprint.Net.Server\obj\Debug\net8.0\staticwebassets\msbuild.buildTransitive.Blueprint.Net.Server.props
+E:\Code\Blueprint\Blueprint.Net.Server\obj\Debug\net8.0\staticwebassets.pack.json
+E:\Code\Blueprint\Blueprint.Net.Server\obj\Debug\net8.0\scopedcss\bundle\Blueprint.Net.Server.styles.css
+E:\Code\Blueprint\Blueprint.Net.Server\obj\Debug\net8.0\Blueprin.F6C0E272.Up2Date
+E:\Code\Blueprint\Blueprint.Net.Server\obj\Debug\net8.0\Blueprint.Net.Server.dll
+E:\Code\Blueprint\Blueprint.Net.Server\obj\Debug\net8.0\refint\Blueprint.Net.Server.dll
+E:\Code\Blueprint\Blueprint.Net.Server\obj\Debug\net8.0\Blueprint.Net.Server.pdb
+E:\Code\Blueprint\Blueprint.Net.Server\obj\Debug\net8.0\Blueprint.Net.Server.genruntimeconfig.cache
+E:\Code\Blueprint\Blueprint.Net.Server\obj\Debug\net8.0\ref\Blueprint.Net.Server.dll
+E:\Code\Blueprint\Blueprint.Net.Server\bin\Debug\net8.0\FreeSql.DbContext.dll
+E:\Code\Blueprint\Blueprint.Net.Server\bin\Debug\net8.0\FreeSql.Repository.dll
+E:\Code\Blueprint\Blueprint.Net.Server\bin\Debug\net8.0\zh-Hans\FreeSql.DbContext.resources.dll
+E:\Code\Blueprint\Blueprint.Net.Server\bin\Debug\net8.0\Blueprint.Net.Server.staticwebassets.runtime.json
+8acfbde84a0808a05ea09472133bf8a326d26f20e0ddb65a94244d389946671b
+{"documents":{"E:\\Code\\Blueprint\\*":"https://raw.githubusercontent.com/anan1213095357/Blueprint/b65316686ddc54c7cc975c98021932eb8cd587e0/*"}}
 \ No newline at end of file
+{
+  "Version": 1,
+  "Hash": "Pejh5880OWDtzUDeaYI0R3uZI5plIRGeOY+LIYo1sp8=",
+  "Source": "Blueprint.Net.Server",
+  "BasePath": "_content/Blueprint.Net.Server",
+  "Mode": "Default",
+  "ManifestType": "Build",
+  "ReferencedProjectsConfiguration": [],
+  "DiscoveryPatterns": [
+    {
+      "Name": "Blueprint.Net.Server\\wwwroot",
+      "Source": "Blueprint.Net.Server",
+      "ContentRoot": "E:\\Code\\Blueprint\\Blueprint.Net.Server\\wwwroot\\",
+      "BasePath": "_content/Blueprint.Net.Server",
+      "Pattern": "**"
+    }
+  ],
+  "Assets": [
+    {
+      "Identity": "E:\\Code\\Blueprint\\Blueprint.Net.Server\\wwwroot\\index.html",
+      "SourceId": "Blueprint.Net.Server",
+      "SourceType": "Discovered",
+      "ContentRoot": "E:\\Code\\Blueprint\\Blueprint.Net.Server\\wwwroot\\",
+      "BasePath": "_content/Blueprint.Net.Server",
+      "RelativePath": "index.html",
+      "AssetKind": "All",
+      "AssetMode": "All",
+      "AssetRole": "Primary",
+      "AssetMergeBehavior": "PreferTarget",
+      "AssetMergeSource": "",
+      "RelatedAsset": "",
+      "AssetTraitName": "",
+      "AssetTraitValue": "",
+      "CopyToOutputDirectory": "Never",
+      "CopyToPublishDirectory": "PreserveNewest",
+      "OriginalItemSpec": "wwwroot\\index.html"
+    }
+  ]
+}
 \ No newline at end of file
+{"ContentRoots":["E:\\Code\\Blueprint\\Blueprint.Net.Server\\wwwroot\\"],"Root":{"Children":{"index.html":{"Children":null,"Asset":{"ContentRootIndex":0,"SubPath":"index.html"},"Patterns":null}},"Asset":null,"Patterns":[{"ContentRootIndex":0,"Pattern":"**","Depth":0}]}}
 \ No newline at end of file
+{
+  "Files": [
+    {
+      "Id": "E:\\Code\\Blueprint\\Blueprint.Net.Server\\wwwroot\\index.html",
+      "PackagePath": "staticwebassets\\index.html"
+    },
+    {
+      "Id": "obj\\Debug\\net8.0\\staticwebassets\\msbuild.Blueprint.Net.Server.Microsoft.AspNetCore.StaticWebAssets.props",
+      "PackagePath": "build\\Microsoft.AspNetCore.StaticWebAssets.props"
+    },
+    {
+      "Id": "obj\\Debug\\net8.0\\staticwebassets\\msbuild.build.Blueprint.Net.Server.props",
+      "PackagePath": "build\\Blueprint.Net.Server.props"
+    },
+    {
+      "Id": "obj\\Debug\\net8.0\\staticwebassets\\msbuild.buildMultiTargeting.Blueprint.Net.Server.props",
+      "PackagePath": "buildMultiTargeting\\Blueprint.Net.Server.props"
+    },
+    {
+      "Id": "obj\\Debug\\net8.0\\staticwebassets\\msbuild.buildTransitive.Blueprint.Net.Server.props",
+      "PackagePath": "buildTransitive\\Blueprint.Net.Server.props"
+    }
+  ],
+  "ElementsToRemove": []
+}
 \ No newline at end of file
+<Project>
+  <ItemGroup>
+    <StaticWebAsset Include="$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\index.html))">
+      <SourceType>Package</SourceType>
+      <SourceId>Blueprint.Net.Server</SourceId>
+      <ContentRoot>$(MSBuildThisFileDirectory)..\staticwebassets\</ContentRoot>
+      <BasePath>_content/Blueprint.Net.Server</BasePath>
+      <RelativePath>index.html</RelativePath>
+      <AssetKind>All</AssetKind>
+      <AssetMode>All</AssetMode>
+      <AssetRole>Primary</AssetRole>
+      <RelatedAsset></RelatedAsset>
+      <AssetTraitName></AssetTraitName>
+      <AssetTraitValue></AssetTraitValue>
+      <CopyToOutputDirectory>Never</CopyToOutputDirectory>
+      <CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
+      <OriginalItemSpec>$([System.IO.Path]::GetFullPath($(MSBuildThisFileDirectory)..\staticwebassets\index.html))</OriginalItemSpec>
+    </StaticWebAsset>
+  </ItemGroup>
+</Project>
 \ No newline at end of file
+<Project>
+  <Import Project="Microsoft.AspNetCore.StaticWebAssets.props" />
+</Project>
 \ No newline at end of file
+<Project>
+  <Import Project="..\build\Blueprint.Net.Server.props" />
+</Project>
 \ No newline at end of file
+<Project>
+  <Import Project="..\buildMultiTargeting\Blueprint.Net.Server.props" />
+</Project>
 \ No newline at end of file
+{
+  "version": 3,
+  "targets": {
+    "net8.0": {
+      "FreeSql/3.2.821": {
+        "type": "package",
+        "compile": {
+          "lib/netstandard2.1/FreeSql.dll": {
+            "related": ".pdb;.xml"
+          }
+        },
+        "runtime": {
+          "lib/netstandard2.1/FreeSql.dll": {
+            "related": ".pdb;.xml"
+          }
+        },
+        "resource": {
+          "lib/netstandard2.1/zh-Hans/FreeSql.resources.dll": {
+            "locale": "zh-Hans"
+          }
+        }
+      },
+      "FreeSql.DbContext/3.2.821": {
+        "type": "package",
+        "dependencies": {
+          "FreeSql": "3.2.821",
+          "Microsoft.Extensions.DependencyInjection": "8.0.0"
+        },
+        "compile": {
+          "lib/net8.0/FreeSql.DbContext.dll": {
+            "related": ".pdb;.xml"
+          }
+        },
+        "runtime": {
+          "lib/net8.0/FreeSql.DbContext.dll": {
+            "related": ".pdb;.xml"
+          }
+        },
+        "resource": {
+          "lib/net8.0/zh-Hans/FreeSql.DbContext.resources.dll": {
+            "locale": "zh-Hans"
+          }
+        }
+      },
+      "FreeSql.Provider.Sqlite/3.2.821": {
+        "type": "package",
+        "dependencies": {
+          "FreeSql": "3.2.821",
+          "System.Data.SQLite.Core": "1.0.115.5"
+        },
+        "compile": {
+          "lib/netstandard2.0/FreeSql.Provider.Sqlite.dll": {
+            "related": ".pdb"
+          }
+        },
+        "runtime": {
+          "lib/netstandard2.0/FreeSql.Provider.Sqlite.dll": {
+            "related": ".pdb"
+          }
+        }
+      },
+      "FreeSql.Repository/3.2.821": {
+        "type": "package",
+        "dependencies": {
+          "FreeSql.DbContext": "3.2.821"
+        },
+        "compile": {
+          "lib/net8.0/FreeSql.Repository.dll": {
+            "related": ".pdb"
+          }
+        },
+        "runtime": {
+          "lib/net8.0/FreeSql.Repository.dll": {
+            "related": ".pdb"
+          }
+        }
+      },
+      "Microsoft.Extensions.ApiDescription.Server/6.0.5": {
+        "type": "package",
+        "build": {
+          "build/Microsoft.Extensions.ApiDescription.Server.props": {},
+          "build/Microsoft.Extensions.ApiDescription.Server.targets": {}
+        },
+        "buildMultiTargeting": {
+          "buildMultiTargeting/Microsoft.Extensions.ApiDescription.Server.props": {},
+          "buildMultiTargeting/Microsoft.Extensions.ApiDescription.Server.targets": {}
+        }
+      },
+      "Microsoft.Extensions.DependencyInjection/8.0.0": {
+        "type": "package",
+        "dependencies": {
+          "Microsoft.Extensions.DependencyInjection.Abstractions": "8.0.0"
+        },
+        "compile": {
+          "lib/net8.0/Microsoft.Extensions.DependencyInjection.dll": {
+            "related": ".xml"
+          }
+        },
+        "runtime": {
+          "lib/net8.0/Microsoft.Extensions.DependencyInjection.dll": {
+            "related": ".xml"
+          }
+        },
+        "build": {
+          "buildTransitive/net6.0/_._": {}
+        }
+      },
+      "Microsoft.Extensions.DependencyInjection.Abstractions/8.0.0": {
+        "type": "package",
+        "compile": {
+          "lib/net8.0/Microsoft.Extensions.DependencyInjection.Abstractions.dll": {
+            "related": ".xml"
+          }
+        },
+        "runtime": {
+          "lib/net8.0/Microsoft.Extensions.DependencyInjection.Abstractions.dll": {
+            "related": ".xml"
+          }
+        },
+        "build": {
+          "buildTransitive/net6.0/_._": {}
+        }
+      },
+      "Microsoft.OpenApi/1.2.3": {
+        "type": "package",
+        "compile": {
+          "lib/netstandard2.0/Microsoft.OpenApi.dll": {
+            "related": ".pdb;.xml"
+          }
+        },
+        "runtime": {
+          "lib/netstandard2.0/Microsoft.OpenApi.dll": {
+            "related": ".pdb;.xml"
+          }
+        }
+      },
+      "Stub.System.Data.SQLite.Core.NetStandard/1.0.115.5": {
+        "type": "package",
+        "compile": {
+          "lib/netstandard2.1/System.Data.SQLite.dll": {
+            "related": ".dll.altconfig;.xml"
+          }
+        },
+        "runtime": {
+          "lib/netstandard2.1/System.Data.SQLite.dll": {
+            "related": ".dll.altconfig;.xml"
+          }
+        },
+        "runtimeTargets": {
+          "runtimes/linux-x64/native/SQLite.Interop.dll": {
+            "assetType": "native",
+            "rid": "linux-x64"
+          },
+          "runtimes/osx-x64/native/SQLite.Interop.dll": {
+            "assetType": "native",
+            "rid": "osx-x64"
+          },
+          "runtimes/win-x64/native/SQLite.Interop.dll": {
+            "assetType": "native",
+            "rid": "win-x64"
+          },
+          "runtimes/win-x86/native/SQLite.Interop.dll": {
+            "assetType": "native",
+            "rid": "win-x86"
+          }
+        }
+      },
+      "Swashbuckle.AspNetCore/6.4.0": {
+        "type": "package",
+        "dependencies": {
+          "Microsoft.Extensions.ApiDescription.Server": "6.0.5",
+          "Swashbuckle.AspNetCore.Swagger": "6.4.0",
+          "Swashbuckle.AspNetCore.SwaggerGen": "6.4.0",
+          "Swashbuckle.AspNetCore.SwaggerUI": "6.4.0"
+        },
+        "build": {
+          "build/Swashbuckle.AspNetCore.props": {}
+        }
+      },
+      "Swashbuckle.AspNetCore.Swagger/6.4.0": {
+        "type": "package",
+        "dependencies": {
+          "Microsoft.OpenApi": "1.2.3"
+        },
+        "compile": {
+          "lib/net6.0/Swashbuckle.AspNetCore.Swagger.dll": {
+            "related": ".pdb;.xml"
+          }
+        },
+        "runtime": {
+          "lib/net6.0/Swashbuckle.AspNetCore.Swagger.dll": {
+            "related": ".pdb;.xml"
+          }
+        },
+        "frameworkReferences": [
+          "Microsoft.AspNetCore.App"
+        ]
+      },
+      "Swashbuckle.AspNetCore.SwaggerGen/6.4.0": {
+        "type": "package",
+        "dependencies": {
+          "Swashbuckle.AspNetCore.Swagger": "6.4.0"
+        },
+        "compile": {
+          "lib/net6.0/Swashbuckle.AspNetCore.SwaggerGen.dll": {
+            "related": ".pdb;.xml"
+          }
+        },
+        "runtime": {
+          "lib/net6.0/Swashbuckle.AspNetCore.SwaggerGen.dll": {
+            "related": ".pdb;.xml"
+          }
+        }
+      },
+      "Swashbuckle.AspNetCore.SwaggerUI/6.4.0": {
+        "type": "package",
+        "compile": {
+          "lib/net6.0/Swashbuckle.AspNetCore.SwaggerUI.dll": {
+            "related": ".pdb;.xml"
+          }
+        },
+        "runtime": {
+          "lib/net6.0/Swashbuckle.AspNetCore.SwaggerUI.dll": {
+            "related": ".pdb;.xml"
+          }
+        },
+        "frameworkReferences": [
+          "Microsoft.AspNetCore.App"
+        ]
+      },
+      "System.Data.SQLite.Core/1.0.115.5": {
+        "type": "package",
+        "dependencies": {
+          "Stub.System.Data.SQLite.Core.NetStandard": "[1.0.115.5]"
+        }
+      }
+    }
+  },
+  "libraries": {
+    "FreeSql/3.2.821": {
+      "sha512": "bI/CTioEq4B9k5pqaZnXBSyJCIbHoUUTJGgQJF5osgq7/9kOxZo93hmZr8Vw6n5iFG5chx6wkcn4dnJJUsAEkA==",
+      "type": "package",
+      "path": "freesql/3.2.821",
+      "files": [
+        ".nupkg.metadata",
+        ".signature.p7s",
+        "freesql.3.2.821.nupkg.sha512",
+        "freesql.nuspec",
+        "lib/net40/FreeSql.dll",
+        "lib/net40/FreeSql.pdb",
+        "lib/net40/FreeSql.xml",
+        "lib/net40/zh-Hans/FreeSql.resources.dll",
+        "lib/net45/FreeSql.dll",
+        "lib/net45/FreeSql.pdb",
+        "lib/net45/FreeSql.xml",
+        "lib/net45/zh-Hans/FreeSql.resources.dll",
+        "lib/net451/FreeSql.dll",
+        "lib/net451/FreeSql.pdb",
+        "lib/net451/FreeSql.xml",
+        "lib/net451/zh-Hans/FreeSql.resources.dll",
+        "lib/netstandard2.0/FreeSql.dll",
+        "lib/netstandard2.0/FreeSql.pdb",
+        "lib/netstandard2.0/FreeSql.xml",
+        "lib/netstandard2.0/zh-Hans/FreeSql.resources.dll",
+        "lib/netstandard2.1/FreeSql.dll",
+        "lib/netstandard2.1/FreeSql.pdb",
+        "lib/netstandard2.1/FreeSql.xml",
+        "lib/netstandard2.1/zh-Hans/FreeSql.resources.dll",
+        "logo.png",
+        "readme.md"
+      ]
+    },
+    "FreeSql.DbContext/3.2.821": {
+      "sha512": "wQWjKj7/2Iwzp5WxOE5WV/HmoVmj6fKPYGBxKB7JWxF7HudmXjeZS1Hll2ovQksqF/YujYf7SxGbDv5mU9qSGA==",
+      "type": "package",
+      "path": "freesql.dbcontext/3.2.821",
+      "files": [
+        ".nupkg.metadata",
+        ".signature.p7s",
+        "freesql.dbcontext.3.2.821.nupkg.sha512",
+        "freesql.dbcontext.nuspec",
+        "lib/net40/FreeSql.DbContext.dll",
+        "lib/net40/FreeSql.DbContext.pdb",
+        "lib/net40/FreeSql.DbContext.xml",
+        "lib/net40/zh-Hans/FreeSql.DbContext.resources.dll",
+        "lib/net45/FreeSql.DbContext.dll",
+        "lib/net45/FreeSql.DbContext.pdb",
+        "lib/net45/FreeSql.DbContext.xml",
+        "lib/net45/zh-Hans/FreeSql.DbContext.resources.dll",
+        "lib/net5.0/FreeSql.DbContext.dll",
+        "lib/net5.0/FreeSql.DbContext.pdb",
+        "lib/net5.0/FreeSql.DbContext.xml",
+        "lib/net5.0/zh-Hans/FreeSql.DbContext.resources.dll",
+        "lib/net6.0/FreeSql.DbContext.dll",
+        "lib/net6.0/FreeSql.DbContext.pdb",
+        "lib/net6.0/FreeSql.DbContext.xml",
+        "lib/net6.0/zh-Hans/FreeSql.DbContext.resources.dll",
+        "lib/net7.0/FreeSql.DbContext.dll",
+        "lib/net7.0/FreeSql.DbContext.pdb",
+        "lib/net7.0/FreeSql.DbContext.xml",
+        "lib/net7.0/zh-Hans/FreeSql.DbContext.resources.dll",
+        "lib/net8.0/FreeSql.DbContext.dll",
+        "lib/net8.0/FreeSql.DbContext.pdb",
+        "lib/net8.0/FreeSql.DbContext.xml",
+        "lib/net8.0/zh-Hans/FreeSql.DbContext.resources.dll",
+        "lib/netcoreapp3.1/FreeSql.DbContext.dll",
+        "lib/netcoreapp3.1/FreeSql.DbContext.pdb",
+        "lib/netcoreapp3.1/FreeSql.DbContext.xml",
+        "lib/netcoreapp3.1/zh-Hans/FreeSql.DbContext.resources.dll",
+        "lib/netstandard2.0/FreeSql.DbContext.dll",
+        "lib/netstandard2.0/FreeSql.DbContext.pdb",
+        "lib/netstandard2.0/FreeSql.DbContext.xml",
+        "lib/netstandard2.0/zh-Hans/FreeSql.DbContext.resources.dll",
+        "lib/netstandard2.1/FreeSql.DbContext.dll",
+        "lib/netstandard2.1/FreeSql.DbContext.pdb",
+        "lib/netstandard2.1/FreeSql.DbContext.xml",
+        "lib/netstandard2.1/zh-Hans/FreeSql.DbContext.resources.dll",
+        "logo.png",
+        "readme.md"
+      ]
+    },
+    "FreeSql.Provider.Sqlite/3.2.821": {
+      "sha512": "vBvvq9mDz488XWYeNQSSt8t3FCKquS4DPab7hu7QVRF0ftXRAc6rRK5axFFJZjc5ABU7aIKtu1UiKQky8z/VnA==",
+      "type": "package",
+      "path": "freesql.provider.sqlite/3.2.821",
+      "files": [
+        ".nupkg.metadata",
+        ".signature.p7s",
+        "freesql.provider.sqlite.3.2.821.nupkg.sha512",
+        "freesql.provider.sqlite.nuspec",
+        "lib/net40/FreeSql.Provider.Sqlite.dll",
+        "lib/net40/FreeSql.Provider.Sqlite.pdb",
+        "lib/net45/FreeSql.Provider.Sqlite.dll",
+        "lib/net45/FreeSql.Provider.Sqlite.pdb",
+        "lib/netstandard2.0/FreeSql.Provider.Sqlite.dll",
+        "lib/netstandard2.0/FreeSql.Provider.Sqlite.pdb",
+        "logo.png",
+        "readme.md"
+      ]
+    },
+    "FreeSql.Repository/3.2.821": {
+      "sha512": "cE/VG103FYXn2m63Xp7heYptPazNN+z+dUm9jZe2vNwV8LUCU3PbY04MD+liyQBCZ5WGCK70Pe4GXGfQzvRMLw==",
+      "type": "package",
+      "path": "freesql.repository/3.2.821",
+      "files": [
+        ".nupkg.metadata",
+        ".signature.p7s",
+        "freesql.repository.3.2.821.nupkg.sha512",
+        "freesql.repository.nuspec",
+        "lib/net40/FreeSql.Repository.dll",
+        "lib/net40/FreeSql.Repository.pdb",
+        "lib/net45/FreeSql.Repository.dll",
+        "lib/net45/FreeSql.Repository.pdb",
+        "lib/net5.0/FreeSql.Repository.dll",
+        "lib/net5.0/FreeSql.Repository.pdb",
+        "lib/net6.0/FreeSql.Repository.dll",
+        "lib/net6.0/FreeSql.Repository.pdb",
+        "lib/net7.0/FreeSql.Repository.dll",
+        "lib/net7.0/FreeSql.Repository.pdb",
+        "lib/net8.0/FreeSql.Repository.dll",
+        "lib/net8.0/FreeSql.Repository.pdb",
+        "lib/netcoreapp3.1/FreeSql.Repository.dll",
+        "lib/netcoreapp3.1/FreeSql.Repository.pdb",
+        "lib/netstandard2.0/FreeSql.Repository.dll",
+        "lib/netstandard2.0/FreeSql.Repository.pdb",
+        "lib/netstandard2.1/FreeSql.Repository.dll",
+        "lib/netstandard2.1/FreeSql.Repository.pdb",
+        "logo.png",
+        "readme.md"
+      ]
+    },
+    "Microsoft.Extensions.ApiDescription.Server/6.0.5": {
+      "sha512": "Ckb5EDBUNJdFWyajfXzUIMRkhf52fHZOQuuZg/oiu8y7zDCVwD0iHhew6MnThjHmevanpxL3f5ci2TtHQEN6bw==",
+      "type": "package",
+      "path": "microsoft.extensions.apidescription.server/6.0.5",
+      "hasTools": true,
+      "files": [
+        ".nupkg.metadata",
+        ".signature.p7s",
+        "Icon.png",
+        "build/Microsoft.Extensions.ApiDescription.Server.props",
+        "build/Microsoft.Extensions.ApiDescription.Server.targets",
+        "buildMultiTargeting/Microsoft.Extensions.ApiDescription.Server.props",
+        "buildMultiTargeting/Microsoft.Extensions.ApiDescription.Server.targets",
+        "microsoft.extensions.apidescription.server.6.0.5.nupkg.sha512",
+        "microsoft.extensions.apidescription.server.nuspec",
+        "tools/Newtonsoft.Json.dll",
+        "tools/dotnet-getdocument.deps.json",
+        "tools/dotnet-getdocument.dll",
+        "tools/dotnet-getdocument.runtimeconfig.json",
+        "tools/net461-x86/GetDocument.Insider.exe",
+        "tools/net461-x86/GetDocument.Insider.exe.config",
+        "tools/net461-x86/Microsoft.Win32.Primitives.dll",
+        "tools/net461-x86/System.AppContext.dll",
+        "tools/net461-x86/System.Buffers.dll",
+        "tools/net461-x86/System.Collections.Concurrent.dll",
+        "tools/net461-x86/System.Collections.NonGeneric.dll",
+        "tools/net461-x86/System.Collections.Specialized.dll",
+        "tools/net461-x86/System.Collections.dll",
+        "tools/net461-x86/System.ComponentModel.EventBasedAsync.dll",
+        "tools/net461-x86/System.ComponentModel.Primitives.dll",
+        "tools/net461-x86/System.ComponentModel.TypeConverter.dll",
+        "tools/net461-x86/System.ComponentModel.dll",
+        "tools/net461-x86/System.Console.dll",
+        "tools/net461-x86/System.Data.Common.dll",
+        "tools/net461-x86/System.Diagnostics.Contracts.dll",
+        "tools/net461-x86/System.Diagnostics.Debug.dll",
+        "tools/net461-x86/System.Diagnostics.DiagnosticSource.dll",
+        "tools/net461-x86/System.Diagnostics.FileVersionInfo.dll",
+        "tools/net461-x86/System.Diagnostics.Process.dll",
+        "tools/net461-x86/System.Diagnostics.StackTrace.dll",
+        "tools/net461-x86/System.Diagnostics.TextWriterTraceListener.dll",
+        "tools/net461-x86/System.Diagnostics.Tools.dll",
+        "tools/net461-x86/System.Diagnostics.TraceSource.dll",
+        "tools/net461-x86/System.Diagnostics.Tracing.dll",
+        "tools/net461-x86/System.Drawing.Primitives.dll",
+        "tools/net461-x86/System.Dynamic.Runtime.dll",
+        "tools/net461-x86/System.Globalization.Calendars.dll",
+        "tools/net461-x86/System.Globalization.Extensions.dll",
+        "tools/net461-x86/System.Globalization.dll",
+        "tools/net461-x86/System.IO.Compression.ZipFile.dll",
+        "tools/net461-x86/System.IO.Compression.dll",
+        "tools/net461-x86/System.IO.FileSystem.DriveInfo.dll",
+        "tools/net461-x86/System.IO.FileSystem.Primitives.dll",
+        "tools/net461-x86/System.IO.FileSystem.Watcher.dll",
+        "tools/net461-x86/System.IO.FileSystem.dll",
+        "tools/net461-x86/System.IO.IsolatedStorage.dll",
+        "tools/net461-x86/System.IO.MemoryMappedFiles.dll",
+        "tools/net461-x86/System.IO.Pipes.dll",
+        "tools/net461-x86/System.IO.UnmanagedMemoryStream.dll",
+        "tools/net461-x86/System.IO.dll",
+        "tools/net461-x86/System.Linq.Expressions.dll",
+        "tools/net461-x86/System.Linq.Parallel.dll",
+        "tools/net461-x86/System.Linq.Queryable.dll",
+        "tools/net461-x86/System.Linq.dll",
+        "tools/net461-x86/System.Memory.dll",
+        "tools/net461-x86/System.Net.Http.dll",
+        "tools/net461-x86/System.Net.NameResolution.dll",
+        "tools/net461-x86/System.Net.NetworkInformation.dll",
+        "tools/net461-x86/System.Net.Ping.dll",
+        "tools/net461-x86/System.Net.Primitives.dll",
+        "tools/net461-x86/System.Net.Requests.dll",
+        "tools/net461-x86/System.Net.Security.dll",
+        "tools/net461-x86/System.Net.Sockets.dll",
+        "tools/net461-x86/System.Net.WebHeaderCollection.dll",
+        "tools/net461-x86/System.Net.WebSockets.Client.dll",
+        "tools/net461-x86/System.Net.WebSockets.dll",
+        "tools/net461-x86/System.Numerics.Vectors.dll",
+        "tools/net461-x86/System.ObjectModel.dll",
+        "tools/net461-x86/System.Reflection.Extensions.dll",
+        "tools/net461-x86/System.Reflection.Primitives.dll",
+        "tools/net461-x86/System.Reflection.dll",
+        "tools/net461-x86/System.Resources.Reader.dll",
+        "tools/net461-x86/System.Resources.ResourceManager.dll",
+        "tools/net461-x86/System.Resources.Writer.dll",
+        "tools/net461-x86/System.Runtime.CompilerServices.Unsafe.dll",
+        "tools/net461-x86/System.Runtime.CompilerServices.VisualC.dll",
+        "tools/net461-x86/System.Runtime.Extensions.dll",
+        "tools/net461-x86/System.Runtime.Handles.dll",
+        "tools/net461-x86/System.Runtime.InteropServices.RuntimeInformation.dll",
+        "tools/net461-x86/System.Runtime.InteropServices.dll",
+        "tools/net461-x86/System.Runtime.Numerics.dll",
+        "tools/net461-x86/System.Runtime.Serialization.Formatters.dll",
+        "tools/net461-x86/System.Runtime.Serialization.Json.dll",
+        "tools/net461-x86/System.Runtime.Serialization.Primitives.dll",
+        "tools/net461-x86/System.Runtime.Serialization.Xml.dll",
+        "tools/net461-x86/System.Runtime.dll",
+        "tools/net461-x86/System.Security.Claims.dll",
+        "tools/net461-x86/System.Security.Cryptography.Algorithms.dll",
+        "tools/net461-x86/System.Security.Cryptography.Csp.dll",
+        "tools/net461-x86/System.Security.Cryptography.Encoding.dll",
+        "tools/net461-x86/System.Security.Cryptography.Primitives.dll",
+        "tools/net461-x86/System.Security.Cryptography.X509Certificates.dll",
+        "tools/net461-x86/System.Security.Principal.dll",
+        "tools/net461-x86/System.Security.SecureString.dll",
+        "tools/net461-x86/System.Text.Encoding.Extensions.dll",
+        "tools/net461-x86/System.Text.Encoding.dll",
+        "tools/net461-x86/System.Text.RegularExpressions.dll",
+        "tools/net461-x86/System.Threading.Overlapped.dll",
+        "tools/net461-x86/System.Threading.Tasks.Parallel.dll",
+        "tools/net461-x86/System.Threading.Tasks.dll",
+        "tools/net461-x86/System.Threading.Thread.dll",
+        "tools/net461-x86/System.Threading.ThreadPool.dll",
+        "tools/net461-x86/System.Threading.Timer.dll",
+        "tools/net461-x86/System.Threading.dll",
+        "tools/net461-x86/System.ValueTuple.dll",
+        "tools/net461-x86/System.Xml.ReaderWriter.dll",
+        "tools/net461-x86/System.Xml.XDocument.dll",
+        "tools/net461-x86/System.Xml.XPath.XDocument.dll",
+        "tools/net461-x86/System.Xml.XPath.dll",
+        "tools/net461-x86/System.Xml.XmlDocument.dll",
+        "tools/net461-x86/System.Xml.XmlSerializer.dll",
+        "tools/net461-x86/netstandard.dll",
+        "tools/net461/GetDocument.Insider.exe",
+        "tools/net461/GetDocument.Insider.exe.config",
+        "tools/net461/Microsoft.Win32.Primitives.dll",
+        "tools/net461/System.AppContext.dll",
+        "tools/net461/System.Buffers.dll",
+        "tools/net461/System.Collections.Concurrent.dll",
+        "tools/net461/System.Collections.NonGeneric.dll",
+        "tools/net461/System.Collections.Specialized.dll",
+        "tools/net461/System.Collections.dll",
+        "tools/net461/System.ComponentModel.EventBasedAsync.dll",
+        "tools/net461/System.ComponentModel.Primitives.dll",
+        "tools/net461/System.ComponentModel.TypeConverter.dll",
+        "tools/net461/System.ComponentModel.dll",
+        "tools/net461/System.Console.dll",
+        "tools/net461/System.Data.Common.dll",
+        "tools/net461/System.Diagnostics.Contracts.dll",
+        "tools/net461/System.Diagnostics.Debug.dll",
+        "tools/net461/System.Diagnostics.DiagnosticSource.dll",
+        "tools/net461/System.Diagnostics.FileVersionInfo.dll",
+        "tools/net461/System.Diagnostics.Process.dll",
+        "tools/net461/System.Diagnostics.StackTrace.dll",
+        "tools/net461/System.Diagnostics.TextWriterTraceListener.dll",
+        "tools/net461/System.Diagnostics.Tools.dll",
+        "tools/net461/System.Diagnostics.TraceSource.dll",
+        "tools/net461/System.Diagnostics.Tracing.dll",
+        "tools/net461/System.Drawing.Primitives.dll",
+        "tools/net461/System.Dynamic.Runtime.dll",
+        "tools/net461/System.Globalization.Calendars.dll",
+        "tools/net461/System.Globalization.Extensions.dll",
+        "tools/net461/System.Globalization.dll",
+        "tools/net461/System.IO.Compression.ZipFile.dll",
+        "tools/net461/System.IO.Compression.dll",
+        "tools/net461/System.IO.FileSystem.DriveInfo.dll",
+        "tools/net461/System.IO.FileSystem.Primitives.dll",
+        "tools/net461/System.IO.FileSystem.Watcher.dll",
+        "tools/net461/System.IO.FileSystem.dll",
+        "tools/net461/System.IO.IsolatedStorage.dll",
+        "tools/net461/System.IO.MemoryMappedFiles.dll",
+        "tools/net461/System.IO.Pipes.dll",
+        "tools/net461/System.IO.UnmanagedMemoryStream.dll",
+        "tools/net461/System.IO.dll",
+        "tools/net461/System.Linq.Expressions.dll",
+        "tools/net461/System.Linq.Parallel.dll",
+        "tools/net461/System.Linq.Queryable.dll",
+        "tools/net461/System.Linq.dll",
+        "tools/net461/System.Memory.dll",
+        "tools/net461/System.Net.Http.dll",
+        "tools/net461/System.Net.NameResolution.dll",
+        "tools/net461/System.Net.NetworkInformation.dll",
+        "tools/net461/System.Net.Ping.dll",
+        "tools/net461/System.Net.Primitives.dll",
+        "tools/net461/System.Net.Requests.dll",
+        "tools/net461/System.Net.Security.dll",
+        "tools/net461/System.Net.Sockets.dll",
+        "tools/net461/System.Net.WebHeaderCollection.dll",
+        "tools/net461/System.Net.WebSockets.Client.dll",
+        "tools/net461/System.Net.WebSockets.dll",
+        "tools/net461/System.Numerics.Vectors.dll",
+        "tools/net461/System.ObjectModel.dll",
+        "tools/net461/System.Reflection.Extensions.dll",
+        "tools/net461/System.Reflection.Primitives.dll",
+        "tools/net461/System.Reflection.dll",
+        "tools/net461/System.Resources.Reader.dll",
+        "tools/net461/System.Resources.ResourceManager.dll",
+        "tools/net461/System.Resources.Writer.dll",
+        "tools/net461/System.Runtime.CompilerServices.Unsafe.dll",
+        "tools/net461/System.Runtime.CompilerServices.VisualC.dll",
+        "tools/net461/System.Runtime.Extensions.dll",
+        "tools/net461/System.Runtime.Handles.dll",
+        "tools/net461/System.Runtime.InteropServices.RuntimeInformation.dll",
+        "tools/net461/System.Runtime.InteropServices.dll",
+        "tools/net461/System.Runtime.Numerics.dll",
+        "tools/net461/System.Runtime.Serialization.Formatters.dll",
+        "tools/net461/System.Runtime.Serialization.Json.dll",
+        "tools/net461/System.Runtime.Serialization.Primitives.dll",
+        "tools/net461/System.Runtime.Serialization.Xml.dll",
+        "tools/net461/System.Runtime.dll",
+        "tools/net461/System.Security.Claims.dll",
+        "tools/net461/System.Security.Cryptography.Algorithms.dll",
+        "tools/net461/System.Security.Cryptography.Csp.dll",
+        "tools/net461/System.Security.Cryptography.Encoding.dll",
+        "tools/net461/System.Security.Cryptography.Primitives.dll",
+        "tools/net461/System.Security.Cryptography.X509Certificates.dll",
+        "tools/net461/System.Security.Principal.dll",
+        "tools/net461/System.Security.SecureString.dll",
+        "tools/net461/System.Text.Encoding.Extensions.dll",
+        "tools/net461/System.Text.Encoding.dll",
+        "tools/net461/System.Text.RegularExpressions.dll",
+        "tools/net461/System.Threading.Overlapped.dll",
+        "tools/net461/System.Threading.Tasks.Parallel.dll",
+        "tools/net461/System.Threading.Tasks.dll",
+        "tools/net461/System.Threading.Thread.dll",
+        "tools/net461/System.Threading.ThreadPool.dll",
+        "tools/net461/System.Threading.Timer.dll",
+        "tools/net461/System.Threading.dll",
+        "tools/net461/System.ValueTuple.dll",
+        "tools/net461/System.Xml.ReaderWriter.dll",
+        "tools/net461/System.Xml.XDocument.dll",
+        "tools/net461/System.Xml.XPath.XDocument.dll",
+        "tools/net461/System.Xml.XPath.dll",
+        "tools/net461/System.Xml.XmlDocument.dll",
+        "tools/net461/System.Xml.XmlSerializer.dll",
+        "tools/net461/netstandard.dll",
+        "tools/netcoreapp2.1/GetDocument.Insider.deps.json",
+        "tools/netcoreapp2.1/GetDocument.Insider.dll",
+        "tools/netcoreapp2.1/GetDocument.Insider.runtimeconfig.json",
+        "tools/netcoreapp2.1/System.Diagnostics.DiagnosticSource.dll"
+      ]
+    },
+    "Microsoft.Extensions.DependencyInjection/8.0.0": {
+      "sha512": "V8S3bsm50ig6JSyrbcJJ8bW2b9QLGouz+G1miK3UTaOWmMtFwNNNzUf4AleyDWUmTrWMLNnFSLEQtxmxgNQnNQ==",
+      "type": "package",
+      "path": "microsoft.extensions.dependencyinjection/8.0.0",
+      "files": [
+        ".nupkg.metadata",
+        ".signature.p7s",
+        "Icon.png",
+        "LICENSE.TXT",
+        "PACKAGE.md",
+        "THIRD-PARTY-NOTICES.TXT",
+        "buildTransitive/net461/Microsoft.Extensions.DependencyInjection.targets",
+        "buildTransitive/net462/_._",
+        "buildTransitive/net6.0/_._",
+        "buildTransitive/netcoreapp2.0/Microsoft.Extensions.DependencyInjection.targets",
+        "lib/net462/Microsoft.Extensions.DependencyInjection.dll",
+        "lib/net462/Microsoft.Extensions.DependencyInjection.xml",
+        "lib/net6.0/Microsoft.Extensions.DependencyInjection.dll",
+        "lib/net6.0/Microsoft.Extensions.DependencyInjection.xml",
+        "lib/net7.0/Microsoft.Extensions.DependencyInjection.dll",
+        "lib/net7.0/Microsoft.Extensions.DependencyInjection.xml",
+        "lib/net8.0/Microsoft.Extensions.DependencyInjection.dll",
+        "lib/net8.0/Microsoft.Extensions.DependencyInjection.xml",
+        "lib/netstandard2.0/Microsoft.Extensions.DependencyInjection.dll",
+        "lib/netstandard2.0/Microsoft.Extensions.DependencyInjection.xml",
+        "lib/netstandard2.1/Microsoft.Extensions.DependencyInjection.dll",
+        "lib/netstandard2.1/Microsoft.Extensions.DependencyInjection.xml",
+        "microsoft.extensions.dependencyinjection.8.0.0.nupkg.sha512",
+        "microsoft.extensions.dependencyinjection.nuspec",
+        "useSharedDesignerContext.txt"
+      ]
+    },
+    "Microsoft.Extensions.DependencyInjection.Abstractions/8.0.0": {
+      "sha512": "cjWrLkJXK0rs4zofsK4bSdg+jhDLTaxrkXu4gS6Y7MAlCvRyNNgwY/lJi5RDlQOnSZweHqoyvgvbdvQsRIW+hg==",
+      "type": "package",
+      "path": "microsoft.extensions.dependencyinjection.abstractions/8.0.0",
+      "files": [
+        ".nupkg.metadata",
+        ".signature.p7s",
+        "Icon.png",
+        "LICENSE.TXT",
+        "PACKAGE.md",
+        "THIRD-PARTY-NOTICES.TXT",
+        "buildTransitive/net461/Microsoft.Extensions.DependencyInjection.Abstractions.targets",
+        "buildTransitive/net462/_._",
+        "buildTransitive/net6.0/_._",
+        "buildTransitive/netcoreapp2.0/Microsoft.Extensions.DependencyInjection.Abstractions.targets",
+        "lib/net462/Microsoft.Extensions.DependencyInjection.Abstractions.dll",
+        "lib/net462/Microsoft.Extensions.DependencyInjection.Abstractions.xml",
+        "lib/net6.0/Microsoft.Extensions.DependencyInjection.Abstractions.dll",
+        "lib/net6.0/Microsoft.Extensions.DependencyInjection.Abstractions.xml",
+        "lib/net7.0/Microsoft.Extensions.DependencyInjection.Abstractions.dll",
+        "lib/net7.0/Microsoft.Extensions.DependencyInjection.Abstractions.xml",
+        "lib/net8.0/Microsoft.Extensions.DependencyInjection.Abstractions.dll",
+        "lib/net8.0/Microsoft.Extensions.DependencyInjection.Abstractions.xml",
+        "lib/netstandard2.0/Microsoft.Extensions.DependencyInjection.Abstractions.dll",
+        "lib/netstandard2.0/Microsoft.Extensions.DependencyInjection.Abstractions.xml",
+        "lib/netstandard2.1/Microsoft.Extensions.DependencyInjection.Abstractions.dll",
+        "lib/netstandard2.1/Microsoft.Extensions.DependencyInjection.Abstractions.xml",
+        "microsoft.extensions.dependencyinjection.abstractions.8.0.0.nupkg.sha512",
+        "microsoft.extensions.dependencyinjection.abstractions.nuspec",
+        "useSharedDesignerContext.txt"
+      ]
+    },
+    "Microsoft.OpenApi/1.2.3": {
+      "sha512": "Nug3rO+7Kl5/SBAadzSMAVgqDlfGjJZ0GenQrLywJ84XGKO0uRqkunz5Wyl0SDwcR71bAATXvSdbdzPrYRYKGw==",
+      "type": "package",
+      "path": "microsoft.openapi/1.2.3",
+      "files": [
+        ".nupkg.metadata",
+        ".signature.p7s",
+        "lib/net46/Microsoft.OpenApi.dll",
+        "lib/net46/Microsoft.OpenApi.pdb",
+        "lib/net46/Microsoft.OpenApi.xml",
+        "lib/netstandard2.0/Microsoft.OpenApi.dll",
+        "lib/netstandard2.0/Microsoft.OpenApi.pdb",
+        "lib/netstandard2.0/Microsoft.OpenApi.xml",
+        "microsoft.openapi.1.2.3.nupkg.sha512",
+        "microsoft.openapi.nuspec"
+      ]
+    },
+    "Stub.System.Data.SQLite.Core.NetStandard/1.0.115.5": {
+      "sha512": "WfrqQg6WL+r4H1sVKTenNj6ERLXUukUxqcjH1rqPqXadeIWccTVpydESieD7cZ/NWQVSKLYIHuoBX5du+BFhIQ==",
+      "type": "package",
+      "path": "stub.system.data.sqlite.core.netstandard/1.0.115.5",
+      "files": [
+        ".nupkg.metadata",
+        ".signature.p7s",
+        "lib/netstandard2.0/System.Data.SQLite.dll",
+        "lib/netstandard2.0/System.Data.SQLite.dll.altconfig",
+        "lib/netstandard2.0/System.Data.SQLite.xml",
+        "lib/netstandard2.1/System.Data.SQLite.dll",
+        "lib/netstandard2.1/System.Data.SQLite.dll.altconfig",
+        "lib/netstandard2.1/System.Data.SQLite.xml",
+        "runtimes/linux-x64/native/SQLite.Interop.dll",
+        "runtimes/osx-x64/native/SQLite.Interop.dll",
+        "runtimes/win-x64/native/SQLite.Interop.dll",
+        "runtimes/win-x86/native/SQLite.Interop.dll",
+        "stub.system.data.sqlite.core.netstandard.1.0.115.5.nupkg.sha512",
+        "stub.system.data.sqlite.core.netstandard.nuspec"
+      ]
+    },
+    "Swashbuckle.AspNetCore/6.4.0": {
+      "sha512": "eUBr4TW0up6oKDA5Xwkul289uqSMgY0xGN4pnbOIBqCcN9VKGGaPvHX3vWaG/hvocfGDP+MGzMA0bBBKz2fkmQ==",
+      "type": "package",
+      "path": "swashbuckle.aspnetcore/6.4.0",
+      "files": [
+        ".nupkg.metadata",
+        ".signature.p7s",
+        "build/Swashbuckle.AspNetCore.props",
+        "swashbuckle.aspnetcore.6.4.0.nupkg.sha512",
+        "swashbuckle.aspnetcore.nuspec"
+      ]
+    },
+    "Swashbuckle.AspNetCore.Swagger/6.4.0": {
+      "sha512": "nl4SBgGM+cmthUcpwO/w1lUjevdDHAqRvfUoe4Xp/Uvuzt9mzGUwyFCqa3ODBAcZYBiFoKvrYwz0rabslJvSmQ==",
+      "type": "package",
+      "path": "swashbuckle.aspnetcore.swagger/6.4.0",
+      "files": [
+        ".nupkg.metadata",
+        ".signature.p7s",
+        "lib/net5.0/Swashbuckle.AspNetCore.Swagger.dll",
+        "lib/net5.0/Swashbuckle.AspNetCore.Swagger.pdb",
+        "lib/net5.0/Swashbuckle.AspNetCore.Swagger.xml",
+        "lib/net6.0/Swashbuckle.AspNetCore.Swagger.dll",
+        "lib/net6.0/Swashbuckle.AspNetCore.Swagger.pdb",
+        "lib/net6.0/Swashbuckle.AspNetCore.Swagger.xml",
+        "lib/netcoreapp3.0/Swashbuckle.AspNetCore.Swagger.dll",
+        "lib/netcoreapp3.0/Swashbuckle.AspNetCore.Swagger.pdb",
+        "lib/netcoreapp3.0/Swashbuckle.AspNetCore.Swagger.xml",
+        "lib/netstandard2.0/Swashbuckle.AspNetCore.Swagger.dll",
+        "lib/netstandard2.0/Swashbuckle.AspNetCore.Swagger.pdb",
+        "lib/netstandard2.0/Swashbuckle.AspNetCore.Swagger.xml",
+        "swashbuckle.aspnetcore.swagger.6.4.0.nupkg.sha512",
+        "swashbuckle.aspnetcore.swagger.nuspec"
+      ]
+    },
+    "Swashbuckle.AspNetCore.SwaggerGen/6.4.0": {
+      "sha512": "lXhcUBVqKrPFAQF7e/ZeDfb5PMgE8n5t6L5B6/BQSpiwxgHzmBcx8Msu42zLYFTvR5PIqE9Q9lZvSQAcwCxJjw==",
+      "type": "package",
+      "path": "swashbuckle.aspnetcore.swaggergen/6.4.0",
+      "files": [
+        ".nupkg.metadata",
+        ".signature.p7s",
+        "lib/net5.0/Swashbuckle.AspNetCore.SwaggerGen.dll",
+        "lib/net5.0/Swashbuckle.AspNetCore.SwaggerGen.pdb",
+        "lib/net5.0/Swashbuckle.AspNetCore.SwaggerGen.xml",
+        "lib/net6.0/Swashbuckle.AspNetCore.SwaggerGen.dll",
+        "lib/net6.0/Swashbuckle.AspNetCore.SwaggerGen.pdb",
+        "lib/net6.0/Swashbuckle.AspNetCore.SwaggerGen.xml",
+        "lib/netcoreapp3.0/Swashbuckle.AspNetCore.SwaggerGen.dll",
+        "lib/netcoreapp3.0/Swashbuckle.AspNetCore.SwaggerGen.pdb",
+        "lib/netcoreapp3.0/Swashbuckle.AspNetCore.SwaggerGen.xml",
+        "lib/netstandard2.0/Swashbuckle.AspNetCore.SwaggerGen.dll",
+        "lib/netstandard2.0/Swashbuckle.AspNetCore.SwaggerGen.pdb",
+        "lib/netstandard2.0/Swashbuckle.AspNetCore.SwaggerGen.xml",
+        "swashbuckle.aspnetcore.swaggergen.6.4.0.nupkg.sha512",
+        "swashbuckle.aspnetcore.swaggergen.nuspec"
+      ]
+    },
+    "Swashbuckle.AspNetCore.SwaggerUI/6.4.0": {
+      "sha512": "1Hh3atb3pi8c+v7n4/3N80Jj8RvLOXgWxzix6w3OZhB7zBGRwsy7FWr4e3hwgPweSBpwfElqj4V4nkjYabH9nQ==",
+      "type": "package",
+      "path": "swashbuckle.aspnetcore.swaggerui/6.4.0",
+      "files": [
+        ".nupkg.metadata",
+        ".signature.p7s",
+        "lib/net5.0/Swashbuckle.AspNetCore.SwaggerUI.dll",
+        "lib/net5.0/Swashbuckle.AspNetCore.SwaggerUI.pdb",
+        "lib/net5.0/Swashbuckle.AspNetCore.SwaggerUI.xml",
+        "lib/net6.0/Swashbuckle.AspNetCore.SwaggerUI.dll",
+        "lib/net6.0/Swashbuckle.AspNetCore.SwaggerUI.pdb",
+        "lib/net6.0/Swashbuckle.AspNetCore.SwaggerUI.xml",
+        "lib/netcoreapp3.0/Swashbuckle.AspNetCore.SwaggerUI.dll",
+        "lib/netcoreapp3.0/Swashbuckle.AspNetCore.SwaggerUI.pdb",
+        "lib/netcoreapp3.0/Swashbuckle.AspNetCore.SwaggerUI.xml",
+        "lib/netstandard2.0/Swashbuckle.AspNetCore.SwaggerUI.dll",
+        "lib/netstandard2.0/Swashbuckle.AspNetCore.SwaggerUI.pdb",
+        "lib/netstandard2.0/Swashbuckle.AspNetCore.SwaggerUI.xml",
+        "swashbuckle.aspnetcore.swaggerui.6.4.0.nupkg.sha512",
+        "swashbuckle.aspnetcore.swaggerui.nuspec"
+      ]
+    },
+    "System.Data.SQLite.Core/1.0.115.5": {
+      "sha512": "vADIqqgpxaC5xR6qOV8/KMZkQeSDCfmmWpVOtQx0oEr3Yjq2XdTxX7+jfE4+oO2xPovAbYiz6Q5cLRbSsDkq6Q==",
+      "type": "package",
+      "path": "system.data.sqlite.core/1.0.115.5",
+      "files": [
+        ".nupkg.metadata",
+        ".signature.p7s",
+        "system.data.sqlite.core.1.0.115.5.nupkg.sha512",
+        "system.data.sqlite.core.nuspec"
+      ]
+    }
+  },
+  "projectFileDependencyGroups": {
+    "net8.0": [
+      "FreeSql >= 3.2.821",
+      "FreeSql.Provider.Sqlite >= 3.2.821",
+      "FreeSql.Repository >= 3.2.821",
+      "Swashbuckle.AspNetCore >= 6.4.0"
+    ]
+  },
+  "packageFolders": {
+    "C:\\Users\\anan\\.nuget\\packages\\": {},
+    "C:\\Users\\anan\\AppData\\Roaming\\Godot\\mono\\GodotNuGetFallbackFolder": {},
+    "C:\\Program Files (x86)\\Microsoft Visual Studio\\Shared\\NuGetPackages": {}
+  },
+  "project": {
+    "version": "1.0.0",
+    "restore": {
+      "projectUniqueName": "E:\\Code\\Blueprint\\Blueprint.Net.Server\\Blueprint.Net.Server.csproj",
+      "projectName": "Blueprint.Net.Server",
+      "projectPath": "E:\\Code\\Blueprint\\Blueprint.Net.Server\\Blueprint.Net.Server.csproj",
+      "packagesPath": "C:\\Users\\anan\\.nuget\\packages\\",
+      "outputPath": "E:\\Code\\Blueprint\\Blueprint.Net.Server\\obj\\",
+      "projectStyle": "PackageReference",
+      "fallbackFolders": [
+        "C:\\Users\\anan\\AppData\\Roaming\\Godot\\mono\\GodotNuGetFallbackFolder",
+        "C:\\Program Files (x86)\\Microsoft Visual Studio\\Shared\\NuGetPackages"
+      ],
+      "configFilePaths": [
+        "C:\\Users\\anan\\AppData\\Roaming\\NuGet\\NuGet.Config",
+        "C:\\Users\\anan\\AppData\\Roaming\\NuGet\\config\\Godot.Offline.Config",
+        "C:\\Program Files (x86)\\NuGet\\Config\\Microsoft.VisualStudio.FallbackLocation.config",
+        "C:\\Program Files (x86)\\NuGet\\Config\\Microsoft.VisualStudio.Offline.config"
+      ],
+      "originalTargetFrameworks": [
+        "net8.0"
+      ],
+      "sources": {
+        "C:\\Program Files (x86)\\Microsoft SDKs\\NuGetPackages\\": {},
+        "C:\\Program Files\\dotnet\\library-packs": {},
+        "https://api.nuget.org/v3/index.json": {}
+      },
+      "frameworks": {
+        "net8.0": {
+          "targetAlias": "net8.0",
+          "projectReferences": {}
+        }
+      },
+      "warningProperties": {
+        "warnAsError": [
+          "NU1605"
+        ]
+      },
+      "restoreAuditProperties": {
+        "enableAudit": "true",
+        "auditLevel": "low",
+        "auditMode": "direct"
+      }
+    },
+    "frameworks": {
+      "net8.0": {
+        "targetAlias": "net8.0",
+        "dependencies": {
+          "FreeSql": {
+            "target": "Package",
+            "version": "[3.2.821, )"
+          },
+          "FreeSql.Provider.Sqlite": {
+            "target": "Package",
+            "version": "[3.2.821, )"
+          },
+          "FreeSql.Repository": {
+            "target": "Package",
+            "version": "[3.2.821, )"
+          },
+          "Swashbuckle.AspNetCore": {
+            "target": "Package",
+            "version": "[6.4.0, )"
+          }
+        },
+        "imports": [
+          "net461",
+          "net462",
+          "net47",
+          "net471",
+          "net472",
+          "net48",
+          "net481"
+        ],
+        "assetTargetFallback": true,
+        "warn": true,
+        "frameworkReferences": {
+          "Microsoft.AspNetCore.App": {
+            "privateAssets": "none"
+          },
+          "Microsoft.NETCore.App": {
+            "privateAssets": "all"
+          }
+        },
+        "runtimeIdentifierGraphPath": "C:\\Program Files\\dotnet\\sdk\\8.0.201/PortableRuntimeIdentifierGraph.json"
+      }
+    }
+  }
+}
 \ No newline at end of file
+{
+  "version": 2,
+  "dgSpecHash": "DA7OQW1R/bNe9e6/SrjHTvIq5zA0jn0hwqi81cixrmZ4iGKP5aTwTMcL2WpK4pbrz1wFsABnWSUlUdTKp7LCLw==",
+  "success": true,
+  "projectFilePath": "E:\\Code\\Blueprint\\Blueprint.Net.Server\\Blueprint.Net.Server.csproj",
+  "expectedPackageFiles": [
+    "C:\\Users\\anan\\.nuget\\packages\\freesql\\3.2.821\\freesql.3.2.821.nupkg.sha512",
+    "C:\\Users\\anan\\.nuget\\packages\\freesql.dbcontext\\3.2.821\\freesql.dbcontext.3.2.821.nupkg.sha512",
+    "C:\\Users\\anan\\.nuget\\packages\\freesql.provider.sqlite\\3.2.821\\freesql.provider.sqlite.3.2.821.nupkg.sha512",
+    "C:\\Users\\anan\\.nuget\\packages\\freesql.repository\\3.2.821\\freesql.repository.3.2.821.nupkg.sha512",
+    "C:\\Users\\anan\\.nuget\\packages\\microsoft.extensions.apidescription.server\\6.0.5\\microsoft.extensions.apidescription.server.6.0.5.nupkg.sha512",
+    "C:\\Users\\anan\\.nuget\\packages\\microsoft.extensions.dependencyinjection\\8.0.0\\microsoft.extensions.dependencyinjection.8.0.0.nupkg.sha512",
+    "C:\\Users\\anan\\.nuget\\packages\\microsoft.extensions.dependencyinjection.abstractions\\8.0.0\\microsoft.extensions.dependencyinjection.abstractions.8.0.0.nupkg.sha512",
+    "C:\\Users\\anan\\.nuget\\packages\\microsoft.openapi\\1.2.3\\microsoft.openapi.1.2.3.nupkg.sha512",
+    "C:\\Users\\anan\\.nuget\\packages\\stub.system.data.sqlite.core.netstandard\\1.0.115.5\\stub.system.data.sqlite.core.netstandard.1.0.115.5.nupkg.sha512",
+    "C:\\Users\\anan\\.nuget\\packages\\swashbuckle.aspnetcore\\6.4.0\\swashbuckle.aspnetcore.6.4.0.nupkg.sha512",
+    "C:\\Users\\anan\\.nuget\\packages\\swashbuckle.aspnetcore.swagger\\6.4.0\\swashbuckle.aspnetcore.swagger.6.4.0.nupkg.sha512",
+    "C:\\Users\\anan\\.nuget\\packages\\swashbuckle.aspnetcore.swaggergen\\6.4.0\\swashbuckle.aspnetcore.swaggergen.6.4.0.nupkg.sha512",
+    "C:\\Users\\anan\\.nuget\\packages\\swashbuckle.aspnetcore.swaggerui\\6.4.0\\swashbuckle.aspnetcore.swaggerui.6.4.0.nupkg.sha512",
+    "C:\\Users\\anan\\.nuget\\packages\\system.data.sqlite.core\\1.0.115.5\\system.data.sqlite.core.1.0.115.5.nupkg.sha512"
+  ],
+  "logs": []
+}
 \ No newline at end of file
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Card Editor</title>
+
+
+
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+        }
+
+        .container {
+            max-width: 800px;
+            margin: auto;
+            padding: 20px;
+        }
+
+        .json-output {
+            background-color: #f4f4f4;
+            border: 1px solid #ddd;
+            padding: 10px;
+            margin-top: 20px;
+        }
+
+        input, select, button {
+            padding: 8px;
+            margin-top: 5px;
+            width: 100%;
+        }
+
+        button {
+            cursor: pointer;
+        }
+
+        svg {
+            background-color: #333;
+            border: 1px solid #ccc;
+            padding: 30px;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <h1>Card Editor</h1>
+        <form id="cardForm">
+            <label for="id">Card ID:</label>
+            <input type="text" id="id" name="id" required>
+
+            <label for="label">Label:</label>
+            <input type="text" id="label" name="label" required>
+
+            <label for="type">Type:</label>
+            <input type="text" id="type" name="type" required>
+
+            <label for="titleBarColor">Title Bar Color (comma-separated):</label>
+            <input type="text" id="titleBarColor" name="titleBarColor" required>
+
+            <h3>Nodes</h3>
+            <div id="nodesContainer">
+                <!-- Node inputs will be added here -->
+            </div>
+            <button type="button" onclick="addNode()">Add Node</button>
+            <button type="submit">Update Card JSON</button>
+        </form>
+
+        <div class="json-output" id="jsonOutput"></div>
+
+        <!-- SVG container for drawing the card -->
+        <svg id="svgContainer" width="200" height="300"></svg>
+    </div>
+
+    <script  type="text/javascript">
+        var card = {
+            id: 'card0',
+            x: 0,
+            y: 0,
+            label: 'Start',
+            type: "start",
+            nodes: [{
+                type: "out",
+                level: 0,
+                label: 'call',
+                enumType: 'call',
+                color: '#fff',
+                multiConnected: 1
+            }],
+            titleBarColor: ['#84fab0', '#8fd3f4']
+        };
+
+        function updateForm() {
+            document.getElementById('id').value = card.id;
+            document.getElementById('label').value = card.label;
+            document.getElementById('type').value = card.type;
+            document.getElementById('titleBarColor').value = card.titleBarColor.join(', ');
+
+            const nodesContainer = document.getElementById('nodesContainer');
+            nodesContainer.innerHTML = '';
+            card.nodes.forEach((node, index) => {
+                addNode(node, index);
+            });
+        }
+
+        function addNode(node = {}, index = card.nodes.length) {
+            const container = document.createElement('div');
+            container.innerHTML = `
+                <label>Node ${index + 1}</label>
+                <select name="nodeType-${index}">
+                    <option value="in" ${node.type === 'in' ? 'selected' : ''}>In</option>
+                    <option value="out" ${node.type === 'out' ? 'selected' : ''}>Out</option>
+                </select>
+                <input type="number" placeholder="Level" value="${node.level || 0}" name="nodeLevel-${index}">
+                <input type="text" placeholder="Enum Type" value="${node.enumType || ''}" name="nodeEnumType-${index}">
+                <input type="text" placeholder="Label" value="${node.label || ''}" name="nodeLabel-${index}">
+                <input type="text" placeholder="Color" value="${node.color || ''}" name="nodeColor-${index}">
+                <input type="number" placeholder="Multi Connected" value="${node.multiConnected || 0}" name="nodeMultiConnected-${index}">
+                <button type="button" onclick="removeNode(${index})">Remove Node</button>
+            `;
+            document.getElementById('nodesContainer').appendChild(container);
+        }
+
+        function removeNode(index) {
+            card.nodes.splice(index, 1);
+            updateForm(); // Refresh the form and JSON output
+            drawCard();
+        }
+
+        document.getElementById('cardForm').onsubmit = function (event) {
+            event.preventDefault();
+            card.id = document.getElementById('id').value;
+            card.label = document.getElementById('label').value;
+            card.type = document.getElementById('type').value;
+            card.titleBarColor = document.getElementById('titleBarColor').value.split(',').map(color => color.trim());
+
+            card.nodes = [];
+            const nodes = document.querySelectorAll('#nodesContainer > div');
+            nodes.forEach((node, index) => {
+                card.nodes.push({
+                    type: document.querySelector(`[name="nodeType-${index}"]`).value,
+                    level: parseInt(document.querySelector(`[name="nodeLevel-${index}"]`).value),
+                    enumType: document.querySelector(`[name="nodeEnumType-${index}"]`).value,
+                    label: document.querySelector(`[name="nodeLabel-${index}"]`).value,
+                    color: document.querySelector(`[name="nodeColor-${index}"]`).value,
+                    multiConnected: parseInt(document.querySelector(`[name="nodeMultiConnected-${index}"]`).value)
+                });
+            });
+
+            updateJSONOutput();
+            drawCard();
+        };
+
+        function updateJSONOutput() {
+            document.getElementById('jsonOutput').textContent = JSON.stringify(card, null, 2);
+        }
+
+        function drawCard() {
+            const cardsContainer = document.getElementById('svgContainer');
+            cardsContainer.innerHTML = ''; // 清除现有的卡片
+
+            //创建标题栏渐变色
+            const defs = document.createElementNS('http://www.w3.org/2000/svg', 'defs');
+            const linearGradient = document.createElementNS('http://www.w3.org/2000/svg', 'linearGradient');
+            linearGradient.setAttribute('id', `titleGradient-${card.id}`);
+            linearGradient.setAttribute('x1', '0%'); // 渐变起点的x坐标
+            linearGradient.setAttribute('y1', '100%'); // 渐变起点的y坐标
+            linearGradient.setAttribute('x2', '100%'); // 渐变终点的x坐标
+            linearGradient.setAttribute('y2', '0%'); // 渐变终点的y坐标
+
+            const stop1 = document.createElementNS('http://www.w3.org/2000/svg', 'stop');
+            stop1.setAttribute('offset', '10%');
+            stop1.setAttribute('style', `stop-color: ${card.titleBarColor[0]}; stop-opacity: 1`);
+            linearGradient.appendChild(stop1);
+
+            const stop2 = document.createElementNS('http://www.w3.org/2000/svg', 'stop');
+            stop2.setAttribute('offset', '100%');
+            stop2.setAttribute('style', `stop-color: ${card.titleBarColor[1]}; stop-opacity: 1`);
+            linearGradient.appendChild(stop2);
+
+            defs.appendChild(linearGradient);
+            cardsContainer.appendChild(defs);
+
+
+
+            const nodeSpacing = 50;
+            const topBottomPadding = 20;
+            const titleBarHeight = 30; // 标题栏高度
+            const maxLevel = Math.max(...card.nodes.map(node => node.level)) + 1;
+            const cardHeight = maxLevel * nodeSpacing + topBottomPadding * 2 + titleBarHeight;
+
+            const group = document.createElementNS('http://www.w3.org/2000/svg', 'g');
+            group.setAttribute('class', 'draggable card-container');
+            group.setAttribute('data-id', card.id);
+            group.setAttribute('user-select', 'none');
+            group.setAttribute('transform', `translate(${card.x},${card.y})`);
+
+            const rect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
+            rect.setAttribute('fill', '#222');
+            rect.setAttribute('width', 150);
+            rect.setAttribute('style', 'cursor: auto;');
+            rect.setAttribute('height', cardHeight);
+            rect.setAttribute('rx', 10); // 圆角
+            rect.setAttribute('ry', 10);
+            group.appendChild(rect);
+
+            // 使用path绘制带有指定圆角的矩形
+            // 创建标题栏
+            const titleBarWidth = 150;
+            const borderRadius = 10; // 圆角大小
+            const titleBar = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+            const dValue = `M 0,${borderRadius}
+                a ${borderRadius},${borderRadius} 0 0 1 ${borderRadius},-${borderRadius}
+                h ${titleBarWidth - borderRadius * 2}
+                a ${borderRadius},${borderRadius} 0 0 1 ${borderRadius},${borderRadius}
+                v ${titleBarHeight - borderRadius}
+                h -${titleBarWidth}
+                z`;
+            titleBar.setAttribute('class', 'card');
+            titleBar.setAttribute('d', dValue);
+            titleBar.setAttribute('fill', `url(#titleGradient-${card.id})`);
+            group.appendChild(titleBar);
+
+            const text = document.createElementNS('http://www.w3.org/2000/svg', 'text');
+            text.setAttribute('x', titleBarWidth / 2);
+            text.setAttribute('y', titleBarHeight / 2);
+            text.setAttribute('text-anchor', 'middle');
+            text.setAttribute('alignment-baseline', 'middle');
+            text.textContent = card.label;
+            group.appendChild(text);
+
+            card.nodes.forEach((node, index) => {
+
+
+                const circle = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
+                circle.setAttribute('class', 'node');
+                circle.setAttribute('cx', node.type === 'in' ? 0 : 150);
+                circle.setAttribute('cy', topBottomPadding + titleBarHeight + (node.level + 1) *
+                    nodeSpacing - (nodeSpacing / 2));
+                circle.setAttribute('r', 7);
+                circle.setAttribute('fill', node.color);
+                circle.setAttribute('data-card-id', card.id);
+                circle.setAttribute('data-node-id', `${card.id}-node${index + 1}`);
+                group.appendChild(circle);
+
+                let labelX = node.type === 'in' ? 12 : 138; // 基本的X坐标
+                const labelY = topBottomPadding + titleBarHeight + node.level * nodeSpacing + 21;
+
+                // 创建SVG文本元素
+                const multiConnectedLabel = document.createElementNS('http://www.w3.org/2000/svg',
+                    'text');
+                multiConnectedLabel.setAttribute('x', labelX);
+                multiConnectedLabel.setAttribute('y', labelY);
+                multiConnectedLabel.setAttribute('text-anchor', 'middle');
+                multiConnectedLabel.setAttribute('fill', '#aaa');
+                multiConnectedLabel.setAttribute('style', 'font-size: 8px;');
+                multiConnectedLabel.setAttribute('alignment-baseline', 'hanging');
+
+
+                // 计算文本的宽度（假定的，因为SVG没有直接获取文本宽度的方法）
+                let estimatedTextLength;
+                if (node.multiConnected == undefined) {
+                    estimatedTextLength = 20
+                    multiConnectedLabel.textContent = 'N';
+                } else {
+                    estimatedTextLength = node.multiConnected.length;
+                    multiConnectedLabel.textContent = node.multiConnected;
+                }
+
+                // 确保文本不会超出卡片右边界
+                if (labelX + estimatedTextLength / 2 > 150) {
+                    labelX = 150 - estimatedTextLength / 2;
+                    nodeLabel.setAttribute('x', labelX);
+                }
+
+                // 确保文本不会超出卡片左边界
+                if (labelX - estimatedTextLength / 2 < 0) {
+                    labelX = estimatedTextLength / 2;
+                    nodeLabel.setAttribute('x', labelX);
+                }
+
+                group.appendChild(multiConnectedLabel);
+
+                if (node.label != undefined) {
+                    // 计算文本标签的位置
+                    let labelX = node.type === 'in' ? 15 : 135; // 基本的X坐标
+                    const labelY = topBottomPadding + titleBarHeight + node.level * nodeSpacing + 40;
+
+                    // 创建SVG文本元素
+                    const nodeLabel = document.createElementNS('http://www.w3.org/2000/svg', 'text');
+                    nodeLabel.setAttribute('x', labelX);
+                    nodeLabel.setAttribute('y', labelY); // 在节点下方留出一定空间
+                    nodeLabel.setAttribute('text-anchor', 'middle'); // 文本居中对齐
+                    nodeLabel.setAttribute('fill', '#aaa'); // 文本居中对齐
+                    nodeLabel.setAttribute('alignment-baseline', 'hanging');
+                    nodeLabel.textContent = node.label;
+
+                    // 计算文本的宽度（假定的，因为SVG没有直接获取文本宽度的方法）
+                    const estimatedTextLength = node.label.length * 10; // 估算每个字符6像素宽
+
+                    // 确保文本不会超出卡片右边界
+                    if (labelX + estimatedTextLength / 2 > 150) {
+                        labelX = 150 - estimatedTextLength / 2;
+                        nodeLabel.setAttribute('x', labelX);
+                    }
+
+                    // 确保文本不会超出卡片左边界
+                    if (labelX - estimatedTextLength / 2 < 0) {
+                        labelX = estimatedTextLength / 2;
+                        nodeLabel.setAttribute('x', labelX);
+                    }
+
+                    group.appendChild(nodeLabel);
+
+                }
+
+                switch (node.slot) {
+                    case 'input':
+                        const foreignObject = document.createElementNS('http://www.w3.org/2000/svg',
+                            'foreignObject');
+                        foreignObject.setAttribute('x', 0);
+                        foreignObject.setAttribute('y', topBottomPadding + titleBarHeight + node.level *
+                            nodeSpacing + 12);
+                        foreignObject.setAttribute('width', 130); // 保持原始宽度
+                        foreignObject.setAttribute('height', nodeSpacing - 24); // 保持原始高度，减去的24像素为上下内边距之和
+                        const input = document.createElement('input');
+                        input.type = 'text';
+                        if (node.value == undefined) {
+                            node.value = '';
+                        }
+                        input.value = node.value;
+                        input.addEventListener('input', function () {
+                            node.value = input.value;
+                        });
+                        // Set adjusted input styles
+                        input.style.width = '110px';
+                        input.style.height = '100%';
+                        input.style.marginLeft = '20px';
+                        input.style.borderRadius = '5px';
+                        input.style.border = '1px solid white';
+                        input.style.backgroundColor = '#222';
+                        input.style.color = 'white';
+                        input.style.fontSize = '1em';
+                        input.style.padding = '0px'; // 可能需要调整或去除内边距以适应固定尺寸
+                        input.style.boxSizing = 'border-box'; // 确保宽高包含内容、内边距和边框
+
+                        // Change border color on focus and blur
+                        input.addEventListener('focus', () => {
+                            input.style.outline = 'none'; // Remove default focus outline
+                            input.style.borderColor =
+                                'white'; // Keep border color white on focus
+                        });
+
+                        input.addEventListener('blur', () => {
+                            input.style.borderColor =
+                                'white'; // Revert to white when not focused
+                        });
+
+                        // 阻止事件冒泡
+                        input.addEventListener('click', function (event) {
+                            event.stopPropagation();
+                        });
+
+                        input.addEventListener('mousedown', function (event) {
+                            event.stopPropagation();
+                        });
+
+                        input.addEventListener('touchstart', function (event) {
+                            event.stopPropagation();
+                        });
+
+                        foreignObject.appendChild(input);
+                        group.appendChild(foreignObject);
+                        break;
+                }
+
+
+
+            });
+
+            const deleteIcon = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
+            deleteIcon.setAttribute('class', 'card-delete-icon');
+            deleteIcon.setAttribute('x', 125);
+            deleteIcon.setAttribute('y', 5); // 使其贴近标题栏的右上角
+            deleteIcon.setAttribute('width', 20);
+            deleteIcon.setAttribute('height', 20);
+            deleteIcon.setAttribute('fill', 'transparent');
+            deleteIcon.setAttribute('data-card-id', card.id);
+            deleteIcon.setAttribute('style', 'cursor: pointer;');
+            group.appendChild(de,eIcon);
+
+            const delText = document.createElementNS('http://www.w3.org/2000/svg', 'text');
+            delText.setAttribute('x', 135);
+            delText.setAttribute('y', 20); // 调整位置以垂直居中
+            delText.setAttribute('text-anchor', 'middle');
+            delText.setAttribute('fill', 'white');
+            delText.setAttribute('font-size', '16px'); // 适当调整字体大小以适应图标
+            delText.setAttribute('pointer-events', 'none'); // 确保点击事件只触发于删除图标上
+            delText.textContent = '×';
+            group.appendChild(delText);
+
+            cardsContainer.appendChild(group);
+
+            attachNodeEventListeners();
+        }
+
+
+
+
+
+        updateForm();
+        updateJSONOutput();
+        drawCard();
+    </script>
+</body>
+</html>
+<!--
+<!DOCTYPE html>
+<html lang="zh-cn">
+
+	<head>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<title>Blueprint</title>
+		<style>
+			body,
+			html {
+				margin: 0;
+				padding: 0;
+				width: 100%;
+				height: 100%;
+				overflow: hidden;
+			}
+
+			/* 弹窗容器样式 */
+			#card-creation-modal {
+				border: 1px solid #444;
+				background: linear-gradient(145deg, #333, #555);
+				padding: 5px;
+				z-index: 100;
+				box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+				border-radius: 5px;
+				overflow: hidden;
+				margin: 0;
+				user-select: none;
+			}
+
+			#card-type-list {
+
+				padding-left: 0px;
+			}
+
+			/* 列表项基础样式 */
+			#card-type-list li {
+				list-style: none;
+				/* 去除列表项目符号 */
+				padding: 8px 15px;
+				/* 减少垂直内边距使其更紧凑 */
+				border-bottom: 1px solid #666;
+				/* 暗色底部边框线 */
+				color: #ddd;
+				/* 暗色系字体颜色 */
+				cursor: pointer;
+				/* 鼠标指针样式 */
+				margin-left: 0;
+				/* 消除左边间隙 */
+
+			}
+
+			/* 列表项高亮样式 */
+			#card-type-list li:hover,
+			#card-type-list li:focus {
+				background-color: #777;
+				/* 暗色背景颜色 */
+				color: #fff;
+				/* 高亮字体颜色 */
+			}
+
+			/* 最后一个列表项的底部边框 */
+			#card-type-list li:last-child {
+				border-bottom: none;
+			}
+
+			.grid-background {
+				background-color: #292929;
+				background-image:
+					linear-gradient(to right, black 1px, transparent 1px),
+					linear-gradient(to bottom, black 1px, transparent 1px),
+					linear-gradient(to right, #404040 1px, transparent 1px),
+					linear-gradient(to bottom, #404040 1px, transparent 1px);
+				background-size:
+					100px 100px,
+					100px 100px,
+					10px 10px,
+					10px 10px;
+				width: 100%;
+				height: 100%;
+			}
+
+			.draggable {
+				cursor: grab;
+			}
+
+			.node {
+
+				cursor: pointer;
+			}
+
+			.link {
+				stroke: black;
+				stroke-width: 2;
+			}
+
+			.card {
+				/* fill: lightgrey;
+			stroke: black; */
+
+				stroke-width: 1;
+				user-select: none;
+			}
+
+			text {
+				pointer-events: none;
+				user-select: none;
+			}
+		</style>
+	</head>
+
+	<body>
+		&lt;!&ndash; 弹窗容器 &ndash;&gt;
+		<div id="card-creation-modal"
+			style="display:none; position: absolute; border: 1px solid #ccc; background-color: #fff; padding: 10px; z-index: 100;">
+			&lt;!&ndash; 搜索结果列表 &ndash;&gt;
+			<ul id="card-type-list"></ul>
+		</div>
+
+
+
+		<svg style="width: 100%;height: 100%;" id="svgContainer" class="grid-background">
+			<g id="linksContainer"></g> &lt;!&ndash; 用于存放线条 &ndash;&gt;
+			<g id="cardsContainer"></g> &lt;!&ndash; 用于存放卡片 &ndash;&gt;
+		</svg>
+
+		<script>
+			let cards = [{
+					id: 'card0',
+					x: 0,
+					y: 0,
+					label: 'Start',
+					type: "start",
+					nodes: [{
+						type: "out",
+						level: 0,
+						enumType: 'call',
+						color: '#fff',
+						multiConnected: 1
+					}, ],
+					titleBarColor: ['#84fab0', '#8fd3f4']
+				},
+				{
+					id: 'card1',
+					x: 100,
+					y: 200,
+					label: 'Condition',
+					type: "condition",
+					nodes: [{
+							type: "in",
+							level: 0,
+							enumType: 'call',
+							color: '#fff'
+						},
+						{
+							type: "in",
+							level: 1,
+							enumType: 'int',
+							color: '#28C76F',
+							slot: 'input',
+							label: 'int',
+							multiConnected: 1
+						},
+						{
+							type: "in",
+							level: 2,
+							enumType: 'int',
+							color: '#28C76F',
+							slot: 'input',
+							label: 'int',
+							multiConnected: 1
+						},
+						{
+							type: "out",
+							level: 0,
+							enumType: 'call',
+							color: '#fff'
+						},
+						{
+							type: "out",
+							level: 1,
+							enumType: 'bool',
+							color: '#0396FF',
+							label: 'bool',
+							multiConnected: 1
+						},
+					],
+					titleBarColor: ['#fccb90', '#d57eeb']
+				},
+				{
+					id: 'card2',
+					x: 300,
+					y: 400,
+					label: 'BoolToString',
+					type: "call",
+					nodes: [{
+							type: "in",
+							level: 0,
+							enumType: 'call',
+							color: '#fff'
+						},
+						{
+							type: "in",
+							level: 1,
+							enumType: 'bool',
+							color: '#0396FF',
+							label: 'bool',
+							multiConnected: 1
+						},
+						{
+							type: "out",
+							level: 0,
+							enumType: 'call',
+							color: '#fff'
+						},
+						{
+							type: "out",
+							level: 1,
+							enumType: 'string',
+							color: '#DE4313',
+							label: 'string',
+							multiConnected: 1
+						}
+					],
+					titleBarColor: ['#3C8CE7', '#00EAFF']
+
+				},
+				{
+					id: 'card3',
+					x: 100,
+					y: 300,
+					label: 'Print',
+					type: "print",
+					nodes: [{
+							type: "in",
+							level: 0,
+							enumType: 'call',
+							color: '#fff'
+						},
+						{
+							type: "in",
+							level: 1,
+							enumType: 'string',
+							color: '#DE4313',
+							label: 'string',
+							multiConnected: 1
+						}
+					],
+					titleBarColor: ['#f6d365', '#fda085']
+				}
+			];
+
+
+			let links = [];
+			let currentLink = null;
+			let isDragging = false;
+			let isLinking = false;
+			let dragOffsetX, dragOffsetY;
+			let currentCard;
+
+			function init() {
+				drawLinks();
+				drawCards();
+				attachEventListeners();
+			}
+
+			function drawCards() {
+				const cardsContainer = document.getElementById('cardsContainer');
+				cardsContainer.innerHTML = ''; // 清除现有的卡片
+
+				cards.forEach(card => {
+
+					//创建标题栏渐变色
+					const defs = document.createElementNS('http://www.w3.org/2000/svg', 'defs');
+					const linearGradient = document.createElementNS('http://www.w3.org/2000/svg', 'linearGradient');
+					linearGradient.setAttribute('id', `titleGradient-${card.id}`);
+					linearGradient.setAttribute('x1', '0%'); // 渐变起点的x坐标
+					linearGradient.setAttribute('y1', '100%'); // 渐变起点的y坐标
+					linearGradient.setAttribute('x2', '100%'); // 渐变终点的x坐标
+					linearGradient.setAttribute('y2', '0%'); // 渐变终点的y坐标
+
+					const stop1 = document.createElementNS('http://www.w3.org/2000/svg', 'stop');
+					stop1.setAttribute('offset', '10%');
+					stop1.setAttribute('style', `stop-color: ${card.titleBarColor[0]}; stop-opacity: 1`);
+					linearGradient.appendChild(stop1);
+
+					const stop2 = document.createElementNS('http://www.w3.org/2000/svg', 'stop');
+					stop2.setAttribute('offset', '100%');
+					stop2.setAttribute('style', `stop-color: ${card.titleBarColor[1]}; stop-opacity: 1`);
+					linearGradient.appendChild(stop2);
+
+					defs.appendChild(linearGradient);
+					cardsContainer.appendChild(defs);
+
+
+
+					const nodeSpacing = 50;
+					const topBottomPadding = 20;
+					const titleBarHeight = 30; // 标题栏高度
+					const maxLevel = Math.max(...card.nodes.map(node => node.level)) + 1;
+					const cardHeight = maxLevel * nodeSpacing + topBottomPadding * 2 + titleBarHeight;
+
+					const group = document.createElementNS('http://www.w3.org/2000/svg', 'g');
+					group.setAttribute('class', 'draggable card-container');
+					group.setAttribute('data-id', card.id);
+					group.setAttribute('user-select', 'none');
+					group.setAttribute('transform', `translate(${card.x},${card.y})`);
+
+					const rect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
+					rect.setAttribute('fill', '#222');
+					rect.setAttribute('width', 150);
+					rect.setAttribute('style', 'cursor: auto;');
+					rect.setAttribute('height', cardHeight);
+					rect.setAttribute('rx', 10); // 圆角
+					rect.setAttribute('ry', 10);
+					group.appendChild(rect);
+
+					// 使用path绘制带有指定圆角的矩形
+					// 创建标题栏
+					const titleBarWidth = 150;
+					const borderRadius = 10; // 圆角大小
+					const titleBar = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+					const dValue = `M 0,${borderRadius}
+                a ${borderRadius},${borderRadius} 0 0 1 ${borderRadius},-${borderRadius}
+                h ${titleBarWidth - borderRadius * 2}
+                a ${borderRadius},${borderRadius} 0 0 1 ${borderRadius},${borderRadius}
+                v ${titleBarHeight - borderRadius}
+                h -${titleBarWidth}
+                z`;
+					titleBar.setAttribute('class', 'card');
+					titleBar.setAttribute('d', dValue);
+					titleBar.setAttribute('fill', `url(#titleGradient-${card.id})`);
+					group.appendChild(titleBar);
+
+					const text = document.createElementNS('http://www.w3.org/2000/svg', 'text');
+					text.setAttribute('x', titleBarWidth / 2);
+					text.setAttribute('y', titleBarHeight / 2);
+					text.setAttribute('text-anchor', 'middle');
+					text.setAttribute('alignment-baseline', 'middle');
+					text.textContent = card.label;
+					group.appendChild(text);
+
+					card.nodes.forEach((node, index) => {
+
+
+						const circle = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
+						circle.setAttribute('class', 'node');
+						circle.setAttribute('cx', node.type === 'in' ? 0 : 150);
+						circle.setAttribute('cy', topBottomPadding + titleBarHeight + (node.level + 1) *
+							nodeSpacing - (nodeSpacing / 2));
+						circle.setAttribute('r', 7);
+						circle.setAttribute('fill', node.color);
+						circle.setAttribute('data-card-id', card.id);
+						circle.setAttribute('data-node-id', `${card.id}-node${index + 1}`);
+						group.appendChild(circle);
+
+						let labelX = node.type === 'in' ? 12 : 138; // 基本的X坐标
+						const labelY = topBottomPadding + titleBarHeight + node.level * nodeSpacing + 21;
+
+						// 创建SVG文本元素
+						const multiConnectedLabel = document.createElementNS('http://www.w3.org/2000/svg',
+							'text');
+						multiConnectedLabel.setAttribute('x', labelX);
+						multiConnectedLabel.setAttribute('y', labelY);
+						multiConnectedLabel.setAttribute('text-anchor', 'middle');
+						multiConnectedLabel.setAttribute('fill', '#aaa');
+						multiConnectedLabel.setAttribute('style', 'font-size: 8px;');
+						multiConnectedLabel.setAttribute('alignment-baseline', 'hanging');
+
+
+						// 计算文本的宽度（假定的，因为SVG没有直接获取文本宽度的方法）
+						let estimatedTextLength;
+						if (node.multiConnected == undefined) {
+							estimatedTextLength = 20
+							multiConnectedLabel.textContent = 'N';
+						} else {
+							estimatedTextLength = node.multiConnected.length;
+							multiConnectedLabel.textContent = node.multiConnected;
+						}
+
+						// 确保文本不会超出卡片右边界
+						if (labelX + estimatedTextLength / 2 > 150) {
+							labelX = 150 - estimatedTextLength / 2;
+							nodeLabel.setAttribute('x', labelX);
+						}
+
+						// 确保文本不会超出卡片左边界
+						if (labelX - estimatedTextLength / 2 < 0) {
+							labelX = estimatedTextLength / 2;
+							nodeLabel.setAttribute('x', labelX);
+						}
+
+						group.appendChild(multiConnectedLabel);
+
+						if (node.label != undefined) {
+							// 计算文本标签的位置
+							let labelX = node.type === 'in' ? 15 : 135; // 基本的X坐标
+							const labelY = topBottomPadding + titleBarHeight + node.level * nodeSpacing + 40;
+
+							// 创建SVG文本元素
+							const nodeLabel = document.createElementNS('http://www.w3.org/2000/svg', 'text');
+							nodeLabel.setAttribute('x', labelX);
+							nodeLabel.setAttribute('y', labelY); // 在节点下方留出一定空间
+							nodeLabel.setAttribute('text-anchor', 'middle'); // 文本居中对齐
+							nodeLabel.setAttribute('fill', '#aaa'); // 文本居中对齐
+							nodeLabel.setAttribute('alignment-baseline', 'hanging');
+							nodeLabel.textContent = node.label;
+
+							// 计算文本的宽度（假定的，因为SVG没有直接获取文本宽度的方法）
+							const estimatedTextLength = node.label.length * 10; // 估算每个字符6像素宽
+
+							// 确保文本不会超出卡片右边界
+							if (labelX + estimatedTextLength / 2 > 150) {
+								labelX = 150 - estimatedTextLength / 2;
+								nodeLabel.setAttribute('x', labelX);
+							}
+
+							// 确保文本不会超出卡片左边界
+							if (labelX - estimatedTextLength / 2 < 0) {
+								labelX = estimatedTextLength / 2;
+								nodeLabel.setAttribute('x', labelX);
+							}
+
+							group.appendChild(nodeLabel);
+
+						}
+
+						switch (node.slot) {
+							case 'input':
+								const foreignObject = document.createElementNS('http://www.w3.org/2000/svg',
+									'foreignObject');
+								foreignObject.setAttribute('x', 0);
+								foreignObject.setAttribute('y', topBottomPadding + titleBarHeight + node.level *
+									nodeSpacing + 12);
+								foreignObject.setAttribute('width', 130); // 保持原始宽度
+								foreignObject.setAttribute('height', nodeSpacing - 24); // 保持原始高度，减去的24像素为上下内边距之和
+								const input = document.createElement('input');
+								input.type = 'text';
+								if (node.value == undefined) {
+									node.value = '';
+								}
+								input.value = node.value;
+								input.addEventListener('input', function() {
+									node.value = input.value;
+								});
+								// Set adjusted input styles
+								input.style.width = '110px';
+								input.style.height = '100%';
+								input.style.marginLeft = '20px';
+								input.style.borderRadius = '5px';
+								input.style.border = '1px solid white';
+								input.style.backgroundColor = '#222';
+								input.style.color = 'white';
+								input.style.fontSize = '1em';
+								input.style.padding = '0px'; // 可能需要调整或去除内边距以适应固定尺寸
+								input.style.boxSizing = 'border-box'; // 确保宽高包含内容、内边距和边框
+
+								// Change border color on focus and blur
+								input.addEventListener('focus', () => {
+									input.style.outline = 'none'; // Remove default focus outline
+									input.style.borderColor =
+										'white'; // Keep border color white on focus
+								});
+
+								input.addEventListener('blur', () => {
+									input.style.borderColor =
+										'white'; // Revert to white when not focused
+								});
+
+								// 阻止事件冒泡
+								input.addEventListener('click', function(event) {
+									event.stopPropagation();
+								});
+
+								input.addEventListener('mousedown', function(event) {
+									event.stopPropagation();
+								});
+
+								input.addEventListener('touchstart', function(event) {
+									event.stopPropagation();
+								});
+
+								foreignObject.appendChild(input);
+								group.appendChild(foreignObject);
+								break;
+						}
+
+
+
+					});
+
+					const deleteIcon = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
+					deleteIcon.setAttribute('class', 'card-delete-icon');
+					deleteIcon.setAttribute('x', 125);
+					deleteIcon.setAttribute('y', 5); // 使其贴近标题栏的右上角
+					deleteIcon.setAttribute('width', 20);
+					deleteIcon.setAttribute('height', 20);
+					deleteIcon.setAttribute('fill', 'transparent');
+					deleteIcon.setAttribute('data-card-id', card.id);
+					deleteIcon.setAttribute('style', 'cursor: pointer;');
+					group.appendChild(deleteIcon);
+
+					const delText = document.createElementNS('http://www.w3.org/2000/svg', 'text');
+					delText.setAttribute('x', 135);
+					delText.setAttribute('y', 20); // 调整位置以垂直居中
+					delText.setAttribute('text-anchor', 'middle');
+					delText.setAttribute('fill', 'white');
+					delText.setAttribute('font-size', '16px'); // 适当调整字体大小以适应图标
+					delText.setAttribute('pointer-events', 'none'); // 确保点击事件只触发于删除图标上
+					delText.textContent = '×';
+					group.appendChild(delText);
+
+					cardsContainer.appendChild(group);
+				});
+
+				attachNodeEventListeners();
+			}
+
+
+
+			function drawLinks() {
+				const linksContainer = document.getElementById('linksContainer');
+				linksContainer.innerHTML = ''; // 清除现有的线条
+				// 清除旧的删除图标
+				document.querySelectorAll('.delete-icon').forEach(icon => icon.remove());
+
+				links.forEach((link, index) => {
+					const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+					//path.setAttribute('class', 'link');
+					path.setAttribute('stroke', link.target.color)
+					path.setAttribute('stroke-width', 5)
+					path.setAttribute('fill', 'none');
+
+
+					const isCallType = link.source.enumType === 'call';
+					if (isCallType) {
+						path.setAttribute('stroke-dasharray', '10');
+						path.setAttribute('stroke-dashoffset', '0');
+
+						// Add animation element to the path for dashed lines
+						const animate = document.createElementNS('http://www.w3.org/2000/svg', 'animate');
+						animate.setAttribute('attributeName', 'stroke-dashoffset');
+						animate.setAttribute('dur', '0.5s');
+						animate.setAttribute('repeatCount', 'indefinite');
+						animate.setAttribute('from', '20');
+						animate.setAttribute('to', '0');
+						path.appendChild(animate);
+					}
+
+
+					let dist;
+					// 使用动态计算的控制点距离来定义曲线,根据源点和终点的X坐标差异动态计算控制点的距离
+					if (link.source.type === 'out') {
+						if (link.source.x - link.target.x > 0) {
+							dist = 200; // 如果终点在源点的左侧，控制点距离更远
+						} else {
+							dist = Math.abs(link.target.x - link.source.x) * 0.3; // 否则，根据两点间的距离调整控制点距离
+						}
+						const d =
+							`M${link.source.x} ${link.source.y} C${link.source.x + dist} ${link.source.y} ${link.target.x - dist} ${link.target.y} ${link.target.x} ${link.target.y}`;
+						path.setAttribute('d', d);
+						linksContainer.appendChild(path);
+					} else {
+						if (link.target.x - link.source.x > 0) {
+							dist = 200; // 如果终点在源点的右侧，控制点距离更远
+						} else {
+							dist = Math.abs(link.target.x - link.source.x) * 0.3; // 否则，根据两点间的距离调整控制点距离
+						}
+						const d =
+							`M${link.source.x} ${link.source.y} C${link.source.x - dist} ${link.source.y} ${link.target.x + dist} ${link.target.y} ${link.target.x} ${link.target.y}`;
+						path.setAttribute('d', d);
+						linksContainer.appendChild(path);
+					}
+
+
+					// 计算中点
+					const midX = (link.source.x + link.target.x) / 2;
+					const midY = (link.source.y + link.target.y) / 2;
+
+					// 绘制删除图标
+					const deleteIcon = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
+					deleteIcon.setAttribute('class', 'delete-icon');
+					deleteIcon.setAttribute('cx', midX);
+					deleteIcon.setAttribute('cy', midY);
+					deleteIcon.setAttribute('style', "cursor: pointer;");
+					deleteIcon.setAttribute('r', 10);
+					deleteIcon.setAttribute('fill', 'red');
+					deleteIcon.setAttribute('data-link-level', index); // 用于标识该删除图标对应的线
+					linksContainer.appendChild(deleteIcon);
+
+					// 可以选择添加一个×文本在圆圈中间
+					const text = document.createElementNS('http://www.w3.org/2000/svg', 'text');
+					text.setAttribute('x', midX);
+					text.setAttribute('y', midY + 5); // 轻微调整以垂直居中
+					text.setAttribute('text-anchor', 'middle');
+					text.setAttribute('fill', 'white');
+					text.setAttribute('font-size', '15px');
+					text.setAttribute('pointer-events', 'none'); // 确保点击事件只触发于圆圈上
+					text.textContent = '×';
+					linksContainer.appendChild(text);
+
+				});
+			}
+
+			// 定义变量来追踪是否正在拖动以及拖动的起始位置
+			let isPanning = false;
+			let startPan = {
+				x: 0,
+				y: 0
+			};
+
+			// 用于调整SVG视图窗口的变量
+			let currentPan = {
+				x: 0,
+				y: 0
+			};
+
+			function attachEventListeners() {
+
+				const svgContainer = document.getElementById('svgContainer');
+				document.querySelectorAll('.link').forEach(link => {
+					link.addEventListener('contextmenu', function(e) {
+						e.preventDefault(); // 阻止默认的右键菜单
+						const linkId = e.target.getAttribute('data-link-id'); // 确保你在绘制线条时添加了 data-link-id 属性
+						showContextMenu(e.clientX, e.clientY, linkId);
+					});
+				});
+				document.getElementById('svgContainer').addEventListener('click', function(e) {
+					if (e.target.classList.contains('delete-icon')) {
+						// 获取点击的删除图标对应的线的索引
+						const linkIndex = e.target.getAttribute('data-link-level');
+						// 从数组中移除该线
+						links.splice(linkIndex, 1);
+						// 重新绘制剩余的线和删除图标
+						drawLinks();
+						drawCards(); // 如果你的线条与卡片有关联，可能需要重新绘制卡片以更新视图
+					} else if (e.target.classList.contains('card-delete-icon')) {
+						// 获取点击的删除图标对应的卡片ID
+						const cardId = e.target.getAttribute('data-card-id');
+						// 从`cards`数组中移除对应的卡片
+						cards = cards.filter(card => card.id !== cardId);
+						// 同时移除所有与该卡片连接的线
+						links = links.filter(link => !(link.source.node.startsWith(cardId) || (link.target && link.target
+							.node.startsWith(cardId))));
+						// 重新绘制卡片和线
+						drawLinks();
+						drawCards();
+					} else {
+						let targetCardContainer = e.target.closest('.card-container');
+						if (targetCardContainer) {
+							const cardId = targetCardContainer.getAttribute('data-id');
+							// 将SVG元素移动到最后，使其在视觉上显示在最前面
+							targetCardContainer.parentNode.appendChild(targetCardContainer);
+
+							// 更新cards数组，将点击的卡片移动到数组的末尾
+							const cardIndex = cards.findIndex(card => card.id === cardId);
+							if (cardIndex > -1) {
+								const card = cards.splice(cardIndex, 1)[0];
+								cards.push(card);
+							}
+
+							// 这里不需要立即调用drawCards或drawLinks，
+							// 除非你需要根据cards数组的新顺序进行其他更新
+						}
+					}
+				});
+
+				svgContainer.addEventListener('contextmenu', function(e) {
+					e.preventDefault(); // 阻止右键菜单
+				});
+
+				svgContainer.addEventListener('mousedown', e => {
+
+					// 检查是否是鼠标右键点击
+
+					const target = e.target;
+					if (e.button === 2) {
+						isPanning = true;
+						startPan.x = e.clientX - currentPan.x;
+						startPan.y = e.clientY - currentPan.y;
+					} else if (target
+
+						.classList.contains('card') || target.tagName === 'text') {
+						const cardContainer = target.closest('.card-container');
+						const cardId = cardContainer.getAttribute('data-id');
+						startDragCard(e, cardId);
+					}
+				});
+				document.addEventListener('mousemove', e => {
+					if (isPanning) {
+						// 正确计算新的视图窗口位置
+						currentPan.x = e.clientX - startPan.x;
+						currentPan.y = e.clientY - startPan.y;
+
+						// 正确调整SVG的viewBox来实现拖动效果
+						// 这里需要更新的是开始拖动的点，而不是当前的点，因此我们反向更新
+						svgContainer.setAttribute('viewBox',
+							`${-currentPan.x} ${-currentPan.y} ${svgContainer.clientWidth} ${svgContainer.clientHeight}`
+						);
+						svgContainer.style.backgroundPosition = `${currentPan.x % 100}px ${currentPan.y % 100}px`;
+					} else if (isDragging) {
+						moveCard(e);
+					} else if (isLinking && currentLink) {
+						updateLink(e);
+					}
+				});
+
+				document.addEventListener('mouseup', e => {
+					if (e.button === 2) {
+						console.log(currentPan);
+						isPanning = false;
+					} else if (isDragging) {
+						endDragCard();
+					} else if (isLinking) {
+						endDragLink(e);
+					}
+				});
+			}
+
+			function startDragCard(e, cardId) {
+				isDragging = true;
+				const card = cards.find(c => c.id === cardId);
+				currentCard = card;
+
+				const svgRect = svgContainer.getBoundingClientRect();
+				dragOffsetX = e.clientX - svgRect.left - card.x;
+				dragOffsetY = e.clientY - svgRect.top - card.y;
+			}
+
+			function moveCard(e) {
+				const svgRect = svgContainer.getBoundingClientRect();
+				currentCard.x = e.clientX - svgRect.left - dragOffsetX;
+				currentCard.y = e.clientY - svgRect.top - dragOffsetY;
+
+				// Update link positions associated with the currentCard
+				links.forEach(link => {
+					if (link.source.node.startsWith(currentCard.id)) {
+						// 根据节点ID更新链接的源位置
+						const nodeIndex = parseInt(link.source.node.split('-node')[1]) - 1;
+						const nodeConfig = currentCard.nodes[nodeIndex]; // 获取当前节点的配置
+						const nodeSpacing = 50; // 节点间隔，应与drawCards函数中使用的相同
+						const topBottomPadding = 20; // 顶部和底部的边距，应与drawCards函数中使用的相同
+						link.source.x = currentCard.x + (nodeConfig.type === "in" ? 0 : 150); // 根据节点类型调整x坐标
+						link.source.y = 30 + currentCard.y + topBottomPadding + (nodeConfig.level + 1) * nodeSpacing - (
+							nodeSpacing / 2); // 根据节点的index调整y坐标
+					}
+					if (link.target && link.target.node.startsWith(currentCard.id)) {
+						// 根据节点ID更新链接的目标位置
+						const nodeIndex = parseInt(link.target.node.split('-node')[1]) - 1;
+						const nodeConfig = currentCard.nodes[nodeIndex]; // 获取当前节点的配置
+						link.target.x = currentCard.x + (nodeConfig.type === "in" ? 0 : 150); // 根据节点类型调整x坐标
+						link.target.y = 30 + currentCard.y + 20 + (nodeConfig.level + 1) * 50 - (50 /
+							2); // 根据节点的index调整y坐标
+					}
+				});
+
+				drawLinks(); // Redraw links to reflect updated positions
+				drawCards(); // Redraw cards and nodes
+			}
+
+
+
+			function endDragCard() {
+				isDragging = false;
+			}
+
+			function getNodeCurrentConnections(nodeId) {
+				let count = 0;
+				links.forEach(link => {
+					if (link.source.node === nodeId || (link.target && link.target.node === nodeId)) {
+						count++;
+					}
+				});
+				return count;
+			}
+
+			function startDragLink(e) {
+				e.stopPropagation(); // Prevent card drag
+
+				const nodeId = e.target.getAttribute('data-node-id');
+				const cardId = e.target.getAttribute('data-card-id');
+				const card = cards.find(c => c.id === cardId);
+				const nodeElement = e.target;
+				const node = card.nodes.find(n => `${card.id}-node${card.nodes.indexOf(n) + 1}` === nodeId);
+
+
+				// 检查源节点是否允许发起新的连接
+				const currentConnections = getNodeCurrentConnections(nodeId);
+				if (node.multiConnected !== -1 && currentConnections >= node.multiConnected) {
+					console.log('此节点不允许更多的连接。');
+					return; // 不允许创建新的连接
+				}
+				isLinking = true;
+
+				const svgRect = svgContainer.getBoundingClientRect();
+				const nodeX = e.clientX - svgRect.left;
+				const nodeY = e.clientY - svgRect.top;
+
+				currentLink = {
+					source: {
+						node: nodeId,
+						x: nodeX,
+						y: nodeY,
+						color: nodeElement.getAttribute('fill'),
+						type: node.type,
+						enumType: node.enumType
+					},
+					target: null
+				};
+			}
+
+			function updateLink(e) {
+				const svgRect = svgContainer.getBoundingClientRect();
+				currentLink.target = {
+					x: e.clientX - svgRect.left,
+					y: e.clientY - svgRect.top
+				};
+				drawCurrentLink();
+			}
+
+			function endDragLink(e) {
+				isLinking = false;
+				const svgRect = svgContainer.getBoundingClientRect();
+				const x = e.clientX - svgRect.left;
+				const y = e.clientY - svgRect.top;
+
+				// 默认情况下，假设目标节点就是e.target
+				let targetNode = e.target;
+
+				// 检查e.target是否是我们期望的节点类型，如果不是，则尝试使用document.elementFromPoint
+				if (!targetNode.classList.contains('node')) {
+					e.target.style.display = 'none';
+					targetNode = document.elementFromPoint(e.clientX, e.clientY);
+					e.target.style.display = '';
+				}
+
+				let validTargetFound = false;
+
+				// 进行节点的有效性判断
+				if (targetNode && targetNode.classList.contains('node')) {
+					const sourceNodeId = currentLink.source.node;
+					const targetNodeId = targetNode.getAttribute('data-node-id');
+
+					// 从节点ID分解出卡片ID和节点索引
+					const sourceNodeParts = sourceNodeId.split('-node');
+					const targetNodeParts = targetNodeId.split('-node');
+					const sourceCard = cards.find(card => card.id === sourceNodeParts[0]);
+					const targetCard = cards.find(card => card.id === targetNodeParts[0]);
+
+					// 根据节点ID找到对应的节点对象
+					const sourceNodeIndex = parseInt(sourceNodeParts[1]) - 1;
+					const targetNodeIndex = parseInt(targetNodeParts[1]) - 1;
+					const sourceNode = sourceCard.nodes[sourceNodeIndex];
+					const targetNodeObj = targetCard.nodes[targetNodeIndex];
+
+					// 检查目标节点是否允许接受新的连接
+					const targetCurrentConnections = getNodeCurrentConnections(targetNodeId);
+					if (targetNodeObj.multiConnected !== -1 && targetCurrentConnections >= targetNodeObj.multiConnected) {
+						console.log('目标节点不允许更多的连接。');
+						// 移除临时绘制的连接线
+						const tempLink = document.querySelector('.temp-link');
+						if (tempLink) {
+							tempLink.remove();
+						}
+						currentLink = null;
+						drawLinks();
+						return;
+					}
+					// 确保目标节点不是起始节点自身，避免自连接
+					if (currentLink.source.node !== targetNodeId && sourceNode.enumType === targetNodeObj.enumType) {
+						validTargetFound = true;
+						currentLink.source.enumType = sourceNode.enumType;
+						currentLink.source.x = currentLink.source.x - currentPan.x;
+						currentLink.source.y = currentLink.source.y - currentPan.y;
+						// 更新连接的目标信息，并保存该连接
+						links.push({
+							...currentLink,
+							target: {
+								node: targetNodeId,
+								x: x - currentPan.x,
+								y: y - currentPan.y,
+								color: sourceNode.color,
+								enumType: sourceNode.enumType
+							}
+						});
+					}
+				} else {
+					const sourceNodeId = currentLink.source.node;
+					const sourceNodeParts = sourceNodeId.split('-node');
+					const sourceCard = cards.find(card => card.id === sourceNodeParts[0]);
+					const sourceNodeIndex = parseInt(sourceNodeParts[1]) - 1;
+					const sourceNode = sourceCard.nodes[sourceNodeIndex];
+					currentLink.source.enumType = sourceNode.enumType;
+					showCardCreationModal(e.clientX, e.clientY, currentLink.source);
+
+				}
+
+				const tempLink = document.querySelector('.temp-link');
+				if (tempLink) {
+					tempLink.remove();
+				}
+				currentLink = null;
+				drawLinks();
+			}
+
+
+
+
+
+
+			// 更新drawCurrentLink函数，增加线宽
+			// 更新drawCurrentLink函数，增加线宽
+			function drawCurrentLink() {
+				const tempLink = document.querySelector('.temp-link');
+				if (tempLink) tempLink.remove();
+
+				if (!currentLink || !currentLink.target) return;
+
+				const svgContainer = document.getElementById('svgContainer');
+				const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+				path.setAttribute('class', 'temp-link');
+				// 设置等宽线属性
+				path.setAttribute('stroke', currentLink.source.color);
+				path.setAttribute('stroke-width', 5);
+				path.setAttribute('fill', 'none');
+
+				// 计算考虑了平移偏移的起点和终点
+				const adjustedSourceX = currentLink.source.x - currentPan.x;
+				const adjustedSourceY = currentLink.source.y - currentPan.y;
+				const adjustedTargetX = currentLink.target.x - currentPan.x;
+				const adjustedTargetY = currentLink.target.y - currentPan.y;
+
+				// 更新路径以使用调整后的坐标
+				if (currentLink.source.type === 'out') {
+					const d =
+						`M${adjustedSourceX},${adjustedSourceY} C${adjustedSourceX + 100},${adjustedSourceY} ${adjustedTargetX - 100},${adjustedTargetY} ${adjustedTargetX},${adjustedTargetY}`;
+					path.setAttribute('d', d);
+				} else {
+					const d =
+						`M${adjustedSourceX},${adjustedSourceY} C${adjustedSourceX - 100},${adjustedSourceY} ${adjustedTargetX + 100},${adjustedTargetY} ${adjustedTargetX},${adjustedTargetY}`;
+					path.setAttribute('d', d);
+				}
+
+				svgContainer.appendChild(path);
+			}
+
+			function attachNodeEventListeners() {
+				document.querySelectorAll('.node').forEach(node => {
+					node.addEventListener('mousedown', startDragLink);
+				});
+			}
+
+			function populateCardTypeList(mouseX, mouseY, sourceNode) {
+				const listElement = document.getElementById('card-type-list');
+				listElement.innerHTML = ''; // 清空现有列表项
+				const addedTypes = new Set();
+
+				cards.forEach(card => {
+					if (!addedTypes.has(card.type)) {
+						const listItem = document.createElement('li');
+						listItem.tabIndex = 0; // 使元素能够获得焦点，以便能够监听键盘事件
+						listItem.textContent = card.label; // 使用卡片的标签或类型
+						listItem.onclick = function() {
+							createNewCard(card, mouseX, mouseY, sourceNode);
+							hideCardCreationModal(); // 新建卡片后隐藏模态框
+						};
+						listItem.onkeydown = function(event) {
+							if (event.key === 'Enter') {
+								createNewCard(card, mouseX, mouseY, sourceNode);
+								hideCardCreationModal(); // 新建卡片后隐藏模态框
+							}
+						};
+						listElement.appendChild(listItem);
+						addedTypes.add(card.type);
+					}
+				});
+			}
+
+
+			function showCardCreationModal(mouseX, mouseY, sourceNode) {
+				populateCardTypeList(mouseX, mouseY, sourceNode); // 填充卡片类型列表
+				const modal = document.getElementById('card-creation-modal');
+				// 在这里添加取消按钮
+				if (!document.getElementById('cancel-btn')) {
+					const cancelButton = document.createElement('button');
+					cancelButton.id = 'cancel-btn';
+					cancelButton.textContent = '取消';
+					cancelButton.onclick = function() {
+						hideCardCreationModal();
+					};
+					modal.appendChild(cancelButton);
+				}
+
+
+
+				// 设置弹出框的位置
+				modal.style.left = mouseX + 'px';
+				modal.style.top = mouseY + 'px';
+				modal.style.display = 'block'; // 显示弹窗
+			}
+
+			function createNewCard(cardTemplate, mouseX, mouseY, sourceNode) {
+				const newCard = {
+					...cardTemplate,
+					nodes: JSON.parse(JSON.stringify(cardTemplate.nodes)), // 深拷贝nodes属性
+					id: 'card' + (cards.length + 1)
+				};
+				// 将每个node的value设置为空字符串
+				newCard.nodes.forEach(node => {
+					node.value = '';
+				});
+				newCard.x = mouseX - 75 - currentPan.x; // 调整为鼠标中心
+				newCard.y = mouseY - 15 - currentPan.y; // 调整为鼠标中心
+				cards.push(newCard); // 将新创建的卡片添加到卡片列表中
+
+				// 如果提供了sourceNode，找到新卡片的合适target node并创建连接
+				if (sourceNode) {
+					sourceNode.x -= currentPan.x;
+					sourceNode.y -= currentPan.y;
+					let targetNode = newCard.nodes.find(node => node.enumType === sourceNode.enumType && node.type === 'in');
+					if (targetNode) {
+						links.push({
+							source: sourceNode,
+							target: {
+								node: `${newCard.id}-node${newCard.nodes.indexOf(targetNode) + 1}`,
+								x: newCard.x + (targetNode.type === 'in' ? 0 : 150),
+								y: newCard.y + 30 + 20 + (targetNode.level + 1) * 50 - 25,
+								color: targetNode.color,
+								enumType: targetNode.enumType
+							}
+						});
+					}
+				}
+
+
+				drawLinks();
+				drawCards();
+			}
+
+
+
+			function hideCardCreationModal() {
+				const modal = document.getElementById('card-creation-modal');
+				modal.style.display = 'none'; // 隐藏弹窗
+			}
+
+			init();
+		</script>
+	</body>
+
+</html>-->
+<!-- 片段标题 START -->
+<div class="page-head">
+    <div class="page-title">
+        <h1>调度预案配置</h1>
+    </div>
+</div>
+
+    <!-- 弹窗容器 -->
+    <div id="card-creation-modal"
+         style="display:none; position: absolute; border: 1px solid #ccc; background-color: #fff; padding: 10px; z-index: 100;">
+        <!-- 搜索结果列表 -->
+        <ul id="card-type-list"></ul>
+    </div>
+    <div>
+        <button id="saves">保存</button>
+
+    </div>
+    <div>
+        <select name="destroy" class="form-control" id="destroySelect">
+            <option value="DKL">-- 大客流 --</option>
+            <option value="WD">-- 误点 --</option>
+        </select>
+    </div>
+    <div style="height: 80%">
+    <svg style="width: 100%;height: 100%;" id="svgContainer" class="grid-background">
+        <g id="linksContainer"></g> <!-- 用于存放线条 -->
+        <g id="cardsContainer"></g> <!-- 用于存放卡片 -->
+    </svg>
+    </div>
+
+<script>
+    var cards = [
+        {
+        id: 'card0',
+        x: 0,
+        y: 0,
+        label: '开始类型',
+        type: "开始类型",
+        nodes: [ {
+            type: "out",
+            level: 0,
+            enumType: 'call',
+            color: '#3C8CE7',
+            slot: 'input',
+        }
+        ],
+        titleBarColor: ['#84fab0', '#8fd3f4']
+    },{
+            id: 'card1',
+            x: 100,
+            y: 220,
+            label: '流程',
+            type: "流程",
+            nodes: [{
+                type: "in",
+                level: 0,
+                enumType: 'call',
+                color: '#fff'
+            },
+                {
+                    type: "out",
+                    level: 0,
+                    enumType: 'call',
+                    color: '#3C8CE7',
+                    slot: 'input',
+                },
+            ],
+            titleBarColor: ['#fccb90', '#d57eeb']
+        },{
+            id: 'card2',
+            x: 100,
+            y: 300,
+            label: '结束',
+            type: "流程y",
+            nodes: [{
+                type: "in",
+                level: 0,
+                enumType: 'call',
+                color: '#fff',
+                slot: 'input',
+            }
+            ],
+            titleBarColor: ['#f6d365', '#fda085']
+        }
+    ];
+
+    var cardsbei = [
+        {
+            id: 'card0',
+            x: 0,
+            y: 0,
+            label: '开始类型',
+            type: "开始类型",
+            nodes: [ {
+                type: "out",
+                level: 0,
+                enumType: 'call',
+                color: '#3C8CE7',
+                slot: 'input',
+            }
+            ],
+            titleBarColor: ['#84fab0', '#8fd3f4']
+        },{
+            id: 'cardc',
+            x: 100,
+            y: 220,
+            label: '流程',
+            type: "流程",
+            nodes: [{
+                type: "in",
+                level: 0,
+                enumType: 'call',
+                color: '#fff'
+            },
+                {
+                    type: "out",
+                    level: 0,
+                    enumType: 'call',
+                    color: '#3C8CE7',
+                    slot: 'input',
+                },
+            ],
+            titleBarColor: ['#fccb90', '#d57eeb']
+        },{
+            id: 'card3',
+            x: 100,
+            y: 300,
+            label: '结束',
+            type: "流程y",
+            nodes: [{
+                type: "in",
+                level: 0,
+                enumType: 'call',
+                color: '#fff',
+                slot: 'input',
+            }
+            ],
+            titleBarColor: ['#f6d365', '#fda085']
+        }
+    ];
+    var links = [];
+    var currentLink = null;
+    var isDragging = false;
+    var isLinking = false;
+    var dragOffsetX, dragOffsetY;
+    var currentCard;
+
+
+    $("#destroySelect").on('change',function(){
+        var fn = $('#destroySelect').val();
+
+        $.get('/zndya/all',{type_eq: fn},function(datas){
+            var ts = [];
+            var link = [];
+            for (var c in datas){
+                if(datas[c].types == 0){
+                    ts.push(JSON.parse(datas[c].jsonDate));
+                }else {
+                    link.push(JSON.parse(datas[c].jsonDate));
+                }
+
+            }
+            debugger
+            if (ts.length >  0) {
+                cards = ts;
+                links = link;
+            }else {
+                cards = cardsbei;
+                links = [];
+            }
+
+
+            drawLinks();
+            drawCards();
+            attachEventListeners();
+        });
+    })
+
+    function init() {
+
+        $.get('/zndya/all',{type_eq: 'DKL'},function(datas){
+            var ts = [];
+            var link = [];
+            for (var c in datas){
+                if(datas[c].types == 0){
+                    ts.push(JSON.parse(datas[c].jsonDate));
+                }else {
+                    link.push(JSON.parse(datas[c].jsonDate));
+                }
+
+            }
+            if (ts.length >  0) {
+                cards = ts;
+                links = link;
+            }else {
+                cards = cardsbei;
+                links = [];
+            }
+
+
+            drawLinks();
+            drawCards();
+            attachEventListeners();
+        });
+
+    }
+
+    function drawCards() {
+        const cardsContainer = document.getElementById('cardsContainer');
+        cardsContainer.innerHTML = ''; // 清除现有的卡片
+
+        cards.forEach(card => {
+
+            //创建标题栏渐变色
+            const defs = document.createElementNS('http://www.w3.org/2000/svg', 'defs');
+            const linearGradient = document.createElementNS('http://www.w3.org/2000/svg', 'linearGradient');
+            linearGradient.setAttribute('id', `titleGradient-${card.id}`);
+            linearGradient.setAttribute('x1', '0%'); // 渐变起点的x坐标
+            linearGradient.setAttribute('y1', '100%'); // 渐变起点的y坐标
+            linearGradient.setAttribute('x2', '100%'); // 渐变终点的x坐标
+            linearGradient.setAttribute('y2', '0%'); // 渐变终点的y坐标
+
+            const stop1 = document.createElementNS('http://www.w3.org/2000/svg', 'stop');
+            stop1.setAttribute('offset', '10%');
+            stop1.setAttribute('style', `stop-color: ${card.titleBarColor[0]}; stop-opacity: 1`);
+            linearGradient.appendChild(stop1);
+
+            const stop2 = document.createElementNS('http://www.w3.org/2000/svg', 'stop');
+            stop2.setAttribute('offset', '100%');
+            stop2.setAttribute('style', `stop-color: ${card.titleBarColor[1]}; stop-opacity: 1`);
+            linearGradient.appendChild(stop2);
+
+            defs.appendChild(linearGradient);
+            cardsContainer.appendChild(defs);
+
+
+
+            const nodeSpacing = 50;
+            const topBottomPadding = 20;
+            const titleBarHeight = 30; // 标题栏高度
+            const maxLevel = Math.max(...card.nodes.map(node => node.level)) + 1;
+            const cardHeight = maxLevel * nodeSpacing + topBottomPadding * 2 + titleBarHeight;
+
+            const group = document.createElementNS('http://www.w3.org/2000/svg', 'g');
+            group.setAttribute('class', 'draggable card-container');
+            group.setAttribute('data-id', card.id);
+            group.setAttribute('user-select', 'none');
+            group.setAttribute('transform', `translate(${card.x},${card.y})`);
+
+            const rect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
+            rect.setAttribute('fill', '#222');
+            rect.setAttribute('width', 150);
+            rect.setAttribute('style', 'cursor: auto;');
+            rect.setAttribute('height', cardHeight);
+            rect.setAttribute('rx', 10); // 圆角
+            rect.setAttribute('ry', 10);
+            group.appendChild(rect);
+
+            // 使用path绘制带有指定圆角的矩形
+            // 创建标题栏
+            const titleBarWidth = 150;
+            const borderRadius = 10; // 圆角大小
+            const titleBar = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+            const dValue = `M 0,${borderRadius}
+                a ${borderRadius},${borderRadius} 0 0 1 ${borderRadius},-${borderRadius}
+                h ${titleBarWidth - borderRadius * 2}
+                a ${borderRadius},${borderRadius} 0 0 1 ${borderRadius},${borderRadius}
+                v ${titleBarHeight - borderRadius}
+                h -${titleBarWidth}
+                z`;
+            titleBar.setAttribute('class', 'card');
+            titleBar.setAttribute('d', dValue);
+            titleBar.setAttribute('fill', `url(#titleGradient-${card.id})`);
+            group.appendChild(titleBar);
+
+            const text = document.createElementNS('http://www.w3.org/2000/svg', 'text');
+            text.setAttribute('x', titleBarWidth / 2);
+            text.setAttribute('y', titleBarHeight / 2);
+            text.setAttribute('text-anchor', 'middle');
+            text.setAttribute('alignment-baseline', 'middle');
+            text.textContent = card.label;
+            group.appendChild(text);
+
+            card.nodes.forEach((node, index) => {
+
+
+                const circle = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
+                circle.setAttribute('class', 'node');
+                circle.setAttribute('cx', node.type === 'in' ? 0 : 150);
+                circle.setAttribute('cy', topBottomPadding + titleBarHeight + (node.level + 1) *
+                    nodeSpacing - (nodeSpacing / 2));
+                circle.setAttribute('r', 7);
+                circle.setAttribute('fill', node.color);
+                circle.setAttribute('data-card-id', card.id);
+                circle.setAttribute('data-node-id', `${card.id}-node${index + 1}`);
+                group.appendChild(circle);
+
+                var labelX = node.type === 'in' ? 12 : 138; // 基本的X坐标
+                const labelY = topBottomPadding + titleBarHeight + node.level * nodeSpacing + 21;
+
+                // 创建SVG文本元素
+                const multiConnectedLabel = document.createElementNS('http://www.w3.org/2000/svg',
+                    'text');
+                multiConnectedLabel.setAttribute('x', labelX);
+                multiConnectedLabel.setAttribute('y', labelY);
+                multiConnectedLabel.setAttribute('text-anchor', 'middle');
+                multiConnectedLabel.setAttribute('fill', '#aaa');
+                multiConnectedLabel.setAttribute('style', 'font-size: 8px;');
+                multiConnectedLabel.setAttribute('alignment-baseline', 'hanging');
+
+
+                // 计算文本的宽度（假定的，因为SVG没有直接获取文本宽度的方法）
+                var estimatedTextLength;
+                if (node.multiConnected == undefined) {
+                    estimatedTextLength = 20
+                    multiConnectedLabel.textContent = 'N';
+                } else {
+                    estimatedTextLength = node.multiConnected.length;
+                    multiConnectedLabel.textContent = node.multiConnected;
+                }
+
+                // 确保文本不会超出卡片右边界
+                if (labelX + estimatedTextLength / 2 > 150) {
+                    labelX = 150 - estimatedTextLength / 2;
+                    nodeLabel.setAttribute('x', labelX);
+                }
+
+                // 确保文本不会超出卡片左边界
+                if (labelX - estimatedTextLength / 2 < 0) {
+                    labelX = estimatedTextLength / 2;
+                    nodeLabel.setAttribute('x', labelX);
+                }
+
+                group.appendChild(multiConnectedLabel);
+
+                if (node.label != undefined) {
+                    // 计算文本标签的位置
+                    var labelX = node.type === 'in' ? 15 : 135; // 基本的X坐标
+                    const labelY = topBottomPadding + titleBarHeight + node.level * nodeSpacing + 40;
+
+                    // 创建SVG文本元素
+                    const nodeLabel = document.createElementNS('http://www.w3.org/2000/svg', 'text');
+                    nodeLabel.setAttribute('x', labelX);
+                    nodeLabel.setAttribute('y', labelY); // 在节点下方留出一定空间
+                    nodeLabel.setAttribute('text-anchor', 'middle'); // 文本居中对齐
+                    nodeLabel.setAttribute('fill', '#aaa'); // 文本居中对齐
+                    nodeLabel.setAttribute('alignment-baseline', 'hanging');
+                    nodeLabel.textContent = node.label;
+
+                    // 计算文本的宽度（假定的，因为SVG没有直接获取文本宽度的方法）
+                    const estimatedTextLength = node.label.length * 10; // 估算每个字符6像素宽
+
+                    // 确保文本不会超出卡片右边界
+                    if (labelX + estimatedTextLength / 2 > 150) {
+                        labelX = 150 - estimatedTextLength / 2;
+                        nodeLabel.setAttribute('x', labelX);
+                    }
+
+                    // 确保文本不会超出卡片左边界
+                    if (labelX - estimatedTextLength / 2 < 0) {
+                        labelX = estimatedTextLength / 2;
+                        nodeLabel.setAttribute('x', labelX);
+                    }
+
+                    group.appendChild(nodeLabel);
+
+                }
+
+                switch (node.slot) {
+                    case 'input':
+                        const foreignObject = document.createElementNS('http://www.w3.org/2000/svg',
+                            'foreignObject');
+                        foreignObject.setAttribute('x', 0);
+                        foreignObject.setAttribute('y', topBottomPadding + titleBarHeight + node.level *
+                            nodeSpacing + 12);
+                        foreignObject.setAttribute('width', 130); // 保持原始宽度
+                        foreignObject.setAttribute('height', nodeSpacing - 24); // 保持原始高度，减去的24像素为上下内边距之和
+                        const input = document.createElement('input');
+                        input.type = 'text';
+                        if (node.value == undefined) {
+                            node.value = '';
+                        }
+                        input.value = node.value;
+                        input.addEventListener('input', function() {
+                            node.value = input.value;
+                        });
+                        // Set adjusted input styles
+                        input.style.width = '110px';
+                        input.style.height = '100%';
+                        input.style.marginLeft = '20px';
+                        input.style.borderRadius = '5px';
+                        input.style.border = '1px solid white';
+                        input.style.backgroundColor = '#222';
+                        input.style.color = 'white';
+                        input.style.fontSize = '1em';
+                        input.style.padding = '0px'; // 可能需要调整或去除内边距以适应固定尺寸
+                        input.style.boxSizing = 'border-box'; // 确保宽高包含内容、内边距和边框
+
+                        // Change border color on focus and blur
+                        input.addEventListener('focus', () => {
+                            input.style.outline = 'none'; // Remove default focus outline
+                            input.style.borderColor =
+                                'white'; // Keep border color white on focus
+                        });
+
+                        input.addEventListener('blur', () => {
+                            input.style.borderColor =
+                                'white'; // Revert to white when not focused
+                        });
+
+                        // 阻止事件冒泡
+                        input.addEventListener('click', function(event) {
+                            event.stopPropagation();
+                        });
+
+                        input.addEventListener('mousedown', function(event) {
+                            event.stopPropagation();
+                        });
+
+                        input.addEventListener('touchstart', function(event) {
+                            event.stopPropagation();
+                        });
+
+                        foreignObject.appendChild(input);
+                        group.appendChild(foreignObject);
+                        break;
+                }
+
+
+
+            });
+
+            const deleteIcon = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
+            deleteIcon.setAttribute('class', 'card-delete-icon');
+            deleteIcon.setAttribute('x', 125);
+            deleteIcon.setAttribute('y', 5); // 使其贴近标题栏的右上角
+            deleteIcon.setAttribute('width', 20);
+            deleteIcon.setAttribute('height', 20);
+            deleteIcon.setAttribute('fill', 'transparent');
+            deleteIcon.setAttribute('data-card-id', card.id);
+            deleteIcon.setAttribute('style', 'cursor: pointer;');
+            group.appendChild(deleteIcon);
+
+            const delText = document.createElementNS('http://www.w3.org/2000/svg', 'text');
+            delText.setAttribute('x', 135);
+            delText.setAttribute('y', 20); // 调整位置以垂直居中
+            delText.setAttribute('text-anchor', 'middle');
+            delText.setAttribute('fill', 'white');
+            delText.setAttribute('font-size', '16px'); // 适当调整字体大小以适应图标
+            delText.setAttribute('pointer-events', 'none'); // 确保点击事件只触发于删除图标上
+            delText.textContent = '×';
+            group.appendChild(delText);
+
+            cardsContainer.appendChild(group);
+        });
+
+        attachNodeEventListeners();
+    }
+
+
+
+    function drawLinks() {
+        const linksContainer = document.getElementById('linksContainer');
+        linksContainer.innerHTML = ''; // 清除现有的线条
+        // 清除旧的删除图标
+        document.querySelectorAll('.delete-icon').forEach(icon => icon.remove());
+
+        links.forEach((link, index) => {
+            const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+            //path.setAttribute('class', 'link');
+            path.setAttribute('stroke', link.target.color)
+            path.setAttribute('stroke-width', 5)
+            path.setAttribute('fill', 'none');
+
+
+            const isCallType = link.source.enumType === 'call';
+            if (isCallType) {
+                path.setAttribute('stroke-dasharray', '10');
+                path.setAttribute('stroke-dashoffset', '0');
+
+                // Add animation element to the path for dashed lines
+                const animate = document.createElementNS('http://www.w3.org/2000/svg', 'animate');
+                animate.setAttribute('attributeName', 'stroke-dashoffset');
+                animate.setAttribute('dur', '0.5s');
+                animate.setAttribute('repeatCount', 'indefinite');
+                animate.setAttribute('from', '20');
+                animate.setAttribute('to', '0');
+                path.appendChild(animate);
+            }
+
+
+            var dist;
+            // 使用动态计算的控制点距离来定义曲线,根据源点和终点的X坐标差异动态计算控制点的距离
+            if (link.source.type === 'out') {
+                if (link.source.x - link.target.x > 0) {
+                    dist = 200; // 如果终点在源点的左侧，控制点距离更远
+                } else {
+                    dist = Math.abs(link.target.x - link.source.x) * 0.3; // 否则，根据两点间的距离调整控制点距离
+                }
+                const d =
+                    `M${link.source.x} ${link.source.y} C${link.source.x + dist} ${link.source.y} ${link.target.x - dist} ${link.target.y} ${link.target.x} ${link.target.y}`;
+                path.setAttribute('d', d);
+                linksContainer.appendChild(path);
+            } else {
+                if (link.target.x - link.source.x > 0) {
+                    dist = 200; // 如果终点在源点的右侧，控制点距离更远
+                } else {
+                    dist = Math.abs(link.target.x - link.source.x) * 0.3; // 否则，根据两点间的距离调整控制点距离
+                }
+                const d =
+                    `M${link.source.x} ${link.source.y} C${link.source.x - dist} ${link.source.y} ${link.target.x + dist} ${link.target.y} ${link.target.x} ${link.target.y}`;
+                path.setAttribute('d', d);
+                linksContainer.appendChild(path);
+            }
+
+
+            // 计算中点
+            const midX = (link.source.x + link.target.x) / 2;
+            const midY = (link.source.y + link.target.y) / 2;
+
+            // 绘制删除图标
+            const deleteIcon = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
+            deleteIcon.setAttribute('class', 'delete-icon');
+            deleteIcon.setAttribute('cx', midX);
+            deleteIcon.setAttribute('cy', midY);
+            deleteIcon.setAttribute('style', "cursor: pointer;");
+            deleteIcon.setAttribute('r', 10);
+            deleteIcon.setAttribute('fill', 'red');
+            deleteIcon.setAttribute('data-link-level', index); // 用于标识该删除图标对应的线
+            linksContainer.appendChild(deleteIcon);
+
+            // 可以选择添加一个×文本在圆圈中间
+            const text = document.createElementNS('http://www.w3.org/2000/svg', 'text');
+            text.setAttribute('x', midX);
+            text.setAttribute('y', midY + 5); // 轻微调整以垂直居中
+            text.setAttribute('text-anchor', 'middle');
+            text.setAttribute('fill', 'white');
+            text.setAttribute('font-size', '15px');
+            text.setAttribute('pointer-events', 'none'); // 确保点击事件只触发于圆圈上
+            text.textContent = '×';
+            linksContainer.appendChild(text);
+
+        });
+    }
+
+    // 定义变量来追踪是否正在拖动以及拖动的起始位置
+    var isPanning = false;
+    var startPan = {
+        x: 0,
+        y: 0
+    };
+
+    // 用于调整SVG视图窗口的变量
+    var currentPan = {
+        x: 0,
+        y: 0
+    };
+
+    function attachEventListeners() {
+
+        const svgContainer = document.getElementById('svgContainer');
+        document.querySelectorAll('.link').forEach(link => {
+            link.addEventListener('contextmenu', function(e) {
+                e.preventDefault(); // 阻止默认的右键菜单
+                const linkId = e.target.getAttribute('data-link-id'); // 确保你在绘制线条时添加了 data-link-id 属性
+                showContextMenu(e.clientX, e.clientY, linkId);
+            });
+        });
+        document.getElementById('svgContainer').addEventListener('click', function(e) {
+            if (e.target.classList.contains('delete-icon')) {
+                // 获取点击的删除图标对应的线的索引
+                const linkIndex = e.target.getAttribute('data-link-level');
+                // 从数组中移除该线
+                links.splice(linkIndex, 1);
+                // 重新绘制剩余的线和删除图标
+                drawLinks();
+                drawCards(); // 如果你的线条与卡片有关联，可能需要重新绘制卡片以更新视图
+            } else if (e.target.classList.contains('card-delete-icon')) {
+                // 获取点击的删除图标对应的卡片ID
+                const cardId = e.target.getAttribute('data-card-id');
+                // 从`cards`数组中移除对应的卡片
+                cards = cards.filter(card => card.id !== cardId);
+                // 同时移除所有与该卡片连接的线
+                links = links.filter(link => !(link.source.node.startsWith(cardId) || (link.target && link.target
+                    .node.startsWith(cardId))));
+                // 重新绘制卡片和线
+                drawLinks();
+                drawCards();
+            } else {
+                var targetCardContainer = e.target.closest('.card-container');
+                if (targetCardContainer) {
+                    const cardId = targetCardContainer.getAttribute('data-id');
+                    // 将SVG元素移动到最后，使其在视觉上显示在最前面
+                    targetCardContainer.parentNode.appendChild(targetCardContainer);
+
+                    // 更新cards数组，将点击的卡片移动到数组的末尾
+                    const cardIndex = cards.findIndex(card => card.id === cardId);
+                    if (cardIndex > -1) {
+                        const card = cards.splice(cardIndex, 1)[0];
+                        cards.push(card);
+                    }
+
+                    // 这里不需要立即调用drawCards或drawLinks，
+                    // 除非你需要根据cards数组的新顺序进行其他更新
+                }
+            }
+        });
+
+        svgContainer.addEventListener('contextmenu', function(e) {
+            e.preventDefault(); // 阻止右键菜单
+        });
+
+        svgContainer.addEventListener('mousedown', e => {
+
+            // 检查是否是鼠标右键点击
+
+            const target = e.target;
+            if (e.button === 2) {
+                isPanning = true;
+                startPan.x = e.clientX - currentPan.x;
+                startPan.y = e.clientY - currentPan.y;
+            } else if (target.classList.contains('card') || target.tagName === 'text') {
+                const cardContainer = target.closest('.card-container');
+                const cardId = cardContainer.getAttribute('data-id');
+                startDragCard(e, cardId);
+            }
+        });
+        document.addEventListener('mousemove', e => {
+            if (isPanning) {
+                // 正确计算新的视图窗口位置
+                currentPan.x = e.clientX - startPan.x;
+                currentPan.y = e.clientY - startPan.y;
+
+                // 正确调整SVG的viewBox来实现拖动效果
+                // 这里需要更新的是开始拖动的点，而不是当前的点，因此我们反向更新
+                svgContainer.setAttribute('viewBox',
+                    `${-currentPan.x} ${-currentPan.y} ${svgContainer.clientWidth} ${svgContainer.clientHeight}`
+                );
+                svgContainer.style.backgroundPosition = `${currentPan.x % 100}px ${currentPan.y % 100}px`;
+            } else if (isDragging) {
+                debugger
+                moveCard(e);
+            } else if (isLinking && currentLink) {
+                updateLink(e);
+            }
+        });
+
+        document.addEventListener('mouseup', e => {
+            if (e.button === 2) {
+                console.log(currentPan);
+                isPanning = false;
+            } else if (isDragging) {
+                endDragCard();
+            } else if (isLinking) {
+                endDragLink(e);
+            }
+        });
+    }
+
+    function startDragCard(e, cardId) {
+        isDragging = true;
+        const card = cards.find(c => c.id === cardId);
+        currentCard = card;
+
+        const svgRect = svgContainer.getBoundingClientRect();
+        dragOffsetX = e.clientX - svgRect.left - card.x;
+        dragOffsetY = e.clientY - svgRect.top - card.y;
+    }
+
+    function moveCard(e) {
+        const svgRect = svgContainer.getBoundingClientRect();
+        currentCard.x = e.clientX - svgRect.left - dragOffsetX;
+        currentCard.y = e.clientY - svgRect.top - dragOffsetY;
+
+        // Update link positions associated with the currentCard
+        links.forEach(link => {
+            if (link.source.node.startsWith(currentCard.id)) {
+                // 根据节点ID更新链接的源位置
+                const nodeIndex = parseInt(link.source.node.split('-node')[1]) - 1;
+                const nodeConfig = currentCard.nodes[nodeIndex]; // 获取当前节点的配置
+                const nodeSpacing = 50; // 节点间隔，应与drawCards函数中使用的相同
+                const topBottomPadding = 20; // 顶部和底部的边距，应与drawCards函数中使用的相同
+                link.source.x = currentCard.x + (nodeConfig.type === "in" ? 0 : 150); // 根据节点类型调整x坐标
+                link.source.y = 30 + currentCard.y + topBottomPadding + (nodeConfig.level + 1) * nodeSpacing - (
+                    nodeSpacing / 2); // 根据节点的index调整y坐标
+            }
+            if (link.target && link.target.node.startsWith(currentCard.id)) {
+                // 根据节点ID更新链接的目标位置
+                const nodeIndex = parseInt(link.target.node.split('-node')[1]) - 1;
+                const nodeConfig = currentCard.nodes[nodeIndex]; // 获取当前节点的配置
+                link.target.x = currentCard.x + (nodeConfig.type === "in" ? 0 : 150); // 根据节点类型调整x坐标
+                link.target.y = 30 + currentCard.y + 20 + (nodeConfig.level + 1) * 50 - (50 /
+                    2); // 根据节点的index调整y坐标
+            }
+        });
+
+        drawLinks(); // Redraw links to reflect updated positions
+        drawCards(); // Redraw cards and nodes
+    }
+
+
+
+    function endDragCard() {
+        isDragging = false;
+    }
+
+    function getNodeCurrentConnections(nodeId) {
+        var count = 0;
+        links.forEach(link => {
+            if (link.source.node === nodeId || (link.target && link.target.node === nodeId)) {
+                count++;
+            }
+        });
+        return count;
+    }
+
+    function startDragLink(e) {
+        e.stopPropagation(); // Prevent card drag
+
+        const nodeId = e.target.getAttribute('data-node-id');
+        const cardId = e.target.getAttribute('data-card-id');
+        const card = cards.find(c => c.id === cardId);
+        const nodeElement = e.target;
+        const node = card.nodes.find(n => `${card.id}-node${card.nodes.indexOf(n) + 1}` === nodeId);
+
+
+        // 检查源节点是否允许发起新的连接
+        const currentConnections = getNodeCurrentConnections(nodeId);
+        if (node.multiConnected !== -1 && currentConnections >= node.multiConnected) {
+            console.log('此节点不允许更多的连接。');
+            return; // 不允许创建新的连接
+        }
+        isLinking = true;
+
+        const svgRect = svgContainer.getBoundingClientRect();
+        const nodeX = e.clientX - svgRect.left;
+        const nodeY = e.clientY - svgRect.top;
+
+        currentLink = {
+            source: {
+                node: nodeId,
+                x: nodeX,
+                y: nodeY,
+                color: nodeElement.getAttribute('fill'),
+                type: node.type,
+                enumType: node.enumType
+            },
+            target: null
+        };
+    }
+
+    function updateLink(e) {
+        const svgRect = svgContainer.getBoundingClientRect();
+        currentLink.target = {
+            x: e.clientX - svgRect.left,
+            y: e.clientY - svgRect.top
+        };
+        drawCurrentLink();
+    }
+
+    function endDragLink(e) {
+        isLinking = false;
+        const svgRect = svgContainer.getBoundingClientRect();
+        const x = e.clientX - svgRect.left;
+        const y = e.clientY - svgRect.top;
+
+        // 默认情况下，假设目标节点就是e.target
+        var targetNode = e.target;
+
+        // 检查e.target是否是我们期望的节点类型，如果不是，则尝试使用document.elementFromPoint
+        if (!targetNode.classList.contains('node')) {
+            e.target.style.display = 'none';
+            targetNode = document.elementFromPoint(e.clientX, e.clientY);
+            e.target.style.display = '';
+        }
+
+        var validTargetFound = false;
+
+        // 进行节点的有效性判断
+        if (targetNode && targetNode.classList.contains('node')) {
+            const sourceNodeId = currentLink.source.node;
+            const targetNodeId = targetNode.getAttribute('data-node-id');
+
+            // 从节点ID分解出卡片ID和节点索引
+            const sourceNodeParts = sourceNodeId.split('-node');
+            const targetNodeParts = targetNodeId.split('-node');
+            const sourceCard = cards.find(card => card.id === sourceNodeParts[0]);
+            const targetCard = cards.find(card => card.id === targetNodeParts[0]);
+
+            // 根据节点ID找到对应的节点对象
+            const sourceNodeIndex = parseInt(sourceNodeParts[1]) - 1;
+            const targetNodeIndex = parseInt(targetNodeParts[1]) - 1;
+            const sourceNode = sourceCard.nodes[sourceNodeIndex];
+            const targetNodeObj = targetCard.nodes[targetNodeIndex];
+
+            // 检查目标节点是否允许接受新的连接
+            const targetCurrentConnections = getNodeCurrentConnections(targetNodeId);
+            if (targetNodeObj.multiConnected !== -1 && targetCurrentConnections >= targetNodeObj.multiConnected) {
+                console.log('目标节点不允许更多的连接。');
+                // 移除临时绘制的连接线
+                const tempLink = document.querySelector('.temp-link');
+                if (tempLink) {
+                    tempLink.remove();
+                }
+                currentLink = null;
+                drawLinks();
+                return;
+            }
+            // 确保目标节点不是起始节点自身，避免自连接
+            if (currentLink.source.node !== targetNodeId && sourceNode.enumType === targetNodeObj.enumType) {
+                validTargetFound = true;
+                currentLink.source.enumType = sourceNode.enumType;
+                currentLink.source.x = currentLink.source.x - currentPan.x;
+                currentLink.source.y = currentLink.source.y - currentPan.y;
+                // 更新连接的目标信息，并保存该连接
+                links.push({
+                    ...currentLink,
+                    target: {
+                        node: targetNodeId,
+                        x: x - currentPan.x,
+                        y: y - currentPan.y,
+                        color: sourceNode.color,
+                        enumType: sourceNode.enumType
+                    }
+                });
+            }
+        } else {
+            const sourceNodeId = currentLink.source.node;
+            const sourceNodeParts = sourceNodeId.split('-node');
+            const sourceCard = cards.find(card => card.id === sourceNodeParts[0]);
+            const sourceNodeIndex = parseInt(sourceNodeParts[1]) - 1;
+            const sourceNode = sourceCard.nodes[sourceNodeIndex];
+            currentLink.source.enumType = sourceNode.enumType;
+            showCardCreationModal(e.clientX, e.clientY, currentLink.source);
+
+        }
+
+        const tempLink = document.querySelector('.temp-link');
+        if (tempLink) {
+            tempLink.remove();
+        }
+        currentLink = null;
+        drawLinks();
+    }
+
+    // 更新drawCurrentLink函数，增加线宽
+    // 更新drawCurrentLink函数，增加线宽
+    function drawCurrentLink() {
+        const tempLink = document.querySelector('.temp-link');
+        if (tempLink) tempLink.remove();
+
+        if (!currentLink || !currentLink.target) return;
+
+        const svgContainer = document.getElementById('svgContainer');
+        const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+        path.setAttribute('class', 'temp-link');
+        // 设置等宽线属性
+        path.setAttribute('stroke', currentLink.source.color);
+        path.setAttribute('stroke-width', 5);
+        path.setAttribute('fill', 'none');
+
+        // 计算考虑了平移偏移的起点和终点
+        const adjustedSourceX = currentLink.source.x - currentPan.x;
+        const adjustedSourceY = currentLink.source.y - currentPan.y;
+        const adjustedTargetX = currentLink.target.x - currentPan.x;
+        const adjustedTargetY = currentLink.target.y - currentPan.y;
+
+        // 更新路径以使用调整后的坐标
+        if (currentLink.source.type === 'out') {
+            const d =
+                `M${adjustedSourceX},${adjustedSourceY} C${adjustedSourceX + 100},${adjustedSourceY} ${adjustedTargetX - 100},${adjustedTargetY} ${adjustedTargetX},${adjustedTargetY}`;
+            path.setAttribute('d', d);
+        } else {
+            const d =
+                `M${adjustedSourceX},${adjustedSourceY} C${adjustedSourceX - 100},${adjustedSourceY} ${adjustedTargetX + 100},${adjustedTargetY} ${adjustedTargetX},${adjustedTargetY}`;
+            path.setAttribute('d', d);
+        }
+
+        svgContainer.appendChild(path);
+    }
+
+    function attachNodeEventListeners() {
+        document.querySelectorAll('.node').forEach(node => {
+            node.addEventListener('mousedown', startDragLink);
+        });
+    }
+
+    function populateCardTypeList(mouseX, mouseY, sourceNode) {
+        const listElement = document.getElementById('card-type-list');
+        listElement.innerHTML = ''; // 清空现有列表项
+        const addedTypes = new Set();
+        //节点列表
+        cardsbei.forEach(card => {
+            if (!addedTypes.has(card.type)) {
+                const listItem = document.createElement('li');
+                listItem.tabIndex = 0; // 使元素能够获得焦点，以便能够监听键盘事件
+                listItem.textContent = card.label; // 使用卡片的标签或类型
+                listItem.onclick = function() {
+                    createNewCard(card, mouseX, mouseY, sourceNode);
+                    hideCardCreationModal(); // 新建卡片后隐藏模态框
+                };
+                listItem.onkeydown = function(event) {
+                    if (event.key === 'Enter') {
+                        createNewCard(card, mouseX, mouseY, sourceNode);
+                        hideCardCreationModal(); // 新建卡片后隐藏模态框
+                    }
+                };
+                listElement.appendChild(listItem);
+                addedTypes.add(card.type);
+            }
+        });
+    }
+
+
+    function showCardCreationModal(mouseX, mouseY, sourceNode) {
+        populateCardTypeList(mouseX, mouseY, sourceNode); // 填充卡片类型列表
+        const modal = document.getElementById('card-creation-modal');
+        // 在这里添加取消按钮
+        if (!document.getElementById('cancel-btn')) {
+            const cancelButton = document.createElement('button');
+            cancelButton.id = 'cancel-btn';
+            cancelButton.textContent = '取消';
+            cancelButton.onclick = function() {
+                hideCardCreationModal();
+            };
+            modal.appendChild(cancelButton);
+        }
+
+
+
+        // 设置弹出框的位置
+        modal.style.left = mouseX + 'px';
+        modal.style.top = mouseY + 'px';
+        modal.style.display = 'block'; // 显示弹窗
+    }
+
+    function createNewCard(cardTemplate, mouseX, mouseY, sourceNode) {
+        debugger
+        var carrdid = [];
+        cards.forEach(card => {
+            carrdid.push(card.id.replace('card',''));
+        })
+
+        const newCard = {
+            ...cardTemplate,
+            nodes: JSON.parse(JSON.stringify(cardTemplate.nodes)), // 深拷贝nodes属性
+            id: 'card' + (Math.max.apply(null, carrdid) + 1)
+        };
+        // 将每个node的value设置为空字符串
+        newCard.nodes.forEach(node => {
+            node.value = '';
+        });
+        newCard.x = mouseX - 75 - currentPan.x; // 调整为鼠标中心
+        newCard.y = mouseY - 15 - currentPan.y; // 调整为鼠标中心
+        cards.push(newCard); // 将新创建的卡片添加到卡片列表中
+
+        // 如果提供了sourceNode，找到新卡片的合适target node并创建连接
+        if (sourceNode) {
+            sourceNode.x -= currentPan.x;
+            sourceNode.y -= currentPan.y;
+            var targetNode = newCard.nodes.find(node => node.enumType === sourceNode.enumType && node.type === 'in');
+            if (targetNode) {
+                links.push({
+                    source: sourceNode,
+                    target: {
+                        node: `${newCard.id}-node${newCard.nodes.indexOf(targetNode) + 1}`,
+                        x: newCard.x + (targetNode.type === 'in' ? 0 : 150),
+                        y: newCard.y + 30 + 20 + (targetNode.level + 1) * 50 - 25,
+                        color: targetNode.color,
+                        enumType: targetNode.enumType
+                    }
+                });
+            }
+        }
+
+
+        drawLinks();
+        drawCards();
+    }
+
+
+
+    function hideCardCreationModal() {
+        const modal = document.getElementById('card-creation-modal');
+        modal.style.display = 'none'; // 隐藏弹窗
+    }
+
+    init();
+
+    $("#saves").on('click', function() {
+       var s = cards;
+       var type = $('#destroySelect').val();
+        var datas = {
+            type : type,
+            data: JSON.stringify(cards),
+            links : JSON.stringify(links)
+        }
+
+        $.ajax('/zndya/addMap', {
+            method: 'POST',
+            data: JSON.stringify(datas),
+            contentType: 'application/json',
+            success: function (result) {
+                if(result.status != null) {
+                    // 弹出添加成功提示消息
+                    layer.msg('添加成功...');
+                } else {
+                    // 弹出添加失败提示消息
+                    layer.msg(result.ERROR);
+                }
+            }
+        });
+
+    });
+
+
+
+</script>
+<style>
+    body,
+    html {
+        margin: 0;
+        padding: 0;
+        width: 100%;
+        height: 100%;
+        overflow: hidden;
+    }
+
+    /* 弹窗容器样式 */
+    #card-creation-modal {
+        border: 1px solid #444;
+        background: linear-gradient(145deg, #333, #555);
+        padding: 5px;
+        z-index: 100;
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+        border-radius: 5px;
+        overflow: hidden;
+        margin: 0;
+        user-select: none;
+    }
+
+    #card-type-list {
+
+        padding-left: 0px;
+    }
+
+    /* 列表项基础样式 */
+    #card-type-list li {
+        list-style: none;
+        /* 去除列表项目符号 */
+        padding: 8px 15px;
+        /* 减少垂直内边距使其更紧凑 */
+        border-bottom: 1px solid #666;
+        /* 暗色底部边框线 */
+        color: #ddd;
+        /* 暗色系字体颜色 */
+        cursor: pointer;
+        /* 鼠标指针样式 */
+        margin-left: 0;
+        /* 消除左边间隙 */
+
+    }
+
+    /* 列表项高亮样式 */
+    #card-type-list li:hover,
+    #card-type-list li:focus {
+        background-color: #777;
+        /* 暗色背景颜色 */
+        color: #fff;
+        /* 高亮字体颜色 */
+    }
+
+    /* 最后一个列表项的底部边框 */
+    #card-type-list li:last-child {
+        border-bottom: none;
+    }
+
+    .grid-background {
+        background-color: #292929;
+        background-image:
+                linear-gradient(to right, black 1px, transparent 1px),
+                linear-gradient(to bottom, black 1px, transparent 1px),
+                linear-gradient(to right, #404040 1px, transparent 1px),
+                linear-gradient(to bottom, #404040 1px, transparent 1px);
+        background-size:
+                100px 100px,
+                100px 100px,
+                10px 10px,
+                10px 10px;
+        width: 100%;
+        height: 100%;
+    }
+
+    .draggable {
+        cursor: grab;
+    }
+
+    .node {
+
+        cursor: pointer;
+    }
+
+    .link {
+        stroke: black;
+        stroke-width: 2;
+    }
+
+    .card {
+        /* fill: lightgrey;
+    stroke: black; */
+
+        stroke-width: 1;
+        user-select: none;
+    }
+
+    text {
+        pointer-events: none;
+        user-select: none;
+    }
+</style>
+<!DOCTYPE html>
+<html lang="zh-cn">
+
+	<head>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<title>Blueprint</title>
+		<style>
+			body,
+			html {
+				margin: 0;
+				padding: 0;
+				width: 100%;
+				height: 100%;
+				overflow: hidden;
+			}
+
+			/* 弹窗容器样式 */
+			#card-creation-modal {
+				border: 1px solid #444;
+				background: linear-gradient(145deg, #333, #555);
+				padding: 5px;
+				z-index: 100;
+				box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+				border-radius: 5px;
+				overflow: hidden;
+				margin: 0;
+				user-select: none;
+			}
+
+			#card-type-list {
+
+				padding-left: 0px;
+			}
+
+			/* 列表项基础样式 */
+			#card-type-list li {
+				list-style: none;
+				/* 去除列表项目符号 */
+				padding: 8px 15px;
+				/* 减少垂直内边距使其更紧凑 */
+				border-bottom: 1px solid #666;
+				/* 暗色底部边框线 */
+				color: #ddd;
+				/* 暗色系字体颜色 */
+				cursor: pointer;
+				/* 鼠标指针样式 */
+				margin-left: 0;
+				/* 消除左边间隙 */
+
+			}
+
+			/* 列表项高亮样式 */
+			#card-type-list li:hover,
+			#card-type-list li:focus {
+				background-color: #777;
+				/* 暗色背景颜色 */
+				color: #fff;
+				/* 高亮字体颜色 */
+			}
+
+			/* 最后一个列表项的底部边框 */
+			#card-type-list li:last-child {
+				border-bottom: none;
+			}
+
+			.grid-background {
+				background-color: #292929;
+				background-image:
+					linear-gradient(to right, black 1px, transparent 1px),
+					linear-gradient(to bottom, black 1px, transparent 1px),
+					linear-gradient(to right, #404040 1px, transparent 1px),
+					linear-gradient(to bottom, #404040 1px, transparent 1px);
+				background-size:
+					100px 100px,
+					100px 100px,
+					10px 10px,
+					10px 10px;
+				width: 100%;
+				height: 100%;
+			}
+
+			.draggable {
+				cursor: grab;
+			}
+
+			.node {
+
+				cursor: pointer;
+			}
+
+			.link {
+				stroke: black;
+				stroke-width: 2;
+			}
+
+			.card {
+				/* fill: lightgrey;
+			stroke: black; */
+
+				stroke-width: 1;
+				user-select: none;
+			}
+
+			text {
+				pointer-events: none;
+				user-select: none;
+			}
+		</style>
+	</head>
+
+	<body>
+		<!-- 弹窗容器 -->
+		<div id="card-creation-modal"
+			style="display:none; position: absolute; border: 1px solid #ccc; background-color: #fff; padding: 10px; z-index: 100;">
+			<!-- 搜索结果列表 -->
+			<ul id="card-type-list"></ul>
+		</div>
+
+
+
+		<svg style="width: 100%;height: 100%;" id="svgContainer" class="grid-background">
+			<g id="linksContainer"></g> <!-- 用于存放线条 -->
+			<g id="cardsContainer"></g> <!-- 用于存放卡片 -->
+		</svg>
+
+		<script>
+			var cards = [{
+					id: 'card0',
+					x: 0,
+					y: 0,
+					label: 'Start',
+					type: "start",
+					nodes: [{
+						type: "out",
+						level: 0,
+						enumType: 'call',
+						color: '#fff',
+						multiConnected: 1
+					}, ],
+					titleBarColor: ['#84fab0', '#8fd3f4']
+				},
+				{
+					id: 'card1',
+					x: 100,
+					y: 200,
+					label: 'Condition',
+					type: "condition",
+					nodes: [{
+							type: "in",
+							level: 0,
+							enumType: 'call',
+							color: '#fff'
+						},
+						{
+							type: "in",
+							level: 1,
+							enumType: 'int',
+							color: '#28C76F',
+							slot: 'input',
+							label: 'int',
+							multiConnected: 1
+						},
+						{
+							type: "in",
+							level: 2,
+							enumType: 'int',
+							color: '#28C76F',
+							slot: 'input',
+							label: 'int',
+							multiConnected: 1
+						},
+						{
+							type: "out",
+							level: 0,
+							enumType: 'call',
+							color: '#fff'
+						},
+						{
+							type: "out",
+							level: 1,
+							enumType: 'bool',
+							color: '#0396FF',
+							label: 'bool',
+							multiConnected: 1
+						},
+					],
+					titleBarColor: ['#fccb90', '#d57eeb']
+				},
+				{
+					id: 'card2',
+					x: 300,
+					y: 400,
+					label: 'BoolToString',
+					type: "call",
+					nodes: [{
+							type: "in",
+							level: 0,
+							enumType: 'call',
+							color: '#fff'
+						},
+						{
+							type: "in",
+							level: 1,
+							enumType: 'bool',
+							color: '#0396FF',
+							label: 'bool',
+							multiConnected: 1
+						},
+						{
+							type: "out",
+							level: 0,
+							enumType: 'call',
+							color: '#fff'
+						},
+						{
+							type: "out",
+							level: 1,
+							enumType: 'string',
+							color: '#DE4313',
+							label: 'string',
+							multiConnected: 1
+						}
+					],
+					titleBarColor: ['#3C8CE7', '#00EAFF']
+
+				},
+				{
+					id: 'card3',
+					x: 100,
+					y: 300,
+					label: 'Print',
+					type: "print",
+					nodes: [{
+							type: "in",
+							level: 0,
+							enumType: 'call',
+							color: '#fff'
+						},
+						{
+							type: "in",
+							level: 1,
+							enumType: 'string',
+							color: '#DE4313',
+							label: 'string',
+							multiConnected: 1
+						}
+					],
+					titleBarColor: ['#f6d365', '#fda085']
+				}
+			];
+
+
+			var links = [];
+			var currentLink = null;
+			var isDragging = false;
+			var isLinking = false;
+			var dragOffsetX, dragOffsetY;
+			var currentCard;
+
+			function init() {
+				drawLinks();
+				drawCards();
+				attachEventListeners();
+			}
+
+			function drawCards() {
+				const cardsContainer = document.getElementById('cardsContainer');
+				cardsContainer.innerHTML = ''; // 清除现有的卡片
+
+				cards.forEach(card => {
+
+					//创建标题栏渐变色
+					const defs = document.createElementNS('http://www.w3.org/2000/svg', 'defs');
+					const linearGradient = document.createElementNS('http://www.w3.org/2000/svg', 'linearGradient');
+					linearGradient.setAttribute('id', `titleGradient-${card.id}`);
+					linearGradient.setAttribute('x1', '0%'); // 渐变起点的x坐标
+					linearGradient.setAttribute('y1', '100%'); // 渐变起点的y坐标
+					linearGradient.setAttribute('x2', '100%'); // 渐变终点的x坐标
+					linearGradient.setAttribute('y2', '0%'); // 渐变终点的y坐标
+
+					const stop1 = document.createElementNS('http://www.w3.org/2000/svg', 'stop');
+					stop1.setAttribute('offset', '10%');
+					stop1.setAttribute('style', `stop-color: ${card.titleBarColor[0]}; stop-opacity: 1`);
+					linearGradient.appendChild(stop1);
+
+					const stop2 = document.createElementNS('http://www.w3.org/2000/svg', 'stop');
+					stop2.setAttribute('offset', '100%');
+					stop2.setAttribute('style', `stop-color: ${card.titleBarColor[1]}; stop-opacity: 1`);
+					linearGradient.appendChild(stop2);
+
+					defs.appendChild(linearGradient);
+					cardsContainer.appendChild(defs);
+
+
+
+					const nodeSpacing = 50;
+					const topBottomPadding = 20;
+					const titleBarHeight = 30; // 标题栏高度
+					const maxLevel = Math.max(...card.nodes.map(node => node.level)) + 1;
+					const cardHeight = maxLevel * nodeSpacing + topBottomPadding * 2 + titleBarHeight;
+
+					const group = document.createElementNS('http://www.w3.org/2000/svg', 'g');
+					group.setAttribute('class', 'draggable card-container');
+					group.setAttribute('data-id', card.id);
+					group.setAttribute('user-select', 'none');
+					group.setAttribute('transform', `translate(${card.x},${card.y})`);
+
+					const rect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
+					rect.setAttribute('fill', '#222');
+					rect.setAttribute('width', 150);
+					rect.setAttribute('style', 'cursor: auto;');
+					rect.setAttribute('height', cardHeight);
+					rect.setAttribute('rx', 10); // 圆角
+					rect.setAttribute('ry', 10);
+					group.appendChild(rect);
+
+					// 使用path绘制带有指定圆角的矩形
+					// 创建标题栏
+					const titleBarWidth = 150;
+					const borderRadius = 10; // 圆角大小
+					const titleBar = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+					const dValue = `M 0,${borderRadius}
+                a ${borderRadius},${borderRadius} 0 0 1 ${borderRadius},-${borderRadius}
+                h ${titleBarWidth - borderRadius * 2}
+                a ${borderRadius},${borderRadius} 0 0 1 ${borderRadius},${borderRadius}
+                v ${titleBarHeight - borderRadius}
+                h -${titleBarWidth}
+                z`;
+					titleBar.setAttribute('class', 'card');
+					titleBar.setAttribute('d', dValue);
+					titleBar.setAttribute('fill', `url(#titleGradient-${card.id})`);
+					group.appendChild(titleBar);
+
+					const text = document.createElementNS('http://www.w3.org/2000/svg', 'text');
+					text.setAttribute('x', titleBarWidth / 2);
+					text.setAttribute('y', titleBarHeight / 2);
+					text.setAttribute('text-anchor', 'middle');
+					text.setAttribute('alignment-baseline', 'middle');
+					text.textContent = card.label;
+					group.appendChild(text);
+
+					card.nodes.forEach((node, index) => {
+
+
+						const circle = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
+						circle.setAttribute('class', 'node');
+						circle.setAttribute('cx', node.type === 'in' ? 0 : 150);
+						circle.setAttribute('cy', topBottomPadding + titleBarHeight + (node.level + 1) *
+							nodeSpacing - (nodeSpacing / 2));
+						circle.setAttribute('r', 7);
+						circle.setAttribute('fill', node.color);
+						circle.setAttribute('data-card-id', card.id);
+						circle.setAttribute('data-node-id', `${card.id}-node${index + 1}`);
+						group.appendChild(circle);
+
+						var labelX = node.type === 'in' ? 12 : 138; // 基本的X坐标
+						const labelY = topBottomPadding + titleBarHeight + node.level * nodeSpacing + 21;
+
+						// 创建SVG文本元素
+						const multiConnectedLabel = document.createElementNS('http://www.w3.org/2000/svg',
+							'text');
+						multiConnectedLabel.setAttribute('x', labelX);
+						multiConnectedLabel.setAttribute('y', labelY);
+						multiConnectedLabel.setAttribute('text-anchor', 'middle');
+						multiConnectedLabel.setAttribute('fill', '#aaa');
+						multiConnectedLabel.setAttribute('style', 'font-size: 8px;');
+						multiConnectedLabel.setAttribute('alignment-baseline', 'hanging');
+
+
+						// 计算文本的宽度（假定的，因为SVG没有直接获取文本宽度的方法）
+						var estimatedTextLength;
+						if (node.multiConnected == undefined) {
+							estimatedTextLength = 20
+							multiConnectedLabel.textContent = 'N';
+						} else {
+							estimatedTextLength = node.multiConnected.length;
+							multiConnectedLabel.textContent = node.multiConnected;
+						}
+
+						// 确保文本不会超出卡片右边界
+						if (labelX + estimatedTextLength / 2 > 150) {
+							labelX = 150 - estimatedTextLength / 2;
+							nodeLabel.setAttribute('x', labelX);
+						}
+
+						// 确保文本不会超出卡片左边界
+						if (labelX - estimatedTextLength / 2 < 0) {
+							labelX = estimatedTextLength / 2;
+							nodeLabel.setAttribute('x', labelX);
+						}
+
+						group.appendChild(multiConnectedLabel);
+
+						if (node.label != undefined) {
+							// 计算文本标签的位置
+							var labelX = node.type === 'in' ? 15 : 135; // 基本的X坐标
+							const labelY = topBottomPadding + titleBarHeight + node.level * nodeSpacing + 40;
+
+							// 创建SVG文本元素
+							const nodeLabel = document.createElementNS('http://www.w3.org/2000/svg', 'text');
+							nodeLabel.setAttribute('x', labelX);
+							nodeLabel.setAttribute('y', labelY); // 在节点下方留出一定空间
+							nodeLabel.setAttribute('text-anchor', 'middle'); // 文本居中对齐
+							nodeLabel.setAttribute('fill', '#aaa'); // 文本居中对齐
+							nodeLabel.setAttribute('alignment-baseline', 'hanging');
+							nodeLabel.textContent = node.label;
+
+							// 计算文本的宽度（假定的，因为SVG没有直接获取文本宽度的方法）
+							const estimatedTextLength = node.label.length * 10; // 估算每个字符6像素宽
+
+							// 确保文本不会超出卡片右边界
+							if (labelX + estimatedTextLength / 2 > 150) {
+								labelX = 150 - estimatedTextLength / 2;
+								nodeLabel.setAttribute('x', labelX);
+							}
+
+							// 确保文本不会超出卡片左边界
+							if (labelX - estimatedTextLength / 2 < 0) {
+								labelX = estimatedTextLength / 2;
+								nodeLabel.setAttribute('x', labelX);
+							}
+
+							group.appendChild(nodeLabel);
+
+						}
+
+						switch (node.slot) {
+							case 'input':
+								const foreignObject = document.createElementNS('http://www.w3.org/2000/svg',
+									'foreignObject');
+								foreignObject.setAttribute('x', 0);
+								foreignObject.setAttribute('y', topBottomPadding + titleBarHeight + node.level *
+									nodeSpacing + 12);
+								foreignObject.setAttribute('width', 130); // 保持原始宽度
+								foreignObject.setAttribute('height', nodeSpacing - 24); // 保持原始高度，减去的24像素为上下内边距之和
+								const input = document.createElement('input');
+								input.type = 'text';
+								if (node.value == undefined) {
+									node.value = '';
+								}
+								input.value = node.value;
+								input.addEventListener('input', function() {
+									node.value = input.value;
+								});
+								// Set adjusted input styles
+								input.style.width = '110px';
+								input.style.height = '100%';
+								input.style.marginLeft = '20px';
+								input.style.borderRadius = '5px';
+								input.style.border = '1px solid white';
+								input.style.backgroundColor = '#222';
+								input.style.color = 'white';
+								input.style.fontSize = '1em';
+								input.style.padding = '0px'; // 可能需要调整或去除内边距以适应固定尺寸
+								input.style.boxSizing = 'border-box'; // 确保宽高包含内容、内边距和边框
+
+								// Change border color on focus and blur
+								input.addEventListener('focus', () => {
+									input.style.outline = 'none'; // Remove default focus outline
+									input.style.borderColor =
+										'white'; // Keep border color white on focus
+								});
+
+								input.addEventListener('blur', () => {
+									input.style.borderColor =
+										'white'; // Revert to white when not focused
+								});
+
+								// 阻止事件冒泡
+								input.addEventListener('click', function(event) {
+									event.stopPropagation();
+								});
+
+								input.addEventListener('mousedown', function(event) {
+									event.stopPropagation();
+								});
+
+								input.addEventListener('touchstart', function(event) {
+									event.stopPropagation();
+								});
+
+								foreignObject.appendChild(input);
+								group.appendChild(foreignObject);
+								break;
+						}
+
+
+
+					});
+
+					const deleteIcon = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
+					deleteIcon.setAttribute('class', 'card-delete-icon');
+					deleteIcon.setAttribute('x', 125);
+					deleteIcon.setAttribute('y', 5); // 使其贴近标题栏的右上角
+					deleteIcon.setAttribute('width', 20);
+					deleteIcon.setAttribute('height', 20);
+					deleteIcon.setAttribute('fill', 'transparent');
+					deleteIcon.setAttribute('data-card-id', card.id);
+					deleteIcon.setAttribute('style', 'cursor: pointer;');
+					group.appendChild(deleteIcon);
+
+					const delText = document.createElementNS('http://www.w3.org/2000/svg', 'text');
+					delText.setAttribute('x', 135);
+					delText.setAttribute('y', 20); // 调整位置以垂直居中
+					delText.setAttribute('text-anchor', 'middle');
+					delText.setAttribute('fill', 'white');
+					delText.setAttribute('font-size', '16px'); // 适当调整字体大小以适应图标
+					delText.setAttribute('pointer-events', 'none'); // 确保点击事件只触发于删除图标上
+					delText.textContent = '×';
+					group.appendChild(delText);
+
+					cardsContainer.appendChild(group);
+				});
+
+				attachNodeEventListeners();
+			}
+
+
+
+			function drawLinks() {
+				const linksContainer = document.getElementById('linksContainer');
+				linksContainer.innerHTML = ''; // 清除现有的线条
+				// 清除旧的删除图标
+				document.querySelectorAll('.delete-icon').forEach(icon => icon.remove());
+
+				links.forEach((link, index) => {
+					const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+					//path.setAttribute('class', 'link');
+					path.setAttribute('stroke', link.target.color)
+					path.setAttribute('stroke-width', 5)
+					path.setAttribute('fill', 'none');
+
+
+					const isCallType = link.source.enumType === 'call';
+					if (isCallType) {
+						path.setAttribute('stroke-dasharray', '10');
+						path.setAttribute('stroke-dashoffset', '0');
+
+						// Add animation element to the path for dashed lines
+						const animate = document.createElementNS('http://www.w3.org/2000/svg', 'animate');
+						animate.setAttribute('attributeName', 'stroke-dashoffset');
+						animate.setAttribute('dur', '0.5s');
+						animate.setAttribute('repeatCount', 'indefinite');
+						animate.setAttribute('from', '20');
+						animate.setAttribute('to', '0');
+						path.appendChild(animate);
+					}
+
+
+					var dist;
+					// 使用动态计算的控制点距离来定义曲线,根据源点和终点的X坐标差异动态计算控制点的距离
+					if (link.source.type === 'out') {
+						if (link.source.x - link.target.x > 0) {
+							dist = 200; // 如果终点在源点的左侧，控制点距离更远
+						} else {
+							dist = Math.abs(link.target.x - link.source.x) * 0.3; // 否则，根据两点间的距离调整控制点距离
+						}
+						const d =
+							`M${link.source.x} ${link.source.y} C${link.source.x + dist} ${link.source.y} ${link.target.x - dist} ${link.target.y} ${link.target.x} ${link.target.y}`;
+						path.setAttribute('d', d);
+						linksContainer.appendChild(path);
+					} else {
+						if (link.target.x - link.source.x > 0) {
+							dist = 200; // 如果终点在源点的右侧，控制点距离更远
+						} else {
+							dist = Math.abs(link.target.x - link.source.x) * 0.3; // 否则，根据两点间的距离调整控制点距离
+						}
+						const d =
+							`M${link.source.x} ${link.source.y} C${link.source.x - dist} ${link.source.y} ${link.target.x + dist} ${link.target.y} ${link.target.x} ${link.target.y}`;
+						path.setAttribute('d', d);
+						linksContainer.appendChild(path);
+					}
+
+
+					// 计算中点
+					const midX = (link.source.x + link.target.x) / 2;
+					const midY = (link.source.y + link.target.y) / 2;
+
+					// 绘制删除图标
+					const deleteIcon = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
+					deleteIcon.setAttribute('class', 'delete-icon');
+					deleteIcon.setAttribute('cx', midX);
+					deleteIcon.setAttribute('cy', midY);
+					deleteIcon.setAttribute('style', "cursor: pointer;");
+					deleteIcon.setAttribute('r', 10);
+					deleteIcon.setAttribute('fill', 'red');
+					deleteIcon.setAttribute('data-link-level', index); // 用于标识该删除图标对应的线
+					linksContainer.appendChild(deleteIcon);
+
+					// 可以选择添加一个×文本在圆圈中间
+					const text = document.createElementNS('http://www.w3.org/2000/svg', 'text');
+					text.setAttribute('x', midX);
+					text.setAttribute('y', midY + 5); // 轻微调整以垂直居中
+					text.setAttribute('text-anchor', 'middle');
+					text.setAttribute('fill', 'white');
+					text.setAttribute('font-size', '15px');
+					text.setAttribute('pointer-events', 'none'); // 确保点击事件只触发于圆圈上
+					text.textContent = '×';
+					linksContainer.appendChild(text);
+
+				});
+			}
+
+			// 定义变量来追踪是否正在拖动以及拖动的起始位置
+			var isPanning = false;
+			var startPan = {
+				x: 0,
+				y: 0
+			};
+
+			// 用于调整SVG视图窗口的变量
+			var currentPan = {
+				x: 0,
+				y: 0
+			};
+
+			function attachEventListeners() {
+
+				const svgContainer = document.getElementById('svgContainer');
+				document.querySelectorAll('.link').forEach(link => {
+					link.addEventListener('contextmenu', function(e) {
+						e.preventDefault(); // 阻止默认的右键菜单
+						const linkId = e.target.getAttribute('data-link-id'); // 确保你在绘制线条时添加了 data-link-id 属性
+						showContextMenu(e.clientX, e.clientY, linkId);
+					});
+				});
+				document.getElementById('svgContainer').addEventListener('click', function(e) {
+					if (e.target.classList.contains('delete-icon')) {
+						// 获取点击的删除图标对应的线的索引
+						const linkIndex = e.target.getAttribute('data-link-level');
+						// 从数组中移除该线
+						links.splice(linkIndex, 1);
+						// 重新绘制剩余的线和删除图标
+						drawLinks();
+						drawCards(); // 如果你的线条与卡片有关联，可能需要重新绘制卡片以更新视图
+					} else if (e.target.classList.contains('card-delete-icon')) {
+						// 获取点击的删除图标对应的卡片ID
+						const cardId = e.target.getAttribute('data-card-id');
+						// 从`cards`数组中移除对应的卡片
+						cards = cards.filter(card => card.id !== cardId);
+						// 同时移除所有与该卡片连接的线
+						links = links.filter(link => !(link.source.node.startsWith(cardId) || (link.target && link.target
+							.node.startsWith(cardId))));
+						// 重新绘制卡片和线
+						drawLinks();
+						drawCards();
+					} else {
+						var targetCardContainer = e.target.closest('.card-container');
+						if (targetCardContainer) {
+							const cardId = targetCardContainer.getAttribute('data-id');
+							// 将SVG元素移动到最后，使其在视觉上显示在最前面
+							targetCardContainer.parentNode.appendChild(targetCardContainer);
+
+							// 更新cards数组，将点击的卡片移动到数组的末尾
+							const cardIndex = cards.findIndex(card => card.id === cardId);
+							if (cardIndex > -1) {
+								const card = cards.splice(cardIndex, 1)[0];
+								cards.push(card);
+							}
+
+							// 这里不需要立即调用drawCards或drawLinks，
+							// 除非你需要根据cards数组的新顺序进行其他更新
+						}
+					}
+				});
+
+				svgContainer.addEventListener('contextmenu', function(e) {
+					e.preventDefault(); // 阻止右键菜单
+				});
+
+				svgContainer.addEventListener('mousedown', e => {
+
+					// 检查是否是鼠标右键点击
+
+					const target = e.target;
+					if (e.button === 2) {
+						isPanning = true;
+						startPan.x = e.clientX - currentPan.x;
+						startPan.y = e.clientY - currentPan.y;
+					} else if (target
+
+						.classList.contains('card') || target.tagName === 'text') {
+						const cardContainer = target.closest('.card-container');
+						const cardId = cardContainer.getAttribute('data-id');
+						startDragCard(e, cardId);
+					}
+				});
+				document.addEventListener('mousemove', e => {
+					if (isPanning) {
+						// 正确计算新的视图窗口位置
+						currentPan.x = e.clientX - startPan.x;
+						currentPan.y = e.clientY - startPan.y;
+
+						// 正确调整SVG的viewBox来实现拖动效果
+						// 这里需要更新的是开始拖动的点，而不是当前的点，因此我们反向更新
+						svgContainer.setAttribute('viewBox',
+							`${-currentPan.x} ${-currentPan.y} ${svgContainer.clientWidth} ${svgContainer.clientHeight}`
+						);
+						svgContainer.style.backgroundPosition = `${currentPan.x % 100}px ${currentPan.y % 100}px`;
+					} else if (isDragging) {
+						moveCard(e);
+					} else if (isLinking && currentLink) {
+						updateLink(e);
+					}
+				});
+
+				document.addEventListener('mouseup', e => {
+					if (e.button === 2) {
+						console.log(currentPan);
+						isPanning = false;
+					} else if (isDragging) {
+						endDragCard();
+					} else if (isLinking) {
+						endDragLink(e);
+					}
+				});
+			}
+
+			function startDragCard(e, cardId) {
+				isDragging = true;
+				const card = cards.find(c => c.id === cardId);
+				currentCard = card;
+
+				const svgRect = svgContainer.getBoundingClientRect();
+				dragOffsetX = e.clientX - svgRect.left - card.x;
+				dragOffsetY = e.clientY - svgRect.top - card.y;
+			}
+
+			function moveCard(e) {
+				const svgRect = svgContainer.getBoundingClientRect();
+				currentCard.x = e.clientX - svgRect.left - dragOffsetX;
+				currentCard.y = e.clientY - svgRect.top - dragOffsetY;
+
+				// Update link positions associated with the currentCard
+				links.forEach(link => {
+					if (link.source.node.startsWith(currentCard.id)) {
+						// 根据节点ID更新链接的源位置
+						const nodeIndex = parseInt(link.source.node.split('-node')[1]) - 1;
+						const nodeConfig = currentCard.nodes[nodeIndex]; // 获取当前节点的配置
+						const nodeSpacing = 50; // 节点间隔，应与drawCards函数中使用的相同
+						const topBottomPadding = 20; // 顶部和底部的边距，应与drawCards函数中使用的相同
+						link.source.x = currentCard.x + (nodeConfig.type === "in" ? 0 : 150); // 根据节点类型调整x坐标
+						link.source.y = 30 + currentCard.y + topBottomPadding + (nodeConfig.level + 1) * nodeSpacing - (
+							nodeSpacing / 2); // 根据节点的index调整y坐标
+					}
+					if (link.target && link.target.node.startsWith(currentCard.id)) {
+						// 根据节点ID更新链接的目标位置
+						const nodeIndex = parseInt(link.target.node.split('-node')[1]) - 1;
+						const nodeConfig = currentCard.nodes[nodeIndex]; // 获取当前节点的配置
+						link.target.x = currentCard.x + (nodeConfig.type === "in" ? 0 : 150); // 根据节点类型调整x坐标
+						link.target.y = 30 + currentCard.y + 20 + (nodeConfig.level + 1) * 50 - (50 /
+							2); // 根据节点的index调整y坐标
+					}
+				});
+
+				drawLinks(); // Redraw links to reflect updated positions
+				drawCards(); // Redraw cards and nodes
+			}
+
+
+
+			function endDragCard() {
+				isDragging = false;
+			}
+
+			function getNodeCurrentConnections(nodeId) {
+				var count = 0;
+				links.forEach(link => {
+					if (link.source.node === nodeId || (link.target && link.target.node === nodeId)) {
+						count++;
+					}
+				});
+				return count;
+			}
+
+			function startDragLink(e) {
+				e.stopPropagation(); // Prevent card drag
+
+				const nodeId = e.target.getAttribute('data-node-id');
+				const cardId = e.target.getAttribute('data-card-id');
+				const card = cards.find(c => c.id === cardId);
+				const nodeElement = e.target;
+				const node = card.nodes.find(n => `${card.id}-node${card.nodes.indexOf(n) + 1}` === nodeId);
+
+
+				// 检查源节点是否允许发起新的连接
+				const currentConnections = getNodeCurrentConnections(nodeId);
+				if (node.multiConnected !== -1 && currentConnections >= node.multiConnected) {
+					console.log('此节点不允许更多的连接。');
+					return; // 不允许创建新的连接
+				}
+				isLinking = true;
+
+				const svgRect = svgContainer.getBoundingClientRect();
+				const nodeX = e.clientX - svgRect.left;
+				const nodeY = e.clientY - svgRect.top;
+
+				currentLink = {
+					source: {
+						node: nodeId,
+						x: nodeX,
+						y: nodeY,
+						color: nodeElement.getAttribute('fill'),
+						type: node.type,
+						enumType: node.enumType
+					},
+					target: null
+				};
+			}
+
+			function updateLink(e) {
+				const svgRect = svgContainer.getBoundingClientRect();
+				currentLink.target = {
+					x: e.clientX - svgRect.left,
+					y: e.clientY - svgRect.top
+				};
+				drawCurrentLink();
+			}
+
+			function endDragLink(e) {
+				isLinking = false;
+				const svgRect = svgContainer.getBoundingClientRect();
+				const x = e.clientX - svgRect.left;
+				const y = e.clientY - svgRect.top;
+
+				// 默认情况下，假设目标节点就是e.target
+				var targetNode = e.target;
+
+				// 检查e.target是否是我们期望的节点类型，如果不是，则尝试使用document.elementFromPoint
+				if (!targetNode.classList.contains('node')) {
+					e.target.style.display = 'none';
+					targetNode = document.elementFromPoint(e.clientX, e.clientY);
+					e.target.style.display = '';
+				}
+
+				var validTargetFound = false;
+
+				// 进行节点的有效性判断
+				if (targetNode && targetNode.classList.contains('node')) {
+					const sourceNodeId = currentLink.source.node;
+					const targetNodeId = targetNode.getAttribute('data-node-id');
+
+					// 从节点ID分解出卡片ID和节点索引
+					const sourceNodeParts = sourceNodeId.split('-node');
+					const targetNodeParts = targetNodeId.split('-node');
+					const sourceCard = cards.find(card => card.id === sourceNodeParts[0]);
+					const targetCard = cards.find(card => card.id === targetNodeParts[0]);
+
+					// 根据节点ID找到对应的节点对象
+					const sourceNodeIndex = parseInt(sourceNodeParts[1]) - 1;
+					const targetNodeIndex = parseInt(targetNodeParts[1]) - 1;
+					const sourceNode = sourceCard.nodes[sourceNodeIndex];
+					const targetNodeObj = targetCard.nodes[targetNodeIndex];
+
+					// 检查目标节点是否允许接受新的连接
+					const targetCurrentConnections = getNodeCurrentConnections(targetNodeId);
+					if (targetNodeObj.multiConnected !== -1 && targetCurrentConnections >= targetNodeObj.multiConnected) {
+						console.log('目标节点不允许更多的连接。');
+						// 移除临时绘制的连接线
+						const tempLink = document.querySelector('.temp-link');
+						if (tempLink) {
+							tempLink.remove();
+						}
+						currentLink = null;
+						drawLinks();
+						return;
+					}
+					// 确保目标节点不是起始节点自身，避免自连接
+					if (currentLink.source.node !== targetNodeId && sourceNode.enumType === targetNodeObj.enumType) {
+						validTargetFound = true;
+						currentLink.source.enumType = sourceNode.enumType;
+						currentLink.source.x = currentLink.source.x - currentPan.x;
+						currentLink.source.y = currentLink.source.y - currentPan.y;
+						// 更新连接的目标信息，并保存该连接
+						links.push({
+							...currentLink,
+							target: {
+								node: targetNodeId,
+								x: x - currentPan.x,
+								y: y - currentPan.y,
+								color: sourceNode.color,
+								enumType: sourceNode.enumType
+							}
+						});
+					}
+				} else {
+					const sourceNodeId = currentLink.source.node;
+					const sourceNodeParts = sourceNodeId.split('-node');
+					const sourceCard = cards.find(card => card.id === sourceNodeParts[0]);
+					const sourceNodeIndex = parseInt(sourceNodeParts[1]) - 1;
+					const sourceNode = sourceCard.nodes[sourceNodeIndex];
+					currentLink.source.enumType = sourceNode.enumType;
+					showCardCreationModal(e.clientX, e.clientY, currentLink.source);
+
+				}
+
+				const tempLink = document.querySelector('.temp-link');
+				if (tempLink) {
+					tempLink.remove();
+				}
+				currentLink = null;
+				drawLinks();
+			}
+
+
+
+
+
+
+			// 更新drawCurrentLink函数，增加线宽
+			// 更新drawCurrentLink函数，增加线宽
+			function drawCurrentLink() {
+				const tempLink = document.querySelector('.temp-link');
+				if (tempLink) tempLink.remove();
+
+				if (!currentLink || !currentLink.target) return;
+
+				const svgContainer = document.getElementById('svgContainer');
+				const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+				path.setAttribute('class', 'temp-link');
+				// 设置等宽线属性
+				path.setAttribute('stroke', currentLink.source.color);
+				path.setAttribute('stroke-width', 5);
+				path.setAttribute('fill', 'none');
+
+				// 计算考虑了平移偏移的起点和终点
+				const adjustedSourceX = currentLink.source.x - currentPan.x;
+				const adjustedSourceY = currentLink.source.y - currentPan.y;
+				const adjustedTargetX = currentLink.target.x - currentPan.x;
+				const adjustedTargetY = currentLink.target.y - currentPan.y;
+
+				// 更新路径以使用调整后的坐标
+				if (currentLink.source.type === 'out') {
+					const d =
+						`M${adjustedSourceX},${adjustedSourceY} C${adjustedSourceX + 100},${adjustedSourceY} ${adjustedTargetX - 100},${adjustedTargetY} ${adjustedTargetX},${adjustedTargetY}`;
+					path.setAttribute('d', d);
+				} else {
+					const d =
+						`M${adjustedSourceX},${adjustedSourceY} C${adjustedSourceX - 100},${adjustedSourceY} ${adjustedTargetX + 100},${adjustedTargetY} ${adjustedTargetX},${adjustedTargetY}`;
+					path.setAttribute('d', d);
+				}
+
+				svgContainer.appendChild(path);
+			}
+
+			function attachNodeEventListeners() {
+				document.querySelectorAll('.node').forEach(node => {
+					node.addEventListener('mousedown', startDragLink);
+				});
+			}
+
+			function populateCardTypeList(mouseX, mouseY, sourceNode) {
+				const listElement = document.getElementById('card-type-list');
+				listElement.innerHTML = ''; // 清空现有列表项
+				const addedTypes = new Set();
+
+				cards.forEach(card => {
+					if (!addedTypes.has(card.type)) {
+						const listItem = document.createElement('li');
+						listItem.tabIndex = 0; // 使元素能够获得焦点，以便能够监听键盘事件
+						listItem.textContent = card.label; // 使用卡片的标签或类型
+						listItem.onclick = function() {
+							createNewCard(card, mouseX, mouseY, sourceNode);
+							hideCardCreationModal(); // 新建卡片后隐藏模态框
+						};
+						listItem.onkeydown = function(event) {
+							if (event.key === 'Enter') {
+								createNewCard(card, mouseX, mouseY, sourceNode);
+								hideCardCreationModal(); // 新建卡片后隐藏模态框
+							}
+						};
+						listElement.appendChild(listItem);
+						addedTypes.add(card.type);
+					}
+				});
+			}
+
+
+			function showCardCreationModal(mouseX, mouseY, sourceNode) {
+				populateCardTypeList(mouseX, mouseY, sourceNode); // 填充卡片类型列表
+				const modal = document.getElementById('card-creation-modal');
+				// 在这里添加取消按钮
+				if (!document.getElementById('cancel-btn')) {
+					const cancelButton = document.createElement('button');
+					cancelButton.id = 'cancel-btn';
+					cancelButton.textContent = '取消';
+					cancelButton.onclick = function() {
+						hideCardCreationModal();
+					};
+					modal.appendChild(cancelButton);
+				}
+
+
+
+				// 设置弹出框的位置
+				modal.style.left = mouseX + 'px';
+				modal.style.top = mouseY + 'px';
+				modal.style.display = 'block'; // 显示弹窗
+			}
+
+			function createNewCard(cardTemplate, mouseX, mouseY, sourceNode) {
+				const newCard = {
+					...cardTemplate,
+					nodes: JSON.parse(JSON.stringify(cardTemplate.nodes)), // 深拷贝nodes属性
+					id: 'card' + (cards.length + 1)
+				};
+				// 将每个node的value设置为空字符串
+				newCard.nodes.forEach(node => {
+					node.value = '';
+				});
+				newCard.x = mouseX - 75 - currentPan.x; // 调整为鼠标中心
+				newCard.y = mouseY - 15 - currentPan.y; // 调整为鼠标中心
+				cards.push(newCard); // 将新创建的卡片添加到卡片列表中
+
+				// 如果提供了sourceNode，找到新卡片的合适target node并创建连接
+				if (sourceNode) {
+					sourceNode.x -= currentPan.x;
+					sourceNode.y -= currentPan.y;
+					var targetNode = newCard.nodes.find(node => node.enumType === sourceNode.enumType && node.type === 'in');
+					if (targetNode) {
+						links.push({
+							source: sourceNode,
+							target: {
+								node: `${newCard.id}-node${newCard.nodes.indexOf(targetNode) + 1}`,
+								x: newCard.x + (targetNode.type === 'in' ? 0 : 150),
+								y: newCard.y + 30 + 20 + (targetNode.level + 1) * 50 - 25,
+								color: targetNode.color,
+								enumType: targetNode.enumType
+							}
+						});
+					}
+				}
+
+
+				drawLinks();
+				drawCards();
+			}
+
+
+
+			function hideCardCreationModal() {
+				const modal = document.getElementById('card-creation-modal');
+				modal.style.display = 'none'; // 隐藏弹窗
+			}
+
+			init();
+		</script>
+	</body>
+
+</html>
@@ -17,31 +17,32 @@ var gb_dataZndd = (function (){
     var timelist = [],interval;
     var dataMap = new Map();
     var leftTime = 1000 * 20;//剩余的毫秒数
-    var timeType = false
     var sop = function (data) {
  
         //时间格式化
         data.types = codes[data.type];
-        debugger
+
         if (data.type == 'YCSF' &&  ycsf_sx(data.lineCode) == false){
             return
         }
-        if (data.type == 'SFTZ_1' && ycsf_sx(data.lineCode) == false){
+        if (data.type == 'SFTZ_1' && sf_tz(data.lineCode) == false){
             return
         }
  
  
+
         var stm = moment(new Date());
         data.uuid = data.uuid + "uuid";//会出现纯数字 key取不到
-        
+
         data.datarq = stm.format('HH时mm分ss秒');
         dataMap.set(data.uuid,data);
+        if (data.type == 'DKL'){
+            configureDkl();
+            return;
+        }
  
-        //
-      
         configure();
-        
-     
+
         //配置 随到随发   配置div方案
         function configure(){
  
@@ -64,8 +65,16 @@ var gb_dataZndd = (function (){
  
             //gb_tts.audition(msg, 1.2); //语音播报
         }
-        
-       
+
+        function configureDkl(){
+            var htmlStr = template('zndd_plat_msg_template_dkl', data);
+            var items = $pop.find('.multi_plat_msg_zndd'), len = items.length;
+            if (len >= max)
+                return
+
+            $pop.append(htmlStr);
+        }
+
     };
  
     var close = true; //关闭弹出框的时候不弹出
@@ -73,17 +82,31 @@ var gb_dataZndd = (function (){
         $(this).parent().parent().remove();
         if (close)  close = false
     });
-    $pop.on('click', '.multi_plat_config .msg-times', function () {
+
+
+    var closetwo = true; //关闭弹出框的时候不弹出
+    $pop.on('click', '.multi_plat_msg_zndd .msg-times', function () {
         $(this).parent().parent().remove();
-        if (close)  close = false
+        if (closetwo)  closetwo = false
     });
  
  
     //1078路，1135路，南临专线，临港4路，浦东111路，浦东74路，临港13路，申港3路，浦东29路，新芦专线
     function ycsf_sx(line){
         var t =['12101','200828','230308','220826','201012','10636','60033','88814','88818','180926','191221','210821','230311','230329','803111'];
-        debugger
-        for (let lines in t){
+
+        for (var lines in t){
+            if(line == t[lines])
+                return true;
+        }
+        return  false;
+    }
+
+    //1078路，1135路，南临专线，临港4路，浦东111路，浦东74路，临港13路，申港3路，浦东29路，新芦专线
+    function sf_tz(line){
+        var t =['80301'];
+
+        for (var lines in t){
             if(line == t[lines])
                 return true;
         }
@@ -153,6 +176,33 @@ var gb_dataZndd = (function (){
             data: sch
         }, {center: true, bgclose: false, modal: true});
     });
+
+
+
+
+    //临加班次
+    $pop.on('click', '.multi_plat_msg_zndd', function () {
+
+        if (!closetwo) {closetwo = true;return;}
+        var that = $(this);
+        var data = returnDate(that);
+        var sch = dataMap.get(that.data('uuid'));
+        var typeindex = typesx(data.type);
+        if (typeindex == null)
+            return;
+
+        for(var i = 0;i < timelist.length; i++) {
+            if (timelist[i].ele == that.data('uuid')){
+                timelist.splice(i--, 1);
+            }
+        };
+
+        folder = '/real_control_v2/zndd/type';
+        open_modal(folder + '/'+typeindex, {
+            data: sch
+        }, {center: true, bgclose: false, modal: true});
+    });
+
  
  
     function typesx(type){
@@ -166,10 +216,8 @@ var gb_dataZndd = (function (){
             case 'DJG':
                 return 'djg1.html';
                 break;
-            case 'MZ':
-                return 'mz.html';
-                break;
             case 'DKL':
+                return 'dkl.html';
                 break;
             case 'FCJG':
                 return 'fcjg.html';
@@ -257,7 +305,7 @@ var gb_dataZndd = (function (){
  
     //定时器自动提交
     function TimeChick(ele){
-        debugger
+
         var thisall= $("#"+ele).parent();
         var sch = dataMap.get(thisall.data('uuid'));
         if (thisall.length == 0) return;
@@ -285,7 +333,7 @@ var gb_dataZndd = (function (){
                 notify_succ('撤销实发操作成功！');
             });  
         } else if (type == "SFTZ_1"){
-            debugger
+
             gb_common.$post('/realSchedule/realOutAdjust_zndd', {
                 id: sch.sch.id,
                 remarks:'自动调度实发未发-车辆掉线',
@@ -300,23 +300,16 @@
     <!--<div id="timer"></div>-->
 </div>
  
-<script id="zndd_plat_msg_template" type="text/html">
-    <div class="multi_plat_msg_zndd" >
-        <span class="title">{{lineName}} ----</span>
-        <span class="title">{{datarq}}  ----</span>
-        <span class="title">{{types}}</span>
-        <select  id="selc" class="form-control">
-            <option value="X1">添加临加正常班次</option>
-            <option value="X2">添加临加区间班次</option>
-            <option value="X3">添加临加直放班次</option>
-            <option value="X4">添加临加放站班次</option>
-        </select>
-        <form class="form-horizontal" role="form" id="excelFile" method="post"
-              action="" enctype="multipart/form-data"></form>
-
-        <button id="submit"  data-linecode="{{lineCode}}" data-statione="{{station}}" data-numtype="{{numType}}"
-                data-xlname="{{lineName}}"  data-xldir="{{xlDir}}" data-rqstr="{{rqStr}}"
-                data-rq="{{rq}}" data-stationname="{{stationName}}">确定执行</button>
+<script id="zndd_plat_msg_template_dkl" type="text/html">
+    <div class="multi_plat_msg_zndd" data-linecode="{{lineCode}}"  data-type="{{type}}" data-station="{{station}}" data-stationname="{{stationName}}" data-uuid="{{uuid}}">
+        <div class="msg-popup warning-color">
+            <div class="msg-times" style="cursor: pointer;">×</div>
+            <span class="title">{{lineName}} ----</span>
+            <span class="title">{{datarq}}  ----</span>
+            <span class="title">{{types}}</span>
+            <div> 点击查看预案</div>
+
+        </div>
     </div>
  
  
+<div class="uk-modal ct-form-modal ct_move_modal" id="schedule-addsch-modal">
+    <div class="uk-modal-dialog" style="width: 1400px;">
+        <a href="" class="uk-modal-close uk-close"></a>
+        <div class="uk-modal-header">
+            <h2>新增临加班次</h2></div>
+        <div class="uk-grid uk-width-2-5" style="float: left">
+            <div class="uk-width-5-5">
+             <form class="uk-form uk-form-horizontal"> </form>
+                <div>
+                    
+                    
+                </div>
+            </div>
+        </div>
+        <div class="uk-grid uk-width-3-5 lj_1" >
+            <div class="uk-width-1-4">
+                <ul data-uk-switcher="{connect:'#tempScheduleContent'}" class="uk-nav uk-nav-side left_tabs_lg">
+                    <li data-handle="toAndFro"><a>1、往返</a></li>
+                    <li data-handle="normal"><a>2、临加班次</a></li>
+                  <!--  <li data-handle="parkToPark"><a>3、场到场</a></li>-->
+                </ul>
+            </div>
+            <div class="uk-width-3-4">
+                <ul id="tempScheduleContent" class="uk-switcher">
+                    <li class="toAndFroCont"></li>
+                    <li class="normalCont"></li>
+                    <li class="parkToParkCont"></li>
+                </ul>
+            </div>
+        </div>
+
+        <div class="uk-grid uk-width-3-5 lj_2" style="display: none; padding-left: 100px">
+            <div class="uk-width-1-1" id ="tempsdsf"></div>
+
+        </div>
+        
+    </div>
+
+    <script>
+        (function () {
+            var modal = '#schedule-addsch-modal',
+                sch, stationRoutes, parks, information, carsArray, st_park_data,conf;
+
+            $(modal).on('init', function (e, data) {
+                e.stopPropagation();
+                sch = data.data;
+                sch.xlBm = sch.lineCode;
+
+                var formHtml = template('djg-form-temp', sch);
+               $('form', modal).html(formHtml);
+                //切换
+
+             
+
+             
+                
+                //参数改变
+                $('form[name=yjtkForm] input', modal).on('blur', function () {
+                    var field = $(this).attr('name');
+                    var val = $(this).val();
+                    if (conf[field] != val) {
+                        var data = $('form[name=yjtkForm]', modal).serializeJSON();
+                        data.lineCode = conf.line.lineCode;
+                        gb_common.$post('/lineConfig/yjtkSet', data, function (rs) {
+                            conf = rs.conf;
+                            notify_succ('调整随到随发参数');
+                        });
+                    }
+                });
+                
+                
+                $("#destroySelect").on('change',function(){
+                    let fn = $('#destroySelect').val();
+                    if (fn == "0"){
+                        $(".lj_1").css({
+                            display: ''
+                        });
+                        $(".lj_2").css({
+                            display: 'none'
+                        });
+                    }else {
+                        $(".lj_1").css({
+                            display: 'none'
+                        });
+                        $(".lj_2").css({
+                            display: ''
+                        });
+                        $.get('/lineConfig/getByLineCode', {lineCode: sch.lineCode}, function (datan) {
+                            var formHtmls = template('buffer_config_form-temp1', datan);
+                            conf = datan;
+                            $('#tempsdsf', modal).html(formHtmls);
+                            $('[name=enableYjtk]', modal).on('change', function () {
+                                if($(this).val() == '1'){
+                                    enableYjtkForm();
+                                }
+                                else
+                                    disabledYjtkForm();
+                            });
+                        });
+                    }
+                })
+                //站到场数据
+                st_park_data = gb_data_basic.get_stat_park_data()[sch.xlBm];
+                //站点路由
+                stationRoutes = gb_common.groupBy(gb_data_basic.stationRoutes(sch.xlBm).sort(function (a, b) {
+                    return a.stationRouteCode - b.stationRouteCode;
+                }), 'directions');
+                //停车场
+                parks = gb_data_basic.simpleParksArray();
+                //线路标准
+                information = gb_data_basic.getLineInformation(sch.xlBm);
+                //停车场排序，常用的放前面
+                parks = sort_parks(parks, information, st_park_data);
+                //车辆信息
+                carsArray = gb_data_basic.carsArray();
+
+                var st_doms = gb_schedule_context_menu.get_add_sch_doms_v2();
+
+
+                $.post('/realSchedule/thissch/'+sch.id, function(res) {
+                    //to and fro
+                    $('.toAndFroCont', modal).html(st_doms.two_way_dom)
+                        .trigger('init', {sch: res, submitFun: submit_temp_schedule_form, stationRoutes: stationRoutes});
+                    
+                    //normal
+                    $('.normalCont', modal).html(st_doms.normal_dom)
+                        .trigger('init', {sch: res, submitFun: submit_temp_schedule_form});
+                });
+
+            });
+
+            //init-autoCom
+            $(modal).on('init-autoCom', '.add-sch-form', function () {
+                //车辆
+                if(carsArray)
+                    gb_common.carAutocomplete($('.car-autocom', this), carsArray);
+                //驾驶员
+                gb_common.personAutocomplete($('.jsy-autocom', this));
+                //售票员
+                gb_common.personAutocomplete($('.spy-autocom', this));
+                //备注补全
+                gb_common.remarksAutocomplete($('.remarks-autocom', this));
+            });
+
+            //班次类型 和 上下行 切换事件
+            $(modal).on('change', '.add-sch-form [name=bcType],.add-sch-form [name=xlDir]', reCalcInputs_type);
+            //起终点站改变事件
+            $(modal).on('change', '[name=qdzCode],[name=zdzCode]', reCalcInputs_station);
+            //开始时间和公里改变
+            $(modal).on('input', '.add-sch-form [name=fcsj],.add-sch-form [name=jhlc]', reCalcEndTime);
+
+
+            function reCalcInputs_type() {
+                var f = $(this).parents('.add-sch-form');
+                var bcType_e = $('[name=bcType]', f)
+                    , xlDir_e = $('[name=xlDir]', f);
+
+                var routes = stationRoutes[xlDir_e.val()]
+                    , lastCode = routes[routes.length - 1].stationCode
+                    , opts = '', park_opts = '';
+                //station options
+                $.each(routes, function () {
+                    opts += '<option value="' + this.stationCode + '">' + this.stationName + '</option>'
+                });
+                //park options
+                for(var i=0,p;p=parks[i++];)
+                    park_opts += '<option value="' + p.code + '">' + p.name + '</option>';
+
+                var qdz = $('[name=qdzCode]', f), zdz = $('[name=zdzCode]', f);
+                //var time, mileage;
+                switch (bcType_e.val()) {
+                    case 'out':
+                        qdz.html(park_opts).val(information.carPark);
+                        zdz.html(opts);
+                        break;
+                    case 'in':
+                        qdz.html(opts);
+                        zdz.html(park_opts).val(information.carPark);
+                        break;
+                    default:
+                        qdz.html(opts);
+                        zdz.html(opts).val(lastCode);
+                }
+
+                zdz.trigger('change');
+                f.trigger('ct_callback');
+            }
+
+            function reCalcInputs_station() {
+                var f = $(this).parents('form'),
+                    bcType = $('[name=bcType]', f).val(),
+                    qdzCode = $('[name=qdzCode]', f).val(),
+                    zdzCode =$('[name=zdzCode]', f).val(),
+                    startDate = $('[name=fcsj]', f).val(),
+                    upDown = $('[name=xlDir]', f).val(), mileage, time;
+
+                //从站到场里获取数据
+                var stp = search_st_park(f);
+                if(stp){
+                    mileage=bcType=='in'?stp['mileage1']:stp['mileage2'];
+                    time=bcType=='in'?stp['time1']:stp['time2'];
+                }
+                else{
+                    switch (upDown + '_' + bcType) {
+                        case '0_out'://上行出场
+                            mileage = information.upOutMileage;
+                            time = information.upOutTimer;
+                            break;
+                        case '1_out'://下行出场
+                            mileage = information.downOutMileage;
+                            time = information.downOutTimer;
+                            break;
+                        case '0_in'://上行进场
+                            mileage = information.upInMileage;
+                            time = information.upInTimer;
+                            break;
+                        case '1_in'://下行进场
+                            mileage = information.downInMileage;
+                            time = information.downInTimer;
+                            break;
+                        default:
+
+                            var qc_time=upDown==0?information.upTravelTime:information.downTravelTime,
+                                qc_mileage=upDown==0?information.upMileage:information.downMileage, _type;
+                            if(is_normal_sch(f)){
+                                _type='normal';
+                                mileage=qc_mileage;
+                            }
+                            else{
+                                _type='region';
+                                mileage = calcMileage(stationRoutes[upDown], qdzCode, zdzCode);
+                            }
+
+                            time = gb_common.mul(gb_common.accDiv(qc_time, qc_mileage), mileage);
+                            if(bcType!='ldks' && bcType!='major' && bcType!='venting')
+                                $('[name=bcType]', f).val(_type);
+                    }
+                }
+
+                $('[name=jhlc]', f).val(mileage);
+                var et = moment(startDate, 'HH:mm').add(time, 'minutes');
+                $f('zdsj', f).val(et.format('HH:mm'));
+                f.trigger('ct_callback');
+            }
+
+
+            function reCalcEndTime() {
+                var f = $(this).parents('.add-sch-form')
+                    , startDate = $f('fcsj', f).val()//开始时间
+                    , mileage = $f('jhlc', f).val()//公里
+                    , type2 = $f('bcType', f).val(),//班次类型
+                    upDown = $('[name=xlDir]', f).val();
+                if (!startDate || !mileage)
+                    return;
+
+                var time;
+                //从站到场里获取数据
+                var stp = search_st_park(f);
+                if(stp){
+                    time=type2=='in'?stp['time1']:stp['time2'];
+                }
+                else{
+                    if (type2 == 'in')
+                        time = upDown == 0 ? information.upInTimer : information.downInTimer;
+                    else if (type2 == 'out')
+                        time = upDown == 0 ? information.upOutTimer : information.downOutTimer;
+                    else{
+                        var qc_time=upDown==0?information.upTravelTime:information.downTravelTime,
+                            qc_mileage=upDown==0?information.upMileage:information.downMileage;
+
+                        time = gb_common.mul(gb_common.accDiv(qc_time, qc_mileage), mileage);
+                    }
+                }
+
+                var et = moment(startDate, 'HH:mm').add(time, 'minutes');
+                $f('zdsj', f).val(et.format('HH:mm'));
+                f.trigger('ct_callback');
+            }
+
+            function is_normal_sch(f) {
+                var qdzCode = $('[name=qdzCode]', f).val(),
+                    zdzCode =$('[name=zdzCode]', f).val(),
+                    upDown = $('[name=xlDir]', f).val(),
+                    rts = stationRoutes[upDown];
+
+                if(rts[0].stationCode == qdzCode
+                    && rts[rts.length - 1].stationCode == zdzCode)
+                    return true;
+                else
+                    return false;
+            }
+
+            function isInOut(bcType) {
+                return bcType=='in' || bcType=='out';
+            }
+
+            /**
+             *  计算线路上站点间公里
+             */
+            function calcMileage(rts, s, e) {
+                var mileage = 0, flag, code;
+                $.each(rts, function () {
+                    code = this['stationCode'];
+                    if (flag)
+                        mileage = gb_common.accAdd(mileage, this.distances);
+                    if (code == s)
+                        flag = true;
+                    if (code == e)
+                        return false;
+                });
+                return mileage;
+            }
+
+            function search_st_park(f) {
+                if(!st_park_data)
+                    return;
+                var stp;
+                var qdSelect=$f('qdzCode', f)[0],zdSelect=$f('zdzCode', f)[0];
+
+                if(qdSelect.options.selectedIndex < 0 || zdSelect.options.selectedIndex < 0)
+                    return;
+                var qdzName=qdSelect.options[qdSelect.options.selectedIndex].text,
+                    zdzName=zdSelect.options[zdSelect.options.selectedIndex].text,
+                    type2 = $f('bcType', f).val();
+
+                if(!isInOut(type2))
+                    return;
+
+                $.each(st_park_data, function () {
+                    if((type2=='in' && this.stationName==qdzName && this.parkName==zdzName)
+                        || (type2=='out' && this.stationName==zdzName && this.parkName==qdzName)){
+                        stp = this;
+                        return false;
+                    }
+                });
+
+                return stp;
+            }
+
+            /**
+             * 停车场排序
+             * @param parks 停车场 code 2 name
+             * @param information 线路标准
+             * @param st_park_data 站到场
+             */
+            function sort_parks(parks, information, st_park_data) {
+                var array = [], names=[];
+                for(var code in parks){
+                    array.push({code: code, name: parks[code]});
+                }
+
+                if(st_park_data && st_park_data.length > 0){
+                    $.each(st_park_data, function () {
+                        names.push(this.parkName);
+                    });
+                }
+
+                //debugger
+                array.sort(function (a, b) {
+                    if(a.code==information.carPark)
+                        return -1;
+                    if(b.code==information.carPark)
+                        return 1;
+
+                    var ai = names.indexOf(a.name),
+                        bi = names.indexOf(b.name);
+
+                    if(ai!=-1 && bi==-1)
+                        return -1;
+                    else if(ai==-1 && bi!=-1)
+                        return 1;
+                    else
+                        return $.trim(a.name).localeCompare($.trim(b.name), 'zh-CN');
+                });
+                return array;
+            }
+
+            function $f(name, f) {
+                return $('[name=' + name + ']', f);
+            }
+
+            /**
+             * 提交表单
+             */
+            function submit_temp_schedule_form(data, cb, err) {
+                if (!data.lpName) {
+                    notify_err('路牌信息缺失');
+                    return;
+                }
+                data.xlBm = sch.xlBm;
+                data.xlName = sch.xlName;
+                //拆分驾驶员工号和姓名
+                data.jGh = data.jsy.split('/')[0];
+                data.jName = data.jsy.split('/')[1];
+                delete data.jsy;
+                //拆分售票员工号和姓名
+                if (data.spy != '') {
+                    data.sGh = data.spy.split('/')[0];
+                    data.sName = data.spy.split('/')[1];
+                    delete data.spy;
+                }
+
+                //公司信息
+                var line = gb_data_basic.findLineByCodes([data.xlBm]);
+                if(line && line.length > 0){
+                    line = line[0];
+                    data.xlName = line.name;
+                    data.gsBm = line.company;
+                    data.fgsBm = line.brancheCompany;
+                }
+
+                gb_common.$post('/realSchedule', data, function (rs) {
+                    notify_succ('新增临加班次成功');
+                    cb && cb(rs);
+                }, err);
+            }
+            
+            function enableYjtkForm() {
+                var f = $('form[name=yjtkForm]', modal);
+                $('input', f).removeAttr('disabled');
+                //开始时间
+                if($('[name=yjtkStart]',f).val() == '')
+                    $('[name=yjtkStart]',f).val('00:00');
+                if($('[name=yjtkEnd]',f).val() == '')
+                    $('[name=yjtkEnd]',f).val('23:59');
+                var data = f.serializeJSON();
+                data.lineCode = conf.line.lineCode;
+                gb_common.$post('/lineConfig/yjtkSet', data, function (rs) {
+                    conf = rs.conf;
+                    notify_succ('启用随到随发');
+                });
+            }
+            function disabledYjtkForm() {
+                var f = $('form[name=yjtkForm]', modal);
+                $('input', f).attr('disabled', 'disabled');
+                //恢复val
+                $('[name=yjtkStart]',f).val(conf.yjtkStart);
+                $('[name=yjtkEnd]',f).val(conf.yjtkEnd);
+                $('[name=upStopMinute]',f).val(conf.upStopMinute);
+                $('[name=downStopMinute]',f).val(conf.downStopMinute);
+    
+                var data = {enableYjtk: 0, lineCode: conf.line.lineCode};
+                gb_common.$post('/lineConfig/yjtkSet', data, function (rs) {
+                    conf = rs.conf;
+                    notify_succ('禁用随到随发');
+                });
+            }
+            
+        })();
+    </script>
+</div>
+
+<script id="djg-form-temp" type="text/html">
+    <input type="hidden" name="id" value=""/>
+
+    <div class="uk-grid">
+        <div class="uk-width-4-2">
+            <div class="uk-form-row">
+                <h3>间隔情况</h3>
+            </div>
+        </div>
+    </div>
+    <div class="uk-grid">
+        <div class="uk-width-4-2">
+            <div class="uk-form-row">
+                <label class="uk-form-labels" >{{lineName}} -> 起点站开往终点站  出现大间隔</label>
+            </div>
+        </div>
+    </div>
+    <div>
+        <div class="uk-grid">
+            <div class="uk-width-1-2">
+                <div class="uk-form-row">
+                    <label class="uk-form-label">当前车车号</label>
+                    <div class="uk-form-controls">
+                        <input value="{{lg.nbbm}}" disabled>
+                    </div>
+                </div>
+            </div>
+            <div class="uk-width-1-2">
+                <div class="uk-form-row">
+                    <label class="uk-form-label">前车车号</label>
+                    <div class="uk-form-controls">
+                        <input value="{{lg.beforeNbbm}}" disabled>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="uk-grid">
+            <div class="uk-width-1-2">
+                <div class="uk-form-row">
+                    <label class="uk-form-label">当前车站点</label>
+                    <div class="uk-form-controls">
+                        <input value="{{lg.stationName}}" disabled>
+                    </div>
+                </div>
+            </div>
+            <div class="uk-width-1-2">
+                <div class="uk-form-row">
+                    <label class="uk-form-label">前车站点</label>
+                    <div class="uk-form-controls">
+                        <input value="{{lg.beforeStationName}}" disabled>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="uk-grid">
+            <div class="uk-width-1-2">
+                <div class="uk-form-row">
+                    <label class="uk-form-label">当前车发车时间</label>
+                    <div class="uk-form-controls">
+                        <input value="{{lg.bcfcsj}}" disabled>
+                    </div>
+                </div>
+            </div>
+            <div class="uk-width-1-2">
+                <div class="uk-form-row">
+                    <label class="uk-form-label">前车发车时间</label>
+                    <div class="uk-form-controls">
+                        <input value="{{lg.beforeBcfcsj}}" disabled>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="uk-grid">
+            <div class="uk-width-1-2">
+                <div class="uk-form-row">
+                    <label class="uk-form-label">当前间隔分钟数</label>
+                    <div class="uk-form-controls">
+                        <input value="{{lg.intervalMinute}}" disabled> 
+                    </div>
+                </div>
+            </div>
+            <div class="uk-width-1-2">
+                <div class="uk-form-row">
+                    <label class="uk-form-label">大间隔分钟数阀值</label>
+                    <div class="uk-form-controls">
+                        <input value="{{lg.largeGapConfigMinute}}" disabled>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+
+        <div class="uk-grid">
+            <div class="uk-width-2-2">
+                <div class="uk-form-row">
+                    <label class="uk-form-label">选择方案</label>
+                    <div class="uk-form-controls">
+                        <select name="destroy" class="form-control" id="destroySelect">
+                            <option value="0">-- 临加班次 --</option>
+                            <option value="1">-- 随到随发 --</option>
+                        </select>
+                    </div>
+                </div>
+            </div>
+        </div>
+        
+        <div class="uk-grid">
+            <div class="uk-width-4-2">
+                <div class="uk-form-row">
+                    <h3>方案优势</h3>
+                </div>
+            </div>
+        </div>
+        
+        <div class="uk-grid">
+            <div class="uk-width-1-2">
+                <div class="uk-form-row">
+                    <label class="uk-form-label">间隔检测效率</label>
+                    <div class="uk-form-controls">
+                        <input  value="50%"  disabled>
+                    </div>
+                </div>
+            </div>
+            <div class="uk-width-1-2">
+                <div class="uk-form-row">
+                    <label class="uk-form-label">乘客满意度</label>
+                    <div class="uk-form-controls">
+                        <input  value="10%"  disabled>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</script>
+
+
+<script id="buffer_config_form-temp1" type="text/html">
+    <div id="emergency_stop_panel">
+        <h3 class="btn_title_lines1">
+            <a class="uk-link-reset" >调整随到随发 </a>
+        </h3>
+        <div>
+            <form class="uk-form" name="yjtkForm">
+                <table>
+                    <tr>
+                        <td colspan="2">
+                            是否启用
+                            <select class="z-depth-input" name="enableYjtk">
+                                <option value="0" >禁用</option>
+                                <option value="1" {{if enableYjtk}}selected{{/if}}>启用</option>
+                            </select>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td colspan="2">
+                            时间
+                            <input type="time" value="{{yjtkStart}}" name="yjtkStart" {{if !enableYjtk}}disabled{{/if}}>至
+                            <input type="time" value="{{yjtkEnd}}" name="yjtkEnd" {{if !enableYjtk}}disabled{{/if}}>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>
+                            上行停靠时间
+                            <input type="number" value="{{upStopMinute}}" name="upStopMinute" {{if !enableYjtk}}disabled{{/if}}>分钟
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>
+                            下行停靠时间
+                            <input type="number" value="{{downStopMinute}}" name="downStopMinute" {{if !enableYjtk}}disabled{{/if}}>分钟
+                        </td>
+                    </tr>
+                </table>
+            </form>
+        </div>
+    </div>
+</script>
+<script>
+
+</script>
 \ No newline at end of file
+<div class="uk-modal ct-form-modal ct_move_modal" id="schedule-addsch-modal">
+    <div class="uk-modal-dialog" style="width: 1400px;">
+        <a href="" class="uk-modal-close uk-close"></a>
+        <div class="uk-modal-header">
+            <h2>大客流</h2></div>
+        <div class="uk-grid uk-width-2-5" style="float: left">
+            <div class="uk-width-5-5">
+                <form class="uk-form uk-form-horizontal"> </form>
+                <div>
+
+
+                </div>
+            </div>
+        </div>
+        <div class="uk-grid uk-width-3-5 lj_1" >
+            <div class="uk-width-1-4">
+                <ul data-uk-switcher="{connect:'#tempScheduleContent'}" class="uk-nav uk-nav-side left_tabs_lg">
+                    <li data-handle="toAndFro"><a>1、往返</a></li>
+                    <li data-handle="normal"><a>2、临加班次</a></li>
+                    <!--  <li data-handle="parkToPark"><a>3、场到场</a></li>-->
+                </ul>
+            </div>
+            <div class="uk-width-3-4">
+                <ul id="tempScheduleContent" class="uk-switcher">
+                    <li class="toAndFroCont"></li>
+                    <li class="normalCont"></li>
+                    <li class="parkToParkCont"></li>
+                </ul>
+            </div>
+        </div>
+
+    </div>
+
+    <script>
+        (function () {
+            var modal = '#schedule-addsch-modal',
+                sch, stationRoutes, parks, information, carsArray, st_park_data,conf;
+
+            $(modal).on('init', function (e, data) {
+                e.stopPropagation();
+                sch = data.data;
+                sch.xlBm = sch.lineCode;
+
+                //站到场数据
+                st_park_data = gb_data_basic.get_stat_park_data()[sch.xlBm];
+                //站点路由
+                stationRoutes = gb_common.groupBy(gb_data_basic.stationRoutes(sch.xlBm).sort(function (a, b) {
+                    return a.stationRouteCode - b.stationRouteCode;
+                }), 'directions');
+                let route = stationRoutes[sch.xlDir];
+                debugger
+                sch.startStation = route[0];
+                sch.stopStation = route[route.length - 1];
+                var formHtml = template('djg-form-temp', sch);
+                $('form', modal).html(formHtml);
+                //切换
+                $("#destroySelect").on('change',function(){
+                    let fn = $('#destroySelect').val();
+                    if (fn == "0"){
+                        $('.video_1').css({display: ''});
+                        $('.video_2').css({display: 'none'});
+                      
+                    }else {
+                        $('.video_1').css({display: 'none'});
+                        $('.video_2').css({display: ''});
+                    }
+                })
+                $("#zhanOrche").on('change',function(){
+                    let fn = $('#zhanOrche').val();
+                    if (fn == "0"){
+                        $('.car_s').css({display: 'none'});
+                        $('.zt_s').css({display: ''});
+
+                    }else {
+                        $('.car_s').css({display: ''});
+                        $('.zt_s').css({display: 'none'});
+                    }
+                })
+
+
+                
+                //停车场
+                parks = gb_data_basic.simpleParksArray();
+                //线路标准
+                information = gb_data_basic.getLineInformation(sch.xlBm);
+                //停车场排序，常用的放前面
+                parks = sort_parks(parks, information, st_park_data);
+                //车辆信息
+                carsArray = gb_data_basic.carsArray();
+
+                var st_doms = gb_schedule_context_menu.get_add_sch_doms_v2();
+
+                $.post('/realSchedule/thissch/'+sch.id, function(res) {
+                    //to and fro
+                    $('.toAndFroCont', modal).html(st_doms.two_way_dom)
+                        .trigger('init', {sch: res, submitFun: submit_temp_schedule_form, stationRoutes: stationRoutes});
+
+
+                    //normal
+                    $('.normalCont', modal).html(st_doms.normal_dom)
+                        .trigger('init', {sch: res, submitFun: submit_temp_schedule_form});
+                });
+                
+               
+
+            });
+
+            //init-autoCom
+            $(modal).on('init-autoCom', '.add-sch-form', function () {
+                //车辆
+                if(carsArray)
+                    gb_common.carAutocomplete($('.car-autocom', this), carsArray);
+                //驾驶员
+                gb_common.personAutocomplete($('.jsy-autocom', this));
+                //售票员
+                gb_common.personAutocomplete($('.spy-autocom', this));
+                //备注补全
+                gb_common.remarksAutocomplete($('.remarks-autocom', this));
+            });
+
+            //班次类型 和 上下行 切换事件
+            $(modal).on('change', '.add-sch-form [name=bcType],.add-sch-form [name=xlDir]', reCalcInputs_type);
+            //起终点站改变事件
+            $(modal).on('change', '[name=qdzCode],[name=zdzCode]', reCalcInputs_station);
+            //开始时间和公里改变
+            $(modal).on('input', '.add-sch-form [name=fcsj],.add-sch-form [name=jhlc]', reCalcEndTime);
+
+
+            function reCalcInputs_type() {
+                var f = $(this).parents('.add-sch-form');
+                var bcType_e = $('[name=bcType]', f)
+                    , xlDir_e = $('[name=xlDir]', f);
+
+                var routes = stationRoutes[xlDir_e.val()]
+                    , lastCode = routes[routes.length - 1].stationCode
+                    , opts = '', park_opts = '';
+                //station options
+                $.each(routes, function () {
+                    opts += '<option value="' + this.stationCode + '">' + this.stationName + '</option>'
+                });
+                //park options
+                for(var i=0,p;p=parks[i++];)
+                    park_opts += '<option value="' + p.code + '">' + p.name + '</option>';
+
+                var qdz = $('[name=qdzCode]', f), zdz = $('[name=zdzCode]', f);
+                //var time, mileage;
+                switch (bcType_e.val()) {
+                    case 'out':
+                        qdz.html(park_opts).val(information.carPark);
+                        zdz.html(opts);
+                        break;
+                    case 'in':
+                        qdz.html(opts);
+                        zdz.html(park_opts).val(information.carPark);
+                        break;
+                    default:
+                        qdz.html(opts);
+                        zdz.html(opts).val(lastCode);
+                }
+
+                zdz.trigger('change');
+                f.trigger('ct_callback');
+            }
+
+            function reCalcInputs_station() {
+                var f = $(this).parents('form'),
+                    bcType = $('[name=bcType]', f).val(),
+                    qdzCode = $('[name=qdzCode]', f).val(),
+                    zdzCode =$('[name=zdzCode]', f).val(),
+                    startDate = $('[name=fcsj]', f).val(),
+                    upDown = $('[name=xlDir]', f).val(), mileage, time;
+
+                //从站到场里获取数据
+                var stp = search_st_park(f);
+                if(stp){
+                    mileage=bcType=='in'?stp['mileage1']:stp['mileage2'];
+                    time=bcType=='in'?stp['time1']:stp['time2'];
+                }
+                else{
+                    switch (upDown + '_' + bcType) {
+                        case '0_out'://上行出场
+                            mileage = information.upOutMileage;
+                            time = information.upOutTimer;
+                            break;
+                        case '1_out'://下行出场
+                            mileage = information.downOutMileage;
+                            time = information.downOutTimer;
+                            break;
+                        case '0_in'://上行进场
+                            mileage = information.upInMileage;
+                            time = information.upInTimer;
+                            break;
+                        case '1_in'://下行进场
+                            mileage = information.downInMileage;
+                            time = information.downInTimer;
+                            break;
+                        default:
+
+                            var qc_time=upDown==0?information.upTravelTime:information.downTravelTime,
+                                qc_mileage=upDown==0?information.upMileage:information.downMileage, _type;
+                            if(is_normal_sch(f)){
+                                _type='normal';
+                                mileage=qc_mileage;
+                            }
+                            else{
+                                _type='region';
+                                mileage = calcMileage(stationRoutes[upDown], qdzCode, zdzCode);
+                            }
+
+                            time = gb_common.mul(gb_common.accDiv(qc_time, qc_mileage), mileage);
+                            if(bcType!='ldks' && bcType!='major' && bcType!='venting')
+                                $('[name=bcType]', f).val(_type);
+                    }
+                }
+
+                $('[name=jhlc]', f).val(mileage);
+                var et = moment(startDate, 'HH:mm').add(time, 'minutes');
+                $f('zdsj', f).val(et.format('HH:mm'));
+                f.trigger('ct_callback');
+            }
+
+
+            function reCalcEndTime() {
+                var f = $(this).parents('.add-sch-form')
+                    , startDate = $f('fcsj', f).val()//开始时间
+                    , mileage = $f('jhlc', f).val()//公里
+                    , type2 = $f('bcType', f).val(),//班次类型
+                    upDown = $('[name=xlDir]', f).val();
+                if (!startDate || !mileage)
+                    return;
+
+                var time;
+                //从站到场里获取数据
+                var stp = search_st_park(f);
+                if(stp){
+                    time=type2=='in'?stp['time1']:stp['time2'];
+                }
+                else{
+                    if (type2 == 'in')
+                        time = upDown == 0 ? information.upInTimer : information.downInTimer;
+                    else if (type2 == 'out')
+                        time = upDown == 0 ? information.upOutTimer : information.downOutTimer;
+                    else{
+                        var qc_time=upDown==0?information.upTravelTime:information.downTravelTime,
+                            qc_mileage=upDown==0?information.upMileage:information.downMileage;
+
+                        time = gb_common.mul(gb_common.accDiv(qc_time, qc_mileage), mileage);
+                    }
+                }
+
+                var et = moment(startDate, 'HH:mm').add(time, 'minutes');
+                $f('zdsj', f).val(et.format('HH:mm'));
+                f.trigger('ct_callback');
+            }
+
+            function is_normal_sch(f) {
+                var qdzCode = $('[name=qdzCode]', f).val(),
+                    zdzCode =$('[name=zdzCode]', f).val(),
+                    upDown = $('[name=xlDir]', f).val(),
+                    rts = stationRoutes[upDown];
+
+                if(rts[0].stationCode == qdzCode
+                    && rts[rts.length - 1].stationCode == zdzCode)
+                    return true;
+                else
+                    return false;
+            }
+
+            function isInOut(bcType) {
+                return bcType=='in' || bcType=='out';
+            }
+
+            /**
+             *  计算线路上站点间公里
+             */
+            function calcMileage(rts, s, e) {
+                var mileage = 0, flag, code;
+                $.each(rts, function () {
+                    code = this['stationCode'];
+                    if (flag)
+                        mileage = gb_common.accAdd(mileage, this.distances);
+                    if (code == s)
+                        flag = true;
+                    if (code == e)
+                        return false;
+                });
+                return mileage;
+            }
+
+            function search_st_park(f) {
+                if(!st_park_data)
+                    return;
+                var stp;
+                var qdSelect=$f('qdzCode', f)[0],zdSelect=$f('zdzCode', f)[0];
+
+                if(qdSelect.options.selectedIndex < 0 || zdSelect.options.selectedIndex < 0)
+                    return;
+                var qdzName=qdSelect.options[qdSelect.options.selectedIndex].text,
+                    zdzName=zdSelect.options[zdSelect.options.selectedIndex].text,
+                    type2 = $f('bcType', f).val();
+
+                if(!isInOut(type2))
+                    return;
+
+                $.each(st_park_data, function () {
+                    if((type2=='in' && this.stationName==qdzName && this.parkName==zdzName)
+                        || (type2=='out' && this.stationName==zdzName && this.parkName==qdzName)){
+                        stp = this;
+                        return false;
+                    }
+                });
+
+                return stp;
+            }
+
+            /**
+             * 停车场排序
+             * @param parks 停车场 code 2 name
+             * @param information 线路标准
+             * @param st_park_data 站到场
+             */
+            function sort_parks(parks, information, st_park_data) {
+                var array = [], names=[];
+                for(var code in parks){
+                    array.push({code: code, name: parks[code]});
+                }
+
+                if(st_park_data && st_park_data.length > 0){
+                    $.each(st_park_data, function () {
+                        names.push(this.parkName);
+                    });
+                }
+
+                //debugger
+                array.sort(function (a, b) {
+                    if(a.code==information.carPark)
+                        return -1;
+                    if(b.code==information.carPark)
+                        return 1;
+
+                    var ai = names.indexOf(a.name),
+                        bi = names.indexOf(b.name);
+
+                    if(ai!=-1 && bi==-1)
+                        return -1;
+                    else if(ai==-1 && bi!=-1)
+                        return 1;
+                    else
+                        return $.trim(a.name).localeCompare($.trim(b.name), 'zh-CN');
+                });
+                return array;
+            }
+
+            function $f(name, f) {
+                return $('[name=' + name + ']', f);
+            }
+
+            /**
+             * 提交表单
+             */
+            function submit_temp_schedule_form(data, cb, err) {
+                if (!data.lpName) {
+                    notify_err('路牌信息缺失');
+                    return;
+                }
+                data.xlBm = sch.xlBm;
+                data.xlName = sch.xlName;
+                //拆分驾驶员工号和姓名
+                data.jGh = data.jsy.split('/')[0];
+                data.jName = data.jsy.split('/')[1];
+                delete data.jsy;
+                //拆分售票员工号和姓名
+                if (data.spy != '') {
+                    data.sGh = data.spy.split('/')[0];
+                    data.sName = data.spy.split('/')[1];
+                    delete data.spy;
+                }
+
+                //公司信息
+                var line = gb_data_basic.findLineByCodes([data.xlBm]);
+                if(line && line.length > 0){
+                    line = line[0];
+                    data.xlName = line.name;
+                    data.gsBm = line.company;
+                    data.fgsBm = line.brancheCompany;
+                }
+
+                gb_common.$post('/realSchedule', data, function (rs) {
+                    notify_succ('新增临加班次成功');
+                    cb && cb(rs);
+                }, err);
+            }
+
+        })();
+    </script>
+</div>
+
+<script id="djg-form-temp" type="text/html">
+    <input type="hidden" name="id" value=""/>
+
+    <div class="uk-grid">
+        <div class="uk-width-4-2">
+            <div class="uk-form-row">
+                <h3>大客流信息</h3>
+            </div>
+        </div>
+    </div>
+    <div class="uk-grid">
+        <div class="uk-width-4-2">
+            <div class="uk-form-row">
+                <label class="uk-form-labels" >{{stopStation.stationName}}站点  出现大客流</label>
+            </div>
+        </div>
+       
+    </div>
+
+    <div class="uk-grid">
+        <div class="uk-width-1-2">
+            <div class="uk-form-row">
+                <label class="uk-form-label">站点名称</label>
+                <div class="uk-form-controls">
+                    <input type="time" value="XXXX" name="fcsj" disabled>
+                </div>
+            </div>
+        </div>
+        <div class="uk-width-1-2">
+            <div class="uk-form-row">
+                <label class="uk-form-label">站点人数</label>
+                <div class="uk-form-controls">
+                    <input value="20"  disabled>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="uk-grid">
+        <div class="uk-width-2-2">
+            <div class="uk-form-row">
+                <label class="uk-form-label">选择方案</label>
+                <div class="uk-form-controls">
+                    <select name="destroy" class="form-control" id="destSelect">
+                        <option value="0">-- 方案一 --</option>
+                    </select>
+                </div>
+            </div>
+        </div>
+    </div>
+
+
+    <div class="uk-grid">
+        <div class="uk-width-2-2">
+            <div class="uk-form-row">
+                <label class="uk-form-label"></label>
+                <div class="uk-form-controls">
+                    <select name="destroy" class="form-control" id="zhanOrche">
+                        <option value="0">-- 站台 --</option>
+                        <option value="1">-- 车辆 --</option>
+                    </select>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="uk-grid">
+        <div class="uk-width-1-2">
+            <div class="uk-form-row">
+                <label class="uk-form-label">车内人数</label>
+                <div class="uk-form-controls">
+                    <input  value="23"  disabled>
+                </div>
+            </div>
+        </div>
+        <div class="uk-width-1-2">
+            <div class="uk-form-row">
+                <label class="uk-form-label">摄像</label>
+                <div class="uk-form-controls">
+                    <select name="destroy" class="form-control" id="destroySelect">
+                        <option value="0">-- 前车厢 --</option>
+                        <option value="1">-- 后车厢 --</option>
+                    </select>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="uk-grid zt_s">
+        <div class="uk-width-4-2">
+            <div class="uk-form-row img_1">
+                <img style="width: 100%" src="/profile/avat/2024/04/08/666.png" controls />
+
+            </div>
+        </div>
+    </div>
+
+
+    <div class="uk-grid car_s" style="display:none">
+       
+        <div class="uk-width-1-1">
+            <div class="uk-form-row">
+                <label class="uk-form-label">车内视频：</label>
+            </div>
+        </div>
+    </div>
+    <div class="uk-grid car_s" style="display:none">
+        <div class="uk-width-4-2">
+            <div class="uk-form-row video_1">
+                <video id="myVideo" style="width: 100%" src="/real_control_v2/zndd/video/a.mp4" controls></video>
+            </div>
+            <div class="uk-form-row video_2" style="display: none">
+                <video id="myVideos" style="width: 100%" src="/real_control_v2/zndd/video/b.mp4" controls></video>
+            </div>
+        </div>
+    </div>
+
+
+
+</script>
+<style>
+    .fanganys input{
+        text-align: center;
+    }
+</style>