The map_register_v3 from kongying-tavern

功能描述

添加一条路线，显示百分比(已完成点位/总点位数量, 前端计算)，配上领跑视频。分为公共和个人路线。

存储方式(暂定)

公共: 业务接口
个人: 云同步

API路径

参考点位API

地址	说明
/line/single	添加路线 PUT
/line/single	修改路线 POST
/line/{lineId}	删除路线 DELETE
/line/get/list_byinfo	根据各种条件筛选查询路线信息
/line/get/list_byid	通过ID列表查询路线信息
/line/get/id	根据各种条件筛选查询路线ID
/line/get/page	分页查询所有路线信息

数据结构

英文名	类型	中文名	说明
id	integer	路线ID
markerList	array	点位数组	路线按照数组内顺序
content	string	内容
lineCreatorId	integer	路线创建者ID
viedoPath	string	领跑视频地址	建议设置校验，基本格式"https://www.bilibili.com/video/BV1JP411E7fV?t=58.2&p=5"
hiddenFlag	integer	显隐方法
lineTitle	string	路线标题

整体页面框架的建立

按照之前讨论的，打点页右下角加一个按钮式的东西，管理员点击跳转数据管理，用户管理界面，其他用户点击进入帮助界面

用户的可视化增删改查

我的想法是用户管理用一个列表来展示，
列表上方是一个筛选功能，提供创建日期的筛选，qq号筛选，用户名筛选，昵称筛选，其中文本类的筛选用一个选择器加一个输入框来实现切换分类筛选
列表本身点击即可编辑，编辑后当前行右侧出现保存按钮，不弄实时保存，每行右侧常驻“重置密码”，“删除用户”，列表字段除了用户字段外，还需要加上角色（选择器形式），用户ID不可编辑，用户密码无法获取，其他都可以编辑

错误页面的链接

localhost:9000

重现步骤

登录v3地图打点页
打开auto next
选取蒙德地区
选取特产类别
选取任意物品

期望结果

地图显示相关点位信息

实际结果

地图显示相关点位信息，但是极短时间后消失，表现为闪现。
查看控制台发现报错信息。
Uncaught TypeError: Cannot read properties of null (reading 'el')
at NewClass._updatePath (genshinMarker.ts:164:38)
at NewClass._update (CircleMarker.js:86:9)
at NewClass._updatePaths (Canvas.js:95:10)
at NewClass.fire (Events.js:195:9)
at NewClass._update (Canvas.js:126:8)
at GenshinMap.fire (Events.js:195:9)
at GenshinMap._moveEnd (Map.js:1254:15)
at GenshinMap._onZoomTransitionEnd (Map.js:1735:8)